:root{--bg:#021510;--panel:#073820;--panel2:#064b2b;--line:#27bd72;--green:#26dc85;--mint:#a8ffd0;--gold:#f4d35e;--red:#ff7b83;--text:#fffdf0;--muted:#b7f4d1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0%,#0b5b35 0,#05291b 35%,#00170f 100%);color:var(--text);font-family:Aptos,Arial,sans-serif;font-size:18px}aside{position:fixed;left:0;top:0;bottom:0;width:325px;padding:45px 18px;background:linear-gradient(180deg,#031d13,#052819);border-right:1px solid rgba(77,255,158,.32);box-shadow:20px 0 60px rgba(0,0,0,.25);z-index:5}.brand{font-size:44px;font-weight:950;line-height:.94;letter-spacing:-1px}.brand span{color:#77ffae;text-shadow:0 0 30px rgba(38,220,133,.35)}aside p{color:var(--muted);font-size:20px}.nav,button{border:0;border-radius:22px;background:#0a3c27;color:var(--text);font-weight:950;padding:16px 26px;font-size:17px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(166,255,207,.05);transition:.18s}.nav{display:block;width:100%;margin:11px 0}.nav:hover,button:hover{transform:translateY(-1px);background:#115638}.nav.active{background:linear-gradient(135deg,#1daf68,#32df8a);box-shadow:0 0 0 2px #dffff0;color:white}main{margin-left:325px;min-height:100vh;padding:55px 42px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:58px;margin:0 0 28px;letter-spacing:-1.6px}h2{font-size:30px;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:18px;margin-bottom:22px}.card,.box,.spot{background:linear-gradient(180deg,rgba(7,58,35,.97),rgba(5,42,27,.97));border:1px solid rgba(51,218,126,.42);border-radius:28px;padding:26px;margin-bottom:22px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.card{overflow:hidden;position:relative}.card:before{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border-radius:50%;background:rgba(91,255,164,.09)}.k{color:var(--muted);font-size:18px}.v{font-size:39px;font-weight:950;margin-top:12px;text-shadow:0 3px 0 rgba(244,211,94,.2)}.s,.small,small{display:block;color:#b9f6d3;font-size:14px;margin-top:6px}.filterbar,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.note{background:linear-gradient(90deg,#0a4d2e,#08381f);border-left:5px solid var(--green);padding:15px 18px;border-radius:16px;margin:12px 0 18px;color:#d5ffe5}input,select{background:#031f15;border:1px solid rgba(64,213,125,.65);border-radius:16px;color:white;padding:14px 16px;font-size:16px;min-width:210px;outline:0}input:focus,select:focus{border-color:#dffff0;box-shadow:0 0 0 3px rgba(38,220,133,.18)}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.barrow{display:grid;grid-template-columns:155px 1fr 92px;gap:15px;align-items:center;margin:11px 0}.bar{height:15px;background:#0b432b;border-radius:99px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#25dc84,#efe074);border-radius:99px}.health,.miniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.health div,.miniGrid div{background:rgba(0,0,0,.16);border:1px solid rgba(128,255,190,.12);border-radius:18px;padding:17px}.health span{color:var(--muted)}.health b,.miniGrid b{font-size:27px}.scroll{overflow:auto}.wide{min-width:1200px}table{width:100%;border-collapse:collapse;font-size:17px}th{color:#9cffcf;text-align:left;padding:14px 12px;position:sticky;top:0;background:#073820;z-index:1}td{padding:13px 12px;border-top:1px solid rgba(100,226,150,.08)}tr:hover{background:#0b422b}.styleRow{background:rgba(17,83,52,.38)}.childRow{background:rgba(0,0,0,.18);color:#ebfff4}.mini{padding:8px 13px;border-radius:14px;font-size:14px;background:#13583a}.yes{color:#ffe677;font-weight:950}.no{color:#a1ffd0;font-weight:950}.tag{display:inline-block;padding:7px 12px;border-radius:999px;background:#103d2a;font-weight:950}.tag.hot{background:#684500;color:#ffe28a}.tag.new{background:#07546a;color:#adf3ff}.tag.down{background:#5b1821;color:#ffc7ce}.empty{color:var(--muted);padding:20px}.spot{background:linear-gradient(135deg,rgba(10,91,51,.92),rgba(4,42,28,.92));border-left:5px solid var(--green)}@media(max-width:1000px){aside{position:relative;width:auto}.brand{font-size:36px}main{margin-left:0;padding:25px}.grid,.two{grid-template-columns:1fr}.top{display:block}.barrow{grid-template-columns:110px 1fr 70px}}
.monthBox{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#032117;border:1px solid rgba(64,213,125,.65);border-radius:18px;padding:9px 12px;min-width:260px}.monthBox b{color:#9cffcf;margin-right:4px}.monthBox label{font-size:15px;color:#f4fff7;white-space:nowrap}.monthBox input{min-width:0;width:auto;accent-color:#26dc85}.clickCard{cursor:pointer;position:relative}.clickCard small{color:#75ffaf}.blink{animation:pulseOos 1s infinite;border-radius:14px;padding:6px 8px;background:rgba(244,211,94,.12)}@keyframes pulseOos{0%,100%{box-shadow:0 0 0 0 rgba(244,211,94,.0)}50%{box-shadow:0 0 0 4px rgba(244,211,94,.32)}}
.subtotal{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#083c27,#062617);border:1px solid rgba(64,213,125,.5);border-radius:18px;padding:14px 18px;margin:14px 0;color:#eafff2}.subtotal b{color:#fffbe8}.subtotal span{color:#b7f4d1}.rowcheck{min-width:0;width:18px;height:18px;accent-color:#26dc85}.toolbar input[type=number]{min-width:145px;width:145px}.marketGlow{box-shadow:0 0 0 1px rgba(244,211,94,.3),0 20px 60px rgba(244,211,94,.08)}tfoot td{position:sticky;bottom:0;background:#082d1d;color:#fffbe8;border-top:2px solid rgba(38,220,133,.35)}
.card.good{border-color:rgba(80,255,170,.85);box-shadow:0 18px 55px rgba(38,220,133,.18)}.card.warn{border-color:rgba(244,211,94,.9);box-shadow:0 18px 55px rgba(244,211,94,.16)}.card.bad{border-color:rgba(255,123,131,.9);box-shadow:0 18px 55px rgba(255,123,131,.16)}
.card.good .v{color:#9effcb}.card.warn .v{color:#ffe58f}.card.bad .v{color:#ffb7bd}.box h2:after{content:"";display:block;width:54px;height:4px;border-radius:999px;background:linear-gradient(90deg,#26dc85,#f4d35e);margin-top:10px}.brand:after{content:"PRO";display:inline-block;margin-left:6px;font-size:13px;background:#1daf68;border-radius:999px;padding:5px 9px;vertical-align:middle}.scroll::-webkit-scrollbar{height:10px;width:10px}.scroll::-webkit-scrollbar-thumb{background:#1daf68;border-radius:99px}.scroll::-webkit-scrollbar-track{background:#062617}.tag{white-space:nowrap}.filterbar{position:sticky;top:0;z-index:3;backdrop-filter:blur(8px)}

.style360Top{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:start}.styleImg{width:170px;height:220px;object-fit:cover;border-radius:22px;border:1px solid rgba(128,255,190,.35);background:#031f15}.emptyImg{display:flex;align-items:center;justify-content:center;color:#b7f4d1;font-weight:900}.style360 .box{margin-top:18px}.sizeBadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.health .ok{border-color:rgba(38,220,133,.38)}.health .badSoft{border-color:rgba(255,123,131,.6);background:rgba(255,123,131,.08)}body.presentation aside{display:none}body.presentation main{margin-left:0;padding:28px 34px}body.presentation .top{position:sticky;top:0;z-index:10;background:rgba(2,21,16,.84);backdrop-filter:blur(10px);border:1px solid rgba(64,213,125,.28);border-radius:24px;padding:14px 18px;margin-bottom:18px}body.presentation h1{font-size:44px;margin:0}.top button{margin-left:8px}@media(max-width:1000px){.style360Top{grid-template-columns:1fr}.styleImg{width:140px;height:180px}}
.heroBadges{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.heroBadges span{display:inline-flex;align-items:center;gap:6px;background:rgba(3,31,21,.72);border:1px solid rgba(128,255,190,.22);border-radius:999px;padding:9px 14px;color:#d8ffe8}.heroBadges b{color:#fffbe8}.style360{box-shadow:0 28px 80px rgba(38,220,133,.12)}.style360Top h2{font-size:34px}.style360 .miniGrid{grid-template-columns:repeat(4,minmax(170px,1fr))}@media(max-width:1200px){.style360 .miniGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){body{font-size:15px}main{padding:16px}h1{font-size:34px}.nav,button{padding:13px 18px}.filterbar,.toolbar{align-items:stretch}.filterbar>*:not(b),.toolbar>*{width:100%;min-width:0}.monthBox{width:100%;min-width:0}.style360 .miniGrid{grid-template-columns:1fr}.heroBadges span{width:100%;justify-content:space-between}table{font-size:14px}.card,.box,.spot{border-radius:20px;padding:18px}.styleImg{width:100%;height:260px}.top button{margin-left:0;margin-top:8px}}

/* Premium login + management polish */
body.auth-locked{overflow:hidden}body.auth-locked aside,body.auth-locked main{filter:blur(10px);pointer-events:none;user-select:none}.authScreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 15%,rgba(38,220,133,.22),transparent 30%),radial-gradient(circle at 78% 20%,rgba(244,211,94,.16),transparent 28%),linear-gradient(135deg,#00140d,#052718 48%,#00120b);overflow:hidden}.authGlow{position:absolute;border-radius:50%;filter:blur(35px);opacity:.45;animation:floatGlow 6s ease-in-out infinite}.authGlow1{width:330px;height:330px;background:#26dc85;left:10%;top:12%}.authGlow2{width:260px;height:260px;background:#f4d35e;right:12%;bottom:14%;animation-delay:1.4s}@keyframes floatGlow{50%{transform:translateY(-22px) scale(1.05)}}.authCard{width:min(560px,92vw);position:relative;padding:42px;border-radius:34px;background:linear-gradient(160deg,rgba(5,58,34,.94),rgba(2,23,16,.94));border:1px solid rgba(155,255,203,.34);box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden}.authCard:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,#26dc85,transparent,#f4d35e,transparent);opacity:.18;z-index:-1}.authMini{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(38,220,133,.12);border:1px solid rgba(128,255,190,.22);color:#b9f6d3;font-weight:950;font-size:13px;letter-spacing:.8px}.authCard h1{font-size:56px;line-height:.94;margin:22px 0 14px}.authCard h1 span{color:#77ffae;text-shadow:0 0 34px rgba(38,220,133,.35)}.authSub{color:#d8ffe8;font-size:18px;line-height:1.45;margin-bottom:24px}.authFields{display:grid;gap:13px}.authFields input,.authFields button{width:100%;min-width:0;border-radius:18px}.authFields button{background:linear-gradient(135deg,#21c979,#f4d35e);color:#021510;box-shadow:0 18px 45px rgba(38,220,133,.22)}.loginMsg{min-height:20px;color:#ffb7bd;font-weight:900}.authFooter{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.authFooter span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#d9ffe9;font-size:13px}.shake{animation:shake .32s ease}@keyframes shake{25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-5px)}}
.heroPanel{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:center;margin-bottom:22px;padding:30px;border-radius:32px;background:linear-gradient(135deg,rgba(8,86,49,.92),rgba(4,36,25,.88));border:1px solid rgba(111,255,181,.28);box-shadow:0 26px 70px rgba(0,0,0,.24);position:relative;overflow:hidden}.heroPanel:after{content:"";position:absolute;right:-80px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(244,211,94,.18),transparent 66%)}.heroPanel .eyebrow{color:#9cffcf;font-weight:950;letter-spacing:.8px;text-transform:uppercase;font-size:13px}.heroPanel h2{font-size:42px;margin:8px 0 8px}.heroPanel p{color:#d5ffe5;margin:0}.heroStats{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;z-index:1}.heroStats span{display:block;padding:18px;border-radius:22px;background:rgba(0,0,0,.18);border:1px solid rgba(128,255,190,.16);color:#b7f4d1}.heroStats b{font-size:20px;color:#fffbe8}.top{position:sticky;top:0;z-index:20;background:rgba(2,21,16,.58);backdrop-filter:blur(12px);border:1px solid rgba(64,213,125,.16);border-radius:28px;padding:16px 18px;margin-bottom:20px}.card,.box,.spot{backdrop-filter:blur(6px)}.nav.active{box-shadow:0 0 0 2px #dffff0,0 18px 45px rgba(38,220,133,.22)}
@media(max-width:800px){.authCard{padding:28px}.authCard h1{font-size:42px}.heroPanel{grid-template-columns:1fr;padding:22px}.heroStats{grid-template-columns:1fr}.top{position:relative}.top div{display:flex;flex-wrap:wrap;gap:8px}.top button{flex:1;min-width:120px}}

/* V2 Crystal Premium UI + Daily Report */
:root{--glass:rgba(255,255,255,.075);--glass2:rgba(255,255,255,.045);--cyan:#81fff1;--blue:#78a7ff;--cream:#fff7d6}body{background:radial-gradient(circle at 8% 3%,rgba(129,255,241,.16),transparent 27%),radial-gradient(circle at 85% 8%,rgba(244,211,94,.15),transparent 28%),linear-gradient(135deg,#00130f 0%,#052b21 38%,#031712 100%);background-attachment:fixed}aside{background:linear-gradient(180deg,rgba(1,21,16,.94),rgba(5,43,31,.92));backdrop-filter:blur(18px)}.rolePill{display:inline-flex;margin:6px 0 15px;padding:8px 13px;border-radius:999px;background:rgba(129,255,241,.10);border:1px solid rgba(129,255,241,.22);color:#cafff7;font-weight:950;font-size:13px}.top:before,.box:before,.card:after{content:"";position:absolute;pointer-events:none}.top,.box,.card,.spot{position:relative;background:linear-gradient(155deg,rgba(7,64,43,.78),rgba(2,28,21,.76));border-color:rgba(159,255,211,.22);box-shadow:0 24px 65px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)}.box:hover,.card:hover,.spot:hover{border-color:rgba(129,255,241,.34)}button,.nav{background:linear-gradient(135deg,rgba(14,79,55,.92),rgba(6,54,40,.92));border:1px solid rgba(160,255,210,.12)}button:hover,.nav:hover{background:linear-gradient(135deg,rgba(38,220,133,.88),rgba(12,91,65,.92));box-shadow:0 12px 35px rgba(38,220,133,.14)}.nav.active{background:linear-gradient(135deg,#28d985,#6fffd0);color:#032015}.dateBox{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,rgba(3,33,23,.82),rgba(9,66,43,.55));border:1px solid rgba(129,255,241,.28);border-radius:18px;padding:9px 12px}.dateBox b{color:#cafff7}.dateBox input[type=date]{min-width:155px;width:155px}.mini.ghost{background:rgba(255,255,255,.06);color:#dfffee}.heroPanel,.salesHero{animation:softIn .36s ease both}.card,.box,.spot{animation:softIn .28s ease both}@keyframes softIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.salesHero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:20px;padding:30px;border-radius:34px;background:linear-gradient(135deg,rgba(15,95,62,.92),rgba(2,31,25,.88));border:1px solid rgba(129,255,241,.24);box-shadow:0 28px 80px rgba(0,0,0,.28);position:relative;overflow:hidden}.salesHero:after{content:"";position:absolute;right:-70px;top:-90px;width:285px;height:285px;border-radius:50%;background:radial-gradient(circle,rgba(129,255,241,.20),transparent 64%)}.salesHero h2{font-size:44px;margin:8px 0}.salesHero p{margin:0;color:#d6ffea}.dailyReportCard{margin:auto;max-width:1050px;background:#f8fff3;color:#07140d;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.45)}.dailyTitle{text-align:center;background:linear-gradient(90deg,#91dc77,#b8f79a);color:#07140d;font-weight:950;font-size:24px;padding:16px}.dailyTable{color:#07140d;font-size:18px}.dailyTable th{background:#245a18!important;color:#fff;text-align:center;position:sticky;top:0}.dailyTable td{border:1px solid #1b1b1b22;padding:9px 10px;text-align:right;background:#fff}.dailyTable td:first-child,.dailyTable th:first-child{text-align:left;background:#dff4d2}.dailyTable tbody tr:nth-child(even) td{background:#f8fbf3}.dailyTable tfoot td{position:sticky;bottom:0;background:#245a18!important;color:#fff;font-weight:950;border-color:#1b1b1b55}.salesControls{max-width:1050px;margin-left:auto;margin-right:auto}.authCard{box-shadow:0 40px 120px rgba(0,0,0,.52),0 0 0 1px rgba(129,255,241,.12),inset 0 1px 0 rgba(255,255,255,.08)}.authFields button{background:linear-gradient(135deg,#6fffd0,#f4d35e)}@media(max-width:760px){.salesHero{grid-template-columns:1fr;padding:20px}.salesHero h2{font-size:30px}.dailyReportCard{border-radius:16px}.dailyTable{font-size:13px;min-width:760px}.dailyTitle{font-size:18px}.dateBox input[type=date]{width:100%;min-width:0}}
@media print{aside,.top,.salesHero,.salesControls,.authScreen{display:none!important}main{margin:0!important;padding:0!important}.dailyReportCard{box-shadow:none;border-radius:0;max-width:none}.dailyTable{font-size:12px}body{background:white!important}}

/* V3 Premium report + drill-down polish */
.metricCard{cursor:pointer;isolation:isolate}.metricCard .shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.09) 35%,transparent 70%);transform:translateX(-120%);transition:.65s}.metricCard:hover .shine{transform:translateX(120%)}.metricCard:hover{transform:translateY(-3px);box-shadow:0 28px 80px rgba(38,220,133,.18),inset 0 1px 0 rgba(255,255,255,.06)}.tapRow{cursor:pointer;border-radius:14px;padding:5px 8px}.tapRow:hover{background:rgba(129,255,241,.08)}.detailModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,8,6,.72);backdrop-filter:blur(12px);z-index:9998;padding:22px}.detailModal.show{display:flex}.detailSheet{width:min(1180px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(155deg,rgba(7,64,43,.98),rgba(2,25,20,.98));border:1px solid rgba(129,255,241,.28);box-shadow:0 40px 130px rgba(0,0,0,.55);border-radius:28px;padding:24px;position:relative}.closeBtn{position:absolute;right:16px;top:14px;border-radius:999px;width:42px;height:42px;padding:0;font-size:24px;background:rgba(255,255,255,.08)}
.premiumReport{max-width:1120px;background:linear-gradient(180deg,#fbfff7,#f4faef);border:1px solid rgba(0,0,0,.12)}.salesKpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px;background:#f1fde9;border-bottom:1px solid #d0e7c2}.salesKpis div{background:white;border:1px solid #d9ead0;border-radius:14px;padding:12px}.salesKpis span{display:block;color:#39622f;font-size:13px;font-weight:800}.salesKpis b{display:block;color:#07140d;font-size:24px;margin-top:4px}.contrib{display:grid;grid-template-columns:1fr 55px;gap:8px;align-items:center}.contrib:before{content:"";display:block;height:10px;border-radius:999px;background:#d9ead0}.contrib span{grid-column:1;grid-row:1;height:10px;border-radius:999px;background:linear-gradient(90deg,#2c7a21,#98e071);display:block}.contrib b{font-size:13px;color:#245a18}.familyPanel{max-width:1120px;margin:22px auto;background:linear-gradient(155deg,rgba(7,64,43,.86),rgba(2,28,21,.82));border:1px solid rgba(129,255,241,.20);border-radius:28px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.24)}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.sectionHead span{color:#9cffcf;font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.8px}.sectionHead h2{margin:4px 0 0}.familyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.familyCard{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;background:rgba(0,0,0,.18);border:1px solid rgba(129,255,241,.16);border-radius:22px;padding:12px}.famImg{width:88px;height:100px;border-radius:16px;overflow:hidden;background:#062417;display:flex;align-items:center;justify-content:center;color:#b7f4d1;font-size:12px}.famImg img{width:100%;height:100%;object-fit:cover}.famInfo h3{margin:0 0 4px;font-size:20px}.famInfo p{margin:0;color:#b7f4d1;font-size:13px}.famInfo b{font-size:24px}.famInfo small{font-size:12px}.miniBar{height:9px;background:#06321f;border-radius:999px;overflow:hidden;margin:7px 0}.miniBar span{display:block;height:100%;background:linear-gradient(90deg,#26dc85,#f4d35e);border-radius:999px}.crystalHero{background:linear-gradient(135deg,rgba(8,86,68,.94),rgba(4,36,25,.88))}
@media(max-width:760px){.salesKpis{grid-template-columns:1fr 1fr}.familyCard{grid-template-columns:72px 1fr}.famImg{width:72px;height:84px}.sectionHead{display:block}.detailSheet{padding:18px;border-radius:22px}}


/* V4 Final Smooth Executive Upgrade */
.execSummary{display:grid;grid-template-columns:.9fr 2fr;gap:18px;align-items:stretch;margin-bottom:20px;padding:24px;border-radius:30px;background:linear-gradient(135deg,rgba(9,91,65,.92),rgba(2,28,22,.86));border:1px solid rgba(129,255,241,.24);box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden;position:relative}.execSummary:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(244,211,94,.16),transparent 66%);border-radius:50%}.execSummary span{color:#9cffcf;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.8px}.execSummary h2{margin:6px 0;font-size:34px}.execSummary p{margin:0;color:#d9ffe9}.execGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative;z-index:1}.execGrid button{text-align:left;padding:14px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(129,255,241,.18);min-height:88px}.execGrid button:hover{transform:translateY(-2px);background:rgba(38,220,133,.16)}.execGrid b{display:block;font-size:18px;color:#fffbe8}.execGrid small{display:block;margin-top:6px;color:#b7f4d1}.familyInsight{display:flex;gap:10px;flex-wrap:wrap;margin:-6px 0 16px}.familyInsight span{padding:9px 13px;border-radius:999px;background:rgba(129,255,241,.08);border:1px solid rgba(129,255,241,.14);color:#dfffee}.familyInsight b{color:#fffbe8}.clickableFamily{cursor:pointer;transition:.18s ease}.clickableFamily:hover{transform:translateY(-3px);border-color:rgba(244,211,94,.38);box-shadow:0 18px 45px rgba(244,211,94,.08)}.familyDetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px;margin-top:16px}.styleMiniCard{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;padding:12px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(129,255,241,.14)}.styleMiniCard:hover{border-color:rgba(129,255,241,.32)}.styleMiniCard h3{margin:0 0 4px}.styleMiniCard p{margin:0;color:#b7f4d1;font-size:12px}.styleMiniCard b{display:block;font-size:20px}.styleMiniCard small{display:block;color:#e7fff1}.famImg.small{width:74px;height:86px}.screenshotMode aside,.screenshotMode .top,.screenshotMode .salesHero,.screenshotMode .salesControls{display:none!important}.screenshotMode main{margin-left:0!important}.screenshotMode .familyPanel,.screenshotMode .dailyReportCard{max-width:1180px}@media(max-width:920px){.execSummary{grid-template-columns:1fr}.execGrid{grid-template-columns:1fr 1fr}.salesControls .toolbar input,.salesControls .toolbar select{width:100%;min-width:0}}@media(max-width:560px){.execGrid{grid-template-columns:1fr}.familyDetailGrid{grid-template-columns:1fr}.styleMiniCard{grid-template-columns:64px 1fr}.famImg.small{width:64px;height:76px}}

/* V5 Marketplace + sortable + family drill polish */
.sortable{cursor:pointer;user-select:none;white-space:nowrap;position:relative}
.sortable:hover{color:#9dffd0;text-shadow:0 0 18px rgba(63,255,159,.35)}
.clickRow{cursor:pointer;transition:.15s}
.clickRow:hover{background:rgba(90,255,171,.08)}
.portalDrillPanel{margin-top:22px;padding:24px;border:1px solid rgba(98,255,176,.24);border-radius:28px;background:linear-gradient(135deg,rgba(4,56,34,.92),rgba(1,35,24,.96));box-shadow:0 20px 55px rgba(0,0,0,.18)}
.rankGrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin:16px 0}
.miniRank{border:1px solid rgba(114,255,186,.18);background:rgba(0,30,20,.45);border-radius:20px;padding:16px;min-height:118px}
.miniRank h3{margin:0 0 10px;font-size:18px;color:#fff9d7}
.miniRank div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding:7px 0}
.miniRank span,.miniRank small{color:#bfffd8;font-size:13px}
.compactRank{min-height:105px}
.tinyImg{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}
.familySortBar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.sortPill.active{background:linear-gradient(135deg,#49f0a0,#e7dd68);color:#032217}
.familyPortalStrip{margin:18px 0;padding:18px;border-radius:24px;background:rgba(0,0,0,.14);border:1px solid rgba(118,255,188,.15)}
.familyPortalStrip h3{margin:0 0 8px;color:#fff9d7}
.box.inner{padding:18px}
@media(max-width:1100px){.rankGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.rankGrid{grid-template-columns:1fr}.portalDrillPanel{padding:14px}.miniRank div{display:block}.tinyImg{width:38px;height:38px}}

/* V6 Clean Clarity Patch: OOS images + cleaner planning + less green clutter */
.dashboardClean .box{background:linear-gradient(180deg,rgba(8,48,38,.92),rgba(3,31,25,.96));border-color:rgba(132,255,210,.18)}
.cleanPlanning,.oosStudio{background:linear-gradient(155deg,rgba(6,52,44,.94),rgba(4,29,25,.98));border-color:rgba(129,255,241,.22)}
.simplifiedToolbar{gap:10px;align-items:center;background:rgba(0,0,0,.10);border:1px solid rgba(129,255,241,.10);border-radius:22px;padding:12px}
.simplifiedToolbar .dateBox,.simplifiedToolbar .monthBox{background:rgba(2,20,17,.68);border-color:rgba(129,255,241,.22)}
.clearTable th{background:#082f2a!important;color:#bfffe4;letter-spacing:.2px}
.clearTable td{background:rgba(255,255,255,.015)}
.clearTable tr:nth-child(even) td{background:rgba(129,255,241,.025)}
.clearTable tr:hover td{background:rgba(129,255,241,.075)}
.oosScroll .tinyImg{width:54px;height:62px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.oosDetailTop{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start;margin:8px 0 18px;padding:16px;border-radius:24px;background:rgba(0,0,0,.14);border:1px solid rgba(129,255,241,.14)}
.oosDetailTop .styleImg{width:180px;height:220px}
.modalSub{margin:18px 0 10px;color:#fff9d7;font-size:22px}.modalSub:after{content:"";display:block;width:42px;height:3px;background:linear-gradient(90deg,#6fffd0,#f4d35e);border-radius:99px;margin-top:8px}
.salesControls .dateBox{min-width:360px}.salesControls .monthBox{max-width:100%;}
.salesControls .toolbar{justify-content:center}.premiumReport{box-shadow:0 28px 90px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.16)}
.dailyReportCard .scroll{max-height:68vh}.dailyTable th.sortable{cursor:pointer}.dailyTable th.sortable:hover{background:#2f731f!important}
.card.metricCard{background:linear-gradient(150deg,rgba(8,61,49,.96),rgba(2,31,26,.98));border-color:rgba(132,255,210,.18)}
.card.metricCard.warn{background:linear-gradient(150deg,rgba(58,50,18,.7),rgba(2,31,26,.98))}
.heroPanel,.execSummary,.crystalHero{background:linear-gradient(135deg,rgba(8,76,65,.92),rgba(2,35,30,.94))!important;border-color:rgba(132,255,210,.22)}
.box h2{letter-spacing:-.3px}.note{background:linear-gradient(90deg,rgba(8,76,65,.85),rgba(4,39,34,.85));border-left-color:#6fffd0;color:#eafff6}
@media(max-width:760px){.oosDetailTop{grid-template-columns:1fr}.oosDetailTop .styleImg{width:100%;height:260px}.salesControls .dateBox{min-width:0;width:100%}.simplifiedToolbar{display:grid;grid-template-columns:1fr}.simplifiedToolbar>*{width:100%;min-width:0}}

/* V7 Final Clarity + Light Crystal UI */
:root{--cream:#fff9e8;--crystal:#dffff3;--aqua:#66ffd1;--deep2:#041f1c;--glass:rgba(255,255,255,.045)}
body{background:radial-gradient(circle at 10% -10%,rgba(77,255,178,.18),transparent 28%),radial-gradient(circle at 88% 8%,rgba(244,211,94,.12),transparent 24%),linear-gradient(135deg,#00130f,#062b26 48%,#04170f)!important}
aside{background:linear-gradient(180deg,#031914,#052b26 60%,#02120e)!important;border-right-color:rgba(155,255,221,.30)!important}
.box,.card,.spot{background:linear-gradient(155deg,rgba(7,45,41,.92),rgba(2,27,24,.98))!important;border-color:rgba(151,255,225,.20)!important;box-shadow:0 20px 58px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.035)}
.box h2,.sectionHead h2{color:var(--cream);text-shadow:0 2px 0 rgba(0,0,0,.20)}
.box h2:after,.modalSub:after{background:linear-gradient(90deg,var(--aqua),var(--gold));height:4px;width:64px}
.note{background:linear-gradient(90deg,rgba(15,83,74,.82),rgba(7,45,39,.72))!important;border-left-color:var(--aqua)!important;border:1px solid rgba(151,255,225,.12);color:#ecfff8!important}
.subtotal{background:linear-gradient(90deg,rgba(255,249,232,.08),rgba(102,255,209,.06))!important;border-color:rgba(244,211,94,.32)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.subtotal b{color:#fff5c4!important}.subtotal span{color:#dffff3!important}
th{background:linear-gradient(180deg,#0a4a3f,#06342e)!important;color:#c8fff0!important;text-transform:none;letter-spacing:.2px;border-bottom:1px solid rgba(244,211,94,.18)}
tfoot td{background:linear-gradient(180deg,#0a3c34,#062923)!important;color:#fff9e8!important;border-top:2px solid rgba(244,211,94,.45)!important}
.clearTable tr:nth-child(even) td,table tr:nth-child(even) td{background-color:rgba(255,255,255,.018)}
.clearTable tr:hover td,table tr:hover td{background-color:rgba(102,255,209,.075)!important}
.dailyReportCard.premiumReport{border-radius:28px!important;overflow:hidden;border:1px solid rgba(244,211,94,.22)!important;box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.18)!important}
.dailyTitle{background:linear-gradient(135deg,#e5ffc9,#9be98b,#fff2a5)!important;color:#02140d!important;font-weight:950;letter-spacing:.2px}
.salesKpis{background:linear-gradient(90deg,#f5fff0,#fffceb)!important}.salesKpis div{box-shadow:0 8px 18px rgba(0,0,0,.05)}
.salesFilterRow .dateBox{border-color:rgba(244,211,94,.22)}
.exitShotBtn{position:fixed;right:22px;top:22px;z-index:10000;border-radius:999px;background:linear-gradient(135deg,#fff6b4,#66ffd1);color:#061b14;padding:13px 22px;box-shadow:0 16px 50px rgba(0,0,0,.32);font-weight:950}
.screenshotMode #exitShotBtn{display:block!important}.screenshotMode{background:#04170f!important}.screenshotMode main{padding:22px!important}.screenshotMode .box,.screenshotMode .dailyReportCard,.screenshotMode .familyPanel{box-shadow:none!important}
.oosCleanTable th{white-space:nowrap}.oosCleanTable td{vertical-align:middle}.oosCleanTable .contrib.skinny{min-width:105px;grid-template-columns:1fr 46px}.oosCleanTable .tinyImg{width:58px;height:70px;border-radius:16px;border:1px solid rgba(255,255,255,.18)}
.contrib.skinny:before,.contrib.skinny span{height:8px}.contrib.skinny b{font-size:12px;color:#dffff3}
.familySummaryStrip{position:sticky;top:0;z-index:2;border-radius:16px 16px 0 0}.familyStyleHeader{display:flex;align-items:end;justify-content:space-between;margin:16px 0 8px}.familyStyleHeader h3{margin:0;font-size:24px;color:#fff9e8}.refinedFamilyGrid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))!important}.refinedFamilyGrid .styleMiniCard{background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(0,0,0,.14));border-color:rgba(151,255,225,.16)}
.compactRankGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.miniRank{background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(0,0,0,.16))!important;border-color:rgba(151,255,225,.16)!important}.miniRank h3{color:#fff6c9!important}
.filterbar,.simplifiedToolbar{background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,0,0,.10))!important;border-color:rgba(151,255,225,.14)!important}
input,select{border-color:rgba(102,255,209,.45)!important;background:#031b18!important}.nav.active{background:linear-gradient(135deg,#66ffd1,#d6ef76)!important;color:#04170f!important}
.card .v{color:#fff9e8}.card.warn .v{color:#ffe994!important}.card.good .v{color:#aaffd9!important}
@media(max-width:760px){.exitShotBtn{right:12px;top:12px;padding:10px 14px}.dailyReportCard.premiumReport{border-radius:20px!important}.salesKpis{grid-template-columns:1fr 1fr!important}.refinedFamilyGrid{grid-template-columns:1fr!important}}


/* ===== V8 Final Clean Premium Polish ===== */
:root{--panel2:#042f22;--line2:rgba(142,255,198,.20);--gold:#f5d75f;--mint:#65ffb4;--soft:#f4fff5;}
.pageTitle,.hero h1,.sectionTitle,h1,h2{letter-spacing:-.04em}
.card,.panel,.glass,.summary-card,.modalBox{box-shadow:0 18px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)}
.tableWrap,.reportCard,.dataBlock{border:1px solid var(--line2);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(3,57,39,.96),rgba(1,41,29,.96))}
table thead th{background:linear-gradient(90deg,#0b5b38,#164f20)!important;color:#dffff0!important;font-weight:900;text-transform:none;letter-spacing:.01em;position:sticky;top:0;z-index:2}
table tbody tr:nth-child(even){background:rgba(255,255,255,.025)} table tbody tr:hover{background:rgba(101,255,180,.08)}
.subtotal,.grandTotal,.grand-total{border:1px solid rgba(245,215,95,.35)!important;background:linear-gradient(90deg,rgba(245,215,95,.12),rgba(101,255,180,.08))!important;color:#fff8d2!important;border-radius:16px!important}
button,.btn{transition:transform .18s ease, box-shadow .18s ease, background .18s ease} button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(41,255,151,.16)}
input,select{background:#02291e!important;border:1px solid rgba(101,255,180,.45)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.kpi,.metric,.stat-card{background:radial-gradient(circle at 80% 0%,rgba(101,255,180,.12),transparent 35%),linear-gradient(180deg,#073d2d,#03281e)!important;border:1px solid rgba(101,255,180,.20)!important}
.kpi b,.metric b,.stat-card b,.bigNum{color:#fff7df;text-shadow:0 3px 0 rgba(245,215,95,.20)}
.family-card,.portal-card,.style-card{background:linear-gradient(135deg,rgba(5,64,44,.98),rgba(2,42,31,.98))!important;border:1px solid rgba(101,255,180,.18)!important}
.family-card:hover,.portal-card:hover,.style-card:hover{border-color:rgba(245,215,95,.45)!important;box-shadow:0 18px 55px rgba(0,0,0,.30),0 0 0 1px rgba(245,215,95,.12)}
.modalOverlay{backdrop-filter:blur(10px)} .modalBox{border:1px solid rgba(245,215,95,.28)!important}
.clean-shot .sidebar,.clean-shot .pageActions,.clean-shot .filters,.clean-shot .topbar{display:none!important}.clean-shot .main{margin-left:0!important;width:100%!important}.clean-shot .content{max-width:1400px;margin:auto}
@media(max-width:900px){.sidebar{position:relative;width:100%;min-height:auto}.main{margin-left:0!important}.grid,.cards,.family-grid{grid-template-columns:1fr!important}.tableWrap{overflow:auto}.pageTitle,.hero h1{font-size:34px!important}}

/* ===== V9 final daily report + cleaner premium UI ===== */
.finalSalesHero{border:1px solid rgba(181,255,209,.24);background:linear-gradient(135deg,rgba(1,67,42,.98),rgba(4,40,31,.94) 55%,rgba(28,67,34,.78));box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.finalSalesControls{max-width:1180px;margin:18px auto 22px;border-radius:28px;background:rgba(2,42,30,.76)}
.finalSalesControls .salesFilterRow{justify-content:center;gap:12px}.finalSalesControls input,.finalSalesControls select{min-height:46px}
.finalDailyPrint{max-width:1240px;margin:0 auto 24px;overflow:hidden;border-radius:24px;box-shadow:0 26px 90px rgba(0,0,0,.35)}
.finalDailyPrint .dailyTitle{background:linear-gradient(90deg,#c7ffb8,#fff49c);color:#001b0d;font-size:26px;padding:18px 20px;text-align:center;letter-spacing:.2px}
.finalDailyPrint .salesKpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;background:#f6fbef;padding:14px}.finalDailyPrint .salesKpis div{background:white;color:#07190e;border:1px solid #d8e9cf;border-radius:14px;padding:12px 14px}.finalDailyPrint .salesKpis span{display:block;color:#275d2f;font-size:12px;text-transform:uppercase;font-weight:900}.finalDailyPrint .salesKpis b{font-size:24px;color:#000}
.compactDaily{font-size:16px;width:100%;border-collapse:collapse;background:#fff}.compactDaily th{background:#255f18;color:#fff;padding:11px 10px;font-size:17px}.compactDaily td{padding:9px 10px;color:#00180b;border:1px solid #d9e2d3}.compactDaily tbody tr:nth-child(odd) td:first-child{background:#dff4cf}.compactDaily tbody tr:nth-child(even) td:first-child{background:#f5fbef}.compactDaily tfoot td{background:#255f18!important;color:#fff!important;font-size:17px;font-weight:900}.compactDaily .contrib{display:flex;align-items:center;gap:8px}.compactDaily .contrib:after{content:'';flex:1;height:8px;border-radius:20px;background:#d5e9cf}.compactDaily .contrib span{height:9px;max-width:110px;border-radius:20px;background:linear-gradient(90deg,#33c95b,#e6ef75)}.compactDaily .contrib b{font-size:12px;min-width:46px;color:#0e631d}.dailyAnalysisPanel{max-width:1240px;margin:0 auto 60px}.reportTabBar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.viewPill{font-weight:900}.viewPill.active{background:linear-gradient(90deg,#7ef2b5,#f5df66)!important;color:#052113!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 28px rgba(101,255,170,.16)}
.dailyFinalPanel{background:linear-gradient(180deg,rgba(1,65,43,.88),rgba(0,40,29,.94));border-radius:24px;padding:22px;border:1px solid rgba(116,255,184,.22)}.finalCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.finalCard{min-height:122px;background:linear-gradient(135deg,rgba(0,49,33,.96),rgba(0,32,25,.98));border:1px solid rgba(142,255,194,.18);box-shadow:0 18px 50px rgba(0,0,0,.18);transition:.18s ease}.finalCard:hover{transform:translateY(-3px);border-color:rgba(198,255,139,.55);box-shadow:0 22px 70px rgba(54,255,142,.12)}.finalCard .famImg{width:92px;height:92px;flex:0 0 92px}.finalCard h3{line-height:1.04;font-size:22px}.finalCard b{font-size:28px;color:#fff7dd}.finalCard small{color:#bbffd3}.familyInsight span{border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(156,255,199,.2);padding:9px 14px}
.matrixWrap{overflow:auto;max-height:72vh;border:1px solid rgba(143,255,199,.18);border-radius:16px;background:#04281d}.matrixTable{width:max-content;min-width:100%;border-collapse:collapse}.matrixTable th{position:sticky;top:0;background:#123e2d;color:#d2ffe2;z-index:2}.matrixTable th,.matrixTable td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.matrixTable tbody tr:nth-child(even){background:rgba(255,255,255,.025)}.matrixTable tfoot td{position:sticky;bottom:0;background:#1d5a20;color:#fff;font-weight:900}.tinyImg{width:52px;height:52px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.18)}
.detailModal.show{backdrop-filter:blur(8px)}.detailSheet{max-width:min(1320px,94vw);border-radius:24px;background:linear-gradient(180deg,#063b29,#022018);border:1px solid rgba(161,255,204,.25);box-shadow:0 30px 110px rgba(0,0,0,.55)}.detailSheet h2{font-size:30px;margin:8px 0 18px}.closeBtn{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18)!important}
.box,.panel,.familyPanel{box-shadow:0 18px 55px rgba(0,0,0,.18)}.sectionHead h2,.box h2{letter-spacing:-.5px}.sectionHead span,.eyebrow{color:#94ffbf;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:900}.subtotal,tfoot tr{box-shadow:0 -8px 30px rgba(0,0,0,.16)}
@media print{.side,.topbar,.salesHero,.salesControls,.reportTabBar,.authScreen,.exitShotBtn{display:none!important}.main{margin:0!important;padding:0!important}.finalDailyPrint{box-shadow:none!important;margin:0!important;max-width:none!important}.dailyAnalysisPanel{max-width:none!important}.finalCards{grid-template-columns:repeat(2,1fr)!important}.compactDaily{font-size:12px}.compactDaily th{font-size:12px;padding:6px}.compactDaily td{padding:5px}.finalDailyPrint .dailyTitle{font-size:20px;padding:10px}}
@media(max-width:900px){.finalDailyPrint .salesKpis{grid-template-columns:repeat(2,1fr)}.finalCards{grid-template-columns:1fr}.compactDaily{font-size:13px}.compactDaily th{font-size:13px;padding:8px 6px}.compactDaily td{padding:7px 6px}.dailyAnalysisPanel,.finalDailyPrint{max-width:100%}.finalSalesControls .salesFilterRow{justify-content:flex-start}.matrixTable th,.matrixTable td{padding:8px}}

/* ===== V10 final stretch + sticky portal matrix ===== */
main, .main, #app{max-width:none!important}.v10Hero,.v10Controls{max-width:calc(100vw - 340px)!important;margin-left:auto!important;margin-right:auto!important}.v10DailyReport,.v10Analysis{width:min(1580px,calc(100vw - 340px))!important;max-width:none!important}.v10DailyReport{border-radius:30px!important}.v10Compact th,.v10Compact td{padding:8px 10px!important}.v10Compact{font-size:15px!important}.v10Tabs{justify-content:flex-start;margin-left:0}.v10Panel{width:100%!important;max-width:none!important}.v10Cards{grid-template-columns:repeat(3,minmax(320px,1fr))!important;gap:18px!important}.v10Card{min-height:132px!important}.v10Card .famImg{width:96px!important;height:96px!important}.v10Card .famInfo h3{font-size:23px!important;line-height:1.02}.v10Card .famInfo b{font-size:28px!important}.detailSheet{max-width:min(1720px,98vw)!important;width:96vw!important;max-height:92vh!important;padding:26px!important}.detailSheet h2{font-size:30px!important;margin:0 0 18px!important}.v10Matrix{max-height:76vh!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(142,255,198,.14)}.stickyMatrix th,.stickyMatrix td{min-width:92px;text-align:right}.stickyMatrix .imgCol{left:0;min-width:82px;width:82px;text-align:center;z-index:5}.stickyMatrix .styleCol{left:82px;min-width:112px;width:112px;text-align:left;z-index:5}.stickyMatrix th.stickyCol{z-index:8!important}.stickyMatrix td.stickyCol{position:sticky;background:#062f24!important;box-shadow:4px 0 10px rgba(0,0,0,.14)}.stickyMatrix tbody tr:nth-child(even) td.stickyCol{background:#0a3b2e!important}.stickyMatrix tfoot td.stickyCol{background:#1f5c20!important}.stickyMatrix .tinyImg{width:50px!important;height:56px!important}.brandBadge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(102,255,209,.18),rgba(245,215,95,.10));border:1px solid rgba(151,255,225,.20);font-weight:900;color:#eafff5}.brandBadge.big{font-size:22px;padding:9px 18px}.brandPortalHero{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.13));border:1px solid rgba(151,255,225,.16);border-radius:18px;padding:16px}.brandPortalHero b{font-size:28px;color:#fff8d7}.brandPortalHero small{color:#bfffe1}.brandPortalTable{width:100%!important;min-width:850px}.marketToolbar select#mb{min-width:150px}.marketStudio .note{border-radius:18px}.marketScroll table{min-width:1050px}.v10Analysis .sectionHead{align-items:flex-end}.v10Analysis .sectionHead small{color:#c9ffe3}.finalDailyPrint .dailyTitle{padding:14px 18px!important}.finalDailyPrint .salesKpis{padding:10px!important;gap:10px!important}.finalDailyPrint .salesKpis div{padding:10px 12px!important}.finalDailyPrint .salesKpis b{font-size:22px!important}
@media(max-width:1100px){.v10Hero,.v10Controls,.v10DailyReport,.v10Analysis{width:100%!important;max-width:100%!important}.v10Cards{grid-template-columns:1fr!important}.detailSheet{width:98vw!important;padding:18px!important}.stickyMatrix .styleCol{left:72px}.stickyMatrix .imgCol{min-width:72px;width:72px}.stickyMatrix .styleCol{min-width:100px;width:100px}}
@media print{.v10DailyReport,.v10Analysis{width:100%!important;max-width:none!important}.v10Cards{grid-template-columns:repeat(2,1fr)!important}.detailModal{display:none!important}}

/* V14 dashboard compact restore + polish */
.dashTopLine{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 20px;border:1px solid rgba(108,255,190,.22);border-radius:22px;background:linear-gradient(135deg,rgba(5,72,48,.72),rgba(6,46,37,.86));box-shadow:0 18px 50px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06)}
.dashTopLine .eyebrow{display:inline-block;margin-right:12px;color:#7dffbf;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.dashSub{color:rgba(255,255,240,.82);font-size:14px;font-weight:650}
.dashTopStats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.dashTopStats span{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(117,255,189,.18);color:#dfffee;font-size:12px;font-weight:800;white-space:nowrap}
.compactFilters{margin-bottom:18px;padding:16px 18px;align-items:center}
.dashboardClean .box,.premiumGrid .metricCard{animation:softRise .38s ease both;will-change:transform,opacity}
.dashboardClean .box h2,.box h2{position:relative;padding-bottom:8px}
.dashboardClean .box h2:after,.box h2:after{content:"";display:block;width:46px;height:3px;border-radius:99px;margin-top:8px;background:linear-gradient(90deg,#6cffbb,#f4df5c)}
.premiumGrid .metricCard:nth-child(2n){animation-delay:.03s}.premiumGrid .metricCard:nth-child(3n){animation-delay:.06s}
@keyframes softRise{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.dashTopLine{display:block}.dashTopStats{justify-content:flex-start;margin-top:10px}.dashSub{display:block;margin-top:6px}.compactFilters{display:flex;flex-wrap:wrap}}

/* ===== V15 Clean UI Polish, Wide Modal, Trend Studio ===== */
[data-page="risk"]{display:none!important}
aside p{letter-spacing:.1px;color:#d8fff0}
.top{background:linear-gradient(135deg,rgba(3,72,48,.95),rgba(6,45,36,.85));box-shadow:0 20px 60px rgba(0,0,0,.16)}
.top h1{letter-spacing:-1px;text-shadow:0 12px 32px rgba(0,0,0,.25)}
.box,.heroPanel,.salesHero,.familyPanel{backdrop-filter:blur(10px);box-shadow:0 18px 70px rgba(0,0,0,.12)}
.box h2,.sectionHead h2{letter-spacing:-.4px}.sectionHead span,.eyebrow{color:#8bffcf!important}
button,.nav,.familyCard,.card,.miniRank{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease}
button:hover,.nav:hover,.familyCard:hover,.card:hover,.miniRank:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(33,255,167,.08)}
.detailModal.show{align-items:center;justify-content:center;padding:18px;background:rgba(0,20,15,.62);backdrop-filter:blur(8px)}
.detailSheet{width:min(98.5vw,1760px)!important;max-width:98.5vw!important;height:min(94vh,980px)!important;max-height:94vh!important;border-radius:28px!important;padding:22px!important;overflow:hidden!important;background:linear-gradient(145deg,#033d2b,#06291f 65%,#021a15)!important;border:1px solid rgba(102,255,190,.3)!important;box-shadow:0 40px 120px rgba(0,0,0,.55)!important}
#detailBody{height:100%;overflow:auto;padding-right:8px}.modalTitleBar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 46px 14px 0}.modalTitleBar h2{margin:0;font-size:32px;letter-spacing:-.5px}.modalTitleBar small{color:#b8ffe3}.closeBtn{z-index:4;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important}
.v15Matrix{height:calc(94vh - 115px)!important;max-height:calc(94vh - 115px)!important;overflow:auto!important;border-radius:18px;border:1px solid rgba(102,255,190,.18);background:#06281f}.v15Matrix table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.v15Matrix th{position:sticky;top:0;z-index:3;background:#116332!important;color:#ecfff5!important;white-space:nowrap}.v15Matrix td,.v15Matrix th{padding:10px 13px!important;font-size:15px!important;border-bottom:1px solid rgba(255,255,255,.06)}.v15Matrix tbody tr:nth-child(even) td{background:rgba(255,255,255,.035)}.v15Matrix tbody tr:hover td{background:rgba(80,255,178,.085)!important}.v15Matrix tfoot td{position:sticky;bottom:0;background:#1e6519!important;color:#fff8d9!important;font-size:17px!important;z-index:3}.stickyCol{position:sticky!important;z-index:4!important}.imgCol{left:0;min-width:82px!important;width:82px!important;background:#074731!important}.styleCol{left:82px;min-width:98px!important;width:98px!important;background:#06402d!important}.v15Matrix th.imgCol,.v15Matrix th.styleCol{z-index:6!important;background:#116332!important}.matrixImg{width:54px!important;height:66px!important;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.trendHero{padding:28px 32px;border-radius:28px;margin-bottom:18px;background:radial-gradient(circle at 15% 20%,rgba(112,255,188,.18),transparent 30%),linear-gradient(135deg,#064c35,#022a21);border:1px solid rgba(100,255,195,.22)}.trendHero h2{font-size:46px;margin:4px 0}.trendHero p{margin:0;color:#dcfff0}.trendStudio{background:linear-gradient(180deg,rgba(4,61,43,.95),rgba(2,38,30,.96))}.trendToolbar{gap:14px}.trendKpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin:18px 0}.trendKpis div{padding:20px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(133,255,205,.18)}.trendKpis span{display:block;color:#c9ffe9}.trendKpis b{font-size:34px;color:#fffbe9}.trendKpis small{color:#9effd3}.innerTrend{margin-top:18px;padding:22px}.trendFamilyGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.trendFamilyGrid button{text-align:left;padding:16px;border-radius:18px;background:rgba(7,76,51,.7);border:1px solid rgba(128,255,199,.18);color:#fff}.trendFamilyGrid b,.trendFamilyGrid span,.trendFamilyGrid small{display:block}.trendFamilyGrid b{font-size:18px}.trendFamilyGrid span{font-size:23px;font-weight:900;color:#fff6d8}.trendFamilyGrid small{color:#b0ffdb}.trendImg{width:42px!important;height:52px!important}.cleanTrendTable table th{background:#125f35!important}.cleanTrendTable tbody tr:hover td{background:rgba(94,255,182,.08)}
@keyframes frostRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.box,.familyCard,.card,.trendKpis div{animation:frostRise .28s ease both}
@media(max-width:1200px){.trendKpis{grid-template-columns:repeat(2,1fr)}.trendFamilyGrid{grid-template-columns:repeat(2,1fr)}.detailSheet{width:99vw!important}}


/* ===== V16 final polish: compact dashboard, full-screen detail matrix, smoother UI ===== */
.v16DashTop{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 28px;margin-bottom:18px;border-radius:24px;
  background:linear-gradient(135deg,rgba(8,80,48,.88),rgba(4,35,25,.92));
  border:1px solid rgba(112,255,181,.25);
  box-shadow:0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
}

/* FPC V40 locked intelligence */
.execGrid.fiveOnly{grid-template-columns:repeat(5,minmax(0,1fr))}.fpcDrillKpis,.trendCompareBanner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.fpcDrillKpis>div,.trendCompareBanner>div,.lockedRuleGrid>div{padding:14px 16px;border-radius:16px;border:1px solid rgba(117,255,202,.18);background:linear-gradient(145deg,rgba(13,79,56,.75),rgba(2,38,29,.86));box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 35px rgba(0,0,0,.12)}.fpcDrillKpis span,.trendCompareBanner span,.lockedRuleGrid span{display:block;color:#aee8cf;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.fpcDrillKpis b,.trendCompareBanner b{display:block;margin-top:5px;font-size:22px}.fpcDrillKpis small,.trendCompareBanner small{display:block;margin-top:4px;color:#b8dacb}.fpcStyleHero{display:flex;align-items:center;gap:18px;padding:17px;border-radius:20px;background:linear-gradient(135deg,rgba(25,105,73,.6),rgba(2,39,29,.78));border:1px solid rgba(126,255,202,.2)}.fpcStyleHero img{width:104px;height:126px;object-fit:contain;border-radius:14px;background:#fff}.fpcStyleHero h2{font-size:34px!important;margin:4px 0!important}.fpcStyleHero p{margin:0;color:#bcebd7}.fpcDrillGrid{margin-top:14px}.fpcDrillTable table,.demandTable table,.launchTable table{width:100%}.fpcDrillTable th,.demandTable th,.launchTable th{position:sticky;top:0;z-index:1}.fpcTrendToolbar{display:flex;flex-wrap:wrap;gap:10px}.fpcTrendToolbar select,.fpcTrendToolbar input{min-width:170px}.trendCompareBanner{grid-template-columns:1fr 1fr 1.2fr}.demandPlanner,.launchStudio{margin-top:18px}.demandPlanner .toolbar,.launchStudio .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demandPlanner select{min-width:280px}.demandPlanner input{width:130px}.lockedRuleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.lockedRuleGrid b{display:block;margin-top:5px}.healthPill{padding:8px 13px;border-radius:999px;font-weight:900}.healthPill.good{background:rgba(67,230,145,.16);color:#8dffc4}.healthPill.warn{background:rgba(255,184,74,.16);color:#ffd58b}.oosPortalTap{cursor:pointer!important;border-radius:12px;padding:6px 8px;transition:.2s}.oosPortalTap:hover{background:rgba(100,255,194,.08);transform:translateX(3px)}.tapRow{cursor:pointer}.tapRow:hover{background:rgba(100,255,194,.07)}
@media(max-width:1250px){.execGrid.fiveOnly{grid-template-columns:repeat(3,minmax(0,1fr))}.fpcDrillKpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.execGrid.fiveOnly,.fpcDrillKpis,.trendCompareBanner,.lockedRuleGrid{grid-template-columns:1fr}.fpcStyleHero{align-items:flex-start}.fpcStyleHero img{width:78px;height:98px}.fpcTrendToolbar>*{width:100%!important;min-width:0!important}}
.v16DashTop .eyebrow{font-size:13px;letter-spacing:.12em;color:#85ffbf;text-transform:uppercase;font-weight:950;margin-right:14px}
.v16DashTop .dashSub{font-size:15px;color:#d7ffe7;font-weight:650}
.v16DashTop .dashTopStats{display:flex;gap:10px;flex-wrap:wrap}
.v16DashTop .dashTopStats span{background:rgba(255,255,255,.055);border:1px solid rgba(148,255,191,.18);padding:9px 12px;border-radius:16px;color:#eafff1;font-size:14px}
.v16Filters{padding:18px 22px!important;gap:12px!important}
.metricCard{animation:softPop .32s ease both}
@keyframes softPop{from{transform:translateY(8px);opacity:.55}to{transform:translateY(0);opacity:1}}
.box,.card,.metricCard,.dailyReportCard{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.box:hover,.metricCard:hover{border-color:rgba(130,255,190,.42);box-shadow:0 18px 58px rgba(0,0,0,.18)}
.marketGrand{position:sticky;top:0;z-index:3;background:linear-gradient(90deg,rgba(35,67,35,.96),rgba(7,62,40,.96));backdrop-filter:blur(8px);border-color:rgba(244,211,94,.45)}
.detailModal.show{display:flex!important;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}
.detailSheet{
  width:min(98.5vw,1760px)!important;
  height:min(94vh,980px)!important;
  max-width:98.5vw!important;
  max-height:94vh!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(129,255,185,.35)!important;
  box-shadow:0 35px 120px rgba(0,0,0,.55)!important;
}
#detailBody{height:100%;display:flex;flex-direction:column;min-height:0}
.modalTitleBar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 12px 0;flex:0 0 auto}
.modalTitleBar h2{margin:0;font-size:30px;line-height:1.05}
.modalTitleBar small{color:#baffd4;font-weight:700}
.matrixWrap.v16Matrix{flex:1 1 auto;min-height:0;overflow:auto;border-radius:18px;border:1px solid rgba(119,255,174,.22);background:#042819}
.matrixTable{min-width:max-content;width:100%;border-collapse:separate;border-spacing:0}
.matrixTable th{position:sticky;top:0;z-index:4;background:#11602f!important;color:#f3fff6;font-size:16px;white-space:nowrap}
.matrixTable td{font-size:16px;white-space:nowrap}
.matrixTable .stickyCol{position:sticky;z-index:5;background:#063822!important}
.matrixTable th.stickyCol{z-index:7;background:#115f31!important}
.matrixTable .imgCol{left:0;width:82px;min-width:82px}
.matrixTable .styleCol{left:82px;width:118px;min-width:118px}
.matrixImg{width:56px!important;height:56px!important;border-radius:13px!important;object-fit:cover;box-shadow:0 5px 16px rgba(0,0,0,.25)}
.matrixTable tfoot td{position:sticky;bottom:0;background:#165f24!important;color:#fffbd4!important;font-size:17px;font-weight:950;z-index:6}
.trendStudio .note{background:linear-gradient(90deg,rgba(39,189,114,.16),rgba(244,211,94,.08));border-color:rgba(118,255,174,.25)}
.trendKpis.compactTrend{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin:14px 0}
.trendKpis.compactTrend>div{background:linear-gradient(135deg,#062f22,#0a4d2c);border:1px solid rgba(104,255,169,.2);border-radius:20px;padding:16px}
.trendKpis span{display:block;color:#baffd4;font-size:14px}.trendKpis b{font-size:30px}
.cleanTrendTable table th{background:#125f31!important}
.tag.new{background:#145dd1}.tag.hot{background:#b7791f}.tag.down{background:#9f2330}
input,select,button{transition:border-color .16s ease, transform .14s ease, box-shadow .14s ease}
button:hover,.mini:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(38,220,133,.12)}
@media(max-width:1200px){.v16DashTop{flex-direction:column;align-items:flex-start}.trendKpis.compactTrend{grid-template-columns:repeat(2,1fr)}.detailSheet{width:99vw!important;height:96vh!important}}


/* ===== V17 search result grid + marketplace cleanup ===== */
#subtotalBox:empty{display:none!important}
.searchResults{padding:24px!important;background:radial-gradient(circle at 0% 0%,rgba(118,255,183,.15),transparent 32%),linear-gradient(145deg,rgba(5,57,41,.96),rgba(3,32,26,.98))!important;border:1px solid rgba(122,255,188,.28)!important}
.searchResultHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;flex-wrap:wrap}.searchResultHead h2{font-size:34px;margin:0 0 5px}.searchResultHead p{margin:0;color:#caffe3;font-weight:700}.searchResultHead .heroBadges{justify-content:flex-end;max-width:680px}
.styleResultGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.styleResultCard{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:14px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(132,255,195,.18);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.styleResultCard:hover{transform:translateY(-3px);border-color:rgba(141,255,194,.48);box-shadow:0 18px 44px rgba(0,0,0,.22)}.styleResultImg{width:112px;height:142px;border-radius:18px;overflow:hidden;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:#baffd4;font-weight:900}.styleResultImg img{width:100%;height:100%;object-fit:cover}.styleResultInfo h3{font-size:26px;margin:0 0 6px;line-height:1}.styleResultInfo p{margin:4px 0;color:#e8fff2;font-size:14px}.styleResultInfo div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.styleResultInfo span{padding:7px 10px;border-radius:999px;background:rgba(113,255,181,.11);border:1px solid rgba(113,255,181,.18);font-size:13px;color:#f6fff8}.style360 .style360Top img,.style360Top .imgWrap img{max-height:210px}.marketGrand + .marketScroll{margin-top:14px}.marketGrand span{white-space:nowrap}@media(max-width:800px){.styleResultGrid{grid-template-columns:1fr}.styleResultCard{grid-template-columns:92px 1fr}.styleResultImg{width:92px;height:120px}.searchResultHead h2{font-size:26px}}


/* V19 stability UI polish: light animation, readable health panel, smooth image batches */
.box,.card,.spot,.subtotal{animation:frostFadeUp .24s ease both}
@keyframes frostFadeUp{from{opacity:.78;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.card,.styleResultCard,.execGrid button{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card:hover,.styleResultCard:hover,.execGrid button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.24);border-color:rgba(112,255,189,.55)}
.dataHealthBox{border-color:rgba(112,255,189,.22)}
.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.sectionHead h2{margin:0}.sectionHead p{margin:4px 0 0;color:#b8e8d5;font-size:13px}.healthPill{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 12px;font-weight:900}.healthPill.good{background:rgba(37,211,102,.14);color:#aaffc9}.healthPill.warn{background:rgba(255,193,7,.14);color:#ffe59a}.dataHealthGrid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.health .ok{background:linear-gradient(135deg,rgba(24,92,64,.86),rgba(4,38,31,.92));border:1px solid rgba(91,255,176,.22)}.health .badSoft{background:linear-gradient(135deg,rgba(111,74,18,.76),rgba(50,32,10,.92));border:1px solid rgba(255,214,109,.22)}
.loadMoreBtn{display:block;margin:18px auto 4px;padding:13px 24px;border-radius:18px;border:1px solid rgba(112,255,189,.42);background:linear-gradient(135deg,#0b5b3d,#0e3e32);color:#fff;font-weight:900;cursor:pointer}.loadMoreBtn:hover{filter:brightness(1.12)}
.styleResultImg img{content-visibility:auto}.marketGrand small{margin-left:auto;color:#bdebd8;font-weight:800}.matrixWrap{max-height:82vh}.modal,.detailModal{animation:frostPop .18s ease both}@keyframes frostPop{from{opacity:.7;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.sectionHead{flex-direction:column}.dataHealthGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketGrand small{display:block;margin-left:0;width:100%;padding-top:6px}}


/* V20 dashboard polish */
.premiumGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch}.metricCard{min-height:162px}.metricCard .v{font-size:clamp(30px,2.5vw,52px);line-height:1.05;letter-spacing:-1px;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.metricCard .k{font-weight:800}.metricCard .s{max-width:100%;opacity:.95}.tone-units{border-top:3px solid #72ffd7!important}.tone-orders{border-top:3px solid #8fb6ff!important}.tone-drr{border-top:3px solid #ffd56a!important}.tone-gmv{border-top:3px solid #f5a3ff!important}.tone-asp{border-top:3px solid #7ef0ff!important}.tone-active{border-top:3px solid #b7ff7f!important}.tone-selling{border-top:3px solid #ffb06f!important}.tone-health{border-top:3px solid #8dffba!important}.tone-units .v{color:#c9fff1!important}.tone-orders .v{color:#dbe7ff!important}.tone-drr .v{color:#fff0b0!important}.tone-gmv .v{color:#ffe2ff!important}.tone-asp .v{color:#d9fcff!important}.tone-active .v{color:#e4ffd0!important}.tone-selling .v{color:#ffe4c5!important}.execGrid button:nth-child(1){border-top:3px solid #72ffd7}.execGrid button:nth-child(2){border-top:3px solid #f5a3ff}.execGrid button:nth-child(3){border-top:3px solid #ffd56a}.execGrid button:nth-child(4){border-top:3px solid #8fb6ff}.execGrid button:nth-child(5){border-top:3px solid #ffb06f}


/* =========================
   V21 FINAL CLEAN CSS PATCH
   ========================= */
.marketSubtotalHidden,
#subtotalBox.marketSubtotalHidden,
#subtotalBox[data-type="market"]{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  min-height:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

.cleanExecSummary .execGrid.fourOnly{
  grid-template-columns: repeat(4, minmax(165px, 1fr)) !important;
  gap:12px !important;
}

.cleanMetricGrid{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.cleanMetricCard{
  min-width:0 !important;
  overflow:hidden !important;
  padding:22px 22px 20px !important;
}

.cleanMetricCard .k{
  font-size:15px !important;
  line-height:1.2 !important;
  margin-bottom:14px !important;
  white-space:nowrap !important;
}

.cleanMetricCard .v,
.metricCard .fitNumber{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font-size:clamp(26px, 2.55vw, 42px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.6px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.cleanMetricCard.tone-gmv .v,
.cleanMetricCard.tone-units .v,
.cleanMetricCard.tone-orders .v{
  font-size:clamp(24px, 2.2vw, 38px) !important;
  letter-spacing:-1.9px !important;
}

.cleanMetricCard .s{
  margin-top:10px !important;
  line-height:1.25 !important;
  word-break:normal !important;
}

.singleMarketGrand{
  margin-top:0 !important;
  margin-bottom:12px !important;
}

@media (max-width: 1450px){
  .cleanMetricGrid{ grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important; }
  .cleanMetricCard .v,
  .metricCard .fitNumber{ font-size:clamp(23px, 2.05vw, 34px) !important; letter-spacing:-1.7px !important; }
  .cleanMetricCard.tone-gmv .v,
  .cleanMetricCard.tone-units .v,
  .cleanMetricCard.tone-orders .v{ font-size:clamp(21px, 1.85vw, 31px) !important; }
  .cleanExecSummary .execGrid.fourOnly{ grid-template-columns: repeat(4, minmax(145px, 1fr)) !important; }
}

@media (max-width: 1050px){
  .cleanExecSummary .execGrid.fourOnly{ grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; }
  .cleanMetricGrid{ grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; }
}

@media (max-width: 620px){
  .cleanExecSummary .execGrid.fourOnly,
  .cleanMetricGrid{ grid-template-columns: 1fr !important; }
}

/* V22 micro dashboard fix: only metric card sizing/fit */
.v22MetricGrid{
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap:14px !important;
}
.v22MetricCard{
  min-width:0 !important;
  padding:22px 20px 18px !important;
}
.v22MetricCard .v.fitNumber{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:unset !important;
  max-width:none !important;
  line-height:1 !important;
  letter-spacing:-1.25px !important;
  transform-origin:left center !important;
}
.v22MetricCard .k{font-size:14px!important;margin-bottom:13px!important;white-space:nowrap!important}
.v22MetricCard .s{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
@media (max-width: 1500px){
  .v22MetricGrid{grid-template-columns: repeat(7, minmax(135px, 1fr)) !important; overflow-x:auto !important; padding-bottom:4px !important;}
  .v22MetricCard{min-width:135px!important;padding:20px 18px 17px!important;}
  .v22MetricCard .v.fitNumber{letter-spacing:-1.45px!important;}
}
@media (max-width: 1050px){.v22MetricGrid{grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; overflow-x:visible!important;}}
@media (max-width: 620px){.v22MetricGrid{grid-template-columns: 1fr !important;}}

/* V24 stable fit + progressive loading polish */
.v24LoadBox{max-width:760px;margin:70px auto;padding:28px!important}
.frostLoadTrack{height:10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(106,255,184,.25);overflow:hidden;margin:16px 0}
.frostLoadTrack span{display:block;height:100%;background:linear-gradient(90deg,#6cf5b5,#f0db6a);border-radius:999px;transition:width .25s ease}
.marketSubtotalHidden{display:none!important}
.execGrid.fourOnly{grid-template-columns:repeat(4,minmax(170px,1fr))!important}
.v24MetricGrid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;gap:14px!important}
.v24MetricCard{min-width:0!important;overflow:hidden!important;min-height:132px!important;padding:20px 18px!important}
.v24MetricCard .v,.v24MetricCard .fitNumber{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;line-height:1.05!important;letter-spacing:-1.2px!important;max-width:100%!important;display:block!important}
.v24MetricCard .k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v24MetricCard .s{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (max-width:1400px){.v24MetricGrid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.v24MetricCard{padding:18px 15px!important}.execGrid.fourOnly{grid-template-columns:repeat(2,minmax(180px,1fr))!important}}
@media (max-width:900px){.execGrid.fourOnly{grid-template-columns:1fr!important}.v24MetricGrid{grid-template-columns:repeat(2,minmax(140px,1fr))!important}}

/* V26 OOS loss history + five-card executive summary */
.execGrid.fiveOnly{grid-template-columns:repeat(5,minmax(145px,1fr))!important}
.execGrid.fiveOnly button:last-child{border-color:rgba(111,196,255,.7);background:linear-gradient(150deg,rgba(48,128,176,.14),rgba(255,255,255,.025))}
.oosHistoryStudio{padding:24px!important}.oosHistoryToolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.oosHistoryToolbar select,.oosHistoryToolbar input{min-height:44px}.oosHistoryToolbar #oq{min-width:290px;flex:1}.oosDatePair{align-items:center;gap:8px}
.oosLossKpis{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin:16px 0 20px}.oosLossKpis>div{padding:18px;border-radius:18px;border:1px solid rgba(141,255,201,.16);background:linear-gradient(150deg,rgba(20,111,76,.28),rgba(4,34,26,.62));min-width:0}.oosLossKpis span{display:block;color:#a9d8c5;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.oosLossKpis b{display:block;color:#fff8cf;font-size:clamp(22px,2vw,32px);margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oosLossKpis small{color:#b8e4d2}
.oosPortalPanel{padding:20px;border:1px solid rgba(113,245,180,.16);border-radius:22px;background:rgba(2,35,25,.38);margin-bottom:20px}.portalLossBars{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:9px 20px}.portalLossBars>div{display:grid;grid-template-columns:minmax(115px,1fr) minmax(130px,2fr) 76px;align-items:center;gap:10px;padding:7px 0}.portalLossBars span{display:flex;justify-content:space-between;gap:8px}.portalLossBars small{color:#91c8b1}.portalLossBars div>div{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.portalLossBars i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5cf0ae,#edd562)}.portalLossBars strong{text-align:right;color:#fff1ad}.oosListHead{display:flex;justify-content:space-between;align-items:end;margin:18px 0 10px}.oosListHead h2{margin:0}.oosListHead p{margin:4px 0;color:#a9d8c5}.carryTag{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(237,213,98,.14);color:#f4df78;font-size:10px;font-weight:900}
.oosDetailHero{display:flex;gap:18px;align-items:center;padding:10px 0 18px}.oosDetailHero>img,.oosDetailHero .styleImg{width:110px!important;height:125px!important;border-radius:18px!important}.oosDetailHero>div>span{color:#6ff1b8;font-weight:900;font-size:12px;letter-spacing:1px}.oosDetailHero h2{margin:4px 0!important}.oosDetailHero p{color:#bae3d2}.oosDetailGrid{align-items:start}.oosTimeline{display:grid;gap:12px}.oosEpisode{position:relative;padding:15px 16px 15px 20px;border-left:4px solid #70d5aa;border-radius:12px;background:rgba(255,255,255,.045)}.oosEpisode.current{border-left-color:#f0d35e;background:rgba(240,211,94,.07)}.oosEpisode>span{display:block;font-size:10px;font-weight:1000;color:#70efb4;letter-spacing:.8px}.oosEpisode.current>span{color:#f0d35e}.oosEpisode b,.oosEpisode small,.oosEpisode em{display:block;margin-top:5px}.oosEpisode small{color:#c7ebdc}.oosEpisode em{color:#91bca9;font-size:11px;font-style:normal}
@media(max-width:1450px){.execGrid.fiveOnly{grid-template-columns:repeat(3,minmax(160px,1fr))!important}.oosLossKpis{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:900px){.execGrid.fiveOnly{grid-template-columns:1fr!important}.portalLossBars{grid-template-columns:1fr}.oosLossKpis{grid-template-columns:1fr}.oosHistoryToolbar #oq{min-width:100%}.oosDatePair{width:100%;flex-wrap:wrap}.oosDetailHero{align-items:flex-start}}

/* ===== V27 REFINED EMERALD GLASS =====
   Same Frost green identity; lightweight CSS-only refinement. No new looping
   animation, image asset, blur filter or script work is added. */
/* V27 overrides disabled: the original Frost palette and typography are retained.
:root{--frost-base:#021b16;--frost-deep:#01130f;--frost-panel:#062d23;--frost-panel-2:#08382b;--frost-line:rgba(118,229,177,.22);--frost-mint:#70efb4;--frost-cream:#f6f1dc;--frost-muted:#a8d6c1;--frost-lime:#d8ef78}
html,body{background:radial-gradient(circle at 80% 0,rgba(42,130,88,.14),transparent 34%),linear-gradient(145deg,var(--frost-deep),var(--frost-base))!important;color:var(--frost-cream)!important}
aside{background:linear-gradient(180deg,#011c17 0%,#00110e 100%)!important;border-right:1px solid rgba(112,239,180,.20)!important;box-shadow:16px 0 44px rgba(0,0,0,.18)!important}
.brand{letter-spacing:-1px}.brand span{color:#67efa9!important}.rolePill{background:rgba(112,239,180,.08)!important;border-color:rgba(112,239,180,.22)!important;color:#c9f8df!important}
.nav{background:linear-gradient(145deg,rgba(9,78,58,.78),rgba(5,54,42,.82))!important;border:1px solid rgba(112,239,180,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.nav:hover{border-color:rgba(112,239,180,.36)!important;background:linear-gradient(145deg,rgba(12,91,67,.90),rgba(6,63,48,.92))!important}.nav.active{background:linear-gradient(110deg,#76efbd,#d8ef78)!important;color:#032119!important;border-color:#eaf7ad!important;box-shadow:0 9px 24px rgba(28,130,88,.20),inset 0 1px 0 rgba(255,255,255,.48)!important}
.top,.dashTopLine{background:linear-gradient(125deg,rgba(5,68,50,.92),rgba(4,47,37,.94))!important;border-color:var(--frost-line)!important;box-shadow:0 14px 35px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.035)!important}
.box,.spot,.crystalPanel{background:linear-gradient(145deg,rgba(6,49,38,.96),rgba(3,35,28,.97))!important;border-color:var(--frost-line)!important;box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(167,255,210,.035)!important}
.filterbar,.compactFilters{background:linear-gradient(145deg,rgba(8,55,42,.95),rgba(4,37,30,.97))!important;border-color:rgba(118,229,177,.22)!important;padding:18px 20px!important;gap:11px!important}
input,select,.monthBox,.dateBox,button{background:rgba(3,39,31,.88)!important;border-color:rgba(118,229,177,.22)!important;color:#f6f1dc!important}input:focus,select:focus{border-color:#70efb4!important;box-shadow:0 0 0 3px rgba(112,239,180,.10)!important}button:hover{border-color:rgba(112,239,180,.50)!important;box-shadow:0 8px 20px rgba(0,0,0,.14)!important}

.execSummary{background:linear-gradient(125deg,#064633 0%,#053326 48%,#062a22 100%)!important;border-color:rgba(112,239,180,.26)!important;box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(195,255,224,.06)!important;padding:22px!important}.execSummary>div:first-child{min-width:280px}.execSummary p{color:#b9dec9!important}.execGrid.fiveOnly{grid-template-columns:repeat(5,minmax(140px,1fr))!important;gap:11px!important}.execGrid button{background:linear-gradient(150deg,rgba(7,67,50,.92),rgba(3,40,32,.96))!important;border:1px solid rgba(126,232,181,.22)!important;border-top-color:rgba(112,239,180,.70)!important;border-radius:17px!important;box-shadow:0 10px 24px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.04)!important;padding:17px 15px!important}.execGrid button:hover{transform:translateY(-2px)!important;border-color:rgba(145,249,199,.52)!important}.execGrid b{color:#fff9e8!important}.execGrid small{color:#bfe7d2!important}
.cleanMetricGrid,.v24MetricGrid{gap:12px!important}.cleanMetricCard,.metricCard,.v24MetricCard{background:linear-gradient(150deg,#073f30,#032a22)!important;border-color:rgba(120,227,177,.20)!important;border-top-width:2px!important;box-shadow:0 13px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035)!important;border-radius:18px!important}.metricCard:hover{transform:translateY(-2px)!important;box-shadow:0 19px 38px rgba(0,0,0,.20)!important}.metricCard .k{color:#a8d6c1!important}.metricCard .v{color:#fff9e8!important}.metricCard .s{color:#8fc7ae!important}
.dashboardClean>.box{background:linear-gradient(145deg,#052f26,#03251e)!important}.health>div,.miniGrid>div,.salesKpis>div{background:rgba(2,35,28,.70)!important;border-color:rgba(118,229,177,.15)!important}.health span,.salesKpis span{color:#9dd0b8!important}.health b,.salesKpis b{color:#fff9e8!important}
table{background:#03271f!important}thead th{background:#084532!important;color:#ebf9ef!important;border-color:rgba(118,229,177,.17)!important}tbody td{background:rgba(4,43,34,.82)!important;border-color:rgba(118,229,177,.09)!important;color:#d7efe2!important}tbody tr:nth-child(even) td{background:rgba(6,51,39,.86)!important}tbody tr:hover td{background:rgba(13,84,61,.72)!important}tfoot td{background:#095039!important;color:#fff9e8!important}
.detailSheet{background:linear-gradient(145deg,#06402f,#021d18 74%)!important;border-color:rgba(112,239,180,.28)!important}.note{background:rgba(112,239,180,.055)!important;border-color:rgba(112,239,180,.17)!important;color:#c9e9da!important}.subtotal{background:linear-gradient(90deg,#074431,#043025)!important;border-color:rgba(112,239,180,.20)!important}
.oosLossKpis>div,.oosPortalPanel,.oosEpisode{background:linear-gradient(145deg,#073e2f,#032a22)!important;border-color:rgba(118,229,177,.18)!important}.portalLossBars div>div{background:#0a4a37!important}.portalLossBars i,.contrib span,.miniBar span{background:linear-gradient(90deg,#39d892,#92e7a6,#e6df72)!important}.oosLossKpis b,.portalLossBars strong{color:#fff9e8!important}
@media(max-width:1500px){.execGrid.fiveOnly{grid-template-columns:repeat(3,minmax(160px,1fr))!important}}@media(max-width:1050px){.execGrid.fiveOnly{grid-template-columns:repeat(2,minmax(170px,1fr))!important}}@media(max-width:650px){.execGrid.fiveOnly{grid-template-columns:1fr!important}.execSummary>div:first-child{min-width:0}}
*/

/* V28 ORIGINAL FROST GLASS PLUS — visual-only, no looping animation or blur. */
.execGrid.fiveOnly button{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(8,66,50,.78),rgba(2,34,27,.92))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -12px 24px rgba(0,0,0,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.execGrid.fiveOnly button::after{content:"";position:absolute;inset:1px 1px auto;height:42%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent);pointer-events:none}
.execGrid.fiveOnly button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.13)!important}
.v24MetricCard,.metricCard{
  background:radial-gradient(circle at 96% 4%,rgba(69,218,148,.17) 0 27%,transparent 28%),linear-gradient(150deg,rgba(7,66,50,.96),rgba(1,31,25,.98))!important;
  box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(210,255,231,.10),inset 0 -14px 26px rgba(0,0,0,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.v24MetricCard:hover,.metricCard:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(220,255,237,.13)!important}
.groupDetailKpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:14px 0 16px}
.groupDetailKpis>div{min-width:0;padding:13px 14px;border:1px solid rgba(112,239,180,.18);border-radius:14px;background:linear-gradient(145deg,rgba(8,70,52,.72),rgba(2,35,28,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.groupDetailKpis span{display:block;color:#a9d8c5;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.groupDetailKpis b{display:block;margin-top:5px;color:#fff8cf;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.groupDetailKpis{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:620px){.groupDetailKpis{grid-template-columns:1fr}}

/* FPC V42 — active Cutting Plan / True Demand workspace styles */
.cutModeSwitch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;padding:18px 22px;border:1px solid rgba(112,239,180,.24);border-radius:22px;background:linear-gradient(135deg,rgba(5,70,50,.82),rgba(2,30,24,.92));box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.cutModeSwitch span{display:block;color:#75ffbd;font-size:11px;font-weight:900;letter-spacing:1.4px}.cutModeSwitch h2{margin:3px 0 0;font-size:25px}.cutModeButtons{display:flex;gap:8px;padding:5px;border:1px solid rgba(112,239,180,.18);border-radius:16px;background:rgba(1,22,17,.64)}
.cutModeButtons button{min-width:150px;border-radius:12px;padding:11px 16px}.cutModeButtons button.active{color:#052619!important;background:linear-gradient(135deg,#73efb6,#ddec72)!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 10px 24px rgba(75,223,143,.22)!important}
.cuttingDemand{padding:22px}.demandExplain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-bottom:14px}.demandExplain>div{min-height:98px;padding:16px;border:1px solid rgba(112,239,180,.18);border-radius:18px;background:linear-gradient(145deg,rgba(6,67,50,.72),rgba(2,33,26,.88));display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center}.demandExplain>div>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#063121;background:linear-gradient(135deg,#72efb5,#f2df6d);font-weight:900;box-shadow:0 9px 20px rgba(62,214,132,.18)}.demandExplain b{font-size:16px}.demandExplain small{color:#acd9c2;margin-top:4px}.demandExplain>i{font-style:normal;color:#f1dc6b;font-size:23px}
.demandNote{margin:0 0 16px!important;line-height:1.5}.trueDemandToolbar{align-items:center}.trueDemandToolbar>#demandSearch{min-width:330px;flex:1}.trueDemandToolbar label{display:flex;align-items:center;gap:9px;font-weight:800}.trueDemandToolbar label input{width:130px}.demandEmpty,.demandResultHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:14px 0;border-radius:15px;border:1px dashed rgba(112,239,180,.25);background:rgba(2,31,24,.58)}.demandEmpty{flex-direction:column;align-items:flex-start}.demandEmpty span,.demandResultHead small{color:#a7d5be}.demandSearchTable{margin-bottom:18px;border:1px solid rgba(112,239,180,.16);border-radius:17px}.demandSearchTable table{min-width:980px}.demandSearchTable tbody tr:hover{background:rgba(74,214,139,.09)}
.trueDemandHero{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;margin:20px 0 14px;padding:18px;border:1px solid rgba(112,239,180,.2);border-radius:20px;background:linear-gradient(135deg,rgba(7,71,52,.62),rgba(2,29,23,.78))}.trueDemandHero .styleImg{width:112px;height:112px;border-radius:17px}.trueDemandHero>div>span{color:#75ffbd;font-size:11px;font-weight:900;letter-spacing:1.2px}.trueDemandHero h2{font-size:30px;margin:4px 0}.trueDemandHero p{margin:0;color:#b7ddc9}.demandKpis{grid-template-columns:repeat(4,minmax(170px,1fr))}.demandKpis>div:nth-child(2){border-color:rgba(242,220,104,.42);background:linear-gradient(145deg,rgba(63,62,22,.38),rgba(3,38,29,.8))}.trueDemandReading{margin:14px 0;padding:13px 16px;border-left:3px solid #f1dc6b;border-radius:0 13px 13px 0;background:rgba(242,220,104,.08);color:#d9f6e5;line-height:1.5}.demandTable{border:1px solid rgba(112,239,180,.17);border-radius:17px;max-height:55vh}.demandTable table{min-width:1180px}.demandTable .demandSelectedSize{background:rgba(242,220,104,.12)!important;box-shadow:inset 3px 0 0 #f1dc6b}.demandTable tbody td:nth-last-child(-n+3){background:rgba(91,219,154,.035)}
@media(max-width:900px){.cutModeSwitch{align-items:stretch;flex-direction:column}.cutModeButtons{width:100%}.cutModeButtons button{min-width:0;flex:1}.demandExplain{grid-template-columns:1fr}.demandExplain>i{display:none}.demandKpis{grid-template-columns:repeat(2,1fr)}.trueDemandToolbar>#demandSearch{min-width:0}.trueDemandHero{grid-template-columns:82px 1fr}.trueDemandHero .styleImg{width:82px;height:82px}.trueDemandHero h2{font-size:24px}}
@media(max-width:560px){.cutModeButtons{flex-direction:column}.demandKpis{grid-template-columns:1fr}.trueDemandHero{grid-template-columns:1fr}.trueDemandHero .styleImg{width:100%;height:220px}}

/* FPC V43 — all-style True Demand table */
.styleDemandToolbar{align-items:center}.styleDemandToolbar>#demandSearch{min-width:330px;flex:1}.styleDemandToolbar select{min-width:155px}.styleDemandToolbar #cs{min-width:170px}.styleDemandToolbar #cpCustom{width:150px;min-width:130px}
.trueDemandStyleSummary{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:11px;margin:16px 0 10px}.trueDemandStyleSummary>div{padding:14px 15px;border:1px solid rgba(112,239,180,.18);border-radius:16px;background:linear-gradient(145deg,rgba(8,72,53,.78),rgba(2,34,27,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.1)}.trueDemandStyleSummary>div.true{border-color:rgba(242,220,104,.42);background:linear-gradient(145deg,rgba(66,62,20,.45),rgba(3,38,29,.88))}.trueDemandStyleSummary span{display:block;color:#acd9c4;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.trueDemandStyleSummary b{display:block;margin-top:5px;color:#fff9d5;font-size:23px}.trueDemandFormulaNote{margin-bottom:14px;padding:11px 14px;border-left:3px solid #f1dc6b;border-radius:0 12px 12px 0;background:rgba(242,220,104,.07);color:#ccebdc;font-size:13px;line-height:1.45}
.styleDemandTable{max-height:68vh}.styleDemandTable table{min-width:1660px}.styleDemandTable th,.styleDemandTable td{white-space:nowrap}.styleDemandTable td:nth-child(2),.styleDemandTable td:nth-child(9),.styleDemandTable td:nth-child(12){color:#fff9d5}.styleDemandTable .tinyImg{width:48px!important;height:54px!important;object-fit:contain;background:#fff;border-radius:10px}.styleDemandTable tr.demandLiftHigh{box-shadow:inset 3px 0 0 rgba(242,220,104,.8)}.demandUplift{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(242,220,104,.12);border:1px solid rgba(242,220,104,.22);color:#ffe887;font-weight:900}
@media(max-width:1250px){.trueDemandStyleSummary{grid-template-columns:repeat(3,minmax(145px,1fr))}}@media(max-width:700px){.trueDemandStyleSummary{grid-template-columns:repeat(2,minmax(130px,1fr))}.styleDemandToolbar>#demandSearch{min-width:100%;flex-basis:100%}}@media(max-width:460px){.trueDemandStyleSummary{grid-template-columns:1fr}}

/* FPC V47 — compact cascading filters + manual PACK portal snapshot */
.fpc46FilterBox{margin:0 0 16px!important;padding:18px 20px!important;background:linear-gradient(145deg,rgba(5,61,46,.94),rgba(2,31,25,.98))!important}
.fpc46FilterBox .sectionHead{margin-bottom:13px}.fpc46FilterGrid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px}
.fpc46FilterGrid label{min-width:0;padding:9px 10px 10px;border:1px solid rgba(112,239,180,.16);border-radius:14px;background:rgba(1,26,20,.48)}
.fpc46FilterGrid label>span{display:block;margin:0 0 6px;color:#9fd6bd;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.fpc46FilterGrid select{width:100%;min-width:0;height:38px;padding:7px 10px;border-radius:10px}
.fpc46FilterHint,.fpc46CoverageNote{margin-top:11px;padding:10px 12px;border-radius:11px;background:rgba(112,239,180,.055);color:#addbc6;font-size:12px}
.fpc46ActiveChips{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 10px}.fpc46ActiveChips span{padding:6px 10px;border:1px solid rgba(242,220,104,.23);border-radius:999px;background:rgba(242,220,104,.08);color:#d9f4e5;font-size:11px}
.fpc46FilterKpis{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;margin:10px 0}.fpc46FilterKpis>div{padding:11px 12px;border:1px solid rgba(112,239,180,.15);border-radius:13px;background:linear-gradient(145deg,rgba(8,69,51,.72),rgba(2,34,27,.86))}
.fpc46FilterKpis span{display:block;color:#a5d7c0;font-size:10px;font-weight:900;text-transform:uppercase}.fpc46FilterKpis b{display:block;margin-top:4px;color:#fff7c9;font-size:18px}
.fpc46FilterTable{margin-top:11px;border:1px solid rgba(112,239,180,.15);border-radius:14px}.fpc46FilterTable table{min-width:1250px}.fpc46FilterTable .tinyImg{width:38px!important;height:44px!important;object-fit:contain;background:#fff;border-radius:8px}
.fpc46PackBox{margin:14px 0 16px!important;padding:17px 19px!important;background:radial-gradient(circle at 96% 3%,rgba(242,220,104,.12),transparent 29%),linear-gradient(145deg,rgba(6,61,47,.96),rgba(2,31,25,.98))!important}
.fpc46PackBox.unavailable{opacity:.86}.fpc46PackGrid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px}
.fpc46PackGrid button{min-width:0;padding:12px 13px;text-align:left;border:1px solid rgba(112,239,180,.17);border-radius:14px;background:linear-gradient(145deg,rgba(9,75,55,.78),rgba(2,36,28,.91));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.fpc46PackGrid button:hover{transform:translateY(-2px);border-color:rgba(242,220,104,.45);box-shadow:0 12px 26px rgba(0,0,0,.18)}.fpc46PackGrid span{display:block;color:#a7d8c1;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.fpc46PackGrid b{display:block;margin:4px 0 1px;color:#fff8c8;font-size:24px}.fpc46PackGrid small{color:#87bea5}
.fpc46ReviewNote{margin-top:9px;padding:8px 11px;border-color:rgba(255,185,92,.25)!important;background:rgba(255,168,67,.08)!important;color:#ffd18b!important;font-size:11px}.fpc46PackTable table{min-width:760px}.fpc46PackTable code{color:#fff1a8;font-size:12px;font-weight:800;white-space:nowrap}
.fpc47PackKpis{grid-template-columns:repeat(4,minmax(145px,1fr))}.fpc47PortalPanel{margin:15px 0 20px;padding:16px;border:1px solid rgba(112,239,180,.17);border-radius:18px;background:linear-gradient(145deg,rgba(7,65,49,.76),rgba(2,31,25,.9))}.fpc47PortalPanel .sectionHead{margin-bottom:12px}.fpc47PortalPanel .sectionHead h2,.fpc47SkuHead h2{margin-bottom:3px}.fpc47PortalPanel .sectionHead p,.fpc47SkuHead p{margin:0;color:#a9d7c1;font-size:12px}.fpc47PortalList{display:grid;gap:8px}.fpc47PortalRow{display:grid;grid-template-columns:34px minmax(145px,.7fr) minmax(180px,1.4fr) 110px 115px;gap:11px;align-items:center;padding:10px 12px;border:1px solid rgba(112,239,180,.12);border-radius:13px;background:rgba(1,25,20,.48)}.fpc47PortalRank{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#64e9ad,#dfe273);color:#073122;font-weight:950}.fpc47PortalName b{display:block;color:#fff8d5}.fpc47PortalName small{display:block;margin-top:2px;color:#91c5ab;font-size:10px}.fpc47PortalTrack{height:9px;overflow:hidden;border-radius:999px;background:#073e30}.fpc47PortalTrack i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#39d892,#92e7a6,#e6df72)}.fpc47PortalRow strong{color:#fff4b7;text-align:right;font-size:13px}.fpc47PortalRow em{color:#acd9c4;text-align:right;font-style:normal;font-size:12px}.fpc47SkuHead{margin:5px 0 10px}.fpc47PackTable table{min-width:920px}
@media(max-width:1100px){.fpc46FilterGrid{grid-template-columns:repeat(3,minmax(145px,1fr))}.fpc46PackGrid{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:800px){.fpc47PortalRow{grid-template-columns:32px 1fr auto}.fpc47PortalTrack{grid-column:2/4;width:100%}.fpc47PortalRow em{display:none}}
@media(max-width:700px){.fpc46FilterGrid{grid-template-columns:repeat(2,minmax(130px,1fr))}.fpc46FilterKpis,.fpc47PackKpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.fpc46PackGrid{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:460px){.fpc46FilterGrid,.fpc46FilterKpis,.fpc46PackGrid{grid-template-columns:1fr}}

/* FPC V48 — premium visual polish; calculations and data flow unchanged */
.fpcV48 .dashTopLine{
  position:relative;overflow:hidden;
  border:1px solid rgba(112,239,180,.24);
  background:linear-gradient(120deg,rgba(8,75,55,.88),rgba(3,39,31,.94));
  box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(230,255,241,.08);
}
.fpcV48 .dashTopLine::after{content:"";position:absolute;right:-55px;top:-85px;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle,rgba(242,220,104,.13),transparent 66%);pointer-events:none}
.fpcV48 .dashTopStats{position:relative;z-index:1;align-items:center}
.v48Live{display:grid!important;grid-template-columns:auto auto;column-gap:7px;align-items:center;padding:8px 11px!important;border:1px solid rgba(112,239,180,.25)!important;background:rgba(1,29,23,.66)!important}
.v48Live i{width:8px;height:8px;border-radius:50%;background:#6ff0ad;box-shadow:0 0 0 4px rgba(111,240,173,.11),0 0 14px rgba(111,240,173,.65)}
.v48Live b{font-size:10px;letter-spacing:.8px}.v48Live small{grid-column:1/3;margin:3px 0 0!important;color:#a8d6c1!important;font-size:9px!important}

.fpcV48 .metricCard{padding-bottom:14px!important;animation:v48CardIn .34s ease both!important;animation-delay:var(--v48-delay,0ms)!important}
@keyframes v48CardIn{from{opacity:.72;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.v48MetricIcon{position:absolute;right:14px;top:13px;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(176,255,216,.18);border-radius:10px;background:rgba(2,31,25,.36);color:#d9ffe9;font-size:12px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.fpcV48 .metricCard .k{padding-right:35px}
.fpcV48 .metricCard .v.fitNumber{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums;letter-spacing:-1.7px!important}
.fpcV48 .metricCard.tone-gmv .v.fitNumber{font-size:clamp(23px,1.72vw,34px)!important;letter-spacing:-2px!important}
.fpcV48 .metricCard .v.fitNumber.v48Fitted{letter-spacing:-2.15px!important}
.v48MetricFoot{height:39px;margin-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:7px;position:relative;z-index:1}
.v48MetricFoot>span{font-size:9px;font-weight:900;white-space:nowrap;padding:4px 6px;border-radius:999px;border:1px solid transparent}
.v48MetricFoot .up{color:#9fffc5;background:rgba(58,213,127,.09);border-color:rgba(83,232,147,.15)}
.v48MetricFoot .down{color:#ffbdc2;background:rgba(255,96,111,.08);border-color:rgba(255,123,131,.14)}
.v48MetricFoot .neutral{color:#a9d7c2;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07)}
.v48Spark{width:min(74px,43%);height:28px;overflow:visible;opacity:.84}
.v48Spark polygon{fill:rgba(96,237,169,.10)}.v48Spark polyline{fill:none;stroke:#72efb5;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(45,220,139,.18))}
.tone-gmv .v48Spark polyline{stroke:#efa9f2}.tone-gmv .v48Spark polygon{fill:rgba(239,169,242,.09)}
.tone-orders .v48Spark polyline{stroke:#9ebeff}.tone-drr .v48Spark polyline{stroke:#f0d56c}.tone-asp .v48Spark polyline{stroke:#83e9ed}

.fpc46ActiveChips{align-items:center}
.fpc46ActiveChips button{display:flex;align-items:center;gap:6px;padding:6px 7px 6px 10px;border:1px solid rgba(242,220,104,.25);border-radius:999px;background:rgba(242,220,104,.08);box-shadow:none;color:#d9f4e5;font-size:11px;animation:v48ChipIn .2s ease both;animation-delay:var(--v48-chip-delay,0ms)}
@keyframes v48ChipIn{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.fpc46ActiveChips button:hover{transform:none;background:rgba(242,220,104,.14);border-color:rgba(242,220,104,.42);box-shadow:none}
.fpc46ActiveChips button span{padding:0;border:0;background:none;color:#9fd6bd;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.45px}
.fpc46ActiveChips button b{color:#fff4bf}.fpc46ActiveChips button i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:14px;line-height:1;font-style:normal}

.fpcV48 .v48SectionCard{position:relative;overflow:hidden;border-color:rgba(112,239,180,.21)}
.fpcV48 .v48SectionCard::before{content:"";position:absolute;left:0;top:20px;width:3px;height:36px;border-radius:0 4px 4px 0;background:linear-gradient(#73efb6,#e7de72);box-shadow:0 0 16px rgba(88,225,151,.24)}
.fpcV48 .v48SectionCard>h2{padding-left:2px}
.fpcV48 table thead th{box-shadow:inset 0 -1px 0 rgba(118,229,177,.18)}
.fpcV48 table tbody tr{transition:background .14s ease,box-shadow .14s ease}
.fpcV48 table tbody tr.v48Top1{box-shadow:inset 3px 0 0 rgba(242,220,104,.82)}
.fpcV48 table tbody tr.v48Top2{box-shadow:inset 3px 0 0 rgba(183,227,202,.48)}
.fpcV48 table tbody tr.v48Top3{box-shadow:inset 3px 0 0 rgba(111,213,162,.42)}

.fpc47PortalRow:nth-child(1){border-color:rgba(242,220,104,.38);background:linear-gradient(90deg,rgba(242,220,104,.10),rgba(1,25,20,.48))}
.fpc47PortalRow:nth-child(2){border-color:rgba(191,230,210,.25)}
.fpc47PortalRow:nth-child(3){border-color:rgba(112,239,180,.23)}
.fpc47PortalRow:nth-child(1) .fpc47PortalRank{background:linear-gradient(135deg,#f4d35e,#fff0a0);box-shadow:0 5px 14px rgba(244,211,94,.20)}
.fpc47PortalRow:nth-child(2) .fpc47PortalRank{background:linear-gradient(135deg,#b7d8ca,#e9fff5)}
.fpc47PortalRow:nth-child(3) .fpc47PortalRank{background:linear-gradient(135deg,#75d9a8,#d8ef78)}

@media(max-width:1500px){
  .v48MetricFoot>span{font-size:8px}.v48Spark{width:min(60px,40%)}
  .fpcV48 .metricCard .v.fitNumber{letter-spacing:-1.9px!important}
}
@media(max-width:1050px){.v48MetricFoot>span{font-size:10px}.v48Spark{width:82px}}
@media(max-width:620px){
  .v48MetricFoot{height:34px}.v48MetricFoot>span{font-size:9px}.v48Spark{width:72px}
  .v48Live small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.fpcV48 .metricCard,.fpc46ActiveChips button{animation:none!important}}

/* FPC V49 — Smart Action Center */
.actionHero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:24px 26px;border:1px solid rgba(112,239,180,.24);border-radius:23px;background:radial-gradient(circle at 94% 10%,rgba(242,220,104,.14),transparent 28%),linear-gradient(130deg,rgba(7,72,53,.93),rgba(2,31,25,.98));box-shadow:0 20px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.07)}
.actionHero h2{margin:4px 0 5px;font-size:30px}.actionHero p{margin:0;color:#b4ddc9}.actionHeroBadge{min-width:140px;padding:12px 15px;border:1px solid rgba(112,239,180,.2);border-radius:15px;background:rgba(1,27,21,.58);text-align:center}.actionHeroBadge b{display:block;color:#74efb5;font-size:11px;letter-spacing:1px}.actionHeroBadge small{display:block;margin-top:4px;color:#9ccbb4}
.actionControl{padding:18px 20px!important}.actionToolbar{align-items:center}.actionToolbar>#actionQ{min-width:270px;flex:1}.actionToolbar select{min-width:145px}.actionStarFilter{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(112,239,180,.16);border-radius:11px;background:rgba(2,36,28,.62);white-space:nowrap;font-weight:800}.actionStarFilter input{accent-color:#efd75e}
.actionSummary{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:10px;margin:16px 0 12px}.actionSummary>button,.actionSummary>.impact{min-width:0;padding:14px 15px;text-align:left;border:1px solid rgba(112,239,180,.17);border-radius:16px;background:linear-gradient(145deg,rgba(8,69,51,.75),rgba(2,34,27,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.actionSummary>button:hover{transform:translateY(-2px)}.actionSummary span{display:block;color:#a7d6c0;font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.actionSummary b{display:block;margin:4px 0 1px;color:#fff8cf;font-size:25px}.actionSummary small{color:#8fc2aa}.actionSummary .urgent{border-color:rgba(255,104,116,.38);background:linear-gradient(145deg,rgba(92,28,36,.57),rgba(36,15,22,.78))}.actionSummary .action{border-color:rgba(255,170,74,.34);background:linear-gradient(145deg,rgba(92,54,22,.5),rgba(36,24,14,.76))}.actionSummary .watch{border-color:rgba(242,220,104,.32)}.actionSummary .opportunity{border-color:rgba(87,228,151,.32)}.actionSummary .impact{border-color:rgba(142,190,255,.28)}
.actionLegend{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(3,40,31,.48);color:#abd6c2;font-size:11px}.actionLegend span{display:flex;align-items:center;gap:5px}.actionLegend i{width:8px;height:8px;border-radius:50%}.actionLegend i.urgent{background:#ff6b78}.actionLegend i.action{background:#ffad59}.actionLegend i.watch{background:#ead764}.actionLegend i.opportunity{background:#60e6a1}.actionLegend>b{margin-left:auto;color:#dff7e9}
.actionTableWrap{border:1px solid rgba(112,239,180,.16);border-radius:16px}.actionTable{min-width:2220px}.actionTable th{position:sticky;top:0;z-index:2}.actionTable td{vertical-align:middle}.actionTable td:nth-child(9) small,.actionTable td:nth-child(11) small{display:block;margin-top:2px;color:#93c5ad;font-size:9px;white-space:nowrap}.actionRow{box-shadow:inset 3px 0 0 transparent}.actionRow.priority-urgent{box-shadow:inset 3px 0 0 #ff6876}.actionRow.priority-action{box-shadow:inset 3px 0 0 #ffad59}.actionRow.priority-watch{box-shadow:inset 3px 0 0 #ead764}.actionRow.priority-opportunity{box-shadow:inset 3px 0 0 #60e6a1}
.actionCompareBanner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 12px}.actionCompareBanner>div{min-width:0;padding:13px 15px;border:1px solid rgba(112,239,180,.18);border-radius:15px;background:linear-gradient(145deg,rgba(7,65,49,.76),rgba(2,34,27,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.actionCompareBanner>div:nth-child(2){border-color:rgba(142,190,255,.22)}.actionCompareBanner>div:nth-child(3){border-color:rgba(242,220,104,.25);background:linear-gradient(145deg,rgba(77,65,24,.25),rgba(2,34,27,.92))}.actionCompareBanner span{display:block;color:#9ccdb5;font-size:10px;font-weight:950;letter-spacing:.55px;text-transform:uppercase}.actionCompareBanner b{display:block;margin:5px 0 2px;color:#fff5bf;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actionCompareBanner small{color:#8ebca6}
.actionPriority{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid;font-size:10px;font-weight:950;white-space:nowrap}.actionPriority.urgent{color:#ffc2c7;border-color:rgba(255,104,118,.34);background:rgba(255,104,118,.1)}.actionPriority.action{color:#ffd2a1;border-color:rgba(255,173,89,.34);background:rgba(255,173,89,.1)}.actionPriority.watch{color:#fff0a0;border-color:rgba(234,215,100,.32);background:rgba(234,215,100,.09)}.actionPriority.opportunity{color:#a8ffd0;border-color:rgba(96,230,161,.32);background:rgba(96,230,161,.09)}
.actionStar{width:31px;height:31px;padding:0;border-radius:9px;border:1px solid rgba(242,220,104,.18);background:rgba(242,220,104,.05);color:#b9d4c7;font-size:18px;box-shadow:none}.actionStar:hover,.actionStar.active{transform:none;color:#ffe773;border-color:rgba(242,220,104,.42);background:rgba(242,220,104,.12);box-shadow:none}.actionStyleLink{padding:0;border:0;background:none;box-shadow:none;color:#fff4b4;font-weight:950;text-decoration:underline;text-decoration-color:rgba(242,220,104,.32);text-underline-offset:3px}.actionStyleLink:hover{transform:none;background:none;box-shadow:none;color:#fff}.actionTable .negative{color:#ffadb5;font-weight:900}.actionTable .positive{color:#91f3bd;font-weight:900}
.actionSnapshot{margin:14px 0 16px!important;padding:17px 19px!important;background:radial-gradient(circle at 96% 3%,rgba(255,111,121,.08),transparent 27%),linear-gradient(145deg,rgba(6,61,47,.96),rgba(2,31,25,.98))!important}.actionSnapshot .sectionHead{margin-bottom:12px}.actionSnapshotGrid{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:9px}.actionSnapshotGrid button{min-width:0;padding:12px 14px;text-align:left;border:1px solid rgba(112,239,180,.16);border-radius:14px;background:rgba(3,43,33,.68)}.actionSnapshotGrid span{display:block;color:#a8d5c0;font-size:10px;font-weight:900;text-transform:uppercase}.actionSnapshotGrid b{display:block;margin-top:4px;color:#fff7ca;font-size:24px}.actionSnapshotGrid .urgent{border-color:rgba(255,104,118,.32)}.actionSnapshotGrid .action{border-color:rgba(255,173,89,.3)}.actionSnapshotGrid .watch{border-color:rgba(234,215,100,.28)}.actionSnapshotGrid .opportunity{border-color:rgba(96,230,161,.28)}
@media(max-width:1250px){.actionSummary{grid-template-columns:repeat(3,minmax(135px,1fr))}.actionToolbar>#actionQ{min-width:100%;flex-basis:100%}}
@media(max-width:800px){.actionHero{align-items:flex-start;flex-direction:column}.actionHeroBadge{width:100%}.actionSummary{grid-template-columns:repeat(2,minmax(125px,1fr))}.actionSnapshotGrid{grid-template-columns:repeat(2,minmax(120px,1fr))}.actionCompareBanner{grid-template-columns:1fr}}
@media(max-width:480px){.actionSummary,.actionSnapshotGrid{grid-template-columns:1fr}.actionHero h2{font-size:25px}}

/* ===== V51 Top Priority SKU Planner (additive only) ===== */
.priorityHero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:18px;padding:26px 28px;border-radius:28px;background:linear-gradient(135deg,rgba(8,82,58,.88),rgba(3,37,29,.9));border:1px solid rgba(119,255,194,.22);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.priorityHero h2{margin:5px 0 7px;font-size:36px}.priorityHero p{margin:0;color:#c9f5df}.priorityHeroBadge{padding:14px 18px;border-radius:20px;background:rgba(255,223,91,.10);border:1px solid rgba(255,223,91,.28);text-align:center}.priorityHeroBadge b{display:block;color:#fff2aa;font-size:20px}.priorityHeroBadge small{color:#c9f5df}
.priorityControls{padding:18px 20px!important}.priorityControls .toolbar{gap:10px}.priorityControls select,.priorityControls input{min-width:170px}.priorityControls #priorityQ{min-width:260px;flex:1}.priorityDatePair{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.priorityDatePair input{min-width:150px}
.prioritySummary{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin:14px 0}.prioritySummary>div{padding:15px 16px;border-radius:18px;background:linear-gradient(150deg,rgba(12,75,55,.74),rgba(2,36,28,.84));border:1px solid rgba(115,255,195,.18)}.prioritySummary span{display:block;color:#aee8cf;font-size:12px;font-weight:850;text-transform:uppercase}.prioritySummary b{display:block;margin-top:5px;font-size:23px;color:#fffbe8}.prioritySummary small{display:block;color:#b7e6d1;margin-top:4px}
.prioritySkuBlock{margin:16px 0;padding:18px;border-radius:22px;background:linear-gradient(155deg,rgba(5,55,43,.73),rgba(2,31,25,.82));border:1px solid rgba(119,255,194,.16)}.prioritySkuHead{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.prioritySkuIdentity{display:flex;align-items:center;gap:13px}.prioritySkuImg{width:64px;height:76px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.14)}.prioritySkuHead h3{margin:0;font-size:25px}.prioritySkuHead p{margin:4px 0 0;color:#b9ead3;font-size:13px}.priorityStockBadge{padding:10px 14px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);text-align:right}.priorityStockBadge span{display:block;color:#b7e6d1;font-size:11px;text-transform:uppercase}.priorityStockBadge b{font-size:23px;color:#fffbe8}
.priorityTable{min-width:900px}.priorityTable th{white-space:nowrap}.priorityTable td{vertical-align:middle}.priorityTable .danger{color:#ffadb4;font-weight:900}.priorityTable .warn{color:#ffe68b;font-weight:900}.priorityTable .good{color:#aaffd1;font-weight:900}.priorityFormula{font-size:12px;color:#b9ead3;line-height:1.45;min-width:210px}.priorityFormula b{color:#fffbe8}.priorityWindow{display:block;color:#aee8cf;font-size:11px;margin-top:3px}.priorityEmpty{padding:28px;text-align:center;color:#c9f5df}
@media(max-width:1100px){.prioritySummary{grid-template-columns:repeat(2,1fr)}.priorityHero{grid-template-columns:1fr}.prioritySkuHead{align-items:flex-start}}
@media(max-width:650px){.prioritySummary{grid-template-columns:1fr}.priorityControls .toolbar>*{width:100%;min-width:0}.priorityDatePair{width:100%}.priorityDatePair input{width:100%;min-width:0}.prioritySkuHead{display:block}.priorityStockBadge{text-align:left;margin-top:10px}}