/* Sign PDF page. Shared PDF CSS stays; this file only restyles this page. */
.apdf-page {
  --apdf-ink: #172033;
  --apdf-body: #3d4658;
  --apdf-muted: #64748b;
  --apdf-line: #e3e9f1;
  --apdf-blue: #2563eb;
  --apdf-blue-dark: #1d4ed8;
  --apdf-aside-w: 230px;
  --apdf-side-w: 300px;
  display: grid;
  grid-template-columns: var(--apdf-aside-w) minmax(0, 1fr);
  gap: 18px 22px;
  align-items: start;
  margin: 4px 0 28px;
}

.apdf-aside { display: flex; flex-direction: column; min-width: 0; padding-top: 8px; }

.apdf-title {
  margin: 0 0 14px;
  font-size: clamp(2rem, 2.8vw, 2.65rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.98;
  color: var(--apdf-ink);
}

.article .apdf-lede {
  margin: 0 0 20px;
  color: var(--apdf-body);
  font-size: 0.98rem;
  line-height: 1.5;
}

.article .apdf-perks,
.article .apdf-steps,
.article .apdf-tip-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .apdf-perks { display: grid; gap: 16px; }

.article .apdf-perks li,
.article .apdf-steps li,
.article .apdf-tip-steps li {
  margin: 0;
  padding: 0;
}

.article .apdf-perks li::before,
.article .apdf-steps li::before,
.article .apdf-tip-steps li::before { content: none; }

.article .apdf-perks li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--apdf-body);
  font-size: 0.84rem;
  line-height: 1.35;
}

.apdf-perks strong { display: block; color: var(--apdf-ink); font-size: 0.9rem; }

.apdf-perk {
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: #fff center / 20px no-repeat;
}

.apdf-perk.is-fast {
  background-color: #ffe4e6;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e11d48' d='M13.5 2 4.5 13.5h6.2L9.8 22l9-11.5h-6.2z'/%3E%3C/svg%3E");
}

.apdf-perk.is-free {
  background-color: #dcfce7;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='4'/%3E%3Cpath d='M3 20a7 7 0 0 1 11-5.7M15.5 18l2 2 4-4.5'/%3E%3C/svg%3E");
}

.apdf-perk.is-file {
  background-color: #ede9fe;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237c3aed' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%23fff' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}

.apdf-perk.is-sign {
  background-color: #dbeafe;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M4 16.5 14.8 5.7a2 2 0 0 1 2.8 2.8L6.8 19.3 4 20z'/%3E%3C/svg%3E");
}

.article img.apdf-art {
  display: block;
  width: calc(100% + 16px);
  max-width: 280px;
  height: auto;
  margin: 12px 0 0 -8px;
  border: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}

body.page-assinar-pdf-online .cpdf-app {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body.page-assinar-pdf-online .cpdf-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--apdf-side-w);
  gap: 14px 16px;
  align-items: stretch;
  border: 0;
}

body.page-assinar-pdf-online .apdf-steps,
body.page-assinar-pdf-online .cpdf-toolbar { grid-column: 1 / -1; }

.apdf-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--apdf-line);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.apdf-steps li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid var(--apdf-line);
}

.apdf-steps li:last-child { border-right: 0; }

.apdf-steps strong,
.apdf-steps small { display: block; }
.apdf-steps strong { color: var(--apdf-ink); font-size: 0.84rem; }
.apdf-steps small { color: var(--apdf-muted); font-size: 0.72rem; }

.apdf-step-n {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 50%;
  background: #e8eef6;
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 800;
}

.apdf-steps li.is-on .apdf-step-n,
.apdf-steps li.is-done .apdf-step-n { background: var(--apdf-blue); color: #fff; }
.apdf-steps li.is-on strong { color: var(--apdf-blue-dark); }

body.page-assinar-pdf-online .cpdf-toolbar {
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--apdf-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(30, 50, 90, 0.05);
}

body.page-assinar-pdf-online .cpdf-toolbar::before { content: none; }

body.page-assinar-pdf-online .cpdf-app:has(#apdf-drop:not([hidden])) > .cpdf-toolbar { display: none; }

body.page-assinar-pdf-online .cpdf-app .cpdf-btn {
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--apdf-line);
  border-radius: 10px;
  background: #fff;
  color: var(--apdf-ink);
  font-size: 0.84rem;
  font-weight: 750;
  box-shadow: none;
}

body.page-assinar-pdf-online .cpdf-btn-icon.apdf-stroke {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.page-assinar-pdf-online .cpdf-app #apdf-btn-sign,
body.page-assinar-pdf-online .cpdf-app #apdf-btn-sign:disabled {
  border-color: #c7dafc !important;
  background: #e8f0fe !important;
  color: var(--apdf-blue-dark) !important;
  box-shadow: none !important;
}

body.page-assinar-pdf-online .cpdf-app #apdf-btn-sign:disabled { opacity: 0.55; }

body.page-assinar-pdf-online .cpdf-app .apdf-clear,
body.page-assinar-pdf-online .cpdf-app .apdf-clear:disabled { color: #dc2626 !important; }

body.page-assinar-pdf-online .cpdf-main {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-right: 0;
  background: transparent;
  box-shadow: none;
}

body.page-assinar-pdf-online .apdf-board {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--apdf-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(30, 50, 90, 0.05);
}

body.page-assinar-pdf-online .cpdf-drop {
  gap: 8px;
  min-height: 0;
  padding: 26px 16px 22px;
  border: 1.5px dashed #7aa7f5;
  border-radius: 14px;
  background: #f5f9ff;
  text-align: center;
}

body.page-assinar-pdf-online .cpdf-drop[hidden] { display: none !important; }

#apdf-drop-card[hidden],
#apdf-files[hidden] { display: none !important; }

.apdf-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 16px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .apdf-cards > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .apdf-cards > li::before,
.article .apdf-cards > li::marker { content: none; }

.apdf-file-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.apdf-file-card.is-loading .apdf-sheet-fallback { animation: apdf-pulse 1s ease-in-out infinite; }

@keyframes apdf-pulse { 50% { opacity: 0.45; } }

.apdf-sheet {
  position: relative;
  aspect-ratio: 1 / 1.32;
  overflow: hidden;
  border: 1px solid var(--apdf-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(30, 50, 90, 0.08);
}

.apdf-sheet-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
  background: #fff;
  pointer-events: none;
}

.apdf-sheet-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff, #f8fafc);
  color: #dc2626;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

#apdf-app .apdf-card-n,
#apdf-app .apdf-card-x,
#apdf-app .apdf-card-dl { position: absolute; z-index: 1; }

#apdf-app .apdf-card-n {
  top: 8px;
  left: 8px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--apdf-blue);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
}

#apdf-app .apdf-card-x,
#apdf-app .apdf-card-dl {
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--apdf-line);
  border-radius: 50%;
  background: #fff;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
}

#apdf-app .apdf-card-x {
  top: 6px;
  right: 6px;
  color: #dc2626;
  opacity: 0;
}

#apdf-app .apdf-card-dl {
  right: 6px;
  bottom: 6px;
  color: var(--apdf-blue-dark);
  font-weight: 800;
}

.apdf-file-card:hover .apdf-card-x,
.apdf-file-card:focus-within .apdf-card-x { opacity: 1; }

@media (hover: none) {
  #apdf-app .apdf-card-x { opacity: 1; }
}

.apdf-card-name {
  overflow: hidden;
  color: var(--apdf-ink);
  font-size: 0.78rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.apdf-card-meta {
  margin-top: -2px;
  color: var(--apdf-muted);
  font-size: 0.7rem;
  line-height: 1.3;
}

#apdf-app .apdf-add-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  aspect-ratio: 1 / 1.32;
  border: 1.5px dashed #7aa7f5;
  border-radius: 12px;
  background: #f5f9ff;
  color: var(--apdf-blue-dark);
  font-size: 0.84rem;
  font-weight: 800;
  cursor: pointer;
}

#apdf-app .apdf-add-card:hover:not(:disabled) {
  border-color: var(--apdf-blue);
  background: #eef4ff;
}

#apdf-app .apdf-add-card:disabled { opacity: 0.55; cursor: not-allowed; }

.apdf-add-plus {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e3edfd;
  font-size: 1.45rem;
  line-height: 1;
}

body.page-assinar-pdf-online .cpdf-drop-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 2px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12);
}

body.page-assinar-pdf-online .cpdf-drop-icon svg { width: 34px; height: 34px; }
body.page-assinar-pdf-online .cpdf-drop-title { color: var(--apdf-ink); font-size: 1.12rem; font-weight: 800; }
body.page-assinar-pdf-online .cpdf-drop-hint { max-width: none; color: var(--apdf-muted); }

body.page-assinar-pdf-online .cpdf-drop-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

body.page-assinar-pdf-online .cpdf-app .cpdf-drop-cta,
body.page-assinar-pdf-online .cpdf-app .apdf-go,
body.page-assinar-pdf-online .cpdf-app #apdf-btn-continue,
body.page-assinar-pdf-online .cpdf-app #apdf-btn-use-pad,
body.page-assinar-pdf-online .cpdf-app #apdf-sig-pick,
body.page-assinar-pdf-online .cpdf-app #apdf-btn-initials,
body.page-assinar-pdf-online .cpdf-app #apdf-btn-place {
  border-color: var(--apdf-blue-dark);
  background: linear-gradient(180deg, #2f6ff0, #1d5ad6);
  color: #fff;
}

body.page-assinar-pdf-online .cpdf-app .cpdf-drop-cta { min-height: 44px; margin: 0; padding: 0 18px; }

body.page-assinar-pdf-online .cpdf-app .apdf-go {
  width: 100%;
  min-height: 54px;
  margin-top: 0;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 800;
}

body.page-assinar-pdf-online .cpdf-app .cpdf-btn:disabled:not(#apdf-btn-sign) {
  border-color: var(--apdf-line) !important;
  background: #fff !important;
  opacity: 0.6;
}

body.page-assinar-pdf-online .cpdf-app .cpdf-btn:disabled:not(#apdf-btn-sign):not(.apdf-clear) { color: var(--apdf-muted) !important; }

.apdf-create-head,
.apdf-ink-row,
.apdf-next,
.apdf-where-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.apdf-create-title,
body.page-assinar-pdf-online .cpdf-card-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--apdf-ink);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.apdf-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }

.apdf-page .apdf-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--apdf-line);
  border-radius: 12px;
  background: #fff;
  color: var(--apdf-ink);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 750;
  cursor: pointer;
}

.apdf-page .apdf-tab.is-active {
  border-color: #93c5fd;
  background: #eff6ff;
  color: var(--apdf-blue-dark);
}

.apdf-tab-ico,
.apdf-sec-ico,
.apdf-card-ico {
  flex: none;
  background: center / 16px no-repeat;
}

.apdf-tab-ico { width: 16px; height: 16px; }
.apdf-sec-ico,
.apdf-card-ico { width: 28px; height: 28px; border-radius: 8px; background-color: #e8f0fe; }

.apdf-tab-ico.is-pen,
.apdf-sec-ico.is-pen {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M4 16.5 14.8 5.7a2 2 0 0 1 2.8 2.8L6.8 19.3 4 20z'/%3E%3C/svg%3E");
}

.apdf-tab-ico.is-type {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M6 5h12v3h-4.2v11h-3.6V8H6z'/%3E%3C/svg%3E");
}

.apdf-tab-ico.is-image {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M4 5h16v14H4z'/%3E%3Cpath fill='%23fff' d='m6 15 3-3 2 2 3.5-4L18 15z'/%3E%3C/svg%3E");
}

.apdf-card-ico.is-chart {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 19v-5M12 19V9M18 19V5'/%3E%3C/svg%3E");
}

.apdf-card-ico.is-bulb {
  background-color: transparent;
  background-size: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5b400' d='M12 2a7 7 0 0 0-4 12.74V17h8v-2.26A7 7 0 0 0 12 2z'/%3E%3C/svg%3E");
}

.apdf-card-ico.is-monitor {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");
}

.apdf-pad-wrap {
  position: relative;
  width: 100%;
  border: 1.5px dashed #d5deea;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  touch-action: none;
}

.apdf-pad { display: block; width: 100%; height: 190px; cursor: crosshair; touch-action: none; }

.apdf-pad-hint {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: #94a3b8;
  font-family: "Segoe Script", "Brush Script MT", cursive;
  font-size: 1.8rem;
}

.apdf-pad-hint[hidden] { display: none !important; }

.apdf-pad-wrap::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 40px;
  border-bottom: 1px solid #e2e8f0;
  pointer-events: none;
}

.apdf-ink-row { justify-content: flex-start; gap: 18px; margin-top: 12px; }
.apdf-inks { display: flex; gap: 8px; }

.apdf-ink {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #111827;
  box-shadow: 0 0 0 1px #e2e8f0;
  cursor: pointer;
}

.apdf-ink.is-blue { background: #2563eb; }
.apdf-ink.is-red { background: #dc2626; }
.apdf-ink.is-active { box-shadow: 0 0 0 2px var(--apdf-blue); }

.apdf-pen { flex: 1; max-width: 200px; }

body.page-assinar-pdf-online .cpdf-slider {
  height: 6px;
  margin: 8px 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: linear-gradient(90deg, var(--apdf-blue) 0 var(--apdf-fill, 20%), #e2e8f0 var(--apdf-fill, 20%) 100%);
}

.apdf-pad-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.apdf-ink-row .apdf-pad-actions { margin: 0 0 0 auto; }
body.page-assinar-pdf-online .cpdf-app .apdf-ink-row .cpdf-btn { min-height: 36px; font-size: 0.8rem; }
body.page-assinar-pdf-online .cpdf-app #apdf-btn-use-pad:disabled { opacity: 0.5; }

body.page-assinar-pdf-online #apdf-initials,
body.page-assinar-pdf-online #apdf-date-text,
body.page-assinar-pdf-online #apdf-apply-mode {
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid var(--apdf-line);
  border-radius: 10px;
  background: #fff;
  color: var(--apdf-ink);
}

body.page-assinar-pdf-online #apdf-initials { font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
body.page-assinar-pdf-online #apdf-btn-initials { margin-top: 10px; }

.apdf-next {
  padding: 14px;
  border: 1px solid #dbe7fb;
  border-radius: 14px;
  background: #f8fbff;
}

.apdf-next > div { flex: 1; min-width: 0; }
.apdf-next strong { display: block; color: var(--apdf-ink); }
.article .apdf-next p { margin: 4px 0 0; color: var(--apdf-muted); font-size: 0.82rem; }

.apdf-next-ico {
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 10px;
  background: #e8f0fe url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3C/svg%3E") center / 18px no-repeat;
}

body.page-assinar-pdf-online #apdf-btn-continue { flex: none; min-height: 44px; padding: 0 18px; }

.apdf-workspace { display: grid; gap: 14px; }
.apdf-workspace[hidden] { display: none !important; }

.apdf-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.apdf-presets { display: flex; flex-wrap: wrap; gap: 8px; }

.apdf-page .apdf-preset {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--apdf-line);
  border-radius: 10px;
  background: #fff;
  color: var(--apdf-body);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
}

.apdf-date-check { display: flex; align-items: flex-start; gap: 10px; font-size: 0.88rem; }
.apdf-place-list { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }

.apdf-place-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--apdf-line);
  border-radius: 10px;
  background: #fff;
  font-size: 0.84rem;
}

.apdf-page-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.apdf-page-label { min-width: 7.5rem; font-size: 0.88rem; font-weight: 800; color: var(--apdf-ink); }

.apdf-preview-wrap {
  display: flex;
  justify-content: center;
  max-width: 100%;
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--apdf-line);
  border-radius: 12px;
  background: #e8ebf0;
}

.apdf-preview-stage { position: relative; display: inline-block; max-width: 100%; }
#apdf-page-canvas { display: block; max-width: 100%; height: auto; background: #fff; box-shadow: 0 4px 18px rgba(16, 24, 40, 0.12); }

.apdf-sig-layer {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 2px dashed rgba(37, 99, 235, 0.55);
  border-radius: 4px;
  background: rgba(37, 99, 235, 0.06);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.apdf-sig-layer.is-dragging { cursor: grabbing; }
.apdf-sig-layer img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.apdf-sig-layer[hidden] { display: none !important; }

body.page-assinar-pdf-online .cpdf-side {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0;
  background: transparent;
  /* Let the sticky action card paint above the toolbar. The shared
     .cpdf-side z-index traps it and the toolbar shadow shows through. */
  position: static;
  z-index: auto;
}

@media (min-width: 981px) {
  body.page-assinar-pdf-online .cpdf-app:not(:has(#apdf-drop:not([hidden]))) #apdf-action {
    position: sticky;
    top: 123px;
    z-index: 41;
  }

  /* Flush with the toolbar so the page background does not show in the seam. */
  body.page-assinar-pdf-online #apdf-action.is-stuck {
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
  }
}

body.page-assinar-pdf-online .cpdf-card {
  padding: 16px;
  border: 1px solid var(--apdf-line);
  border-radius: 16px;
  background: #fff;
}

body.page-assinar-pdf-online .cpdf-card-label { margin-bottom: 12px; opacity: 1; }
body.page-assinar-pdf-online .cpdf-stat { align-items: center; padding: 8px 10px; border-radius: 8px; font-size: 0.82rem; }
body.page-assinar-pdf-online .cpdf-stat:nth-child(odd) { background: #f5f8fc; }
body.page-assinar-pdf-online .cpdf-stat-label { color: #475569; }
body.page-assinar-pdf-online .cpdf-stat-value { overflow-wrap: anywhere; text-align: right; }
body.page-assinar-pdf-online .cpdf-status:empty { display: none; }

body.page-assinar-pdf-online .cpdf-card.apdf-tips { background: #fff8e8; border-color: #f7e3b5; }
body.page-assinar-pdf-online .cpdf-card.apdf-where { background: #f3f7ff; border-color: #dbe7fb; }

.article .apdf-tip-steps { display: grid; gap: 8px; counter-reset: apdf; }

.article .apdf-tip-steps li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--apdf-body);
  font-size: 0.84rem;
  line-height: 1.4;
}

.article .apdf-tip-steps li::before {
  content: counter(apdf);
  counter-increment: apdf;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: 50%;
  background: #f5b400;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
}

.article .apdf-where p { margin: 0; color: var(--apdf-body); font-size: 0.82rem; }
.apdf-devices { display: flex; gap: 8px; flex: none; }

.apdf-devices span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #dbe7fb;
  border-radius: 10px;
  background: #fff;
}

.apdf-devices svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: #1e293b;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


body.page-assinar-pdf-online .cpdf-app > .cpdf-success,
body.page-assinar-pdf-online .cpdf-app > .cpdf-progress-wrap,
body.page-assinar-pdf-online .cpdf-app > [data-pdf-features-slot],
body.page-assinar-pdf-online .cpdf-app > .cpdf-features { grid-column: 1 / -1; }

@media (min-width: 1360px) {
  .apdf-page {
    --apdf-stage-w: min(1600px, calc(100vw - 96px));
    --apdf-aside-w: clamp(230px, 16vw, 280px);
    --apdf-side-w: clamp(290px, 20vw, 340px);
    width: var(--apdf-stage-w);
    margin-left: calc((100% - var(--apdf-stage-w)) / 2);
  }
}

@media (max-width: 980px) {
  .apdf-page { grid-template-columns: minmax(0, 1fr); }
  .article .apdf-perks,
  .article img.apdf-art { display: none; }
  body.page-assinar-pdf-online .cpdf-app { gap: 12px; }
  body.page-assinar-pdf-online .cpdf-shell { grid-template-columns: minmax(0, 1fr); }
  body.page-assinar-pdf-online .apdf-steps,
  body.page-assinar-pdf-online .cpdf-toolbar,
  body.page-assinar-pdf-online .cpdf-main,
  body.page-assinar-pdf-online .cpdf-side,
  body.page-assinar-pdf-online .cpdf-app > .cpdf-success,
  body.page-assinar-pdf-online .cpdf-app > [data-pdf-features-slot] { grid-column: 1; grid-row: auto; }
  .apdf-steps { grid-template-columns: 1fr 1fr; }
  .apdf-steps li { border-bottom: 1px solid var(--apdf-line); }
  .apdf-row-2,
  .apdf-next,
  .apdf-where-body { grid-template-columns: 1fr; display: grid; }
  body.apdf-action-pinned #apdf-action {
    position: fixed;
    top: auto;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    left: 12px;
    z-index: 40;
    margin: 0;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.2);
  }
  body.apdf-action-pinned .apdf-page { padding-bottom: 148px; }
  body.apdf-action-pinned .cpdf-main { padding-bottom: 168px; }
}

@media (max-width: 820px) {
  body.page-assinar-pdf-online .cpdf-toolbar { flex-wrap: wrap; overflow: visible; }
}

@media (max-width: 640px) {
  .apdf-title { font-size: 1.85rem; }
  body.page-assinar-pdf-online .cpdf-toolbar .cpdf-btn { flex: 1 1 auto; min-width: 0; padding: 0 8px; font-size: 0.76rem; }
  body.page-assinar-pdf-online .cpdf-toolbar-spacer,
  body.page-assinar-pdf-online #apdf-btn-pick { display: none; }
  .apdf-steps small { display: none; }
  .apdf-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .apdf-page .apdf-tab { justify-content: center; min-width: 0; padding: 8px 6px; font-size: 0.78rem; white-space: nowrap; }
  .apdf-pad-hint { padding: 0 12px; font-size: 1.25rem; text-align: center; }
  .apdf-steps li { padding: 10px; }
  .apdf-ink-row { flex-wrap: wrap; }
  .apdf-ink-row .apdf-pad-actions { flex: 1 1 100%; margin: 0; }
  body.page-assinar-pdf-online .cpdf-app .apdf-ink-row .cpdf-btn { flex: 1 1 0; }
  body.page-assinar-pdf-online .cpdf-success-body { flex-basis: auto; }
  body.page-assinar-pdf-online .apdf-board { padding: 10px 10px 12px; }
  body.page-assinar-pdf-online .cpdf-main { gap: 12px; }
  .apdf-cards {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 12px 8px;
  }
}

html[data-theme="dark"] .apdf-title,
html[data-theme="dark"] .apdf-perks strong,
html[data-theme="dark"] .apdf-steps strong,
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-card-label,
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-drop-title,
html[data-theme="dark"] .apdf-create-title { color: #f8fafc; }

html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-toolbar,
html[data-theme="dark"] body.page-assinar-pdf-online .apdf-board,
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-card,
html[data-theme="dark"] .apdf-steps,
html[data-theme="dark"] .apdf-tab,
html[data-theme="dark"] .apdf-pad-wrap,
html[data-theme="dark"] .apdf-next {
  background-color: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-drop { background: #0f1b33; }
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-card.apdf-tips { background: #2a2416; border-color: #4a3d1c; }
html[data-theme="dark"] .apdf-preview-wrap { background: #1a1f2a; }
html[data-theme="dark"] .apdf-devices svg { stroke: #e2e8f0; }
html[data-theme="dark"] .apdf-page {
  --apdf-ink: #f1f5f9;
  --apdf-body: #cbd5e1;
  --apdf-muted: #94a3b8;
  --apdf-line: #334155;
}
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-stat:nth-child(odd) { background: rgba(255, 255, 255, 0.05); }
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-stat-label { color: #94a3b8; }
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-stat-value { color: #f1f5f9; }
html[data-theme="dark"] .apdf-devices span { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-card.apdf-where { background: #172036; border-color: #334155; }
html[data-theme="dark"] #apdf-app .apdf-card-name { color: #f8fafc; }
html[data-theme="dark"] #apdf-app .apdf-sheet,
html[data-theme="dark"] #apdf-app .apdf-sheet-img,
html[data-theme="dark"] #apdf-app .apdf-card-x,
html[data-theme="dark"] #apdf-app .apdf-card-dl,
html[data-theme="dark"] #apdf-app .apdf-sheet-fallback { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] #apdf-app .apdf-add-card { background: #0f1b33; border-color: #3b5b99; color: #93c5fd; }
html[data-theme="dark"] #apdf-app .apdf-add-plus { background: #1b2d52; }
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-app .cpdf-btn:not(.cpdf-btn-primary):not(.cpdf-drop-cta):not(#apdf-btn-sign),
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-app .cpdf-btn:disabled:not(#apdf-btn-sign),
html[data-theme="dark"] .apdf-page .apdf-preset {
  border-color: #334155 !important;
  background: #1e293b !important;
  color: #e2e8f0;
}
html[data-theme="dark"] .apdf-page .apdf-tab.is-active { background: #172554; border-color: #1d4ed8; color: #bfdbfe; }
html[data-theme="dark"] .apdf-pad-wrap::after { border-color: #334155; }
html[data-theme="dark"] body.page-assinar-pdf-online .cpdf-slider {
  background: linear-gradient(90deg, var(--apdf-blue) 0 var(--apdf-fill, 20%), #334155 var(--apdf-fill, 20%) 100%);
}