@import url('fonts/400.css');
@import url('fonts/500.css');
@import url('fonts/600.css');
@import url('fonts/700.css');
:root{--approved-blue:#347eff;--approved-teal:#4cb6c4;--approved-ink:#17263e;--approved-muted:#72839b;--approved-line:#e5ecf4;--approved-bg:#f2f7fb;--approved-sidebar:228px;--primary:#347eff;--line:#e5ecf4;--text:#17263e;--muted:#72839b}
html body,body button,body input,body select,body textarea,body table{font-family:var(--user-interface-font,'Noto Sans SC'),sans-serif!important;font-weight:400;color:var(--approved-ink)}
body{font-size:14px!important;background:var(--approved-bg)!important}body[data-display-mode=large]{font-size:16px!important}body[data-display-mode=compact]{font-size:13px!important}
body .app-shell{padding-top:64px;background:var(--approved-bg)!important}.approved-brandbar{position:fixed;inset:0 0 auto;height:64px;z-index:20;background:white;border-bottom:1px solid var(--approved-line);display:flex;align-items:center;gap:12px;padding:0 20px;font-size:18px;font-weight:600}.approved-brandbar svg{width:30px;height:30px;flex:none}
body .primary-rail{display:none!important}body .sidebar{top:64px!important;left:0!important;bottom:0!important;width:var(--approved-sidebar)!important;background:#fff!important;color:var(--approved-ink)!important;border-right:1px solid var(--approved-line);box-shadow:none!important;padding:0!important}body .sidebar .brand{display:none!important}
body .sidebar #nav{padding:18px 12px;overflow-y:auto;flex:1}body .nav-group{display:block!important;border:none!important;margin-bottom:14px!important}body .nav-group-title{color:var(--approved-ink)!important;background:transparent!important;display:flex;align-items:center;gap:10px;font-size:14px!important;font-weight:500!important;padding:10px!important;width:100%;border:0}.nav-group-title b{display:none!important}.nav-group-title::after{content:'⌄';margin-left:auto;color:#72839b}.nav-group-title .dashboard-icon{color:var(--approved-ink)!important;width:20px!important;height:20px!important}
body .nav-group .nav-sublist{display:none!important}body .nav-group.open .nav-sublist{display:block!important}body .nav-item{font-size:14px!important;padding:10px 12px!important;margin:4px 0!important;height:auto!important;min-height:42px;border-radius:7px!important;background:transparent!important;color:var(--approved-ink)!important;box-shadow:none!important;white-space:normal;line-height:1.45}body .nav-item.active{background:var(--approved-blue)!important;color:white!important;border:0!important}body .nav-item.active::before{display:none!important}body .nav-item.active svg{color:white!important}body .nav-item:hover:not(.active){background:#f0f6ff!important}body .nav-item svg{width:19px;height:19px;flex:none;color:#50627b!important}
body .sidebar-foot{background:white!important;color:#556d8b!important;padding:14px 20px!important;border-top:1px solid var(--approved-line)}
body main{margin-left:var(--approved-sidebar)!important;width:calc(100% - var(--approved-sidebar))!important;min-width:0!important;background:var(--approved-bg)!important}body .topbar{position:static!important;background:var(--approved-bg)!important;padding:22px 24px 16px!important;border:0!important;box-shadow:none!important;min-height:80px!important}.topbar #pageTitle{font-size:23px!important;font-weight:600!important;letter-spacing:-.3px}.topbar #pageDesc{font-size:12px!important;margin-top:6px}.top-actions{gap:7px!important}.top-actions .btn,.top-actions select{font-size:12px!important}
body #content{padding:0 24px 24px!important;background:var(--approved-bg)!important}.page-navigation-bar{margin-bottom:18px!important;padding:10px 13px!important}.content .btn.primary,body .btn.primary{background:var(--approved-blue)!important;border-color:var(--approved-blue)!important;color:#fff!important}.btn.primary:hover{filter:brightness(.94)}.btn{border-color:#dce5f0!important;border-radius:7px!important}.panel,.business-card,.setting-card{box-shadow:none!important;border-color:var(--approved-line)!important;border-radius:9px!important}.panel-title,h3{font-size:16px!important;font-weight:600!important}h2{font-weight:600!important}.panel-head{padding:14px 16px!important}.ui-line-icon{color:#347eff!important}
.workspace-tabs{display:flex;align-items:center;gap:3px;height:52px;background:#fff;border-bottom:1px solid var(--approved-line);padding:0 18px;position:sticky;top:64px;z-index:10;min-width:0}.workspace-tab-list{display:flex;gap:4px;overflow-x:auto;min-width:0;flex:1;scrollbar-width:thin}.workspace-tab{display:flex;align-items:center;flex:none;border-radius:6px 6px 0 0;border-bottom:3px solid transparent;max-width:230px}.workspace-tab.active{background:#eaf2ff;border-bottom-color:#347eff}.workspace-tab button{border:0;background:transparent;padding:11px 12px;cursor:pointer;font-size:13px;white-space:nowrap}.workspace-tab.active button{color:#2673ed}.workspace-tab .tab-close{padding:11px 9px 11px 0;color:#687d99}.workspace-tab-picker{width:34px!important;padding:4px!important;border:0!important;background:#fff;font-size:0!important}.workspace-tab-picker option{font-size:14px}
/* The three approved pages use compact, shared surfaces. */
body[data-page=business-overview] .page-navigation-bar{display:none!important}.dashboard-layout{grid-template-columns:1.15fr 1fr;gap:16px!important}.dashboard-welcome{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:26px!important;min-height:250px;border-radius:9px;background:linear-gradient(115deg,#e5f0ff,#dcecff);overflow:hidden}.dashboard-welcome h2{font-size:25px!important;margin:0 0 8px!important}.dashboard-welcome p{font-size:14px!important}.dashboard-welcome .hero-data{gap:14px!important;position:relative;z-index:1;max-width:72%;margin-top:25px}.dashboard-welcome .hero-data div{background:#ffffffed;border-radius:6px;padding:14px 18px;text-align:left!important;min-width:100px}.dashboard-welcome .hero-data b{font-size:20px!important;font-weight:600!important}.dashboard-welcome .hero-data span{font-size:12px!important}.approved-cube{position:absolute;right:12px;top:38px;width:180px;height:180px;opacity:.8;pointer-events:none}
.dashboard-shortcuts{grid-column:2;grid-row:1;padding:20px!important}.dashboard-shortcuts>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.dashboard-shortcuts button{background:#f4f9fe!important;border-radius:7px;padding:14px 6px!important;font-size:13px;gap:10px!important;min-height:80px}.dashboard-shortcuts .dashboard-icon{width:27px!important;height:27px!important;color:#347eff!important}.dashboard-shortcuts button:nth-child(even) .dashboard-icon{color:#4cb6c4!important}
.dashboard-layout>.business-kpis,.dashboard-layout>.center-overview-switcher,.dashboard-layout>.dashboard-charts,.dashboard-layout>.business-layout,.dashboard-layout>.business-card:not(.dashboard-shortcuts){grid-column:1/-1}.dashboard-layout .dashboard-primary-kpis{gap:12px!important}.dashboard-layout .dashboard-primary-kpis>button{padding:14px 12px 14px 62px!important;min-height:100px!important}.dashboard-layout .dashboard-primary-kpis>button>span:not(.dashboard-metric-icon){padding-right:0;font-size:12px!important}.dashboard-primary-kpis .dashboard-metric-icon{left:14px;right:auto;top:24px;width:35px;height:35px;background:#eef5ff}.dashboard-metric-icon svg{color:#347eff!important;width:23px!important;height:23px!important}.dashboard-primary-kpis b{font-size:25px!important;font-weight:600!important}.dashboard-primary-kpis small{font-size:10px!important;color:#7d8da3!important}.center-overview-switcher{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.center-overview-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:20px!important;min-height:155px!important;gap:10px;text-align:left!important}.center-overview-card>span{font-size:16px!important;font-weight:600!important;display:flex;gap:8px;align-items:center}.center-overview-card b{font-size:25px!important;font-weight:600!important}.center-overview-card i{display:block;width:100%;border-top:1px solid #edf1f7;padding-top:12px;margin-top:auto;color:#347eff!important}.center-overview-card small{font-size:11px!important}.center-overview-card .dashboard-icon{color:#347eff!important}
.dashboard-charts{grid-template-columns:1.15fr 1fr!important}.dashboard-charts>.business-card{min-height:210px;padding:20px!important}.dashboard-donut{width:132px;height:132px;padding:17px}.dashboard-empty{height:154px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#8a98ad;font-size:13px}.dashboard-empty .dashboard-icon{width:36px!important;height:36px!important;color:#b7c2d0!important}.capsule-track i{background:#71a8f3!important}
body[data-page=business-supervision] .setting-card{padding:18px!important}body[data-page=business-supervision] .setting-card .business-toolbar{margin:0 0 16px!important}.supervision-workspace{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:18px!important}.supervision-task-card{background:white!important;border:1px solid #e4ebf4!important;border-radius:9px!important;padding:16px!important;display:flex;gap:12px;align-items:center;justify-content:space-between}.supervision-task-card.overdue{background:#fffafb!important;border-left:3px solid #d34b56!important}.supervision-task-card h4{margin:0 0 9px!important;font-size:14px!important}.supervision-task-meta{font-size:11px!important;gap:7px!important;line-height:1.7}.supervision-task-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.supervision-task-actions .btn{font-size:12px!important}.supervision-filter-chips{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px}.supervision-filter-chips button{background:white!important;color:#516782!important;border:1px solid #dce5f0!important;border-radius:20px!important;padding:8px 13px!important}.supervision-filter-chips button.active{background:#eaf3ff!important;color:#347eff!important;border-color:#a9c7ff!important}.supervision-insight-grid{padding:14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px}.supervision-insight-grid>div{background:#f7faff!important;border:1px solid #e7eef6!important;border-radius:7px;padding:14px!important;position:relative;padding-left:53px!important}.supervision-insight-grid b{font-size:22px!important;font-weight:600!important}.supervision-insight-grid span{font-size:12px!important}.approved-insight-icon{position:absolute;left:12px;top:18px;color:#347eff}.approved-insight-icon svg{width:25px;height:25px;color:inherit!important}.approved-insight-icon.red{color:#e06671}.approved-insight-icon.teal{color:#39aa92}.approved-notice-panel{margin-top:16px!important}.approved-notice-panel .empty-state{padding:24px!important;display:flex;align-items:center;flex-direction:column;gap:15px;font-size:12px!important}.approved-notice-panel .empty-state svg{width:34px;height:34px;color:#b3c0d0!important}.approved-notice-panel .supervision-preview-text{margin:14px;white-space:pre-wrap;overflow-wrap:anywhere}.approved-notice-panel .supervision-preview-actions{padding:0 14px 14px;flex-wrap:wrap}body[data-page=business-supervision] #content .tag.red{color:#ce4856!important;background:#fff0f1!important;border-color:#f4dadd!important}
body[data-page=business-exceptions] .business-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px}body[data-page=business-exceptions] .business-summary button{position:relative;padding:18px 14px 18px 63px!important;min-height:106px;text-align:left!important}body[data-page=business-exceptions] .business-summary b{font-size:25px!important;font-weight:600!important}body[data-page=business-exceptions] .business-summary .ui-line-icon{position:absolute;left:18px;top:24px;width:25px!important;height:25px!important;color:#347eff!important}.business-summary small{font-size:11px!important}body[data-page=business-exceptions] table.business-sized td{font-size:12px!important;padding:10px 14px!important}body[data-page=business-exceptions] table.business-sized th{font-size:12px!important;background:#f3f7fc!important}
@media(max-width:1450px){:root{--approved-sidebar:208px}.top-actions .date-chip{display:none}.dashboard-welcome .hero-data div{min-width:80px;padding:12px}.approved-cube{width:130px;right:5px}.dashboard-primary-kpis small{line-height:1.35}.supervision-task-card{align-items:flex-start;flex-direction:column}.supervision-task-actions{align-self:flex-end}}
@media(max-width:1100px){:root{--approved-sidebar:190px}.dashboard-layout{grid-template-columns:1fr}.dashboard-shortcuts{grid-column:1;grid-row:auto}.dashboard-charts{grid-template-columns:1fr!important}.dashboard-layout .dashboard-primary-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.supervision-workspace{grid-template-columns:1fr!important}.topbar{flex-direction:column;align-items:flex-start!important}.top-actions{justify-content:flex-start!important}.dashboard-welcome .hero-data{max-width:none}}
@media(max-width:760px){:root{--approved-sidebar:150px}.approved-brandbar{font-size:15px;padding:0 12px}.nav-item,.nav-group-title{font-size:12px!important}body #content{padding:0 12px 16px!important}.center-overview-switcher{grid-template-columns:1fr!important}.dashboard-layout .dashboard-primary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-welcome{padding:18px!important}.dashboard-welcome .hero-data{flex-wrap:wrap}.approved-cube{display:none}body[data-page=business-exceptions] .business-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workspace-tabs{padding:0 5px}.supervision-workspace{grid-template-columns:minmax(0,1fr)!important}}

body #nav .nav-group[hidden]{display:none!important}
#content .dashboard-icon,#content .dashboard-icon *{color:var(--approved-blue)!important}#content .dashboard-shortcuts button:nth-child(even) .dashboard-icon,#content .dashboard-shortcuts button:nth-child(even) .dashboard-icon *{color:var(--approved-teal)!important}#content .dashboard-empty .dashboard-icon,#content .dashboard-empty .dashboard-icon *{color:#b7c2d0!important}
#content .center-overview-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 14px!important;padding:18px!important;min-height:150px!important}#content .center-overview-card>span{grid-column:1;grid-row:1;font-size:15px!important}#content .center-overview-card>b{grid-column:2;grid-row:1 / 3;font-size:23px!important;align-self:center;max-width:160px;overflow-wrap:anywhere}#content .center-overview-card>small{grid-column:1;grid-row:2;font-size:10px!important}#content .center-overview-card>i{grid-column:1 / -1;grid-row:3;color:#347eff!important;font-size:12px!important;margin-top:6px}
body[data-page=business-overview] .dashboard-welcome{min-height:232px}.dashboard-layout .dashboard-primary-kpis>button{min-height:92px!important}
body[data-page=business-exceptions] #content .business-summary .ui-line-icon,body[data-page=business-exceptions] #content .business-summary .ui-line-icon *{color:#347eff!important}
#content .approved-insight-icon.red .dashboard-icon,#content .approved-insight-icon.red .dashboard-icon *{color:#de6470!important}#content .approved-insight-icon.teal .dashboard-icon,#content .approved-insight-icon.teal .dashboard-icon *{color:#39aa92!important}#content .approved-notice-panel .empty-state .dashboard-icon,#content .approved-notice-panel .empty-state .dashboard-icon *{color:#b3c0d0!important}

/* Shared atomic content: status labels, identifiers and values must not split. */
body .btn,body .tag,body .status-chip,body .risk-pill,body .permission-chip {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;flex-shrink:0}
body table.business-sized th{white-space:nowrap!important;overflow-wrap:normal!important}
body table.business-sized td:is(.cell-code,.cell-number,.cell-date),body table.business-sized td:is(.cell-code,.cell-number,.cell-date) :is(b,small,a){white-space:nowrap!important;overflow-wrap:normal!important}
body table.business-sized .cell-status{white-space:normal!important;overflow-wrap:normal!important}
body table.business-sized th[data-cell-type="actions"],body table.business-sized td.cell-actions{position:static!important;box-shadow:none!important}
body.approved-product-page #content .business-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;box-shadow:none!important;border:0!important;margin:16px 0!important}
body.approved-product-page[data-page="ops-demand"] #content .business-summary{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.approved-product-page #content .business-summary>button{position:relative;min-height:106px;padding:17px 16px 15px 61px!important;text-align:left!important}
body.approved-product-page #content .business-summary b{display:block;font-size:25px!important;font-weight:600!important;margin:5px 0!important}
body.approved-product-page #content .business-summary i{font-style:normal!important;font-size:13px!important}
body.approved-product-page #content .approved-stat-icon{position:absolute;left:16px;top:21px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#edf4ff;border-radius:8px}
body.approved-product-page #content .approved-stat-icon svg{width:19px!important;height:19px!important}
body.approved-product-page #content .business-summary>button:nth-child(2) .approved-stat-icon{background:#edf9f9}
body.approved-product-page #content .business-summary>button:nth-child(2) .approved-stat-icon svg{color:#4cb6c4!important}
body.approved-product-page .business-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
body.approved-product-page #pageSearch{width:390px!important;max-width:100%;flex:0 1 390px}
body.approved-product-page .panel-head{padding:16px!important;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.approved-product-page .panel{border-radius:10px!important;overflow:hidden}
body.approved-product-page .audit-banner{padding:12px 16px!important;line-height:1.65;border-left:3px solid #bad2f8!important;background:#fbfdff!important}
body.approved-product-page .product-thumb{width:56px!important;height:56px!important;object-fit:contain!important;border:1px solid #e5ebf2;border-radius:7px;background:#fff}
body.approved-product-page .product-main{display:flex;gap:10px;align-items:center;min-width:0}
body.approved-product-page .product-main>div{min-width:0}
body.approved-product-page .empty-state{padding:38px 20px!important;min-height:170px;line-height:1.8}
body.approved-product-page .empty-state>.dashboard-icon{display:block;margin:0 auto 12px;width:30px!important;height:30px!important;color:#a7bcd7!important}
body.approved-product-page .table-wrap{scrollbar-width:auto}
body.approved-product-page .sku-detail{max-width:100%;overflow:auto}
@media(max-width:1450px){body.approved-product-page[data-page="ops-demand"] #content .business-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){body.approved-product-page #content .business-summary,body.approved-product-page[data-page="ops-demand"] #content .business-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

body table.business-sized td .row-actions-01{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;gap:6px!important;white-space:normal!important}
body table.business-sized td .row-actions-01 summary{white-space:nowrap!important}

/* Product-list review: centered identifier and one-line actions. */
body[data-page="new-products"] table.business-sized>tbody>tr>td.cell-code,body[data-page="new-products"] table.business-sized>thead>tr>th[data-cell-type="code"]{text-align:center!important;vertical-align:middle!important}
body[data-page="new-products"] table.business-sized td .row-actions-01{flex-wrap:wrap!important;align-items:center!important}
body[data-page="new-products"] table.business-sized td.cell-actions{vertical-align:middle!important}

/* Confirmed system-wide alignment: every interface text block is centered. */
html body table.business-sized :is(.product-main,.row-actions-01,.actions){justify-content:center!important;align-items:center!important}
html body :is(.nav-item,.nav-group-title,.panel-head,.approved-brandbar){justify-content:center!important}
html body.approved-product-page #content .business-summary>button{padding:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}
html body.approved-product-page #content .approved-stat-icon{position:static!important;display:inline-flex!important;flex:none!important}
html body.approved-product-page #content .business-summary b{margin:0!important}
html body #content#content table.business-sized th,html body #content#content table.business-sized td,html body #modal#modal table.business-sized th,html body #modal#modal table.business-sized td{vertical-align:middle!important}

/* Confirmed September 6: one neutral text token and regular weight in product/supply pages. */
html body:is(.approved-product-page,.approved-supply-page) #content#content{--list-ink:#626975;color:var(--list-ink)!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content :is(h2,h3,h4,b,strong,span,small,p,i,th,td,button,a,label,input,select,textarea,summary,.panel-title,.panel-sub,.muted,.code,.tag,.order-status){color:var(--list-ink)!important;font-weight:400!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .btn.primary{color:#fff!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .btn.primary *{color:#fff!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .business-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:14px 0!important}
html body.approved-product-page[data-page=ops-demand] #content#content .business-summary{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .business-summary>button{display:grid!important;grid-template-columns:36px auto!important;grid-template-rows:auto auto auto;align-items:center!important;justify-content:center!important;column-gap:14px!important;row-gap:3px!important;padding:14px!important;min-height:98px!important;background:#fff!important;border:1px solid #e7edf3!important;border-radius:8px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .approved-stat-icon{position:static!important;grid-row:1/4;grid-column:1;display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;background:#eef4fc!important;border-radius:50%!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .approved-stat-icon svg{width:20px!important;height:20px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .business-summary>button>:not(.approved-stat-icon){grid-column:2}
html body:is(.approved-product-page,.approved-supply-page) #content#content .business-summary b{font-size:22px!important;line-height:1.3!important;margin:0!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .business-summary small{font-size:11px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content :is(.panel-title,h3,h4){font-size:14px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content :is(.panel-title,.order-section-heading) svg{width:16px!important;height:16px!important;color:var(--list-ink)!important;margin-right:8px;vertical-align:middle}
html body:is(.approved-product-page,.approved-supply-page) #content#content .panel-title svg *{color:var(--list-ink)!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content :is(.tag,.order-status){white-space:nowrap!important;font-size:12px!important;background:#f1f4f8!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content :is(th,td){text-align:center!important;vertical-align:middle!important;font-size:13px!important;line-height:1.6!important;padding:12px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content td :is(.actions,.row-actions-01){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .cell-actions{white-space:nowrap!important}
html body.approved-supply-page #content#content .business-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
html body.approved-supply-page #pageSearch{width:390px!important;max-width:100%;flex:0 1 390px}
html body.approved-supply-page #content#content .table-wrap{max-width:100%;overflow:auto}
html body.approved-supply-page #content#content .price-notice-filters{gap:10px}
html body.approved-supply-page #content#content .order-page{min-width:0}
html body.approved-supply-page #content#content .order-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid #e7edf3;border-radius:8px}
html body.approved-supply-page #content#content .order-dashboard-page>.order-toolbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
html body.approved-supply-page #content#content .order-dashboard-page>.order-toolbar :is(input,select,label){width:100%!important;min-width:0!important;max-width:100%}
html body.approved-supply-page #content#content .order-date-filter{display:flex;flex-direction:column;gap:4px}
html body.approved-supply-page #content#content .order-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
html body.approved-supply-page #content#content .order-kpi{min-width:0!important;border:1px solid #e7edf3!important;border-left:1px solid #e7edf3!important;background:white!important;padding:12px!important;border-radius:8px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
html body.approved-supply-page #content#content .order-kpi button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
html body.approved-supply-page #content#content .order-kpi b{font-size:22px!important;font-weight:400!important;color:var(--list-ink)!important}
html body.approved-supply-page #content#content .order-dashboard-flow .order-kpi b{font-size:14px!important}
html body.approved-supply-page #content#content .order-dashboard-flow .order-kpi{background:#f5f8fc!important}
html body.approved-supply-page #content#content .approved-order-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#edf4ff;border-radius:50%;margin-bottom:4px}
html body.approved-supply-page #content#content .approved-order-icon svg{width:20px!important;height:20px!important}
html body.approved-supply-page #content#content .order-section-heading{margin-bottom:10px}
html body.approved-supply-page #content#content .order-dashboard-section{padding:12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.approved-supply-page #content#content .order-priority-grid{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(0,1.65fr)!important;gap:14px}
html body.approved-supply-page #content#content .order-priority-grid>.panel{min-width:0}
html body.approved-supply-page #content#content .approved-order-analytics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
html body.approved-supply-page #content#content .approved-order-analytics>.panel{min-width:0;margin:0!important}
html body.approved-supply-page #content#content .approved-order-analytics .order-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.approved-supply-page #content#content .approved-order-analytics .order-kpi b{font-size:14px!important}
html body.approved-supply-page #content#content .approved-order-analytics .order-bars{overflow:auto;gap:8px}
html body.approved-supply-page #content#content .approved-order-analytics .order-bar{min-width:44px}
html body.approved-supply-page #content#content .approved-order-banner{display:flex;justify-content:center;align-items:center;gap:36px;padding:14px 24px;margin:0 0 14px;border-radius:8px;background:#eaf2fd}
html body.approved-supply-page #content#content .approved-order-banner h2{font-size:24px!important;margin:0 0 8px}
html body.approved-supply-page #content#content .approved-order-banner p{font-size:13px!important;margin:0}
html body.approved-supply-page #content#content .approved-order-art{width:130px;height:110px;flex:none}
html body.approved-supply-page #content#content .approved-order-art svg{width:100%;height:100%}
html body.approved-supply-page #content#content .order-batch-card{padding:16px;background:white;border:1px solid #e7edf3;border-radius:8px}
html body.approved-supply-page #content#content :is(.order-batch-head,.order-batch-meta,.order-batch-card>.actions){justify-content:center!important;align-items:center!important;gap:14px;flex-wrap:wrap}
@media(max-width:1500px){html body.approved-supply-page #content#content .approved-order-analytics{grid-template-columns:repeat(3,minmax(0,1fr))}html body.approved-supply-page #content#content .order-dashboard-page>.order-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){html body.approved-supply-page #content#content .order-priority-grid{grid-template-columns:minmax(0,1fr)!important}html body.approved-supply-page #content#content .approved-order-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}html body:is(.approved-product-page,.approved-supply-page) #content#content .business-summary,html body.approved-product-page[data-page=ops-demand] #content#content .business-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Keep the order overview compact without dropping original facts or controls. */
html body[data-page=order-dashboard] .topbar{background:#eaf2fd!important;margin:12px 24px!important;padding:16px 24px!important;border-radius:8px!important;min-height:96px!important}
html body.approved-supply-page #content#content .order-dashboard-page{gap:10px!important}
html body.approved-supply-page #content#content .order-dashboard-section{padding:0!important;margin:0!important}
html body.approved-supply-page #content#content .order-section-heading{display:flex!important;justify-content:center!important;margin:0 0 6px!important;font-size:12px!important}
html body.approved-supply-page #content#content .order-section-heading>div{display:flex;gap:12px;align-items:center}
html body.approved-supply-page #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi{min-height:84px!important;padding:10px!important;box-shadow:none!important;position:relative}
html body.approved-supply-page #content#content .order-kpi:before{display:none!important}
html body.approved-supply-page #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi:has(>button){display:block!important}
html body.approved-supply-page #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi:not(:has(>button)),html body.approved-supply-page #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi>button{display:grid!important;grid-template-columns:32px auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:2px;align-content:center!important;justify-content:center!important}
html body.approved-supply-page #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi .approved-order-icon{grid-column:1;grid-row:1/4;margin:0!important}
html body.approved-supply-page #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi :is(b,small,span:not(.approved-order-icon)){grid-column:2}
html body.approved-supply-page #content#content .order-kpi small{font-size:10px!important}
html body.approved-supply-page #content#content .order-priority-grid .panel{margin:0!important}
html body.approved-supply-page #content#content .order-priority-grid .table-wrap{max-height:250px;overflow:auto}
html body.approved-supply-page #content#content .order-priority-grid :is(th,td){padding:7px 10px!important;font-size:12px!important}
html body.approved-supply-page #content#content .order-flow{padding:14px;background:#fff;border:1px solid #e7edf3;border-radius:8px}
html body.approved-supply-page #content#content .order-flow>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:62px!important;border-color:#eef2f7!important}
html body.approved-supply-page #content#content .order-flow>button svg{width:18px!important;height:18px!important;color:var(--list-ink)!important}
html body.approved-supply-page #content#content .order-flow>button svg *{color:var(--list-ink)!important}

/* Order dashboard acceptance repair: compact layout independent of display scale. */
html body[data-page=order-dashboard] .topbar{min-height:108px!important;background:linear-gradient(110deg,#edf4ff,#e5effe)!important;position:relative}
html body[data-page=order-dashboard] #content#content .order-dashboard-page>.order-toolbar{grid-template-columns:repeat(8,minmax(0,1fr))!important;align-items:end!important;gap:10px!important;padding:12px!important}
html body[data-page=order-dashboard] #content#content .order-date-filter{display:grid!important;gap:4px!important}
html body[data-page=order-dashboard] #content#content .order-toolbar>label{margin:0!important}
html body[data-page=order-dashboard] #content#content .order-toolbar :is(select,input){height:34px!important;font-size:12px!important;padding:4px 6px!important}
html body[data-page=order-dashboard] #content#content .order-section-heading{margin:0 0 4px!important;line-height:16px!important}
html body[data-page=order-dashboard] #content#content .order-section-heading :is(b,span){font-size:11px!important;margin:0!important;line-height:16px!important}
html body[data-page=order-dashboard] #content#content .order-dashboard-summary .order-kpi{min-height:76px!important}
html body[data-page=order-dashboard] #content#content .order-dashboard-flow .order-kpi{min-height:66px!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid{gap:12px!important;align-items:start!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid .panel{border:1px solid #e7edf3!important;border-radius:8px!important;overflow:hidden!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid .table-wrap{max-height:none!important;overflow-x:auto!important;overflow-y:visible!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid :is(th,td){padding:4px 8px!important;height:26px!important;line-height:18px!important}
html body[data-page=order-dashboard] #content#content .panel-title{min-height:36px!important;padding:8px 12px!important;margin:0!important}
html body[data-page=order-dashboard] #content#content .approved-order-analytics{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:0!important;align-items:start!important}
html body[data-page=order-dashboard] #content#content .approved-order-analytics .panel{border:1px solid #e7edf3!important;border-radius:8px!important;overflow:hidden!important}
html body[data-page=order-dashboard] #content#content .approved-order-analytics .panel-title{flex-wrap:wrap!important;font-size:13px!important}
html body[data-page=order-dashboard] #content#content .approved-order-analytics .order-bars{height:138px!important}
html body[data-page=order-dashboard] #content#content .approved-order-analytics .order-kpi{min-height:55px!important;padding:6px!important}
@media(max-width:1100px){html body[data-page=order-dashboard] #content#content .order-dashboard-page>.order-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}html body[data-page=order-dashboard] #content#content .approved-order-analytics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child table{display:block!important;min-width:0!important;width:100%!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child colgroup{display:none!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child thead{display:block!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child tr{display:flex!important;align-items:center!important;min-width:0!important;border-bottom:1px solid #edf1f6}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child :is(th,td){flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:auto!important;min-width:0!important;border:0!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child :is(th,td):last-child{flex:0 0 45px!important}
html body[data-page=order-dashboard] #content#content .pagination{gap:4px!important;padding:6px!important;min-height:38px!important;font-size:10px!important}
html body[data-page=order-dashboard] #content#content .pagination>div{gap:3px!important;justify-content:center!important}
html body[data-page=order-dashboard] #content#content .pagination :is(button,input,select){height:25px!important;min-height:25px!important;font-size:10px!important;padding:2px 4px!important}
html body[data-page=order-dashboard] #content#content .pagination .page-jump{width:32px!important}
html body[data-page=order-dashboard] #content#content .pagination .page-size{width:50px!important}

/* Shared acceptance rules: names are atomic, product media uses stable tracks. */
html body #content#content table.business-sized :is(.cell-name,[data-cell-type=name]){white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-align:center!important;vertical-align:middle!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content table.business-sized :is(th,td){font-size:14px!important;line-height:1.55!important;color:#626975!important;font-weight:400!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .product-main{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;width:246px!important;max-width:100%!important;margin:0 auto!important;align-items:center!important;justify-content:initial!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .product-main>:is(img,.product-placeholder){width:48px!important;height:48px!important;min-width:48px!important;object-fit:contain!important;margin:0!important;justify-self:center!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .product-main>div:not(.product-placeholder){min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:5px!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .product-main :is(b,small){display:block!important;text-align:center!important;font-size:14px!important;line-height:1.55!important;font-weight:400!important;color:#626975!important;word-break:normal!important;overflow-wrap:anywhere!important;margin:0!important}
html body:is(.approved-product-page,.approved-supply-page) #content#content .cell-actions :is(button,summary){font-size:13px!important;font-weight:400!important;white-space:nowrap!important}
html body[data-page=order-dashboard] .topbar{min-height:76px!important;padding:12px 20px!important}
html body[data-page=order-dashboard] #content#content .order-dashboard-page{gap:8px!important}
html body[data-page=order-dashboard] #content#content :is(.order-dashboard-summary,.order-dashboard-flow) .order-kpi{box-sizing:border-box!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child tr{height:32px!important;box-sizing:border-box!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid>.panel:first-child :is(th,td){height:32px!important;padding:3px 6px!important;box-sizing:border-box!important}
html body[data-page=order-dashboard] #content#content .order-priority-grid .panel-title{min-height:32px!important;padding:6px!important;box-sizing:border-box!important}
/* Dedicated dashboard: no generic bar tracks or auto-paginated miniature lists. */
html body[data-page=order-dashboard] .topbar{background:#fff!important;margin:0 24px!important;min-height:44px!important;padding:6px 0!important}
html body[data-page=order-dashboard] .topbar>div:first-child{display:none!important}
html body[data-page=order-dashboard] .topbar{justify-content:flex-end!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-root{display:grid!important;gap:12px!important;color:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#e5efff,#f0f7ff);border-radius:8px;padding:12px 32px;height:110px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-hero h2{font-size:26px!important;color:#27384e!important;margin:0 0 8px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-hero p{font-size:13px!important;margin:0!important;color:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-hero>svg{width:260px;height:90px;flex:none}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-root>.od5-filters{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px!important;padding:12px!important;background:white!important;border:1px solid #e7edf3!important;border-radius:8px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-field{display:grid!important;gap:6px!important;min-width:0!important;margin:0!important;font-size:13px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-field :is(input,select){height:34px!important;min-width:0!important;width:100%!important;padding:4px!important;font-size:12px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content :is(.od5-stats,.od5-flow){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-metric{display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;padding:12px!important;min-height:84px!important;border:1px solid #e7edf3!important;border-radius:8px!important;background:white!important;color:#626975!important;width:100%!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-metric>div{display:grid!important;gap:6px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-metric span{font-size:13px!important;white-space:nowrap!important;color:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-metric b{display:block;font-size:22px!important;line-height:1.2!important;color:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f0f5ff;font-style:normal}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-icon svg{width:20px!important;height:20px!important;color:#5483ef!important;margin:0!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-flow{padding:10px;background:white;border:1px solid #e7edf3;border-radius:8px;gap:24px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-flow .od5-metric{background:#f3f7fc!important;min-height:62px!important;padding:8px!important;border:0!important;position:relative}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-flow .od5-metric:not(:last-child):after{content:'›';position:absolute;right:-17px;top:20px;font-size:20px;color:#99a6b7}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-flow b{font-size:14px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:12px;align-items:stretch}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-panel{background:white;border:1px solid #e7edf3;border-radius:8px;min-width:0;overflow:visible;padding:0;margin:0}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-heading{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:14px!important;min-height:40px;border-bottom:1px solid #edf1f6}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-heading :is(span,small){font-size:11px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-table{width:100%!important;max-height:none!important;height:auto!important;overflow-x:auto!important;overflow-y:visible!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-table table{margin:0!important;border-collapse:collapse!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-table :is(th,td){font-size:12px!important;line-height:1.5!important;padding:6px 10px!important;text-align:center!important;vertical-align:middle!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child table{min-width:0!important;width:100%!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child colgroup{display:none!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child thead{display:none!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:5px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child tr{display:flex!important;background:#fafcff;border:1px solid #edf1f6;border-radius:5px;align-items:center;min-height:29px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child td{border:0!important;flex:1;padding:4px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child td:last-child{flex:0 0 35px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analytics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis{min-width:0;min-height:204px;border:1px solid #e7edf3;border-radius:8px;background:white;padding:12px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis h3{font-size:14px!important;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px!important;color:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis h3 svg{width:16px;height:16px;color:#626975!important;flex:none}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-status-list{display:grid;gap:5px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-status-list>div{display:flex;justify-content:space-around;align-items:center;font-size:12px;min-height:19px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-quantities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-quantities>div{display:grid;gap:8px;padding:9px 0;background:#f8fafc;border-radius:5px;font-size:12px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-quantities b{font-size:16px!important;color:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-preview-icon{margin:18px auto 12px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-preview-icon svg{width:36px;height:36px;color:#bac5d3}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-summary{display:block;font-size:13px!important;margin-bottom:14px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-details summary{font-size:12px;cursor:pointer;color:#626975;padding:5px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analytics:has(.od5-details[open]){grid-template-columns:repeat(5,minmax(0,1fr))}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis:has(.od5-details[open]){grid-column:1/-1;order:2}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-details .od5-panel{margin-top:12px}
@media(max-width:1100px){html body[data-page=order-dashboard].approved-supply-page #content#content .od5-root>.od5-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important}html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority{grid-template-columns:1fr}html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}html body[data-page=order-dashboard].approved-supply-page #content#content .od5-hero>svg{width:160px}}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-heading{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;height:40px!important;min-height:40px!important;padding:8px!important;gap:12px!important;margin:0!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-heading :is(span,small){display:inline!important;margin:0!important;border:0!important;padding:0!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child tr{height:30px!important;min-height:30px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-priority>.od5-panel:first-child td{display:flex!important;justify-content:center!important;align-items:center!important;height:30px!important;min-height:0!important;padding:3px!important;line-height:18px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis h3 svg [stroke]{stroke:#626975!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis svg{color:#626975!important;stroke:#626975!important}

/* Approved spacious desktop layout, revision 6. */
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-root{gap:16px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-hero{min-height:125px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-metric{min-height:92px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-flow .od5-metric{min-height:70px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis{min-height:220px!important;padding:16px!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od6-chart-area{height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:400}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis .od6-empty-icon{width:54px!important;height:54px!important;color:#d4d7dc!important;stroke:#d4d7dc!important}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-analysis .od6-data-chart{width:130px;height:100px;stroke:none!important}

html body[data-page=order-dashboard].approved-supply-page #content#content .od6-title-icon{width:22px;height:22px}
html body[data-page=order-dashboard].approved-supply-page #content#content .od5-heading :is(span,small){font-size:13px!important}