/* v2.21 Blue Business: presentation-only layer, shared by every workspace. */
@media screen {
body.blue-business{--brand:#2463dc;--brand-dark:#174baa;--ink:#142c4c;--line:#dce4ef;--erp-bg:#f2f5fa;--erp-primary:#2463dc;--erp-text:#142c4c;--erp-muted:#60738c;background:#f2f5fa;color:#142c4c}
.blue-business header{background:#fff;border-bottom:1px solid #dce4ef;box-shadow:0 2px 12px #19395f05}
.blue-business header h1{color:#142c4c;letter-spacing:-1px}
.blue-business #app #nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;background:#fff!important;border:1px solid #dce4ef!important;border-radius:16px!important;padding:8px!important;margin:14px 0!important;box-shadow:0 3px 12px #18375b04}
.blue-business #app #nav button{min-width:0!important;min-height:48px!important;padding:8px 4px!important;gap:6px!important;border:1px solid transparent!important;border-radius:10px!important;background:#f6f8fc!important;color:#334f70!important;white-space:nowrap}
.blue-business #app #nav button svg{width:20px;height:20px;flex-shrink:0;color:#2463dc}
.blue-business #app #nav button.on{background:#eaf1ff!important;border-color:#bed1f7!important;color:#174baa!important}
.blue-business #content>.card,.blue-business #content>.settings-head{border:1px solid #dce4ef!important;border-radius:16px!important;padding:18px!important;margin-bottom:14px!important;background:#fff;box-shadow:0 3px 14px #18375b04}
.blue-business h2,.blue-business h3,.blue-business h4{color:#142c4c;letter-spacing:-.4px}
.blue-business .muted,.blue-business .small.muted{color:#60738c}
.blue-business button{border-radius:10px;box-shadow:none}
.blue-business button:focus-visible,.blue-business input:focus-visible,.blue-business select:focus-visible,.blue-business textarea:focus-visible{outline:3px solid #82acfa!important;outline-offset:2px}
.blue-business input:not([type=checkbox]):not([type=radio]),.blue-business select,.blue-business textarea{border:1px solid #cdd9e8!important;border-radius:9px!important;background:#fbfcff!important;color:#142c4c;min-width:0}
.blue-business input::placeholder,.blue-business textarea::placeholder{color:#77879a}
.blue-business :is(.workspace-switch,.settings-tabs){background:#edf2f9!important;border:1px solid #dce4ef!important;border-radius:11px!important;padding:4px!important;gap:4px!important}
.blue-business :is(.workspace-switch,.settings-tabs) button{border-radius:8px!important}
.blue-business :is(.workspace-switch,.settings-tabs) button.on{background:#fff!important;color:#174baa!important;box-shadow:0 1px 4px #19395f12!important}
.blue-business :is(.compact-form,.ledger-step,.expense-step,.receipt-quantity-grid,.analysis-box,.wage-basis,.inventory-product-panel){border-color:#dce4ef!important;border-radius:12px!important;background:#f8faff}
.blue-business :is(.recv-customer,.recv-sale,.ledger-sale,.expense-record,.stock-product){border-color:#dce4ef!important;border-radius:12px!important;background:#fff}
.blue-business :is(.ledger-sale-head,.expense-record-head,.inventory-product-heading){background:#f4f7fc;border-color:#dce4ef}
.blue-business th{background:#edf3fb!important;color:#415b79!important;border-color:#dce4ef!important}
.blue-business td{border-color:#e6ecf4!important;color:#203b5b}
.blue-business tbody tr:hover{background:#f7faff}
.blue-business .solo-metric{border:1px solid #e0e7f1!important;border-radius:12px!important;background:#f8faff!important;padding:14px!important;box-shadow:none!important}
.blue-business .solo-metric strong{color:#183c6a!important;font-variant-numeric:tabular-nums}
.blue-business .solo-home{overflow:hidden}
.blue-business .solo-home>.solo-heading{background:#193c6b;color:#fff;margin:-18px -18px 14px!important;padding:16px 18px!important;align-items:center}
.blue-business .solo-home>.solo-heading h2,.blue-business .solo-home>.solo-heading .muted{color:#fff!important}
.blue-business .solo-home>.solo-heading p{margin:5px 0 0;opacity:.8}
.blue-business .solo-home .home-metric{min-height:116px!important;background:#fff!important;text-align:left;border-color:#dce4ef!important}
.blue-business .solo-home .home-metric:first-child{background:#f1f6ff!important;border-color:#c9dafa!important}
.blue-business .solo-home .home-metric>span{color:#48627e!important;font-weight:700}
.blue-business :is(.review-chip,.review-count){border-color:#dce4ef;background:#f4f7fc;color:#355576}
.blue-business .customer-row{background:#fff!important;border-radius:0!important}
.blue-business .customer-column-heading{background:#edf3fb;color:#526b88}
.blue-business .customer-list article{border-color:#e2e9f2}
.blue-business .more-grid button{border:1px solid #dce4ef!important;background:#f7f9fd!important;color:#244e83!important;border-radius:11px!important}
.blue-business dialog{border:1px solid #dce4ef!important;border-radius:18px!important;box-shadow:0 20px 80px #10294d33}
.blue-business dialog::backdrop{background:#142c4c66;backdrop-filter:blur(2px)}
.blue-business .mobile-bottom-nav{background:#fff!important;border-top:1px solid #dce4ef!important;box-shadow:0 -4px 18px #15365b08}
.blue-business .mobile-bottom-nav button{color:#61738c!important;border-radius:11px!important}
.blue-business .mobile-bottom-nav button.on{background:#edf3ff!important;color:#1d59c9!important}
.blue-business .header-settings{color:#375a84}
@media(max-width:600px){
.blue-business #content>.card,.blue-business #content>.settings-head{padding:14px!important;border-radius:14px!important;margin-bottom:12px!important}
.blue-business .solo-home>.solo-heading{margin:-14px -14px 12px!important;padding:14px!important}
.blue-business #app #nav button{font-size:12px!important;gap:4px!important}
.blue-business #app #nav button svg{width:18px;height:18px}
.blue-business .solo-metrics{gap:8px!important}
.blue-business .solo-metric{padding:12px!important}
.blue-business .solo-home .home-metric{min-height:112px!important}
}
@media(max-width:350px){.blue-business #app #nav button{flex-direction:column!important;min-height:58px!important;gap:3px!important}}
/* Respect the existing user-selectable comfortable spacing and large font. */
.blue-business[data-density=comfortable] #content>.card{padding:20px!important}
.blue-business[data-density=comfortable] .solo-home>.solo-heading{margin:-20px -20px 16px!important;padding:20px!important}
.blue-business[data-font=large] #app #nav button{font-size:14px!important;white-space:normal}
}
@media screen {
.blue-business #content :is(#saveSale,#saveStockFlow,.daily-primary-save,#addExpense,#addExpenseNext){background:#2463dc!important;color:#fff!important}
.blue-business #content :is(.wage-total>strong,.daily-work-totals>p strong){color:#183c6a!important}
.blue-business #content button:not(.prod-cal-day):not(.ledger-cal-day){min-height:44px}
.blue-business .settings-category-grid button.on,.blue-business .settings-work-tabs button.on{background:#eaf1ff!important;color:#174baa!important;border-color:#bed1f7!important}
.blue-business .solo-metric strong{font-size:clamp(21px,5.6vw,28px)!important;letter-spacing:-.7px}
}