.business-invoices{position:relative;flex:1;width:100%;min-width:0;min-height:0;flex-direction:row;gap:0;margin:0;padding:0;overflow:hidden;background:var(--bg2)}
.business-beta{display:inline-flex;align-items:center;margin-left:4px;padding:1px 5px;border:1px solid color-mix(in srgb,var(--accent-ink) 28%,transparent);border-radius:999px;background:var(--accent-light);color:var(--accent-ink);font-size:9px;font-weight:700;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.business-beta-mini{margin-left:auto;color:var(--accent-ink);font-size:var(--ui-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.business-code-value{overflow-wrap:anywhere;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg2);font-family:var(--mono)}
.business-beta-group{position:relative;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:calc(var(--r-md) + 3px);background:color-mix(in srgb,var(--accent-light) 24%,var(--bg2));box-shadow:0 0 0 1px color-mix(in srgb,var(--bg2) 70%,transparent) inset}
.business-beta-group-label{align-self:stretch;display:flex;align-items:center;padding:0 8px 0 7px;border-right:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));color:var(--accent-ink);font-size:9px;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.business-beta-group .subtab{border-radius:calc(var(--r-md) - 2px);padding-inline:11px}
.business-beta-group .subtab:hover{background:color-mix(in srgb,var(--accent-light) 55%,var(--bg3))}
.business-beta-group .subtab.active{box-shadow:0 1px 2px color-mix(in srgb,var(--text) 10%,transparent)}
@media(max-width:700px){.business-beta-group{gap:1px}.business-beta-group-label{padding-inline:6px}.business-beta-group .subtab{padding-inline:9px}}
/* app.css gives generic asides a sticky 56px offset. Business sidebars live
   inside their own host and must start flush beneath the module tab bar. */
@media(min-width:821px){.business-invoices>.business-invoice-sidebar{top:auto;right:auto;bottom:auto;left:auto;margin:0}.business-invoices>.business-invoice-main .business-invoice-detail{position:static;top:auto;right:auto;bottom:auto;left:auto;height:auto;margin:0}}
.business-invoice-sidebar{position:relative;width:260px;min-width:0;height:100%;padding:0;background:var(--bg2)}.business-invoice-sidebar.collapsed{width:0}.business-invoice-sidebar.collapsed .business-sidebar-body{display:none}.business-invoice-sidebar>.side-panel-header{height:48px;min-height:48px;max-height:48px;flex:0 0 48px;box-sizing:border-box;padding:8px 14px}.business-invoice-sidebar .side-panel-header .page-title{flex:1;font-size:14px}.business-invoice-sidebar .side-panel-header>.icon-btn{flex:0 0 auto}.business-sidebar-body{display:flex;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;flex-direction:column;gap:8px;padding:10px}.business-sidebar-add{margin:0}.business-sidebar-body .search-wrap{width:100%;margin:0}.business-sidebar-body .ss{margin-top:7px}.business-sidebar-body .sl{margin:0 7px 5px}.business-sidebar-body .sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:29px;padding:5px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text2);font:inherit;font-size:var(--ui-label);text-align:left;cursor:pointer}.business-sidebar-body .sidebar-nav-item:hover{background:var(--bg3)}.business-sidebar-body .sidebar-nav-item.active{background:var(--accent-light);color:var(--accent-ink);font-weight:600}.business-sidebar-body .sidebar-nav-item small{min-width:20px;padding:1px 5px;border-radius:999px;background:var(--bg3);color:var(--text3);font-size:var(--ui-caption);text-align:center}.business-sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.business-sidebar-icon-actions{display:flex;align-items:center;gap:6px}.business-sidebar-icon-actions .icon-btn{flex:0 0 auto}.business-invoice-main{display:flex;flex:1;min-width:0;min-height:0;gap:0;margin:0;padding:0;overflow:hidden}
.business-toolbar{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg2)}
.business-toolbar>div:first-child{flex:1;min-width:0}.business-toolbar h2{margin:0;font-size:var(--ui-section);font-weight:650}.business-toolbar p,.business-modal-head p{margin:2px 0 0;color:var(--text3);font-size:var(--ui-caption)}
.business-clock-card{display:grid;gap:7px;margin-top:4px;padding:10px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg)}.business-clock-card>span{font-size:var(--ui-label);font-weight:650}.business-clock-card>small{color:var(--text3);font-size:10px;line-height:1.35}.business-clock-card .btn{width:100%}
.business-toolbar-actions{display:flex;align-items:center;gap:8px}.business-toolbar-actions .search-wrap{margin:0;width:min(300px,28vw)}
.business-invoice-layout{display:grid;grid-template-columns:clamp(232px,17vw,280px) minmax(0,1fr);width:100%;flex:1;min-width:0;min-height:0;gap:0;margin:0;padding:0}
.business-invoice-list{overflow-y:auto;border-right:1px solid var(--border);padding:0;background:var(--bg2)}
.business-invoice-card{display:flex;flex-direction:column;gap:2px;width:100%;margin:0;padding:9px 10px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.business-invoice-card:hover{background:var(--bg3)}.business-invoice-card.active{box-shadow:3px 0 0 var(--accent-ink) inset;background:var(--accent-light)}
.business-invoice-card-top,.business-invoice-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.business-invoice-card-top strong{font-size:var(--ui-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-invoice-card-number{font-size:var(--ui-label);color:var(--text2)}.business-invoice-card-meta{font-size:var(--ui-caption);color:var(--text3)}.business-invoice-card-meta b{color:var(--text);font-size:var(--ui-label)}
.business-status{display:inline-flex;align-items:center;width:max-content;padding:2px 7px;border-radius:999px;font-size:var(--ui-caption);font-weight:600;background:var(--bg3);color:var(--text2)}.business-status.verified{background:var(--chip-green-bg);color:var(--chip-green-fg)}.business-status.overdue,.business-status.cancelled{background:var(--chip-red-bg);color:var(--chip-red-fg)}.business-status.draft{background:var(--warn-bg);color:var(--warn-fg)}
.business-invoice-detail{overflow-y:auto;padding:20px 24px;background:var(--bg)}.business-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text3);font-size:var(--ui-body);text-align:center}
.business-detail-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.business-detail-head>div:nth-child(2){flex:1;min-width:0}.business-eyebrow{display:block;color:var(--text3);font-size:var(--ui-caption);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.business-detail-head h2{margin:4px 0 2px;font-size:var(--ui-title)}.business-detail-head p{margin:0;color:var(--text2);font-size:var(--ui-body)}.business-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.business-mobile-back{display:none}
.business-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg2);margin-bottom:14px}.business-summary>div{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-right:1px solid var(--border)}.business-summary>div:last-child{border-right:0}.business-summary span,.business-amount-grid span{font-size:var(--ui-caption);color:var(--text3)}.business-summary strong{font-size:var(--ui-body)}
.business-panel{padding:16px;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg2)}.business-panel>strong,.business-section-head strong{font-size:var(--ui-subsection)}.business-panel>p{margin:8px 0 0;font-size:var(--ui-body);line-height:1.5}.business-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.business-section-head>div{display:flex;flex-direction:column;gap:2px}.business-section-head small,.business-muted{color:var(--text3);font-size:var(--ui-caption)}
.business-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.business-amount-grid>div{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:var(--r-md);background:var(--bg3)}.business-amount-grid strong{font-size:var(--ui-section)}
.business-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:var(--ui-label)}.business-table th,.business-table td{padding:7px 8px;border-top:1px solid var(--border);text-align:right}.business-table th:first-child,.business-table td:first-child{text-align:left}.business-table th{color:var(--text3);font-weight:600}
.business-sheet-link,.business-file-list a{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);text-decoration:none;cursor:pointer}.business-sheet-link{justify-content:space-between}.business-sheet-link>span:first-child{display:flex;min-width:0;flex-direction:column;gap:2px;color:var(--text);font-family:inherit;font-size:var(--ui-body)}.business-sheet-link>span:first-child small{overflow:hidden;color:var(--text3);font-size:var(--ui-caption);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.business-sheet-link>span:last-child{color:var(--text3);font-family:var(--mono);font-size:var(--ui-caption)}.business-file-list{display:flex;flex-direction:column;gap:6px}.business-file-row{display:flex;align-items:center;gap:8px}.business-file-row>a{flex:1;min-width:0}.business-file-row>a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-reviewed{color:var(--success);font-size:var(--ui-caption);font-weight:600}.business-file-list a:hover,.business-sheet-link:hover{background:var(--bg3)}.business-file-list svg{width:14px;height:14px}.business-file-list b{font-size:var(--ui-body)}
.business-activity{display:flex;flex-direction:column}.business-activity>div{display:grid;grid-template-columns:10px 1fr;gap:8px}.business-activity>div>span{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent-ink)}.business-activity p{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 10px;font-size:var(--ui-label)}.business-activity small{display:block;width:100%;color:var(--text3);font-size:var(--ui-caption)}
.business-invoice-modal{width:min(760px,94vw);max-height:90vh;overflow-y:auto}.business-modal-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.business-modal-head>div{flex:1}.business-modal-head h3{margin:0;font-size:var(--ui-dialog)}
.business-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.business-span{grid-column:1/-1}.business-field-action{display:flex;gap:6px}.business-field-action select{flex:1;min-width:0}.business-quick-supplier{padding:12px;margin:12px 0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg3)}.business-quick-supplier>strong{display:block;margin-bottom:10px;font-size:var(--ui-subsection)}.business-inline-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
.business-tax-editor{margin:16px 0}.business-tax-row{display:grid;grid-template-columns:110px 1fr 1fr auto;align-items:end;gap:8px;margin-bottom:8px}.business-tax-row label,.business-totals label{display:flex;flex-direction:column;gap:4px;color:var(--text3);font-size:var(--ui-caption)}.business-totals{display:flex;align-items:end;justify-content:flex-end;gap:8px;padding:12px;margin-bottom:14px;border-radius:var(--r-md);background:var(--bg3)}.business-totals label{width:130px}.business-totals>span{padding-bottom:8px;color:var(--text3)}
.business-allocation-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:end;gap:20px;padding:12px;margin-bottom:12px;border-radius:var(--r-md);background:var(--bg3)}.business-allocation-toolbar label,.business-allocation-toolbar>div{display:flex;flex-direction:column;gap:4px}.business-allocation-toolbar span,.business-allocation-row label{color:var(--text3);font-size:var(--ui-caption)}.business-allocation-toolbar strong{font-size:var(--ui-section)}.business-allocation-toolbar .is-error{color:var(--danger)}.business-allocation-row{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 88px 105px auto;align-items:end;gap:8px;margin-bottom:8px}.business-allocation-row label{display:flex;min-width:0;flex-direction:column;gap:4px}.business-allocation-row select{min-width:0}
.business-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:9px 4px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-size:var(--ui-label);text-align:left;cursor:pointer}.business-history-row:hover{background:var(--bg3)}.business-history-row span:nth-child(2){color:var(--text3)}
.business-payment-table .is-reversed{color:var(--text3);text-decoration:line-through}.business-payment-table td:last-child{width:1%;white-space:nowrap}
.banking-preview{max-height:48vh;overflow:auto;margin-top:12px}.banking-suggestion{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.banking-suggestion>div{display:flex;min-width:0;flex-direction:column;gap:3px}.banking-suggestion>div span{color:var(--text3);font-size:var(--ui-caption)}.banking-suggestion>span{color:var(--accent-ink);font-size:var(--ui-caption);font-weight:700}
.business-import-map{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.business-review-note.is-error{background:var(--chip-red-bg);color:var(--chip-red-fg)}#business-import-history-list .business-history-row>span:first-child{display:flex;min-width:0;flex-direction:column;gap:2px}#business-import-history-list .business-history-row small{color:var(--text3);font-size:var(--ui-caption)}
.sales-quote-line{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,1fr) minmax(90px,1fr) auto;align-items:end;gap:8px;margin:8px 0;padding:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg2)}.business-table td small{display:block;color:var(--text3);font-size:var(--ui-caption)}
.sales-shipment-line{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(220px,2fr) minmax(110px,1fr);align-items:end;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.sales-shipment-line>div{display:flex;flex-direction:column;gap:3px}.sales-shipment-line small,.sales-stock-movement{color:var(--text3);font-size:var(--ui-caption)}.sales-stock-movement{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 8px 5px 20px}.sales-stock-movement.is-reversed{text-decoration:line-through}
.business-extract-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.business-extract-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg2)}.business-extract-field>input{margin-top:25px}.business-extract-field>span{display:flex;min-width:0;flex-direction:column;gap:5px}.business-extract-field b{font-size:var(--ui-subsection)}.business-extract-field small{color:var(--text3);font-size:var(--ui-caption);line-height:1.35}.business-extract-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.business-extract-amounts label{display:flex;min-width:0;flex-direction:column;gap:4px;color:var(--text3);font-size:var(--ui-caption)}#business-extract-amounts{grid-column:1/-1}.business-review-note{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn-fg);font-size:var(--ui-caption)}
#business-allocation-filter-group select+select{margin-top:6px}
.business-date-filter{display:grid;grid-template-columns:1fr;gap:6px}
.business-sidebar-body{gap:0}.business-sidebar-body .search-wrap{margin:0 0 8px}.business-sidebar-body .ss{margin:0 0 8px}.business-sidebar-body .sl{margin:0 7px 4px}
@media(max-width:820px){.business-invoice-sidebar{position:absolute;inset:0 auto 0 0;width:min(260px,82vw);height:auto;z-index:12;box-shadow:var(--shadow-md);transition:width .2s ease,box-shadow .2s ease}.business-invoice-sidebar.collapsed{width:0;box-shadow:none}.business-invoice-main{width:100%}.business-invoice-layout{display:block;position:relative;width:100%}.business-invoice-list{height:100%;border-right:0;padding-left:18px}.business-invoice-detail{display:none;position:absolute;inset:0;padding:14px;background:var(--bg);z-index:2}.business-invoice-detail.has-detail{display:block}.business-mobile-back{display:block;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:var(--ui-action);padding:8px 0}.business-detail-head{flex-wrap:wrap}.business-detail-head>div:nth-child(2){flex-basis:calc(100% - 80px)}.business-detail-actions{width:100%}.business-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.business-summary>div:nth-child(2){border-right:0}.business-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.business-form-grid{grid-template-columns:1fr}.business-span{grid-column:auto}.business-tax-row{grid-template-columns:70px 1fr 1fr auto}.business-totals{overflow-x:auto;justify-content:flex-start}.business-totals label{min-width:112px}.business-invoice-modal{width:94vw}.business-amount-grid{grid-template-columns:1fr}.business-allocation-toolbar{grid-template-columns:1fr 1fr}.business-allocation-toolbar label{grid-column:1/-1}.business-allocation-row{grid-template-columns:1fr 1fr}.business-allocation-row label:nth-child(1),.business-allocation-row label:nth-child(2){grid-column:1/-1}.business-allocation-row .icon-btn{justify-self:end}.business-file-row{align-items:stretch;flex-wrap:wrap}.business-file-row>a{flex-basis:100%}.business-extract-list{grid-template-columns:1fr}.business-extract-amounts{grid-template-columns:1fr 1fr}#business-extract-amounts{grid-column:auto}}
@media(min-width:821px) and (max-width:1100px){.business-invoice-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:820px){.banking-suggestion{grid-template-columns:minmax(0,1fr) auto}.banking-suggestion .btn{grid-column:1/-1;width:100%}}
@media(max-width:820px){.business-import-map{grid-template-columns:1fr}#business-import-history-list .business-history-row{grid-template-columns:1fr auto}#business-import-history-list .business-history-row>span:nth-child(2){grid-column:1/-1}}
@media(max-width:820px){.sales-quote-line{grid-template-columns:1fr 1fr}.sales-quote-line .form-row:first-child{grid-column:1/-1}.sales-quote-line .icon-btn{justify-self:end}}
@media(max-width:820px){.sales-shipment-line{grid-template-columns:1fr}.sales-stock-movement{padding-left:8px}}
@media(max-width:820px){.business-invoice-list{padding:0}}

/* The generic .btn display rule beats the [hidden] attribute: keep hidden Business buttons hidden, and let the
   month card's actions wrap instead of clipping "Submit month" in the 260px sidebar. */
.business-invoice-sidebar [hidden]{display:none!important}
.business-clock-card .business-sidebar-icon-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px}
.business-clock-card .business-sidebar-icon-actions .btn{flex:0 1 auto;white-space:nowrap}
@media(max-width:820px){.business-invoice-sidebar .business-sidebar-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.business-invoice-sidebar .business-sidebar-body{padding-bottom:12px}}

.business-activity-row{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border)}.business-activity-row:last-child{border-bottom:0}.business-activity-row strong{text-transform:capitalize}.business-activity-row span{color:var(--text3)}.business-activity-row p{flex:1 0 100%;margin:2px 0 0;color:var(--text3)}
/* Time → Statistics */
.tcs-scope{display:flex;flex-direction:column}.tcs-sub{display:block;color:var(--text3);font-size:12px;margin-top:2px}
.tcs-bars{display:flex;align-items:flex-end;gap:3px;height:130px;margin-top:12px}
.tcs-bar{position:relative;flex:1 1 0;min-width:0;height:100%;padding-bottom:16px;box-sizing:border-box;display:flex;align-items:flex-end}
.tcs-bar i{display:block;width:100%;background:var(--pf-s3,#6584b4);opacity:.8;border-radius:3px 3px 0 0}
.tcs-bar:hover i{opacity:1}
.tcs-bar span{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:10px;color:var(--text3);overflow:hidden}
.tcs-days .tcs-bar span{font-size:9px}
@media(max-width:700px){.tcs-days .tcs-bar:not(:nth-child(5n+1)) span{visibility:hidden}}
.tcs-scroll{overflow-x:auto}.tcs-table{width:100%;border-collapse:collapse;font-size:13px}
.tcs-table th{text-align:left;font-weight:600;color:var(--text3);font-size:12px;padding:6px 10px 6px 0;white-space:nowrap}
.tcs-table td{padding:7px 10px 7px 0;border-top:1px solid var(--border);white-space:nowrap}
.tcs-barcell{display:flex;align-items:center;gap:8px;min-width:170px}.tcs-hbar{display:inline-block;width:70px;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}
.tcs-hbar i{display:block;height:100%;background:var(--pf-s3,#6584b4)}
.tcs-flag{color:var(--orange);font-weight:600}