:root{
  --blue:#0879de;--blue-deep:#0068c9;--ink:#17202d;--muted:#6b7584;--line:#dce3eb;
  --panel:rgba(255,255,255,.82);--surface:#f3f6fa;--sidebar:#edf2f7;--shadow:0 18px 55px rgba(34,54,78,.12);
  --preview-scale:.72;
}
*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}
body{margin:0;min-width:320px;background:radial-gradient(circle at 82% -10%,#fff 0,#f4f7fb 32%,#eef3f8 74%);min-height:100vh}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:24px 17px 20px;background:rgba(235,241,247,.9);border-right:1px solid rgba(155,170,188,.3);backdrop-filter:blur(26px) saturate(150%);display:flex;flex-direction:column;z-index:30}
.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.brand-icon{width:43px;height:43px;color:var(--blue);filter:drop-shadow(0 7px 13px rgba(0,113,227,.24));flex:none}.brand-icon svg{display:block;width:100%;height:100%}.brand strong{display:block;font-size:16px;letter-spacing:-.25px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.nav-label{font-size:11px;font-weight:750;letter-spacing:.11em;color:#8a94a3;margin:9px 12px}
.nav-item{width:100%;border:0;background:transparent;color:#4c5766;border-radius:11px;padding:10px 11px;margin:2px 0;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;font-weight:590;transition:.2s ease}.nav-item:hover{background:rgba(255,255,255,.7);color:var(--ink)}.nav-item.active{background:#fff;color:#056eca;box-shadow:0 5px 18px rgba(50,75,102,.08),inset 0 0 0 1px rgba(173,190,207,.24)}.nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(79,102,126,.08);font-size:17px;line-height:1}.nav-item.active .nav-icon{background:#e8f4ff}
.sidebar-bottom{margin-top:auto;padding:0 7px}.privacy-card{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid rgba(172,187,204,.45);background:rgba(255,255,255,.52);border-radius:12px}.privacy-dot{width:8px;height:8px;background:#31bf64;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px rgba(49,191,100,.12)}.privacy-card strong{font-size:12px;display:block}.privacy-card small{font-size:10.5px;color:var(--muted);display:block;margin-top:2px}.sidebar-bottom>p{font-size:11px;color:#8b95a3;line-height:1.45;padding:10px 4px 0;margin-bottom:0}
.workspace{margin-left:248px;min-width:0;width:calc(100% - 248px)}
.topbar{height:86px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 14px 28px;background:rgba(246,249,252,.78);border-bottom:1px solid rgba(183,195,209,.35);backdrop-filter:blur(24px) saturate(160%)}
.title-wrap{display:flex;align-items:center;gap:10px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#7d8795;font-weight:750}.title-wrap h1{font-size:24px;line-height:1.08;margin:2px 0 0;letter-spacing:-.55px}.top-actions{display:flex;align-items:center;gap:9px}.saved-state{font-size:12px;color:#6f7b89;display:flex;align-items:center;gap:6px;margin-right:6px}.saved-state i{width:7px;height:7px;background:#31bf64;border-radius:50%}
.button{border:0;border-radius:10px;padding:9px 14px;font-weight:650;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.button:active{transform:scale(.98)}.button svg,.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button.secondary{background:#fff;color:#394553;box-shadow:0 2px 7px rgba(48,63,80,.08),inset 0 0 0 1px rgba(161,176,194,.38)}.button.primary{color:#fff;background:linear-gradient(180deg,#1487eb,#006dd2);box-shadow:0 7px 17px rgba(0,113,227,.24)}.button.save-record{color:#056eca;background:#e9f4ff;box-shadow:inset 0 0 0 1px rgba(0,113,227,.12)}
.icon-btn{width:39px;height:39px;border:0;background:#fff;border-radius:10px;display:grid;place-items:center;color:#3a4654;box-shadow:inset 0 0 0 1px rgba(161,176,194,.38)}.mobile-menu{display:none}
.content-grid{display:grid;grid-template-columns:minmax(540px,1.02fr) minmax(470px,.98fr);min-height:calc(100vh - 86px)}
.editor-pane{padding:24px 25px 70px 28px;min-width:0}.preview-pane{border-left:1px solid rgba(174,189,205,.35);background:rgba(231,237,243,.55);min-width:0;position:relative}.preview-toolbar{height:62px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(170,183,198,.35);position:sticky;top:86px;background:rgba(237,242,247,.86);backdrop-filter:blur(16px);z-index:8}.preview-toolbar strong{display:block;font-size:14px}.preview-toolbar span{font-size:11px;color:var(--muted);margin-top:2px;display:block}.zoom-controls{display:flex;align-items:center;background:rgba(255,255,255,.72);border-radius:9px;box-shadow:inset 0 0 0 1px rgba(161,176,194,.34)}.zoom-controls button{width:30px;height:29px;border:0;background:transparent;color:#596575;font-size:17px}.zoom-controls span{min-width:42px;text-align:center;margin:0;font-size:11px}
.preview-scroll{height:calc(100vh - 148px);overflow:auto;padding:24px 18px 80px}.print-stage{transform-origin:top center;display:flex;flex-direction:column;align-items:center;gap:20px}
.smart-upload{padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;border:1px dashed rgba(0,113,227,.44);border-radius:16px;background:linear-gradient(135deg,rgba(235,247,255,.92),rgba(255,255,255,.75));box-shadow:0 9px 25px rgba(39,83,121,.06);transition:.2s ease}.smart-upload.dragover{border-color:var(--blue);background:#e8f5ff;transform:translateY(-1px)}.upload-glyph{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--blue);display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,113,227,.12)}.upload-glyph svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.upload-title{display:flex;align-items:center;gap:7px;font-size:14px}.upload-copy p{font-size:12px;color:var(--muted);line-height:1.4;margin:4px 0 0}.beta{font-size:9px;font-weight:800;letter-spacing:.06em;color:#0879de;padding:3px 5px;background:#dff0ff;border-radius:5px}.upload-button{background:#fff;color:#0875d5;box-shadow:0 3px 12px rgba(35,65,92,.08),inset 0 0 0 1px rgba(0,113,227,.15)}.upload-result{margin:10px 0 0;padding:10px 13px;border-radius:10px;background:#eaf8ee;color:#247441;font-size:12px}.upload-result.error{background:#fff0f0;color:#b33b3b}.hidden{display:none!important}
.form-card{background:var(--panel);border:1px solid rgba(180,192,207,.46);border-radius:17px;margin-top:16px;padding:20px;box-shadow:0 10px 34px rgba(35,54,77,.055);backdrop-filter:blur(12px)}.section-heading{display:flex;gap:11px;align-items:flex-start;margin-bottom:17px}.section-heading>span{width:28px;height:28px;border-radius:9px;background:#e9f4ff;color:#0877d7;display:grid;place-items:center;font-size:12px;font-weight:760}.section-heading h2{font-size:15px;margin:1px 0 2px;letter-spacing:-.12px}.section-heading p{font-size:11.5px;color:var(--muted);margin:0;line-height:1.4}
.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.field-grid label{display:block;min-width:0}.field-grid label.wide{grid-column:1/-1}.field-grid label>span{font-size:11.5px;color:#596574;font-weight:630;display:block;margin:0 0 6px 2px}.field-grid input,.field-grid select,.field-grid textarea{width:100%;border:1px solid #d9e1e9;background:rgba(255,255,255,.86);color:#202a36;border-radius:10px;min-height:40px;padding:9px 11px;font-size:13px;outline:none;box-shadow:0 1px 2px rgba(32,48,65,.025);transition:border .2s,box-shadow .2s}.field-grid textarea{resize:vertical;line-height:1.42}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:#57a9f0;box-shadow:0 0 0 3px rgba(0,113,227,.1)}
.overlay-info{margin-top:14px;padding:12px 13px;border:1px solid #cbe4f8;border-radius:11px;background:linear-gradient(135deg,#edf8ff,#f8fcff)}.overlay-info strong{display:block;color:#1267a9;font-size:12px}.overlay-info p{margin:4px 0 0;color:#617080;font-size:11.5px;line-height:1.4}
.sppd-stop-group{margin-top:14px;padding:14px;border:1px solid #dce7f1;border-radius:12px;background:rgba(248,251,254,.9)}.sppd-stop-group>strong{display:block;margin-bottom:12px;color:#1267a9;font-size:12px}.sppd-stop-group .field-grid{gap:11px}
input::placeholder,textarea::placeholder{color:#aab3bf;opacity:1}.suggestion-note{margin:10px 2px 0;color:#6d7887;font-size:11px;line-height:1.45}.signature-manager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signature-card{min-width:0;padding:13px;border:1px solid #dde5ed;border-radius:13px;background:rgba(249,251,253,.94)}.signature-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.signature-card-head strong{display:block;font-size:12px}.signature-card-head span:not(.signature-status){display:block;margin-top:3px;color:#6b7584;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.signature-status{flex:none;padding:3px 6px;border-radius:6px;background:#eef1f5;color:#778392;font-size:9px;font-weight:700}.signature-status.ready{background:#e5f7eb;color:#237443}.signature-preview{height:58px;margin:10px 0;display:grid;place-items:center;border:1px dashed #cad7e4;border-radius:10px;background:#fff;overflow:hidden}.signature-preview img{max-width:90%;max-height:52px;object-fit:contain}.signature-preview span{padding:0 8px;color:#8a95a3;font-size:10px;text-align:center}.signature-actions{display:flex;gap:7px}.signature-actions .button{min-height:33px;padding:7px 9px;font-size:11px}.signature-remove{background:#fff0f0;color:#b33b3b}.signature-adjust{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.signature-adjust label span{display:block;margin-bottom:4px;color:#6c7785;font-size:9.5px}.signature-adjust input{width:100%;height:31px;border:1px solid #d9e1e9;border-radius:8px;background:#fff;padding:5px 6px;font-size:11px}.signature-adjust input:disabled{background:#f1f3f6;color:#9aa3ae}
.money-input{position:relative}.money-input>span{position:absolute!important;left:11px;top:13px;margin:0!important;color:#75808d!important;font-size:12px!important}.money-input input{padding-left:34px!important}
.cost-list{display:flex;flex-direction:column;gap:8px}.cost-row{display:grid;grid-template-columns:31px minmax(140px,1.35fr) minmax(90px,.65fr) minmax(130px,1fr) 30px;gap:7px;align-items:center}.cost-row .cost-index{font-size:11px;color:#8792a0;text-align:center}.cost-row input{min-width:0;width:100%;height:38px;border:1px solid #d9e1e9;background:#fff;border-radius:9px;padding:8px 9px;font-size:12px;outline:none}.cost-row input:focus{border-color:#57a9f0;box-shadow:0 0 0 3px rgba(0,113,227,.08)}.cost-row button{width:29px;height:29px;border:0;border-radius:8px;background:#f6f7f9;color:#89929e;font-size:15px}.cost-row button:hover{background:#ffecec;color:#d44949}.text-button{border:0;background:transparent;color:#0875d5;padding:10px 2px 5px;font-size:12px;font-weight:660}.total-strip{margin-top:12px;padding:12px 14px;border-radius:11px;background:#f4f7fa;display:flex;justify-content:space-between;align-items:center}.total-strip span{font-size:12px;color:#667281}.total-strip strong{font-size:16px;color:#16212d}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:rgba(27,34,43,.94);color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Document output */
.doc-sheet{width:210mm;min-height:297mm;background:#fff;color:#111;box-shadow:0 16px 45px rgba(43,58,75,.17);padding:12mm 11mm 10mm;font-family:Arial,Helvetica,sans-serif;font-size:9.3pt;line-height:1.25;position:relative;overflow:hidden;transform:scale(var(--preview-scale));transform-origin:top center;margin-bottom:calc((var(--preview-scale) - 1) * 297mm)}
.doc-sheet.landscape{width:297mm;min-height:210mm;padding:9mm 10mm;margin-bottom:calc((var(--preview-scale) - 1) * 210mm)}
.doc-title{text-align:center;font-family:"Times New Roman",serif;font-size:13pt;font-weight:700;letter-spacing:.03em;margin:8mm 0 7mm}.doc-top{display:grid;grid-template-columns:1fr 1fr;gap:10mm}.doc-meta{margin-left:auto;width:72mm}.doc-meta-row{display:grid;grid-template-columns:31mm 4mm 1fr;margin:1mm 0}.doc-label-table{display:grid;grid-template-columns:41mm 4mm 1fr;gap:0;margin-top:5mm}.doc-label-table>div{padding:1.5mm 0}.doc-label-table .multiline{line-height:1.35}.doc-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:17mm;margin-top:9mm}.signature{min-height:29mm}.signature.right{text-align:left}.signature .date{margin-bottom:1.5mm}.signature-space{height:14mm}.signature .name{font-weight:700;text-decoration:underline}.signature .nip{font-size:8.5pt}.approval-block{border-top:.3mm solid #222;margin-top:3mm;padding-top:2mm}.approval-full{border-top:.3mm solid #222;margin-top:4mm;padding-top:2mm;min-height:28mm}.terbilang-box{border:.25mm solid #444;padding:1.6mm 2mm;font-style:italic}.doc-footer-note{font-size:7.5pt;color:#333}
.doc-meta-row>*{min-width:0}.doc-meta-row span:last-child{overflow-wrap:anywhere;word-break:break-word}.signature{display:grid;grid-template-rows:9mm 14mm auto auto;align-content:start}.signature>div:first-child{white-space:pre-line}.signature>.signature-space{height:auto;position:relative}.scan-signature{position:absolute;z-index:1;left:50%;top:50%;width:var(--sig-width);max-height:18mm;object-fit:contain;transform:translate(calc(-50% + var(--sig-x)),calc(-50% + var(--sig-y)))}.detail-account-code{max-width:100%;margin-bottom:4mm;overflow-wrap:anywhere;word-break:break-word}.receipt-bottom{grid-template-areas:"note kpa" "traveler treasurer";align-items:start;row-gap:4mm}.receipt-note{grid-area:note}.receipt-kpa{grid-area:kpa}.receipt-traveler{grid-area:traveler}.receipt-treasurer{grid-area:treasurer}
.detail-title{text-align:center;font-family:"Times New Roman",serif;font-weight:700;font-size:12pt;border-top:.35mm solid #222;padding-top:2mm;margin-bottom:5mm}.detail-title span{display:block}.detail-table{width:100%;border-collapse:collapse;font-size:8.5pt}.detail-table th{border-top:.45mm solid #111;border-bottom:.45mm solid #111;padding:2mm 1mm;text-align:center}.detail-table td{padding:1.5mm 1mm;vertical-align:top}.detail-table .n{width:9mm;text-align:center}.detail-table .amount{width:38mm;text-align:right}.detail-table .note{width:70mm}.detail-table .total td{border-top:.3mm solid #333;border-bottom:.3mm solid #888;font-weight:700;padding-top:2mm;padding-bottom:2mm}.receipt-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15mm;margin-top:9mm}.receipt-bottom .signature{margin-top:5mm}
.receipt-bottom .signature{grid-template-rows:12mm 14mm auto auto;margin-top:0}
.letterhead{width:100%;display:block;margin-bottom:3mm}.sppd-sheet{padding:8mm 9mm 8mm;font-size:7.9pt}.sppd-meta{margin-left:auto;width:82mm;margin-bottom:2mm}.sppd-meta .doc-meta-row{grid-template-columns:28mm 4mm 1fr;margin:.3mm 0}.sppd-title{text-align:center;font-family:"Times New Roman",serif;font-size:11pt;font-weight:700;text-decoration:underline;margin:3mm 0}.sppd-table{width:100%;border-collapse:collapse;font-size:7.7pt}.sppd-table td,.sppd-table th{border:.25mm solid #333;padding:1.1mm 1.3mm;vertical-align:top}.sppd-table .num{width:7mm;text-align:center}.sppd-table .label{width:70mm}.sppd-issuer{width:75mm;margin-left:auto;margin-top:4mm}.sppd-second{padding:7mm 8mm;font-size:7.6pt}.sppd-grid{width:100%;border-collapse:collapse}.sppd-grid td{border:.25mm solid #555;vertical-align:top;padding:2mm;min-height:25mm}.sppd-grid .roman{width:8mm;text-align:center;border-right:0}.sppd-grid .half{width:50%;height:29mm}.route-lines{display:grid;grid-template-columns:31mm 4mm 1fr;row-gap:.9mm}.sppd-row-six td{height:35mm}.sppd-notice{font-size:6.9pt;line-height:1.3}.sppd-sign{margin-top:3mm}.sppd-sign .signature-space{height:11mm}
.sppd-overlay-page{padding:7mm 8mm}.overlay-preview-note{position:absolute;z-index:4;top:1.5mm;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3mm;width:max-content;max-width:175mm;padding:1.5mm 2.5mm;border:1px solid #a7d3f5;border-radius:2mm;background:rgba(237,248,255,.96);color:#1568a7;font-size:6.8pt;box-shadow:0 1mm 3mm rgba(18,103,169,.1)}.overlay-preview-note span{font-weight:400}.sppd-overlay-canvas{position:relative;width:194mm;height:225mm;transform:translate(var(--overlay-x),var(--overlay-y));transform-origin:top left}.overlay-guide{position:absolute;inset:0;display:grid;grid-template-columns:101mm 93mm;grid-template-rows:33.5mm 33.5mm 33.5mm 33.5mm 33.5mm 37.5mm 7.5mm 12.5mm}.overlay-guide i{border-right:.25mm dashed rgba(0,113,227,.38);border-bottom:.25mm dashed rgba(0,113,227,.38)}.overlay-guide i:nth-child(odd){border-left:.25mm dashed rgba(0,113,227,.38)}.overlay-guide i:nth-child(-n+2){border-top:.25mm dashed rgba(0,113,227,.38)}.overlay-cell{position:absolute;overflow:hidden;font-size:7.2pt;line-height:1.12}.overlay-r1-right{left:101mm;top:0;width:93mm;height:33.5mm}.overlay-r2-left{left:0;top:33.5mm;width:101mm;height:33.5mm}.overlay-r2-right{left:101mm;top:33.5mm;width:93mm;height:33.5mm}.overlay-r6-left{left:0;top:167.5mm;width:101mm;height:37.5mm}.overlay-r6-right{left:101mm;top:167.5mm;width:93mm;height:37.5mm}.overlay-values{position:absolute;top:2mm;left:37mm;right:2mm;display:grid;grid-template-columns:1fr;row-gap:.75mm;font-size:7.2pt;white-space:nowrap}.overlay-left .overlay-values{left:44mm}.overlay-values span{height:3mm;overflow:hidden;text-overflow:ellipsis}.overlay-official{position:absolute;top:13mm;left:2mm;right:2mm;font-size:6.8pt;line-height:1.08}.overlay-left .overlay-official{left:9mm}.overlay-role{font-weight:600;white-space:normal}.overlay-sign-space{height:5mm}.overlay-name{font-weight:700;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-position{margin-top:.35mm;white-space:normal}.overlay-identity-only .overlay-official{top:21mm}.overlay-identity-only .overlay-sign-space{height:6mm}.overlay-official-only .overlay-official{top:18mm}.overlay-official-only .overlay-sign-space{height:6mm}
.overlay-sign-space{position:relative}.overlay-sign-space .scan-signature{max-height:10mm}
.overlay-r3-left{left:0;top:67mm;width:101mm;height:33.5mm}.overlay-r3-right{left:101mm;top:67mm;width:93mm;height:33.5mm}.overlay-r4-left{left:0;top:100.5mm;width:101mm;height:33.5mm}.overlay-r4-right{left:101mm;top:100.5mm;width:93mm;height:33.5mm}.overlay-r5-left{left:0;top:134mm;width:101mm;height:33.5mm}.overlay-r5-right{left:101mm;top:134mm;width:93mm;height:33.5mm}
.honor-title{text-align:center;font-weight:700;font-size:10pt;line-height:1.25;margin:2mm 0 4mm}.honor-table{width:100%;border-collapse:collapse;font-size:7.2pt}.honor-table th,.honor-table td{border:.25mm solid #444;padding:1.3mm;vertical-align:middle}.honor-table th{text-align:center}.honor-table .bio{line-height:1.45}.honor-signatures{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14mm;margin-top:6mm;font-size:7.6pt}
.recap-surface{width:100%;max-width:1100px;background:#fff;border:1px solid #dbe3ec;border-radius:17px;box-shadow:var(--shadow);padding:18px}.recap-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.recap-head h2{margin:0;font-size:18px}.recap-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.recap-actions{display:flex;gap:7px;flex-wrap:wrap}.recap-table-wrap{overflow:auto;border:1px solid #e1e7ee;border-radius:12px}.recap-table{width:100%;border-collapse:collapse;min-width:850px;font-size:12px}.recap-table th{padding:10px;text-align:left;background:#f5f7fa;color:#667281;font-size:10px;letter-spacing:.05em}.recap-table td{padding:11px 10px;border-top:1px solid #edf0f4}.recap-table td.amount{text-align:right;font-weight:670}.recap-table button{border:0;border-radius:7px;padding:6px 8px;background:#eaf4ff;color:#0a70cc;font-size:11px}.empty-state{text-align:center;color:var(--muted);padding:40px!important}.backup-box{margin-top:14px;padding:14px;border-radius:12px;background:#f3f7fb;display:flex;justify-content:space-between;align-items:center;gap:12px}.backup-box strong{font-size:12px}.backup-box p{font-size:11px;color:var(--muted);margin:3px 0 0}

@media (max-width:1180px){.content-grid{grid-template-columns:minmax(500px,1fr) minmax(420px,.8fr)}.editor-pane{padding-left:20px;padding-right:20px}.saved-state{display:none}.doc-sheet{--preview-scale:.62}.preview-scroll{padding-left:8px;padding-right:8px}}
@media (max-width:980px){.sidebar{transform:translateX(-105%);transition:.25s;box-shadow:25px 0 60px rgba(31,45,60,.14)}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}.mobile-menu{display:grid}.content-grid{display:block}.preview-pane{border-left:0;border-top:1px solid #dfe6ed}.preview-toolbar{top:78px}.preview-scroll{height:auto;max-height:none;min-height:520px}.topbar{height:78px}.editor-pane{padding-top:18px}.doc-sheet{--preview-scale:.76}}
@media (max-width:720px){.topbar{padding:10px 12px;align-items:center}.title-wrap h1{font-size:19px}.eyebrow{display:none}.top-actions .secondary{display:none}.top-actions .save-record{display:inline-flex;font-size:11px;min-width:58px;padding:0 9px}.button.primary{font-size:0;width:42px;padding:0}.button.primary svg{width:20px;height:20px}.content-grid{min-height:calc(100vh - 78px)}.editor-pane{padding:14px 12px 50px}.smart-upload{grid-template-columns:38px 1fr}.upload-button{grid-column:1/-1;width:100%}.form-card{padding:16px;border-radius:15px}.field-grid.two,.field-grid.three,.signature-manager{grid-template-columns:1fr}.field-grid.three{margin-bottom:0}.cost-row{grid-template-columns:23px 1fr 30px}.cost-row input.cost-amount,.cost-row input.cost-note{grid-column:2/3}.cost-row button{grid-column:3/4;grid-row:1/2}.preview-toolbar{top:78px}.preview-scroll{padding:18px 0 60px;overflow-x:auto;align-items:flex-start}.print-stage{align-items:flex-start;width:max-content;padding:0 10px}.doc-sheet{--preview-scale:.48}.zoom-controls{display:none}.preview-toolbar{padding:0 13px}.recap-head,.backup-box{align-items:flex-start;flex-direction:column}.recap-actions{width:100%}.recap-actions .button{flex:1}.top-actions{gap:6px}}
@media (max-width:430px){.doc-sheet{--preview-scale:.435}.title-wrap h1{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

@media print{
  html,body{background:#fff!important;width:auto;height:auto;overflow:visible}
  .sidebar,.topbar,.editor-pane,.preview-toolbar,.toast{display:none!important}
  .workspace,.content-grid,.preview-pane,.preview-scroll,.print-stage{display:block!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;overflow:visible!important;background:#fff!important;border:0!important}
  .doc-sheet{transform:none!important;margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always}
  .doc-sheet:last-child{break-after:auto;page-break-after:auto}
  .overlay-preview-note{display:none!important}
  .overlay-guide{visibility:hidden!important}
  .recap-surface{display:none!important}
}