:root{color-scheme:dark;--bg:#111313;--surface:#191c1c;--surface2:#202424;--line:#303535;--text:#f1f0e9;--muted:#a8aaa3;--accent:#d9b982;--danger:#ed9a91;--shadow:0 18px 60px #0006}*{box-sizing:border-box}html.light{color-scheme:light;--bg:#f4f4ef;--surface:#fff;--surface2:#f0f1ed;--line:#d9ddd7;--text:#1a1d1b;--muted:#65706b;--shadow:0 18px 60px #26332912}body{margin:0;background:radial-gradient(circle at 90% 0,#26302b 0,transparent 34rem),var(--bg);color:var(--text);font:15px/1.5 Space Grotesk,system-ui,sans-serif}.documents-shell{max-width:1440px;margin:auto;padding:42px clamp(18px,4vw,64px) 64px}.documents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.back-link{color:var(--muted);text-decoration:none}.eyebrow{font:11px/1.3 Space Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:20px 0 9px}.documents-header h1{font-size:clamp(38px,5vw,64px);line-height:1;margin:0;letter-spacing:-.05em}.lede{color:var(--muted);margin:14px 0 0;max-width:510px}.icon-button,.small-button,.dialog-close{border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.icon-button{width:42px;height:42px;font-size:20px}.documents-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.documents-sidebar,.document-workspace,.preview-card,.details-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.documents-sidebar{padding:20px;min-height:620px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-heading h2{font-size:18px;margin:0}.search-label,.details-card label{display:grid;gap:7px;color:var(--muted);font-size:12px;margin:20px 0 14px}.search-label input,.details-card input,.details-card textarea,.details-card select,#new-dialog input,#new-dialog select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface2);padding:11px;color:var(--text);font:inherit}.document-list{display:grid;gap:8px}.document-item{display:block;text-align:left;width:100%;border:1px solid transparent;background:transparent;color:var(--text);padding:13px;border-radius:11px;cursor:pointer}.document-item:hover,.document-item[aria-current=true]{background:var(--surface2);border-color:var(--line)}.document-item strong,.document-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-item span{color:var(--muted);font-size:12px;margin-top:4px}.primary-button,.quiet-button,.small-button{font:600 13px Space Grotesk;padding:10px 14px;cursor:pointer}.primary-button{background:var(--accent);border:1px solid var(--accent);border-radius:9px;color:#171613}.quiet-button{background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--text)}.small-button{border-radius:7px;padding:3px 10px;font-size:18px}.document-workspace{padding:clamp(16px,2.5vw,30px);min-height:620px}.workspace-header{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.workspace-header h2{margin:0;font-size:clamp(22px,3vw,34px);letter-spacing:-.03em}.workspace-header .eyebrow{margin:0 0 8px}.status-pill{display:inline-flex;margin:10px 0 0;padding:4px 9px;border-radius:999px;background:var(--surface2);color:var(--muted);font:11px Space Mono,monospace;text-transform:uppercase}.workspace-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:20px}.preview-card{overflow:hidden;min-height:500px;background:#262827}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface2);color:var(--muted);font:12px Space Mono,monospace}.pdf-preview{display:grid;gap:20px;justify-items:center;padding:24px;min-height:460px;overflow:auto}.pdf-page{position:relative;background:#fff;box-shadow:0 8px 26px #0008;max-width:100%;color:#111}.pdf-page canvas{display:block;max-width:100%;height:auto}.field-overlay{position:absolute;border:2px solid #c29a50;background:#d9b98233;border-radius:3px;min-width:22px;min-height:18px;color:#1a1711;font-size:11px;padding:2px;cursor:pointer}.field-overlay.active{outline:3px solid #f0d9a2}.field-overlay input{border:0;background:transparent;width:100%;height:100%;padding:1px;font:inherit}.details-card{padding:4px 16px}.details-card details{border-bottom:1px solid var(--line);padding:15px 0}.details-card details:last-child{border:0}.details-card summary{cursor:pointer;font-weight:600}.signer-list{display:grid;gap:8px;margin-top:13px}.signer{display:flex;justify-content:space-between;gap:8px;padding:9px;background:var(--surface2);border-radius:8px;font-size:13px}.signer small{color:var(--muted)}.signing-actions{display:grid;gap:10px;margin-top:14px}.signing-actions label{margin:0}.checkline{display:flex!important;grid-template-columns:auto 1fr;align-items:start;gap:8px!important;color:var(--text)!important;font-size:12px!important}.checkline input{width:auto!important;margin-top:4px}.muted{color:var(--muted)}.empty-workspace{min-height:560px;display:grid;place-content:center;text-align:center;justify-items:center}.empty-mark{font-size:44px;color:var(--accent)}.empty-workspace h2{margin:12px 0 4px}.empty-workspace p{color:var(--muted);max-width:370px}.notice{padding:12px 16px;border:1px solid var(--line);border-radius:10px;margin:0 0 20px;background:var(--surface2)}.notice.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}dialog{border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:0;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#0009}#new-form{padding:22px;display:grid;gap:15px}#new-form header{display:flex;justify-content:space-between;align-items:center}#new-form h2{margin:0}.dialog-close{width:30px;height:30px;font-size:22px}.receipt{font-size:12px;color:var(--muted);word-break:break-word}.receipt a{color:var(--accent)}@media(max-width:920px){.documents-layout,.workspace-grid{grid-template-columns:1fr}.documents-sidebar{min-height:auto}.document-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.details-card{order:-1}.workspace-header{flex-direction:column}.workspace-actions{justify-content:flex-start}}@media(max-width:560px){.documents-shell{padding-top:24px}.documents-header h1{font-size:42px}.documents-sidebar{padding:14px}.workspace-actions>*{flex:1}.pdf-preview{padding:10px}.document-workspace{padding:12px}}
.field-toolbar{display:grid;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.field-toolbar label{font-size:.78rem;color:var(--muted);display:grid;gap:.3rem}.field-toolbar select{width:100%}.management-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.danger-button{color:#f08d8d}.field-remove{position:absolute;right:-.45rem;top:-.55rem;border:0;border-radius:50%;background:#801f2c;color:#fff;width:1.2rem;height:1.2rem;line-height:1;padding:0;z-index:3}.signer-picker{display:grid;gap:.45rem;max-height:10rem;overflow:auto}fieldset{border:1px solid var(--line);border-radius:12px;padding:.8rem}legend{padding:0 .35rem;color:var(--muted);font-size:.8rem}
@media print{body{background:#fff;color:#111}.documents-header,.documents-sidebar,.details-card,.workspace-actions,.preview-toolbar,.notice,.empty-workspace,.field-toolbar,.management-panel,#signing-panel,#receipt-panel{display:none!important}.documents-shell{max-width:none;padding:0}.documents-layout,.workspace-grid{display:block}.document-workspace,.preview-card{border:0;box-shadow:none;background:#fff;padding:0}.pdf-preview{display:block;padding:0;overflow:visible}.pdf-page{box-shadow:none;break-after:page;margin:0 auto}.pdf-page:last-child{break-after:auto}.field-overlay{border:0;background:transparent}.field-overlay input{color:#111}}

/* Keep native controls consistent with the calm document workspace and ensure
   conditional panels do not reserve space while hidden. */
.documents-shell [hidden]{display:none!important}
.documents-shell button,.documents-shell input,.documents-shell select,.documents-shell textarea{font:inherit}