/* Numio 1.2 - calm surfaces, complete theme coverage, predictable navigation. */
:root{--bg:#f7f8fa;--surface:#fff;--ink:#20252d;--muted:#747d8b;--border:#e7eaf0;--blue:#2469e8;--blue-soft:#edf3ff;--radius:14px;--input:#fbfcfe;--soft:#f3f5f8}
html[data-theme=dark]{--bg:#11151c;--surface:#191f29;--ink:#e7ecf4;--muted:#a0aabc;--border:#303846;--blue:#86acff;--blue-soft:#25364f;--input:#151b24;--soft:#222a36;color-scheme:dark}
body{font-size:14px;line-height:1.65}.panel,.stat{border:1px solid var(--border);box-shadow:none;border-radius:14px}.content{padding-top:36px;padding-bottom:42px}.page-header{margin-bottom:28px}h1{font-size:30px;font-weight:650;letter-spacing:-.9px}h2{font-size:16px}.eyebrow{letter-spacing:1.1px;font-size:10px}.button{min-height:40px;border-radius:9px;box-shadow:none;font-size:12px}.button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.button.secondary:hover{background:var(--soft)}input,select,textarea{border-radius:9px;background:var(--input);border-color:var(--border);color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field label{font-size:12px;font-weight:500}.field small{line-height:1.6}.topbar{position:sticky;top:0;z-index:35;height:66px;background:var(--surface)!important;color:var(--ink);border-color:var(--border)}.topbar-location,.topbar-date,.topbar-admin{color:var(--muted)}.topbar-actions{gap:16px}.sidebar{background:var(--surface);border-color:var(--border)}.sidebar nav a{min-height:40px;border-radius:9px}.sidebar nav a .icon{width:18px;height:18px}.sidebar nav a.active{background:var(--blue-soft);color:var(--blue)}.sidebar nav{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.workspace{border-color:var(--border)}.workspace-avatar{background:var(--soft);border-color:var(--border);overflow:hidden}.workspace-avatar img{width:100%;height:100%;object-fit:contain;padding:3px}.company-logo-preview{display:block;max-width:160px;max-height:90px;object-fit:contain;margin:16px 0 24px}.brand{font-size:26px}.brand-icon{box-shadow:none}.brand-edition{font-size:9px}.table-wrap th{background:var(--surface);color:var(--muted);font-size:11px;font-weight:500;border-color:var(--border)}.table-wrap td{padding-top:16px;padding-bottom:16px;border-color:var(--border)}.table-wrap tr:hover td{background:var(--soft)}.tabs{gap:5px;flex-wrap:wrap}.tabs a{padding:8px 12px;border-radius:8px;color:var(--muted)}.tabs a.selected{background:var(--blue-soft);color:var(--blue);border-color:transparent}.editor-summary{top:90px}.section-step,.summary-mark{background:var(--blue-soft);color:var(--blue)}.section-heading h2{margin-bottom:3px}.advanced-fields>summary{font-size:13px;font-weight:600;padding:10px 0;cursor:pointer}.advanced-fields[open]>summary{margin-bottom:15px}.advanced-fields .form-grid{margin-top:10px}.design-option[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.template-mini b,.template-mini.editorial b,.template-mini.outline b{background:transparent;border:0;border-bottom:1px solid #9299a3;height:15px}.template-mini.editorial i{margin-left:auto;width:35%}.template-mini.outline b{width:64%;height:11px}.theme-picker,.quick-menu,.file-actions{position:relative}.theme-picker form,.quick-menu-panel{position:absolute;right:0;left:auto;top:calc(100% + 9px);z-index:220;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 38px #101a3020;border-radius:12px;min-width:180px;max-width:90vw}.quick-menu-panel{width:245px}.quick-menu-panel a{color:var(--ink);min-height:42px;display:flex;align-items:center;gap:12px}.theme-picker form button:hover,.quick-menu-panel a:hover{background:var(--soft)}.theme-picker summary{list-style:none}.theme-picker summary::-webkit-details-marker{display:none}.theme-picker summary .icon{width:19px;height:19px}.admin-top{background:var(--surface);color:var(--ink);border-color:var(--border)}.admin-top nav{align-items:center;flex-wrap:wrap}.admin-top .theme-picker form{top:calc(100% + 9px)}
html[data-theme=dark] .topbar,html[data-theme=dark] .mobile-top,html[data-theme=dark] .admin-top{background:#191f29!important;color:#e7ecf4!important;border-color:#303846!important}html[data-theme=dark] .sidebar-bottom,html[data-theme=dark] .sidebar-head,html[data-theme=dark] .workspace{border-color:var(--border)}html[data-theme=dark] .invoice-total,html[data-theme=dark] .designer-actions,html[data-theme=dark] .form-actions{border-color:var(--border)}html[data-theme=dark] .stat-symbol,html[data-theme=dark] .icon-tile,html[data-theme=dark] .transaction-icon{background:var(--blue-soft);color:var(--blue)}html[data-theme=dark] .notice,html[data-theme=dark] .message{background:var(--soft);color:var(--ink);border-color:var(--border)}html[data-theme=dark] .errornote,html[data-theme=dark] .message.error{background:#38242c;border-color:#68414a}html[data-theme=dark] .login-hero{background:#111927}html[data-theme=dark] pre{background:var(--input);color:var(--ink)}html[data-theme=dark] .invoice-paper{background:#fff;color:#20252d}html[data-theme=dark] .invoice-paper table td,html[data-theme=dark] .invoice-paper table th{color:#20252d;background:#fff;border-color:#e7eaf0}
.file-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin:-5px 0 24px}.file-breadcrumbs span{color:var(--muted)}.file-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.file-sidebar{position:sticky;top:90px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:22px}.folder-card{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);min-width:0}.folder-card strong{font-size:12px;overflow-wrap:anywhere}.folder-card>.icon:first-child{color:var(--blue);width:23px;height:23px}.folder-card>.icon:last-child{margin-left:auto;width:13px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.asset-card{border:1px solid var(--border);border-radius:13px;background:var(--surface);min-width:0}.asset-image{aspect-ratio:16/10;display:grid;place-items:center;background:var(--soft);border-radius:12px 12px 0 0;overflow:hidden}.asset-image img{width:100%;height:100%;object-fit:contain}.asset-placeholder .icon{width:40px;height:40px;color:var(--muted)}.asset-description{padding:16px}.asset-description>strong{font-size:12px;display:block;overflow-wrap:anywhere}.asset-description .action-row{font-size:11px;justify-content:space-between}.file-actions summary{cursor:pointer;list-style:none;color:var(--blue)}.file-actions form{position:absolute;right:0;top:26px;width:245px;z-index:30;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 38px #101a3020;border-radius:12px;padding:17px;display:grid;gap:12px}.file-actions label{font-size:11px}.file-actions input,.file-actions select{margin-top:5px;width:100%}.file-actions .danger-link{border:0;background:none;padding:6px;text-align:left;font:inherit;color:var(--red)}.file-dropzone{display:grid;gap:8px;justify-items:center;padding:24px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--input);text-align:center;cursor:pointer}.file-dropzone .icon{width:28px;height:28px;color:var(--blue)}.file-dropzone strong{font-size:12px}.file-dropzone input{font-size:11px;max-width:100%;border:0;padding:6px}.file-dropzone.dragging{border-color:var(--blue);background:var(--blue-soft)}.file-empty{grid-column:1/-1}.file-sidebar hr{border:0;border-top:1px solid var(--border);margin:24px 0}.space-bottom{margin-bottom:20px}.autofilled{border-color:var(--blue)!important;background:var(--blue-soft)!important}#extraction-text pre{white-space:pre-wrap;max-height:260px;overflow:auto;font-size:11px;padding:15px;background:var(--input);border-radius:10px}.editing-document .assistant-launcher{height:44px;width:44px;padding:0;display:grid;place-items:center;border-radius:50%;right:18px;bottom:18px}.editing-document .assistant-launcher>span{display:none}.download-start{display:block;margin:15px 0;padding:12px 16px;border:1px solid var(--border);background:var(--blue-soft);border-radius:10px;font-size:12px}
@media(max-width:1100px){.file-layout{grid-template-columns:minmax(0,1fr) 240px}.topbar-actions{gap:12px}.file-actions form{width:220px}.editor-summary{top:82px}}
@media(max-width:760px){.content{padding:25px 16px 36px}.topbar{position:static;height:44px;padding:0 16px}.topbar-location{max-width:46%}.topbar-actions{gap:9px}.mobile-top{background:var(--surface);border-color:var(--border)}.sidebar{height:100dvh;max-height:100dvh;padding-top:22px}.nav-open{overflow:hidden}.sidebar nav{min-height:0;flex:1}.sidebar-bottom{flex-shrink:0}.file-layout{grid-template-columns:1fr}.file-sidebar{position:static}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-description{padding:12px}.asset-description .action-row{display:grid;gap:7px}.file-actions form{right:-6px;width:220px}.asset-card:nth-child(odd) .file-actions form{right:auto;left:0}.file-actions{width:max-content}.file-breadcrumbs{margin-top:0}.editing-document .assistant-launcher{display:none}.editor-summary{position:static}.field input,.field select,.field textarea{font-size:16px}h1{font-size:27px}.admin-top nav{gap:12px}.admin-top .brand{max-width:100%;flex-wrap:wrap}.quick-contact-dialog{padding:22px}.theme-picker form{right:-12px}.design-options{gap:6px}.design-option{padding:9px 6px}.design-option small{font-size:9px}.topbar-actions .theme-picker summary{width:28px;padding:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.topbar,.file-sidebar,.file-actions,.theme-picker{display:none!important}.content{padding:0}}

.workspace-avatar:has(img){background:#fff}.file-sidebar .button{width:100%}

@media(max-width:760px){.nav-open .assistant-launcher{display:none}}

.form-actions{flex-wrap:wrap}.form-actions .button{white-space:normal}html[data-theme=dark] .icon-button:hover,html[data-theme=dark] .icon-button:focus-visible{background:var(--soft);color:var(--ink)}

.button:not(.secondary):not(.danger){background:#2469e8;color:#fff}.button:not(.secondary):not(.danger):hover{background:#1c58c7}.button.danger{background:#b43848;color:#fff}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--input)!important;color:var(--ink)!important;border-color:var(--border)!important}html[data-theme=dark] .empty-icon{background:var(--soft);color:var(--muted)}
html[data-theme=dark] .errorlist,html[data-theme=dark] .error-summary{background:#38242c;border-color:#68414a;color:#f0b0bc}html[data-theme=dark] .badge.amber{background:#3c3023;color:#e7c48f}html[data-theme=dark] .badge.danger{background:#3b262e;color:#ecadb8}html[data-theme=dark] #incoming-form .autofilled{background:var(--blue-soft)!important;border-color:var(--blue)!important}html[data-theme=dark] [aria-invalid=true],html[data-theme=dark] #incoming-form [aria-invalid=true]{border-color:#d37885!important;background:#30232b!important}

/* 1.3 · one quiet, responsive interface */
:root{--bg:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--border:#e5e5e9;--blue:#0066cc;--blue-soft:#eaf2fc;--input:#fafafa;--soft:#f5f5f7;--radius:20px;--green:#248447;--red:#bd3039;--shadow:0 3px 16px #00000003;--sidebar-bg:#ededef;--glass:#f5f5f7e8}
html[data-theme=dark]{--bg:#101012;--surface:#1c1c1e;--ink:#f5f5f7;--muted:#a1a1a7;--border:#333336;--blue:#82b8ff;--blue-soft:#20334b;--input:#242426;--soft:#27272a;--sidebar-bg:#18181a;--glass:#101012eb;color-scheme:dark}
body{font-size:14px;line-height:1.55;letter-spacing:-.1px}h1{font-size:36px;line-height:1.12;letter-spacing:-1.4px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px}h3{font-weight:600}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.3px;margin-bottom:12px}.page-header p{font-size:13px;line-height:1.6;max-width:650px}.content{max-width:1480px;padding:42px 44px 54px}.page-header{margin-bottom:30px;align-items:flex-start}.main{margin-left:244px}.sidebar{width:244px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:25px 14px 18px}.sidebar-head{padding:0 12px}.brand{color:var(--ink);font-size:27px;gap:10px}.brand-icon{width:33px;height:33px;border-radius:11px;background:#0071e3;box-shadow:inset 0 1px 1px #ffffff36;font-weight:600}.brand-edition{display:none}.workspace{border:0;margin:19px 0 12px;padding:13px 10px;border-radius:13px;background:var(--surface);gap:10px}.workspace-avatar{width:34px;height:34px;background:var(--soft);border:0;color:var(--muted)}.workspace strong{font-size:11px;max-width:153px}.workspace>div>span{font-size:10px}.nav-label{font-size:10px;letter-spacing:0;text-transform:none;padding:17px 12px 6px;color:var(--muted)}.sidebar nav a,.nav-tools a{display:flex;gap:10px;align-items:center;min-height:35px;padding:7px 11px;color:var(--muted);border-radius:9px;font-size:12px;font-weight:450;margin:2px 0}.sidebar nav a:hover{background:var(--surface);color:var(--ink)}.sidebar nav a.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000006;font-weight:600}.sidebar nav a .icon{width:17px;height:17px;color:var(--muted)}.sidebar nav a.active .icon{color:var(--blue)}.nav-active-dot{display:none}.nav-tools>summary{padding:17px 12px 6px;font-size:10px;color:var(--muted);cursor:pointer}.sidebar-bottom{margin-top:12px;padding-top:14px}.avatar{background:var(--surface);color:var(--muted)}.sidebar-bottom small{font-size:10px}.topbar{height:64px;padding:0 44px;background:var(--glass)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:0;box-shadow:0 1px var(--border)}.topbar-location{font-size:11px;gap:8px;max-width:38%}.topbar-dot,.topbar-date{display:none}.topbar-actions{gap:14px}.topbar-admin{font-size:11px}.topbar-admin .icon{width:15px;height:15px}.topbar-actions .button.compact{border-radius:20px;min-height:32px;padding:6px 14px;font-size:12px}.mode-pill{font-size:10px;background:var(--soft);border-color:var(--border);color:var(--muted);border-radius:15px;padding:4px 9px}.mode-pill.live{background:var(--soft);border-color:var(--border);color:var(--muted)}.mode-pill.live>span{background:#31a353}.panel,.stat{border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:26px}.panel-header{margin-bottom:18px}.button{min-height:40px;padding:9px 17px;font-size:12px;font-weight:550;letter-spacing:0;border-radius:11px;transition:background .15s,transform .15s,color .15s}.button:not(.secondary):not(.danger){background:#0071e3;border-color:#0071e3;color:#fff}.button:not(.secondary):not(.danger):hover{background:#0077ed;border-color:#0077ed}.button:active{transform:scale(.985)}.button.secondary{background:var(--soft);border-color:transparent;color:var(--ink);box-shadow:none}.button.secondary:hover{background:var(--border)}.button.danger{border-color:transparent}.icon-button{border-radius:50%;color:var(--muted)}.icon-button:hover{color:var(--ink);background:var(--soft)}.stat-label{font-size:12px;color:var(--muted);margin-bottom:22px}.stat>strong{font-size:35px;font-weight:550;letter-spacing:-1.2px}.stat>small{font-size:11px;color:var(--muted)}.stat-symbol{background:var(--soft);color:var(--muted)}.stat-symbol.blue,.stat-symbol.green{background:var(--soft);color:var(--muted)}.stats-grid{gap:20px}.dashboard-grid{gap:24px}.handover-card{background:var(--surface)}.handover-card h2{font-size:24px;letter-spacing:-.7px}.handover-card p{color:var(--muted);font-size:13px}.icon-tile{background:var(--soft);color:var(--blue);border-radius:13px}.transaction-icon,.transaction-icon.blue{background:var(--soft);color:var(--muted)}.payment-row{border-color:var(--border);padding:18px 0}.payment-desc strong{font-size:12px;font-weight:500}.payment-desc small{color:var(--muted);font-size:11px}.amount{font-variant-numeric:tabular-nums;font-size:13px}.check-row{border-color:var(--border);font-size:12px}.settings-grid{gap:16px}.settings-card{position:relative;padding:24px!important;transition:border-color .15s,transform .15s;background:var(--surface)!important}.settings-card:hover{border-color:var(--blue);transform:translateY(-1px)}.settings-card>.icon{background:var(--soft);box-sizing:content-box;padding:10px;border-radius:12px;color:var(--blue);margin-bottom:22px}.settings-card h3{font-size:15px}.settings-card p{color:var(--muted);font-size:12px;line-height:1.6}.admin-settings-card{border-color:var(--border)}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px;background:var(--input);border:1px solid var(--border);color:var(--ink);min-height:43px;padding:10px 12px;font-size:13px}input[type=color]{padding:5px!important;max-width:100%}input[type=checkbox],input[type=radio]{accent-color:#0071e3;min-width:17px;min-height:17px}.field{margin-bottom:19px}.field label{font-weight:500;font-size:12px;line-height:1.5;color:var(--ink);margin-bottom:7px}.field small{font-size:11px;color:var(--muted)}.field-checkbox{display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:9px 0}.field-checkbox label{margin:0;flex:1;min-width:160px}.field-checkbox input{margin-top:2px}.field-checkbox .errorlist{width:100%}.form-grid{column-gap:20px}.form-actions{gap:10px;border-color:var(--border);padding-top:22px}.form-panel{max-width:930px}.search{gap:8px}.search input{background:var(--surface);max-width:100%;min-width:0}.tabs{gap:3px;align-items:center;margin-bottom:20px}.tabs a{font-size:12px;border:0;padding:8px 12px;line-height:1.4}.tabs a.selected,.tabs a[aria-current=page]{background:var(--surface);box-shadow:0 1px 5px #00000008;color:var(--ink)}.settings-navigation{background:var(--sidebar-bg);padding:5px;border-radius:12px;width:fit-content;margin-bottom:28px}.table-wrap{border-radius:10px;scrollbar-width:thin}.table-wrap table{font-size:12px}.table-wrap th{background:var(--surface);font-size:11px;letter-spacing:0;text-transform:none;padding:13px 12px;font-weight:450}.table-wrap td{padding:19px 12px;border-color:var(--border);font-size:12px}.table-wrap td strong{font-weight:550}.table-wrap .cell-sub{font-size:11px;line-height:1.6;margin-top:4px}.badge{border:0;border-radius:7px;background:var(--soft);color:var(--muted);font-size:10px;padding:4px 8px;font-weight:500}.notice,.message{border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;box-shadow:none}.notice strong{color:var(--ink)}.message.success{background:var(--surface);border-color:var(--border);color:var(--ink)}.empty-icon{background:var(--soft);color:var(--muted);border-radius:17px}.empty h3{font-size:17px}.empty p{font-size:12px;color:var(--muted)}.page-footer{border-color:transparent;color:var(--muted);font-size:10px;padding:20px 44px}.assistant-launcher{width:43px;height:43px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:0 3px 14px #0000000c;right:22px;bottom:20px}.assistant-launcher>span{display:none}.assistant-launcher .icon{width:19px;height:19px}.quick-menu-panel,.theme-picker form,.file-actions form{border-radius:15px;padding:7px;box-shadow:0 12px 36px #00000014}.quick-menu-panel a,.theme-picker form button{border-radius:8px;font-size:12px}.quick-menu-panel a{min-height:40px}.file-actions form{padding:17px}.back{font-size:12px;margin-bottom:22px;display:inline-block;color:var(--muted)}
.document-navigation{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border);margin:0 0 26px;padding-bottom:13px;flex-wrap:wrap}.document-navigation>a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:9px 13px;border-radius:10px}.document-navigation>a[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #00000006}.document-navigation .icon{width:16px;height:16px}.document-tools{display:flex;gap:18px;margin-left:auto;font-size:11px}.document-tools a{color:var(--muted)}.document-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);background:var(--surface);border-radius:17px;margin-bottom:26px;overflow:hidden}.document-metrics a{padding:20px 24px;display:grid;gap:8px;color:var(--ink);border-right:1px solid var(--border)}.document-metrics a:last-child{border:0}.document-metrics span{font-size:11px;color:var(--muted)}.document-metrics strong{font-size:29px;font-weight:500;line-height:1.1;letter-spacing:-1px}.document-metrics a:hover{background:var(--soft)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.list-toolbar .tabs,.list-toolbar .search{margin:0}.list-toolbar .search{width:340px}.list-toolbar .tabs{flex-shrink:0}.row-open{display:inline-flex;gap:6px;align-items:center;font-size:11px}.row-open .icon{width:15px;height:15px}.editor-steps{background:none;border:0;padding:0;gap:23px;margin-bottom:28px;flex-wrap:wrap}.editor-steps>a,.editor-steps>span{font-size:11px;color:var(--muted)}.editor-steps span span,.editor-steps a span{background:var(--surface);color:var(--ink);border:1px solid var(--border);width:25px;height:25px;border-radius:50%;font-size:10px}.editor-layout{grid-template-columns:minmax(0,1fr) 285px;gap:24px}.editor-summary{background:var(--surface);top:88px;border-radius:20px}.editor-summary .eyebrow{font-size:9px}.summary-mark{display:none}.editor-summary h2{font-size:23px;letter-spacing:-.7px;margin-top:18px}.summary-customer{padding-top:12px}.summary-customer strong{font-size:12px}.summary-total{border-color:var(--border);padding:22px 0}.summary-total strong{font-size:29px;font-weight:550;letter-spacing:-1px}.editor-summary>.small{font-size:11px;line-height:1.7}.button.full{justify-content:center}.section-step{width:28px;height:28px;border-radius:50%;background:var(--soft);color:var(--muted);font-size:10px}.section-heading{gap:12px}.section-heading .small{font-size:11px}.editor-options{padding-top:14px;padding-bottom:14px}.invoice-line{border:1px solid var(--border);border-radius:12px;background:var(--input);padding:17px;margin-top:12px;gap:14px}.invoice-line input,.invoice-line textarea,.invoice-line select{background:var(--surface)}.invoice-line .field{margin-bottom:3px}.line-row-top{border-color:var(--border);margin-bottom:0;padding-bottom:6px}.line-label{font-size:11px;color:var(--muted)}.line-label .icon{display:none}.line-remove{font-size:11px;color:var(--muted)}.line-remove:hover{color:var(--red)}.invoice-total{border-color:var(--border);margin-top:22px;padding-top:22px}.invoice-total output,.invoice-total strong{font-size:27px;font-weight:550}.advanced-fields{scroll-margin-top:90px}.advanced-fields>summary{padding:12px 0;font-size:12px;font-weight:500;cursor:pointer}.save-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:8px;white-space:nowrap}.save-status::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--muted)}.save-status[data-dirty=true]::before{background:#de9b39}.quick-contact-dialog{border-radius:22px;border:1px solid var(--border);box-shadow:0 25px 80px #00000030;background:var(--surface);color:var(--ink)}.quick-contact-dialog::backdrop{background:#00000044;backdrop-filter:blur(4px)}
.designer-grid{grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:30px;align-items:start}.designer-controls{padding:24px}.design-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px}.design-option{border:1px solid var(--border);border-radius:12px;background:var(--input);padding:11px 7px;color:var(--ink);min-width:0}.design-option strong{font-size:11px;font-weight:550}.design-option small{font-size:9px;color:var(--muted)}.design-option[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);box-shadow:none}.template-mini{height:80px;background:white!important;border:1px solid #e7e7e7;border-radius:3px;box-shadow:0 2px 3px #00000005;width:55px;margin-bottom:10px}.template-mini.reference i{width:18px;margin-left:13px;margin-top:4px;height:6px;background:#aaa}.template-mini.reference b{display:block;font-size:15px;text-align:right;height:29px;border:0;color:#111;line-height:27px;font-weight:500;margin:2px 0}.template-mini.reference em{height:9px;background:repeating-linear-gradient(#ccc 0px,#ccc 1px,white 1px,white 4px);margin-top:5px}.designer-section{border-top:1px solid var(--border)}.designer-section>summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;flex-direction:column;gap:5px}.designer-section>summary>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550}.designer-section>summary>span:after{content:'+';margin-left:auto;font-size:16px;font-weight:400;color:var(--muted)}.designer-section[open]>summary>span:after{content:'−'}.designer-section>summary .icon{width:16px;height:16px;color:var(--muted)}.designer-section>summary>small{font-size:10px;color:var(--muted);padding-left:25px;overflow-wrap:anywhere}.designer-section-body{padding:0 0 12px}.designer-actions{position:sticky;bottom:0;background:var(--surface);padding-bottom:15px;margin-bottom:10px;z-index:2}.preview-panel{position:sticky;top:88px;background:none;border:0;padding:0;box-shadow:none;border-radius:0}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 3px 17px}.preview-toolbar strong{font-size:12px;font-weight:550}.preview-toolbar small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.preview-kind{display:flex;border-radius:9px;background:var(--sidebar-bg);padding:3px;gap:3px}.preview-kind button{font-size:10px;color:var(--muted);border:0;background:transparent;border-radius:7px;min-height:29px;padding:5px 9px}.preview-kind button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000008}.preview-panel iframe{display:block;width:100%;height:min(80vh,870px);min-height:500px;border:0;border-radius:7px;background:#fff;box-shadow:0 8px 30px #0000000b}.preview-caption{font-size:10px;text-align:center;color:var(--muted);margin:16px 0}.document-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;background:var(--surface);border:1px solid var(--border);border-radius:17px;margin-bottom:24px}.document-next h2{font-size:15px;margin:0 0 4px}.document-next p{font-size:12px;margin:0;color:var(--muted)}.document-chain{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px;font-size:12px}.document-chain>span{color:var(--muted)}.document-chain a,.document-chain strong{font-weight:500}.document-chain .icon{width:14px;height:14px;color:var(--muted)}.document-secondary{margin-top:24px;border-top:1px solid var(--border);padding-top:12px}.document-secondary summary{font-size:12px;color:var(--muted);cursor:pointer;padding:10px 0}.document-secondary .action-row{padding-top:12px}.detail-title small{display:block;color:var(--muted);font-size:12px;font-weight:450;letter-spacing:0;margin-top:10px}.invoice-paper{background:var(--surface);color:var(--ink)}.invoice-address{gap:30px}.invoice-address h2{font-size:16px}.invoice-address p,.invoice-address strong{font-size:12px}.invoice-meta{border-color:var(--border);font-size:11px;color:var(--muted)}
html[data-theme=dark] .topbar,html[data-theme=dark] .mobile-top,html[data-theme=dark] .admin-top{background:var(--glass)!important;color:var(--ink)!important;border-color:var(--border)!important}html[data-theme=dark] .invoice-paper,html[data-theme=dark] .invoice-paper table td,html[data-theme=dark] .invoice-paper table th{background:var(--surface);color:var(--ink);border-color:var(--border)}html[data-theme=dark] .sidebar{background:var(--sidebar-bg)}html[data-theme=dark] .sidebar nav a.active{background:var(--surface);color:var(--ink)}html[data-theme=dark] .sidebar nav a:hover{background:var(--surface);color:var(--ink)}html[data-theme=dark] .brand{color:var(--ink)}html[data-theme=dark] .stat-symbol,html[data-theme=dark] .icon-tile,html[data-theme=dark] .transaction-icon{background:var(--soft);color:var(--muted)}html[data-theme=dark] .settings-card{background:var(--surface)}html[data-theme=dark] .form-actions{background:var(--surface)}html[data-theme=dark] .login-hero{background:#18181a}html[data-theme=dark] .nav-tools summary{color:var(--muted)}
@media(min-width:1600px){.content{padding-top:50px}.designer-grid{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)}}
@media(max-width:1200px){.content{padding:32px 28px 45px}.topbar{padding:0 28px}.topbar-admin{display:none}.designer-grid{grid-template-columns:minmax(300px,1fr) minmax(0,1fr);gap:20px}.editor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.list-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.list-toolbar .search{width:100%;max-width:450px}.document-tools{margin-left:0;flex-basis:100%;padding-left:13px}.preview-toolbar{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.sidebar{width:210px}.main{margin-left:210px}.workspace strong{max-width:120px}.brand{font-size:25px}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-summary{position:static}.editor-summary .summary-customer,.editor-summary .summary-mark,.editor-summary .check-row{display:none}.editor-summary .summary-total{margin-top:0}.designer-grid{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}.preview-panel iframe{height:800px}.preview-toolbar{flex-direction:row}.dashboard-grid,.dashboard-columns{grid-template-columns:minmax(0,1fr)}.content{padding-left:24px;padding-right:24px}.panel,.stat{padding:23px}.document-next{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:760px){body{font-size:14px}.main{margin-left:0}.sidebar{width:280px;max-width:85vw;background:var(--sidebar-bg);padding:22px 16px 17px}.workspace strong{max-width:170px}.sidebar nav a{min-height:42px;font-size:13px}.nav-tools summary{font-size:12px;padding-top:16px}.nav-label{font-size:11px;padding-top:18px}.mobile-top{height:60px;position:sticky;top:0;z-index:45;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:0;box-shadow:0 1px var(--border);padding:0 16px}.mobile-top .brand{font-size:23px}.mobile-top .brand-icon{height:28px;width:28px;font-size:25px;border-radius:9px}.mobile-top .icon-button{width:40px;height:40px}.topbar{position:relative;top:auto;height:48px;padding:0 19px;z-index:34;background:transparent!important;backdrop-filter:none;box-shadow:none}.topbar-location{font-size:10px;max-width:37%}.topbar-location .separator,.topbar-location>span:last-child{display:none}.topbar-actions{gap:10px}.content{padding:23px 18px 38px}h1{font-size:31px;letter-spacing:-1px}.page-header{gap:16px;flex-wrap:wrap;margin-bottom:25px}.page-header>div:first-child{width:100%}.page-header p{font-size:12px}.page-header>.button{min-height:40px}.page-header .save-status{margin-top:-5px}.panel,.stat{padding:21px;border-radius:17px}.stats-grid{gap:12px}.stat>strong{font-size:29px}.stat-label{font-size:11px;margin-bottom:16px}.stat>small{font-size:10px}.stat-symbol{display:none}.settings-grid{gap:12px}.settings-card{padding:19px!important}.settings-card>.icon{padding:9px;margin-bottom:18px}.settings-card h3{font-size:14px}.settings-card p{font-size:11px}.tabs{gap:2px;max-width:100%}.tabs a{font-size:11px;padding:8px 10px}.settings-navigation{flex-wrap:nowrap;overflow-x:auto;width:100%;justify-content:flex-start}.settings-navigation a{flex-shrink:0}.document-navigation{gap:4px;padding-bottom:15px;margin-bottom:20px}.document-navigation>a{padding:8px 9px;font-size:11px;gap:6px}.document-navigation .icon{width:15px;height:15px}.document-tools{font-size:10px;padding-left:9px;margin-top:7px}.document-metrics{border-radius:14px;margin-bottom:21px}.document-metrics a{padding:17px 13px;gap:9px}.document-metrics span{font-size:10px;line-height:1.5}.document-metrics strong{font-size:25px}.list-toolbar{gap:14px;margin-bottom:17px}.list-toolbar .tabs{flex-wrap:wrap}.list-toolbar .search{max-width:none}.table-wrap td,.table-wrap th{padding-left:10px;padding-right:10px}.table-wrap table{min-width:600px}.row-open>span{display:none}.editor-steps{gap:15px;row-gap:9px;margin-bottom:21px}.editor-steps>a,.editor-steps>span{font-size:10px;gap:7px}.editor-steps span span,.editor-steps a span{width:22px;height:22px}.section-heading{margin-bottom:19px}.field input,.field select,.field textarea{font-size:16px!important;min-height:45px}.field-checkbox input{min-height:18px}.invoice-line{padding:15px;gap:13px}.form-actions .button{flex:1;min-width:110px;font-size:11px}.editor-summary .summary-total{padding-top:12px}.designer-grid{gap:24px}.designer-controls{padding:20px}.design-options{gap:5px}.design-option{padding:10px 4px}.design-option small{font-size:8px}.template-mini{width:49px;height:71px}.preview-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.preview-kind{max-width:100%}.preview-kind button{min-height:34px;font-size:10px;padding:6px 10px}.preview-panel iframe{min-height:520px;height:650px}.document-next{padding:20px}.document-chain{gap:9px;font-size:11px}.page-footer{padding:15px 19px;gap:10px}.assistant-launcher{bottom:16px;right:16px}.invoice-meta{flex-direction:column;gap:9px}.admin-top{padding:18px;gap:15px}.admin-top nav{gap:10px}.admin-main{padding:25px 18px}.file-layout{gap:20px}.file-sidebar{order:0}.asset-grid{gap:10px}.folder-card{padding:14px}.auth-main{padding:18px}.login-layout{border-radius:22px}.login-form-panel{padding:30px 24px}}
@media(max-width:400px){.content{padding-left:15px;padding-right:15px}.settings-grid{grid-template-columns:minmax(0,1fr)}.preview-kind button{padding:5px 7px}.topbar-location{max-width:31%}.editor-steps{gap:11px}.editor-steps>a,.editor-steps>span{font-size:9px}.document-navigation>a{font-size:10px;padding:8px}.stats-grid.four{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.document-navigation,.document-next,.document-chain,.document-secondary,.document-metrics{display:none!important}.main{margin-left:0}.invoice-paper{border:0}}
.numbering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.numbering-preview{padding:17px 19px;border:1px solid var(--border);border-radius:12px;background:var(--soft);margin:0 0 24px}.numbering-preview small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.numbering-preview strong{font-size:23px;font-weight:500;letter-spacing:-.6px;overflow-wrap:anywhere}@media(max-width:1000px){.numbering-grid{grid-template-columns:minmax(0,1fr)}}

.template-mini{position:relative;display:block;overflow:hidden;padding:7px}.template-mini i,.template-mini b,.template-mini em{position:static!important;display:block!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0 0 7px!important;width:100%;border-radius:0}.template-mini i{width:36%;height:6px;background:#b1b1b4}.template-mini b{height:14px;border:0;border-bottom:1px solid #888;background:none}.template-mini em{height:15px;background:repeating-linear-gradient(#ddd 0,#ddd 1px,#fff 1px,#fff 5px)}.template-mini.reference i{margin-left:11px!important;width:18px}.template-mini.reference b{height:28px;line-height:28px;border:0;font-weight:400}.template-mini.reference em{height:14px}.template-mini.editorial i{margin-left:auto!important}.template-mini.outline b{height:10px;width:65%}
@media(max-width:760px){.topbar-actions .quick-menu{display:block}.topbar-location{display:block;max-width:28%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.topbar-location span{display:none}.topbar-actions{gap:10px}.quick-menu-panel{right:0}.save-status{white-space:normal}}

.document-heading-number{font-weight:450;color:var(--muted);font-size:.72em;overflow-wrap:anywhere}.quote-status-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 20px;border:1px solid var(--border);border-radius:13px;background:var(--surface);margin:0 0 24px}.quote-status-control label{font-size:12px;color:var(--muted)}.quote-status-control select{width:auto;min-width:155px}.quote-status-control .button{min-height:38px;font-size:11px}@media(max-width:760px){.document-heading-number{display:block;margin-top:10px;font-size:.62em}.quote-status-control{padding:16px;gap:10px}.quote-status-control label{width:100%}}

.number-format-examples{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 22px}.number-format-examples button{font-size:11px;border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:6px 9px;border-radius:7px}.number-format-examples button:hover{border-color:var(--blue);color:var(--blue)}

/* 1.5: clear work areas, compact lists and a document-first editor. */
.sidebar nav a{min-height:38px;gap:10px;border-radius:11px}.sidebar .nav-label{padding:17px 12px 7px;font-size:10px;letter-spacing:.7px}.sidebar-head{padding-bottom:18px}.brand-edition{font-size:10px}.sidebar nav a.active{font-weight:600}.sidebar-bottom{padding-top:15px}.page-header .action-row{flex-shrink:0}.list-panel{padding:8px 18px}.tabs{display:flex;align-items:center;flex-wrap:wrap}.tab-count{display:inline-flex;min-width:19px;height:19px;align-items:center;justify-content:center;border-radius:20px;background:var(--soft);font-size:10px;margin-left:5px}.table-actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.catalog-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:24px;align-items:start}.catalog-sidebar{padding:18px;position:sticky;top:85px}.catalog-sidebar h2{font-size:12px;margin:0 0 15px}.catalog-sidebar>a{display:block;color:var(--muted);padding:9px 10px;border-radius:8px;margin:3px 0;font-size:12px;overflow-wrap:anywhere}.catalog-sidebar>a.selected{color:var(--ink);background:var(--soft);font-weight:600}.catalog-sidebar .catalog-import{border-top:1px solid var(--border);border-radius:0;margin-top:19px;padding-top:17px;font-size:11px}.catalog-import .icon{width:14px;height:14px;vertical-align:middle;margin-right:6px}
.editor-mode-note{display:flex;align-items:center;gap:9px;margin:-7px 0 23px;font-size:12px;color:var(--muted)}.editor-mode-note .icon{width:16px;height:16px}.editor-period{border-top:1px solid var(--border);padding-top:18px}.field-group-label{display:block;font-size:12px;font-weight:600;margin-bottom:14px}.editor-period .field label{font-weight:400;color:var(--muted)}.editor-options .advanced-fields{margin-top:0}.editor-summary h2{font-size:20px}.invoice-line{display:block!important;padding:20px;margin-bottom:14px;border:1px solid var(--border);background:var(--input);border-radius:13px;min-width:0}.invoice-line>.field{margin-bottom:14px}.invoice-line .line-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;grid-column:auto}.line-actions{display:flex;gap:4px;align-items:center}.line-actions .icon-button{font-size:16px;width:29px;height:29px;min-height:29px}.line-label{font-size:11px;font-weight:600;letter-spacing:.3px}.line-remove{font-size:10px}.line-catalog{margin-bottom:14px}.line-catalog>.field{margin:0}.line-catalog label{display:flex;gap:7px}.line-catalog label>.muted{font-weight:400}.catalog-search{display:none;width:100%;margin-bottom:7px}.has-js .catalog-search{display:block}.catalog-search:placeholder-shown:not(:focus){padding-top:7px;padding-bottom:7px;min-height:35px}.line-catalog .text-button{display:none;font-size:10px;margin-top:6px}.line-catalog:has(option:checked:not([value=""])) .text-button{display:inline-block}.line-amounts{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;align-items:start;gap:14px}.line-amounts .field{margin-bottom:0}.line-subtotal{text-align:right;padding-top:1px;min-width:0}.line-subtotal span{display:block;font-size:11px;color:var(--muted);margin:0 0 16px}.line-subtotal output{font-size:15px;font-weight:600;overflow-wrap:anywhere}.invoice-line.removed{opacity:.55}.invoice-line.removed .line-catalog,.invoice-line.removed>.field,.invoice-line.removed .line-amounts{display:none}.invoice-line.removed .line-row-top{margin:0}.add-position{width:100%;margin-top:3px}.invoice-line textarea{min-height:76px;resize:vertical}.delete-field{display:none!important}.process-list{padding-left:18px;font-size:12px;color:var(--muted)}.process-list li{margin-bottom:15px;padding-left:4px}.recurring-due{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;gap:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);margin-bottom:23px}.recurring-due p{margin:4px 0 0}
.planning-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.planning-filters label{flex:1;min-width:150px;max-width:260px}.planning-filters select{width:100%}.planning-board{gap:18px;align-items:start}.board-column{padding:14px;background:var(--sidebar-bg);border-radius:16px;min-width:0}.board-column>h2{font-size:13px;display:flex;justify-content:space-between;align-items:center;padding:4px 5px 10px}.task-card{padding:18px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.task-card h3{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.task-card h3 a{color:var(--ink)}.task-context{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.task-context span{background:var(--soft);padding:3px 7px;border-radius:5px}.task-status-action{border-top:1px solid var(--border);padding-top:10px;margin-top:15px}.task-status-action .text-button{font-size:11px}.board-empty{padding:18px 5px;color:var(--muted);font-size:12px}.calendar-controls{flex-wrap:wrap;gap:12px}.calendar-controls form{display:flex;gap:8px;margin-right:auto}.calendar-controls form input{width:170px}.calendar-view-switch{margin-bottom:17px}.calendar-agenda-view .desktop-calendar{display:none}.calendar-agenda-view .mobile-agenda{display:block}.calendar-task{overflow-wrap:anywhere}.calendar-task small{font-size:9px}.calendar-day{min-width:0}.calendar-day-head .icon{width:13px;height:13px}
@media(max-width:1150px){.catalog-layout{grid-template-columns:minmax(0,1fr)}.catalog-sidebar{position:static;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 15px}.catalog-sidebar h2{margin:0 10px 0 0}.catalog-sidebar>a{padding:6px 8px;margin:0}.catalog-sidebar .catalog-import{border:0;margin:0 0 0 auto;padding:6px}.line-amounts{grid-template-columns:1fr 1fr}.line-subtotal{padding-top:5px}}
@media(max-width:760px){.sidebar nav a{min-height:40px}.sidebar .nav-label{padding-top:17px}.content{padding:26px 18px 40px}.list-panel{padding:5px 10px}.catalog-sidebar h2{width:100%}.catalog-sidebar .catalog-import{width:100%;margin:7px 0 0;padding-top:12px;border-top:1px solid var(--border)}.invoice-line{padding:15px}.line-amounts{gap:12px}.line-subtotal span{margin-bottom:8px}.editor-summary{margin-bottom:0}.editor-mode-note{align-items:flex-start;font-size:11px}.recurring-due{align-items:flex-start;flex-direction:column;padding:18px}.recurring-due form,.recurring-due button{width:100%}.planning-board{grid-template-columns:minmax(0,1fr)}.planning-filters label{min-width:130px}.planning-filters>.button{flex:1}.calendar-controls form{width:100%;order:-1}.calendar-controls>a:not(.button){font-size:10px}.calendar-view-switch{display:none}.task-card{padding:17px}.line-catalog .text-button{font-size:11px}}
