:root{--bg:#f5f6f5;--paper:#fff;--ink:#242d30;--muted:#7a8386;--line:#e5e8e7;--accent:#dd6a2b;--green:#31806a;--sidebar:#232b2e;font-family:'Avenir Next','Segoe UI',sans-serif;font-size:13px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap;transition:background .15s}button:hover{background:#f0f2f1}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#bf5520}.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.ghost{background:transparent;border-color:transparent}.danger{color:#b8473f}.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#c3cbcd;display:flex;flex-direction:column;padding:26px 14px 16px}.brand{padding:0 16px 23px;border-bottom:1px solid #3a4245;margin-bottom:22px}.brand img{width:146px;background:#fff;border-radius:3px;padding:5px}.brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-top:11px;color:#a0abae}.nav-label{font-size:9px;color:#818f94;letter-spacing:1.6px;margin:16px 15px 9px}.nav-item{width:100%;justify-content:flex-start;padding:11px 13px;margin-bottom:3px;background:transparent;border:0;color:#b6c0c3;font-size:12px;font-weight:500}.nav-item:hover{background:#303a3e}.nav-item.active{background:#39403e;color:#f1b184;box-shadow:inset 2px 0 #e98649}.nav-item .count{margin-left:auto;color:#f4b181;background:#5b4436;padding:2px 6px;font-size:10px;border-radius:4px}.side-bottom{margin-top:auto;padding-top:24px}.workspace{padding:12px;border:1px solid #404a4d;border-radius:6px;display:flex;gap:10px;font-size:11px}.workspace strong{display:block;color:#e8eeee;margin-bottom:3px}.avatar{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;background:#eef0ec;color:#59645b;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 34px}.breadcrumb{color:#8b9395;font-size:11px}.breadcrumb b{color:#454f52;font-weight:500;margin-left:12px}.search-launch{margin-left:auto;color:#8b9395;font-size:11px;width:230px;justify-content:flex-start;background:#fafbfa;font-weight:400}.search-launch kbd{margin-left:auto;border:1px solid #ddd;padding:1px 4px;border-radius:3px;font-size:9px}.profile{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:18px}.profile select{width:150px;border:0;background:transparent;font-size:11px;font-weight:600;padding:0}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.content{padding:32px 34px 20px;max-width:1750px;margin:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:var(--accent);font-weight:600;margin-bottom:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}h1{font-size:27px;letter-spacing:-1px;font-weight:600;margin:0 0 8px}h2{font-size:15px;font-weight:600;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0 0 12px}p{line-height:1.6}.muted,.subtitle{color:var(--muted)}.subtitle{font-size:12px;margin:0}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.date{font-size:11px;color:#677174}.notice{display:flex;align-items:center;gap:12px;background:#fbf3e9;border:1px solid #f0dfc8;padding:12px 16px;border-radius:6px;margin-bottom:22px;color:#85603c;font-size:12px}.notice button{margin-left:auto;font-size:11px;padding:5px 10px;background:transparent;border:0;color:#90623c}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:8px;margin-bottom:23px;padding:22px 0}.stat{padding:0 23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-label{font-size:11px;color:#758084;display:flex;justify-content:space-between}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1.2px;margin:11px 0}.stat-foot{font-size:10px;color:#8a9394}.stat-foot b{color:var(--green);font-weight:500;margin-right:5px}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:12px}.panel-head small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.panel-body{padding:0 22px 22px}.chart{height:205px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;margin:15px 0 28px;padding:0 10px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 50px,#edf0ee 51px)}.bar-group{height:100%;display:flex;align-items:flex-end;gap:5px;flex:1;position:relative;justify-content:center}.bar{width:24px;max-width:38%;background:#dfe5e1;border-radius:3px 3px 0 0}.bar.won{background:#527568}.bar-group label{position:absolute;bottom:-23px;font-size:10px;color:#89918e}.legend{display:flex;gap:17px;font-size:10px;color:#7f8986}.dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#527568;margin-right:6px}.task-row{padding:15px 22px;display:flex;gap:12px;align-items:flex-start;border-top:1px solid #f0f1ef;cursor:pointer}.task-row:hover{background:#fafbf9}.task-row strong{font-size:12px;display:block;margin:1px 0 6px;font-weight:600}.task-row small{color:var(--muted);font-size:10px}.task-symbol{width:32px;height:34px;background:#f7f0e6;color:#b58850;display:flex;align-items:center;justify-content:center;border-radius:6px}.task-row .right{margin-left:auto;text-align:right;white-space:nowrap;font-size:11px}.badge{font-size:10px;font-weight:500;color:#687673;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.orange{color:#b88333}.badge.green{color:#36816c}.badge.red{color:#b75a51}.badge.blue{color:#6384a3}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-weight:500;font-size:10px;color:#85908c;background:#fafbf9;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #eff1ef;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr[data-action]{cursor:pointer}tbody tr:hover{background:#fafbf9}td strong{font-weight:600}td small{display:block;margin-top:5px;color:#909894;font-size:10px}.number{text-align:right;font-variant-numeric:tabular-nums}.table-footer{border-top:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a938e}.table-footer button{padding:4px 9px;font-size:10px}.market{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.market-item{padding:17px 22px;border-right:1px solid var(--line);position:relative}.market-item:last-child{border:0}.market-item small{font-size:10px;color:#8b9490}.market-item b{display:block;margin-top:9px;font-size:17px;font-weight:600}.market-item svg{position:absolute;right:20px;bottom:20px;width:65px;height:25px;color:#759585}.footnote{font-size:9px;color:#969f9b;margin-top:12px;display:flex;justify-content:space-between}.toolbar{padding:14px 20px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line)}input,select,textarea{border:1px solid #dde2de;border-radius:5px;padding:10px 11px;background:white;color:var(--ink);width:100%;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #e9b68f;outline-offset:1px}.toolbar input{max-width:310px}.toolbar select{width:170px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{border:0;border-radius:0;background:transparent;padding:12px 1px;color:#89938e;font-size:12px}.tabs button.active{color:var(--accent);box-shadow:0 2px var(--accent)}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty h3{color:var(--ink)}.overlay{position:fixed;inset:0;background:#17232666;z-index:100;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawer{background:#fafbf9;width:720px;max-width:100%;height:100%;overflow:auto;box-shadow:-20px 0 70px #12202522;display:flex;flex-direction:column}.drawer.wide{width:1050px}.drawer-head{position:sticky;top:0;background:white;padding:22px 26px;border-bottom:1px solid var(--line);z-index:2;display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:20px}.drawer-body{padding:25px;flex:1}.drawer-footer{position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:16px 25px;display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500}.field.full{grid-column:1/-1}textarea{resize:vertical;min-height:85px}.section{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.quote-layout{display:grid;grid-template-columns:1fr 270px;gap:20px}.quote-summary{padding:20px;background:white;border:1px solid var(--line);border-radius:7px;align-self:start}.summary-row{display:flex;justify-content:space-between;margin:14px 0;font-size:12px}.summary-row.total{border-top:1px solid var(--line);padding-top:16px;font-size:18px;font-weight:600}.line-input{width:75px;padding:6px}.timeline{padding-left:12px}.timeline-item{border-left:1px solid #dce2dd;padding:0 0 22px 20px;position:relative}.timeline-item:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;background:#bdc9be;border-radius:50%}.timeline-item p{margin:0;font-size:12px}.timeline-item small{font-size:10px;color:var(--muted)}.approval-step{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.approval-step.current .avatar{background:#f5e3d3;color:#a86431}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow button{white-space:normal;text-align:left;justify-content:flex-start;padding:24px;gap:18px}.flow small{display:block;font-weight:400;color:var(--muted);margin-top:8px;line-height:1.5}.flow .step-num{font-size:27px;color:#d2b79c}.scan-box{border:1px dashed #c1cbc4;background:#f1f5f0;padding:35px;text-align:center;margin:20px 0}.scan-box .icon{width:55px;height:55px;color:#6b8776;margin-bottom:15px}.scan-box input{max-width:320px}.mail-layout{display:grid;grid-template-columns:165px 1fr;gap:20px}.mail-folders button{display:flex;width:100%;justify-content:flex-start;margin-bottom:5px}.mail-folders .active{background:#e8ede7}.paper{background:white;padding:40px;border:1px solid var(--line)}.paper img{width:145px}.paper-header{display:flex;justify-content:space-between;border-bottom:2px solid #d7783b;padding-bottom:23px;margin-bottom:25px}.paper h1{font-size:25px}.paper p{font-size:11px}.mobile-toggle{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#25352e;color:white;padding:14px 24px;border-radius:7px;z-index:1000;transition:transform .2s;box-shadow:0 5px 30px #0002;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}.search-results button{display:flex;width:100%;justify-content:flex-start;margin:5px 0}.progress{height:6px;background:#edf0ea;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:#738c79}.report-row{padding:20px;border-bottom:1px solid var(--line)}.report-row .summary-row{margin-top:0}.demo-label{display:inline-flex;gap:5px;align-items:center;color:#8a948d;font-size:9px}.demo-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#86a48a}.compact .shell{grid-template-columns:76px minmax(0,1fr)}.compact .sidebar{padding:20px 10px}.compact .brand{padding:0 0 20px}.compact .brand img{width:55px}.compact .brand small,.compact .nav-label,.compact .nav-item span,.compact .side-bottom{display:none}.compact .nav-item{justify-content:center}.compact .nav-item .count{display:none}.mobile-only{display:none}@media(min-width:1500px){.content{padding:38px 48px}.topbar{padding:0 48px}.chart{height:235px}}@media(max-width:1100px){.shell{grid-template-columns:195px minmax(0,1fr)}.content{padding:24px}.topbar{padding:0 24px}.search-launch{width:150px}.grid-main{grid-template-columns:1fr}.stats .stat{padding:0 15px}.stat-value{font-size:24px}.flow{grid-template-columns:1fr 1fr}}@media(max-width:760px){.shell,.compact .shell{display:block}.sidebar{position:fixed;left:-240px;width:226px;z-index:90;transition:left .2s}.nav-open .sidebar{left:0}.topbar{height:65px;padding:0 14px;gap:9px}.mobile-toggle{display:inline-flex}.breadcrumb,.search-launch kbd,.profile .avatar,.profile small{display:none}.search-launch{width:36px;padding:9px;font-size:0;margin-left:auto}.search-launch .icon{width:16px}.profile{padding-left:8px}.profile select{width:130px;font-size:10px}.content{padding:24px 16px}.page-heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr;row-gap:25px}.stat:nth-child(2){border:0}.stat-value{font-size:26px}.grid-main{gap:16px}.market{grid-template-columns:1fr 1fr}.market-item:nth-child(2){border:0}.market-item{border-bottom:1px solid var(--line)}.notice{align-items:flex-start}.notice button{white-space:normal;min-width:85px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.flow{grid-template-columns:1fr}.form-grid,.quote-layout{grid-template-columns:1fr}.drawer-body{padding:18px}.drawer-head{padding:18px}.drawer-footer{padding:14px;flex-wrap:wrap}.mail-layout{grid-template-columns:1fr}.mail-folders{display:flex;overflow:auto}.mail-folders button{width:auto}.paper{padding:20px}.footnote{gap:15px}.tabs{gap:15px;overflow:auto}.panel-head{padding:18px}.date{display:none}}@media print{body *{visibility:hidden}.paper,.paper *{visibility:visible}.paper{position:absolute;inset:0;border:0;padding:25px}.overlay,.drawer,.drawer-body{position:static;overflow:visible;height:auto;width:auto;background:white}.drawer-head,.drawer-footer{display:none}@page{size:A4;margin:12mm}}

.sidebar nav{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#52615c transparent}.sidebar .brand,.sidebar .side-bottom{flex-shrink:0}.side-bottom{padding-top:14px}.sidebar nav{flex:1}.drawer .stats{grid-template-columns:repeat(2,1fr);row-gap:18px}.drawer .stat:nth-child(2){border:0}

@media(max-width:430px){.stat-value{font-size:22px;white-space:nowrap;letter-spacing:-.8px}.stat-label{font-size:10px}.stat-label .icon{width:13px}.stat{padding:0 13px!important}.stat-foot{font-size:9px}.quote-summary{min-width:0}}

/* Vivid industrial identity — October 2026 */
:root{--bg:#eef2f8;--ink:#14233e;--muted:#62718a;--line:#dce3ee;--accent:#f46b13;--green:#009777;--sidebar:#101e38}
body{background:var(--bg)}.shell{transition:grid-template-columns .28s ease}.main{min-width:0}.sidebar{background:#101e38;color:#bcc9df;box-shadow:4px 0 20px #10234912}.brand{border-color:#2a3a56}.brand small{color:#99add0}.nav-label{color:#7990b5}.nav-item{color:#bdcce3;transition:background .18s,color .18s}.nav-item:hover{background:#1c3357;color:white}.nav-item.active{background:#f46b13;color:white;box-shadow:none}.nav-item.active .icon{color:white}.nav-item .count{background:#fff;color:#e85909}.workspace{border-color:#304360;background:#152846}.workspace strong{color:#fff}.avatar{background:#2463eb;color:white}.profile .avatar{background:#f46b13}.topbar{border-bottom-color:#d7dfec}.sidebar-toggle{width:36px;height:36px;padding:8px;background:#14284a;color:white;border:0}.sidebar-toggle:hover{background:#2463eb}.nav-backdrop{display:none}.eyebrow{color:#e65d08;font-weight:700}.primary{background:#f46b13;border-color:#f46b13;box-shadow:0 3px 8px #f46b1325}.primary:hover{background:#db5300}.panel{border-color:#dce3ef;box-shadow:0 3px 12px #152d4e05}.panel-head h2{font-size:16px;color:#122541}.panel-head small{color:#677895}.notice{background:#fff;border:1px solid #edc299;border-left:4px solid #f46b13;color:#98470d}.notice button{color:#d95808}.stats{border:0;background:transparent;gap:15px;padding:0}.stat{border:0!important;padding:21px 23px;background:#142e57;color:white;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 7px 16px #16325112}.stat:nth-child(2){background:#075bd8}.stat:nth-child(3){background:#008d76}.stat:nth-child(4){background:#e6670e}.stat:after{content:'';position:absolute;right:-28px;bottom:-32px;width:118px;height:118px;border:20px solid #ffffff0b;border-radius:50%;pointer-events:none}.stat-label{color:#e0eafa;position:relative;z-index:1}.stat-value{color:#fff;font-size:28px;letter-spacing:-1px;position:relative;z-index:1}.stat-foot,.stat-foot b{color:#e1ebfb}.stat .icon{opacity:.65}.badge.orange{color:#bd6000}.badge.green{color:#008264}.badge.blue{color:#155bd9}.badge.red{color:#d3344d}.task-symbol{background:#f46b13!important;color:white!important}.task-row:nth-child(3) .task-symbol{background:#2463eb!important}.task-row:nth-child(4) .task-symbol{background:#00a982!important}.task-row{padding-top:20px;padding-bottom:20px}.task-row:hover,tbody tr:hover{background:#f1f6ff}th{background:#f3f6fc;color:#536886}td small{color:#75839a}.grid-main{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr)}.market-item b{color:#173861}.market-item svg{color:#2463eb}.market-item:nth-child(2) svg{color:#00a982}.market-item:nth-child(3) svg{color:#9254ed}.market-item:nth-child(4) svg{color:#f46b13}.progress span{background:#2463eb}.report-row:nth-child(3n) .progress span{background:#f46b13}.report-row:nth-child(3n + 1) .progress span{background:#00a982}
.chart-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#63758f;margin-bottom:20px}.segmented{display:flex;background:#edf2fa;padding:3px;border-radius:6px}.segmented button{border:0;background:transparent;font-size:10px;padding:7px 10px;color:#526a8e;box-shadow:none}.segmented button.selected{background:#2463eb;color:white;box-shadow:0 2px 5px #2463eb25}.chart-summary{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:10px 0 18px}.chart-summary strong{font-size:24px;letter-spacing:-.7px}.chart-summary span{font-size:10px;color:#6d7c94}.rich-chart{height:224px;display:flex;gap:13px;padding-bottom:32px}.chart-axis{width:39px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#8493aa;transform:translateY(4px)}.stack-plot{display:flex;flex:1;min-width:0;justify-content:space-around;gap:10px;align-items:flex-end;background:repeating-linear-gradient(to top,#e4eaf3 0px,#e4eaf3 1px,transparent 1px,transparent 25%);border-bottom:1px solid #dbe3f0;padding:18px 4px 0}.stack-column{padding:0;border:0;border-radius:0;background:transparent;position:relative;width:100%;height:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}.stack-column:hover{background:#2463eb07}.stack{width:65%;max-width:46px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:4px 4px 0 0;transform-origin:bottom;animation:barReveal .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay)}.stack>span{display:block;width:100%;min-height:0;border-top:1px solid #ffffff44}.stack-value{font-size:9px;color:#426087;font-weight:600;padding-bottom:6px}.stack-label{position:absolute;top:calc(100% + 9px);font-size:9px;font-weight:500;color:#61708a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tooltip{position:absolute;bottom:65%;left:50%;transform:translateX(-50%) translateY(6px);z-index:8;pointer-events:none;background:#102744;color:white;box-shadow:0 5px 20px #10274430;padding:12px;border-radius:6px;opacity:0;transition:.15s;font-size:10px;text-align:left}.chart-tooltip b{display:block;font-size:16px;margin:7px 0}.stack-column:hover .chart-tooltip,.stack-column:focus-visible .chart-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.stack-column:first-child .chart-tooltip{left:0;transform:translateY(6px)}.stack-column:last-child .chart-tooltip{left:auto;right:0;transform:translateY(6px)}.vivid-legend{border-top:1px solid #e5ebf4;padding-top:15px;flex-wrap:wrap;color:#536a8b}.vivid-legend .dot{width:8px;height:8px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.distribution{display:flex;gap:28px;align-items:center;padding:10px 24px 27px}.donut{width:156px;height:156px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 18px #163b7310;animation:donutReveal .65s ease both}.donut>div{background:white;border-radius:50%;width:114px;height:114px;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:32px;font-weight:600}.donut span{font-size:8px;color:#7d8ba0;letter-spacing:1px;margin-top:5px}.distribution-legend{flex:1;min-width:0}.distribution-legend button{padding:7px 0;border:0;background:transparent;border-radius:0;font-size:10px;width:100%;justify-content:flex-start;gap:8px}.distribution-legend button:hover{color:#2463eb;transform:translateX(2px)}.distribution-legend i{width:7px;height:7px;border-radius:2px;flex-shrink:0}.distribution-legend strong{margin-left:auto}.distribution-legend small{width:38px;text-align:right;color:#71849b;font-size:9px}.category-chart{padding:0 24px 24px}.category-row{margin:12px 0}.category-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:7px}.category-row strong{font-size:10px;font-weight:600}.category-track{height:6px;background:#edf1f8;border-radius:3px;overflow:hidden}.category-track>span{display:block;height:100%;border-radius:3px;transform-origin:left;animation:barRevealX .8s ease both}
.timeline{padding-left:12px}.timeline-item{border-left:2px solid #2463eb;padding-left:23px;padding-bottom:28px}.timeline-item:before{left:-6px;top:2px;width:10px;height:10px;background:#2463eb;border:2px solid white;box-shadow:0 0 0 3px #2463eb20}.timeline-item:first-child:before{background:#f46b13;box-shadow:0 0 0 4px #f46b1320;animation:nodePulse 2.5s ease-in-out infinite}.timeline-item:after{content:'';position:absolute;width:2px;height:18px;left:-2px;top:15px;background:#6aafff;animation:lineFlow 2.5s linear infinite}.timeline-item:last-child{border-left-color:transparent}.timeline-item:last-child:after{display:none}.timeline-item p{color:#243d60}.approval-track{position:relative}.approval-step{position:relative;border:0;padding:16px 0}.approval-step:before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:#2463eb;z-index:0}.approval-step:first-child:before{top:50%}.approval-step:last-child:before{bottom:50%}.approval-step .avatar{position:relative;z-index:1;border:3px solid #fafbf9;background:#2463eb;width:36px;height:36px;box-shadow:0 0 0 1px #2463eb20}.approval-step.current .avatar{background:#f46b13;color:white;animation:nodePulse 2.5s infinite}.approval-step.current~.approval-step .avatar{background:#e5ebf4;color:#6d7e98}.approval-step.current~.approval-step:before{background:#d5deeb}
.flow{gap:27px 22px;counter-reset:flow}.flow button{border:1px solid #cbd8ec;border-top:3px solid #2463eb;position:relative;padding:24px 20px;transition:transform .2s,box-shadow .2s}.flow button:nth-child(3n + 2){border-top-color:#f46b13}.flow button:nth-child(3n){border-top-color:#00a982}.flow button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #173c7320;background:white}.flow .step-num{width:45px;height:45px;display:grid;place-items:center;flex-shrink:0;background:#2463eb;color:white;border-radius:7px;font-size:21px}.flow button:nth-child(3n + 2) .step-num{background:#f46b13}.flow button:nth-child(3n) .step-num{background:#00a982}.flow button:after{content:'›';position:absolute;right:-17px;top:50%;color:#2463eb;font-size:24px;line-height:1;transform:translateY(-50%);animation:arrowFlow 1.8s ease-in-out infinite}.flow button:nth-child(3n):after{content:'↓';right:50%;top:auto;bottom:-26px;font-size:20px;transform:none}.flow button:last-child:after{display:none}.content{animation:contentEnter .35s ease both}.drawer{animation:drawerEnter .25s ease both}.scan-box{background:#f3f7ff;border-color:#8aa9df}.scan-box .icon{color:#2463eb}.mail-folders .active{background:#2463eb;color:white}.compact .side-bottom{display:block}.compact .workspace{display:none}.compact .sidebar .brand{padding:0 0 18px}.compact .nav-item{height:42px}.compact .nav-item span{display:none}.compact .sidebar-toggle{background:#f46b13}
@keyframes barReveal{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes barRevealX{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes donutReveal{from{opacity:0;transform:rotate(-35deg) scale(.88)}to{opacity:1;transform:none}}@keyframes nodePulse{0%,100%{box-shadow:0 0 0 3px #f46b1320}50%{box-shadow:0 0 0 7px #f46b1308}}@keyframes lineFlow{from{transform:translateY(0);opacity:0}25%{opacity:1}to{transform:translateY(42px);opacity:0}}@keyframes arrowFlow{0%,100%{opacity:.35}50%{opacity:1}}@keyframes contentEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes drawerEnter{from{transform:translateX(25px);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:1200px){.analytics-grid{grid-template-columns:1fr}.grid-main{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px 15px}.stat-value{font-size:24px}.distribution{gap:40px}.donut{width:165px;height:165px}}@media(max-width:1100px){.flow button:nth-child(3n):after{content:'›';right:-17px;top:50%;bottom:auto;transform:translateY(-50%)}.flow button:nth-child(2n):after{content:'↓';right:50%;top:auto;bottom:-26px;transform:none}.flow button:last-child:after{display:none}}@media(max-width:760px){.compact .sidebar,.sidebar{width:226px;padding:26px 14px 16px}.compact .sidebar .brand{padding:0 16px 23px}.compact .brand img{width:146px}.compact .brand small,.compact .nav-label,.compact .nav-item span,.compact .workspace{display:block}.compact .nav-item{justify-content:flex-start;height:auto}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:#071b3f80;z-index:85;border:0;border-radius:0;backdrop-filter:blur(3px)}.nav-open .sidebar{box-shadow:10px 0 45px #071b3f50}.topbar{gap:8px}.sidebar-toggle{flex-shrink:0}.profile{padding-left:4px}.profile select{width:122px}.stats{gap:12px}.stat{padding:18px 14px!important}.stat-value{font-size:23px}.chart-controls{align-items:flex-start;flex-wrap:wrap}.chart-controls>span{display:none}.chart-summary strong{font-size:22px}.chart-summary span{font-size:9px}.rich-chart{height:220px}.stack-plot{gap:5px}.stack-label{font-size:8px}.stack-value{font-size:8px}.distribution{padding:5px 18px 24px;gap:20px}.donut{width:125px;height:125px}.donut>div{width:92px;height:92px}.donut strong{font-size:27px}.donut span{font-size:6px}.distribution-legend button{font-size:9px;gap:5px}.distribution-legend small{width:28px;font-size:8px}.flow button:after,.flow button:nth-child(3n):after,.flow button:nth-child(2n):after{content:'↓';right:50%;top:auto;bottom:-26px;transform:none}.flow button:last-child:after{display:none}.analytics-grid{gap:16px}.stat-label{font-size:10px}.vivid-legend{gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Market data, exact timeline geometry and measured process connectors */
.fx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 20px}.fx-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;background:#f8faff;white-space:normal;text-align:left}.fx-card.active{border-color:#2463eb;background:#f4f7ff;box-shadow:inset 0 3px #2463eb}.fx-card>span:first-child{font-size:12px;font-weight:700}.fx-card small{font-weight:400;color:#71819b;font-size:10px}.fx-card>span:first-child small{margin-left:8px}.fx-card>strong{font-size:27px;letter-spacing:-.7px}.market-change{font-size:12px!important;font-weight:600;white-space:nowrap}.market-change.up{color:#008568}.market-change.down{color:#d22e4c}.metal-ticker{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metal-ticker>button{border:0;border-right:1px solid var(--line);border-radius:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;white-space:normal;text-align:left}.metal-ticker>button:last-child{border-right:0}.metal-ticker strong{font-size:20px}.metal-ticker small{font-size:10px;color:#697c99;font-weight:400}.market-status{padding:15px 22px;background:#f5f7fc;font-size:10px;line-height:1.7;color:#60728e;border-top:1px solid #e0e7f1}.market-status:first-child{border:1px solid #e0e7f1;border-radius:6px}.market-unavailable{padding:40px;text-align:center;color:#73829b}.price-graph{width:100%;height:auto;display:block;overflow:visible;margin:15px 0;color:#009776}.price-graph.down{color:#db3859}.graph-grid{stroke:#dbe4ef;stroke-width:1;fill:none;stroke-dasharray:4 4}.graph-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.graph-area{fill:currentColor;opacity:.07}.price-graph circle{fill:currentColor;stroke:white;stroke-width:1.5}.price-graph circle:focus,.price-graph circle:hover{r:6}.price-graph text{font-size:10px;fill:#6a7d98;font-family:inherit}.metal-list{display:flex;flex-direction:column;gap:10px}.metal-list button{justify-content:space-between;text-align:left;white-space:normal;padding:18px;gap:15px}.metal-list small{display:block;font-size:10px;color:#73839a;font-weight:400;margin-top:6px}.metal-price{font-size:36px;font-weight:600;margin-top:20px}.metal-price small{font-size:16px;color:#73839a}.delta-row{display:grid;grid-template-columns:65px 1fr 75px;align-items:center;gap:12px;margin:22px 0}.delta-track{height:16px;position:relative;background:#eef2f8;border-radius:3px}.delta-track:before{content:'';position:absolute;left:50%;top:-5px;bottom:-5px;width:1px;background:#9aacc5}.delta-track i{position:absolute;top:3px;height:10px;border-radius:2px}
.timeline{padding-left:0}.timeline-item{border-left:0;padding-left:28px;position:relative}.timeline-item:before{left:6px;top:5px;transform:translateX(-50%);width:10px;height:10px;border:2px solid white;z-index:2}.timeline-item:after{left:6px;top:10px;bottom:-10px;height:auto;width:2px;transform:translateX(-50%);background:linear-gradient(#2463eb,#74b3ff,#2463eb);background-size:100% 80px;animation:timelineStream 2s linear infinite;z-index:1}.timeline-item:last-child:after{display:none}.approval-step{padding:16px 0;min-height:70px;gap:14px}.approval-step:before{left:18px;transform:translateX(-50%);width:2px}.approval-step .avatar{margin:0;flex:0 0 36px;box-sizing:border-box}.approval-step.current .avatar{animation:none;box-shadow:0 0 0 4px #f46b1320}.approval-step.current:before{background:linear-gradient(#f46b13,#2463eb);background-size:100% 60px;animation:timelineStream 2s linear infinite}
.flow{position:relative;gap:40px 38px}.flow button{z-index:2;min-height:112px}.flow button:after{display:none!important}.flow button:hover{transform:none}.flow-connectors,.flow-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.flow-connectors{z-index:3}.flow-particles{z-index:4}.flow-wire{stroke:#2463eb;stroke-width:2;fill:none;stroke-opacity:.65}.flow-port{fill:white;stroke:#2463eb;stroke-width:1.5}
@keyframes timelineStream{from{background-position:0 0}to{background-position:0 80px}}
@media(max-width:760px){.fx-cards{grid-template-columns:1fr;padding:0 16px 16px;gap:9px}.fx-card{display:grid;grid-template-columns:1fr auto;padding:15px}.fx-card>strong{grid-column:2;grid-row:1;font-size:23px}.fx-card>small:last-child{grid-column:2;text-align:right}.metal-ticker{grid-template-columns:1fr}.metal-ticker>button{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px}.metal-ticker strong{font-size:17px}.metal-ticker>button>small{text-align:right;font-size:9px}.metal-list button{flex-wrap:wrap}.flow{gap:36px}.flow button{min-height:100px}.market-status{padding:14px 16px}.delta-row{grid-template-columns:50px 1fr 70px}.market-panel .panel-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.timeline-item:after,.approval-step.current:before{animation:none}.flow-particles{display:none}}
.cart-steps{display:flex;gap:30px;padding:20px 24px;background:#102849;color:#c7d8ef;border-radius:14px;margin-bottom:24px}.cart-steps b{color:#ff973f}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-card,.cart-panel{background:#fff;border:1px solid #d8e2ee;border-radius:16px;padding:22px;box-shadow:0 8px 24px #15334e08}.shop-card h3{min-height:45px;margin:12px 0}.shop-card>small{color:#64758a;font-size:11px}.shop-art{height:105px;background:linear-gradient(125deg,#0d294f,#1c5ea1);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:space-around;margin-bottom:18px}.shop-art .icon{width:54px;height:54px;color:#ff953e}.shop-art span{font-size:11px;max-width:100px}.shop-price{display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-price strong{font-size:19px;color:#12375e}.shop-price small{font-size:11px;font-weight:400}.cart-panel{position:sticky;top:20px}.cart-panel h2 small{font-size:13px;color:#66788c}.cart-panel .field{margin:16px 0}.cart-line{padding:16px 0;border-bottom:1px solid #e2e8ef}.cart-line>strong{font-size:12px}.cart-qty{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:12px}.cart-qty input{width:85px}.cart-qty b{margin-left:auto}.checkout{width:100%;margin:18px 0 12px;justify-content:center}.stock-warning{color:#b75500}.pdf-attachment{display:flex;gap:14px;align-items:center;background:#eff6ff;border:1px solid #c3d9f5;padding:18px;border-radius:12px;margin:20px 0}.pdf-attachment small{display:block;color:#66788c;margin-top:6px}.pdf-attachment button{margin-left:auto}@media(max-width:1200px){.shop-layout{grid-template-columns:1fr 330px}.shop-grid{grid-template-columns:1fr}}@media(max-width:760px){.shop-layout{grid-template-columns:1fr}.cart-panel{position:static}.cart-steps{gap:14px;font-size:11px}.shop-grid{grid-template-columns:1fr}.pdf-attachment{flex-wrap:wrap}}

@media(min-width:761px){.cart-panel{max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}}
.stock-breakdown{margin:16px 0;padding:13px;background:#edf5ff;border:1px solid #d2e2f5;border-radius:10px}.stock-breakdown strong{color:#164c85;font-size:13px}.stock-breakdown small{display:block;margin-top:7px;font-size:11px;color:#526880}.stock-info{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;min-height:25px;padding:0;border-radius:50%;background:#f77708;color:white;border:0;font-weight:800;margin-left:5px}.reservation-card{border:1px solid #dce5ef;border-left:4px solid #f77708;border-radius:10px;padding:18px;margin:14px 0}.reservation-card p{font-size:13px;line-height:1.7}
/* Floating team messenger */
#team-chat{position:relative;z-index:45}.team-launch{position:fixed;right:26px;bottom:22px;background:#102b50;color:#fff;border:1px solid #244d7b;border-radius:30px;padding:15px 20px;box-shadow:0 8px 30px #102a5040;gap:12px}.team-launch b,.chat-unread{background:#f77708;color:#fff;border-radius:20px;padding:3px 7px;font-size:11px}.presence{display:inline-block;width:9px;height:9px;border-radius:50%;background:#94a3b8;flex-shrink:0}.presence.online{background:#21c387}.presence.away{background:#f3a82c}.presence.offline{background:#94a3b8}.team-panel{position:fixed;right:18px;top:90px;bottom:86px;width:330px;background:#fff;border:1px solid #dae4ef;border-radius:18px;box-shadow:0 15px 55px #102a502b;display:flex;flex-direction:column;overflow:hidden;animation:chat-enter .2s ease-out}.team-panel header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 12px}.team-panel header h2{font-size:19px;margin:6px 0}.team-panel header button{font-size:24px;background:transparent;border:0;padding:5px 9px}.team-self{display:flex;align-items:center;gap:12px;margin:10px 18px;padding:15px;background:#eff5fc;border-radius:12px}.chat-avatar{position:relative;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#e1ecfa;color:#143d70;font-size:12px;font-weight:700;border-radius:13px;flex-shrink:0}.chat-avatar i{position:absolute;right:-2px;bottom:-1px;border:2px solid white;width:12px;height:12px}.team-self strong{font-size:12px}.team-self select{font-size:11px;padding:5px 0;border:0;background:transparent;display:block}.team-search{font-size:11px;color:#6c7f97;margin:12px 18px}.team-search input{margin-top:7px;width:100%}.team-people{overflow-y:auto;padding:4px 8px;flex:1}.team-person{width:100%;display:flex;text-align:left;gap:12px;align-items:center;border:0;background:transparent;padding:15px 10px;border-radius:12px}.team-person:hover,.team-person.selected{background:#eff5fc}.team-person>span:nth-child(2){min-width:0;flex:1}.team-person strong{font-size:12px;display:block}.team-person small{font-size:10px;display:block;color:#6c7f97;margin-top:5px}.chat-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:205px}.team-panel footer{font-size:10px;line-height:1.7;color:#718299;border-top:1px solid #e3eaf2;padding:15px 20px}.chat-window{position:fixed;right:26px;bottom:86px;width:360px;height:470px;max-height:calc(100dvh - 120px);border:1px solid #cbd9e9;border-radius:16px;background:#fff;box-shadow:0 15px 55px #102a5033;overflow:hidden;display:flex;flex-direction:column;animation:chat-enter .2s ease-out}.chat-window.beside-team{right:366px}.chat-window header{padding:13px 12px;background:#102b50;display:flex;gap:8px;align-items:center;color:#fff;flex-shrink:0}.chat-window header button{background:transparent;color:white;border:0;padding:4px;min-height:28px;font-size:20px}.chat-window .chat-person-title{flex:1;min-width:0;text-align:left;display:block}.chat-person-title strong{display:block;font-size:12px}.chat-person-title small{display:block;font-size:9px;color:#bccfe7;margin-top:5px}.chat-messages{flex:1;overflow-y:auto;background:#f4f7fb;padding:18px 14px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:88%;align-self:flex-start;background:#fff;border:1px solid #e0e8f2;border-radius:12px 12px 12px 3px;padding:10px 12px;overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;background:#dcecfb;border-color:#c8ddf4;border-radius:12px 12px 3px 12px}.chat-bubble p{white-space:pre-wrap;font-size:12px;line-height:1.6;margin:0}.chat-bubble small{display:block;text-align:right;font-size:9px;color:#647b96;margin-top:6px}.chat-empty{text-align:center;margin:auto;color:#6d819a;padding:15px;font-size:12px;line-height:1.7}.chat-empty .icon{width:32px;height:32px;color:#f77708}.chat-empty h3{color:#173a62;font-size:14px}.chat-window form{padding:12px;display:grid;grid-template-columns:1fr 40px;gap:6px;background:white}.chat-window textarea{resize:none;min-height:54px;max-height:100px;font-size:12px;grid-column:1}.chat-window form button{padding:9px;align-self:start}.chat-window form small{font-size:9px;color:#8c9bb0;grid-column:1/-1}.chat-window.minimized{height:66px}.stock-chat-link{margin:12px 0;color:#15549c;border-color:#ccdff4}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes chat-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.team-launch{right:14px;bottom:14px}.team-panel{left:12px;right:12px;top:80px;bottom:82px;width:auto}.chat-window,.chat-window.beside-team{right:12px;left:12px;bottom:82px;width:auto;z-index:1;height:470px;max-height:calc(100dvh - 110px)}}@media(prefers-reduced-motion:reduce){.chat-window,.team-panel{animation:none}}@media print{#team-chat{display:none}}
/* Compact purchasing catalogue */
.shop-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.catalog-toolbar{display:flex;gap:10px;align-items:center}.catalog-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:#fff;border:1px solid #d8e2ee;border-radius:9px;padding:0 12px}.catalog-search .icon{color:#7b8da4;width:17px;height:17px;flex-shrink:0}.catalog-search input{border:0;background:transparent;box-shadow:none;padding:11px 0;min-width:0;width:100%;font-size:12px}.catalog-toolbar>select{width:165px;font-size:12px;background:#fff}.catalog-caption{display:flex;justify-content:space-between;margin:16px 0 12px;font-size:11px;color:#74869b}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{padding:16px;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.shop-card:hover{border-color:#99b4d2;box-shadow:0 5px 16px #1738560b}.product-heading{display:flex;align-items:center;gap:10px}.product-symbol{width:38px;height:38px;background:#eef3f9;color:#345776;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.product-symbol .icon{width:23px;height:23px}.product-category{font-size:10px;color:#6c7f95;display:block}.product-sku{display:block;font-size:10px;color:#38516c;font-weight:600;letter-spacing:.35px;margin-top:4px}.shop-card h3{font-size:13px;line-height:1.45;min-height:38px;margin:13px 0 8px}.catalog-stock{margin-top:auto;padding:10px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;font-size:11px;color:#64788b}.catalog-stock>div{display:flex;align-items:center;gap:5px}.stock-dot{width:6px;height:6px;background:#16a979;border-radius:50%;margin-right:2px}.stock-dot.unavailable{background:#e06249}.catalog-stock strong{color:#285d4e;font-size:12px}.catalog-stock small{display:block;font-size:10px;margin:5px 0 0 13px;color:#8b99aa}.catalog-stock .stock-info{width:18px;height:18px;min-height:18px;font-size:10px;margin-left:auto;background:#fff4e7;color:#c86409;border:1px solid #f3d8b7}.shop-price{padding-top:13px;margin-top:0}.shop-price strong{font-size:18px;letter-spacing:-.5px}.shop-price small{font-size:10px;color:#76889b;letter-spacing:0}.shop-price button{padding:8px 12px;font-size:11px;min-height:33px;gap:5px;border-radius:7px;box-shadow:none}.shop-price button .icon{width:13px;height:13px}.cart-owner{font-size:11px;color:#60758c;margin:10px 0 14px}.cart-panel{padding:18px;border-radius:12px}.cart-panel h2{font-size:19px}.cart-steps{padding:15px 20px;margin-bottom:18px;font-size:12px}@media(min-width:1550px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.shop-layout{grid-template-columns:minmax(0,1fr) 300px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar>select{width:100%}.shop-grid{grid-template-columns:1fr}}@media(max-width:760px){.shop-layout{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar>select{width:140px}.shop-card{padding:12px}.shop-price{gap:5px}.shop-price strong{font-size:16px}.shop-price button{padding:7px 8px}.product-category{font-size:9px}}@media(max-width:380px){.shop-grid{grid-template-columns:1fr}}
/* Stable controls, responsive content and visible team access */
.stock-info:hover,.stock-info:focus-visible,.catalog-stock .stock-info:hover,.catalog-stock .stock-info:focus-visible{background:#da5c00;color:#fff;border-color:#da5c00;opacity:1;visibility:visible;transform:none;box-shadow:0 0 0 3px #f7770824}.stock-info{flex-shrink:0;cursor:pointer}.cart-error:empty{display:none}.cart-error,[id$="-error"]:not(:empty){padding:12px;background:#fff0ed;color:#a03224;border:1px solid #f3c6bd;border-radius:8px;font-size:12px;line-height:1.6;margin:12px 0}
.main,.content,.panel,.drawer-body,.catalog,.grid-main>*{min-width:0;max-width:100%}.content{width:100%;box-sizing:border-box}.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8aa3c0 #edf2f8}.table-wrap table{min-width:620px;width:100%}.table-wrap:focus-visible{outline:2px solid #2a6cdf;outline-offset:2px}.table-wrap td,.table-wrap th{max-width:320px;overflow-wrap:anywhere}.panel{overflow:hidden}.form-grid>*{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{max-width:100%;width:100%}.drawer-body{flex:1 1 auto}.drawer-footer{flex-shrink:0}.topbar{min-width:0;gap:12px}.topbar-chat{background:#e9f1ff;color:#16467d;border-color:#cbdcf2;flex-shrink:0;gap:7px}.topbar-chat:hover{background:#dceafd}.topbar-chat .icon{stroke-width:2}.sidebar .nav-item{color:#d5e2f6;font-weight:600;gap:12px}.sidebar .nav-item .icon{color:#bcd5f5;opacity:1;stroke-width:1.9;width:20px;height:20px;flex-shrink:0}.sidebar .nav-item:hover .icon,.sidebar .nav-item.active .icon{color:#fff}.sidebar .nav-item:hover{background:#244369}.sidebar .nav-item.active{background:#ef6b11;box-shadow:0 3px 9px #0002}.sidebar .nav-label{color:#9fb8d9;letter-spacing:1.5px}.sidebar nav{scrollbar-color:#617fa5 #14243c}.invoice-line{display:grid;grid-template-columns:2fr 90px repeat(2,minmax(100px,1fr));gap:12px;padding:18px 0;border-bottom:1px solid #dce5ef}.invoice-line>label:first-child{grid-column:span 2}.scan-box .actions{flex-wrap:wrap}.scan-box input{min-width:0;flex:1}.scan-box small{display:block;margin:12px;color:#69809b}.scan-box{padding:20px}#team-chat{z-index:95}.team-launch{display:flex!important;visibility:visible!important;bottom:18px;right:18px}.team-panel,.chat-window{max-width:calc(100vw - 24px)}.topbar .profile{min-width:0}.profile select{max-width:210px}.drawer .table-wrap input{min-width:85px}.page-heading{flex-wrap:wrap;gap:15px}.page-heading>div{min-width:0}.actions{flex-wrap:wrap}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
@media(max-width:1200px){.content{padding:24px}.topbar{padding:14px 20px}.search-launch{display:none}.grid-main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-layout{grid-template-columns:1fr}.profile select{max-width:185px}}
@media(min-width:761px) and (max-width:1024px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:22px 10px}.sidebar .nav-item{padding:10px 8px;font-size:11px;gap:8px}.sidebar .brand{padding-left:8px;padding-right:8px}.content{padding:20px}.shop-layout{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-panel{position:static;max-height:none}.topbar .breadcrumb{display:none}.chat-window.beside-team{right:355px;width:330px}.invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell,.compact .shell{display:block}.main{width:100%;min-width:0}.content{padding:18px 12px 95px}.topbar{padding:10px 12px;gap:8px}.topbar-chat span{display:none}.topbar-chat{width:36px;padding:8px}.profile{margin-left:auto;flex:1;justify-content:flex-end}.profile select{max-width:180px;width:100%;font-size:10px}.profile .avatar{display:none}.profile small{font-size:9px}.topbar .breadcrumb,.search-launch{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{min-width:0;padding:15px}.stat strong{font-size:24px}.grid-main{grid-template-columns:minmax(0,1fr)}.form-grid,.quote-layout,.invoice-line{grid-template-columns:minmax(0,1fr)}.invoice-line>label:first-child{grid-column:auto}.form-grid .full{grid-column:1}.drawer{width:100vw}.drawer-head h2{font-size:17px}.drawer-footer{padding:12px;gap:8px}.drawer-footer button{white-space:normal;flex:1 1 140px}.fx-cards{grid-template-columns:1fr;padding:0 12px 12px}.metal-ticker{grid-template-columns:1fr}.cart-panel{position:static;max-height:none}.panel-head{flex-wrap:wrap;gap:10px;padding:16px}.table-wrap table{min-width:580px}.page-heading h1{font-size:25px}.shop-grid{gap:10px}.team-launch{bottom:12px;right:12px}.team-panel{top:72px;bottom:80px}.chat-window.beside-team{right:12px;left:12px;width:auto}.cart-steps{gap:10px;padding:12px;font-size:10px}}
@media(max-width:380px){.profile select{max-width:145px}.stats{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}}

/* Operations design system — deliberate color, readable density, accessible motion. */
:root{--bg:#eef2f8;--paper:#fff;--ink:#14243e;--muted:#52647d;--line:#dce4ef;--accent:#e85d04;--green:#00896b;--sidebar:#0c1930;--focus:#2563eb;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}button{min-height:36px;border-radius:8px;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{opacity:.55}button.primary{background:#e85d04;border-color:#e85d04;box-shadow:0 3px 8px #c44d041c}button.primary:hover{background:#c84d00;border-color:#c84d00;box-shadow:0 5px 14px #c44d042b}.icon{stroke-width:1.85}
.sidebar{background:linear-gradient(165deg,#102440,#0a162b);box-shadow:4px 0 22px #13294b0a}.brand{margin-bottom:12px;border-bottom-color:#ffffff18}.brand img{border-radius:6px;padding:7px}.sidebar .nav-label{font-size:10px;letter-spacing:1.4px;color:#a2b9d9;margin-top:20px}.sidebar .nav-item{border-radius:8px;min-height:42px;font-size:12px;font-weight:550;color:#dce6f6}.sidebar .nav-item.active{background:#ed650c;color:white;box-shadow:inset 3px 0 #ffbd71,0 5px 14px #0002}.sidebar .nav-item:hover:not(.active){background:#ffffff10}.sidebar .nav-item .icon{color:#b4cff1;stroke-width:1.9}.sidebar .nav-item.active .icon{color:white}.sidebar nav{scrollbar-width:thin;scrollbar-color:#3c587b transparent}.side-bottom{padding-top:14px}.workspace{border-color:#ffffff1c;background:#ffffff05}.topbar{box-shadow:0 2px 8px #183b6503}.breadcrumb{color:#63758e}.profile small{color:#5f728b}.search-launch{background:#f5f7fb;color:#586d85}.topbar-chat{color:#1e4b94}
h1{font-size:clamp(25px,2.15vw,32px);line-height:1.2;letter-spacing:-1.1px;font-weight:700}h2{font-size:16px;letter-spacing:-.3px;font-weight:650}.subtitle{font-size:13px;line-height:1.65;color:#566b86}.eyebrow{color:#bf4905;font-size:10px;font-weight:750;letter-spacing:1.6px}.page-heading{margin-bottom:24px}.date{display:inline-flex;align-items:center;gap:8px;color:#56677f}.content{animation:none;padding-bottom:86px}.content.page-enter{animation:page-arrive .28s var(--ease) both}.panel,.cart-panel{border:1px solid #dce4ef;border-radius:14px;box-shadow:0 4px 18px #19355c05}.panel-head{padding:22px 24px;border-bottom:1px solid #edf1f6}.panel-head small{font-size:11px;color:#63758e;line-height:1.6;display:block;margin-top:3px}.panel-head>.icon{color:#385b8b;background:#edf3ff;width:34px;height:34px;padding:8px;border-radius:9px}.panel-body{padding:22px 24px}.notice{background:#fff8f1;border-color:#f3d6be;color:#8b3b0b;border-left:3px solid #ed650c;border-radius:10px}.notice button{color:#a74308;min-height:36px}.stats{gap:16px}.stat{border-radius:13px!important;padding:21px 22px;box-shadow:0 6px 16px #1736640b}.stat:nth-child(1){background:linear-gradient(115deg,#142e54,#234c80)}.stat:nth-child(2){background:linear-gradient(115deg,#1851d4,#3478f6)}.stat:nth-child(3){background:linear-gradient(115deg,#007e6c,#0aab88)}.stat:nth-child(4){background:linear-gradient(115deg,#c74d04,#f17b16)}.stat-label{font-size:12px;color:#fff;letter-spacing:.1px}.stat-value{font-size:clamp(22px,2vw,31px);line-height:1.25;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-foot{font-size:11px;color:#ffffffeb}.stat-label .icon{opacity:.65}.stat::after{opacity:.4}
.table-wrap{scrollbar-width:auto;scrollbar-color:#8a9eb8 #eef2f8}.table-wrap th{font-size:10px;letter-spacing:.65px;color:#4e6280;background:#f5f7fc;padding:14px 18px}.table-wrap td{font-size:12px;padding:16px 18px;color:#263c58;font-variant-numeric:tabular-nums;border-bottom-color:#edf1f7}.table-wrap td strong{font-weight:650}.table-wrap td small{font-size:11px;color:#60748f;margin-top:4px}.table-wrap tbody tr{transition:background .16s ease}.table-wrap tbody tr:hover{background:#f3f7ff}.table-wrap tr[data-action]{cursor:pointer}.badge{font-size:10px;line-height:1.4;font-weight:650;border-radius:6px;padding:5px 8px}.badge.orange{background:#fff0d6;color:#994600}.badge.green{background:#ddf6ec;color:#086c51}.badge.blue{background:#e5edff;color:#224faf}.badge.red{background:#ffe7eb;color:#b12e48}.tabs{gap:5px}.tabs button{min-height:38px}.field{font-size:12px;color:#334b68;line-height:1.6}.field input,.field select,.field textarea,input,select,textarea{border-radius:8px;border-color:#cbd7e5;min-height:38px;background:#fff;color:#19334f}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb12}.drawer{box-shadow:-12px 0 48px #0b1d3025}.drawer-head{background:#f9fbfe;border-bottom:1px solid #dde5f0}.drawer-head h2{font-size:20px}.drawer-body{line-height:1.65}.drawer-footer{background:#f9fbfe;border-top:1px solid #dce4ef}.drawer small,.muted{color:#566b84}.empty{padding:38px 24px;color:#5c708a;line-height:1.8}.task-row{padding:20px 24px;transition:background .18s}.task-row:hover{background:#f5f8fd}.task-row small{color:#5f728d;font-size:11px}.task-row strong{font-size:12px}.task-symbol{border-radius:10px}.task-row .right{font-variant-numeric:tabular-nums}
.chart-controls{gap:12px;flex-wrap:wrap}.chart-controls>span{font-size:11px;color:#536d8b}.segmented{background:#edf2fa;padding:4px;border-radius:9px}.segmented button{font-size:11px;min-height:32px;padding:7px 11px;border-radius:6px;color:#4d6381}.segmented button.selected{background:#235ddd;color:white;box-shadow:0 2px 5px #1843a324}.chart-summary{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:20px 0 24px}.chart-summary strong{font-size:27px;letter-spacing:-.7px;color:#152e50}.chart-summary>span{font-size:11px;color:#5c708b}.rich-chart{height:252px;padding-top:12px}.chart-axis{font-size:10px;color:#637994}.stack-plot{padding-top:12px;background:repeating-linear-gradient(to top,#e4ebf5 0px,#e4ebf5 1px,transparent 1px,transparent 25%)}.stack-column{min-height:0}.stack{flex-shrink:0;max-width:52px;border-radius:6px 6px 0 0;box-shadow:inset 1px 0 #ffffff30}.stack>span{background-image:linear-gradient(90deg,#ffffff16,transparent)!important}.stack-value{position:absolute;bottom:calc(var(--bar-height,0%) + 4px);font-size:10px;font-variant-numeric:tabular-nums;color:#3c5678}.stack-label{font-size:10px;color:#465f80}.chart-tooltip{z-index:5}.vivid-legend{gap:16px;flex-wrap:wrap;padding-top:18px}.vivid-legend span{font-size:11px;color:#536b8b}.vivid-legend .dot{width:9px;height:9px;border-radius:3px}.distribution{gap:24px;padding:24px;flex-wrap:wrap}.donut{width:158px;height:158px;box-shadow:0 8px 24px #142e5410}.donut>div{width:116px;height:116px;background:#fff;box-shadow:inset 0 0 0 1px #edf1f7}.donut strong{font-size:34px;color:#183353}.donut span{font-size:8px;letter-spacing:.8px;color:#596e89}.distribution-legend{min-width:170px}.distribution-legend button{font-size:11px;min-height:34px;padding:7px 5px;border-radius:6px}.distribution-legend button:hover{background:#f0f5fd;transform:none}.distribution-legend small{font-size:10px;width:44px;color:#526985}.distribution-legend i{width:9px;height:9px;border-radius:3px}.category-chart{padding:12px 24px 24px}.category-row{margin:16px 0}.category-row>div:first-child,.category-row strong{font-size:12px}.category-row>div:first-child{color:#3c5370;align-items:baseline}.category-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}.category-track{height:9px;border-radius:5px;background:#edf2f9}.category-track>span{border-radius:5px;background-image:linear-gradient(90deg,#ffffff26,transparent)!important}.progress{height:9px;background:#edf2f9;border-radius:5px}.progress span{border-radius:5px}
.shop-card{border:1px solid #d8e2ef;border-radius:12px;padding:16px;box-shadow:0 2px 8px #203d6204}.shop-card:hover{border-color:#88aad5;box-shadow:0 6px 20px #18395d0c}.product-symbol{background:#eaf1ff;color:#2258b2}.product-category,.product-sku{font-size:11px}.shop-card h3{font-size:13px;color:#173151}.catalog-stock{color:#526983}.catalog-stock small{color:#61748b;font-size:11px;margin-left:0}.catalog-stock .stock-info,.stock-info{width:32px;height:32px;min-height:32px;border-radius:8px;background:#fff0dc;color:#a84200;border:1px solid #f2c99c;font-size:13px}.stock-info:hover,.catalog-stock .stock-info:hover{background:#c64e00;color:#fff;border-color:#c64e00}.shop-price button{min-height:36px;font-size:12px}.shop-price small{font-size:11px}.cart-owner{font-size:12px;color:#526c8a}.cart-steps{background:#fff;border:1px solid #dce5f0;border-radius:10px}.team-launch{background:#14365f;border:1px solid #45668c;box-shadow:0 8px 28px #10253e33}.chat-bubble.mine{background:#e0edff;border-color:#c4d8f5}.chat-person-title small,.chat-person small{font-size:11px}.chat-window form small{font-size:10px;color:#566d8b}.chat-window form button{min-height:40px}.footnote{gap:12px;flex-wrap:wrap;color:#596d86;font-size:11px}
@keyframes page-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.content{padding:32px 34px 86px}.sidebar{padding-top:24px}}
@media(max-width:1100px){.distribution{justify-content:center}.distribution-legend{flex:1 1 180px}.stat{padding:20px}.stat-value{font-size:26px}}
@media(max-width:760px){.content{padding:20px 12px 92px}.panel-head,.panel-body{padding:18px}.panel-head h2{font-size:15px}.stats{gap:10px}.stat{padding:16px}.stat-label{font-size:11px}.stat-value{font-size:22px;white-space:normal;overflow-wrap:anywhere}.stat-foot{font-size:10px}.chart-summary strong{font-size:25px}.chart-summary>span{font-size:10px}.rich-chart{height:235px}.stack-value{font-size:9px}.stack-label{font-size:9px}.distribution{gap:20px;padding:20px}.donut{width:140px;height:140px}.donut>div{width:104px;height:104px}.distribution-legend{min-width:150px}.category-chart{padding:4px 18px 18px}.category-row>div:first-child,.category-row strong{font-size:11px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card{padding:12px}.product-sku,.product-category{font-size:10px}.shop-price{flex-wrap:wrap}.shop-price button{width:100%;min-height:40px}.catalog-stock .stock-info,.stock-info{width:36px;height:36px;min-height:36px}.table-wrap td,.table-wrap th{padding:13px 14px}.notice{flex-wrap:wrap}.notice button{margin-left:0}.profile{padding-left:8px}.profile select{font-size:11px}.topbar button{min-width:36px}.date{font-size:11px}.drawer-head,.drawer-body{padding:20px}.drawer-footer button{min-height:44px}.category-row>div:first-child{flex-wrap:wrap;gap:3px}.team-launch{min-height:46px}}
@media(max-width:380px){.shop-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.content.page-enter{animation:none}}
.cart-steps{color:#596f8d}.cart-steps b{color:#b84a06}.cart-steps span{line-height:1.6}.shop-card:nth-child(4n+2) .product-symbol{background:#e3f5ef;color:#08765c}.shop-card:nth-child(4n+3) .product-symbol{background:#f0eaff;color:#713ace}.shop-card:nth-child(4n+4) .product-symbol{background:#fff0dc;color:#b25a0b}
.approval-tabs{flex-wrap:wrap}.approval-tabs button{gap:8px}.approval-tabs button span{font-size:10px;min-width:20px;background:#e5ebf6;color:#385476;border-radius:5px;padding:1px 5px}.approval-tabs button.active span{background:#fff;color:#1b4e9b}.approval-track{padding:8px 0}.approval-step{position:relative}.approval-step .avatar{z-index:1;flex-shrink:0}.approval-step.current .avatar{box-shadow:0 0 0 4px #ed650c1c}
.eyebrow{color:#9f3d00}.chart-axis,.stack-label{color:#536b8b}.table-footer{color:#526985}.fx-card small,.metal-ticker small{color:#536b85}.demo-label{color:#536b85}.market-change.up{color:#006b54}button.primary{background:#a94300;border-color:#a94300}button.primary:hover{background:#8f3900;border-color:#8f3900}
.risk-center{margin:0 0 22px;overflow:hidden}.risk-center .panel-head{align-items:center}.health-score{display:flex;align-items:baseline;gap:4px;padding:12px 16px;border-radius:12px;background:#e3f5ef;color:#07664f}.health-score.warn{background:#fff0d8;color:#9a4a00}.health-score strong{font-size:27px;line-height:1}.health-score small{font-size:10px;color:inherit}.risk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 24px}.risk-card{position:relative;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:16px;border:1px solid #dbe5f1;border-radius:12px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.risk-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17365d12;border-color:#9bb8db}.risk-card>span{font-size:11px;color:#48617e}.risk-card>strong{font-size:28px;line-height:1.1;margin:9px 0 5px;color:#17355a}.risk-card>small{font-size:10px;line-height:1.35;color:#60758f;max-width:85%}.risk-card>i{position:absolute;right:14px;bottom:14px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#edf3ff;color:#275ba8;font-style:normal}.risk-card.orange{border-top:3px solid #e9891d}.risk-card.blue{border-top:3px solid #2f6dde}.risk-card.red{border-top:3px solid #c64454}.risk-card.green{border-top:3px solid #0b9272}@media(max-width:760px){.risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 18px;gap:9px}.risk-card{min-height:104px;padding:13px}.health-score{padding:10px 12px}.risk-card>strong{font-size:24px}}
.executive-insights{margin:0 0 22px;overflow:hidden}.insight-chip{padding:8px 12px;border-radius:8px;background:#e5edff;color:#224faf;font-size:11px;font-weight:700}.insight-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:0 24px 24px}.insight-card{border:1px solid #dce5f0;border-radius:12px;padding:16px;background:linear-gradient(150deg,#fff,#f7faff);min-height:188px}.insight-title{display:flex;justify-content:space-between;gap:10px;color:#294766;font-size:12px;font-weight:700}.insight-title small{color:#60758f;font-size:10px;font-weight:500}.waterfall{height:125px;display:flex;align-items:flex-end;gap:12px;padding:18px 8px 0}.waterfall i{position:relative;flex:1;min-height:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(#2f6dde,#8cb3ff);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;font-style:normal}.waterfall i:nth-child(2){background:linear-gradient(#e39a24,#f3c66e)}.waterfall i:nth-child(3){background:linear-gradient(#07916e,#64c6a9)}.waterfall i.available{background:linear-gradient(#8a67c8,#c1a9ee)}.waterfall b{position:absolute;top:-19px;color:#17355a;font-size:10px}.waterfall small{position:absolute;bottom:-20px;color:#5d7592;font-size:9px;white-space:nowrap}.funnel{display:grid;gap:10px;margin-top:24px}.funnel>div{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;font-size:10px;color:#5d7592}.funnel b{height:23px;display:flex;align-items:center;padding-left:8px;border-radius:5px;color:white;font-size:10px;min-width:26px}.margin-matrix{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px}.matrix{width:145px;height:96px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.matrix i{display:grid;place-items:center;border-radius:5px;font-size:9px;font-style:normal;color:#17355a}.matrix .safe{background:#ccefe2}.matrix .watch{background:#fff0bd}.matrix .danger{background:#ffd6a3}.matrix .hold{background:#f6c6cf}.matrix-axis{font-size:9px;color:#60758f}.matrix-axis.bottom{align-self:center}.feature-ribbon{margin:22px 0;overflow:hidden}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px 24px}.feature-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:17px;border:1px solid #d8e3f0;border-radius:12px;background:#f8fbff;min-height:130px;transition:.18s}.feature-tile:hover{transform:translateY(-2px);border-color:#86a9d3;box-shadow:0 8px 20px #1b416d12}.feature-tile>span{width:32px;height:32px;padding:7px;border-radius:8px;background:#e5edff;color:#235ddd}.feature-tile strong{font-size:13px;color:#17355a}.feature-tile small{font-size:10px;line-height:1.5;color:#60758f;max-width:82%}.feature-tile>i{position:absolute;right:14px;bottom:14px;color:#275ba8;font-style:normal}.scenario-hero{padding:20px;border-radius:12px;background:linear-gradient(135deg,#0b1f3a,#23518c);color:white;margin-bottom:18px}.scenario-hero .eyebrow{color:#ffc081}.scenario-hero h2{font-size:23px;margin:8px 0}.scenario-hero p{color:#dce8f8;line-height:1.6}.scenario-actions{display:flex;gap:8px;flex-wrap:wrap}.scenario-actions button.ghost{color:white;border-color:#ffffff55}.scenario-timeline{display:grid;gap:8px}.scenario-step{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;border:1px solid #dbe5f1;background:#fff;padding:11px 13px;border-radius:10px;text-align:left}.scenario-step:hover{background:#f4f8ff;border-color:#8eacd0}.scenario-num{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e5edff;color:#2457a8;font-size:10px;font-weight:700}.scenario-step strong{display:block;color:#17355a;font-size:12px}.scenario-step small{display:block;color:#60758f;font-size:10px;line-height:1.45;margin-top:3px}.scenario-step i{color:#2f6dde;font-style:normal}.feature-preview{padding:4px}.feature-preview h2{font-size:24px;margin:10px 0}.feature-preview>p{color:#526985;line-height:1.7}.feature-flow{display:grid;gap:8px;margin:24px 0}.feature-flow>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dbe5f1;border-radius:9px;background:#f8fbff}.feature-flow b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e5edff;color:#2457a8;font-size:11px}.feature-flow span{font-size:12px;color:#294766}@media(max-width:760px){.insight-grid,.feature-grid{grid-template-columns:1fr;padding:0 18px 18px}.insight-card{min-height:170px}.feature-tile{min-height:112px}}
:root{color-scheme:light}.theme-toggle{width:36px;height:36px;min-height:36px;padding:0;border:1px solid #d8e2ef;border-radius:9px;background:#f5f8fd;color:#284c78;font-size:19px;line-height:1}.theme-toggle:hover{background:#e8eff9}.dark-theme{color-scheme:dark;--bg:#0b1424;--paper:#111d31;--ink:#e8eef8;--muted:#9bacc3;--line:#263852;--accent:#f28a38}.dark-theme body{background:#0b1424;color:#e8eef8}.dark-theme .main,.dark-theme .content{background:#0b1424}.dark-theme .topbar{background:#111d31;border-bottom-color:#263852}.dark-theme .breadcrumb{color:#9bacc3}.dark-theme .breadcrumb b{color:#e8eef8}.dark-theme .search-launch{background:#17253b;color:#aebed2;border-color:#2e4564}.dark-theme .profile{border-color:#2b405c}.dark-theme .profile select{color:#e8eef8}.dark-theme .profile small{color:#9bacc3}.dark-theme .theme-toggle{background:#1c2b43;border-color:#3c587c;color:#ffd083}.dark-theme .panel,.dark-theme .cart-panel,.dark-theme .shop-card{background:#111d31;border-color:#2a405d;box-shadow:0 8px 24px #0004}.dark-theme .panel-head{border-color:#263852}.dark-theme .panel-head small,.dark-theme .subtitle,.dark-theme .muted,.dark-theme .drawer small{color:#9bacc3}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme .insight-title,.dark-theme .risk-card>strong,.dark-theme .feature-tile strong{color:#edf4ff}.dark-theme p,.dark-theme .date{color:#b2c0d3}.dark-theme input,.dark-theme select,.dark-theme textarea{background:#17263c;border-color:#385271;color:#edf4ff}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#8195b0}.dark-theme button:not(.primary):not(.nav-item):not(.ghost){background:#182a42;border-color:#385271;color:#e7effb}.dark-theme button:not(.primary):not(.nav-item):not(.ghost):hover{background:#223958}.dark-theme .ghost{color:#b9c9dc}.dark-theme .table-wrap th{background:#172943;color:#b7c9df;border-color:#2c4564}.dark-theme .table-wrap td{color:#d6e2f1;border-color:#263b57}.dark-theme .table-wrap tbody tr:hover{background:#182b45}.dark-theme .table-footer{border-color:#2c4564;color:#9bacc3}.dark-theme .tabs{border-color:#2c4564}.dark-theme .tabs button{color:#9bacc3}.dark-theme .tabs button.active{color:#ffad62}.dark-theme .drawer{background:#101b2d;box-shadow:-18px 0 50px #0008}.dark-theme .drawer-head,.dark-theme .drawer-footer{background:#14243a;border-color:#2b4362}.dark-theme .notice{background:#332818;border-color:#72502b;color:#ffd39d}.dark-theme .risk-center,.dark-theme .executive-insights,.dark-theme .feature-ribbon{background:#111d31}.dark-theme .health-score{background:#153f38;color:#7de0bf}.dark-theme .health-score.warn{background:#4a3216;color:#ffd083}.dark-theme .risk-card,.dark-theme .insight-card,.dark-theme .feature-tile,.dark-theme .scenario-step{background:#17263c;border-color:#304a6b}.dark-theme .risk-card>span,.dark-theme .risk-card>small,.dark-theme .insight-title small,.dark-theme .feature-tile small,.dark-theme .scenario-step small{color:#9db0c8}.dark-theme .insight-chip{background:#203c70;color:#bcd3ff}.dark-theme .waterfall b,.dark-theme .scenario-step strong,.dark-theme .scenario-num,.dark-theme .feature-flow span{color:#e7effb}.dark-theme .waterfall small,.dark-theme .funnel,.dark-theme .matrix-axis{color:#9db0c8}.dark-theme .feature-tile>span,.dark-theme .scenario-num,.dark-theme .feature-flow b{background:#203b67;color:#bdd4ff}.dark-theme .feature-flow>div{background:#17263c;border-color:#304a6b}.dark-theme .scenario-step:hover{background:#1d3452}.dark-theme .approval-step small,.dark-theme .task-row small{color:#9db0c3}.dark-theme .task-row{border-color:#263b57}.dark-theme .task-row:hover{background:#172b46}.dark-theme .cart-steps{background:#14243a;border-color:#2b4362;color:#bac9dc}.dark-theme .shop-card h3,.dark-theme .product-symbol,.dark-theme .cart-owner{color:#e5eefb}.dark-theme .catalog-stock small,.dark-theme .catalog-stock{color:#a6b7cb}.dark-theme .stock-info{background:#4a3216;color:#ffd083;border-color:#91612e}.dark-theme .chat-window,.dark-theme .team-panel{background:#101b2d;border-color:#30496a;color:#e8eef8}.dark-theme .chat-messages{background:#0d1727}.dark-theme .chat-bubble{background:#1b2e48;border-color:#365477}.dark-theme .chat-bubble.mine{background:#1e4771;border-color:#3f75aa}.dark-theme .team-person{background:#14243a;border-color:#2b4362}.dark-theme .team-person:hover,.dark-theme .team-person.selected{background:#1d3859}.dark-theme .timeline-item{border-color:#314966}.dark-theme .footnote{color:#91a5be}.dark-theme .market-panel .fx-card,.dark-theme .metal-ticker button{background:#17263c;border-color:#304a6b;color:#e5eefb}.dark-theme .market-status{color:#a5b7cd}.dark-theme .price-graph text{fill:#a7bad2}.dark-theme .price-graph .graph-grid{stroke:#304763}.dark-theme .empty{color:#9bacc3}
/* Universal table filters */
/* Stock details stay conspicuous in both themes and in the detail drawer. */
:is(#app,#overlay) button.stock-info{background:#ffe4e6;color:#a5122a;border:1px solid #f6a4af;font-weight:800;opacity:1;visibility:visible;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
:is(#app,#overlay) button.stock-info:hover,:is(#app,#overlay) button.stock-info:focus-visible{background:#ffd5dc;color:#8f1025;border-color:#dc143c;box-shadow:0 0 0 3px #dc143c24;opacity:1;visibility:visible;transform:none}
:is(#app,#overlay) button.stock-info:focus-visible{outline:2px solid #dc143c;outline-offset:3px}
.dark-theme .catalog .catalog-search{background:#17263c;border-color:#385271;color:#b8c9dc}
.dark-theme .catalog .product-symbol{background:#203b67;color:#bdd4ff}
.dark-theme .catalog .product-category,.dark-theme .catalog .product-sku{color:#a9bdd7}
.dark-theme .catalog .catalog-stock{border-color:#2a405d}
.dark-theme .catalog .catalog-stock strong{color:#74dfbd}
.dark-theme .catalog .shop-price strong,.dark-theme .cart-panel .cart-line{color:#edf4ff}
.dark-theme .catalog .shop-price small{color:#a9bdd7}
.dark-theme .cart-panel .cart-line{background:#17263c}
.dark-theme .cart-panel .stock-info,.dark-theme .catalog .stock-info{background:#4a3216;color:#ffd083;border-color:#91612e}
.dark-theme .cart-panel .stock-info:hover,.dark-theme .catalog .stock-info:hover{background:#95551b;color:#fff}
.workspace-clock .clock-leaf{display:grid;align-items:center;justify-items:center;line-height:1.1;isolation:isolate}
.workspace-clock .clock-digits{align-items:center}
.workspace-clock .clock-calendar{align-self:center}
.workspace-clock .clock-caption{line-height:1.5}
@media(max-width:760px){.workspace-clock .clock-seconds,.workspace-clock .clock-second-colon{display:none}.workspace-clock{flex-shrink:1}.catalog-stock .stock-info{padding:0;display:grid;place-items:center}.cart-panel .cart-line{padding:12px;border:1px solid var(--line)}}
/* Presence and composition controls */
.team-self>div{min-width:0;flex:1}
.presence-picker{position:relative;margin-top:6px;z-index:8}
#team-chat .presence-current,#team-chat .presence-option{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 10px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
.presence-current>span:not(.presence-chevron),.presence-option>span{display:grid;min-width:0;flex:1}
.presence-current b,.presence-option b{font-size:12px}.presence-current small,.presence-option small{font-size:10px;color:var(--muted);white-space:normal;line-height:1.5}
.presence-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;gap:5px;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 14px 32px #17355a33}
.presence-menu[hidden]{display:none}#team-chat .presence-option:hover,#team-chat .presence-option.selected{background:var(--bg);border-color:#4484dd}
.presence-picker .presence{position:static;flex:0 0 9px;width:9px;height:9px;border:0;border-radius:50%}
.chat-window #team-chat-form{display:block;background:var(--paper)}
.chat-compose{display:grid;gap:8px;min-width:0}.chat-compose textarea{width:100%;resize:vertical;max-height:120px}
.chat-compose-tools{display:flex;align-items:center;gap:7px;min-width:0}.chat-file-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:11px;cursor:pointer}.chat-file-button .icon{width:16px;height:16px}.chat-file-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
.chat-attachment{display:flex;align-items:center;gap:8px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);text-decoration:none}.chat-attachment>span:nth-child(2){display:grid;min-width:0;flex:1}.chat-attachment strong,.chat-attachment small{overflow-wrap:anywhere;line-height:1.5}.chat-attachment strong{font-size:12px}.chat-attachment small{font-size:10px;color:var(--muted)}.chat-attachment .icon{width:18px;flex-shrink:0}.chat-bubble{min-width:0;overflow-wrap:anywhere}.chat-file-icon{display:grid;place-items:center;color:#3974cf}
/* Compact quote cart */
.cart-line{padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.cart-line-heading{display:flex;align-items:flex-start;gap:10px}.cart-line-heading>div{flex:1;min-width:0}.cart-line-heading strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.cart-line-heading small{display:block;font-size:10px;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}
.cart-line-heading .stock-info{flex:0 0 32px;display:grid;place-items:center;margin:0;padding:0;width:32px;height:32px;min-height:32px}
.cart-qty{display:grid;grid-template-columns:74px auto minmax(0,1fr) 32px;gap:7px}.cart-qty input{width:100%;min-width:0}.cart-qty b{text-align:right;font-size:12px;overflow-wrap:anywhere;margin:0}.cart-qty .cart-remove{width:32px;min-width:0;padding:0;font-size:21px;color:#b43c45}
.shop-layout>.catalog,.shop-layout>.cart-panel,.shop-card{min-width:0}.catalog-stock>div{flex-wrap:wrap}.catalog-stock .stock-info{flex-shrink:0}.cart-panel .checkout{width:100%;white-space:normal}.cart-panel>h2{border-bottom:1px solid var(--line);padding-bottom:16px}.cart-panel .lot-select{margin-bottom:0}
/* Flexible containers keep horizontal scrolling inside tables. */
.main,.content,.page-heading,.page-heading>.actions,.panel,.panel-body,.form-grid>*{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.clock-leaf{line-height:1;flex-shrink:0}.clock-face{position:relative;z-index:1}.clock-outgoing{z-index:2}.clock-digits{line-height:1}.clock-calendar{flex-shrink:0}
@media(max-width:760px){.page-heading>.actions{flex-wrap:wrap}.workspace-clock{max-width:100%;margin:0;padding:8px;gap:9px;box-sizing:border-box}.clock-zone{display:none}.clock-seconds,.clock-second-colon{display:none}.clock-caption{white-space:nowrap}.team-panel,.chat-window{max-width:calc(100vw - 24px);min-width:0}.presence-menu{left:auto;right:0;width:min(270px,calc(100vw - 64px))}.cart-steps{flex-wrap:wrap}.cart-line{padding:12px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar>*{min-width:0;max-width:100%}.table-filter-host{flex-wrap:wrap}.table-filter-host label{min-width:0}.table-filter-host input{min-width:0;width:100%}.team-self{background:var(--bg)}}
#market-ribbon .market-ribbon-item{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:12px;row-gap:5px;text-align:left}
#market-ribbon .market-ribbon-item time{display:block;grid-column:1 / -1;grid-row:2;font-size:10px;font-weight:400;line-height:1.2;color:#c1d3e8}
.workspace-clock{display:flex;align-items:center;gap:12px;padding:9px 13px 9px 9px;margin-right:8px;border:1px solid #d3deec;border-radius:13px;background:#fff;box-shadow:0 4px 16px #10244008;flex-shrink:0;user-select:none}.clock-calendar{width:43px;align-self:stretch;border:1px solid #d5dfec;border-radius:7px;overflow:hidden;background:#f5f8fc}.clock-month{display:block;text-align:center;background:#cc5913;color:#fff;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;padding:3px 0}.clock-leaf{position:relative;display:inline-grid;place-items:center;width:35px;height:32px;border:1px solid #344e6b;border-radius:5px;background:linear-gradient(#19344f 49%,#294968 50%);color:#fff;font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px;perspective:180px;box-shadow:0 2px 0 #0c2035}.clock-leaf:after{content:'';position:absolute;inset:49% 0 auto;border-top:1px solid #0003;pointer-events:none}.clock-outgoing{position:absolute;inset:0;display:grid;place-items:center;background:inherit;border-radius:inherit;transform-origin:center center;opacity:0;backface-visibility:hidden;pointer-events:none}.clock-calendar .clock-leaf{display:grid;width:100%;height:30px;background:linear-gradient(#fff 49%,#edf2f8 50%);color:#19344f;border:0;border-radius:0;box-shadow:none;font-size:24px}.clock-digits{display:flex;align-items:center;gap:4px}.clock-colon{color:#6e829b;font-size:18px;font-weight:650}.clock-seconds{width:25px;height:25px;font-size:16px;align-self:flex-end;background:linear-gradient(#edf2f8 49%,#e0e9f3 50%);color:#37516c;border-color:#d5dfec;box-shadow:0 2px 0 #d5dfec}.clock-caption{margin-top:6px;font-size:9px;font-weight:600;color:#536b85;letter-spacing:.3px}.clock-zone{font-size:8px;line-height:1.6;color:#617993;border-left:1px solid #dce5ef;padding-left:10px;text-align:center}.dark-theme .workspace-clock{background:#14243a;border-color:#304a6b;box-shadow:0 4px 16px #0002}.dark-theme .clock-caption,.dark-theme .clock-zone{color:#b5c8de}.dark-theme .clock-zone{border-color:#304a6b}.dark-theme .clock-calendar{border-color:#435976}.dark-theme .clock-leaf{border-color:#496583}.dark-theme .clock-calendar .clock-leaf{border:0}@media(max-width:760px){.page-heading>.actions{width:100%}.workspace-clock{margin:2px 0 8px;gap:10px}.clock-zone{display:none}.clock-caption{font-size:10px}}
.market-ribbon{display:flex;align-items:stretch;min-width:0;height:60px;background:#0d223d;color:#edf5ff;border-bottom:1px solid #2a4464;overflow:hidden}.market-ribbon-label{flex:0 0 128px;display:flex;flex-direction:column;justify-content:center;padding:0 18px;background:#14365f;z-index:1}.market-ribbon-label b{font-size:11px;letter-spacing:1.4px;color:#ffab5d}.market-ribbon-label small{font-size:9px;color:#c5d7ee;margin-top:3px}.market-ribbon-viewport{flex:1;min-width:0;overflow:hidden}.market-ribbon-track{display:flex;width:max-content;height:100%;animation:marketRibbonFlow 48s linear infinite}.market-ribbon-group{display:flex;flex:none;align-items:stretch}.market-ribbon .market-ribbon-item{display:flex;gap:12px;border:0;border-right:1px solid #29415e;border-radius:0;background:transparent;color:#edf5ff;padding:0 22px;font-size:11px;box-shadow:none;transform:none}.market-ribbon-item time{font-size:9px;color:#a9bfd9}.market-ribbon-item .market-change.up{color:#67e0b3}.market-ribbon-item .market-change.down{color:#ff8ca3}.market-ribbon .market-ribbon-item:hover{background:#173554}.market-ribbon>button{border:0;border-radius:0;background:#14365f;color:#fff;min-width:42px}.market-ribbon-track.paused,.market-ribbon-viewport:hover .market-ribbon-track,.market-ribbon-viewport:focus-within .market-ribbon-track{animation-play-state:paused}.market-ribbon button:focus-visible{outline:2px solid #ffab5d;outline-offset:-3px}@keyframes marketRibbonFlow{to{transform:translateX(-50%)}}.fx-cards .fx-card:not(.active):hover,.metal-ticker>button:not(.active):hover{background:var(--paper);box-shadow:none;transform:none}.fx-cards .fx-card:not(.active){background:var(--paper);box-shadow:none}.fx-cards .fx-card.active,.metal-ticker>button.active{background:#e8f0ff;box-shadow:inset 0 3px #2463eb;border-color:#2463eb}.dark-theme .fx-cards .fx-card.active,.dark-theme .metal-ticker>button.active{background:#203c62;box-shadow:inset 0 3px #72a7ff;border-color:#72a7ff}@media(max-width:760px){.market-ribbon-label{flex-basis:90px;padding:0 10px}.market-ribbon .market-ribbon-item{padding:0 14px;gap:8px}}@media(prefers-reduced-motion:reduce){.market-ribbon-track{animation:none}.market-ribbon-viewport{overflow-x:auto}.market-ribbon-group[aria-hidden]{display:none}}
/* Keep the floating launcher legible above the global button hover rules. */
#team-chat .team-launch{background:#14365f;color:#fff;border-color:#45668c;z-index:2;opacity:1;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
#team-chat .team-launch:hover,#team-chat .team-launch:focus-visible{background:#204d7d;color:#fff;border-color:#779bc4;box-shadow:0 8px 28px #10253e44}
#team-chat .team-launch:active,#team-chat .team-launch[aria-expanded="true"]{background:#102b50;color:#fff;border-color:#779bc4}
#team-chat .team-launch:focus-visible{outline:3px solid #f78b35;outline-offset:3px}
@media(max-width:760px){#team-chat .team-panel{bottom:144px}}
.command-intro{padding:18px;border-left:3px solid #ed7218;background:var(--paper);margin-bottom:18px}.command-results{display:grid;gap:6px;margin-top:20px}.command-results button{justify-content:space-between;text-align:left;padding:14px 16px;white-space:normal;border-color:var(--line);background:var(--paper)}.command-results small{display:block;margin-top:5px;color:var(--muted);font-weight:400}.command-results button:focus{outline:2px solid #ed7218;background:var(--bg)}.workspace-notifications{display:grid;gap:12px}.workspace-notice{padding:18px;border:1px solid var(--line);border-left:3px solid #2463eb;border-radius:10px;background:var(--paper)}.workspace-notice.read{border-left-color:var(--line)}.workspace-notice h3{margin:12px 0 5px}.workspace-notice p{font-size:12px;margin:5px 0 12px}.mobile-workspace-nav{display:none}@media(max-width:760px){.mobile-workspace-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 24px #10244012}.mobile-workspace-nav button{flex:1;min-width:0;flex-direction:column;gap:4px;padding:8px 3px;border:0;background:transparent;color:var(--muted);font-size:9px;white-space:normal}.mobile-workspace-nav .active{color:#e76913;background:#ee761814}.team-launch{bottom:80px!important}.command-results button{min-height:60px}.content{padding-bottom:145px}}@media(prefers-reduced-motion:reduce){.live-pulse i{animation:none}.live-card,.phase2-card,.risk-card{transition:none}}
.table-filter-host{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#fbfcff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table-filter-host label{display:flex;align-items:center;gap:9px;flex:1;max-width:360px;color:#526985;font-size:11px;font-weight:600}.table-filter-host input{min-height:34px;padding:7px 10px;background:#fff}.table-filter-host small{margin-left:auto;color:#60758f;font-size:10px;white-space:nowrap}.dark-theme .table-filter-host{background:#14243a;border-color:#2b4362}.dark-theme .table-filter-host label,.dark-theme .table-filter-host small{color:#b8c9dc}.dark-theme .table-filter-host input{background:#17263c;border-color:#385271;color:#edf4ff}@media(max-width:760px){.table-filter-host{padding:9px 14px;gap:8px}.table-filter-host label{max-width:none;width:100%;font-size:10px}.table-filter-host input{min-height:36px}.table-filter-host small{font-size:9px}}
.live-ops-panel{margin:0 0 22px;overflow:hidden}.live-pulse{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;background:#e3f5ef;color:#08735d;font-size:10px;font-weight:700}.live-pulse i{width:7px;height:7px;border-radius:50%;background:#00a982;box-shadow:0 0 0 4px #00a98225;animation:livePulse 1.8s infinite}.live-ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 24px}.live-card{position:relative;min-height:184px;padding:16px;border:1px solid #dbe5f1;border-radius:12px;background:linear-gradient(150deg,#fff,#f7faff);overflow:hidden}.live-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.live-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.live-icon .icon{width:17px}.live-icon.orange{background:#fff0d6;color:#b95c00}.live-icon.blue{background:#e5edff;color:#2457a8}.live-icon.green{background:#ddf6ec;color:#08735d}.live-icon.violet{background:#eee7ff;color:#6e46b7}.live-card strong{display:block;color:#17355a;font-size:13px}.live-card p{margin:9px 0 4px;color:#2b4a6b;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-card small{display:block;color:#60758f;font-size:10px;line-height:1.45}.live-card button{position:absolute;left:14px;bottom:10px;padding:5px 0;font-size:10px;color:#2457a8}.mini-activity{display:grid;gap:8px;margin-top:10px}.mini-activity>div{display:flex;gap:7px;align-items:flex-start;color:#405b79;font-size:10px;line-height:1.3}.mini-activity i{width:6px;height:6px;flex:0 0 6px;margin-top:4px;border-radius:50%;background:#7d5bc4}.mini-activity small{margin-top:2px;font-size:9px}.dark-theme .live-pulse{background:#153f38;color:#7de0bf}.dark-theme .live-card{background:linear-gradient(150deg,#17263c,#14243a);border-color:#304a6b}.dark-theme .live-card strong,.dark-theme .live-card p{color:#e7effb}.dark-theme .live-card small,.dark-theme .mini-activity>div{color:#9db0c8}.dark-theme .live-card button{color:#bdd4ff}@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@media(max-width:1000px){.live-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.live-ops-grid{grid-template-columns:1fr;padding:0 18px 18px}.live-card{min-height:160px}.live-card p{font-size:15px}}
/* Traceability and commercial controls */
.dark-theme .trade-card,.dark-theme .customer-overview{background:#17263c;border-color:#304a6b}.dark-theme .trade-card small{color:#b8c9dc}.dark-theme .phase2-card b,.dark-theme .credit-row>b{color:#aacbff}.customer-overview .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-overview .stat{min-width:0}.customer-overview .stat-value{font-size:23px;overflow-wrap:anywhere}
.trade-card{padding:18px;background:#f5f8ff;border:1px solid #d8e4f5;border-radius:12px;margin:18px 0;overflow-wrap:anywhere}.trade-card h3{margin-bottom:14px}.trade-card small{display:block;font-size:11px;line-height:1.65;color:#526c8b}.trade-card .form-grid{gap:12px}.risk-text{color:#ad3a16!important}.lot-select{margin-top:10px;font-size:11px}.lot-select select{font-size:11px;width:100%}.cart-panel .trade-card{padding:14px}.cart-panel .trade-card .form-grid{grid-template-columns:1fr}.reservation-card small{display:block;margin:5px 0}.trade-card .summary-row{gap:10px;flex-wrap:wrap}.panel-head .field{min-width:180px;max-width:100%}
.dark-theme .eyebrow{color:#ffb36a}.dark-theme .field{color:#b8c9dc}.dark-theme .funnel>div,.dark-theme .matrix-axis{color:#a9bbd2}
.dark-theme .chart-summary strong{color:#e9f2ff}
.phase2-panel{margin:22px 0;overflow:hidden}.phase2-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 24px 24px}.phase2-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:15px;border:1px solid #d8e3f0;border-radius:11px;background:#f8fbff;min-height:145px;transition:.18s}.phase2-card:hover{transform:translateY(-2px);border-color:#86a9d3;box-shadow:0 8px 18px #1b416d12}.phase2-icon{width:30px;height:30px;padding:6px;border-radius:8px;background:#e5edff;color:#235ddd}.phase2-card strong{font-size:12px;color:#17355a}.phase2-card b{font-size:18px;color:#2457a8}.phase2-card small{font-size:10px;line-height:1.45;color:#60758f;max-width:90%}.phase2-card i{position:absolute;right:12px;bottom:12px;color:#275ba8;font-style:normal}.phase2-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dce5ef}.phase2-row:last-child{border-bottom:0}.phase2-row strong{display:block;font-size:12px;color:#17355a}.phase2-row small{display:block;margin-top:4px;color:#60758f;font-size:10px}.credit-row{display:grid;grid-template-columns:1.1fr 1fr auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dce5ef}.credit-row strong{display:block;font-size:12px;color:#17355a}.credit-row small{display:block;color:#60758f;font-size:10px;margin-top:4px}.credit-meter{height:8px;background:#e6edf5;border-radius:4px;overflow:hidden}.credit-meter i{display:block;height:100%;background:linear-gradient(90deg,#0a9271,#e3a02a,#c84857);border-radius:4px}.credit-row>b{font-size:10px;color:#526985;white-space:nowrap}.dark-theme .phase2-card,.dark-theme .phase2-row,.dark-theme .credit-row{background:#17263c;border-color:#304a6b}.dark-theme .phase2-card strong,.dark-theme .phase2-row strong,.dark-theme .credit-row strong{color:#e7effb}.dark-theme .phase2-card small,.dark-theme .phase2-row small,.dark-theme .credit-row small{color:#9db0c8}.dark-theme .phase2-icon{background:#203b67;color:#bdd4ff}.dark-theme .credit-meter{background:#263b57}@media(max-width:1000px){.phase2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.phase2-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 18px}.phase2-card{min-height:132px;padding:12px}.phase2-row,.credit-row{grid-template-columns:1fr;align-items:flex-start;gap:8px}.credit-meter{width:100%}}