/* Shared, approved muted blue/white UI. Business data and PDF print templates are untouched. */
:root{--bg:#f5f7fa;--card:#fff;--text:#293342;--muted:#657184;--line:#e0e6ee;--primary:#496f9e;--primary2:#355982;--nav:#173354;--nav2:#1b395d;--green:#546777;--orange:#596777;--red:#596777;--shadow:0 2px 8px #17335406}
html,body{background:var(--bg)!important;color:var(--text)!important}
body,button,input,select,textarea,table{font-weight:400;line-height:1.5}
.app-shell,.main,.main-content,main,#content,.content{min-width:0!important;max-width:100%;box-sizing:border-box}
.content{padding:18px 22px!important}
.primary-rail{background:#142e4e!important}.sidebar,.brand,.sidebar-foot{background:#1b3657!important}
.primary-nav-item.active,.nav-item.active{background:#345b87!important;color:#fff!important;box-shadow:none!important}
.primary-nav-item,.nav-item,.sidebar-foot{color:#d1dbe8!important}.nav-group-title,.brand b{color:#eef3f8!important}
.primary-mark{background:#355a85!important}.sidebar-foot .status-dot{box-shadow:none!important}
.topbar{background:#fff!important;flex-wrap:wrap;gap:8px;padding:14px 22px!important;height:auto!important;min-height:68px}
.topbar h1{font-size:22px!important;line-height:1.3;font-weight:600!important}.topbar p{color:var(--muted)!important}
.top-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0!important}
h2,h3,.panel-title{font-weight:600!important}b,strong{font-weight:500}small{line-height:1.5}
#content a,#content .code,#content .code-link,#content .btn.link,#content td,#content td b,#content .tag,#modal a,#modal dd,#modal .btn.link,.metric-card .value,.metric-card .label,.metric-card .hint{color:var(--text)!important}
.btn,.filter,.search,input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #d4dde8;border-radius:7px;box-shadow:none!important;color:var(--text);font:inherit;min-width:0;max-width:100%;box-sizing:border-box}
.btn{min-height:34px;padding:6px 12px!important;line-height:1.4!important;background:#fff;color:var(--text)!important;font-weight:400!important;white-space:normal!important}
.btn.small{min-height:30px;padding:4px 9px!important}.btn.primary{background:#496f9e!important;border-color:#496f9e!important;color:#fff!important}.btn.primary:hover{background:#355982!important}
.btn.link{background:transparent!important;border-color:transparent!important}.btn.link:hover{text-decoration:underline;text-underline-offset:3px}
.btn:disabled{opacity:.45}.btn:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #496f9e;outline-offset:2px}
input:not([type=checkbox]):not([type=radio]),select{min-height:36px;padding:7px 10px}textarea{padding:9px 10px;resize:vertical}
.tag,.permission-chip,.tab,.status-chip{color:var(--text)!important;background:#f0f3f7!important;border-color:#dfe5ee!important;line-height:1.5;white-space:normal!important}
.tab.active{background:#e5edf6!important;color:var(--text)!important}.nav-badge,.pending-badge{background:#d7e3f0!important;color:#233e61!important}
.ui-line-icon,.metric-card .ui-line-icon,.center-overview-icon{color:#637b98!important;width:20px!important;height:20px!important;flex:0 0 20px}
.metric-card{--accent:#718aa8!important;--tint:#f0f3f7!important;border:1px solid var(--line)!important;padding:16px!important;min-width:0!important;background:#fff!important;border-radius:9px!important;box-shadow:var(--shadow)!important}
.metric-card:before{display:none!important}.metric-card .value{font-size:28px!important;font-weight:600!important}.metric-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))!important;gap:12px!important;margin-bottom:16px!important}
.panel,.setting-card,.business-card,.qc-po-card,.center-overview-card,.order-kpi{min-width:0!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:9px!important;box-shadow:var(--shadow)!important;overflow:visible}
.panel-head,.qc-po-head{background:#fff!important;padding:14px 16px!important;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.panel-title{font-size:16px!important}.panel-subtitle{font-size:12px;color:var(--muted)!important;line-height:1.6;margin-left:8px}
.panel-body{padding:16px!important}.audit-banner,.page-navigation-bar{background:#fff!important;border:1px solid var(--line)!important;border-radius:8px;padding:12px 14px!important;line-height:1.6}
.page-navigation-bar{gap:10px;flex-wrap:wrap}.page-navigation-bar strong{color:var(--text)!important}
.toolbar,.business-toolbar,.toolbar-left,.toolbar-actions,.order-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px!important;min-width:0!important}
.toolbar,.business-toolbar{margin:14px 0!important}.toolbar-left{flex:1 1 300px}.toolbar-left .search{flex:1 1 240px;width:auto!important}.toolbar-actions{flex:0 1 auto}.filter{max-width:100%}
.price-filter-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:10px!important;margin:14px 0!important}.price-filter-grid>input:first-child{grid-column:span 2}
.table-wrap,.smart-table-wrap{max-width:100%!important;min-width:0!important;overflow:auto!important;border-radius:0 0 9px 9px;overscroll-behavior-x:contain}
table.business-sized{table-layout:fixed!important;width:100%!important;border-collapse:collapse!important;background:#fff}
table.business-sized th,table.business-sized td{box-sizing:border-box;padding:10px 12px!important;vertical-align:top!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal!important;line-height:1.55!important;height:auto!important;max-width:none!important;min-width:0!important;width:auto!important;text-overflow:clip!important;overflow:visible!important;position:static!important}
table.business-sized th{background:#f2f5f9!important;font-weight:500!important;color:#46556a!important}table.business-sized td{background:#fff!important;border-bottom:1px solid #edf0f5!important;font-variant-numeric:tabular-nums}
table.business-sized tr:nth-child(even) td{background:#fcfdff!important}table.business-sized tr:hover td{background:#f5f8fc!important}
table.business-sized .actions{display:flex!important;gap:6px;flex-wrap:wrap!important;min-width:0!important}table.business-sized td ul,table.business-sized td ol{padding-left:18px;margin:0}table.business-sized small{white-space:normal!important;overflow-wrap:anywhere}
table.business-sized .cell-number{text-align:right!important}table.business-sized .cell-image{text-align:center!important}table.business-sized .cell-select{padding-left:8px!important;padding-right:8px!important;text-align:center!important}
.price-image-button{border:1px solid #e0e6ee;background:#fff;border-radius:6px;padding:3px;cursor:zoom-in;max-width:100%}.price-list-thumb{width:58px;height:52px;object-fit:contain;display:block;max-width:100%}
.pagination{display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px!important}.pagination>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pagination input{width:60px!important}
.grid-2,.business-grid-2,.supervision-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.supervision-layout{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)!important}
.supervision-quick-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}.supervision-quick-grid input:first-child{grid-column:1/-1}
.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.field{min-width:0!important}.field.full,.form-note{grid-column:1/-1!important}.field label{color:#536174!important;font-size:13px;display:block;margin-bottom:6px}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%!important}
.modal-wrap{padding:20px!important}.modal{width:min(1080px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;max-height:calc(100dvh - 40px)!important;display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:10px!important;overflow:hidden!important}
.modal-head{padding:17px 20px!important;flex:none;border-bottom:1px solid var(--line);background:#fff!important}.modal-head h2{font-size:19px!important}.modal-head p{margin-top:5px;line-height:1.5}
#modalForm{display:flex;flex-direction:column;min-height:0;overflow:hidden}#modalBody{padding:20px!important;min-height:0;overflow:auto!important;flex:1 1 auto}.modal-foot{position:static!important;padding:12px 20px!important;display:flex;justify-content:flex-end;gap:8px;flex:none;background:#fff!important;border-top:1px solid var(--line)}
.global-image-viewer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,30%)!important;gap:0;min-height:0!important}.image-viewer-stage{height:min(58vh,580px)!important;min-width:0;min-height:200px!important}.image-viewer-stage img{max-height:100%;max-width:100%;object-fit:contain}#globalViewerMeta{padding:16px;overflow:auto;max-height:58vh}#globalViewerMeta dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}#globalViewerMeta dd{margin:0;overflow-wrap:anywhere}#globalViewerMeta h3{font-size:16px}.image-viewer-toolbar{flex-wrap:wrap!important;gap:8px}
.account-permission-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important}.account-permission-grid label{padding:9px;border:1px solid var(--line);border-radius:6px;background:#fafbfd}.account-avatar{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#edf1f6;color:#516681;margin-right:8px;vertical-align:middle}.account-section-label{grid-column:1/-1;font-size:15px;font-weight:600;padding:12px 0 4px;border-bottom:1px solid var(--line);margin:0}
.progress,.progress i,.bar-track,.bar-fill,.order-bar,.chart-bar{border-radius:999px!important}.progress i,.bar-fill,.order-bar,.chart-bar{background:#7992b0!important}
@media(max-width:1100px){.content{padding:14px!important}.grid-2,.business-grid-2,.supervision-layout{grid-template-columns:1fr!important}.top-actions{justify-content:flex-start}.global-image-viewer{grid-template-columns:minmax(0,1fr) 240px!important}}
@media(max-width:760px){.content{padding:10px!important}.form-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}.global-image-viewer{grid-template-columns:1fr!important}#globalViewerMeta{max-height:none}.image-viewer-stage{height:35vh!important}.price-filter-grid>input:first-child{grid-column:auto}.modal-wrap{padding:8px!important}.modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}}

/* Shared dashboard surfaces, including the existing business and quality cards. */
.app-shell,.main{background:#f5f7fa!important}
.business-hero,.qc-dashboard-hero{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:none!important}
.business-hero *,.qc-dashboard-hero *,.hero-data *,.center-overview-card *,.business-kpis button *,.business-summary button *,.qc-dashboard-kpis button *,.quality-role-strip button *,.business-flow button *{color:var(--text)!important}
.center-overview-card i{font-size:12px!important;font-style:normal}.center-overview-card{padding:16px!important;min-height:0!important}.center-overview-switcher{margin:0!important;gap:14px!important}.center-overview-card b{font-size:23px!important}
.business-kpis>button,.business-summary>button,.qc-dashboard-kpis>button{background:#fff!important;border:1px solid var(--line)!important;border-radius:9px!important;box-shadow:var(--shadow)!important;min-width:0!important;--color:#70859d!important}
.business-kpis>button:before,.business-summary>button:before,.qc-dashboard-kpis>button:before{display:none!important}
.qc-status,.business-status,.business-alert,.business-alert b,.quality-role-strip button{color:var(--text)!important;background:#f4f6f9!important;border-color:#dde4ec!important}
.business-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)!important;gap:16px!important}.business-card{padding:16px!important}.business-card>h3{margin:0 0 10px}.business-flow button{background:#f6f8fa!important;border:1px solid var(--line)!important}
.dashboard-layout{display:grid;gap:16px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 2px}.dashboard-welcome h2{font-size:20px;margin:0 0 5px}.dashboard-welcome p{margin:0;color:var(--muted)}.dashboard-welcome .hero-data{display:flex;gap:26px}.dashboard-welcome .hero-data div{display:grid;gap:2px;text-align:right}.dashboard-welcome .hero-data b{font-size:20px}.dashboard-welcome .hero-data span{font-size:12px;color:var(--muted)!important}
.dashboard-layout .business-kpis{margin:0!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.dashboard-layout .business-kpis>button{position:relative;padding:15px!important;text-align:left!important;min-height:106px}.dashboard-layout .business-kpis>button>span:not(.dashboard-metric-icon){padding-right:26px;display:block;font-size:13px}.dashboard-layout .business-kpis b{font-size:26px!important;line-height:1.4}.dashboard-layout .business-kpis small{font-size:11px;display:block;line-height:1.5}.dashboard-metric-icon{position:absolute;right:13px;top:15px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f2f5f8;border-radius:7px}.dashboard-icon{width:21px;height:21px;color:#627994!important;flex:none}.dashboard-metric-icon .dashboard-icon{width:18px;height:18px}
.dashboard-shortcuts>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.dashboard-shortcuts button{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;color:var(--text);cursor:pointer}.dashboard-shortcuts button:hover{background:#f3f6fa;border-radius:7px}.dashboard-shortcuts .dashboard-icon{width:22px;height:22px}
.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}.dashboard-card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.dashboard-card-heading h3{margin:0}.dashboard-charts p{font-size:12px;color:var(--muted);margin:2px 0 14px}
.capsule-chart{height:175px;display:flex;gap:14px;padding:0 12px 0 0}.capsule-axis{display:flex;flex-direction:column;justify-content:space-between;padding:24px 0;font-size:11px;color:var(--muted)}.capsule-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px;font-variant-numeric:tabular-nums}.capsule-column>span{font-size:12px}.capsule-track{flex:1;width:min(22px,100%);display:flex;align-items:flex-end;border-radius:999px;background:#f2f5f8}.capsule-track i{width:100%;display:block;min-height:0;border-radius:999px;background:#819ab7}.capsule-column small{font-size:11px;color:var(--muted)}
.dashboard-donut-layout{display:flex;align-items:center;justify-content:center;gap:28px;min-height:175px}.dashboard-donut{width:146px;height:146px;flex:none;border-radius:50%;padding:18px;box-sizing:border-box}.dashboard-donut>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-donut b{font-size:28px}.dashboard-donut span{font-size:12px;color:var(--muted)}.dashboard-legend{padding:0;margin:0;list-style:none;display:grid;gap:14px;flex:1;max-width:220px}.dashboard-legend li{display:flex;align-items:center;gap:8px;font-size:12px}.dashboard-legend i{width:7px;height:7px;border-radius:50%;flex:none}.dashboard-legend li>span{flex:1}.dashboard-legend small{color:var(--muted);min-width:42px;text-align:right}
.dashboard-layout .dashboard-secondary-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-layout .dashboard-secondary-kpis>button{box-shadow:none!important;min-height:94px;background:#fcfdfe!important}
#content .center-overview-card i,#content .row-actions-01 button,#content .row-actions-01 summary,#content .sku-token,#content .sku-block{color:var(--text)!important}
@media(max-width:1100px){.dashboard-layout .business-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-charts,.business-layout{grid-template-columns:1fr!important}.dashboard-welcome{flex-wrap:wrap}.center-overview-switcher{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.dashboard-layout .business-kpis,.dashboard-layout .dashboard-secondary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-shortcuts>div{grid-template-columns:repeat(3,minmax(0,1fr))}.center-overview-switcher{grid-template-columns:1fr!important}.dashboard-donut-layout{gap:14px}}

.long-cell-details summary{cursor:pointer;color:var(--text);line-height:1.65}.long-cell-details[open] summary{margin-bottom:8px}.long-cell-details>div{padding-top:8px;border-top:1px solid var(--line)}
table.business-sized th[data-cell-type="number"]{text-align:right!important}

.image-viewer-stage img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block}
table.business-sized th[data-cell-type="actions"],table.business-sized td.cell-actions{position:sticky!important;right:0;z-index:2;box-shadow:-4px 0 6px #1b365708}
table.business-sized th[data-cell-type="select"]{white-space:nowrap!important;padding-left:8px!important;padding-right:8px!important}
#content input[type=checkbox],#modal input[type=checkbox],#content input[type=radio],#modal input[type=radio]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;margin:0 7px 0 0!important;padding:0!important;accent-color:#58799f;vertical-align:middle;flex:none}
#modal .account-permission-grid label{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:10px!important;min-height:40px!important}

.image-viewer-stage{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;padding:20px!important}.image-viewer-stage img{min-width:0!important;min-height:0!important;flex:0 1 auto}