/* ClauTools application design — shared by the four working surfaces. */
:root{--app-ink:#102440;--app-muted:#63718a;--app-line:#e2e8f1;--app-blue:#0868f9;--work-blue:#0868f9;--clau-burgundy:#0868f9;--clau-burgundy-soft:#edf4ff}
.ui-refresh{color:var(--app-ink);font-size:15px;background:#f5f7fb!important}
.ui-refresh h1{font-size:28px;margin:0;letter-spacing:-.035em}.ui-refresh h2{font-size:19px;margin:0 0 18px}.ui-refresh h3{font-size:15px;margin:0}
.ui-refresh button,.ui-refresh .button,.ui-refresh .desk-button{font-weight:600;font-size:14px;min-height:44px;box-shadow:none;border-radius:9px}
.ui-refresh button.primary,.ui-refresh .button.primary,.ui-refresh .desk-button.primary{background:var(--app-blue);border-color:var(--app-blue)}
.ui-refresh input,.ui-refresh select,.ui-refresh textarea{font-family:inherit;font-size:15px;min-height:44px;background:#fff;border:1px solid #d5deeb;color:var(--app-ink);padding:10px 12px;box-sizing:border-box}
.ui-refresh input[type=checkbox]{min-height:0}.ui-refresh label{font-weight:500;font-size:14px}
.ui-refresh p:empty{display:none}.ui-refresh .eyebrow{display:none}.ui-refresh a{color:#125ecc}.ui-refresh .clau-topbar{background:#112944;border-bottom:0;box-shadow:none}.ui-refresh .clau-topbar-inner{min-height:64px;width:calc(100% - 32px)}
.ui-refresh .clau-brand{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}.ui-refresh .clau-brand img{width:148px!important;max-height:48px;object-fit:contain}
.ui-refresh .clau-profile{height:34px;width:34px;border:0;background:#51647e;color:#fff;box-shadow:none;font-weight:500;font-size:13px}
.ui-refresh .clau-menu-button{border:0;min-height:40px;background:transparent}
.ui-refresh .organization-bar{background:#fff;border-bottom:1px solid var(--app-line);justify-content:flex-end;padding:8px 24px;gap:12px;min-height:54px}
.ui-refresh .organization-bar label{font-size:0;gap:0}.ui-refresh .organization-bar select{min-height:36px;font-size:13px;padding:6px 28px 6px 12px;max-width:220px;background:#f8fafc}
.ui-refresh .organization-bar>button{display:none}.ui-refresh .organization-bar>a{font-size:12px}.ui-refresh .organization-bar p{width:100%;font-size:13px}
.ui-refresh .ui-side-nav{width:220px;top:0;background:#11263e;padding:24px 16px;border:0;z-index:41;display:flex;flex-direction:column}
.ui-refresh .ui-side-nav a{color:#f2f6fc;font-weight:450;font-size:14px;padding:12px;border-radius:6px;gap:13px}
.ui-refresh .ui-side-nav a[aria-current=page]{background:#185ddc;color:#fff;box-shadow:none}
.ui-refresh .ui-side-nav .side-brand{font-size:25px;font-weight:800;padding:0 8px 28px;letter-spacing:-1px}.side-brand span{color:#4487ff;margin-left:-13px}
.ui-side-nav a[data-ui-key=profile]{margin-top:30px;border-top:1px solid #30445d;border-radius:0;padding-top:25px}.side-foot{margin-top:auto;color:white;padding:30px 16px 10px;font-size:14px}.side-foot img{object-fit:contain}.side-foot p{line-height:1.4}
.ui-refresh .desk-nav{background:#11263e!important;padding:28px 16px}.ui-refresh .desk-nav a{color:#e7effa}.ui-refresh .desk-nav a[aria-current=page]{background:#185ddc;color:#fff;box-shadow:none}.ui-refresh .desk-nav hr{border:0;border-top:1px solid #30445d}
.ui-refresh .ui-mobile-nav [aria-current=page]{color:#0764ea;background:transparent}.ui-refresh .ui-mobile-nav a,.ui-refresh .ui-mobile-nav button{border-radius:0;font-size:11px;font-weight:500;gap:5px}.ui-refresh .ui-mobile-nav span{font-size:11px}.ui-mobile-nav .ui-icon{width:22px;height:22px}.ui-refresh .ui-mobile-nav{box-shadow:none;padding-top:5px;gap:0;background:#fff}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-heading h2{margin:0}.text-link,.text-button{font-size:13px;color:#155fc9;font-weight:600}.ui-refresh .text-button{border:0;background:transparent;min-height:36px;padding:6px}.month-picker input{width:160px;max-width:100%}
.app-card{background:#fff;border:1px solid var(--app-line);border-radius:12px;padding:20px;min-width:0}.update-banner{display:flex;align-items:center;gap:14px;border:1px solid #d6e5fb;background:#e5efff;border-radius:9px;padding:14px 16px;margin-bottom:26px;font-size:13px}.update-banner p{display:inline;margin:0 12px;color:#445975}.update-banner a{font-weight:600;white-space:nowrap;text-decoration:none}.update-banner button{margin-left:auto;align-self:flex-start;border:0;background:transparent;font-size:23px;font-weight:400;padding:0 6px;min-height:28px}.update-banner .feature-icon{width:30px;height:30px;background:transparent}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.overview-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--app-line);border-radius:10px;padding:20px 16px;color:var(--app-ink)!important;text-decoration:none;min-width:0}.overview-card>div{min-width:0}.overview-card div>span,.overview-card small{display:block;font-size:12px;color:#56657a}.overview-card strong{display:block;font-size:24px;line-height:1.3;margin:3px 0}.chevron{margin-left:auto;color:#728098;font-size:23px;font-weight:400;flex-shrink:0}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;flex-shrink:0}.feature-icon .ui-icon{width:25px;height:25px}.feature-icon.blue{background:#eaf2ff;color:#115ad0}.feature-icon.green{background:#e7f7ef;color:#157b49}.feature-icon.rose{background:#ffecef;color:#c53d54}.feature-icon.violet{background:#f2eafd;color:#7a33c1}
.home-columns{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;margin-bottom:20px}.activity-row,.tool-row{display:flex;align-items:center;gap:14px;padding:15px 0;color:var(--app-ink)!important;text-decoration:none}.activity-row+.activity-row{border-top:1px solid var(--app-line)}.activity-row strong{display:block;font-size:14px}.activity-row small{display:block;font-size:12px;color:#607086;margin-top:5px}.empty-copy{font-size:14px;color:#6b7890;padding:20px 0;line-height:1.6}.home-tools h2{margin-bottom:0}
.ui-refresh .app-home .tool-grid{display:flex;flex-direction:column;gap:0}.ui-refresh .app-home .tool-card{min-height:0;padding:0;border:0;border-top:1px solid var(--app-line);border-radius:0;box-shadow:none;display:block}.ui-refresh .app-home .tool-card:first-child{border-top:0}.app-home .tool-card h3{margin:0 0 4px;font-size:14px}.app-home .tool-card p{font-size:12px;margin:0;color:#66768a}.app-home .tool-options{display:flex;gap:16px;align-items:center;padding:0 0 12px 62px;font-size:12px}.app-home .tool-options .tool-install{font-size:12px;padding:0;min-height:26px;background:none;border:0;color:#5f718b;font-weight:500}.home-tools .page-heading{margin-bottom:4px}.home-install{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0;font-size:13px}.home-install .tool-install{font-size:13px}
.activity-heading,.activity-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 110px 14px;align-items:center;gap:14px;padding:13px 0;font-size:13px}.activity-heading{font-size:12px;color:#52637a;background:#f7f9fc;padding:10px;margin:0 -10px}.activity-table-row{text-decoration:none;color:var(--app-ink)!important;border-bottom:1px solid var(--app-line)}.activity-table-row:last-child{border:0}.activity-table-row strong{font-weight:500}.activity-table-row .ui-icon{width:19px;height:19px;margin-right:6px}.activity-table-row>span:nth-child(3){color:#65738a}.status-chip{display:inline-flex;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.3;text-transform:capitalize;width:fit-content;background:#eef2f7;color:#485b73}.status-chip.paid,.status-chip.completed,.status-chip.sent{background:#dff5e9;color:#137244}.status-chip.draft{background:#fff0cc;color:#946014}.status-chip.partial,.status-chip.unpaid{background:#ffedc5;color:#946014}.status-chip.recorded{background:#e8f0ff;color:#245eae}
.segment-tabs{display:flex;gap:8px;margin:16px 0}.ui-refresh .segment-tabs button{flex:1;padding:8px 12px;border:0;background:#edf1f7;color:#283d59;min-height:39px}.ui-refresh .segment-tabs button[aria-pressed=true]{color:#fff;background:#0868f9}
.filter-line{display:flex;gap:12px;margin:12px 0;align-items:center}.filter-line>*{min-width:0;flex:1}.filter-line input{width:100%}.filter-options summary{cursor:pointer;color:#50637d;padding:10px 0;font-size:13px}.filter-options[open]{margin-bottom:14px}.filter-options .record-filters{margin:0}.search-field{width:100%;background:#f0f3f8!important}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.mini-stats>div{display:flex;gap:12px;align-items:center;border:1px solid var(--app-line);border-radius:10px;background:#fff;padding:14px}.mini-stats strong{display:block;font-size:21px}.mini-stats small{display:block;color:#5c6c82;font-size:12px}.mini-stats .feature-icon{height:35px;width:35px;background:none}
.record-list{display:grid;gap:10px}.record-row{border:1px solid var(--app-line);border-radius:11px;background:#fff;overflow:visible}.record-main{padding:17px;display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:transparent;border:0;color:var(--app-ink);text-decoration:none;cursor:pointer}.record-main>div:first-child{flex:1;min-width:0}.record-main strong{font-size:15px;font-weight:650;display:block}.record-main small{font-size:12px;color:#63738a;display:block;margin-top:5px}.record-right{text-align:right;flex-shrink:0}.record-right .status-chip{margin-top:7px}.record-row .record-options{padding:0 16px 8px}.record-options summary{list-style:none}.record-options summary::-webkit-details-marker{display:none}.record-options[open]>div{padding:10px;background:#f6f8fc;border-radius:8px}.list-create{margin:22px 0 14px;display:flex;justify-content:center;width:100%;min-height:48px;text-decoration:none;align-items:center;gap:8px}.screen-detail{max-width:760px;margin:0 auto}.screen-detail .app-card{margin:12px 0}.detail-rows{margin:0}.detail-rows>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--app-line)}.detail-rows>div:first-child{border:0}.detail-rows dt{color:#617089;font-size:14px}.detail-rows dd{margin:0;text-align:right;font-weight:550;font-size:14px;overflow-wrap:anywhere}.detail-notes{white-space:pre-wrap;font-size:14px;color:#53657d}.detail-actions{display:grid;gap:10px;margin:20px 0}.success-notice{padding:12px 16px;border:1px solid #bce7d0;background:#e5f8ee;color:#177446;border-radius:9px;margin:12px 0;font-size:14px}
.ui-refresh #historyDialog .dialog-head{border:0;padding:0;margin:0 0 18px}.ui-refresh #historyDialog h1{font-size:28px}.ui-refresh .report-history-list{list-style:none;padding:0;margin:12px 0;gap:10px}.ui-refresh .report-history-list li{padding:0;display:block;border-radius:11px}.ui-refresh .report-history-list li>div:first-child{display:block}.ui-refresh .report-history-list .history-open{width:100%;border:0;background:transparent;padding:17px;display:flex;justify-content:space-between;text-align:left;gap:12px;font-weight:400}.history-open .report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-open strong{font-size:15px}.history-open small{font-size:12px;color:#6b7a8f;display:block;margin-top:5px}.history-open>div{width:100%}.history-open .report-route{font-size:13px;color:#2e4562;margin-top:4px}.history-overflow{padding:0 16px 8px}.history-overflow summary{cursor:pointer;font-size:13px;color:#697a91;min-height:32px;display:flex;align-items:center}.history-overflow .history-actions{padding:8px 0;gap:10px}.ui-refresh #resumeReport{background:none;border:0;color:#2562bd;padding:6px 0;min-height:34px;font-size:13px}.ui-refresh #historyStatus{font-size:13px;min-height:0;margin:8px 0}.ui-refresh .report-history-list li.just-saved{border-color:#3883ef;background:#f4f8ff}
.ui-refresh #dailyEditor .toolbar{padding:12px;gap:10px}.ui-refresh #dailyEditor .summary-grid{background:transparent;gap:10px}.ui-refresh #dailyEditor .summary-grid>div{background:#fff;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink);padding:12px}.ui-refresh #dailyEditor .summary-grid button{color:inherit}.ui-refresh #dailyEditor .summary-grid small{display:none}.ui-refresh #dailyEditor .panel{padding:18px;border-radius:11px}.ui-refresh #dailyEditor .section-head h2{font-size:16px;margin:0}.ui-refresh #dailyEditor .section-head{margin-bottom:15px}.ui-refresh #dailyEditor .workspace-head{border:0}.ui-refresh #dailyEditor .daily-subtitle{display:none}.ui-refresh #dailyEditor .field-grid{gap:14px}.ui-refresh #dailyEditor .save-status,.ui-refresh #dailyCloudStatus{font-size:12px}.ui-refresh #dailyEditor .summary-grid strong{font-size:21px}.route-group{margin:0 0 18px}.route-group:last-child{margin-bottom:0}.route-group h3{font-size:14px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--app-line)}
.ui-refresh .fuel-heading{border:0;padding:0;margin-bottom:16px}.fuel-heading p,.fuel-heading>a{display:none}.ui-refresh .fuel-workspace .summary{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.ui-refresh .fuel-workspace .summary>div{padding:14px;border-radius:10px;display:flex;align-items:center;gap:12px}.fuel-workspace .summary .summary-copy{display:block}.ui-refresh .fuel-workspace .summary strong{font-size:23px;margin:2px 0}.fuel-workspace .summary .fuel-consumption{grid-column:1/-1!important;padding:10px 14px!important;display:block!important;font-size:13px;background:transparent!important;border:0!important}.fuel-consumption strong{display:inline!important;font-size:14px!important;margin-left:10px!important}.fuel-consumption small{margin-left:10px;display:inline}.fuel-workspace .tool-view-tabs{border:0;margin:0;padding:0;gap:10px}.fuel-workspace .history-head{margin:12px 0}.fuel-workspace .history-head h2{font-size:17px;margin:0}.fuel-workspace #status{font-size:13px;color:#566982}.fuel-workspace .date-presets{gap:6px}.fuel-workspace .date-presets button{font-size:12px;min-height:34px;padding:6px 10px}.fuel-workspace #dateSummary{font-size:12px}.fuel-workspace #entries{display:grid;gap:10px}.fuel-entry .entry-head p{font-size:12px}.fuel-entry.compact{padding:0}.fuel-entry.compact .record-main{color:var(--app-ink);font:inherit}.fuel-entry .record-main .amount{font-weight:700;font-size:15px}.fuel-entry .record-options{margin:0;padding:0 16px 8px}.fuel-entry .fillup-detail{border-top:1px solid var(--app-line);padding:0 16px 14px}.fuel-entry .fillup-detail p{font-size:13px}.fuel-entry .entry-values{font-size:12px;gap:12px}.fuel-entry .entry-values b{font-size:14px}.vehicle-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;border:1px solid var(--app-line);border-radius:10px;background:white;color:#1563cb;margin-bottom:20px}.ui-refresh .fuel-layout .history .filters{padding:0;margin:10px 0;border:0;background:transparent}.fuel-advanced{padding:8px 0}.fuel-advanced summary{font-size:13px;cursor:pointer;color:#526984}.fuel-advanced .filters{display:grid;grid-template-columns:1fr 1fr 1fr!important}.ui-refresh .fuel-layout #entryPanel{max-width:700px;padding:20px}.fuel-workspace .method{font-size:13px}.fuel-workspace .method p{color:#64748a;line-height:1.6}
.ui-refresh .desk-heading{margin-bottom:20px}.ui-refresh .desk-main{padding:28px;max-width:1200px}.invoice-list-controls{max-width:100%}.invoice-list-controls .filter-line>details{flex:0 0 auto}.invoice-list-controls .filter-line input{width:170px}.invoice-list-controls .desk-tools{padding:0;border:0;background:transparent}.invoice-list-controls .desk-tools input{background:#eef2f8}.ui-refresh #invoiceDetailDialog{width:min(560px,calc(100% - 24px));padding:22px;border:1px solid #dce4ed;border-radius:16px;color:var(--app-ink)}.record-amount{background:#f2f6fc!important;color:var(--app-ink)!important;border:1px solid var(--app-line);padding:18px!important}.record-amount>strong{font-size:36px!important}.invoice-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:16px;padding:12px 0;border-top:1px solid #dce5ef}.invoice-balance span{display:block;font-size:12px;text-align:center}.invoice-balance b{display:block;font-size:15px;margin-top:5px}.invoice-balance>span+span{border-left:1px solid #dce5ef}.detail-card{padding:16px;border:1px solid var(--app-line);border-radius:10px;margin:12px 0}.detail-card h3{font-size:12px;color:#65738a;margin:0 0 5px}.detail-card p{margin:3px 0;font-size:14px}.invoice-item-detail{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:14px}.invoice-item-detail small{display:block;color:#63748b;margin-top:4px}.invoice-payment-link{width:100%;border:1px solid var(--app-line);padding:14px;background:white;text-align:left;color:var(--app-ink)}
@media(min-width:851px){.ui-with-sidebar>.clau-topbar,.ui-with-sidebar>.organization-bar{margin-left:220px}.ui-with-sidebar>main{margin-left:248px;margin-right:28px;width:calc(100% - 276px);max-width:1400px}.ui-refresh .desk-layout{grid-template-columns:220px minmax(0,1fr)}.ui-refresh .desk-nav{position:sticky;top:64px;min-height:calc(100vh - 64px)}.app-home{padding-top:24px!important}.app-home .recent-card{margin-bottom:18px}}
@media(max-width:850px){.ui-refresh .ui-side-nav{display:none}.ui-refresh .organization-bar{padding:7px 16px;min-height:48px;justify-content:flex-end}.ui-refresh .organization-bar>a{display:none}.ui-refresh .organization-bar select{max-width:60vw}.ui-refresh>main,.ui-refresh .desk-main{width:calc(100% - 32px);margin:0 auto;padding:22px 0 28px}.ui-refresh .desk-layout{display:block}.page-heading{margin-bottom:20px}.page-heading .text-link{display:none}.overview-heading h2{font-size:19px}.overview-grid{grid-template-columns:1fr;gap:10px;margin-bottom:26px}.overview-card{padding:16px;gap:16px}.overview-card strong{font-size:23px}.overview-card small{font-size:12px}.update-banner{align-items:flex-start;margin-bottom:24px;padding:14px;gap:10px}.update-banner p{display:block;margin:3px 0;font-size:12px}.update-banner a{font-size:12px}.home-columns{grid-template-columns:1fr;gap:20px}.app-card{padding:16px;border-radius:11px}.home-columns>.app-card{padding:0;border:0;background:transparent}.home-columns .activity-row{background:#fff;border:1px solid var(--app-line);border-radius:10px;padding:16px;margin-bottom:8px}.home-tools .tool-grid{background:white;border:1px solid var(--app-line);border-radius:11px;padding:0 16px}.home-tools .page-heading{margin-bottom:12px}.activity-heading{display:none}.activity-table-row{grid-template-columns:1fr auto;gap:8px;font-size:12px}.activity-table-row>strong{font-size:13px}.activity-table-row>span:nth-child(2){display:none}.activity-table-row>span:nth-child(3){grid-column:1;grid-row:2}.activity-table-row>.status-chip{grid-row:1/3;grid-column:2}.activity-table-row>.chevron{display:none}.recent-card{margin-top:24px}.home-install{gap:8px}.ui-refresh h1{font-size:28px}.ui-refresh .desk-heading>.primary{display:none}.ui-refresh #historyDialog .dialog-head .primary{display:none}.ui-refresh .report-history-list .history-actions button{flex:0 1 auto;font-size:12px}.ui-refresh #dailyEditor .summary-grid{grid-template-columns:repeat(2,1fr)}.ui-refresh #dailyEditor .workspace-head{display:block}.ui-refresh #dailyEditor .workspace-head .actions{margin-top:14px;gap:8px}.ui-refresh #dailyEditor .workspace-head .actions>button{font-size:12px}.ui-refresh #dailyEditor .toolbar{padding:12px;display:flex;flex-wrap:wrap}.ui-refresh #dailyEditor .toolbar label{flex:1 1 38%;min-width:100px}.ui-refresh #dailyEditor .toolbar #saveLocal{order:0;flex:1 1 45%}.ui-refresh #dailyEditor .toolbar #savedReports{order:1;flex:1 1 45%}.ui-refresh #dailyEditor .toolbar label{order:2}.ui-refresh #dailyEditor .toolbar #newReport,.ui-refresh #dailyEditor .toolbar #editTemplate{order:3;font-size:12px}.ui-refresh #dailyEditor .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-refresh #dailyEditor .field-grid .wide{grid-column:1/-1}.ui-refresh #dailyEditor .field input{min-width:0;width:100%}.ui-refresh #dailyEditor .panel{padding:16px}.ui-refresh .fuel-workspace .summary strong{font-size:22px}.fuel-workspace .summary .feature-icon{width:28px;height:28px}.fuel-workspace .summary span{font-size:12px}.fuel-workspace .fuel-heading{margin-bottom:16px}.fuel-workspace .tool-view-tabs{font-size:12px}.fuel-workspace .tool-view-tabs #newFillup{display:none}.fuel-workspace #newFillupBottom{display:flex}.fuel-workspace .history-head .actions button{font-size:11px;min-height:34px;padding:6px 9px}.fuel-workspace .history-head{gap:8px}.fuel-workspace .fuel-advanced .filters{grid-template-columns:1fr 1fr!important}.fuel-workspace .fuel-advanced label:first-child{grid-column:1/-1}.fuel-workspace .fuel-consumption small{display:block;margin-left:0;font-size:11px}.fuel-workspace .fields{grid-template-columns:1fr 1fr}.fuel-workspace .fields label{min-width:0}.fuel-workspace .fields input,.fuel-workspace .fields select{width:100%;min-width:0}.ui-refresh .fuel-layout #entryPanel{padding:16px}.fuel-workspace .fields label:has(#vehicle),.fuel-workspace .fields label:has(#at),.fuel-workspace .fields label:has(#station),.fuel-workspace .fields label:has(#odometer){grid-column:1/-1}.ui-refresh dialog{max-height:calc(100dvh - 32px);overflow:auto}#paymentDialog{margin:auto auto 0;width:100%;max-width:580px;border-radius:20px 20px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.ui-refresh .clau-menu-link{justify-content:flex-start;font-weight:600}.clau-menu-link small{margin-left:auto}}
@media print{.ui-refresh{padding:0}.ui-refresh .ui-side-nav,.ui-refresh .organization-bar,.list-create,.filter-line,.filter-options,.segment-tabs{display:none!important}.ui-with-sidebar>main{margin:0;width:100%}.fuel-entry details{display:block}}
/* Invoice editor: compact customer, line items and totals. */
.invoice-app .workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:24px;align-items:start}.invoice-app .workspace-head{border:0;padding:0;margin-bottom:14px}.invoice-app .workspace-head>div:first-child{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.invoice-cancel{font-size:13px;text-decoration:none}.invoice-app .template-field{font-size:12px}.invoice-app .template-field select{min-height:32px;font-size:12px}.invoice-app .invoice-actions{display:none}.invoice-app .cloud-tools{border:0;background:transparent;padding:0;margin:0 0 20px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.invoice-app .cloud-tools>a{font-size:13px}.invoice-app .cloud-tools #cloudStatus{font-size:12px;text-align:right;color:#65748b}.invoice-app .cloud-tools label[hidden]{display:none!important}.invoice-app .panel{border-radius:11px;margin:0 0 14px;box-shadow:none;border:1px solid var(--app-line);background:white}.invoice-app .panel-head{padding:16px 16px 0;border:0}.invoice-app .panel-head::before{display:none}.invoice-app .panel-head h2{font-size:15px}.invoice-app .panel-body{padding:16px;gap:14px}.invoice-app .panel-body .field{gap:6px}.invoice-app .panel-body label{font-size:13px;font-weight:500}.invoice-app .panel-body input,.invoice-app .panel-body select{min-width:0;width:100%}.invoice-app .panel>summary{padding:16px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px}.invoice-app .panel>summary::-webkit-details-marker{display:none}.invoice-app .panel>summary:after{content:'⌄';color:#6c7e96}.invoice-app .invoice-customer>summary:after{display:none}.invoice-customer summary small{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.invoice-customer summary strong{font-size:15px}.invoice-customer summary>span{color:#0964df;font-size:13px}.invoice-business summary small{font-weight:400;font-size:11px;margin-left:12px;color:#6c7e96}#customerPicker{padding:0 16px}#customerPicker label{font-size:12px;display:grid;gap:5px}.invoice-app .item-edit{display:block;border:0;border-bottom:1px solid var(--app-line);padding:0;border-radius:0;background:transparent}.invoice-app .item-edit>summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:4px 0 15px;color:var(--app-ink);font-size:14px}.item-edit>summary>div{flex:1}.item-edit>summary strong{font-size:14px}.item-edit>summary small{display:block;font-size:12px;color:#6e7c90;margin-top:5px}.item-edit>summary::-webkit-details-marker{display:none}.item-edit .item-inputs{display:grid;grid-template-columns:1fr 90px 110px 32px;gap:10px;padding-bottom:15px;align-items:end}.invoice-app .items-actions{margin:0;gap:10px}.invoice-app .items-actions button{padding:0 8px;border:0;background:none;color:#0868f9;min-height:36px;font-size:13px}.invoice-app .item-limit{font-size:11px}.invoice-app .invoice-totals .detail-rows{padding:6px 16px 12px}.invoice-totals .total-row{font-size:17px;font-weight:700}.invoice-totals .total-row dt,.invoice-totals .total-row dd{font-weight:750;color:#102440;font-size:17px}.invoice-app .preview-shell{position:sticky;top:84px}.invoice-app .mobile-preview-link{display:flex;justify-content:center;font-size:14px;margin:0 0 14px}.invoice-app .editor-footer small{display:none}.invoice-app .editor-footer{display:block}.invoice-app .editor-footer button{width:100%;color:#fff;background:#0868f9;border-color:#0868f9}.service-picker{width:min(540px,calc(100% - 24px));max-height:90dvh;padding:22px;border:1px solid var(--app-line);border-radius:16px;color:var(--app-ink)}.service-picker #serviceSearch{width:100%;background:#f0f3f8}.service-picker #serviceChoices{margin:20px 0}.service-choice{display:flex;width:100%;align-items:center;gap:12px;justify-content:space-between;text-align:left;background:white;border:0;border-bottom:1px solid var(--app-line);padding:16px 0}.service-choice strong{margin-right:auto;font-weight:550}.service-choice[aria-pressed=true]{color:#0967ed}.service-picker form{background:#f8faff;border:1px solid var(--app-line);border-radius:10px;padding:16px;margin-bottom:16px}.service-picker label{display:grid;gap:6px}.service-picker h3{margin:0 0 16px}.service-picker>a{font-size:13px}.fillup-record>summary{list-style:none}.fillup-record>summary::-webkit-details-marker{display:none}.ui-refresh .desk-nav .side-brand{font-size:23px;color:white;font-weight:750;padding:0 12px 24px}.ui-refresh .record-row .record-options{position:relative}.record-row .record-options:not([open]){float:right;margin-top:-50px;padding-right:12px}.record-row .record-main{padding-right:50px}.record-row .record-options>summary{padding:4px;font-size:16px;min-height:32px;color:#536b89}.record-row .record-options[open]{clear:both;float:none;margin-top:0}.screen-detail>details{margin-bottom:20px}.report-history-list .history-overflow:not([open]){height:30px}.history-open .status-chip{font-size:11px}.record-row .status-chip{text-transform:capitalize}
@media(max-width:1000px){.invoice-app .workspace{grid-template-columns:1fr}.invoice-app .preview-shell{position:static;margin-top:24px}.invoice-app .workspace-head>div:first-child{gap:12px}.invoice-app .workspace-head h1{font-size:21px}.invoice-app .cloud-tools{margin-bottom:16px;justify-content:space-between}.invoice-app .cloud-tools #cloudStatus{text-align:left}.invoice-app .panel-body{grid-template-columns:1fr 1fr}.invoice-app .panel-body .full{grid-column:1/-1}.invoice-app .item-edit .item-inputs{grid-template-columns:1fr 1fr 32px}.invoice-app .item-inputs>.field:first-child{grid-column:1/-1}.invoice-app .template-field{margin-left:auto}.invoice-app .cloud-tools>a{display:none}.invoice-app .editor{gap:0}.invoice-app .invoice-business summary small{display:none}.invoice-app .logo-field{grid-column:1/-1}.invoice-app .workspace-head{margin-bottom:10px}}
.route-options{margin-bottom:14px;font-size:12px;color:#6a7990}.route-options summary{cursor:pointer}.route-options button{margin:8px 0}.payment-summary{padding:14px;border-radius:10px;background:#f1f5fb;font-size:14px}#paymentScreenTitle{margin:0 0 5px}#paymentTitle{margin:0}#paymentHistorySection h3{font-size:14px;margin:20px 0 4px}.payment-entry{border:1px solid var(--app-line);border-radius:10px;padding:16px;margin:12px 0;align-items:flex-start}.payment-entry .record-options{min-width:32px}.payment-entry .record-options>summary{min-height:32px;padding:0 6px}.payment-entry .record-options button{font-size:12px}.payment-entry strong{font-size:16px}.payment-entry small{white-space:pre-wrap}#paymentEditor label{font-weight:500}#paymentEditor #cancelPaymentEdit{width:100%;margin-bottom:12px}#paymentEditor .desk-fields{grid-template-columns:1fr}
@media(max-width:850px){.ui-refresh input,.ui-refresh select,.ui-refresh textarea{font-size:16px}.ui-refresh .month-picker input{width:154px;font-size:14px}.invoice-app .item-inputs input{font-size:16px}}

.clau-refresh-button{flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:8px;color:#e5efff;background:#ffffff15;border:1px solid #ffffff40;border-radius:10px;cursor:pointer;margin-right:auto}.clau-refresh-button:disabled{opacity:.5}.clau-refresh-button:focus-visible{outline:3px solid #91bdff;outline-offset:3px}
@media(max-width:400px){.clau-topbar-inner{gap:8px}.ui-refresh .clau-brand img{width:128px}.ui-mobile-nav a{font-size:11px;padding:6px 2px}}

.ui-refresh :is(.ui-side-nav,.desk-nav) .clau-nav-group>h2,.ui-refresh :is(.ui-side-nav,.desk-nav) .clau-nav-group>summary{color:#b7c9df}
.ui-refresh :is(.ui-side-nav,.desk-nav) .clau-menu-link{color:#e8f0fc;font-size:14px}
.ui-refresh :is(.ui-side-nav,.desk-nav) .clau-menu-link[aria-current=page]{background:#2155b6;color:white}