#panel-opt>.panel-body{padding:24px;overflow:auto;scrollbar-gutter:stable;overflow-anchor:none;}
.biz-dialog.biz-sale-dialog{width:min(680px,calc(100vw - 28px));}
.biz-sale-editor .biz-sale-section{display:grid;gap:12px;padding:0 0 16px;border-bottom:1px solid var(--border);min-width:0;}
.biz-sale-editor .biz-sale-section h3,.biz-sale-editor .biz-sale-preview h3{margin:0;font-size:14px;line-height:1.5;}
.biz-sale-editor .biz-sale-amount-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:end;min-width:0;}
.biz-sale-editor .biz-field{min-width:0;}
.biz-sale-editor .biz-sale-section>.biz-field:has(input[name=quantity]){max-width:180px;}
.biz-sale-editor .biz-sale-equivalent{margin:0;color:var(--text);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;}
.biz-sale-editor .biz-sale-equivalent:empty{display:none;}
.biz-sale-editor .biz-muted{margin:0;}
.biz-sale-editor .biz-sale-linked{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;}
.biz-sale-editor .biz-sale-source-toggle{display:flex;flex-direction:row;align-items:flex-start;gap:10px;color:var(--text);font-size:13px;line-height:1.5;cursor:pointer;}
.biz-sale-editor .biz-sale-source-toggle input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-width:20px;min-height:20px;margin:0;padding:0;}
.biz-sale-editor .biz-sale-preview{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);}
.biz-sale-editor .biz-sale-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;font-variant-numeric:tabular-nums;}
.biz-sale-editor .biz-sale-preview-grid>div{display:grid;gap:4px;min-width:0;}
.biz-sale-editor .biz-sale-preview-grid strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere;}
.biz-sale-editor .biz-sale-preview-grid .biz-muted{font-size:11px;}
.biz-sale-editor input[readonly]{opacity:.75;}
.biz-sale-editor .biz-sale-editor-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;}
.biz-sale-editor [hidden]{display:none!important;}
@media(max-width:560px){.biz-dialog.biz-sale-dialog{padding:18px;}.biz-sale-editor .biz-sale-amount-row{grid-template-columns:minmax(0,1fr) 112px;gap:9px;}.biz-sale-editor .biz-sale-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.biz-sale-editor .biz-sale-editor-actions button{flex:1 1 0;}.biz-sale-editor .biz-sale-section>.biz-field:has(input[name=quantity]){max-width:none;}}
#panel-opt .biz-vendor-toolbar{display:grid;grid-template-columns:auto minmax(150px,180px) 1fr;align-items:center;min-height:44px;}
#panel-opt .biz-vendor-toolbar>select{width:100%;min-width:0;margin:0;}
.biz-vendor-tabs,.biz-vendor-tools{display:flex;align-items:center;gap:8px;}
.biz-vendor-tools{justify-content:flex-end;}
#panel-opt .biz-vendor-tabs button{min-height:44px;white-space:nowrap;}
.biz-supplier-detail{min-width:0;}
@media(max-width:1100px){#panel-opt .biz-vendor-toolbar{grid-template-columns:1fr 180px;}.biz-vendor-tools{grid-column:1/-1;justify-content:flex-start;}}
@media(max-width:550px){#panel-opt .biz-vendor-toolbar{grid-template-columns:1fr;}#panel-opt .biz-vendor-toolbar>select{max-width:100%;}.biz-vendor-tools{flex-wrap:wrap;}.biz-supplier-heading>.biz-key-actions{margin-top:0;}}
#opt-content{width:100%;max-width:1200px;margin:auto;}
.biz-key-catalog{margin:22px 0;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);}
.biz-key-catalog h3{margin:0;font-size:15px;}
.biz-key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;}
.biz-key-card{min-width:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);}
.biz-key-card .biz-number{margin-top:8px;}
.biz-key-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
@media(max-width:1100px){.biz-key-grid{grid-template-columns:1fr;}.biz-key-card .biz-key-actions{margin-top:8px;}}
.biz-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;}
.biz-card{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:14px;min-width:0;}
.biz-card h3{font-size:15px;margin:0 0 12px;line-height:1.5;}
.biz-muted{color:var(--text2);font-size:12px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere;}
.biz-number{display:block;font-size:23px;line-height:1.5;font-variant-numeric:tabular-nums;}
.biz-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0;}
#panel-opt button,#payroll-content button,.biz-dialog button,.biz-order-action{font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:8px 12px;min-height:36px;cursor:pointer;}
#panel-opt button.biz-primary,.biz-dialog button.biz-primary{background:var(--blue);color:#fff;border-color:transparent;}
#panel-opt button.selected{background:var(--surface);border-color:var(--blue);}
.biz-order{display:flex;align-items:center;gap:20px;}.biz-order>div:first-child{flex:1;min-width:0;}.biz-amount{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.biz-void{opacity:.65;}.biz-quiet{background:transparent!important;}
.biz-empty{color:var(--text2);padding:30px 0;line-height:1.6;}
.biz-dialog{width:min(560px,calc(100vw - 28px));max-height:88dvh;overflow:auto;box-sizing:border-box;padding:22px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;}
.biz-dialog::backdrop{background:#070e19b3;backdrop-filter:blur(3px);}
.biz-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}.biz-head h2{font-size:18px;line-height:1.5;margin:0;}.biz-close{flex:none;}
.biz-form{display:grid;gap:12px;}.biz-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text2);}
.biz-field input,.biz-field select,.biz-field textarea,#panel-opt select{min-height:40px;box-sizing:border-box;width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 11px;font:inherit;}
#panel-opt .biz-toolbar select{width:auto;}.biz-field textarea{min-height:70px;resize:vertical;}
.biz-form>.biz-primary{justify-self:start;}.biz-error{color:var(--red,#ff9898);font-size:13px;line-height:1.5;margin:0;}.biz-error:empty{display:none;}
.biz-note,.biz-warning{border-left:2px solid var(--blue);padding:8px 12px;color:var(--text2);font-size:12px;line-height:1.6;}.biz-warning{border-color:#d6a458;}
.biz-linked{border-top:1px solid var(--border);padding-top:14px;}.biz-linked h3{font-size:14px;}
.biz-order-action{margin-top:8px!important;min-height:30px!important;padding:5px 9px!important;background:transparent!important;color:var(--text2)!important;font-size:11px!important;width:auto!important;}
#payroll-section{margin-bottom:24px;}#payroll-section>summary{cursor:pointer;font-size:16px;font-weight:600;padding:12px 0;}#payroll-content{margin-top:12px;}
.biz-payroll-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}.biz-history{margin-top:16px;border-top:1px solid var(--border);padding-top:14px;}.biz-history>summary{cursor:pointer;font-size:13px;}.biz-history-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.6;}
@media(max-width:1100px){.biz-totals{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){#panel-opt>.panel-body{padding:16px 14px 90px;}.biz-totals{grid-template-columns:1fr;gap:0;}.biz-order{flex-wrap:wrap;gap:10px;}.biz-order>div:first-child{flex-basis:100%;}.biz-payroll-stats{grid-template-columns:1fr;gap:10px;}.biz-number{font-size:21px;}.biz-field input,.biz-field select,.biz-field textarea{font-size:16px;}}
#opt-content{margin:0 auto;}
#panel-opt button.biz-primary,.biz-dialog button.biz-primary{background:var(--blue,#78aee4);color:#fff;}
#panel-opt button.selected{border-color:var(--blue,#78aee4);}
.biz-note{border-left-color:var(--blue,#78aee4);}

/* Native dialog placement must override the global margin reset. */
.biz-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);}
.payment-row-controls .biz-order-action{margin:0!important;align-self:end;height:34px;white-space:nowrap;}
.payment-row-controls .biz-method-control{width:125px;min-width:110px;}

.biz-client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.layout-transfer #panel-pay .payment-row-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.layout-transfer #panel-pay .payment-row-controls .pay-control{grid-column:auto;width:auto;min-width:0;}
.layout-transfer #panel-pay .payment-row-controls .payment-history-btn:not(.payment-load-more){grid-column:auto;grid-row:auto;}
@container pay-list (min-width:940px){
 .layout-transfer #panel-pay .payment-row{grid-template-columns:minmax(180px,1fr) minmax(465px,520px) 150px;column-gap:16px;}
 .layout-transfer #panel-pay .payment-row-controls{grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) minmax(100px,1fr) 30px 48px;gap:7px;}
 .layout-transfer #panel-pay .payment-row-controls .biz-order-action{padding:5px!important;font-size:11px!important;}
}
.biz-client-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}
.biz-card>.biz-toolbar+h3,.biz-card>.biz-history-row+button+h3{margin-top:24px;}
.biz-card>.biz-history-row+button{margin-top:12px;}
@media(max-width:600px){.biz-client-grid{grid-template-columns:1fr;}}

#panel-opt>.panel-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
#opt-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
#opt-header-actions .biz-toolbar{margin:0;}
#opt-header-actions .biz-opt-tabs{padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);gap:3px;}
#opt-header-actions .biz-opt-tabs button{background:transparent;border-color:transparent;}
#opt-header-actions .biz-opt-tabs button.selected{background:#345c7e;color:#fff;}
@media(max-width:700px){#opt-header-actions{width:100%;justify-content:flex-start;margin-left:0;}#opt-header-actions .biz-opt-tabs{max-width:100%;}#opt-header-actions .biz-opt-tabs button{padding:8px;font-size:11px;}}

/* Stable header and calm supplier workspace. */
#opt-header-actions{display:grid;grid-template-columns:auto 170px;gap:12px;}
#opt-header-actions .biz-header-action{width:170px;}#opt-header-actions .biz-header-action button{width:100%;}
.biz-supplier-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;}
.biz-supplier-nav{display:flex;flex-direction:column;gap:8px;}
#panel-opt .biz-supplier-nav button{text-align:left;padding:14px;background:transparent;display:flex;flex-direction:column;align-items:flex-start;}
#panel-opt .biz-supplier-nav button.selected{background:var(--surface);border-color:var(--border);box-shadow:inset 3px 0 #78aee4;}
.biz-supplier-nav .biz-muted{margin:6px 0 0;font-size:11px;}
.biz-supplier-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;}.biz-supplier-heading h2{font-size:20px;}
.biz-balance-line{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-block:1px solid var(--border);font-size:14px;}.biz-balance-line strong{font-size:20px;}
.biz-payment-state{font-size:12px;font-weight:600;color:var(--text2);margin:8px 0 0;}
.biz-rate-options summary{cursor:pointer;font-size:13px;color:var(--text2);padding:8px 0;}
.layout-transfer #panel-pay .payment-row-controls select{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;}
.layout-transfer #panel-pay .payment-buyer-resolution{background:transparent;border:0;padding:0;}
@media(max-width:700px){#opt-header-actions{display:flex;justify-content:flex-start;}#opt-header-actions .biz-header-action{width:170px;min-height:36px;}.biz-supplier-layout{grid-template-columns:1fr;gap:16px;}.biz-supplier-nav{display:grid;grid-template-columns:1fr 1fr;}.biz-supplier-heading{align-items:flex-start;flex-wrap:wrap;}}

.biz-work-form{gap:14px}.biz-work-form h3,.biz-work-form p{margin:0}.biz-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.biz-work-section{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--border,#40566c)}.biz-procurement-details{display:grid;gap:12px}.biz-paid-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.biz-paid-toggle input{width:18px;height:18px;margin:0}.biz-work-form [hidden]{display:none!important}@media(max-width:560px){.biz-work-grid{grid-template-columns:1fr}}

.biz-purchase-lines{display:grid;gap:16px}.biz-purchase-line{padding:16px;border:1px solid var(--border-color,#40556b);border-radius:12px;display:grid;gap:12px}.biz-purchase-line .biz-field{min-width:0}.biz-purchase-line p{margin:0}.biz-purchase-line [hidden]{display:none!important}

/* Dense purchase rows with explicit paid states. */
#panel-opt .biz-order{padding:12px 16px;gap:14px;margin-bottom:8px;border-radius:12px;}
#panel-opt .biz-order h3{margin:3px 0;font-size:14px;line-height:1.4;}
#panel-opt .biz-order .biz-muted{margin:3px 0;line-height:1.4;}
#panel-opt .biz-order .biz-payment-state{margin:4px 0 0;}
#panel-opt .biz-order.is-paid{border-left:3px solid #79cfb0;}
#panel-opt .biz-order.is-paid .biz-payment-state,#panel-opt .biz-order.is-paid .biz-amount{color:var(--green,#79cfb0);}
#panel-opt .biz-order.is-partial .biz-payment-state{color:var(--orange,#dbb977);}
#panel-opt .biz-order-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:210px;}
#panel-opt .biz-order-actions button{min-height:32px;padding:6px 9px;}
#panel-opt .biz-order-note{font-size:12px;color:var(--text2);margin-top:4px;}
#panel-opt .biz-order-note summary{cursor:pointer;}
.layout-transfer #panel-pay .payment-row-controls select.payment-status-select.status-done{background:#79cfb01f!important;color:var(--green,#79cfb0)!important;border-color:#79cfb04d!important;}
@media(max-width:600px){#panel-opt .biz-order-actions{margin-left:auto;max-width:none;}#panel-opt .biz-order{gap:8px;}#panel-opt .biz-amount{font-size:16px;}}

/* OPT workspace: shared navigation and density for suppliers and clients. */
#panel-opt>.panel-header{padding:22px 28px 0;gap:18px;border-bottom:1px solid var(--border);align-items:flex-start;flex-direction:column}
#panel-opt>.panel-header h2{font-size:22px;line-height:1.3}
#opt-header-actions{width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px}
#opt-header-actions .biz-opt-tabs{padding:0;background:transparent;border:0;gap:6px;border-radius:0}
#opt-header-actions .biz-opt-tabs button{padding:11px 14px;color:var(--text2);border:1px solid transparent;border-radius:9px}
#opt-header-actions .biz-opt-tabs button.selected{background:rgba(120,174,228,.1);color:var(--text);border-color:rgba(120,174,228,.3)}
#opt-header-actions .biz-header-action{width:auto;flex-shrink:0}
#opt-header-actions .biz-header-action button{width:auto;min-width:168px}
#panel-opt>.panel-body{padding:28px}
#opt-content{max-width:1400px}
.biz-eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.09em;color:var(--text2);margin-bottom:8px}
.biz-supplier-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
.biz-supplier-nav{align-self:start;gap:6px}
#panel-opt .biz-supplier-nav button{padding:14px 16px;border-color:transparent;border-radius:10px;min-height:64px}
#panel-opt .biz-supplier-nav button:hover{background:rgba(120,174,228,.045)}
#panel-opt .biz-supplier-nav button.selected{background:rgba(120,174,228,.08);border-color:rgba(120,174,228,.25);box-shadow:none}
.biz-supplier-nav strong{font-size:13px}.biz-supplier-nav .biz-muted{margin-top:4px}
.biz-supplier-heading{margin-bottom:20px;min-height:48px}.biz-supplier-heading h2{margin:0;font-size:23px;line-height:1.3}.biz-supplier-heading .biz-muted{margin:5px 0 0}
.biz-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}
.biz-overview-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.biz-stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:rgba(120,174,228,.025);min-width:0}
.biz-stat .biz-muted{margin:0;font-size:12px}.biz-stat strong{font-size:23px;line-height:1.3;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.biz-stat-emphasis{background:rgba(120,174,228,.08);border-color:rgba(120,174,228,.3)}
.biz-list-toolbar{padding:0 0 16px;border-bottom:1px solid var(--border);gap:8px;margin:0 0 18px}
#panel-opt .biz-list-toolbar button{background:transparent;color:var(--text2);border-color:transparent}
#panel-opt .biz-list-toolbar button.selected{background:var(--surface);border-color:var(--border);color:var(--text)}
#panel-opt .biz-list-toolbar select{margin-left:auto;min-height:36px;padding-block:7px}
#panel-opt .biz-order{background:rgba(120,174,228,.035);border-color:var(--border);padding:14px 16px;margin-bottom:8px;gap:16px}
#panel-opt .biz-order.is-paid{background:rgba(121,207,176,.05)}
#panel-opt .biz-order h3{font-size:14px;line-height:1.5;font-weight:600}
#panel-opt .biz-order .biz-amount{font-size:18px}
#panel-opt .biz-order-actions .biz-quiet{color:var(--text2);border-color:transparent}
.biz-price-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}
.biz-price-row>div:first-child{flex:1;min-width:0}.biz-price-row strong{display:block}.biz-price-row .biz-muted{display:block;margin:5px 0 0}
.biz-price-amounts{text-align:right;font-variant-numeric:tabular-nums}
.biz-welcome{padding:48px 36px;border:1px solid var(--border);border-radius:16px;background:rgba(120,174,228,.025);max-width:760px;margin:24px auto}
.biz-welcome h2{font-size:25px;line-height:1.35;margin:12px 0}.biz-welcome p{font-size:14px;line-height:1.7;max-width:580px;margin:12px 0 24px}
#panel-opt button:focus-visible,#panel-opt select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1000px){.biz-supplier-layout{grid-template-columns:175px minmax(0,1fr);gap:20px}.biz-stat{padding:14px}.biz-stat strong{font-size:19px}.biz-overview{gap:8px}#panel-opt .biz-order{flex-wrap:wrap}#panel-opt .biz-order>div:first-child{flex-basis:100%}#panel-opt .biz-order-actions{margin-left:auto}}
@media(max-width:700px){#panel-opt>.panel-header{padding:18px 14px 0}#panel-opt>.panel-header h2{font-size:20px}#opt-header-actions{align-items:stretch;flex-direction:column;gap:12px}#opt-header-actions .biz-opt-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}#opt-header-actions .biz-opt-tabs button{font-size:12px;padding:10px 8px}#opt-header-actions .biz-header-action{width:100%}#opt-header-actions .biz-header-action button{width:100%}#panel-opt>.panel-body{padding:20px 14px 90px}.biz-supplier-layout{grid-template-columns:1fr;gap:22px}.biz-supplier-nav{display:flex;flex-direction:row;overflow:auto;padding:2px 0 5px}.biz-supplier-nav>.biz-eyebrow{display:none}#panel-opt .biz-supplier-nav button{min-width:150px;flex-shrink:0}.biz-overview{grid-template-columns:1fr}.biz-overview-two{grid-template-columns:1fr 1fr}.biz-stat{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.biz-overview-two .biz-stat{flex-direction:column;align-items:flex-start}.biz-stat strong{font-size:20px}.biz-supplier-heading{margin-bottom:16px}.biz-supplier-heading h2{font-size:21px}#panel-opt .biz-list-toolbar select{margin-left:0;flex:1;min-width:140px}.biz-price-row{flex-wrap:wrap}.biz-price-row>div:first-child{flex-basis:55%}.biz-price-row>button{margin-left:auto}.biz-welcome{margin:0;padding:28px 20px}.biz-welcome h2{font-size:23px}}

/* Reuse the shared Home/Activate header and pill switcher. */
#panel-opt>.panel-header{flex-direction:row;align-items:center;flex-wrap:nowrap;padding:10px 24px;min-height:72px;gap:12px}
#opt-header-actions{display:contents}
#opt-pill-switcher{margin-left:auto;flex-shrink:0;width:auto}
.biz-section-actions{display:flex;justify-content:flex-end;margin:0 0 18px}
@media(max-width:768px){#panel-opt>.panel-header{flex-wrap:wrap;min-height:64px;padding:12px 16px}#opt-pill-switcher{max-width:100%}.biz-section-actions{margin-bottom:16px}}
#opt-pill-switcher .pill-btn{white-space:nowrap;flex:0 0 auto}

/* OPT uses the approved Check Pay surfaces, summary strip and form dimensions.
   Color tokens are shared in checkpay-refined.css. Keep the shared panel header. */
#panel-opt>.panel-body{padding:24px 28px 30px}
#panel-opt .biz-overview{gap:0;padding:0;margin:0 0 22px;border:0;border-radius:0;background:none}
#panel-opt .biz-stat{display:grid;grid-template-rows:34px auto;gap:4px;padding:3px 14px;border:0;border-left:1px solid var(--pay-line);border-radius:0;background:none}
#panel-opt .biz-stat:first-child{border-left:0;padding-left:0}
#panel-opt .biz-stat .biz-muted{font-size:11px;line-height:17px}
#panel-opt .biz-stat strong{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:normal}
#panel-opt .biz-stat-emphasis strong{color:var(--pay-good)}
#panel-opt .biz-order,#panel-opt .biz-price-row{padding:16px 20px;margin:0 0 10px;border:1px solid var(--pay-line);border-radius:18px;background:linear-gradient(120deg,var(--pay-top),var(--pay-panel));transition:border-color .15s}
#panel-opt .biz-order:hover,#panel-opt .biz-price-row:hover{border-color:var(--accent)}
#panel-opt .biz-order h3,#panel-opt .biz-price-row strong{font-size:16px;font-weight:600;letter-spacing:-.25px;line-height:1.5;overflow-wrap:anywhere}
#panel-opt .biz-order .biz-amount{font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.5px}
#panel-opt .biz-order.is-paid{border-color:var(--pay-good);border-left-width:1px}
#panel-opt .biz-order.is-paid .biz-payment-state{display:inline-block;padding:3px 8px;border-radius:8px;background:var(--pay-good-bg);color:var(--pay-good)}
#panel-opt .biz-order.is-paid .biz-amount{color:var(--pay-good)}
#panel-opt .biz-order .biz-muted{font-size:12px;line-height:1.5}
#panel-opt .biz-order small.biz-muted{font-size:11px}
#panel-opt .biz-supplier-nav button{border:1px solid transparent;border-radius:12px;background:transparent}
#panel-opt .biz-supplier-nav button.selected{border-color:var(--pay-line);background:linear-gradient(120deg,var(--pay-top),var(--pay-panel))}
#panel-opt .biz-list-toolbar{border:0;padding:0;gap:12px;margin-bottom:22px}
#panel-opt .biz-list-toolbar select{min-height:44px;border-radius:12px;font-size:13px;background-color:var(--surface);border-color:var(--pay-line)}
#panel-opt .biz-client-actions{justify-content:flex-end}
#panel-opt .biz-toolbar button,.biz-dialog button{min-height:40px;padding:8px 14px;border-radius:10px}
#panel-opt .biz-order-actions button{min-height:34px;border-radius:9px}
#panel-opt select,.biz-dialog select{appearance:none;background-image:var(--pay-arrow);background-repeat:no-repeat;background-size:16px 16px;background-position:right 13px center;padding-right:38px}
.biz-dialog{padding:22px 26px;border:1px solid var(--pay-line);border-radius:23px;background:linear-gradient(125deg,var(--pay-top),var(--pay-panel))}
.biz-dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}
.biz-dialog .biz-head{margin-bottom:20px}.biz-dialog .biz-head h2{font-size:19px}
.biz-dialog .biz-field{gap:5px}
.biz-dialog .biz-field :is(input,select,textarea){min-height:44px;padding:10px 12px;border:1px solid var(--pay-line);border-radius:10px;background-color:var(--surface2)}
.biz-dialog .biz-field select{padding-right:38px}
.biz-dialog .biz-work-section{padding:18px;border:0;border-radius:13px;background:var(--bg)}
.biz-dialog .biz-work-section h3{font-size:15px;line-height:1.5}
.biz-dialog .biz-purchase-line{border-color:var(--pay-line);background:var(--pay-panel)}
.biz-dialog .biz-form>.biz-primary{justify-self:end;min-width:130px;margin-top:6px}
.biz-dialog .biz-close{width:36px;min-height:36px;padding:0}
@media(max-width:600px){
 #panel-opt>.panel-body{padding:16px 16px 90px}
 #panel-opt .biz-overview{grid-template-columns:1fr 1fr;gap:15px}
 #panel-opt .biz-stat{padding:0;grid-template-rows:auto auto;border:0;align-items:start;justify-content:start}
 #panel-opt .biz-overview:not(.biz-overview-two) .biz-stat-emphasis{grid-column:1/-1;border-top:1px solid var(--pay-line);padding-top:14px}
 #panel-opt .biz-stat strong{font-size:22px}
 #panel-opt .biz-order,#panel-opt .biz-price-row{padding:15px;gap:10px}
 #panel-opt .biz-order h3,#panel-opt .biz-price-row strong{font-size:15px}
 #panel-opt .biz-order .biz-amount{font-size:19px}
 .biz-dialog{padding:20px}.biz-dialog .biz-field :is(input,select,textarea){font-size:16px}
 .biz-dialog .biz-work-section{padding:14px}
}
/* Consistent field affordances throughout OPT, payroll and accounting dialogs. */
.biz-dialog .biz-field select,#panel-opt select{appearance:none!important;-webkit-appearance:none!important;background-image:var(--pay-arrow)!important;background-repeat:no-repeat!important;background-size:16px 16px!important;background-position:right 14px center!important;padding-right:42px!important}
.biz-date{position:relative;min-width:0}.biz-date input{width:100%;padding-right:48px!important;min-width:0}.biz-date input::-webkit-calendar-picker-indicator{display:none}
.biz-dialog .biz-date-toggle{position:absolute;right:6px;top:5px;width:34px;height:34px;min-height:34px;padding:0;background:transparent;border:0;font-size:22px;color:var(--text2)}
.biz-calendar{position:relative;margin-top:8px;padding:12px;border:1px solid var(--pay-line);border-radius:13px;background:var(--pay-panel);box-shadow:0 10px 25px #0002;color:var(--text);font-size:12px}
.biz-calendar[hidden]{display:none!important}.biz-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.biz-calendar-head strong{text-transform:capitalize;font-size:13px}.biz-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.biz-calendar-grid>span{text-align:center;margin:0;padding:6px 0}
.biz-dialog .biz-calendar button{min-height:34px;padding:5px;border:1px solid transparent;background:transparent}.biz-dialog .biz-calendar button:hover{background:var(--surface2)}.biz-dialog .biz-calendar button.selected{background:var(--blue);color:white}.biz-calendar>button{margin-top:6px}.biz-calendar button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
#panel-opt .biz-client-overview{padding:22px 26px;margin-bottom:22px;border:1px solid var(--pay-line);border-radius:23px;background:linear-gradient(125deg,var(--pay-top),var(--pay-panel))}
#panel-opt .biz-client-overview .biz-supplier-heading{margin-bottom:20px}#panel-opt .biz-client-overview .biz-overview{margin-bottom:18px}#panel-opt .biz-client-overview .biz-client-actions{margin:0;padding-top:16px;border-top:1px solid var(--pay-line)}
#panel-opt .biz-empty{padding:24px;border:1px dashed var(--pay-line);border-radius:18px;margin-top:20px;font-size:13px}
.biz-report-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--pay-line)}.biz-report-total strong{font-size:25px;color:var(--pay-good);white-space:nowrap;font-variant-numeric:tabular-nums}
.biz-report-preview{display:grid;gap:16px}.biz-report-day{padding:16px;border-radius:13px;background:var(--bg)}.biz-report-day h3{font-size:13px;color:var(--text2);margin:0 0 12px}.biz-report-item{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:7px 0;font-size:13px;line-height:1.5}.biz-report-item span{min-width:0;overflow-wrap:anywhere}.biz-report-item strong{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.biz-report-subtotal{margin-top:8px;padding-top:12px;border-top:1px solid var(--pay-line);color:var(--pay-good)}
.biz-dialog .biz-report-form>button{justify-self:end}.biz-dialog .biz-report-form>.biz-primary{margin-top:0}.biz-report-form>.biz-muted{margin:0}
@media(max-width:600px){#panel-opt .biz-client-overview{padding:20px}#panel-opt .biz-client-overview .biz-client-actions{gap:8px}#panel-opt .biz-client-overview .biz-client-actions button{flex:1;padding:8px}.biz-report-total{align-items:flex-start;flex-direction:column;gap:4px}.biz-report-item{gap:12px;font-size:12px}}

.biz-dialog .biz-date-toggle{display:flex;align-items:center;justify-content:center}.biz-dialog .biz-date-toggle svg{display:block;flex:none;width:20px;height:20px;overflow:visible}.biz-dialog .biz-calendar-grid button.selected{background:var(--blue,#78aee4)!important;color:#fff!important}
.biz-dialog .biz-calendar-grid button.is-today{border:2px solid var(--blue,#78aee4)!important;font-weight:700;color:var(--text);}
.biz-dialog .biz-calendar-grid button.is-today:not(.selected){background:rgba(120,174,228,.12)!important;}
.biz-dialog .biz-calendar-grid button:disabled{opacity:.3;cursor:not-allowed;}

/* Compact customer summary: actions alongside balances, no extra footer row. */
#panel-opt .biz-client-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding:18px 22px}
#panel-opt .biz-client-overview .biz-supplier-heading{grid-column:1/-1;margin:0;min-height:0}
#panel-opt .biz-client-overview .biz-supplier-heading h2{font-size:20px}
#panel-opt .biz-client-overview .biz-eyebrow{font-size:9px;margin-bottom:3px}
#panel-opt .biz-client-overview .biz-overview{margin:0;max-width:520px}
#panel-opt .biz-client-overview .biz-stat{grid-template-rows:auto auto;gap:2px;padding-block:0}
#panel-opt .biz-client-overview .biz-stat strong{font-size:22px}
#panel-opt .biz-client-overview .biz-client-actions{align-self:end;padding:0;border:0;margin:0;gap:8px}
.biz-dialog .biz-field[hidden]{display:none!important}
@media(max-width:850px){#panel-opt .biz-client-overview{grid-template-columns:1fr;padding:16px;gap:12px}#panel-opt .biz-client-overview .biz-client-actions{justify-content:flex-end}#panel-opt .biz-client-overview .biz-stat strong{font-size:20px}}

/* One date per group, compact rows within the existing Check Pay design. */
#panel-opt .biz-day-group{margin:0 0 18px;min-width:0}
#panel-opt .biz-day-heading{margin:8px 0 10px;padding:0 2px;color:var(--text2);font-size:13px;font-weight:600;line-height:1.4}
#panel-opt .biz-day-group .biz-order{padding:10px 14px;margin-bottom:6px;gap:14px;min-height:58px;border-radius:14px}
#panel-opt .biz-day-group .biz-order h3{margin:0;font-size:14px;line-height:1.4;letter-spacing:0}
#panel-opt .biz-day-group .biz-order .biz-amount{font-size:18px;white-space:nowrap}
#panel-opt .biz-day-group .biz-order p{margin:3px 0 0}
#panel-opt .biz-day-group .biz-order .biz-payment-state{display:inline-block;margin:3px 0 0;font-size:11px;line-height:1.3;padding:0}
#panel-opt .biz-day-group .biz-order.is-paid .biz-payment-state{padding:2px 6px}
#panel-opt .biz-day-group .biz-order-note{margin-top:3px;font-size:11px;line-height:1.4}
#panel-opt .biz-day-group .biz-order-note summary{cursor:pointer;color:var(--text2)}
#panel-opt .biz-day-group .biz-order button{min-height:32px;padding:5px 10px}
@media(min-width:701px){#panel-opt .biz-day-group .biz-order{flex-wrap:nowrap}#panel-opt .biz-day-group .biz-order>div:first-child{flex:1 1 0;min-width:0}}
@media(max-width:700px){#panel-opt .biz-day-group .biz-order{gap:8px;padding:10px 12px}#panel-opt .biz-day-group .biz-order>div:first-child{flex-basis:100%}#panel-opt .biz-day-group .biz-order .biz-amount{font-size:16px}}

#panel-opt .biz-client-financials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 16px;padding:0 2px}
#panel-opt .biz-client-financials>div{display:flex;flex-direction:column;gap:3px}
#panel-opt .biz-client-financials .biz-muted{margin:0;font-size:11px}
#panel-opt .biz-client-financials strong{font-size:18px;font-weight:600}
#panel-opt .biz-day-group .biz-sale-profit{font-size:11px;line-height:1.4;color:var(--text2)}
#panel-opt .biz-loss{color:#ff9d9d!important}
@media(max-width:550px){#panel-opt .biz-client-financials{gap:8px}#panel-opt .biz-client-financials strong{font-size:15px}}

#panel-opt .biz-sale-method{min-height:32px;max-width:175px;font-size:11px;padding:5px 26px 5px 8px}
@media(max-width:550px){#panel-opt .biz-client-financials{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Client sales share compact payment-card metrics and aligned actions. */
#panel-opt .biz-day-group .biz-client-sale{display:grid;grid-template-columns:minmax(220px,1fr) 240px 175px;align-items:center;gap:20px;padding:14px 16px}
#panel-opt .biz-sale-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#panel-opt .biz-sale-metrics>div{display:flex;flex-direction:column;gap:4px}
#panel-opt .biz-sale-metrics .biz-muted{font-size:11px}
#panel-opt .biz-sale-metrics strong{font-size:18px;font-weight:600;white-space:nowrap}
#panel-opt .biz-profit-value{color:var(--green,#9dd5ba)}
#panel-opt .biz-sale-costs{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;color:var(--text2);font-size:11px;line-height:1.4}
#panel-opt .biz-client-sale .biz-order-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0}
#panel-opt .biz-client-sale .biz-sale-method{width:100%;max-width:none;height:32px}
#panel-opt .biz-client-sale .biz-order-actions .biz-quiet{align-self:flex-end;font-size:11px;min-height:24px;padding:2px 8px}
@media(max-width:1050px){#panel-opt .biz-day-group .biz-client-sale{grid-template-columns:minmax(0,1fr) 175px;gap:10px 18px}#panel-opt .biz-client-sale .biz-sale-metrics{grid-column:1;grid-row:2}#panel-opt .biz-client-sale .biz-order-actions{grid-column:2;grid-row:1/3}}
@media(max-width:550px){#panel-opt .biz-day-group .biz-client-sale{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}#panel-opt .biz-client-sale .biz-sale-metrics{grid-row:auto;grid-column:auto}#panel-opt .biz-client-sale .biz-order-actions{grid-row:auto;grid-column:auto;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}#panel-opt .biz-client-sale .biz-sale-method{width:175px}#panel-opt .biz-client-sale .biz-order-actions .biz-quiet{align-self:center}}

/* Supplier records: keep amounts and controls aligned, including cancelled rows. */
#panel-opt .biz-day-group .biz-supplier-order{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:12px 14px}
#panel-opt .biz-supplier-order .biz-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;max-width:none}
#panel-opt .biz-supplier-order.biz-void{opacity:1;background:var(--surface);border-color:var(--border)}
#panel-opt .biz-supplier-order.biz-void h3,#panel-opt .biz-supplier-order.biz-void .biz-amount{color:var(--text2)}
#panel-opt .biz-supplier-order.biz-void .biz-order-actions button{color:var(--text2);white-space:nowrap}
#panel-opt .biz-supplier-order.biz-void .biz-order-actions button:hover{color:var(--text);border-color:var(--text2)}
@media(max-width:700px){#panel-opt .biz-day-group .biz-supplier-order{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}#panel-opt .biz-supplier-order .biz-order-actions{grid-column:1/-1;flex-wrap:wrap}#panel-opt .biz-supplier-order .biz-amount{align-self:start}#panel-opt .biz-supplier-order h3{overflow-wrap:anywhere}}

.biz-buyer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.biz-buyer-toolbar .pill-switcher{display:flex;gap:4px}.biz-buyer-toolbar .pill-btn{min-height:36px}.biz-buyer-toolbar .pill-btn.active{background:var(--surface2,#335d7e);color:var(--text)}
@media(max-width:600px){.biz-buyer-toolbar{align-items:flex-start;flex-direction:column}.biz-buyer-toolbar .pill-switcher{flex-wrap:wrap}}

.biz-stock-link-list{max-height:320px;overflow:auto;display:grid;gap:8px;padding:8px 0}.biz-stock-link-list label{margin:0;padding:8px;border-bottom:1px solid var(--border,#3c5368)}

/* Purchaser filters and supplier actions have their own visual hierarchy. */
#panel-opt .biz-buyer-toolbar{justify-content:flex-start;gap:16px;padding:0 0 18px;margin-bottom:24px;border-bottom:1px solid var(--pay-line,#40576c)}
.biz-owner-label{font-size:12px;color:var(--text2);white-space:nowrap}
#panel-opt .biz-owner-tabs{display:flex;gap:2px;flex-wrap:wrap;padding:3px;border-radius:12px;background:var(--surface,#243244);border:1px solid var(--border,#40576c)}
#panel-opt .biz-owner-tabs .biz-owner-tab{min-height:36px;padding:8px 19px;border:0;border-radius:8px;background:transparent;color:var(--text2);box-shadow:none;font-weight:500;cursor:pointer}
#panel-opt .biz-owner-tabs .biz-owner-tab:hover{background:rgba(124,180,233,.12);color:var(--text)}
#panel-opt .biz-owner-tabs .biz-owner-tab[aria-pressed="true"]{background:#355f83;color:#fff;box-shadow:0 1px 3px #0003}
#panel-opt .biz-owner-tab:focus-visible,#panel-opt .biz-action-button:focus-visible{outline:2px solid #84bdf2;outline-offset:2px}
#panel-opt .biz-vendor-heading{align-items:flex-start}
.biz-supplier-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.biz-report-actions{display:flex;gap:8px;flex-wrap:wrap}
#panel-opt .biz-report-actions .biz-action-button{padding:9px 14px;min-height:36px;border:1px solid var(--border,#40576c);border-radius:9px;background:var(--surface,#243244);color:var(--text,#e6edf7);font-size:12px;cursor:pointer;white-space:nowrap}
#panel-opt .biz-report-actions .biz-action-button:hover{border-color:#7cb4e9;background:#304a63}
#panel-opt .biz-report-actions .biz-action-button:disabled{opacity:.65;cursor:wait}
#panel-opt .biz-vendor-toolbar{grid-template-columns:auto minmax(150px,180px);justify-content:start;gap:18px}
@media(max-width:600px){#panel-opt .biz-buyer-toolbar{gap:9px;margin-bottom:18px}.biz-supplier-actions{width:100%;align-items:stretch}.biz-supplier-actions>.biz-key-actions,.biz-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.biz-supplier-actions button{min-width:0}#panel-opt .biz-owner-tabs{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}#panel-opt .biz-owner-tabs .biz-owner-tab{padding:8px 10px}#panel-opt .biz-vendor-toolbar{grid-template-columns:1fr;gap:10px}}

.biz-supplier-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #40576c;border-radius:12px;cursor:pointer}.biz-supplier-toggle input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#7eafe0}

.biz-share-tabs{display:flex;flex-wrap:wrap;gap:8px}.biz-share-tabs button[aria-pressed=true]{background:#355f80;border-color:#81b5ef;color:#fff}.biz-share-form .biz-share-text{min-height:350px;max-height:55vh;resize:vertical;line-height:1.7;font-size:14px;padding:16px;white-space:pre-wrap}.biz-share-form{gap:14px}@media(max-width:600px){.biz-share-tabs button{flex:1 1 120px}.biz-share-form .biz-share-text{min-height:280px;font-size:13px}}