*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7f5;color:#10221b}button,input,select{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:#091712;color:#dce9e3;padding:22px 16px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;gap:10px;align-items:center;margin-bottom:18px}.brand b,.brand span{display:block}.brand span{font-size:10px;color:#789184;margin-top:3px}.logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#dfc277,#987035);display:grid;place-items:center;color:#142019;font:900 27px Georgia}.logo.small{width:39px;height:39px;border-radius:12px;font-size:22px}.rolebox{border:1px solid #ffffff12;background:#ffffff06;padding:11px;border-radius:12px;margin-bottom:16px}.rolebox small,.rolebox b,.rolebox span{display:block}.rolebox small{font-size:8px;letter-spacing:.12em;color:#c7a75e}.rolebox b{font-size:11px;margin-top:5px}.rolebox span{font-size:9px;color:#789184;margin-top:3px}nav{display:flex;flex-direction:column;gap:3px;overflow:auto}nav button,.logout{border:0;background:transparent;color:#91aa9e;padding:10px;border-radius:9px;text-align:left;font-size:12px;cursor:pointer}nav button.active,nav button:hover{background:#163126;color:#fff}.logout{margin-top:auto;border-top:1px solid #ffffff12;border-radius:0}main{padding:0 28px 40px;min-width:0}header{height:84px;border-bottom:1px solid #dfe7e3;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}header small{font-size:8px;letter-spacing:.14em;color:#81948b;font-weight:700}header h2{margin:4px 0 0;font-size:21px}.headerRight{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:#173e2f;color:white;display:grid;place-items:center;font-size:11px;font-weight:800}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 8px;background:#fbf3df;color:#8a6a2e;font-size:7px;font-weight:800;letter-spacing:.06em}.pill.demo{background:#eff4f1;color:#60776c}.pill.success{background:#e7f6ed;color:#27704f}.hero{background:linear-gradient(120deg,#0d2119,#193b2c);border-radius:19px;color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:center}.hero>div>small,.moduleHead small{color:#d2b265;font-size:8px;letter-spacing:.14em;font-weight:800}.hero h1,.moduleHead h1{font-size:28px;margin:9px 0 7px;letter-spacing:-.03em}.hero p,.moduleHead p{font-size:11px;color:#a7bbb1;line-height:1.6;margin:0}.goal{border-left:1px solid #ffffff1a;padding-left:28px;min-width:170px}.goal span,.goal small,.goal b{display:block}.goal span,.goal small{font-size:9px;color:#88a095}.goal b{font-size:35px;margin:5px 0}.goal em{font-size:13px;color:#718b7f;font-style:normal}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.card,.panel,.features article{background:#fff;border:1px solid #e0e8e4;border-radius:15px}.card{padding:17px}.card span,.card small{display:block;font-size:9px;color:#7f9289}.card b{display:block;font-size:21px;margin:9px 0 6px}.card small{color:#4f7b67}.twocol{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.panel{padding:18px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.title h3{font-size:13px;margin:0}.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tiers div{background:#f6f8f7;border:1px solid #e5ebe8;border-radius:11px;padding:12px}.tiers b,.tiers span{display:block}.tiers b{font-size:18px}.tiers span{font-size:8px;color:#82958c;margin-top:5px}.flow{font-size:10px;color:#4d6e5e;line-height:1.8}.moduleHead{padding:12px 2px 22px}.moduleHead p{color:#7e9288}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.features article{padding:19px}.features article>span{font-size:8px;color:#ad8b45;font-weight:800}.features article>b{display:block;font-size:12px;margin:14px 0 6px}.features p{font-size:9px;color:#83958c;line-height:1.5;min-height:28px}.features button{border:0;background:transparent;color:#2b654d;font-size:9px;font-weight:700;padding:6px 0}.controls{margin-bottom:12px}.controlGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.field{display:block;font-size:8px;font-weight:800;color:#63776d}.field input,.field select,select{display:block;width:100%;padding:10px;border:1px solid #dce5e1;border-radius:9px;margin-top:5px;background:#fff;color:#10221b}.formrow{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;align-items:end;margin-bottom:12px}.primary{border:0;background:#173e2f;color:#fff;border-radius:10px;padding:11px 14px;font-size:10px;font-weight:700;cursor:pointer}.primary:disabled{opacity:.4}.primary.fit{width:auto;height:38px}.toolbar{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.toolbar select{width:auto;min-width:180px}.toolbar label{font-size:9px}.short{width:80px!important;display:inline-block!important;margin-left:5px!important}.tablewrap{overflow:auto}.tablewrap.panel{padding:0}.tablewrap table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#80938a;padding:10px;border-bottom:1px solid #e4ebe7;background:#fafcfa}td{font-size:10px;padding:11px 10px;border-bottom:1px solid #edf1ef}td b{font-size:10px}.empty{padding:28px;text-align:center;border:1px dashed #d5dfda;border-radius:12px;color:#809188;font-size:10px;background:#fff}.pos{display:grid;grid-template-columns:1fr 360px;gap:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.products button{min-height:120px;border:1px solid #e0e8e4;background:#f9fbfa;border-radius:12px;padding:12px;text-align:left;cursor:pointer}.products small,.products b,.products strong{display:block}.products small{font-size:7px;color:#a17f3e}.products b{font-size:10px;margin:27px 0 5px}.products strong{font-size:14px}.cart{display:flex;flex-direction:column;min-height:480px}.line{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:10px 0;border-bottom:1px solid #edf1ef;font-size:9px}.line button{border:0;background:#f0f3f2;border-radius:50%;width:22px;height:22px}.total{margin-top:auto;border-top:1px solid #dfe7e3;padding:14px 0;display:flex;justify-content:space-between}.total b{font-size:22px}.profitbox{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;background:#f7faf8;border-radius:10px;margin-top:12px}.profitbox span{font-size:9px;color:#758a80}.profitbox b,.profitbox strong{font-size:14px}.profitbox strong{color:#1f6a4b}.muted{font-size:9px;color:#7f9289;line-height:1.7}.notice{margin-top:14px;background:#fffaf0;border:1px solid #ead9ae;border-radius:12px;padding:13px;color:#765d2b}.notice b,.notice span{display:block;font-size:10px}.notice span{font-size:8px;margin-top:3px}.login{min-height:100vh;background:#091712;display:grid;grid-template-columns:1.1fr .9fr;padding:34px}.loginIntro{padding:70px;display:flex;flex-direction:column;justify-content:center;color:white;background:radial-gradient(circle at 30% 25%,#224b39 0,transparent 36%)}.loginIntro small{color:#d4b46a;font-size:9px;letter-spacing:.15em;margin-top:25px}.loginIntro h1{font-size:46px;line-height:1.08;letter-spacing:-.05em;margin:13px 0}.loginIntro p{font-size:12px;color:#91aa9e;line-height:1.7;max-width:550px}.loginCard{background:#fff;border-radius:23px;padding:35px;max-width:500px;width:100%;margin:auto}.logo.mini{width:42px;height:42px;border-radius:13px;background:#173e2f;color:#e4c478;font-size:23px}.loginCard h2{font-size:25px;margin:17px 0 4px}.loginCard>p{font-size:10px;color:#81938a;margin-bottom:23px;line-height:1.5}.loginCard>.primary{width:100%;margin-top:12px}.demoUsers{border-top:1px solid #e5ebe8;margin-top:17px;padding-top:12px}.demoUsers>b{font-size:8px;color:#879991}.demoUsers button{width:100%;border:0;background:#f7f9f8;padding:7px 8px;margin-top:4px;border-radius:7px;display:flex;justify-content:space-between;cursor:pointer}.demoUsers button span{font-size:8px;font-weight:700}.demoUsers button small{font-size:7px;color:#899b92}
@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.twocol,.pos{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.controlGrid{grid-template-columns:repeat(3,1fr)}.formrow{grid-template-columns:1fr 1fr 1fr}.login{grid-template-columns:1fr}.loginIntro{display:none}}
@media(max-width:720px){.app{display:block}aside{height:auto;position:relative}.brand,.rolebox{display:none}nav{display:grid;grid-template-columns:1fr 1fr}.logout{margin-top:10px}main{padding:0 13px 28px}.hero{flex-direction:column;align-items:flex-start;gap:20px}.goal{border:0;padding:0}.stats,.twocol,.features,.controlGrid,.formrow{grid-template-columns:1fr}.tiers{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.login{padding:13px}.loginCard{padding:24px}}.authError{margin:10px 0;padding:10px 12px;border:1px solid #e8c7c2;background:#fff3f1;color:#8a3f35;border-radius:10px;font-size:9px}.secureNote{margin-top:14px;padding-top:12px;border-top:1px solid #e5ebe8;color:#6f8379;font-size:8px;text-align:center}.textButton{width:100%;margin-top:9px;border:0;background:transparent;color:#45675a;font-size:9px;cursor:pointer}.authLoading{min-height:100vh;background:#091712;color:#dce9e3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.authLoading b{font-size:13px}.authLoading span{font-size:9px;color:#82998e}.products button:disabled{opacity:.45;cursor:not-allowed}.miniBtn{border:1px solid #d8e2dd;background:#fff;color:#1f5c45;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:700;cursor:pointer}.miniBtn:hover{background:#f2f7f4}.miniBtn:disabled{opacity:.45;cursor:not-allowed}.actionRow{display:flex;gap:6px;flex-wrap:wrap}.credentialNotice{margin:12px 0;padding:13px 14px;border:1px solid #d7c58f;background:#fff8e8;color:#6e5420;border-radius:11px;font-size:9px;font-weight:700;word-break:break-word}.compactHead{padding-bottom:10px;margin-top:18px}.stockMeta{display:block;margin-top:8px;font-size:8px;color:#527565}
/* typography-balance-v4 */
body{font-size:14px;line-height:1.45}
.app{grid-template-columns:260px 1fr}
aside{padding:20px 16px}
.brand b{font-size:15px}.brand span{font-size:11px}
.rolebox small{font-size:10px}.rolebox b{font-size:13px}.rolebox span{font-size:11px}
nav button,.logout{font-size:13px;padding:11px 10px}
main{padding:0 30px 40px}
header{height:70px;margin-bottom:18px}
header small{font-size:10px}
header h2{font-size:22px}
.avatar{font-size:12px}
.pill{font-size:9px;padding:6px 9px}
.hero{padding:22px 26px;border-radius:16px}
.hero>div>small,.moduleHead small{font-size:10px}
.hero h1,.moduleHead h1{font-size:26px;margin:7px 0 6px}
.hero p,.moduleHead p{font-size:13px;line-height:1.55}
.goal{padding-left:22px;min-width:150px}
.goal span,.goal small{font-size:11px}
.goal b{font-size:30px}
.goal em{font-size:14px}
.card{padding:18px}
.card span,.card small{font-size:11px}
.card b{font-size:22px}
.title h3{font-size:15px}
.tiers b{font-size:19px}.tiers span{font-size:11px}
.flow{font-size:12px;line-height:1.65}
.moduleHead{padding:8px 2px 18px}
.features article>span{font-size:10px}
.features article>b{font-size:14px}
.features p{font-size:12px;min-height:34px}
.features button{font-size:11px}
.field{font-size:11px}
.field input,.field select,select{font-size:13px;padding:10px 11px}
.primary{font-size:12px;padding:11px 15px}
.toolbar label{font-size:11px}
th{font-size:10px;padding:11px 12px}
td{font-size:12px;padding:12px}
td b{font-size:12px}
.empty{font-size:12px;padding:24px}
.products small{font-size:10px}
.products b{font-size:13px;margin:20px 0 7px}
.products strong{font-size:16px}
.stockMeta{font-size:10px}
.line{font-size:12px}
.profitbox span{font-size:11px}
.profitbox b,.profitbox strong{font-size:16px}
.muted{font-size:11px}
.notice b,.notice span{font-size:12px}.notice span{font-size:11px}
.authError,.credentialNotice{font-size:11px}
.secureNote,.textButton{font-size:10px}
.miniBtn{font-size:10px;padding:7px 10px}
.loginIntro{padding:52px 64px}
.loginIntro small{font-size:11px}
.loginIntro h1{font-size:40px}
.loginIntro p{font-size:14px}
.loginCard h2{font-size:27px}
.loginCard>p{font-size:12px}
@media(max-width:1100px){.app{grid-template-columns:230px 1fr}.hero h1,.moduleHead h1{font-size:24px}}
@media(max-width:720px){body{font-size:14px}header{height:64px}.hero{padding:20px}.hero h1,.moduleHead h1{font-size:23px}.hero p,.moduleHead p{font-size:13px}nav button,.logout{font-size:13px}.field{font-size:12px}th{font-size:10px}td{font-size:12px}.loginCard{padding:24px}}
/* compact-page-top-v5 */
main{padding:0 26px 32px}
header{height:56px;margin-bottom:8px}
header h2{font-size:21px;margin-top:2px}
header small{font-size:9px}
.moduleHead{padding:0 2px 10px}
.moduleHead h1{font-size:24px;margin:4px 0 4px}
.moduleHead p{font-size:12px;line-height:1.45}
.hero{padding:20px 24px;margin-top:0}
.stats{margin:12px 0}
.compactHead{padding-top:8px;margin-top:10px}
@media(max-width:1100px){
  main{padding:0 20px 28px}
  header{height:54px;margin-bottom:8px}
  .moduleHead{padding:0 2px 9px}
}
@media(max-width:720px){
  main{padding:0 12px 24px}
  header{height:52px;margin-bottom:7px}
  .moduleHead{padding:0 0 8px}
  .moduleHead h1{font-size:22px}
  .hero{padding:18px;margin-top:0}
}
.blendChips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.blendChips button{border:1px solid #d8e2dd;background:#f5f9f7;color:#214d3b;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer}.blendChips button:hover{background:#eaf3ee}.blendFinal{margin-top:14px}.blendFinal .field input[readonly],.blendFinal .field input:disabled{background:#f1f4f2;color:#61776c}
.supplierDetail{margin-top:14px}.ledgerBalance{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4ebe7;margin-top:12px;padding-top:12px;font-size:12px;color:#5c7368}.ledgerBalance b{color:#173e2f}.bomTotal,.blendCostBar{margin-top:12px;padding:11px 13px;border:1px solid #e0e8e4;background:#f7faf8;border-radius:10px;font-size:11px;color:#5d7469}.bomTotal b,.blendCostBar b{color:#173e2f}.blendCostBar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel .tablewrap.panel{border:0;margin:0}.panel .tablewrap.panel table{min-width:640px}@media(max-width:720px){.blendCostBar{display:block}.blendCostBar b{display:block;margin-top:5px}.supplierDetail{margin-top:10px}}
/* publisher-advertiser-dashboard-v9 */
:root{
  --bg:#f6f8fb;
  --surface:#ffffff;
  --surface-2:#f9fbfc;
  --line:#e7ebf0;
  --text:#17211b;
  --muted:#748078;
  --brand:#0f5132;
  --brand-2:#16734a;
  --brand-soft:#edf7f1;
  --gold:#b88934;
  --shadow:0 8px 28px rgba(21,35,27,.06);
}
body{background:var(--bg);color:var(--text);font-size:14px}
.app{grid-template-columns:236px minmax(0,1fr);background:var(--bg)}
aside{
  background:var(--surface);color:var(--text);padding:18px 14px;
  border-right:1px solid var(--line);box-shadow:none
}
.brand{margin-bottom:18px;padding:0 6px}
.logo.small{width:38px;height:38px;border-radius:11px;background:var(--brand);color:#f0d58d;box-shadow:0 6px 16px rgba(15,81,50,.18)}
.brand b{font-size:15px;color:#183126}
.brand span{font-size:10px;color:#8a958f}
.rolebox{
  background:linear-gradient(180deg,#f8fbf9,#f2f7f4);border:1px solid #e5eee8;
  color:var(--text);padding:12px;border-radius:13px;margin-bottom:14px
}
.rolebox small{color:#a17b31;font-size:9px}
.rolebox b{color:#1a2c23;font-size:12px}
.rolebox span{color:#6f7e76;font-size:10px}
nav{gap:4px}
nav button,.logout{
  color:#5d6b63;background:transparent;border-radius:10px;padding:10px 11px;
  font-size:12px;font-weight:600;transition:.18s ease
}
nav button:hover{background:#f3f7f5;color:#1e4d38}
nav button.active{
  background:var(--brand-soft);color:var(--brand);font-weight:800;
  box-shadow:inset 3px 0 0 var(--brand)
}
.logout{border-top:1px solid var(--line);color:#7b8780;padding-top:13px}
main{padding:0 24px 36px;background:var(--bg)}
header{
  position:sticky;top:0;z-index:20;height:64px;margin:0 -24px 16px;padding:0 24px;
  background:rgba(246,248,251,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)
}
header small{font-size:9px;color:#97a19b;letter-spacing:.08em}
header h2{font-size:18px;margin-top:2px;color:#1a2a22}
.headerRight{gap:9px}.avatar{width:36px;height:36px;background:#e9f3ed;color:var(--brand);border:1px solid #d9e9df}
.pill{font-size:9px;border:1px solid #dfe7e2;background:#fff;color:#6a776f}
.pill.success{background:#eaf7ef;color:#197046;border-color:#d6ecdf}

.moduleHead{padding:4px 2px 12px}
.moduleHead small{font-size:9px;color:#9e7a35}
.moduleHead h1{font-size:22px;letter-spacing:-.025em;margin:4px 0 4px}
.moduleHead p{font-size:12px;color:#7a8780;max-width:780px}
.hero{
  background:var(--surface);color:var(--text);border:1px solid var(--line);
  border-radius:16px;padding:20px 22px;box-shadow:var(--shadow);align-items:flex-start
}
.hero>div>small{color:#9e7a35;font-size:9px}
.hero h1{font-size:24px;color:#183126;margin:5px 0}
.hero p{font-size:12px;color:#76857d}
.goal{border-left:1px solid var(--line);padding-left:24px}
.goal span,.goal small{color:#87948d;font-size:10px}
.goal b{font-size:28px;color:#173e2f}.goal em{font-size:13px;color:#9aa49f}

.stats{gap:12px;margin:12px 0}
.card,.panel,.features article{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:none
}
.card{padding:16px}
.card span,.card small{font-size:10px;color:#87938c}
.card b{font-size:20px;color:#1a2a22;margin:8px 0 4px}
.card small{color:#4d7a65}
.panel{padding:16px}
.title{margin-bottom:12px}.title h3{font-size:14px}
.twocol{gap:12px;margin-bottom:12px}
.tiers div{background:#f8faf9;border:1px solid #e7ece9}
.tiers b{font-size:18px}.tiers span{font-size:10px}
.flow{font-size:11px;color:#63736b}

.field{font-size:10px;color:#5f6d65}
.field input,.field select,select{
  background:#fff;border:1px solid #dfe5e2;border-radius:10px;padding:9px 10px;
  font-size:12px;box-shadow:0 1px 0 rgba(0,0,0,.01)
}
.field input:focus,.field select:focus,select:focus{outline:2px solid #dcefe4;border-color:#9dc7ae}
.formrow{gap:9px;margin-bottom:10px}
.primary{
  background:var(--brand);border-radius:10px;padding:10px 14px;font-size:11px;
  box-shadow:0 5px 14px rgba(15,81,50,.14)
}
.primary:hover{background:#0c452b}
.miniBtn{background:#fff;border:1px solid #dce5e0;color:#24583f;border-radius:9px;padding:7px 10px;font-size:10px}
.toolbar{margin:10px 0}
.tablewrap.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:none}
.tablewrap table{min-width:760px}
th{
  background:#fafbfc;color:#8a958f;font-size:9px;letter-spacing:.04em;
  padding:10px 12px;border-bottom:1px solid var(--line)
}
td{font-size:11px;padding:11px 12px;border-bottom:1px solid #edf0f2}
td b{font-size:11px;color:#1e2c25}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fbfcfb}
.empty{background:#fff;border:1px dashed #d9e1dd;border-radius:12px;color:#87938c;font-size:11px;padding:22px}

.notice,.credentialNotice,.authError{border-radius:11px;font-size:11px}
.notice{background:#fff9eb;border-color:#ead8a9}
.products{gap:10px}
.products button{background:#fff;border:1px solid var(--line);box-shadow:none;min-height:108px}
.products button:hover{border-color:#b8d3c3;box-shadow:0 8px 20px rgba(21,35,27,.05)}
.products small{font-size:9px}.products b{font-size:12px;margin:16px 0 6px}.products strong{font-size:15px}
.stockMeta{font-size:9px;color:#66766e}
.cart{min-height:440px}
.line{font-size:11px}
.total b{font-size:20px}
.profitbox{background:#f7faf8;border:1px solid #e7ece9}
.profitbox span{font-size:10px}
.profitbox b,.profitbox strong{font-size:15px}
.blendChips button{background:#f4f8f5;border-color:#dce7e0;color:#24543d}
.blendCostBar,.bomTotal{background:#f8faf9;border-color:#e5ebe8}
.ledgerBalance{font-size:11px}

.features{gap:12px}.features article{padding:16px}
.features article>b{font-size:13px}.features p{font-size:11px}
.features button{font-size:10px;color:var(--brand)}

.pos{grid-template-columns:minmax(0,1fr) 340px;gap:12px}

/* advertiser/publisher-style compact density */
.controlGrid{grid-template-columns:repeat(5,minmax(120px,1fr))}
@media(max-width:1180px){
  .app{grid-template-columns:220px minmax(0,1fr)}
  main{padding:0 18px 30px}
  header{margin:0 -18px 14px;padding:0 18px}
}
@media(max-width:720px){
  .app{display:block}
  aside{border-right:0;border-bottom:1px solid var(--line);padding:12px}
  nav{grid-template-columns:1fr 1fr}
  main{padding:0 12px 24px}
  header{height:58px;margin:0 -12px 12px;padding:0 12px}
  .hero{padding:16px;gap:14px}
  .hero h1,.moduleHead h1{font-size:20px}
  .stats,.twocol,.features,.controlGrid,.formrow{grid-template-columns:1fr}
  .pos{grid-template-columns:1fr}
}
/* workspace-dashboard-v10 */
:root{
 --tsb-bg:#f5f7f8;
 --tsb-panel:#fff;
 --tsb-line:#e6eaec;
 --tsb-text:#17211c;
 --tsb-muted:#6f7a74;
 --tsb-green:#0c5a38;
 --tsb-green-2:#147047;
 --tsb-green-soft:#edf7f1;
 --tsb-gold:#b68a3d;
 --tsb-shadow:0 10px 30px rgba(25,39,31,.055);
}
body{background:var(--tsb-bg);color:var(--tsb-text)}
.app{grid-template-columns:224px minmax(0,1fr);background:var(--tsb-bg)}
aside{
 background:#0e1f17;color:#dfe8e3;padding:18px 12px 14px;
 border-right:0;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset
}
.brand{padding:0 7px 14px;margin:0 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.logo.small{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#e5c879,#b58a3d);color:#102019;box-shadow:none;font-size:20px}
.brand b{font-size:14px;color:#fff}.brand span{font-size:10px;color:#789286}
.rolebox{
 display:grid;grid-template-columns:32px minmax(0,1fr) 8px;align-items:center;gap:9px;
 padding:9px 10px;margin:0 0 12px;border:1px solid rgba(255,255,255,.08);
 background:rgba(255,255,255,.035);border-radius:11px
}
.roleAvatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#173c2b;color:#e6cf91;font-size:10px;font-weight:800}
.roleMeta{min-width:0}.roleMeta b,.roleMeta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roleMeta b{font-size:11px;color:#f5f8f6}.roleMeta span{font-size:9px;color:#8ea297;margin-top:2px}
.onlineDot{width:7px;height:7px;border-radius:50%;background:#45c678;box-shadow:0 0 0 3px rgba(69,198,120,.12)}
nav{gap:10px;padding-right:2px}
.navGroup{display:flex;flex-direction:column;gap:3px}
.navGroup>small{padding:4px 10px 3px;color:#60766b;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
nav button{
 display:flex;align-items:center;gap:9px;color:#9fb1a8;background:transparent;padding:8px 10px;border-radius:9px;
 font-size:11px;font-weight:600;min-height:34px
}
.navMark{width:5px;height:5px;border-radius:50%;background:#455c50;flex:0 0 auto}
nav button:hover{background:rgba(255,255,255,.055);color:#e8efeb}
nav button.active{background:#173c2b;color:#fff;box-shadow:none}
nav button.active .navMark{background:#e0bd68;box-shadow:0 0 0 3px rgba(224,189,104,.12)}
.logout{font-size:10px;color:#7f9489;border-top:1px solid rgba(255,255,255,.08);padding:12px 10px 4px}

main{padding:0;background:var(--tsb-bg);min-width:0}
header{
 position:sticky;top:0;z-index:30;height:56px;margin:0;padding:0 24px;
 display:flex;align-items:center;justify-content:space-between;
 background:rgba(245,247,248,.94);backdrop-filter:blur(12px);
 border-bottom:1px solid var(--tsb-line)
}
.topCrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:#8a948f}
.topCrumb i{font-style:normal;color:#b5bdb8}.topCrumb b{font-size:11px;color:#26332c}
.headerRight{gap:9px}.topRole{font-size:10px;color:#748078}
.avatar{width:32px;height:32px;border-radius:9px;background:#fff;color:var(--tsb-green);border:1px solid #dfe6e2;box-shadow:0 2px 7px rgba(19,45,31,.05)}
.pill{font-size:8px;padding:5px 7px}.pill.success{background:#e9f7ef;border-color:#d3eadc;color:#146c42}
.pageCanvas{padding:18px 24px 34px;max-width:1540px;margin:0 auto;width:100%}

.moduleHead{
 display:flex;flex-direction:column;justify-content:center;min-height:auto;
 padding:0 0 12px;margin:0;border:0;background:transparent
}
.moduleHead small{font-size:8px;color:var(--tsb-gold);letter-spacing:.11em}
.moduleHead h1{font-size:22px;line-height:1.2;margin:3px 0 3px;letter-spacing:-.025em;color:#15241c}
.moduleHead p{font-size:11px;line-height:1.5;color:#7c8781;max-width:780px}
.compactHead{padding-top:8px;margin-top:6px}

.hero{
 position:relative;overflow:hidden;background:linear-gradient(120deg,#143d2b 0%,#0f2c20 60%,#173927 100%);
 color:#fff;border:0;border-radius:15px;padding:20px 22px;box-shadow:none
}
.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-140px;background:rgba(255,255,255,.035)}
.hero>div>small{font-size:8px;color:#dfc16f}.hero h1{font-size:23px;color:#fff;margin:4px 0}.hero p{font-size:11px;color:#a9beb2}
.goal{position:relative;z-index:1;border-left:1px solid rgba(255,255,255,.12);padding-left:22px}
.goal b{font-size:27px;color:#fff}.goal span,.goal small{font-size:9px;color:#90a69a}.goal em{font-size:12px;color:#7f998c}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:11px 0 12px}
.card{
 position:relative;padding:14px 15px;border:1px solid var(--tsb-line);border-radius:12px;background:#fff;
 box-shadow:0 1px 1px rgba(16,24,20,.015)
}
.card:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;border-radius:3px;background:#dfe8e3}
.card span,.card small{font-size:9px;color:#818c86}.card b{font-size:18px;margin:6px 0 3px;color:#15241c}.card small{color:#4e7b66}
.panel,.tablewrap.panel,.features article{border:1px solid var(--tsb-line);border-radius:12px;background:#fff;box-shadow:none}
.panel{padding:14px}.twocol{gap:10px;margin-bottom:10px}.title{margin-bottom:10px}.title h3{font-size:12px;color:#223128}
.title .pill{font-size:7px}

.formrow{gap:8px;margin-bottom:9px;grid-template-columns:repeat(5,minmax(105px,1fr))}
.controlGrid{gap:8px}
.field{font-size:9px;color:#637068}
.field input,.field select,select{
 border:1px solid #dfe5e2;border-radius:8px;padding:8px 9px;background:#fff;font-size:11px;min-height:34px
}
.field input:focus,.field select:focus,select:focus{outline:2px solid rgba(20,112,71,.10);border-color:#98bda9}
.primary{border-radius:8px;padding:9px 12px;min-height:34px;background:#135f3d;font-size:10px;box-shadow:none}
.primary:hover{background:#0f5234}
.primary.fit{height:34px}.miniBtn{border-radius:8px;padding:7px 9px;font-size:9px}
.toolbar{margin:8px 0;gap:8px}.toolbar label{font-size:9px}

.tablewrap{overflow:auto}
.tablewrap table{min-width:720px}
th{padding:9px 10px;background:#f8faf9;color:#849089;font-size:8px;border-bottom:1px solid var(--tsb-line)}
td{padding:10px;font-size:10px;border-bottom:1px solid #eef1ef;color:#3a4740}
td b{font-size:10px;color:#1c2a22}
tbody tr:hover{background:#fbfcfb}
.empty{padding:18px;font-size:10px;border-radius:10px;border-color:#dce3df;color:#87918c}

.notice,.credentialNotice,.authError{font-size:10px;padding:10px 12px;border-radius:9px}
.blendChips{gap:6px;margin:9px 0}.blendChips button{font-size:9px;padding:6px 9px}
.blendCostBar,.bomTotal{font-size:10px;padding:9px 10px;margin-top:9px;border-radius:8px}
.ledgerBalance{font-size:10px;padding-top:9px;margin-top:9px}
.profitbox{gap:8px;padding:10px;border-radius:8px}.profitbox span{font-size:9px}.profitbox b,.profitbox strong{font-size:13px}
.muted{font-size:10px}
.features{gap:10px}.features article{padding:14px}.features article>span{font-size:8px}.features article>b{font-size:11px;margin:10px 0 5px}.features p{font-size:10px;min-height:28px}.features button{font-size:9px}
.pos{grid-template-columns:minmax(0,1fr) 320px;gap:10px}.products{gap:8px}.products button{min-height:98px;border-radius:10px;padding:10px}.products small{font-size:8px}.products b{font-size:11px;margin:13px 0 4px}.products strong{font-size:14px}.stockMeta{font-size:8px}
.cart{min-height:410px}.line{font-size:10px}.total b{font-size:18px}

@media(max-width:1180px){
 .app{grid-template-columns:208px minmax(0,1fr)}
 .pageCanvas{padding:16px 18px 28px}
 header{padding:0 18px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .formrow{grid-template-columns:repeat(3,minmax(120px,1fr))}
}
@media(max-width:760px){
 .app{display:block}
 aside{height:auto;position:relative;padding:11px 10px;background:#0e1f17}
 .brand{border-bottom:0;padding-bottom:8px}
 .rolebox{display:none}
 nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .navGroup{display:contents}.navGroup>small{display:none}
 nav button{font-size:10px;padding:8px}
 .logout{margin-top:8px}
 header{height:52px;padding:0 12px}
 .topRole{display:none}
 .pageCanvas{padding:12px}
 .moduleHead{padding-bottom:9px}.moduleHead h1{font-size:19px}.moduleHead p{font-size:10px}
 .hero{padding:16px}.hero h1{font-size:20px}
 .stats,.twocol,.features,.controlGrid,.formrow{grid-template-columns:1fr}
 .pos{grid-template-columns:1fr}
}
/* stripe-density-v11 */
/* Stripe-style compact product dashboard: eliminate duplicated vertical title space */
.app{grid-template-columns:216px minmax(0,1fr)}
aside{padding:14px 10px 12px}
.brand{padding:0 6px 11px;margin-bottom:9px}
.rolebox{margin-bottom:9px;padding:8px 9px}
nav{gap:7px}
.navGroup{gap:2px}
.navGroup>small{padding:4px 9px 2px;font-size:7px}
nav button{min-height:31px;padding:7px 9px;font-size:10.5px;border-radius:7px}
.logout{padding:10px 9px 3px}

header{
  height:46px;
  padding:0 20px;
  background:#fff;
  border-bottom:1px solid #e7eaee;
  box-shadow:0 1px 0 rgba(20,28,24,.01);
}
.topCrumb{font-size:9px;gap:6px}
.topCrumb b{font-size:10px}
.headerRight{gap:7px}
.topRole{font-size:9px}
.avatar{width:29px;height:29px;border-radius:8px;font-size:9px}
.pill{font-size:7px;padding:4px 6px}

.pageCanvas{
  max-width:none;
  padding:10px 20px 28px;
}

/* one compact title strip per page instead of a large admin-page hero */
.moduleHead{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "eyebrow title"
    ". desc";
  column-gap:9px;
  row-gap:1px;
  align-items:center;
  padding:4px 0 9px;
  margin:0;
  min-height:0;
}
.moduleHead small{
  grid-area:eyebrow;
  align-self:center;
  font-size:7px;
  letter-spacing:.09em;
  white-space:nowrap;
  color:#a37c36;
}
.moduleHead h1{
  grid-area:title;
  font-size:17px;
  line-height:1.2;
  margin:0;
  letter-spacing:-.015em;
  color:#18231d;
}
.moduleHead p{
  grid-area:desc;
  font-size:9.5px;
  line-height:1.35;
  margin:1px 0 0;
  color:#7e8983;
  max-width:980px;
}
.compactHead{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:8px 0 7px;
  margin:0;
}
.compactHead small{font-size:7px}
.compactHead h1{font-size:14px;margin:0}

/* Stripe-like surface rhythm */
.stats{gap:8px;margin:8px 0 10px}
.card{padding:12px 13px;border-radius:9px}
.card:before{top:12px;bottom:12px}
.card span,.card small{font-size:8.5px}
.card b{font-size:17px;margin:5px 0 2px}
.panel,.tablewrap.panel,.features article{border-radius:9px}
.panel{padding:12px}
.title{margin-bottom:8px}
.title h3{font-size:11.5px}
.twocol{gap:8px;margin-bottom:8px}

.formrow{gap:7px;margin-bottom:7px}
.controlGrid{gap:7px}
.field{font-size:8.5px}
.field input,.field select,select{
  min-height:32px;
  padding:7px 8px;
  font-size:10.5px;
  border-radius:7px;
}
.primary{min-height:32px;padding:8px 11px;font-size:9.5px;border-radius:7px}
.primary.fit{height:32px}
.miniBtn{padding:6px 8px;font-size:8.5px;border-radius:7px}
.toolbar{margin:7px 0;gap:7px}
.toolbar select{min-width:155px}

th{padding:8px 9px;font-size:7.5px}
td{padding:9px;font-size:9.5px}
td b{font-size:9.5px}
.empty{padding:15px;font-size:9.5px}

.hero{
  border-radius:10px;
  padding:16px 18px;
}
.hero h1{font-size:20px;margin:3px 0}
.hero p{font-size:10px}
.goal{padding-left:18px}
.goal b{font-size:23px}

.notice,.credentialNotice,.authError{padding:9px 10px;font-size:9.5px}
.blendCostBar,.bomTotal{padding:8px 9px;font-size:9.5px}
.products button{min-height:88px;padding:9px}
.cart{min-height:380px}

/* make dense data screens feel like a product dashboard, not an admin form */
.controls{margin-bottom:8px}
.tablewrap.panel{overflow:hidden}
.tablewrap.panel .tablewrap{border-radius:0}
.supplierDetail{margin-top:8px}

@media(max-width:1180px){
  .app{grid-template-columns:200px minmax(0,1fr)}
  header{padding:0 16px}
  .pageCanvas{padding:10px 16px 24px}
  .formrow{grid-template-columns:repeat(3,minmax(110px,1fr))}
}
@media(max-width:760px){
  header{height:44px;padding:0 10px}
  .pageCanvas{padding:9px 10px 20px}
  .moduleHead{
    display:block;
    padding:2px 0 8px;
  }
  .moduleHead small{display:block;margin-bottom:2px}
  .moduleHead h1{font-size:16px}
  .moduleHead p{font-size:9px;margin-top:2px}
  .hero{padding:14px}
}


/* tea-lifecycle-v12 */
/* Tea is the primary lifecycle hub: dense master on the left, traceable history on the right. */
.teaToolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto;gap:8px;align-items:end;margin-bottom:8px}
.teaLayout{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(390px,.8fr);gap:9px;align-items:start}
.teaMaster,.teaDetail{min-width:0}
.teaMaster .tablewrap{max-height:calc(100vh - 190px);overflow:auto}
.teaMaster tbody tr{cursor:pointer}
.teaMaster tbody tr.selectedRow{background:#eef7f2}
.teaMaster tbody tr.selectedRow td:first-child{box-shadow:inset 2px 0 0 #147047}
.teaLink{border:0;background:transparent;padding:0;color:#165f40;font-size:inherit;font-weight:700;cursor:pointer;text-align:left}
.teaLink:hover{text-decoration:underline}
.teaDetail{position:sticky;top:56px;max-height:calc(100vh - 68px);overflow:auto}
.miniMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}
.miniMetrics>div{border:1px solid #e5ebe8;background:#f9fbfa;border-radius:8px;padding:9px}
.miniMetrics span,.miniMetrics b{display:block}
.miniMetrics span{font-size:7.5px;color:#849089;text-transform:uppercase;letter-spacing:.05em}
.miniMetrics b{font-size:13px;color:#1c2a22;margin-top:4px}
.historyFlow{padding:8px 9px;border:1px solid #e6dfc8;background:#fffaf0;color:#6e592c;border-radius:8px;font-size:8.5px;line-height:1.45;margin-bottom:8px}
.compactTable{margin-bottom:8px;border:1px solid #edf1ef;border-radius:8px;overflow:auto}
.compactTable table{min-width:0}
.timeline{display:flex;flex-direction:column}
.timelineRow{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;padding:9px 0;border-bottom:1px solid #eef1ef}
.timelineRow:last-child{border-bottom:0}
.timelineRow>i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#c9a653;box-shadow:0 0 0 3px #fbf4df}
.timelineRow span,.timelineRow b,.timelineRow p{display:block}
.timelineRow span{font-size:7.5px;color:#8a958f;text-transform:uppercase;letter-spacing:.035em}
.timelineRow b{font-size:9.5px;color:#243229;margin:2px 0}
.timelineRow p{margin:0;font-size:8.5px;color:#69756f;line-height:1.35}
.timelineRow strong{font-size:9px;color:#1f3c2e;white-space:nowrap}
.hubTabs{display:flex;gap:5px;padding:0 0 8px;border-bottom:1px solid #e7ebe9;margin-bottom:8px}
.hubTabs button{border:1px solid #e0e6e3;background:#fff;color:#65736b;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:700;cursor:pointer}
.hubTabs button.active{background:#123b2a;border-color:#123b2a;color:#fff}
.sidebarMetric{font-variant-numeric:tabular-nums}
@media(max-width:1180px){
 .teaLayout{grid-template-columns:1fr}
 .teaDetail{position:relative;top:auto;max-height:none}
 .teaMaster .tablewrap{max-height:520px}
}
@media(max-width:760px){
 .teaToolbar{grid-template-columns:1fr}
 .miniMetrics{grid-template-columns:1fr}
 .teaMaster .tablewrap{max-height:440px}
 .timelineRow{grid-template-columns:12px minmax(0,1fr)}
 .timelineRow>strong{grid-column:2}
}


/* operations-command-center-v13 */
.opsHero{background:linear-gradient(120deg,#143d2b 0%,#0d3323 55%,#183f2d 100%)}
.opsSecondary{margin-top:-2px}
.opsScore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.opsScore>div{border:1px solid #e5ebe8;background:#f9fbfa;border-radius:8px;padding:10px}
.opsScore span,.opsScore b{display:block}
.opsScore span{font-size:8px;color:#839089;text-transform:uppercase;letter-spacing:.05em}
.opsScore b{font-size:14px;color:#173126;margin-top:4px}
.roleScope{margin-top:9px}
.scopeGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scopeGrid>div{border:1px solid #e6ebe8;border-radius:9px;padding:11px;background:#fbfcfb}
.scopeGrid b{display:block;font-size:10px;color:#1c2d24;margin-bottom:5px}
.scopeGrid p{font-size:9.5px;line-height:1.5;color:#6f7b74;margin:0}
@media(max-width:760px){
 .opsScore,.scopeGrid{grid-template-columns:1fr}
}


/* operations-patch1-outlet360 */
.outletCreate{margin-bottom:12px}.outletCreateGrid{grid-template-columns:repeat(5,minmax(120px,1fr))}
.outlet360{margin-top:18px;padding-top:18px;border-top:1px solid #dfe7e3}
.outlet360Head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;background:linear-gradient(120deg,#102f22,#174834);color:#fff;padding:20px;border-radius:15px}
.outlet360Head small,.outlet360Head h2,.outlet360Head p{display:block}.outlet360Head small{font-size:8px;color:#bdcfc6;margin-top:10px}.outlet360Head h2{font-size:23px;margin:5px 0}.outlet360Head p{font-size:9px;color:#9cb3a8;margin:0}
.outlet360Badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.outlet360Summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}
.outlet360Summary>div,.profileFacts>div{border:1px solid #e3eae6;background:#fff;border-radius:10px;padding:11px}
.outlet360Summary span,.outlet360Summary b,.profileFacts span,.profileFacts b,.profileFacts small{display:block}
.outlet360Summary span,.profileFacts span{font-size:7.5px;color:#829289;text-transform:uppercase;letter-spacing:.05em}.outlet360Summary b{font-size:13px;margin-top:4px;text-transform:capitalize}
.outletTabs{display:flex;gap:5px;overflow:auto;margin:10px 0;padding-bottom:2px}.outletTabs button{white-space:nowrap;border:1px solid #dfe7e3;background:#fff;color:#64786d;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:700;cursor:pointer}.outletTabs button.active{background:#153e2e;border-color:#153e2e;color:#fff}
.profileFacts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:10px}.profileFacts b{font-size:10px;margin:4px 0}.profileFacts small{font-size:8px;color:#7e9087}
.outletProfileForm{grid-template-columns:repeat(3,minmax(130px,1fr))}
.pipelineRail{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:5px 0 13px}.pipelineRail>div{text-align:center;position:relative}.pipelineRail i{display:block;width:9px;height:9px;border-radius:50%;background:#d8e0dc;margin:0 auto 5px;box-shadow:0 0 0 3px #f4f7f5}.pipelineRail span{display:block;font-size:6.5px;color:#899991;text-transform:uppercase}.pipelineRail .passed i{background:#2d805d}.pipelineRail .passed span{color:#2d6f54;font-weight:700}
.checklist{display:flex;flex-direction:column;gap:5px}.checklist button{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;border:1px solid #e4eae7;background:#fff;border-radius:8px;padding:9px;text-align:left;cursor:pointer}.checklist button.done{background:#f0f8f4;border-color:#cfe5d9}.checklist button:disabled{cursor:default;opacity:.75}.checklist i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef2f0;color:#789086}.checklist .done i{background:#d8efe3;color:#216a4a}.checklist span{font-size:9px;font-weight:700}.checklist small{font-size:7px;color:#91a097}
.healthHero{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;background:#f6faf8;border:1px solid #e1eae5;border-radius:11px;padding:14px;margin-bottom:10px}.healthHero b{font-size:32px;color:#1d6748;grid-row:1/3}.healthHero span{font-size:10px;font-weight:800}.healthHero small{font-size:8px;color:#788a81}.healthInputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.outletTimeline{max-height:560px;overflow:auto}
@media(max-width:1150px){.outlet360Summary{grid-template-columns:repeat(3,1fr)}.pipelineRail{grid-template-columns:repeat(5,1fr)}.outletCreateGrid,.outletProfileForm{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.outlet360Head{display:block}.outlet360Badges{justify-content:flex-start;margin-top:10px}.outlet360Summary,.profileFacts,.healthInputs,.outletCreateGrid,.outletProfileForm{grid-template-columns:1fr}.pipelineRail{grid-template-columns:repeat(3,1fr)}}


/* operations-patch2-daily-support */
.opsTabs{display:flex;gap:6px;overflow:auto;margin:-4px 0 14px;padding-bottom:3px}
.opsTabs button{white-space:nowrap;border:1px solid #dce5e1;background:#fff;color:#61756b;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:750;cursor:pointer}
.opsTabs button.active{background:#153e2e;border-color:#153e2e;color:#fff;box-shadow:0 6px 16px #153e2e18}
.opsPatch2Stats{margin-top:0}
.opsForm{grid-template-columns:repeat(4,minmax(150px,1fr));padding-top:4px}
.opsForm .primary{align-self:end}
.dangerLite{border-color:#ead2cd!important;color:#8d4539!important;background:#fff8f6!important}
.dangerLite:hover{background:#fff0ed!important}
.outletDailyStats{margin-top:0}
@media(max-width:1180px){.opsForm{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:820px){.opsForm{grid-template-columns:1fr 1fr}.opsTabs{margin-top:0}}
@media(max-width:560px){.opsForm{grid-template-columns:1fr}.opsTabs button{font-size:9px;padding:8px 10px}}


/* operations-patch3-intelligence */
.opsTabs{scrollbar-width:thin}
.opsTabs button:nth-last-child(-n+4){border-style:dashed}
.opsTabs button.active:nth-last-child(-n+4){border-style:solid}
.tablewrap td .actionRow{min-width:118px}
@media(max-width:720px){.tablewrap table{min-width:980px}}


/* operations-patch4-final */
.finalPeriod{display:flex;justify-content:flex-end;margin:0 0 10px}
.finalPeriod .field{max-width:190px}
.performanceWeights{grid-template-columns:repeat(4,minmax(0,1fr))}
.pnlStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:6px 0 12px}
.pnlStrip>div{border:1px solid #e2e9e5;background:#fbfcfb;border-radius:10px;padding:11px}
.pnlStrip span,.pnlStrip b{display:block}.pnlStrip span{font-size:7.5px;text-transform:uppercase;letter-spacing:.04em;color:#839188}.pnlStrip b{font-size:13px;color:#173126;margin-top:4px}
.securityGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.securityGrid>div{border:1px solid #e1e8e4;border-radius:10px;padding:13px;background:#fbfcfb}.securityGrid b{display:block;font-size:10px;color:#183729;margin-bottom:5px}.securityGrid p{margin:0;font-size:9px;line-height:1.55;color:#687b70}
.opsFinalStats .stat:nth-child(1){border-style:solid}
@media(max-width:1100px){.performanceWeights,.pnlStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.performanceWeights,.pnlStrip,.securityGrid{grid-template-columns:1fr}.finalPeriod{justify-content:stretch}.finalPeriod .field{max-width:none;width:100%}}

.reportActions{display:flex;justify-content:flex-end;margin:-4px 0 8px}


/* operations-command-center-v2-round1 */
.opsV2Stats{margin-top:0}
.opsV2Form{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;align-items:end;margin-bottom:12px}
.threecol.opsV2Grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.opsV2Grid .panel{min-width:0}
.opsV2Grid .tablewrap table{min-width:620px}
.opsTabs button:nth-child(-n+5){border-color:#c9ddd4;background:#f8fbf9}
.opsTabs button.active:nth-child(-n+5){background:#153e2e;color:#fff;border-color:#153e2e}
@media(max-width:1180px){.opsV2Form{grid-template-columns:repeat(2,minmax(150px,1fr))}.threecol.opsV2Grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.opsV2Form,.threecol.opsV2Grid{grid-template-columns:1fr}}

.regionHeat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.regionHeat article{border:1px solid #dfe8e3;background:#fbfdfc;border-radius:13px;padding:13px;min-width:0}
.regionHeat article.attention{border-color:#ead8bf;background:#fffaf2}
.regionHeat article.healthy{border-color:#d7e7df;background:#f8fcfa}
.regionHeat small,.regionHeat span,.regionHeat em{display:block}.regionHeat small{font-size:7.5px;color:#7b8f84;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.regionHeat b{display:block;font-size:12px;color:#17392a;margin:7px 0 5px}.regionHeat span{font-size:8px;color:#657b70}.regionHeat em{font-style:normal;font-size:8px;color:#2c6a50;margin-top:7px}
@media(max-width:1180px){.regionHeat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.regionHeat{grid-template-columns:1fr}}


/* operations-v2-round2 */
.opsV2Round2Stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.opsV2Round2Stats .card{min-height:104px}
.opsTabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.opsTabs button{border:1px solid var(--line);background:#fff;color:#66746c;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}
.opsTabs button.active{background:var(--brand-soft);border-color:#cfe4d7;color:var(--brand)}
.opsV2Form{grid-template-columns:repeat(4,minmax(0,1fr))}
.opsV2Grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1100px){.opsV2Round2Stats{grid-template-columns:repeat(2,1fr)}.opsV2Form{grid-template-columns:repeat(2,1fr)}.opsV2Grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.opsV2Round2Stats,.opsV2Form,.opsV2Grid{grid-template-columns:1fr}.opsTabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.opsTabs button{white-space:nowrap}}


/* operations-v2-round3-management-closure */
.opsV3Stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.opsV3Perf{grid-template-columns:repeat(4,minmax(0,1fr))}
.opsV3Form{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;align-items:end;margin-bottom:12px}
.opsV3Print .reportActions{display:flex;gap:8px;align-items:end;justify-content:flex-end;flex-wrap:wrap}
.opsV3Print .reportActions .field{min-width:170px;margin:0}
.opsTabs button:nth-child(n+13):nth-child(-n+21){border-color:#d8d7e8;background:#fbfaff}
.opsTabs button.active:nth-child(n+13):nth-child(-n+21){background:#3d355f;border-color:#3d355f;color:#fff}
@media(max-width:1100px){.opsV3Stats,.opsV3Perf{grid-template-columns:repeat(2,1fr)}.opsV3Form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.opsV3Stats,.opsV3Perf,.opsV3Form{grid-template-columns:1fr}.opsV3Print .reportActions{justify-content:stretch}.opsV3Print .reportActions>*{width:100%}}
@media print{aside,header,.opsTabs,.reportActions,.logout{display:none!important}.app{display:block!important}.pageCanvas{padding:0!important}.opsV3Print{border:0!important;box-shadow:none!important}}