/* Juntar PDF page chrome. Cards, shell, and the sticky action live in pdf-preview-cards.css. */
.mpdf-page {
  --mpdf-ink: #172033;
  --mpdf-body: #3d4658;
  --mpdf-muted: #64748b;
  --mpdf-line: #e3e9f1;
  --mpdf-blue: #2563eb;
  --mpdf-blue-dark: #1d4ed8;
  --mpdf-aside-w: 240px;
  display: grid;
  grid-template-columns: var(--mpdf-aside-w) minmax(0, 1fr);
  gap: 18px 22px;
  align-items: start;
  margin: 4px 0 28px;
}

.mpdf-aside {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  padding-top: 18px;
}

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

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

.article .mpdf-perks {
  display: grid;
  gap: 16px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

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

.article .mpdf-perks li::before,
.article .mpdf-checks li::before { content: none; }

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

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

.mpdf-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");
}

.mpdf-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");
}

.mpdf-perk.is-formats {
  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='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");
}

.mpdf-perk.is-order {
  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' fill='none' stroke='%237c3aed' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E");
}

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

#mpdf-app [hidden] { display: none !important; }

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

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

body.page-juntar-pdf-online .cpdf-app .cpdf-btn:not(.pvc-go) {
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--mpdf-line);
  border-radius: 10px;
  background: #fff;
  font-size: 0.84rem;
  font-weight: 750;
  box-shadow: none;
}

body.page-juntar-pdf-online .cpdf-app .cpdf-btn:not(.pvc-go):hover:not(:disabled) {
  border-color: #bfd3f5;
  background: #f8fbff;
}

body.page-juntar-pdf-online .cpdf-btn-icon {
  width: 18px;
  height: 18px;
  flex: none;
  fill: currentColor;
}

body.page-juntar-pdf-online .cpdf-btn-icon.mpdf-stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.page-juntar-pdf-online .cpdf-toolbar .mpdf-clear .cpdf-btn-icon {
  color: #dc2626;
}

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

body.page-juntar-pdf-online .cpdf-drop:hover,
body.page-juntar-pdf-online .cpdf-drop.is-dragover {
  border-color: var(--mpdf-blue);
  background: #eef4ff;
}

body.page-juntar-pdf-online .cpdf-drop-icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 6px;
  border: 0;
  border-radius: 50%;
  background: #e3edfd;
  box-shadow: none;
}

body.page-juntar-pdf-online .cpdf-drop-icon svg { width: 34px; height: 34px; fill: none; }
body.page-juntar-pdf-online .cpdf-drop-icon svg path { fill: none; stroke: #2563eb; }

body.page-juntar-pdf-online .cpdf-drop-title {
  color: var(--mpdf-ink);
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.mpdf-drop-sub {
  margin-top: -4px;
  color: var(--mpdf-body);
  font-size: 1.02rem;
  line-height: 1.3;
}

body.page-juntar-pdf-online .cpdf-drop-hint {
  max-width: none;
  margin-top: 8px;
  color: var(--mpdf-muted);
  font-size: 0.8rem;
}

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

body.page-juntar-pdf-online .cpdf-app .cpdf-btn.cpdf-drop-cta {
  min-width: 200px;
  min-height: 46px;
  margin: 0;
  padding: 0 24px;
  border-color: var(--mpdf-blue-dark);
  background: linear-gradient(180deg, #2f6ff0, #1d5ad6);
  font-size: 0.92rem;
  box-shadow: 0 8px 18px rgba(29, 78, 216, 0.22);
}

body.page-juntar-pdf-online .cpdf-app .cpdf-btn.cpdf-drop-cta:hover:not(:disabled) {
  background: linear-gradient(180deg, #2a64dc, #1a4fbd);
}

body.page-juntar-pdf-online .cpdf-app #mpdf-btn-sample {
  min-width: 132px;
  min-height: 46px;
  font-size: 0.92rem;
}

#mpdf-list .pvc-file-card { cursor: grab; }
#mpdf-list .pvc-file-card:active { cursor: grabbing; }

#mpdf-board.is-dragover { outline: 2px dashed var(--mpdf-blue); outline-offset: -10px; }

#mpdf-order-note { text-align: center; }

.pvc-board .mpdf-name {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

body.page-juntar-pdf-online .mpdf-name .cpdf-label {
  flex: none;
  margin: 0;
  color: var(--mpdf-body);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

body.page-juntar-pdf-online .mpdf-name .cpdf-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  border-radius: 10px;
}

body.page-juntar-pdf-online .cpdf-card-label {
  gap: 10px;
  margin-bottom: 12px;
  opacity: 1;
  color: var(--mpdf-ink);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.mpdf-card-ico {
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 9px;
  background: #e8f0fe center / 18px no-repeat;
}

.mpdf-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.8' stroke-linecap='round'%3E%3Cpath d='M6 19v-5M12 19V9M18 19V5'/%3E%3C/svg%3E");
}

.mpdf-card-ico.is-bulb {
  background-color: transparent;
  background-size: 28px;
  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.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2z'/%3E%3Cpath fill='%23d99a00' d='M9 19h6v1.2a1.8 1.8 0 0 1-1.8 1.8h-2.4A1.8 1.8 0 0 1 9 20.2z'/%3E%3C/svg%3E");
}

.mpdf-card-ico.is-cloud {
  background-color: transparent;
  background-size: 28px;
  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='%2322a55a' d='M7 18h10a4 4 0 0 0 .4-8 5.5 5.5 0 0 0-10.6-1.5A3.5 3.5 0 0 0 7 18z'/%3E%3C/svg%3E");
}

body.page-juntar-pdf-online .cpdf-stats { gap: 2px; }

body.page-juntar-pdf-online .cpdf-stat {
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 0.82rem;
}

body.page-juntar-pdf-online .cpdf-stat:nth-child(odd) { background: #f5f8fc; }
body.page-juntar-pdf-online .cpdf-stat-label { color: #475569; font-weight: 600; }
body.page-juntar-pdf-online .cpdf-stat-value { overflow-wrap: anywhere; text-align: right; }
body.page-juntar-pdf-online .cpdf-status:empty { display: none; }

body.page-juntar-pdf-online .cpdf-card.mpdf-tips { background: #fff8e8; border-color: #f7e3b5; }
body.page-juntar-pdf-online .cpdf-card.mpdf-where { background: #ecfaf1; border-color: #cdeeda; }

.article .mpdf-checks {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .mpdf-checks li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0 0 0 28px;
  color: var(--mpdf-body);
  font-size: 0.84rem;
  line-height: 1.4;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23f5b400'/%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left 1px / 20px no-repeat;
}

.mpdf-where-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.article .mpdf-where p {
  margin: 0;
  color: var(--mpdf-body);
  font-size: 0.82rem;
  line-height: 1.45;
}

.mpdf-devices { display: flex; gap: 8px; flex: none; }

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

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

@media (min-width: 1360px) {
  .mpdf-page {
    --mpdf-stage-w: min(1600px, calc(100vw - 96px));
    --mpdf-aside-w: clamp(250px, 16vw, 300px);
    width: var(--mpdf-stage-w);
    margin-left: calc((100% - var(--mpdf-stage-w)) / 2);
    column-gap: 26px;
  }
}

@media (max-width: 1180px) {
  .mpdf-page { --mpdf-aside-w: 210px; }
}

@media (max-width: 980px) {
  .mpdf-page { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .mpdf-aside { padding-top: 0; }
  .article .mpdf-lede { margin-bottom: 0; }
  .article .mpdf-perks,
  .article img.mpdf-art { display: none; }
}

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

@media (max-width: 640px) {
  .mpdf-title { font-size: 1.9rem; }
  .article .mpdf-lede { font-size: 0.94rem; }
  body.page-juntar-pdf-online .cpdf-toolbar { gap: 6px; padding: 8px; }
  body.page-juntar-pdf-online .cpdf-toolbar .cpdf-btn {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 8px;
    font-size: 0.78rem;
  }
  body.page-juntar-pdf-online .cpdf-toolbar-spacer { display: none; }
  body.page-juntar-pdf-online #mpdf-btn-pick { display: none; }
  body.page-juntar-pdf-online .cpdf-drop { padding: 20px 12px; }
  body.page-juntar-pdf-online .cpdf-drop-icon { width: 56px; height: 56px; }
  body.page-juntar-pdf-online .cpdf-drop-title { font-size: 1.12rem; }
  .mpdf-drop-sub { font-size: 0.9rem; }
  body.page-juntar-pdf-online .cpdf-drop-actions {
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    width: 100%;
    gap: 8px;
  }
  body.page-juntar-pdf-online .cpdf-app .cpdf-drop-cta,
  body.page-juntar-pdf-online .cpdf-app #mpdf-btn-sample { min-width: 0; width: 100%; }
  .pvc-board .mpdf-name { flex-direction: column; align-items: stretch; }
  .mpdf-where-body { flex-direction: column; align-items: flex-start; }
}

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

html[data-theme="dark"] .mpdf-drop-sub,
html[data-theme="dark"] body.page-juntar-pdf-online .mpdf-name .cpdf-label { color: #cbd5e1; }
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-drop-icon { background: #1b2d52; }

html[data-theme="dark"] .article .mpdf-lede,
html[data-theme="dark"] .article .mpdf-perks li,
html[data-theme="dark"] .article .mpdf-checks li,
html[data-theme="dark"] .article .mpdf-where p,
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-stat-label { color: #cbd5e1; }

html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-toolbar,
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-app .cpdf-btn:not(.cpdf-drop-cta):not(.pvc-go),
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-input,
html[data-theme="dark"] .mpdf-devices span {
  background-color: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-drop { background: #0f1b33; border-color: #3b5b99; }
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-stat:nth-child(odd) { background: #0f172a; }
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-card.mpdf-tips { background: #2a2416; border-color: #4a3d1c; }
html[data-theme="dark"] body.page-juntar-pdf-online .cpdf-card.mpdf-where { background: #13261c; border-color: #1f4030; }
html[data-theme="dark"] .mpdf-devices svg { stroke: #e2e8f0; }