:root{font-family:Tahoma,Arial,sans-serif;color:#162241;background:#f3f4f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:25px;padding:22px 5%;background:#fff;border-bottom:1px solid #dadde6}.brand{font-size:24px;font-weight:bold;margin-left:auto}.brand small{display:block;font-size:13px;font-weight:normal;margin-top:5px;color:#5e667a}a{color:#112b6f;text-decoration:none}main{max-width:1240px;margin:auto;padding:32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.eyebrow{font-size:14px;color:#43537c}h1{font-size:32px;margin:10px 0}h2{font-size:22px}h3{font-size:18px}p{line-height:1.9}button{font:inherit;cursor:pointer;border:1px solid #c7ccda;background:white;color:#132963;border-radius:9px;padding:11px 18px}button:hover{background:#eceff6}button.primary{background:#112c71;color:white;border-color:#112c71}button:disabled{opacity:.5;cursor:wait}.notice{background:#e7eaf3;border-right:4px solid #4f618f;border-radius:8px;padding:18px;line-height:1.9;font-size:14px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}nav .active{background:#172e6a;color:white}.card{background:#fff;border:1px solid #dbdee7;border-radius:15px;padding:24px;margin:18px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metrics div{padding:24px;background:#fff;border:1px solid #dbdee7;border-radius:12px}.metrics strong{display:block;font-size:24px;margin-top:12px}label{display:block;font-size:14px}input,select,textarea{font:inherit;color:inherit;width:100%;padding:12px;border:1px solid #c4c9d7;border-radius:8px;background:#fff;margin:8px 0 16px}input[type=checkbox]{width:auto}textarea{min-height:90px}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}td,th{padding:14px;text-align:right;border-bottom:1px solid #e0e3e9}th{background:#eceff5;font-weight:normal;color:#485472}.scroll{overflow-x:auto}.muted,small{color:#6a7183}footer{font-size:13px;color:#6a7183;padding:25px 0;line-height:1.8}dialog{width:min(900px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:28px;color:inherit}dialog::backdrop{background:#16224166;backdrop-filter:blur(5px)}#status,#formError{color:#a43c39}.line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:9px;padding:14px;background:#f4f5f7;border-radius:10px;margin:12px 0}.empty{padding:32px;text-align:center;color:#5b647a}.pill{display:inline-block;background:#e5e9f3;border-radius:20px;padding:4px 12px;font-size:13px}@media(max-width:750px){header{flex-wrap:wrap;padding:18px}header a:last-child{font-size:13px}main{padding:18px}.intro{display:block}.grid,.metrics{grid-template-columns:1fr}.line{grid-template-columns:1fr 1fr}.line label:first-child{grid-column:1/-1}h1{font-size:26px}td,th{padding:10px}dialog{padding:20px}}
.form-section{border:1px solid #dbdee7;border-radius:12px;padding:20px;margin:16px 0 24px}.form-section legend{font-weight:bold;color:#112c71;padding:0 8px}.form-section .grid{align-items:start}
.project-days{display:flex;flex-wrap:wrap;gap:12px}.project-days label,.project-check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #cacfdd;border-radius:10px}.project-days input,.project-check input{width:auto;min-height:auto}.project-block,.project-item{padding:16px;margin:14px 0;border:1px solid #d6dae5;border-radius:12px}details{margin:18px 0;padding:12px;border:1px solid #d6dae5;border-radius:12px}summary{cursor:pointer;font-size:1.1rem;font-weight:bold;padding:10px}#editor{max-height:90vh;overflow:auto}fieldset{border:1px solid #d6dae5;border-radius:12px;margin:16px 0}
.manual-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;padding:16px;margin:12px 0;border:1px solid #d6dae6;border-radius:14px;background:#f7f8fa}.manual-row label{min-width:0}.manual-row input,.manual-row select{width:100%;min-width:0}#manual-totals{margin:16px 0}@media(max-width:700px){.manual-row{grid-template-columns:1fr 1fr}.manual-row>label:first-child{grid-column:1/-1}.manual-row button{grid-column:1/-1}}

#ocrRaw{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;background:#f4f5f7;padding:16px}#ocrError{color:#a43c39}.ocr-source{white-space:pre-wrap;overflow-wrap:anywhere;color:#5e6679}.ocr-item input[type=checkbox]{width:auto}#ocrStatus{min-height:2em}
/* Shared workspace visual system: keep form and module behavior intact. */
:root{--ink:#1e273d;--muted:#727682;--brand:#112c71;--line:#e0e3e9;--surface:#fff;--canvas:#f5f5f7;color:var(--ink);background:var(--canvas)}
[hidden]{display:none!important}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8896bb;outline-offset:3px}button:hover{border-color:#8792af}button.primary{box-shadow:0 4px 10px #112c7114}input,select,textarea{min-height:46px}input[type=checkbox]{min-height:auto;accent-color:var(--brand)}input:focus,textarea:focus,select:focus{border-color:var(--brand)}.card{box-shadow:0 3px 16px #121f4104;border-color:var(--line);border-radius:18px}.card h2{margin-top:6px}.card .scroll{margin-top:16px}th{font-size:12px;font-weight:bold;background:#f5f6f8;white-space:nowrap}td{vertical-align:middle}tbody tr:hover{background:#fafafc}td button{padding:7px 12px;font-size:13px}td{overflow-wrap:anywhere}.scroll{max-width:100%;border-radius:10px}.grid>*{min-width:0}.pill{font-size:12px;white-space:nowrap}.form-section{background:#fcfcfd;padding:22px}.form-section legend{font-size:15px}.project-days label{background:#fff;min-width:92px;justify-content:center}.project-days input{margin:0}.project-days label:has(input:checked){background:#e9ecf5;border-color:#4f649a}dialog{box-shadow:0 24px 90px #102c3533;border:1px solid #dbdee6}dialog h2{font-size:23px;padding-bottom:16px;border-bottom:1px solid var(--line)}#close{margin-top:16px}#formError:empty,#status:empty{display:none}#formError:not(:empty),#status:not(:empty){padding:14px 18px;background:#fff2f0;border:1px solid #edcbc6;border-radius:10px}.line{align-items:end}.line label{min-width:0}.line button{margin-bottom:16px}.manual-row,.project-item{background:#fafafc}
.workspace .sidebar{position:fixed;inset:0 0 0 auto;width:258px;background:#fff;border-left:1px solid var(--line);padding:26px 18px 18px;z-index:30;display:flex;flex-direction:column}.sidebar .brand{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.6px;margin:0 8px 28px;color:#132042}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:#152242;color:#e6bf79;border-radius:15px;font-size:37px;font-weight:normal}.sidebar .brand small{font-size:11px;letter-spacing:0;color:var(--muted)}.nav-search{padding:0 6px}.nav-search label{font-size:11px;color:var(--muted)}.nav-search input{background:#f6f6f8;border:1px solid #edeef0;font-size:13px;margin:7px 0 10px;min-height:42px}.workspace #tabs{overflow:auto;display:block;margin:0;flex:1;scrollbar-width:thin;scrollbar-color:#d0d5e1 transparent}.nav-group{margin-bottom:18px}.nav-group h2{display:flex;align-items:center;gap:8px;font-size:11px;color:#797e8a;font-weight:normal;padding:8px 13px;margin:2px 0}.nav-group h2 svg{width:16px;height:16px}.nav-link{border:0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:right;font-size:13px;padding:10px 14px;color:#4a5163;border-radius:9px;margin:2px 0;min-height:40px}.nav-link.active{color:#112c71;background:#e8ebf4;font-weight:bold;box-shadow:inset -3px 0 #1d3779}.nav-chevron{opacity:.4;font-size:18px}.sidebar-note{font-size:11px;color:#777c89;padding:16px 8px 0;border-top:1px solid var(--line);margin-top:12px}.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54689c;margin-left:7px}.workspace-body{margin-right:258px;min-width:0}.workspace .workspace-header{height:82px;background:#ffffffeb;display:flex;align-items:center;padding:0 38px;gap:16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb strong{font-weight:normal;color:#29334d}.user-area{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}#identity{font-size:12px;direction:ltr;overflow:hidden;text-overflow:ellipsis;max-width:200px}#logout{font-size:11px;border-color:#e1e2e7;padding:8px 10px;color:#646976}.workspace main{max-width:1600px;margin:0 auto;padding:32px 38px}.workspace .intro{margin:3px 0 28px;align-items:center}.workspace .intro h1{font-size:29px;letter-spacing:-.8px;margin:8px 0 6px;outline:none}.workspace .intro p{font-size:13px;color:var(--muted);margin:0}.workspace .eyebrow{font-size:11px;color:#8a7860}.refresh-button{font-size:12px;min-height:42px;padding:10px 14px}.workspace footer{padding:10px 0;font-size:11px}.workspace footer details{border:0;margin:0;padding:0}.workspace footer summary{font-size:11px;font-weight:normal;padding:8px 0}.workspace footer p{max-width:700px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;position:relative;display:flex;flex-direction:column;gap:10px}.metric-card>svg{width:29px;height:29px;padding:5px;box-sizing:content-box;background:#eceff6;border-radius:12px;color:#4c5e8b;margin-bottom:6px}.metric-card>span{font-size:12px;color:#555d70;line-height:1.8}.metric-card>strong{font-size:34px;line-height:1.3;letter-spacing:-1px}.metric-card>small{font-size:10px;color:#878c99;line-height:1.7}.metric-card.attention{background:#fbf8f1;border-color:#ece3ce}.metric-card.attention>svg{background:#f1e7cd;color:#94773a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px;margin-top:6px}.dashboard-grid>.card{min-width:0;padding:24px;margin-bottom:12px}.dashboard-grid h2{font-size:18px;margin:8px 0}.dashboard-grid .row>button{font-size:11px;padding:8px 10px}.cell-secondary{display:block;margin-top:4px;font-size:11px}.dashboard-caption{font-size:10px;line-height:1.9;margin:16px 0 0}.dashboard-empty{text-align:center;padding:42px 16px 25px}.dashboard-empty>svg{width:38px;height:38px;color:#8992a8}.dashboard-empty h3{font-size:16px}.dashboard-empty p{font-size:12px;max-width:300px;margin:auto;color:var(--muted)}.shortcuts{display:grid;gap:10px;margin-top:20px}.shortcut{display:flex;align-items:center;gap:12px;padding:14px 10px;border:1px solid #edeef0;background:#fff;text-align:right;border-radius:12px}.shortcut>span:last-child{margin-right:auto;color:#8a8f9c}.shortcut strong{display:block;font-size:12px;margin-bottom:5px}.shortcut small{display:block;font-size:10px;font-weight:normal}.shortcut-icon{display:grid;place-items:center;width:36px;height:36px;background:#f1f2f6;border-radius:10px;flex-shrink:0}.shortcut-icon svg{width:21px;height:21px}.workspace-tip{display:flex;align-items:center;gap:16px;border:1px dashed #d2d6df;border-radius:16px;padding:16px 22px;color:#687083;margin-top:10px}.workspace-tip svg{width:27px;height:27px}.workspace-tip p{font-size:12px;margin:0}.workspace-tip strong{color:#444e67;font-size:13px}.skip-link{position:fixed;top:-100px;right:20px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}#menuToggle{display:none}.nav-backdrop{position:fixed;inset:0;border:0;border-radius:0;background:#102c3570;z-index:25}.workspace #content:focus{outline:none}
@media(min-width:1600px){.workspace main{padding-top:44px}.metric-card{padding:26px}.workspace .intro{margin-bottom:32px}}
@media(max-width:1150px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.workspace main{padding:26px}.workspace .workspace-header{padding:0 26px}.breadcrumb{display:none}}
@media(max-width:900px){.workspace .sidebar{width:min(290px,86vw);transform:translateX(100%);transition:transform .2s}.workspace.nav-open .sidebar{transform:translateX(0)}.workspace.nav-open{overflow:hidden}.workspace-body{margin:0}#menuToggle{display:block;padding:6px 11px;font-size:20px}.workspace .workspace-header{height:68px;padding:0 18px;flex-wrap:nowrap}.workspace main{padding:24px 18px}.user-area{gap:8px}#identity{max-width:140px;font-size:10px}.user-area .pill{display:none}.workspace .intro h1{font-size:25px}.workspace .intro{display:flex;align-items:flex-start;gap:10px}.workspace .intro p{font-size:12px}.workspace .intro .refresh-button{font-size:0;padding:8px 10px;flex-shrink:0}.refresh-button::first-letter{font-size:20px}.dashboard-grid{gap:0}.dashboard-grid>.card{padding:18px}.metric-card{padding:16px;gap:6px}.metric-card>span{font-size:11px}.metric-card>strong{font-size:29px}.dashboard-metrics{gap:10px}.dashboard-grid h2{font-size:17px}.workspace-tip{padding:16px}.card{padding:18px}dialog{width:96vw;padding:18px;max-height:92dvh}.grid{grid-template-columns:1fr}.form-section{padding:14px}.form-section legend{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.auth-page{min-height:100vh;background:#f4f5f7;display:grid;place-items:center;padding:24px}.auth-layout{max-width:1020px;width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 20px 70px #202d4f0e;border:1px solid #e0e3ea}.auth-story{background:#152242;color:#fff;padding:54px 42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff14;border-radius:50%;bottom:-190px;left:-80px;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff04}.auth-story .brand{font-size:20px;color:white;display:flex;align-items:center;gap:12px;margin:0}.auth-story .brand-mark{background:#ffffff10;color:#dfc28c}.auth-story h2{font-size:31px;line-height:1.7;font-weight:normal;margin:58px 0 15px}.auth-story p{font-size:13px;color:#b5bdd1;max-width:290px}.auth-story small{color:#919ab2;font-size:11px;margin-top:50px}.auth-form{padding:56px 42px}.auth-form h1{font-size:27px;margin:12px 0}.auth-form>p{font-size:13px;color:#727889;margin-bottom:28px}.auth-form input{background:#fbfbfc}.auth-form button[type=submit]{width:100%;margin-top:10px}.auth-help{font-size:11px!important;line-height:1.9;margin-top:22px}.auth-form .eyebrow{font-size:11px;color:#8d7955}.auth-form input[type=email]{direction:ltr;text-align:left}@media(max-width:700px){.auth-page{padding:18px}.auth-layout{grid-template-columns:1fr;max-width:440px}.auth-story{padding:22px 26px}.auth-story h2,.auth-story p,.auth-story small{display:none}.auth-form{padding:32px 26px}}

#navClose{display:none}.workspace{overflow-x:clip}@media(max-width:900px){#navClose{display:block;position:absolute;left:10px;top:10px;border:0;padding:0 7px;font-size:23px;color:#656e84;background:transparent}}

.attention-list{margin-top:20px}.attention-item{display:grid;grid-template-columns:minmax(0,1.3fr) 100px minmax(115px,1fr) auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.attention-item:last-child{border-bottom:0}.attention-item strong{font-size:14px;overflow-wrap:anywhere}.attention-item small{display:block;font-size:11px;line-height:1.7}.due-date{display:block;direction:ltr;text-align:right;font-size:12px;white-space:nowrap;margin-top:7px}.attention-item .due-amount{display:block;font-size:13px;margin-top:7px;white-space:nowrap}.attention-item button{font-size:11px;padding:8px 10px}.nav-link{font-size:14px}@media(max-width:1350px){.attention-item{grid-template-columns:1fr 1fr}.attention-item button{justify-self:start}.attention-item>div:first-child{min-height:46px}}
/* Overview analytics — 2026-10-01 */
.overview-analytics{margin:26px 0;color:#273450}.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.analytics-heading h2{margin:5px 0;font-size:24px}.analytics-heading p,.overview-analytics .card>p,.trend-card .row p,.aging-card>div>p{font-size:12px;color:#788299;margin:5px 0}.analytics-heading .dashboard-chips{margin:0;flex-shrink:0}.analytics-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.analytics-totals article{padding:22px 18px;border:1px solid #e3e9f4;border-radius:18px;background:linear-gradient(135deg,#fff,#f3f6fd);display:grid;gap:12px;min-width:0;transition:transform .2s,box-shadow .2s}.analytics-totals article:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1a2c5a0c}.analytics-totals span{font-size:12px;color:#596a86}.analytics-totals strong{font-size:23px;color:#304da4;overflow-wrap:anywhere}.analytics-totals small{font-size:10px;color:#758198;line-height:1.8}.analytics-totals .analytics-warning{background:linear-gradient(135deg,#fff,#fff8ed);border-color:#efdfc8}.analytics-warning strong{color:#9a6a28}.analytics-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.overview-analytics .card{padding:24px;min-width:0;border:1px solid #e5e9f2;box-shadow:0 5px 18px #172c5805}.overview-analytics h3{margin:0 0 8px;font-size:17px}.chart-unit{font-size:10px;color:#667897;border-radius:20px;background:#f0f4fb;padding:7px 12px}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#63718b;margin:20px 0 8px}.chart-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;margin-left:7px;background:#5369dd}.chart-legend .legend-open:before{background:#91c9e8}.chart-issued{fill:#5369dd}.chart-open{fill:#91c9e8}.invoice-trend{width:100%;display:block;min-width:530px;direction:ltr}.invoice-trend text{font:10px sans-serif;fill:#73829c}.invoice-trend g:hover rect{filter:brightness(.85)}.trend-scroll{overflow-x:auto}.chart-note,.chart-no-data{font-size:11px!important;line-height:1.9;color:#738098;margin:12px 0 0}.chart-no-data{background:#f3f6fc;padding:12px;border-radius:10px;text-align:center}.chart-data{font-size:12px;margin-top:10px}.chart-data summary{cursor:pointer;color:#4f64b0;padding:8px 0}.chart-data table{font-size:11px}.status-donut{max-width:170px;margin:16px auto}.status-donut svg{width:100%;display:block}.status-donut text{font:10px sans-serif;fill:#70809c}.status-donut .donut-total{font-size:25px;font-weight:700;fill:#293961}.status-key{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:12px}.status-key li{display:flex;align-items:center;gap:9px;font-size:11px;color:#66758c}.status-key strong{margin-right:auto;color:#263854;font-size:14px}.status-key li:before{content:'';width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.status-key .status-key-1:before{background:#5266df}.status-key .status-key-2:before{background:#36a9c9}.status-key .status-key-3:before{background:#e4ad66}.aging-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:24px}.aging-grid article{display:grid;gap:12px;min-width:0}.aging-grid span{font-size:12px;color:#758198}.aging-grid strong{font-size:19px;overflow-wrap:anywhere}.aging-grid svg{width:100%;height:8px}.dashboard-chips button[aria-pressed=true]{background:#344d9b;color:white;border-color:#344d9b}
@media(max-width:1150px){.analytics-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-layout{grid-template-columns:1fr}.status-card{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.status-card h3,.status-card>p{grid-column:1/-1}.status-donut{width:150px}.status-key{align-content:center}.aging-grid{gap:16px}}
@media(max-width:600px){.analytics-heading{align-items:flex-start;flex-direction:column}.analytics-heading h2{font-size:21px}.analytics-totals{gap:10px}.analytics-totals article{padding:15px 12px}.analytics-totals strong{font-size:19px}.analytics-totals span{font-size:11px}.overview-analytics .card{padding:18px}.aging-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.status-card{gap:8px 14px}.status-donut{width:130px}.chart-data{overflow-x:auto}.analytics-heading .dashboard-chips{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.analytics-totals article{transition:none}}
/* Customer workspace and guided editor */
.customer-workspace .partner-banner{background:linear-gradient(120deg,#142854,#245fc6);color:white;border:0;padding:30px;border-radius:22px}.customer-workspace .partner-banner h2{font-size:26px;color:white}.customer-workspace .partner-banner p,.customer-workspace .partner-banner .eyebrow{color:#d5e2ff}.customer-workspace .partner-banner>button{background:#fff;color:#254e9a;padding:13px 20px;border:0}.customer-workspace .partner-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.customer-workspace .partner-stats button{border:1px solid #e3e9f5;border-radius:16px;padding:20px;text-align:right;background:#fff;transition:transform .15s,box-shadow .15s}.customer-workspace .partner-stats button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #203e7510}.customer-workspace .partner-stats strong{font-size:30px;color:#315dae}.customer-workspace .partner-directory{border-radius:22px;padding:24px}.customer-workspace .partner-filters{padding:18px;background:#f6f8fc;border-radius:14px;margin-top:18px}.customer-workspace .partner-directory td{padding:18px 12px;vertical-align:middle}.customer-workspace .partner-directory th{font-size:11px;color:#617391;background:#f5f7fc}.customer-workspace .partner-identity strong{font-size:13px}.customer-workspace .partner-avatar{background:linear-gradient(135deg,#e5eeff,#f3f6fc);color:#3e65ae;border:1px solid #dce5f4;border-radius:14px}.customer-row-actions{display:inline-block;margin:4px;vertical-align:top;min-width:64px}.customer-row-actions summary{cursor:pointer;padding:8px;border:1px solid #dce3ef;border-radius:8px;font-size:11px;list-style:none}.customer-row-actions>div{display:grid;gap:5px;padding:8px;border:1px solid #dce3ef;border-radius:10px;background:#f7f9fd;margin-top:5px}.customer-card-finance{display:grid;gap:7px;padding:15px;background:#f5f8fe;border-radius:12px;font-size:12px}.customer-card-finance strong{color:#345daa;font-size:20px}.customer-card-finance small{color:#7789a5}.customer-workspace .partner-cards article{border-radius:18px;box-shadow:0 5px 16px #273c6506}.customer-editor-dialog{width:min(980px,96vw)!important;background:#f8faff!important;padding:24px!important}.customer-editor-dialog #formContent>h2{font-size:24px;margin:5px 0 20px}.customer-editor .form-guide{background:linear-gradient(120deg,#e8effc,#fff);border:1px solid #dce5f4;border-radius:16px}.customer-editor fieldset{background:white;border:1px solid #e1e8f4;border-radius:16px;padding:22px;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-editor fieldset[hidden]{display:none}.customer-editor fieldset>.grid{display:contents}.customer-editor legend{font-size:15px;font-weight:700;color:#2d4d83;padding:0 9px}.customer-editor label{font-size:12px;color:#526580;display:flex;flex-direction:column;gap:8px;min-width:0}.customer-editor label[hidden]{display:none}.customer-editor input,.customer-editor select,.customer-editor textarea{border:1px solid #dce4f0;border-radius:10px;padding:12px;background:#fbfcff;min-height:46px;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.customer-editor input:focus,.customer-editor select:focus,.customer-editor textarea:focus{outline:none;border-color:#6d94df;box-shadow:0 0 0 3px #3563b917;background:white}.customer-editor input[required]{border-right:3px solid #7193d2}.customer-editor .customer-wide{grid-column:1/-1}.customer-kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-kind-picker button{display:grid;grid-template-columns:36px 1fr;text-align:right;gap:4px 10px;padding:16px;background:#fff;border:1px solid #dae3f3;border-radius:13px}.customer-kind-picker button>span{grid-row:1/3;align-self:center;text-align:center;font-size:26px;color:#6d88b7}.customer-kind-picker strong{font-size:14px}.customer-kind-picker small{font-size:10px;color:#7385a1;font-weight:400}.customer-kind-picker button[aria-pressed=true]{border:2px solid #527ac9;background:#f0f5ff;box-shadow:0 3px 12px #335faa0b}.customer-editor .payment-preview{padding:16px;background:#edf4ff;border:1px solid #d6e4fb;border-radius:12px;color:#3b609e;font-size:13px;line-height:1.9;margin:0}.customer-editor .field-hint{margin:0;font-size:11px;color:#79879c}.customer-editor .customer-notes{padding:0 5px}.customer-savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:-24px;padding:16px;background:#ffffffef;border-top:1px solid #dbe3ef;z-index:3;margin-top:20px;backdrop-filter:blur(8px)}.customer-savebar span{font-size:11px;color:#71809b}.customer-savebar button{min-width:150px;border-radius:10px;padding:13px 24px}.input-error{color:#af3f46;font-size:11px}.customer-editor input[aria-invalid=true]{border-color:#b84750}.customer-editor .form-waypoints{display:flex;overflow:auto;gap:8px;padding-bottom:5px}.customer-editor .form-waypoints button{white-space:nowrap;font-size:11px;flex-shrink:0}.customer-editor .form-waypoints button[hidden]{display:none}
@media(max-width:1150px){.customer-workspace .partner-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.customer-workspace .partner-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-workspace .partner-banner{padding:22px}.customer-workspace .partner-banner h2{font-size:21px}.customer-workspace .partner-directory{padding:16px}.customer-editor-dialog{padding:16px!important}.customer-editor fieldset{grid-template-columns:1fr;padding:16px;gap:15px}.customer-kind-picker button{padding:12px;grid-template-columns:1fr}.customer-kind-picker button>span{display:none}.customer-kind-picker small{line-height:1.8}.customer-savebar{bottom:-16px;padding:12px}.customer-savebar span{max-width:130px}.customer-editor .form-guide{padding:16px}.customer-workspace .partner-stats button{padding:15px}}
@media(prefers-reduced-motion:reduce){.customer-workspace .partner-stats button,.customer-editor input,.customer-editor select{transition:none}}

/* Supplier workspace */
.supplier-editor .customer-kind-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-tax-preview{padding:15px 18px;background:#f4f7fc;border-right:3px solid #7797d0;border-radius:10px;font-size:12px;color:#526580;line-height:1.9;margin:0}.supplier-workspace .partner-banner{background:linear-gradient(120deg,#152443,#405da0)}.supplier-workspace .customer-card-finance{min-height:70px;align-content:center}.supplier-workspace .partner-banner{position:relative;overflow:hidden}.supplier-editor .customer-kind-picker button:focus-visible{outline:3px solid #a2b9e7;outline-offset:3px}@media(max-width:650px){.supplier-editor .customer-kind-picker{grid-template-columns:1fr}.supplier-editor .customer-kind-picker button{grid-template-columns:1fr 1fr;align-items:center}.supplier-editor .customer-kind-picker small{text-align:left}}

.supplier-workspace #partnerResults .scroll{overflow-x:auto;max-width:100%}.supplier-workspace #partnerResults table{min-width:920px}.supplier-workspace .partner-identity{min-width:180px}.supplier-workspace .partner-identity strong{overflow-wrap:break-word}

.document-description{grid-column:1/-1!important}.document-description textarea{min-height:74px;resize:vertical;background:#fbfcff;border:1px solid #dce4f0;border-radius:10px;padding:12px;font:inherit}.document-line-description{display:block;white-space:pre-wrap;color:#71809b;margin-top:7px}.automatic-number input{background:#f0f4fb;color:#46658c;cursor:default}.automatic-number small{font-size:11px;line-height:1.8;color:#7385a1}.document-unit-tools{grid-column:1/-1;border-top:1px solid #e2e8f3;padding-top:12px;font-size:12px}.document-unit-tools summary{cursor:pointer;color:#3563ac}.document-unit-tools>div{display:flex;gap:12px;align-items:end}.document-unit-tools p{color:#526580}.document-editor .line select{width:100%;min-width:0;border:1px solid #dce4f0;border-radius:9px;padding:10px;background:white;font:inherit}.document-editor .line .document-line-footer{order:3}@media(max-width:650px){.document-unit-tools>div{display:grid}}

.document-import{border:1px solid #d6e3fa;border-radius:18px;background:#f7faff;padding:20px;margin:20px 0}.document-import>summary{cursor:pointer;font-size:16px;color:#254e99;font-weight:700}.document-import summary small{display:block;font-size:11px;font-weight:400;color:#7185a3;margin-top:7px}.import-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:15px 0}.document-import label{font-size:12px;display:grid;gap:8px;min-width:0}.document-import input,.document-import textarea,.document-import select{max-width:100%;box-sizing:border-box}.import-buttons,.import-pricing{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.import-preview canvas{display:block;max-width:100%;max-height:650px;width:auto;height:auto;margin:12px auto;touch-action:none;border:1px solid #cad6e8}.import-preview[hidden]{display:none}.import-crop-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.import-preview input[type=checkbox],.import-select input{width:auto;min-height:0}.import-row{padding:20px;border:1px solid #dde6f4;border-radius:14px;background:white;margin:14px 0;display:grid;gap:14px}.import-row textarea{min-height:82px;resize:vertical}.import-row p,[data-import-status]{font-size:12px;color:#516b90;line-height:1.8}.import-select{display:flex!important;align-items:center}.document-import input:not([type=checkbox]),.document-import select{width:100%}.ocr-source,#ocrRaw{unicode-bidi:plaintext;white-space:pre-wrap;text-align:start;font-family:inherit;letter-spacing:normal}@media(max-width:650px){.document-import{padding:14px}.import-crop-fields{grid-template-columns:repeat(2,1fr)}.import-pricing{display:grid}.import-preview canvas{max-height:none;width:100%}}

.document-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.document-metrics button{display:grid;gap:15px;text-align:right;border:1px solid #dce6f7;border-radius:17px;background:linear-gradient(135deg,#fff,#f1f5fc);padding:23px;color:#506786}.document-metrics strong{font-size:30px;color:#2b5cb0}.document-metrics button[aria-pressed=true]{border-color:#4979cc;box-shadow:0 0 0 2px #4979cc19}.document-list-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:end;background:#f7f9fd;border-radius:14px;padding:18px;margin-bottom:20px}.document-list-filter label{min-width:150px;flex:1}.document-list-filter #documentListCount{width:100%;font-size:12px;color:#71809b}.document-review-warnings{font-size:12px;line-height:1.9;color:#96703d}@media(max-width:650px){.document-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-metrics button{padding:16px}.document-list-filter label{min-width:120px}}

.document-workspace-bar{border:1px solid #dbe6f5;background:#f6f9ff;border-radius:16px;padding:18px;margin-bottom:20px}.workspace-status{color:#315e9d;font-size:13px;margin-bottom:12px}.workspace-recovery{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff3d8;padding:16px;border-radius:12px;margin-bottom:12px}.workspace-recovery[hidden]{display:none}.workspace-template-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin:15px 0}.workspace-template-tools input,.workspace-template-tools select{width:100%;min-width:0}.quote-history{margin-top:22px;border-top:1px solid #dde6f4;padding-top:18px}.import-intro,.import-column-guide p{font-size:13px;color:#607697;line-height:1.9}.import-column-guide{border:1px solid #d6e0f0;border-radius:12px;padding:14px;margin-top:16px}.import-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.import-columns>div{background:#fff;border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-columns>div>label:first-child{grid-column:1/-1;display:flex;align-items:center}.import-columns input[type=checkbox]{width:auto}.import-review-tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.document-import .import-row{border-inline-start:4px solid #578be0}.document-import .import-row input[data-value=cost],.document-import .import-row input[data-value=price]{font-weight:700;color:#244977}.document-import .import-preview{background:#fff;border-radius:12px;padding:12px}.document-import .import-preview canvas{max-height:520px}.document-import .import-column-guide input[type=checkbox]{width:auto}@media(min-width:1050px){.document-import[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px}.document-import>summary,.document-import>.import-intro,.document-import>.import-options,.document-import>.import-buttons,.document-import>.import-column-guide,.document-import>[data-import-status],.document-import>.import-review-tools,.document-import>.import-pricing,.document-import>[data-import-apply]{grid-column:1/-1}.document-import>.import-preview{grid-column:1;align-self:start;position:sticky;top:0}.document-import>[data-import-rows]{grid-column:2}.document-import:not(:has(.import-preview:not([hidden])))>[data-import-rows]{grid-column:1/-1}}@media(max-width:650px){.import-columns{grid-template-columns:1fr}.workspace-template-tools{grid-template-columns:1fr}.document-import .import-preview canvas{max-height:none}}
/* Correspondence: a quiet blue reading surface, origin rail and chronological cards. */
.mail-timeline{--mail-ink:#173858;--mail-line:#cbd9e8;--mail-paper:#f4f8fc;margin-block:24px;padding:24px;border:1px solid var(--mail-line);border-radius:18px;background:var(--mail-paper);color:var(--mail-ink)}
.mail-timeline>header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mail-timeline h3{margin:6px 0 16px}.mail-origin{border-inline-start:4px solid #246393;padding:16px 20px;margin-block:16px;background:#fff;border-radius:6px 14px 14px 6px;overflow-wrap:anywhere}.mail-origin strong,.mail-origin time,.mail-origin small{display:block}.mail-origin time{font-size:.8rem;color:#536c84;margin-top:10px}.mail-thread-toolbar,.mail-draft-actions{display:flex;flex-wrap:wrap;gap:8px}.mail-events{display:grid;gap:12px;margin-top:18px}.mail-events article{border:1px solid var(--mail-line);border-radius:12px;background:#fff;padding:16px 20px;overflow-wrap:anywhere}.mail-events .mail-unread{border-inline-start:4px solid #246393}.mail-events h4{margin:8px 0}.mail-events small{color:#536c84}.mail-draft-tools{border-top:1px solid #d5e0eb;padding-block:18px;margin-top:16px}.mail-draft-tools select{min-height:44px;width:100%}.mail-draft-tools button{margin-block:8px;min-height:40px}.mail-draft-tools p{font-size:.85rem;color:#536c84}.mail-send-history{padding:12px 16px;background:#fff5df;border:1px solid #e8d6a8;border-radius:12px;margin-bottom:14px}.mail-send-history summary{cursor:pointer;font-weight:600}.mail-request-picker .mail-reply-row{width:100%;margin-bottom:10px;text-align:start;display:grid;gap:8px}.mail-request-picker time{font-size:.8rem;color:#536c84}.mail-timeline button:focus-visible,.mail-draft-tools button:focus-visible{outline:3px solid #347cac;outline-offset:3px}@media(max-width:600px){.mail-timeline{padding:16px 12px}.mail-thread-toolbar>button{flex:1 1 140px}.mail-timeline>header{align-items:stretch}.mail-origin{padding:12px}.mail-events article{padding:14px}}
/* Recurring billing: service period, issue day, and payment on a single timeline. */
.recurring-editor{--recurring-ink:#183d65;--recurring-blue:#1d5ba2;--recurring-tint:#f1f6fc;--recurring-border:#ccdcec;--recurring-muted:#58728e}
.recurring-form-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--recurring-border);padding:6px 0 14px;margin-bottom:22px;position:sticky;top:0;background:#fff;z-index:3}.recurring-form-tabs button{flex:1;white-space:nowrap;min-height:46px;padding:10px 16px;color:var(--recurring-muted);border:0;border-radius:9px;background:transparent}.recurring-form-tabs button[aria-selected=true]{background:var(--recurring-ink);color:#fff;box-shadow:inset 0 -3px 0 #74a5d4}.recurring-panel[hidden]{display:none!important}.recurring-panel fieldset{margin:0 0 20px}.recurring-panel label{min-width:0}.recurring-panel input,.recurring-panel select{min-height:46px}.recurring-partial{padding:18px;border:1px solid var(--recurring-border);border-radius:12px;margin:18px 0}.recurring-partial summary{font-weight:600;cursor:pointer;margin-bottom:12px}.recurring-tokens{padding:16px;background:var(--recurring-tint);border-radius:10px;overflow-wrap:anywhere}.recurring-tokens p{font-family:Consolas,monospace;font-size:.85rem}.recurring-preview-head h3{font-size:1.5rem;color:var(--recurring-ink)}.recurring-cycle{display:grid;grid-template-columns:1.5fr auto 1fr auto 1fr;align-items:center;gap:12px;background:var(--recurring-tint);border:1px solid var(--recurring-border);border-inline-start:5px solid var(--recurring-blue);border-radius:12px;padding:20px;margin:12px 0}.recurring-cycle div{display:grid;gap:6px;min-width:0}.recurring-cycle small{color:var(--recurring-muted)}.recurring-cycle strong{font-size:.95rem;font-variant-numeric:tabular-nums}.recurring-cycle>p{grid-column:1/-1;margin:0;color:var(--recurring-muted);font-size:.85rem}.recurring-letter{margin-top:22px;border:1px solid var(--recurring-border);border-radius:14px;padding:24px;background:#fff;box-shadow:0 8px 22px #183d6508}.recurring-letter h4{border-bottom:1px solid var(--recurring-border);padding-bottom:16px}.recurring-letter p{white-space:pre-wrap;line-height:1.85;overflow-wrap:anywhere}.recurring-cycle-detail{margin-top:24px;padding:20px;border:1px solid #ccdcec;background:#f5f8fc;border-radius:14px}.recurring-cycle-detail button{margin:5px}.recurring-cycle-detail table{min-width:460px}.recurring-form-tabs button:focus-visible{outline:3px solid #74a5d4;outline-offset:2px}@media(max-width:650px){.recurring-form-tabs{position:static}.recurring-form-tabs button{flex:0 0 auto;font-size:.85rem;padding:9px 12px}.recurring-cycle{grid-template-columns:1fr;gap:12px;padding:16px}.recurring-cycle>span{display:none}.recurring-cycle div{grid-template-columns:100px 1fr}.recurring-cycle strong{font-size:.82rem}.recurring-letter{padding:16px}.recurring-cycle-detail{padding:12px}.recurring-editor .document-editor-head{padding:14px}}
.recurring-dashboard .scroll{overflow-x:auto}.recurring-dashboard table{min-width:1050px}.recurring-dashboard td{vertical-align:middle;line-height:1.7}.recurring-dashboard td:first-child{min-width:190px;font-weight:600}.recurring-dashboard td:nth-child(2){min-width:160px}.recurring-dashboard td:nth-child(5){white-space:nowrap}.recurring-list-filter{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,240px);gap:16px;margin:20px 0;padding:16px;background:#f1f6fc;border-radius:12px}#editor.recurring-editor .recurring-form-tabs button{transition:none}#editor.recurring-editor .recurring-form-tabs button[aria-selected=false]{background:transparent;color:#58728e}#editor.recurring-editor .recurring-form-tabs button[aria-selected=true]{background:#183d65;color:#fff}@media(max-width:650px){.recurring-list-filter{grid-template-columns:1fr}.recurring-form-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.recurring-form-tabs button{white-space:normal;min-height:44px}.recurring-editor .recurring-panel .document-lines-layout{margin-top:16px}}
/* Keep Arabic words intact. Wide data belongs in a scroll area, not narrow glyph columns. */
@media screen {
 .scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
 .scroll th,.scroll td{word-break:normal;overflow-wrap:normal;hyphens:none}
 .scroll th{white-space:nowrap}
 .scroll td{min-width:8ch}
 .scroll td .pill,.scroll td button{word-break:normal;overflow-wrap:normal}
}
.recurring-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;background:#eef1f5;color:#4d5f73;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.6}
.recurring-badge svg{width:16px;height:16px;flex:none}
.recurring-badge--success{background:#e8f5ef;color:#23684f}.recurring-badge--warning{background:#fff3d9;color:#80590e}.recurring-badge--blue{background:#eaf2fc;color:#245d96}
.recurring-progress{display:grid;gap:7px;min-width:155px}.recurring-progress small{color:#58728e;white-space:nowrap}.recurring-progress progress{appearance:none;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#dfe8f2}.recurring-progress progress::-webkit-progress-bar{background:#dfe8f2}.recurring-progress progress::-webkit-progress-value{background:#3978b3}.recurring-progress progress::-moz-progress-bar{background:#3978b3}
.recurring-delivery-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
@media screen and (max-width:650px){
 .scroll:has(th:nth-child(4)) table{min-width:640px}
 .recurring-dashboard .scroll table{min-width:1100px}
 #editor label,#editor legend,#editor button,.recurring-panel p,.recurring-cycle p{word-break:normal;overflow-wrap:normal;hyphens:none}
 #editor label{min-width:0}#editor input,#editor select,#editor textarea{max-width:100%;min-width:0}
 .recurring-form-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 #editor.recurring-editor .recurring-form-tabs button{padding:10px 6px;font-size:12px;white-space:normal;line-height:1.7}
 .recurring-cycle div{grid-template-columns:1fr;gap:4px}.recurring-cycle strong{width:fit-content;max-width:100%;white-space:nowrap}
 .recurring-editor fieldset{min-width:0}.recurring-letter{min-width:0}
}
.recurring-badge--danger{background:#fceeed;color:#a53f3f}
@media(max-width:650px){#editor.recurring-editor .document-savebar button{font-size:12px;line-height:1.6;padding:10px 8px;min-height:44px}#editor.recurring-editor .document-savebar{gap:8px}}