/* PDF Annotator - toolbar. Migrated from WP Coder export. */

/* ======================================================
   FLOATING TOOLBAR
   ====================================================== */

#pdf-annotator .pa-toolbar-float{
  position:sticky;
  top:0;
  z-index:30;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;

  padding:10px 18px;

  background:#ffffff;
  border-bottom:1px solid #d7dde3;
  border-radius:14px;
  box-shadow:0 12px 26px rgba(0,0,0,.10);

  margin:0 20px;
}

/* ======================================================
   ROW BASE
   ====================================================== */

#pdf-annotator .pa-row{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:1600px;
  box-sizing:border-box;
}

/* ======================================================
   PRIMEIRA LINHA
   ====================================================== */

#pdf-annotator .pa-row-single{
  gap:12px;
  flex-wrap:wrap;
}

#pdf-annotator .pa-filename{
  box-sizing:border-box;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:var(--btn-size);
  padding:8px 14px;

  font-family:inherit;
  font-weight:600;
  font-size:14px;
  line-height:1.2;

  color:#374151;

  width:auto;
  max-width:100%;

  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;

  background:radial-gradient(circle at 35% 30%, #ffffff 0%, #f1f1f1 75%);
  border:2px solid #2f2f2f;
  border-radius:calc(var(--btn-size) / 4);

  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.22),
    0 1px 3px rgba(0,0,0,.18);
}


/* ======================================================
   SEGUNDA LINHA / DOCUMENTO
   ====================================================== */

#pdf-annotator .pa-row-options{
  gap:18px;
  flex-wrap:wrap;

  background:#f4f6f8;
  padding:8px 16px;

  border:1px solid #d6dde3;
  border-radius:10px;

  font-size:16px;

  width:100%;
  max-width:1600px;
}

/* ======================================================
   TERCEIRA LINHA / PROPRIEDADES
   ====================================================== */

#pdf-annotator .pa-row-properties{
  gap:18px;
  flex-wrap:wrap;

  background:#f4f6f8;
  padding:8px 16px;

  border:1px solid #d6dde3;
  border-radius:10px;

  font-size:16px;

  width:100%;
  max-width:1600px;
}

/* ======================================================
   GROUPS
   ====================================================== */

#pdf-annotator .pa-group{
  display:grid;
  grid-template-columns:88px auto 70px;
  align-items:center;
  gap:8px;
}

#pdf-annotator .pa-row-properties .pa-group{
  min-width:260px;
}

#pdf-annotator .pa-row-properties .pa-group label{
  width:88px;
  white-space:nowrap;
}

#pdf-annotator .pa-row-properties .pa-group-color{
  grid-template-columns:88px 44px 70px;
  min-width:210px;
}

#pdf-annotator .pa-group + .pa-group{
  padding-left:16px;
  border-left:1px solid #d6dde3;
}

/* ======================================================
   SLIDERS
   ====================================================== */

#pdf-annotator #pa-width{
  width:150px;
  flex:0 0 150px;
  accent-color:#374151;
}

/* ======================================================
   VALUES
   ====================================================== */

#pdf-annotator .pa-inline-hint{
  display:inline-flex;
  align-items:baseline;
  justify-content:flex-end;

  width:70px;
  font-variant-numeric:tabular-nums;
  color:#111827;
}

#pdf-annotator .pa-inline-hint span{
  min-width:40px;
  text-align:right;
}

#pdf-annotator .pa-unit-pt::after{
  content:"pt";
  margin-left:4px;
  font-size:.85em;
  opacity:.75;
}

/* ================= GROUPS ================= */

#pdf-annotator .pa-f-group{
  display:flex;
  align-items:center;
  gap:8px;
}

/* ================= SEPARATOR ================= */

#pdf-annotator .pa-sep{
  opacity:.35;
  font-weight:600;
}

/* ================= PAGE LABEL ================= */

#pdf-annotator .pa-page{
  min-width:44px;
  text-align:center;
  font-weight:700;
}

/* ================= ZOOM LABEL ================= */

#pdf-annotator .pa-zoom{
  min-width:48px;
  text-align:center;
  font-weight:700;
}

/* file input hidden */

#pdf-annotator .pa-file input{
  display:none;
}
