/* Document sheets (A4) for Skipper admin. Screen preview + print. */
.docview{position:fixed;inset:0;z-index:100;background:#E9E8E4;display:flex;flex-direction:column}
.docbar{flex:none;background:var(--ink);color:#fff;display:flex;align-items:center;gap:10px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));padding-top:calc(10px + env(safe-area-inset-top,0px));flex-wrap:wrap}
.docbar b{font-size:15px}
.docbar .sp{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.docbar .btn{height:38px;font-size:14px;padding:0 14px}
.docbar .btn-ghost{background:transparent;color:#fff;border-color:#555}
.docbar .note{font-size:12.5px;color:#bbb;max-width:420px}
.docbar select{height:38px;width:auto;font-size:14px;background:#222;color:#fff;border-color:#444}
.docscroll{flex:1;overflow:auto;padding:24px 12px 60px}
.sheet{width:210mm;min-height:297mm;max-width:100%;margin:0 auto 24px;background:#fff;color:#111;box-shadow:0 6px 24px rgba(0,0,0,.12);padding:16mm 16mm 20mm;font-family:var(--font);font-size:10.5pt;line-height:1.5;position:relative;display:flex;flex-direction:column;gap:10px}
@media (max-width:820px){.sheet{padding:20px 16px 40px;font-size:13px;min-height:0}}
.sheet mark{background:#FFF2C2;color:#7a5a00;padding:0 3px;border-radius:3px}
.sheet .mut{color:#666}
.sheet h3{margin:8px 0 2px;font-size:11pt}
.sheet p{margin:0}
.lh{display:flex;gap:14px;align-items:center;border-bottom:2px solid var(--orange);padding-bottom:10px}
.lh img{width:92px}
.lh div{display:grid;gap:1px;font-size:9pt;color:#444}
.lh b{font-size:12pt;color:#111}
.dh{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-top:6px}
.dh h1{margin:0;font-size:15pt;letter-spacing:-.01em;max-width:60%}
@media (max-width:820px){.dh h1{max-width:none}}
.kv{border-collapse:collapse;font-size:9.5pt;width:auto;align-self:flex-start}
.kv td{padding:1px 8px 1px 0;vertical-align:top}
.kv td:first-child{color:#666;white-space:nowrap}
.party{display:grid;gap:1px;background:#FAF9F6;border:1px solid #E3E3E0;border-radius:6px;padding:8px 10px;font-size:10pt}
.party .lbl{font-size:8.5pt;color:#666;text-transform:uppercase;letter-spacing:.08em}
.items,.sched,.tot{width:100%;border-collapse:collapse;font-size:9.5pt}
.items th{background:#F5F5F5;text-align:left;padding:6px 8px;border-bottom:1px solid #ccc;font-weight:600}
.items td{padding:6px 8px;border-bottom:1px solid #E3E3E0;vertical-align:top}
.items .r,.tot .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.items .c{text-align:center}
.tot{width:auto;margin-left:auto;min-width:60%}
.tot td{padding:3px 8px}
.tot tr:last-child td{border-top:1px solid #111}
.sched th{text-align:left;width:38%;font-weight:500;color:#555;padding:5px 8px;border-bottom:1px solid #E3E3E0;vertical-align:top;background:#FAF9F6}
.sched td{padding:5px 8px;border-bottom:1px solid #E3E3E0;vertical-align:top}
.terms,.clauses,.parties{margin:0;padding-left:18px;display:grid;gap:4px}
.clauses li{text-align:justify}
.bank{border:1px solid #E3E3E0;border-radius:6px;padding:8px 10px;display:grid;gap:4px}
.bank .warn{font-size:8.5pt;color:#1B6B3A;background:#E8F6EE;border-radius:4px;padding:5px 7px}
.sign{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:18px;break-inside:avoid}
.sign.three{grid-template-columns:repeat(3,1fr)}
.sign div{display:grid;gap:4px;font-size:9.5pt}
.sign i{display:block;height:56px;border-bottom:1px solid #111}
.ft{margin-top:auto;padding-top:10px;border-top:1px solid #E3E3E0;display:flex;justify-content:space-between;gap:10px;font-size:8pt;color:#888;flex-wrap:wrap}
@media print{
  @page{size:A4;margin:0}
  body.printing>*:not(.docview){display:none!important}
  body.printing .docview{position:static;background:#fff}
  body.printing .docbar{display:none}
  body.printing .docscroll{padding:0;overflow:visible}
  body.printing .sheet{box-shadow:none;margin:0;page-break-after:always;width:210mm;min-height:297mm}
}
.items tr.grp td{background:#FAF9F6;padding-top:7px;padding-bottom:5px}