/* Measured against Contaro's invoice list and editor. */
:root{--ref-text:#393a3d;--ref-muted:#6b6c72;--ref-line:#ededf0;--ref-blue:#007bbb;--ref-soft:#eaf5fb}
body,button,input,select,textarea{font-family:Poppins,system-ui,sans-serif}body{color:var(--ref-text)}
.app-layout{background:#f5f5f5}.app-main{background:#fff;border-radius:12px;margin:8px 8px 8px 0;min-height:calc(100dvh - 16px)}.app-sidebar{background:#f5f5f5;border:0;padding:20px 12px}.app-sidebar .brand{font-size:22px;letter-spacing:0.5px}.app-sidebar .brand-mark{width:25px;height:27px;font-size:28px;border-radius:7px}.app-nav{font-family:Poppins,sans-serif;font-size:12px;min-height:33px;padding:7px 10px;gap:9px;border-radius:8px;color:#4f5155}.app-sidebar nav{gap:1px}.app-nav.active{background:white;color:#25272a;box-shadow:0 1px 3px #00000010}.nav-caption{font-size:10px;margin:24px 10px 9px;color:#84858a}.company-switch{margin-top:24px;padding:10px 9px;border:1px solid #e8e8eb;border-radius:9px}.company-switch strong{font-size:11px}.company-switch small{font-size:10px}.app-header{height:54px;padding:0 24px;border-bottom:1px solid var(--ref-line);font-size:12px;color:#72747b}.app-header .account-tools .secondary{background:white;border-color:#e6e6e9;color:#62656b;font-size:11px;min-height:30px}.app-header .account-tools .text-button{font-size:11px}.page-content{padding:24px!important;max-width:none}.page-heading{margin-bottom:22px;align-items:center}.page-heading h1{font:500 20px/25px Poppins,sans-serif;letter-spacing:-.5px;margin:0 0 7px}.page-heading p{font-size:12px;line-height:1.6;color:#81838a}.page-heading .eyebrow{display:none}.primary{background:var(--ref-blue);color:white;border:1px solid var(--ref-blue);box-shadow:none;border-radius:9px}.primary:hover{background:#006ba5}.secondary{border-color:#e7e9ed;border-radius:8px;box-shadow:none}.settings-panel{border-color:var(--ref-line);padding:24px;max-width:900px}.field label{font-size:10px!important;font-weight:500;color:var(--ref-muted)}.field input,.field select{height:40px!important;min-height:40px!important;font-size:13px!important;border-color:#e5e5e9;border-radius:10px;color:var(--ref-text)}.field small{font-size:10px!important}.data-table{font:400 13px/20px Poppins,sans-serif}.data-table th{background:#f4f6fa;padding:9px 12px;font-size:12px;font-weight:500;color:#777982}.data-table td{padding:8px 12px;border-color:var(--ref-line);height:45px}.data-table td strong{font-size:13px;font-weight:500}.data-table td small{font-size:11px}.data-table .secondary{min-height:28px;font-size:11px;padding:5px 10px}.status-badge{background:#f2f3f5;color:#777b85;border:0;border-radius:5px;font-size:11px}.active-badge{background:#edf7f1;color:#47845f}.list-toolbar{margin:16px 0 12px;align-items:center}.search-field{font-size:11px;max-width:260px;gap:5px}.search-field input{min-height:34px;font-size:12px;border-radius:8px;padding:7px 10px}.search-field>span{display:none}.table-wrap{border-color:var(--ref-line);margin-top:10px;border-radius:8px}.coming-soon.assistant-sidebar{background:transparent;border-color:#e6e7ea;border-radius:9px;padding:12px}.coming-soon.assistant-sidebar>strong{font-size:12px;font-weight:500}.coming-soon.assistant-sidebar>p{font-size:11px;line-height:1.6}.assistant-launcher{background:#fff;color:#4d5660;border:1px solid #e1e4e9;padding:10px 15px;font-size:12px;box-shadow:0 3px 15px #0000000d}.app-sidebar-foot{font-size:10px}.app-layout:has(.invoice-index)>.app-main>.app-header{display:none}.page-content:has(.invoice-index){padding:0!important}.invoice-index{color:var(--ref-text);font:400 13px/1.5 Poppins,sans-serif}.document-heading{display:flex;align-items:center;gap:20px;padding:22px 32px;border-bottom:1px solid var(--ref-line);height:84px}.document-heading h1{font:500 20px/25px Poppins,sans-serif;letter-spacing:-.6px;margin:0}.document-heading nav{display:flex;gap:2px;padding:4px;background:#f2f4f8;border-radius:11px}.document-heading nav button{border:0;background:none;padding:7px 14px;border-radius:9px;font:400 12px/20px Poppins,sans-serif;color:#76808d;white-space:nowrap}.document-heading nav .selected{background:#fff;box-shadow:0 1px 4px #00000010;color:#30333a}.document-toolbar{display:flex;gap:12px;align-items:center;padding:12px 32px;min-height:56px}.invoice-search{display:flex;align-items:center;border:1px solid #e6e7eb;border-radius:9px;width:200px;height:32px;padding:0 10px;flex-shrink:0;gap:7px}.invoice-search svg{width:13px;height:13px;color:#a3a9b3}.invoice-search input{width:100%;border:0;background:transparent;font:400 11px/16px Poppins,sans-serif;padding:0;min-width:0;outline:none}.compact-filter{display:flex;align-items:center;gap:5px;color:#6f737b;font-size:11px;min-width:0}.compact-filter>span{display:none}.compact-filter select{border:0;background:transparent;max-width:165px;font:400 11px Poppins,sans-serif;color:#5f6671;height:32px}.toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.compact-button,.compact-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:7px 11px;background:#edf6fb;color:#4b5966;border:1px solid transparent;border-radius:9px;font:400 11px/16px Poppins,sans-serif;cursor:pointer;white-space:nowrap}.compact-button:hover{background:#ddecf5}.compact-button.blue{background:var(--ref-blue);color:#fff}.compact-button.blue:hover{background:#006ca5}.compact-button svg,.compact-icon svg{width:15px;height:15px;flex-shrink:0}.compact-icon{padding:6px;min-width:30px;background:transparent;color:#888d95}.compact-icon:hover{background:#f0f2f5}.compact-button:disabled,.compact-icon:disabled{opacity:.5;cursor:default}.date-filter{position:relative;font-size:11px}.date-filter summary{cursor:pointer;color:#646c77;list-style:none;white-space:nowrap;padding:7px 5px}.date-filter summary:before{content:'⌑';margin-right:6px;font-size:13px}.date-filter>div{position:absolute;top:36px;left:0;z-index:9;width:225px;padding:15px;border:1px solid #e6e8ed;background:white;box-shadow:0 8px 25px #00000012;border-radius:9px;display:grid;gap:10px}.date-filter label{display:grid;gap:5px}.date-filter input{width:100%;height:34px;border:1px solid #e5e7eb;border-radius:6px;padding:5px}.date-filter button{border:0;border-radius:6px;padding:6px;font:inherit;color:#357ca8;background:#edf6fb}.selection-count{font-size:10px;color:#818893;white-space:nowrap}.invoice-grid-wrap{overflow:auto}.invoice-grid{border-collapse:collapse;width:100%;table-layout:fixed;font:400 13px/21px Poppins,sans-serif}.invoice-grid th{height:38px;background:#f3f5f9;text-align:left;padding:8px 10px;font-weight:400;color:#7c838e;white-space:nowrap}.invoice-grid th button{border:0;background:transparent;color:inherit;padding:0;font:inherit;display:flex;gap:5px}.invoice-grid th button span{color:#a4aab4}.invoice-grid th:first-child{width:55px;padding-left:32px}.invoice-grid th:nth-child(2){width:21%}.invoice-grid th:nth-child(3){width:25%}.invoice-grid th:nth-child(4),.invoice-grid th:nth-child(5){width:13%}.invoice-grid th:nth-child(6){width:11%}.invoice-grid th:nth-child(7){width:12%;text-align:right}.invoice-grid th:nth-child(7) button{margin-left:auto}.invoice-grid th:last-child{width:70px}.invoice-grid td{padding:6px 10px;height:45px;border-bottom:1px solid #eeeff2;overflow-wrap:anywhere}.invoice-grid td:first-child{padding-left:32px}.invoice-grid td:nth-child(4),.invoice-grid td:nth-child(5){color:#8a9099;font-size:12px}.invoice-grid tbody tr:hover{background:#fafbfd}.invoice-grid input[type=checkbox]{appearance:auto;width:14px;height:14px;margin:0;accent-color:var(--ref-blue);vertical-align:middle}.invoice-row-open{border:0;padding:0;background:transparent;color:#343b46;font:400 13px/20px Poppins,sans-serif;text-align:left;overflow-wrap:anywhere}.invoice-row-open:hover{color:var(--ref-blue)}.invoice-grid .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.draft-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#79828e;font-size:12px}.draft-status svg{width:19px;height:19px;padding:3px;border-radius:50%;color:white;background:#a7b0bb}.row-actions{white-space:nowrap}.row-actions>button{padding:3px;width:23px;height:27px;background:transparent;border:0;color:#99a1ac}.row-actions svg{width:14px;height:14px}.row-actions>button:hover{background:#edf6fb;color:var(--ref-blue)}.invoice-grid tfoot td{height:37px;font-size:11px;border-bottom:0;color:#8a9099}.invoice-grid tfoot td:nth-last-child(2){text-align:right;color:#4e535d;white-space:nowrap}.document-footnote{font-size:10px;color:#9aa0a8;margin:16px 32px}.compact-empty{padding:60px 20px;text-align:center}.compact-empty>svg{width:30px;height:30px;color:#8e99a8}.compact-empty h2{font-size:14px;font-weight:500;margin:14px 0 6px}.compact-empty p{font-size:12px;color:#8b929c;margin:0 0 18px}
/* Full working area: fixed command bar, independently scrolling form and paper. */
.invoice-workspace{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:8px 8px 8px 0;background:#f5f5f5;color:var(--ref-text);overflow:hidden;font:400 13px/1.5 Poppins,sans-serif}.invoice-workspace[open]{display:grid;grid-template-columns:60px minmax(0,1fr)}.invoice-workspace::backdrop{background:#f5f5f5}.editor-rail{display:flex;align-items:center;flex-direction:column;gap:22px;padding-top:13px}.editor-rail button{background:transparent;border:0;width:32px;height:32px;padding:8px;border-radius:8px;color:#7d8188}.editor-rail svg{width:17px;height:17px}.editor-rail-brand{font-size:20px;letter-spacing:-2px;font-weight:700;color:#555e69}.editor-rail-active{background:white;box-shadow:0 1px 4px #00000010;padding:9px;border-radius:9px;color:#6e7885}.editor-surface{border-radius:12px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.editor-commandbar{height:58px;min-height:58px;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid #f2f2f4}.editor-breadcrumb{display:flex;gap:9px;align-items:center;min-width:0;margin-right:auto;font-size:12px}.editor-breadcrumb>span{color:#7c848e}.editor-breadcrumb>b{font-weight:400;color:#b0b6bd}.editor-breadcrumb>strong{font-weight:500;white-space:nowrap}.editor-save-status{text-align:right;min-width:130px;line-height:1.5;margin-right:3px}.editor-save-status strong{display:block;font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}.editor-save-status small{display:block;font-size:10px;color:#8c929a}.editor-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0}.editor-form-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:white}.editor-section-nav{display:flex;align-items:center;gap:5px;padding:0 24px;height:49px;min-height:49px;border-bottom:1px solid #f2f2f4;overflow:auto;scrollbar-width:none}.editor-section-nav button{background:transparent;color:#6d7580;border:0;padding:10px 12px;font:400 11px/17px Poppins,sans-serif;white-space:nowrap;border-radius:7px}.editor-section-nav button:first-child{padding-left:0}.editor-section-nav button:hover{color:#1c618a}.editor-form{display:flex;flex-direction:column;flex:1;min-height:0}.editor-scroll{padding:24px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#d9dce4 transparent;scroll-padding-top:24px}.editor-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:30px}.editor-details>div{min-width:0}.editor-details h3{font:500 11px/16.5px Poppins,sans-serif;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #f2f2f4;color:#7c838d;letter-spacing:.1px}.ws-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:12px}.ws-field>span{font:500 10px/15px Poppins,sans-serif;color:#838992;letter-spacing:.3px}.ws-field input,.ws-field select,.ws-field textarea{width:100%;height:40px;min-height:40px;border:1px solid #e5e5e9;background:white;border-radius:10px;padding:0 12px;font:400 13px/17.6px Poppins,sans-serif;color:var(--ref-text);box-shadow:0 1px 3px #00000003;min-width:0}.ws-field input::placeholder,.ws-contact-search input::placeholder,.editor-items input::placeholder{color:#a5aab2}.ws-field input[readonly]{color:#969ca6;background:#fafbfd;font-size:11px}.ws-field input:focus,.ws-field select:focus,.ws-field textarea:focus,.editor-items input:focus,.editor-items select:focus{outline:2px solid #b9e0f7;outline-offset:0;border-color:#82bedf}.ws-field textarea{height:auto;padding:10px 12px;line-height:1.7;resize:vertical}.ws-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.recipient-fields .ws-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.recipient-fields .ws-field input{padding:0 12px}.recipient-fields .ws-field:has(input[name=recipient_uid])>span,.recipient-fields .ws-field:has(input[name=recipient_email])>span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ws-contact-search{display:flex;align-items:center;gap:8px;border:1px solid #e5e5e9;height:40px;border-radius:10px;padding:0 12px;margin-bottom:12px}.ws-contact-search svg{width:14px;height:14px;color:#b0b7c1;flex-shrink:0}.ws-contact-search input{min-width:0;width:100%;border:0;outline:0;font:400 13px Poppins,sans-serif;background:transparent;color:var(--ref-text)}.ws-contact-search:focus-within{outline:2px solid #b9e0f7}.ws-hint{font-size:10px;color:#8c929a}.editor-context-note{font-size:11px;color:#7e8792;line-height:1.7;padding:10px 0}.editor-context-note>span{color:#a0a6af;font-size:10px}.editor-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.editor-section-title h3,.editor-texts h3{font:500 13px/20px Poppins,sans-serif;margin:0}.price-mode{display:flex;gap:2px;border-radius:20px;background:#eceef1;padding:3px}.price-mode button{font:400 11px/15px Poppins,sans-serif;padding:4px 15px;border:0;border-radius:20px;background:transparent;color:#8c929a}.price-mode [aria-pressed=true]{background:#fff;color:#48535e;box-shadow:0 1px 3px #00000010}.editor-items-wrap{width:100%;overflow:auto}.editor-items{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.editor-items th{text-align:left;font-weight:400;font-size:12px;color:#8a929c;padding:4px 4px 10px;border-bottom:1px solid #f1f2f5;white-space:nowrap}.editor-items th:first-child{width:32%;padding-left:0}.editor-items th:nth-child(2){width:7%}.editor-items th:nth-child(3){width:11%}.editor-items th:nth-child(4){width:13%;text-align:right}.editor-items th:nth-child(5){width:8%}.editor-items th:nth-child(6){width:9%}.editor-items th:nth-child(7){width:15%;text-align:right}.editor-items th:last-child{width:28px}.editor-items td{padding:10px 4px;border-bottom:1px solid #f1f2f5;vertical-align:top}.editor-items td:first-child{padding-left:0}.editor-items input,.editor-items select{width:100%;min-width:0;border:1px solid transparent;border-radius:5px;background:transparent;font:400 12px/18px Poppins,sans-serif;padding:4px 2px;color:#4b525d;height:29px}.editor-items input:hover,.editor-items select:hover{border-color:#eceef2;background:#fcfdfe}.editor-items td:nth-child(4) input{text-align:right}.editor-items td:nth-child(2) input{text-align:center}.editor-items td:nth-child(5) select{padding:3px 0;font-size:11px}.editor-items .line-sum{text-align:right;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;padding-top:14px;color:#5f6c7a}.editor-items .compact-icon{min-width:23px;width:23px;padding:3px;height:29px;min-height:29px;color:#b3bac4}.editor-items .compact-icon:hover{color:#aa5c53}.editor-items-actions{display:flex;align-items:center;gap:12px;padding:14px 0}.editor-items-actions small{font-size:10px;color:#9ca3ad}.editor-totals{max-width:325px;margin:8px 0 32px auto;font-size:12px;line-height:1.7}.editor-totals>div{display:flex;justify-content:space-between;gap:20px;padding:5px 0;color:#7b838e}.editor-totals strong{font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.editor-totals .total{margin-top:4px;border-top:1px solid #e9ecf1;padding-top:12px;color:#304356;font-size:18px}.editor-texts{margin:30px 0 0;padding-top:23px;border-top:1px solid #f0f1f4}.editor-texts h3{margin-bottom:18px}.editor-error{font-size:12px;color:#ac5548;line-height:1.7}.editor-error:empty{display:none}.editor-preview-column{background:#eceef3;min-width:0;min-height:0;display:flex;flex-direction:column}.editor-preview-toolbar{height:55px;min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;color:#657184;font-size:12px}.editor-preview-toolbar>div{display:flex;align-items:center;gap:4px;background:white;border:1px solid #e0e3e9;border-radius:9px;padding:0 3px}.editor-preview-toolbar #zoom-value{min-width:35px;text-align:center;font-size:11px;color:#9399a3}.editor-preview-scroll{overflow:auto;min-height:0;flex:1;padding:30px 24px;scrollbar-width:thin;scrollbar-color:#c9d0de transparent}.editor-paper-frame{position:relative;margin:0 auto}.editor-paper{position:absolute;left:0;top:0;transform-origin:top left;width:794px;min-height:1123px;padding:44px 48px 28px;background:white;border:1px solid #dadce2;box-shadow:0 10px 20px #323a4f1f;color:#45484d;font:400 11px/1.65 Poppins,sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.doc-paper-body{flex:1}.doc-paper-heading{display:flex;align-items:center;justify-content:space-between}.doc-paper-heading h1{font:400 28px/1.4 Poppins,sans-serif;margin:0 0 6px;letter-spacing:-.4px}.doc-paper-heading>span{font-size:9px;color:#9fa5ae;letter-spacing:1px}.doc-sender{font-size:9px;color:#8a8d94;margin-bottom:25px}.doc-facts{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.8;margin-bottom:25px}.doc-facts b{font-weight:400;color:#72767e}.doc-recipient{min-height:100px;margin-bottom:24px;line-height:1.65;font-size:12px;overflow-wrap:anywhere}.doc-recipient>span{display:block;font-size:9px;color:#9399a1;margin-bottom:8px}.doc-recipient>strong{display:block;font-weight:500}.doc-recipient small{font-size:10px}.doc-subject{font:500 13px/1.6 Poppins,sans-serif;margin:15px 0 10px;overflow-wrap:anywhere}.doc-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:10px 0;font-size:11px}.doc-lines{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:20px;font-size:11px;line-height:1.6}.doc-lines th{font-size:10px;font-weight:400;padding:10px 8px;background:#f5f5f6;text-align:right;color:#7e8289}.doc-lines th:first-child{text-align:left;width:47%}.doc-lines th:nth-child(2){width:17%}.doc-lines td{padding:12px 8px;border-bottom:1px solid #eeeef1;text-align:right;vertical-align:top;overflow-wrap:anywhere}.doc-lines td:first-child{text-align:left}.doc-lines small{display:block;color:#a1a6ae;font-size:9px}.doc-totals{width:300px;margin:15px 0 30px auto;font-size:11px}.doc-totals>div{display:flex;justify-content:space-between;gap:15px;padding:5px 8px}.doc-totals strong{font-weight:400;white-space:nowrap}.doc-totals .doc-grand{border-top:1px solid #eeeff2;margin-top:7px;padding-top:10px;font-weight:600}.doc-totals .doc-grand strong{font-weight:600}.doc-footer-text{margin-top:32px}.doc-company-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:9px;color:#8c9199;padding-top:45px;line-height:1.6;overflow-wrap:anywhere}.doc-draft-footer{text-align:center;font-size:8px;color:#a5abb4;margin-top:18px}.editor-discard{position:absolute;bottom:20px;left:24px;right:24px;background:white;border:1px solid #dee5ef;border-radius:12px;box-shadow:0 8px 35px #0002;padding:16px 20px;display:flex;gap:12px;align-items:center;z-index:10;font-size:12px}.editor-discard>span{margin-right:auto}.invoice-check{border:1px solid #e0e5ec;border-radius:12px;width:min(470px,calc(100% - 28px));padding:24px;color:#4c5664;font:400 13px/1.7 Poppins,sans-serif}.invoice-check::backdrop{background:#20304144}.check-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.check-head h2{font:500 18px/1.4 Poppins,sans-serif;margin:0}.invoice-check ul{padding:13px 18px 13px 30px;background:#faf7ef;color:#8d7956;border-radius:8px;font-size:12px}.check-note{font-size:11px;color:#8a929e}.check-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}.mobile-preview-toggle{display:none}
@media(min-width:701px) and (max-width:1250px){.document-toolbar{padding:12px 20px;gap:8px;flex-wrap:wrap}.document-heading{padding:20px}.invoice-search{width:180px}.toolbar-actions{gap:5px}.editor-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.editor-details{gap:14px}.editor-scroll{padding:18px}.editor-section-nav{padding:0 18px;gap:0}.editor-section-nav button{padding:8px;font-size:10px}.editor-items th{font-size:10px}.editor-items th:first-child{width:28%}.editor-items th:nth-child(3){width:10%}.editor-items th:nth-child(4){width:14%}.editor-items th:nth-child(6){width:10%}.editor-items th:nth-child(7){width:15%}.editor-items input{font-size:11px}.ws-two{gap:8px}.editor-commandbar{padding:0 18px}.editor-breadcrumb{font-size:11px}}
@media(max-width:700px){.app-main{margin:0;border-radius:0;min-height:100dvh}.app-header{height:auto;min-height:65px}.app-layout:has(.invoice-index)>.app-main>.app-header{display:flex}.page-content{padding:20px 16px 100px!important}.page-content:has(.invoice-index){padding:0 0 100px!important}.mobile-bottom-nav .selected{background:#edf5fb;color:#127baa}.mobile-bottom-nav .mobile-upload .icon{background:#087caf}.mobile-menu-trigger{background:#f4f5f7;color:#667485;border-color:#e7e9ee}.document-heading{padding:18px 16px;height:auto;display:block}.document-heading h1{font-size:20px;margin-bottom:14px}.document-heading nav{width:max-content;max-width:100%;overflow:auto}.document-heading nav button{font-size:11px;padding:6px 12px;min-height:32px}.document-toolbar{padding:12px 16px;gap:8px;flex-wrap:wrap}.invoice-search{width:100%;height:38px;flex-basis:100%}.invoice-search input{font-size:16px}.compact-filter select{max-width:150px;font-size:12px}.toolbar-actions{flex:1 1 100%;margin:4px 0 0;gap:7px}.toolbar-actions .compact-button{font-size:11px;min-height:36px}.toolbar-actions .blue{margin-left:auto}.toolbar-actions>[data-page=upload]{display:none}.invoice-grid{min-width:0;table-layout:fixed;font-size:12px}.invoice-grid th:first-child{width:26px;padding:8px}.invoice-grid th:nth-child(2){width:44%;padding-left:2px}.invoice-grid th:nth-child(3),.invoice-grid th:nth-child(4),.invoice-grid th:nth-child(5),.invoice-grid th:nth-child(6),.invoice-grid th:last-child{display:none}.invoice-grid th:nth-child(7){width:auto;padding-right:16px}.invoice-grid td{height:56px}.invoice-grid td:first-child{padding:6px 8px}.invoice-grid td:nth-child(2){padding-left:2px}.invoice-grid tbody td:nth-child(3),.invoice-grid tbody td:nth-child(4),.invoice-grid tbody td:nth-child(5),.invoice-grid tbody td:nth-child(6),.invoice-grid tbody td:last-child{display:none}.invoice-grid tbody td:nth-child(7){padding-right:16px;font-size:12px}.invoice-row-open{font-size:12px;line-height:1.6}.invoice-grid tfoot td{font-size:10px;white-space:normal}.invoice-grid tfoot td:nth-child(2){width:auto}.invoice-grid tfoot td:nth-child(3){display:table-cell;text-align:right;white-space:nowrap;padding-right:16px}.document-footnote{font-size:10px;margin:14px 16px}.invoice-workspace{padding:0;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh)}.invoice-workspace[open]{display:block}.editor-rail{display:none}.editor-surface{height:100%;border-radius:0}.editor-commandbar{min-height:62px;height:auto;padding:10px 12px;gap:6px;flex-wrap:wrap}.editor-breadcrumb{flex-basis:calc(100% - 36px);font-size:11px;order:0}.editor-breadcrumb>span{display:none}.editor-breadcrumb>b{display:none}.editor-commandbar>[data-close]{order:1}.editor-save-status{order:2;text-align:left;min-width:0;flex:1;margin:0}.editor-save-status strong{font-size:12px}.editor-save-status small{font-size:9px}.editor-commandbar>[data-save],.editor-commandbar>[data-review]{order:3;font-size:10px;padding:7px 9px;min-height:34px}.editor-columns{display:block;min-height:0;flex:1}.editor-form-column{height:100%}.editor-section-nav{padding:0 12px;gap:0;height:44px;min-height:44px}.editor-section-nav button{font-size:10px;padding:8px;min-height:38px}.editor-section-nav .mobile-preview-toggle{display:block;color:var(--ref-blue);margin-left:auto}.editor-section-nav [data-section=closing]{display:none}.editor-scroll{padding:18px 16px 25px}.editor-details{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.editor-details h3{font-size:11px;margin-bottom:11px}.ws-field input,.ws-field select,.ws-field textarea,.ws-contact-search input{font-size:16px!important}.ws-field{margin-bottom:10px}.ws-field>span{font-size:10px}.ws-field input,.ws-field select,.ws-contact-search{height:42px;min-height:42px}.editor-context-note{display:none}.editor-items th{font-size:10px}.editor-items th:nth-child(3),.editor-items th:nth-child(5),.editor-items th:nth-child(6){display:none}.editor-items th:first-child{width:37%}.editor-items th:nth-child(2){width:15%}.editor-items th:nth-child(4){width:22%}.editor-items th:nth-child(7){width:20%}.editor-items th:last-child{width:22px}.editor-items tbody tr{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;border-bottom:1px solid #e9edf2;padding:10px 0;gap:5px 12px}.editor-items thead{display:none}.editor-items tbody{display:block}.editor-items td{display:block;border:0;padding:0;min-width:0}.editor-items td:before{content:attr(data-label);font-size:9px;color:#969faa;display:block;margin:4px 0}.editor-items td:first-child{grid-column:1/4;padding-right:32px}.editor-items td:nth-child(7){grid-column:1/4;text-align:right;padding:3px 0;font-size:13px}.editor-items td:last-child{position:absolute;right:0;top:20px}.editor-items input,.editor-items select{font-size:16px!important;border:1px solid #eef0f4;min-height:36px;height:36px;padding:5px 7px;background:white}.editor-items td:nth-child(2) input{text-align:left}.editor-items td:nth-child(4) input{text-align:left}.editor-items .compact-icon{min-width:26px;height:30px;min-height:30px}.editor-items-actions{align-items:start;gap:10px}.editor-items-actions small{font-size:9px;line-height:1.6;max-width:120px}.editor-totals{max-width:none;margin:10px 0 22px;font-size:12px}.editor-totals .total{font-size:17px}.editor-texts{padding-top:18px;margin-top:20px}.editor-preview-column{display:none;height:100%}.show-preview .editor-form-column{display:none}.show-preview .editor-preview-column{display:flex}.editor-preview-toolbar{padding:0 12px;font-size:11px;min-height:45px;height:45px}.editor-preview-toolbar .mobile-preview-toggle{display:flex}.editor-preview-scroll{padding:18px 14px}.editor-discard{left:12px;right:12px;bottom:12px;padding:15px;flex-wrap:wrap;font-size:12px}.editor-discard>span{flex-basis:100%}.editor-discard .compact-button{flex:1;font-size:11px}.field label{font-size:11px!important}.field input,.field select{font-size:16px!important}.data-table td{height:auto}.data-table td strong{font-size:14px}.data-table td:before{font-size:10px}.data-table th{font-size:12px}.mobile-brand .brand-mark{background:#187dad}.mobile-brand .brand{color:#454c58;letter-spacing:0.5px}.invoice-check{max-height:calc(var(--app-height,100dvh) - 30px);overflow:auto}}
.invoice-mobile-meta{display:none}
@media(min-width:701px){.recipient-fields .ws-field{margin-bottom:8px}.recipient-fields .ws-field:has(input[name=recipient_uid])>span,.recipient-fields .ws-field:has(input[name=recipient_email])>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.editor-details{margin-bottom:20px}.editor-scroll{padding-top:20px}}
@media(max-width:700px){.invoice-grid,.invoice-grid thead,.invoice-grid tbody,.invoice-grid tfoot{display:block;width:100%}.invoice-grid tr{display:grid;grid-template-columns:26px minmax(0,1fr) 104px;width:100%}.invoice-grid th,.invoice-grid td{width:auto!important;min-width:0}.invoice-grid td{height:auto;min-height:56px}.invoice-grid th:nth-child(7),.invoice-grid tbody td:nth-child(7){text-align:right}.invoice-grid tfoot tr{display:flex;align-items:center}.invoice-grid tfoot td{min-height:37px;display:flex;align-items:center}.invoice-grid tfoot td:first-child{width:26px!important;flex-shrink:0}.invoice-grid tfoot td:nth-child(2){flex:1}.invoice-grid tfoot td:nth-child(3){display:flex}.invoice-grid tfoot td:last-child{display:none}.invoice-mobile-meta{display:block;color:#89919d;font-size:10px;line-height:1.5;margin-top:3px}.invoice-grid tbody td:nth-child(7){display:flex;align-items:center;justify-content:flex-end}}
@media(min-width:701px){.invoice-grid,.invoice-row-open{font-size:14px;line-height:21px}}

.app-nav.active{font-weight:700}.mobile-bottom-nav .selected{font-weight:700}
/* Invoice sections are persistent tab panels; switching retains entered values. */
.editor-scroll>[role=tabpanel][hidden]{display:none!important}
.editor-section-nav [role=tab]{padding:8px 12px;border:1px solid transparent;border-radius:8px}
.editor-section-nav [role=tab][aria-selected=true]{background:#eaf5fb;border-color:#d8eaf6;color:#086b9f;font-weight:600}
.editor-scroll>.editor-texts[role=tabpanel]{margin-top:0;padding-top:0;border-top:0}
@media(max-width:700px){.editor-section-nav{height:auto;min-height:88px;flex-wrap:wrap;overflow:visible;padding:7px 12px;gap:3px}.editor-section-nav [data-section=closing]{display:inline-flex}.editor-section-nav [role=tab]{padding:7px 9px;min-height:34px}.editor-section-nav .mobile-preview-toggle{min-height:34px;margin-left:auto}}
.editor-items th:first-child{width:36%}.editor-items th:nth-child(2){width:8%}.editor-items th:nth-child(3){width:11%}.editor-items th:nth-child(4){width:16%}.editor-items th:nth-child(5){width:10%}.editor-items th:nth-child(6){width:15%;text-align:right}.editor-items th:last-child{width:28px}
.editor-items .active-position{background:#f6faff}.editor-items .position-detail[hidden]{display:none!important}.editor-items .position-detail>td{padding:12px 14px 16px;background:#f6faff;border-bottom:1px solid #e3edf4}.position-description{display:grid;gap:6px;font-size:11px;color:#687786}.position-description textarea{display:block;width:100%;resize:vertical;min-height:85px;padding:10px 12px;font:400 12px/1.7 Poppins,sans-serif;color:#39424c;border:1px solid #dce7ef;border-radius:8px;background:white}.catalog-choice{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:11px;color:#456070}.editor-items .catalog-choice input{appearance:auto;width:15px;height:15px;min-height:15px;flex-shrink:0;accent-color:#007bbb}.catalog-choice[hidden],.catalog-help[hidden]{display:none}.catalog-help{display:block;font-size:10px;color:#8a949e;margin-top:5px}.invoice-discount{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 0 auto;width:300px;max-width:100%;font-size:12px}.invoice-discount>span{display:flex;align-items:center;gap:8px}.invoice-discount input{width:75px;height:34px;padding:5px 8px;border:1px solid #dce3eb;border-radius:7px;font:inherit;text-align:right}.doc-position-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#7d8590;line-height:1.6;margin-top:5px}
@media(max-width:700px){.editor-items .position-detail{display:block;padding:0;border:0}.editor-items .position-detail>td{display:block;padding:12px}.editor-items .position-detail>td:before{display:none}.editor-items .position-row td:nth-child(6){grid-column:1/4;text-align:right}.editor-items .position-row td:last-child{grid-column:auto;padding:0}.position-description textarea{font-size:16px}.catalog-choice{font-size:12px}.editor-items .catalog-choice input{min-height:16px;height:16px;width:16px}.invoice-discount{width:100%}.invoice-discount input{font-size:16px}}
.record-dialog .field textarea{width:100%;min-height:95px;border:1px solid #e5e5e9;border-radius:8px;padding:10px 12px;font:400 13px/1.7 Poppins,sans-serif;resize:vertical}
/* Roomy, input-width product suggestions instead of the native datalist bubble. */
.editor-items-wrap{overflow:visible}.product-picker-cell{position:relative}.product-picker{position:absolute;top:calc(100% - 5px);left:0;right:0;z-index:20;min-width:250px;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #dce5ed;border-radius:9px;padding:5px;box-shadow:0 8px 24px #273d5520}.product-picker[hidden]{display:none}.product-picker [role=option]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:11px 12px;border:0;background:white;border-radius:6px;color:#344653;text-align:left;white-space:normal;overflow-wrap:anywhere;font:400 12px/1.5 Poppins,sans-serif}.product-picker [role=option] strong{font-weight:500;font-size:13px}.product-picker [role=option] span{font-size:11px;color:#84919c}.product-picker [role=option]:hover,.product-picker [aria-selected=true]{background:#eef6fc}.product-picker-empty{padding:12px;font-size:11px;color:#84919c}.position-description textarea{min-height:62px;height:62px;padding:9px 12px;line-height:21px}.position-description{gap:0}.editor-items .position-detail>td{padding-top:10px;padding-bottom:12px}
@media(max-width:700px){.product-picker{min-width:0;right:32px}.product-picker [role=option]{min-height:60px}.position-description textarea{height:66px;min-height:66px;font-size:16px;line-height:22px}}
/* Invoice letterhead: sender left, invoice metadata right, recipient beneath logo. */
.editor-paper{padding:38px 32px 28px;color:#193549;font-size:12px;line-height:1.5}.doc-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:start;margin-bottom:60px}.doc-identity{min-width:0}.doc-logo{display:block;max-width:250px;width:auto;max-height:80px;height:auto;object-fit:contain;object-position:left center;margin-bottom:9px}.doc-logo-placeholder{display:flex;align-items:center;justify-content:center;width:145px;height:65px;border:1px dashed #d9e2e8;border-radius:4px;color:#a9b7c0;font-size:15px;letter-spacing:3px;margin-bottom:9px}.doc-company-name{display:block;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.doc-sender{font-size:9px;color:#516576;margin:3px 0 0;line-height:1.5}.doc-recipient{margin:32px 0 0;min-height:75px;font-size:12px;line-height:1.45}.doc-recipient strong{font-weight:500}.doc-recipient small{display:block;margin-top:5px;color:#41576b;font-size:10px}.doc-meta{padding-top:12px;min-width:0}.doc-number{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:14px;margin-bottom:10px}.doc-number strong{font-size:19px;font-weight:700;overflow-wrap:anywhere;text-align:right}.doc-number span{white-space:nowrap}.doc-meta dl{margin:0;font-size:10px;line-height:1.65}.doc-meta dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:2px 0}.doc-meta dt,.doc-meta dd{margin:0;overflow-wrap:anywhere}.doc-meta dd{text-align:right}.doc-meta dl>.doc-meta-gap{height:13px;padding:0}.doc-subject{font-size:17px;font-weight:600;line-height:1.5;color:#2984b9;margin:0 0 11px}.doc-copy{font-size:12px;line-height:1.65;margin:8px 0 14px}.doc-lines{font-size:12px;margin-top:18px;line-height:1.55}.doc-lines th{background:#2c82b3;color:white;font-size:11px;font-weight:600;padding:5px 7px}.doc-lines th:first-child{width:53%}.doc-lines th:nth-child(2){width:13%}.doc-lines th:nth-child(3),.doc-lines th:nth-child(4){width:17%}.doc-lines td{padding:8px 7px 12px;border-bottom:1px solid #93bdd7;color:#193549}.doc-lines td:first-child strong{font-weight:600}.doc-position-details{font-size:12px;color:#29485d;line-height:1.65;margin-top:5px}.doc-totals{width:100%;margin:0 0 25px;font-size:12px}.doc-totals>div{padding:5px 7px;line-height:1.5}.doc-totals .doc-net{color:#2984b9}.doc-totals .doc-grand{border-top:0;margin-top:0;padding-top:5px;color:#2984b9;font-weight:600}.doc-footer-text{margin-top:25px}.doc-company-footer{border-top:1px solid #dbe5ed;padding-top:14px;color:#62788a;font-size:9px}.invoice-logo-control{margin:10px 0 14px;font-size:10px;color:#838992}.invoice-logo-control input{display:block;margin-top:5px;font:400 11px Poppins,sans-serif;width:100%}
/* Keep the description focus state subtle without a thick outer ring. */
.editor-items input[name="description"]:focus,.editor-items input[name="description"]:focus-visible,.position-description textarea:focus,.position-description textarea:focus-visible{outline:none;box-shadow:none;border:1px solid #a9c7da}
/* Search suggestions: three compact results at most. */
.product-picker{max-height:158px;padding:3px;border-radius:7px}.product-picker [role=option]{padding:7px 10px;gap:1px;min-height:44px}.product-picker [role=option] strong{font-size:12px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-picker [role=option] span{font-size:10px;line-height:1.4}.product-picker-empty{padding:8px 10px;font-size:10px}
.company-logo-settings{border-top:1px solid #e8ecf0;margin-top:22px;padding-top:18px}.company-logo-settings h3{font-size:13px;font-weight:500}.company-logo-preview{display:flex;align-items:center;min-height:90px;padding:12px;margin:10px 0;border:1px solid #e4e9ee;border-radius:9px;background:#fafbfd;color:#929ca7;font-size:12px}.company-logo-preview img{max-width:230px;max-height:80px;object-fit:contain}.company-logo-settings small{display:block;margin-top:9px;font-size:10px;color:#8b949d}.company-logo-settings .text-button{margin-left:12px;font-size:11px}
.category-table{width:100%;table-layout:fixed}.category-table th:first-child{width:auto}.category-table th:nth-child(2){width:120px}.category-table th:nth-child(3){width:145px}.category-table th:last-child{width:205px}.category-table .category-usage{color:#78838e;font-variant-numeric:tabular-nums;white-space:nowrap}.category-table .record-actions{text-align:right;white-space:nowrap}.category-table .record-actions button+button{margin-left:6px}
@media(max-width:700px){.category-table .record-actions{display:flex;justify-content:flex-end;gap:6px}.category-table .record-actions button+button{margin-left:0}}
.ws-contact-search{position:relative}.ws-contact-search:focus-within{outline:none;border-color:#a9c7da}.contact-picker{top:calc(100% + 5px);left:-1px;right:-1px;min-width:0;max-height:158px}.contact-picker [role=option] span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.contact-picker{right:-1px}}
.recipient-create{display:flex;margin-top:12px}.recipient-create[hidden]{display:none}.recipient-save-message{margin:7px 0 0;font-size:11px;color:#537385;line-height:1.5}.recipient-save-message:empty{display:none}
.dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dashboard-heading .tax-banner{margin:0 0 0 auto;flex:0 1 auto;max-width:540px;align-items:center;padding:9px 12px;gap:9px;font-size:11px;line-height:1.5}.dashboard-heading .tax-banner button{margin-left:12px;white-space:nowrap;font-size:11px}.dashboard-heading>div:first-child{flex-shrink:0}@media(max-width:850px){.dashboard-heading{flex-wrap:wrap}.dashboard-heading .tax-banner{margin:0;max-width:100%;flex:1 1 100%}.dashboard-heading>div:first-child{flex-shrink:1}}

/* Issued documents retain their saved PDF; compact tools beside the document. */
.issued-dialog{border:0;border-radius:10px;padding:0;width:min(1200px,96vw);max-width:96vw;height:92vh;max-height:92vh;color:#263d51;box-shadow:0 12px 60px #10233540}
.issued-dialog::backdrop{background:#10233566}.issued-dialog>header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e5e9ef}.issued-dialog>header>div{margin-right:auto}.issued-dialog h2{margin:2px 0;font-size:20px}.issued-dialog small{color:#8592a2}.issued-message{margin:0;padding:0 20px;color:#a34632}.issued-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;height:calc(100% - 86px)}.issued-body iframe{border:0;width:100%;height:100%;background:#edf0f4}.issued-body aside{padding:18px;overflow:auto;font-size:12px}.issued-body h3{font-size:13px}.issued-body aside>p{color:#8290a0;line-height:1.7}.mail-history{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid #e7ebf0;overflow-wrap:anywhere}.ai-extraction{margin:16px 0}.ai-extraction>div{display:grid;grid-template-columns:135px 1fr;padding:7px 0;border-bottom:1px solid #e9edf2;gap:10px}.ai-extraction dt{color:#8390a0}.ai-extraction dd{margin:0;overflow-wrap:anywhere}.ai-warnings{padding:12px 12px 12px 28px;background:#fff8e8;color:#90661d;border-radius:7px}.ai-review-dialog{max-height:90vh;overflow:auto}
@media(max-width:700px){.issued-dialog>header{flex-wrap:wrap;padding:12px;gap:8px}.issued-dialog>header>div{flex-basis:100%}.issued-body{grid-template-columns:1fr;height:calc(100% - 130px)}.issued-body aside{display:none}.issued-dialog .compact-button{font-size:12px}.ai-extraction>div{grid-template-columns:105px 1fr}}

.issued-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.issued-dialog>header{flex-shrink:0}.issued-body{flex:1;min-height:0;height:auto}.issued-message:empty{display:none}.issued-message:not(:empty){padding:8px 20px}
@media(max-width:700px){.issued-body{height:auto;grid-template-rows:minmax(180px,1fr) auto}.issued-body aside{display:block;max-height:135px;padding:8px 14px}.issued-body aside h3{margin:0 0 5px}.issued-body aside>p{margin:4px 0}.mail-history{padding:7px 0}}

/* Fiko: brand-dot green across interactive UI states. */
:root{--brand:#56927a;--brand-hover:#3f715d;--brand-pressed:#315a49;--brand-ink:#092016;--brand-text:#35634f;--brand-soft:#edf5f0;--brand-soft-hover:#e0eee6;--brand-border:#b7d2c2;--green:var(--brand);--pale:var(--brand-soft);--ref-blue:var(--brand-text);--ref-soft:var(--brand-soft)}
.primary,.compact-button.blue,.send-message{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:none}
.primary:hover:not(:disabled),.compact-button.blue:hover:not(:disabled),.send-message:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);color:#fff;box-shadow:none}
.primary:active:not(:disabled),.compact-button.blue:active:not(:disabled),.send-message:active:not(:disabled){background:var(--brand-pressed);border-color:var(--brand-pressed);color:#fff}
.secondary,.compact-button:not(.blue),.compact-icon,.date-filter button{background:var(--brand-soft);color:var(--brand-text);border-color:transparent}
.secondary:hover:not(:disabled),.compact-button:not(.blue):hover:not(:disabled),.compact-icon:hover:not(:disabled),.icon-button:hover:not(:disabled),.date-filter button:hover:not(:disabled){background:var(--brand-soft-hover);color:var(--brand-text)}
.secondary:active:not(:disabled),.compact-button:not(.blue):active:not(:disabled),.compact-icon:active:not(:disabled){background:var(--brand-border)}
button:disabled{cursor:default}.primary:disabled,.compact-button:disabled,.secondary:disabled,.send-message:disabled{background:#eff2f0;border-color:#e2e7e3;color:#858f89;box-shadow:none}
button:focus-visible,a:focus-visible,.choice:has(input:focus-visible),.toggle-row:has(input:focus-visible),.file-picker:focus-within,.camera-picker:focus-within{outline:2px solid var(--brand);outline-offset:3px}
.field input:focus,.field select:focus,.ws-field input:focus,.ws-field select:focus,.ws-field textarea:focus,.editor-items input:focus,.editor-items select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px #56927a18}
.editor-items input[name="description"]:focus,.editor-items input[name="description"]:focus-visible,.position-description textarea:focus,.position-description textarea:focus-visible{outline:none;box-shadow:none;border:1px solid var(--brand)}
.ws-contact-search:focus-within{outline:none;border-color:var(--brand);box-shadow:none}.chat-composer:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px #56927a18}
input[type=checkbox],input[type=radio],.invoice-grid input[type=checkbox]{accent-color:var(--brand-hover)}
.app-nav:hover,.more-links button:hover,.chat-shortcuts button:hover{background:var(--brand-soft);color:var(--brand-text)}
.app-nav.active,.mobile-bottom-nav .selected,.document-heading nav .selected,.editor-section-nav [role=tab][aria-selected=true],.assistant-tabs [aria-selected=true]{background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand-border)}
.editor-section-nav button:hover,.text-button:hover,.invoice-row-open:hover,.settings-tabs button.selected{color:var(--brand-text)}
.settings-tabs button.selected{border-color:var(--brand)}
.product-picker [role=option]:hover,.product-picker [aria-selected=true],.row-actions>button:hover{background:var(--brand-soft);color:var(--brand-text)}
.choice.selected{background:var(--brand-soft);border-color:var(--brand-border)}.choice.selected .choice-icon{background:var(--brand-soft-hover);color:var(--brand-text)}
.step.active .step-number{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.mobile-bottom-nav .mobile-upload .icon{background:var(--brand);color:var(--brand-ink);border-color:var(--brand-soft);box-shadow:0 4px 8px #315a4914}.mobile-bottom-nav .mobile-upload{color:var(--brand-text)}
.mobile-brand .brand-mark{background:var(--dark)}
.category-delete:hover:not(:disabled),.editor-items .compact-icon:hover:not(:disabled){color:#a34632;background:#fbefed}
.scan-dialog{width:min(760px,calc(100vw - 24px));max-height:94dvh;overflow:auto;border:1px solid #dfe7e2;border-radius:14px;padding:20px;color:#23392f;background:white}.scan-dialog::backdrop{background:#10261e99}.scan-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.scan-heading h2{font-size:20px;margin:0 0 6px}.scan-heading p,.scan-message{font-size:13px;color:#53685e}.scan-stage{background:#edf1ee;border-radius:8px;padding:12px;text-align:center;margin:12px 0}.scan-stage canvas{max-width:100%;max-height:48dvh;width:auto;height:auto;touch-action:none;display:block;margin:auto}.scan-tools,.scan-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scan-tools label{font-size:13px;display:flex;gap:6px;align-items:center}.scan-actions{justify-content:flex-end;border-top:1px solid #e3eae5;padding-top:12px}.scan-corners{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.scan-corners label{font-size:11px;display:flex;flex-wrap:wrap;gap:4px}.scan-corners input{width:100%;padding:5px;border:1px solid #dfe7e2;border-radius:5px;font:inherit}.scan-message{min-height:36px}@media(max-width:600px){.scan-dialog{padding:14px}.scan-tools button,.scan-actions button{font-size:12px;padding:8px 10px}.scan-corners{gap:6px}.scan-stage{padding:8px}}

@media(max-width:600px){.scan-stage canvas{max-height:34dvh}.scan-dialog summary{font-size:12px;padding:8px 0}.scan-actions{position:sticky;bottom:-14px;background:#fff;padding-bottom:10px}.scan-message{font-size:12px}}

.scan-stage.scan-preview{max-height:40dvh;overflow:auto}.scan-stage.scan-preview canvas{max-width:none;max-height:none;width:100%;height:auto;touch-action:auto}

/* Collections, accounting, and phone-first document actions. */
.status-filter{font:inherit;font-size:12px;border:1px solid #e0e6e2;background:white;padding:8px;border-radius:6px;color:#52665b;max-width:150px}.status-paid,.status-converted{color:#357558;background:#e9f4ed}.status-overdue{color:#a34a36;background:#fff0e9}.status-cancelled,.status-credit{color:#7c6376;background:#f3edf2}.status-partial{color:#8e722f;background:#fff8e5}.business-dialog .ws-field{margin:12px 0}.business-dialog p{font-size:13px;line-height:1.7}.business-dialog{max-width:min(480px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.payment-summary dd{text-align:right;margin:0}.issued-body aside [data-business]>.compact-button{width:100%;margin:5px 0}.danger-text{color:#a34a36}.issued-body aside{background:#fafcfb}.report-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.report-toolbar label{font-size:12px;display:flex;gap:8px;align-items:center}.report-toolbar select{font:inherit;padding:8px;border:1px solid #dee5df;border-radius:6px;background:white}.report-toolbar button{margin-left:auto}.report-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-card{border:1px solid #e5eae6;background:white;border-radius:9px;padding:18px;min-width:0}.report-card span,.report-card small{display:block;font-size:12px;color:#7b8b80}.report-card strong{display:block;font-size:22px;font-weight:600;margin:9px 0;color:#284d3b;overflow-wrap:anywhere}.report-card small{font-size:10px}.report-panels{display:grid;gap:18px;margin-top:22px}.report-panels section{border:1px solid #e5eae6;border-radius:9px;padding:18px;background:#fff;min-width:0}.report-panels h2{font-size:15px;margin:0 0 15px}.report-footnote{font-size:11px;color:#829087;line-height:1.6;margin-bottom:0}.report-open{display:flex;gap:16px;align-items:center;padding:20px 0;flex-wrap:wrap;font-size:13px}.report-open strong{font-size:18px}.report-open button{margin-left:auto}
@media(max-width:900px){.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.issued-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.issued-dialog>header{padding:12px;gap:8px}.issued-dialog>header>div{flex:1;min-width:0}.issued-dialog>header h2{font-size:17px;overflow-wrap:anywhere}.issued-body{display:flex;flex-direction:column;overflow:auto}.issued-body iframe{flex:0 0 48dvh;min-height:250px}.issued-body aside{display:block;overflow:visible;padding:16px;flex:1}.issued-body aside [data-business]{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.issued-body aside [data-business]>.draft-status,.issued-body aside [data-business]>.payment-summary,.issued-body aside [data-business]>h3,.issued-body aside [data-business]>.mail-history{grid-column:1/-1}.issued-body aside [data-business]>.compact-button{margin:0;min-height:40px}.report-card{padding:13px}.report-card strong{font-size:19px}.report-cards{gap:10px}.report-panels section{padding:12px}.report-toolbar{gap:10px}.report-toolbar button{margin-left:0}.report-open button{margin-left:0}.document-toolbar .status-filter{max-width:none;flex:1;min-height:38px}.business-dialog .dialog-actions{position:sticky;bottom:-20px;background:white;padding:12px 0}.report-panels .data-table td:before{display:none}.report-panels .data-table tr{display:table-row}.report-panels .data-table td{display:table-cell;white-space:nowrap}.report-panels .data-table thead{display:table-header-group}.report-panels .data-table{min-width:450px}}

.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.dashboard-panels{margin-top:24px}.dashboard-list button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;border:0;border-bottom:1px solid #edf0ed;background:transparent;padding:14px 0;text-align:left;color:inherit;cursor:pointer}.dashboard-list button:hover{color:#39725a}.dashboard-list span{min-width:0}.dashboard-list strong,.dashboard-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-list small{color:#87908d;margin-top:3px}.dashboard-list b{white-space:nowrap;font-weight:500}@media(max-width:600px){.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-actions button{padding:10px 8px}}

.metrics .metric{padding:20px;min-height:135px}.metrics .metric strong{font-size:28px;margin:14px 0}.dashboard-panels{grid-template-columns:1.4fr 1fr}@media(max-width:900px){.dashboard-panels{grid-template-columns:1fr}}

.issued-mobile-tabs{display:none}@media(max-width:700px){.document-heading nav{scrollbar-width:none}.document-heading nav::-webkit-scrollbar{display:none}.issued-dialog>header{display:grid;grid-template-columns:1fr 1fr 32px}.issued-dialog>header>div{grid-column:1/3;min-width:0}.issued-dialog>header h2{white-space:nowrap;font-size:18px}.issued-dialog>header [data-close]{grid-column:3;grid-row:1}.issued-dialog>header [data-download]{grid-column:1;grid-row:2}.issued-dialog>header [data-compose]{grid-column:2/4;grid-row:2}.issued-mobile-tabs{display:flex;padding:0 12px 10px;gap:6px;border-bottom:1px solid #e5eae6}.issued-mobile-tabs button{flex:1;padding:9px;border:0;border-radius:6px;background:#f5f7f6;color:#758079;font:inherit;font-size:12px}.issued-mobile-tabs button.selected{background:#eaf3ef;color:#35634f;font-weight:600}.issued-body iframe{display:none}.issued-show-pdf .issued-body iframe{display:block;flex:1;min-height:60dvh}.issued-show-pdf .issued-body aside{display:none}.issued-body aside{padding:14px}.issued-body{min-height:0;flex:1}}
@media(max-width:700px){.report-panels .table-wrap{overflow-x:auto;border:0;margin-top:10px}.report-panels .data-table{display:table;table-layout:auto;width:100%;min-width:0!important}.report-panels .data-table tbody{display:table-row-group}.report-panels .data-table tr{display:table-row;padding:0;border:0;border-radius:0}.report-panels .data-table td,.report-panels .data-table th{display:table-cell;width:auto;padding:9px 5px;font-size:11px;line-height:1.5;text-align:right;white-space:nowrap;border-bottom:1px solid #edf0ed}.report-panels .data-table td:first-child,.report-panels .data-table th:first-child{text-align:left;white-space:normal}.report-panels .data-table td:empty{display:table-cell}.reports-page .document-heading{padding:10px 0;height:auto}.report-toolbar select{font-size:14px}}

@media(max-width:700px){.editor-section-nav{height:48px;min-height:48px;flex-wrap:nowrap;overflow-x:auto;padding:5px 10px;gap:2px}.editor-section-nav [role=tab]{padding:7px 8px;flex:0 0 auto}.editor-section-nav .mobile-preview-toggle{flex:0 0 auto;padding:7px 8px;min-height:34px;margin-left:auto}}