:root{--bg:#0b0d10;--panel:rgba(21,25,31,.9);--panel-soft:rgba(21,25,31,.72);--gold:#c8a66a;--gold-hi:#e4c892;--red:#9d1f36;--white:#f3f0e8;--muted:#9299a3;--green:#35b59a;--warn:#d99a45;--line:rgba(200,166,106,.2);--ease:cubic-bezier(.22,.8,.2,1);color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--white)}button,input,select{font:inherit}.app,.scene{width:100%;height:100%}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.eyebrow,.module-kicker{font-size:10px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.glass-panel{background:linear-gradient(145deg,rgba(25,29,35,.94),rgba(13,16,20,.82));border:1px solid rgba(200,166,106,.18);box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(16px)}
.login-scene{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(420px,.75fr);background:#0b0d10}.login-visual{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,6,8,.12),rgba(4,6,8,.56)),url("assets/huimai-digital-twin.png") center/cover no-repeat}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#0b0d10 100%),linear-gradient(0deg,rgba(11,13,16,.72),transparent 42%)}.network-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(200,166,106,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(200,166,106,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to top,#000,transparent 80%);animation:gridRise 10s linear infinite}.ambient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15}.ambient-a{width:360px;height:360px;background:var(--gold);left:24%;bottom:3%;animation:ambient 8s ease-in-out infinite}.ambient-b{width:230px;height:230px;background:var(--red);right:8%;top:12%;animation:ambient 10s ease-in-out infinite reverse}.login-caption{position:absolute;z-index:2;left:7%;bottom:9%;max-width:600px}.login-caption h1{font-size:clamp(38px,3.3vw,64px);line-height:1.16;margin:18px 0 20px;font-weight:500;letter-spacing:.03em}.login-caption p{max-width:520px;color:#b7bbc0;line-height:1.8;font-size:15px}.login-panel-wrap{display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 50% 28%,rgba(200,166,106,.07),transparent 36%),#0b0d10}.login-panel{width:min(100%,420px);animation:panelIn 1s .25s both}.brand-logo{width:168px;height:auto;filter:brightness(1.06);margin-bottom:48px}.login-heading h2{font-size:30px;font-weight:500;margin:12px 0 8px}.login-heading p{margin:0 0 40px;color:var(--muted)}.field{display:block;margin:20px 0}.field>span:first-child{display:block;color:#c7c9cc;font-size:12px;margin:0 0 9px}.field input{width:100%;height:50px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);outline:none;padding:0 14px;color:var(--white);transition:.18s}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,166,106,.08)}.password-box{display:flex;position:relative}.password-box .text-button{position:absolute;right:10px;top:10px;height:30px}.text-button,.link-button{border:0;background:none;color:var(--gold);cursor:pointer}.form-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0;color:var(--muted);font-size:12px}.remember input{accent-color:var(--gold)}.environment-chip,.mock-chip,.count-chip{border:1px solid rgba(200,166,106,.25);color:var(--gold-hi);background:rgba(200,166,106,.08);border-radius:999px;padding:5px 9px;font-size:10px;letter-spacing:.06em}.login-error{height:18px;margin:0 0 8px;color:#dd6f7f;font-size:12px}.primary-button{width:100%;height:52px;border:1px solid var(--gold);border-radius:9px;background:linear-gradient(110deg,#ad874b,#d6b876);color:#111;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-weight:700;cursor:pointer;transition:.2s}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button.is-loading{pointer-events:none;opacity:.8}.button-arrow{font-size:22px}.login-footer{display:flex;justify-content:space-between;color:#686e75;font-size:10px;margin-top:26px}.login-panel.shake{animation:shake .25s}
.loading-scene{background:#080a0d;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.loading-building{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,13,.45),rgba(8,10,13,.12)),url("assets/huimai-digital-twin.png") center/cover no-repeat;filter:saturate(.8);transform:scale(1.03);animation:loadingZoom 6s var(--ease) forwards}.loading-building:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(200,166,106,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(200,166,106,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to top,#000 10%,transparent 80%)}.loading-logo-wrap{position:absolute;z-index:2;top:8%;padding:14px 22px;border-radius:12px;background:rgba(10,12,15,.5);backdrop-filter:blur(10px)}.loading-logo-wrap img{width:150px}.scan-line{position:absolute;left:0;right:0;height:2px;top:8%;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 24px var(--gold);animation:scan 3.8s ease-in-out infinite}.data-pulse{position:absolute;width:14px;height:14px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 22px var(--gold);animation:pulse 2s infinite}.pulse-a{left:38%;top:45%}.pulse-b{right:37%;top:51%;animation-delay:.7s}.loading-status{z-index:3;position:absolute;bottom:9%;width:min(520px,72vw)}.progress-track{height:2px;background:rgba(255,255,255,.12);margin:15px 0 10px}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi));box-shadow:0 0 12px var(--gold);transition:width .45s var(--ease)}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.dashboard-scene{padding:14px;background:radial-gradient(circle at 50% 35%,rgba(200,166,106,.08),transparent 28%),#0b0d10;overflow:hidden}.dashboard-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.topbar{height:64px;border-radius:12px;display:flex;align-items:center;padding:0 15px;gap:18px;position:relative;z-index:10}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:210px}.topbar-brand img{width:96px}.topbar-brand div{border-left:1px solid var(--line);padding-left:11px}.topbar-brand strong{display:block;font-size:15px}.topbar-brand span{font-size:8px;color:var(--muted);letter-spacing:.14em}.scope-filters{display:flex;gap:8px;flex:1}.scope-filters label{display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:8px;padding:0 8px}.scope-filters label span{font-size:9px;color:var(--muted);margin-right:5px}.scope-filters select{height:36px;max-width:125px;border:0;background:transparent;color:var(--white);outline:none;font-size:11px}.scope-filters option{background:#171b21}.time-filters,.segmented{display:flex;border:1px solid rgba(255,255,255,.09);padding:3px;border-radius:8px;background:rgba(255,255,255,.025)}.time-filters button,.segmented button,.tab-row button{border:0;background:none;color:var(--muted);cursor:pointer;border-radius:5px;padding:7px 9px;font-size:10px}.time-filters button.is-selected,.segmented button.is-selected,.tab-row button.is-selected{background:rgba(200,166,106,.16);color:var(--gold-hi)}.topbar-actions{display:flex;align-items:center;gap:6px}.topbar-actions>button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:var(--white);border-radius:8px;cursor:pointer}.topbar-actions .avatar{border-radius:50%;background:rgba(157,31,54,.26);color:#f2cbd1}.dashboard-main{height:calc(100% - 76px);margin-top:12px;display:grid;grid-template-rows:104px minmax(0,1fr) 92px;gap:10px;position:relative;z-index:2}.metric-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.metric-card{position:relative;border-radius:11px;padding:13px 14px;overflow:visible;cursor:pointer;transition:.2s;border:1px solid rgba(200,166,106,.14);background:linear-gradient(145deg,rgba(28,32,38,.96),rgba(14,17,21,.88))}.metric-card:hover{border-color:rgba(200,166,106,.48);transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.25)}.metric-card:before{content:"";position:absolute;left:0;top:18px;width:2px;height:26px;background:var(--gold);box-shadow:0 0 12px rgba(200,166,106,.5)}.metric-label{font-size:11px;color:#c7c9cc}.metric-value{font-size:clamp(20px,1.6vw,30px);font-variant-numeric:tabular-nums;margin:8px 0 5px}.metric-value small{font-size:10px;color:var(--muted);margin-left:4px}.metric-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.metric-foot b{color:var(--gold-hi);font-weight:500}.content-grid{display:grid;grid-template-columns:minmax(250px,22%) minmax(460px,1fr) minmax(290px,25%);gap:10px;min-height:0}.left-rail,.right-rail{display:grid;grid-template-rows:1fr .92fr;gap:10px;min-height:0}.module-card,.digital-stage,.bottom-dock{border-radius:11px;min-height:0;overflow:hidden}.module-card{padding:13px}.module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.module-header h3,.dock-heading h3,.stage-head h3{font-size:13px;margin:4px 0 0;font-weight:500}.segmented.small button{padding:5px 7px;font-size:9px}.tab-row{display:flex;gap:4px;margin-bottom:8px}.tab-row button{flex:1;border:1px solid rgba(255,255,255,.07)}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,166,106,.42) transparent}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:rgba(200,166,106,.42);border-radius:8px}.ranking-list{height:calc(100% - 76px)}.rank-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 5px;border-bottom:1px solid rgba(255,255,255,.055)}.rank-index{font-size:15px;color:var(--muted);font-family:Georgia,serif}.rank-item:nth-child(-n+3) .rank-index{color:var(--gold-hi)}.rank-info strong{font-size:11px;font-weight:500}.rank-info span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.rank-value{text-align:right;font-size:11px;color:var(--white)}.daily-layout{display:grid;grid-template-columns:105px 1fr;gap:8px;align-items:center;height:calc(100% - 40px)}.score-orbit{width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#20252b 53%,transparent 55%),conic-gradient(var(--gold) 73%,rgba(255,255,255,.07) 0);position:relative}.score-orbit:after{content:"";position:absolute;inset:8px;border:1px solid rgba(200,166,106,.22);border-radius:50%}.score-orbit strong{font-size:25px;font-weight:500}.score-orbit span{font-size:9px;color:var(--muted)}.daily-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.daily-stat{background:rgba(255,255,255,.025);padding:8px;border-radius:7px}.daily-stat span{display:block;font-size:9px;color:var(--muted)}.daily-stat strong{font-size:15px;margin-top:4px;display:block}.digital-stage{padding:13px;position:relative}.stage-head{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:3}.freshness{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.freshness i,.dock-status i{display:block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.building-stage{position:absolute;inset:54px 10px 10px;overflow:hidden;border-radius:8px;background:#090b0d}.building-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,12,.65),transparent 42%),radial-gradient(circle at 50% 45%,transparent 28%,rgba(8,10,12,.35) 88%);pointer-events:none}.building-stage img{width:100%;height:100%;object-fit:cover;animation:stageFloat 10s ease-in-out infinite}.stage-node{position:absolute;z-index:3;border:1px solid rgba(200,166,106,.45);background:rgba(9,11,14,.78);color:var(--white);border-radius:8px;padding:8px 10px;text-align:left;backdrop-filter:blur(8px);cursor:pointer}.stage-node span{display:block;font-size:8px;color:var(--muted)}.stage-node strong{font-size:14px;color:var(--gold-hi)}.node-left{left:7%;top:29%}.node-right{right:6%;top:37%;border-color:rgba(157,31,54,.62)}.node-right strong{color:#df7585}.flow-line{position:absolute;z-index:2;height:1px;width:24%;top:50%;background:linear-gradient(90deg,transparent,var(--gold));opacity:.6}.flow-left{left:8%;transform:rotate(8deg)}.flow-right{right:7%;transform:rotate(172deg)}.stage-summary{position:absolute;z-index:3;bottom:7%;left:50%;transform:translateX(-50%);text-align:center;min-width:220px}.stage-summary span{font-size:9px;color:var(--gold);letter-spacing:.12em}.stage-summary b{display:block;font-size:15px;font-weight:500;margin:5px}.stage-summary small{color:var(--muted);font-size:8px}.violation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.violation-stat{padding:10px 7px;background:rgba(255,255,255,.025);border-radius:7px;cursor:pointer}.violation-stat:nth-child(4),.violation-stat:nth-child(5){grid-column:span 1}.violation-stat span{font-size:8px;color:var(--muted);display:block}.violation-stat strong{font-size:16px;margin-top:5px;display:block}.violation-stat.is-risk strong{color:#df7585}.commerce-list{height:calc(100% - 40px)}.commerce-item{padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:1fr auto;gap:6px}.commerce-item strong{font-size:10px}.commerce-item span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.commerce-item b{font-size:10px;font-weight:500;color:var(--warn)}.commerce-item .safe{color:var(--green)}.bottom-dock{display:grid;grid-template-columns:150px 1fr 210px;align-items:center;padding:12px 15px}.dock-heading h3{margin-top:3px}.todo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:0}.todo-item{border-left:2px solid var(--gold);background:rgba(255,255,255,.025);padding:8px 9px;border-radius:6px;min-width:0;cursor:pointer}.todo-item.is-overdue{border-color:var(--red)}.todo-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.todo-item span{font-size:8px;color:var(--muted);margin-top:4px;display:block}.dock-status{display:flex;justify-content:flex-end;align-items:center;gap:6px;color:var(--muted);font-size:9px}.dock-status b{color:#c9cbd0;font-weight:400}.metric-tooltip{position:fixed;z-index:30;width:300px;padding:15px;border-radius:10px;background:rgba(18,21,26,.97);border:1px solid rgba(200,166,106,.34);box-shadow:0 16px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;pointer-events:none}.metric-tooltip.is-visible{opacity:1;visibility:visible;transform:none}.metric-tooltip h4{margin:0 0 10px;font-size:13px}.tooltip-value{font-size:24px;color:var(--gold-hi)}.tooltip-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.tooltip-cell{background:rgba(255,255,255,.035);padding:8px;border-radius:6px}.tooltip-cell span{font-size:8px;color:var(--muted);display:block}.tooltip-cell b{font-size:10px;margin-top:3px;display:block}.tooltip-hint{font-size:9px;color:var(--gold);margin:12px 0 0}.overlay{position:fixed;inset:0;z-index:40;background:rgba(4,5,7,.66);opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(5px)}.overlay.is-open{opacity:1;visibility:visible}.detail-drawer{position:absolute;right:0;top:0;bottom:0;width:min(760px,46vw);background:#11151a;border-left:1px solid rgba(200,166,106,.28);padding:32px;transform:translateX(28px);transition:.25s var(--ease);overflow-y:auto}.overlay.is-open .detail-drawer{transform:none}.drawer-close{position:absolute;right:20px;top:18px;width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:none;color:var(--white);font-size:21px;cursor:pointer}.drawer-head .eyebrow{display:block;margin-bottom:8px}.drawer-head h2{font-size:25px;font-weight:500;margin:0 0 8px}.drawer-head p{color:var(--muted);font-size:11px}.drawer-value{font-size:38px;color:var(--gold-hi);margin:28px 0 20px}.drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drawer-stat{padding:13px;background:rgba(255,255,255,.035);border-radius:8px}.drawer-stat span{font-size:9px;color:var(--muted)}.drawer-stat b{display:block;margin-top:6px;font-size:14px}.trend-chart{height:180px;margin:22px 0;background:linear-gradient(180deg,rgba(200,166,106,.1),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 45px);position:relative;border-radius:8px;overflow:hidden}.trend-chart svg{width:100%;height:100%}.detail-table{width:100%;border-collapse:collapse;font-size:10px}.detail-table th,.detail-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.07)}.detail-table th{color:var(--muted);font-weight:400}.detail-table td{color:#d7d8d9}
@keyframes panelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes gridRise{to{background-position:0 -80px,-80px 0}}@keyframes ambient{50%{transform:translate(18px,-12px) scale(1.08)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes loadingZoom{to{transform:scale(1)}}@keyframes scan{0%,100%{top:12%;opacity:0}15%{opacity:1}80%{opacity:.75}90%{top:88%;opacity:0}}@keyframes pulse{0%{transform:scale(.4);opacity:0}45%{opacity:1}100%{transform:scale(3);opacity:0}}@keyframes stageFloat{50%{transform:scale(1.012)}}
@media(max-width:1500px){.dashboard-scene{padding:9px}.topbar{height:58px;gap:9px}.topbar-brand{min-width:170px}.topbar-brand img{width:82px}.scope-filters label span{display:none}.scope-filters select{max-width:105px}.dashboard-main{height:calc(100% - 68px);margin-top:8px;grid-template-rows:92px minmax(0,1fr) 82px;gap:7px}.metric-strip,.content-grid,.left-rail,.right-rail{gap:7px}.module-card,.digital-stage{padding:10px}.metric-card{padding:10px}.metric-value{font-size:20px}.bottom-dock{padding:9px 12px}}
@media(max-width:900px){html,body{overflow:auto}.scene{min-height:100vh;height:auto}.login-scene{grid-template-columns:1fr;min-height:100vh}.login-visual{height:42vh}.login-caption{left:24px;bottom:20px}.login-caption h1{font-size:30px}.login-caption p{display:none}.login-panel-wrap{padding:34px 24px}.brand-logo{margin-bottom:24px}.dashboard-scene{overflow:auto;padding:8px}.topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:10px}.topbar-brand{flex:1}.scope-filters{order:3;flex-basis:100%;overflow-x:auto}.scope-filters label{min-width:130px}.scope-filters label span{display:block}.time-filters{order:4;flex-basis:100%;justify-content:space-between}.topbar-actions .mock-chip{display:none}.dashboard-main{height:auto;display:block}.metric-strip{grid-template-columns:repeat(2,1fr);margin:8px 0}.metric-card:first-child,.metric-card:nth-child(2){grid-column:span 2}.content-grid{display:flex;flex-direction:column}.digital-stage{height:330px;order:-1}.left-rail,.right-rail{display:block}.module-card{height:240px;margin-bottom:8px}.daily-card{height:190px}.bottom-dock{display:block;margin-top:8px}.todo-list{grid-template-columns:1fr;margin:10px 0}.dock-status{justify-content:flex-start}.detail-drawer{width:100%;padding:26px 18px}.drawer-grid{grid-template-columns:1fr 1fr}.metric-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.login-visual{background-image:linear-gradient(90deg,rgba(4,6,8,.12),rgba(4,6,8,.56)),url("assets/huimai-digital-twin-wireframe.png")}
.loading-building{background-image:linear-gradient(0deg,rgba(8,10,13,.45),rgba(8,10,13,.12)),url("assets/huimai-digital-twin-wireframe.png")}
.loading-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .5s,transform 1s var(--ease);background:#080a0d}.video-grade{position:absolute;inset:0;z-index:2;opacity:0;background:linear-gradient(90deg,rgba(5,7,9,.36),transparent 30%,transparent 70%,rgba(5,7,9,.36)),linear-gradient(0deg,rgba(6,8,10,.48),transparent 32%);pointer-events:none;transition:opacity .5s}.video-loading .loading-video{opacity:1}.video-loading .video-grade{opacity:1}.video-loading .data-tunnel,.video-loading .loading-building,.video-loading .tower-growth{display:none}.video-loading .loading-logo-wrap{z-index:6;background:rgba(10,12,15,.38)}.video-loading .loading-status{z-index:7}.loading-metric-cloud{position:absolute;inset:0;z-index:5;pointer-events:none}.loading-metric{position:absolute;min-width:158px;padding:12px 14px;border-radius:9px;border:1px solid rgba(200,166,106,.4);background:linear-gradient(140deg,rgba(18,22,27,.78),rgba(10,13,17,.52));box-shadow:0 16px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(9px);opacity:0;transform:translateY(18px) scale(.94);transition:opacity .48s var(--ease),transform .58s var(--ease)}.loading-metric:before{content:"";position:absolute;width:26px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);top:50%;left:-27px}.loading-metric span{display:block;font-size:11px;color:#c7c9cd}.loading-metric strong{display:block;margin-top:6px;color:var(--gold-hi);font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.loading-metric small{font-size:10px;color:var(--muted);margin-left:4px}.lm-payment{left:8%;top:28%}.lm-settlement{right:8%;top:27%}.lm-rate{left:12%;top:57%}.lm-profit{right:11%;top:56%}.lm-roi{right:25%;top:16%;min-width:112px}.lm-settlement:before,.lm-profit:before,.lm-roi:before{left:auto;right:-27px;background:linear-gradient(90deg,transparent,var(--gold))}.metrics-stage-1 .lm-payment{opacity:1;transform:none}.metrics-stage-2 .lm-settlement,.metrics-stage-2 .lm-rate{opacity:1;transform:none}.metrics-stage-3 .lm-profit{opacity:1;transform:none}.metrics-stage-4 .lm-roi{opacity:1;transform:none}.video-hold .loading-video{transform:scale(1.035);filter:brightness(.8)}.video-hold .loading-metric{box-shadow:0 0 0 1px rgba(200,166,106,.08),0 20px 55px rgba(0,0,0,.4)}.video-loading.phase-enter .loading-video{animation:videoToDashboard .9s var(--ease) forwards}.video-loading.phase-enter .loading-metric{animation:metricToDashboard .76s var(--ease) forwards}.video-loading.phase-enter .loading-logo-wrap,.video-loading.phase-enter .loading-status{animation:uiDepart .42s var(--ease) forwards}.video-fallback .loading-video{display:none}.video-fallback .loading-building{display:block;opacity:1}
@keyframes videoToDashboard{0%{transform:scale(1.035);filter:brightness(.8)}100%{transform:scale(1.16);filter:brightness(.38);opacity:0}}@keyframes metricToDashboard{to{opacity:0;transform:translateY(-28px) scale(.9)}}

/* Loading card reveal follows the reference video timing only. Card styling and dashboard layout remain unchanged. */
.loading-metric{opacity:0;transform:scaleX(.06) scaleY(.74);transform-origin:left center;clip-path:inset(0 94% 0 0);transition:none}
.loading-metric span,.loading-metric strong{opacity:0;transform:translateY(5px)}
.loading-metric:before{transform:scaleX(0);transform-origin:right center}
.loading-metric:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);box-shadow:0 0 14px rgba(200,166,106,.7);opacity:0}
.lm-settlement,.lm-profit,.lm-roi{transform-origin:right center}.lm-settlement:before,.lm-profit:before,.lm-roi:before{transform-origin:left center}
.metrics-stage-1 .lm-payment,.metrics-stage-2 .lm-settlement,.metrics-stage-2 .lm-rate,.metrics-stage-3 .lm-profit,.metrics-stage-4 .lm-roi{animation:cardOutlineReveal .62s var(--ease) forwards}
.metrics-stage-1 .lm-payment:before,.metrics-stage-2 .lm-settlement:before,.metrics-stage-2 .lm-rate:before,.metrics-stage-3 .lm-profit:before,.metrics-stage-4 .lm-roi:before{animation:connectorDraw .28s ease-out forwards}
.metrics-stage-1 .lm-payment:after,.metrics-stage-2 .lm-settlement:after,.metrics-stage-2 .lm-rate:after,.metrics-stage-3 .lm-profit:after,.metrics-stage-4 .lm-roi:after{animation:edgeFlash .5s .18s ease-out forwards}
.metrics-stage-1 .lm-payment span,.metrics-stage-1 .lm-payment strong,.metrics-stage-2 .lm-settlement span,.metrics-stage-2 .lm-settlement strong,.metrics-stage-2 .lm-rate span,.metrics-stage-2 .lm-rate strong,.metrics-stage-3 .lm-profit span,.metrics-stage-3 .lm-profit strong,.metrics-stage-4 .lm-roi span,.metrics-stage-4 .lm-roi strong{animation:cardContentIn .35s .34s var(--ease) forwards}
@keyframes cardOutlineReveal{0%{opacity:0;transform:scaleX(.06) scaleY(.74);clip-path:inset(0 94% 0 0)}35%{opacity:1}100%{opacity:1;transform:scale(1);clip-path:inset(0)}}
@keyframes connectorDraw{to{transform:scaleX(1)}}@keyframes edgeFlash{0%{opacity:0}45%{opacity:1}100%{opacity:.35}}@keyframes cardContentIn{to{opacity:1;transform:none}}
.loading-logo-wrap{display:none!important}

/* The August 13 video is the complete loading experience. */
.loading-scene.video-loading{z-index:60;background:#050608;transition:none}.loading-scene.is-priming{opacity:0!important;visibility:hidden!important}.loading-scene.video-ready{opacity:1;visibility:visible}
.video-intro .loading-status,.video-intro .portal-flash{display:none}
.video-intro .loading-video{opacity:1;filter:none;transform:none}
.video-intro .video-grade{opacity:.42}
.video-intro .loading-metric-cloud{display:none!important}
.video-intro:not(.metrics-final) .loading-metric{opacity:0!important;animation:none!important}
.video-intro:not(.metrics-final) .loading-metric:before,.video-intro:not(.metrics-final) .loading-metric:after,.video-intro:not(.metrics-final) .loading-metric span,.video-intro:not(.metrics-final) .loading-metric strong{animation:none!important;opacity:0}
.video-intro.metrics-final .loading-metric{animation:finalCardReveal .54s var(--ease) forwards!important}
.video-intro.metrics-final .loading-metric:before{animation:connectorDraw .22s ease-out forwards!important}
.video-intro.metrics-final .loading-metric:after{animation:edgeFlash .42s .14s ease-out forwards!important}
.video-intro.metrics-final .loading-metric span,.video-intro.metrics-final .loading-metric strong{animation:cardContentIn .3s .28s var(--ease) forwards!important}
.video-intro.metrics-final .lm-payment{animation-delay:.04s!important}.video-intro.metrics-final .lm-settlement{animation-delay:.16s!important}.video-intro.metrics-final .lm-rate{animation-delay:.28s!important}.video-intro.metrics-final .lm-profit{animation-delay:.4s!important}.video-intro.metrics-final .lm-roi{animation-delay:.52s!important}
.video-intro.video-hold .loading-video{transform:none;filter:none}
.video-intro{will-change:opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}
.video-intro.video-exit{opacity:0;visibility:visible;pointer-events:none;transition:opacity .48s cubic-bezier(.4,0,.2,1)}
.video-intro.video-exit .loading-video{transform:scale(1.006);filter:none;transition:transform .52s linear}
.video-intro.video-exit .loading-metric{transform:translateY(-10px);transition:transform .55s var(--ease),opacity .5s!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.loading-scene.video-intro.video-exit,.loading-scene.video-intro.video-exit .loading-video{transition-duration:.01ms!important}}
.dashboard-scene.is-prepared .topbar,.dashboard-scene.is-prepared .metric-strip,.dashboard-scene.is-prepared .content-grid,.dashboard-scene.is-prepared .bottom-dock{animation:none!important;opacity:1;transform:none}
.dashboard-scene.is-stable{transition:none!important}.dashboard-scene.is-under-video{opacity:1;visibility:visible;z-index:1;pointer-events:none}.loading-scene.video-loading{z-index:60}
@keyframes finalCardReveal{0%{opacity:0;transform:scaleX(.05) scaleY(.76);clip-path:inset(0 95% 0 0)}38%{opacity:1}100%{opacity:1;transform:scale(1);clip-path:inset(0)}}

/* The video remains clean. Formal dashboard cards reveal after the video hands off. */
.dashboard-scene.is-prepared.dashboard-reveal .metric-card{opacity:1;transform:none;animation:none!important}
@keyframes dashboardCardReveal{0%{opacity:0;transform:translateY(14px) scale(.97);clip-path:inset(0 0 100% 0)}45%{opacity:1}100%{opacity:1;transform:none;clip-path:inset(0)}}

/* Operating overview refinement */
.topbar{height:70px;display:grid;grid-template-columns:190px minmax(300px,1fr) auto;grid-template-rows:29px 29px;gap:4px 12px;padding:5px 12px}
.topbar-brand{grid-row:1 / 3;min-width:0}.topbar-brand img{width:78px}.topbar-brand strong{font-size:15px}.topbar-brand span{font-size:8px}
.layer-nav{display:flex;align-items:center;gap:5px;min-width:0}
.layer-nav button{height:34px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.025);color:#7e858e;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer;white-space:nowrap}
.layer-nav button>span{font:10px Georgia,serif;color:#5f6670}.layer-nav button small{font-size:8px;color:#6d737b}.layer-nav button.is-active{color:var(--gold-hi);border-color:rgba(200,166,106,.38);background:linear-gradient(110deg,rgba(200,166,106,.17),rgba(200,166,106,.04));box-shadow:inset 2px 0 var(--gold)}
.scope-filters{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;gap:5px}.scope-filters>i{font-style:normal;color:rgba(200,166,106,.46);font-size:17px}
.scope-filters label{height:29px;min-width:0;border-color:rgba(200,166,106,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));position:relative;padding:0 7px}
.scope-filters label:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:1px;background:var(--gold)}
.scope-filters label span{font-size:8px;color:#777f88;white-space:nowrap;flex:none}.scope-filters select{height:27px;max-width:118px;font-size:10px}
.time-filters{grid-column:3;grid-row:1;align-self:center}.topbar-actions{grid-column:3;grid-row:2;justify-content:flex-end}.topbar-actions>button{width:29px;height:29px}.mock-chip{padding:4px 8px}
.dashboard-main{height:calc(100% - 82px);grid-template-rows:104px minmax(0,1fr) 92px}
.metric-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric-card{isolation:isolate;background:radial-gradient(circle at 82% 12%,rgba(200,166,106,.09),transparent 35%),linear-gradient(145deg,rgba(28,32,38,.96),rgba(14,17,21,.88))}
.metric-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,rgba(228,200,146,.08) 46%,transparent 70%);transform:translateX(-110%);transition:transform .65s;pointer-events:none;z-index:-1}.metric-card:hover:after{transform:translateX(110%)}
.metric-spark{position:absolute;right:12px;bottom:30px;width:55px;height:22px;display:flex;align-items:end;gap:3px;opacity:.35}.metric-spark i{flex:1;background:linear-gradient(0deg,rgba(200,166,106,.2),var(--gold));height:35%;border-radius:1px 1px 0 0}.metric-spark i:nth-child(2){height:52%}.metric-spark i:nth-child(3){height:43%}.metric-spark i:nth-child(4){height:76%}.metric-spark i:nth-child(5){height:62%}.metric-spark i:nth-child(6){height:92%;box-shadow:0 0 7px rgba(200,166,106,.5)}
.metric-secondary{position:absolute;right:12px;top:12px;text-align:right}.metric-secondary span{display:block;font-size:8px;color:var(--muted)}.metric-secondary strong{font-size:17px;color:var(--gold-hi);font-weight:500}
.metric-spend .metric-value{padding-right:52px}.rolling-number{font-variant-numeric:tabular-nums}
.mom{font-size:9px;font-weight:600;white-space:nowrap}.mom.is-up{color:#48c6a9}.mom.is-down{color:#eb7082}
.custom-date-panel{position:absolute;z-index:35;right:145px;top:89px;padding:12px;display:flex;align-items:end;gap:9px;border-radius:9px;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}.custom-date-panel.is-open{opacity:1;visibility:visible;transform:none}.custom-date-panel label{font-size:9px;color:var(--muted)}.custom-date-panel input{display:block;margin-top:5px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#11151a;color:var(--white);padding:0 8px;color-scheme:dark}.custom-date-panel>span{padding-bottom:8px;color:var(--muted)}.custom-date-panel button,.enter-live-button{height:32px;border:1px solid rgba(200,166,106,.35);border-radius:6px;background:rgba(200,166,106,.12);color:var(--gold-hi);padding:0 13px;cursor:pointer}
.stage-actions{display:flex;align-items:center;gap:9px}.live-anchor-button{height:29px;border:1px solid rgba(53,181,154,.38);border-radius:999px;background:rgba(53,181,154,.1);color:#c9f1e8;padding:0 11px;font-size:10px;font-weight:600;cursor:pointer}.live-anchor-button i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:5px;animation:pulseLive 1.8s infinite}.live-anchor-button b{margin-left:3px;color:#fff}.stage-summary{bottom:6%;min-width:370px}.stage-summary span{font-size:11px}.stage-summary b{font-size:18px;font-weight:600}.stage-summary small{font-size:10px;font-variant-numeric:tabular-nums;color:#aeb4bc}
.layer-nav-vertical{position:absolute;z-index:5;left:13px;top:14px;flex-direction:column;align-items:stretch;width:128px;gap:7px}.layer-nav-vertical button{height:43px;justify-content:flex-start;background:rgba(9,12,16,.82);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.24)}.layer-nav-vertical button strong{font-size:11px}.layer-nav-vertical button small{margin-left:auto}
.right-rail .todo-card{padding:13px}.todo-list-vertical{height:calc(100% - 42px);display:flex;flex-direction:column;gap:7px;overflow:auto}.todo-list-vertical .todo-item{flex:1;min-height:48px;display:flex;flex-direction:column;justify-content:center}
.custom-module-slot{min-height:0}.custom-module-card{height:100%;box-sizing:border-box}.custom-module-header-actions{display:grid;justify-items:end;gap:4px}.custom-module-selector{display:block}.custom-module-selector>span{display:none}.custom-module-selector select{width:124px;height:25px;border:1px solid rgba(200,166,106,.3);border-radius:6px;background:#111820;color:#e9e4d8;padding:0 7px;font-size:9px;outline:none;cursor:pointer}.custom-module-selector select:focus{border-color:rgba(228,200,146,.72);box-shadow:0 0 0 2px rgba(200,166,106,.1)}.custom-module-selector option{background:#111820;color:#e9e4d8}.custom-module-selector option:disabled{color:#686f78}.custom-module-pending .module-empty{height:calc(100% - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-module-pending .module-empty strong{color:var(--gold-hi)}.custom-module-pending .module-empty span{max-width:210px;text-align:center}.daily-scope-empty{height:calc(100% - 48px);display:none;flex-direction:column;align-items:center;justify-content:center;color:#9097a0;text-align:center}.daily-scope-empty i{width:26px;height:26px;border:1px solid rgba(200,166,106,.3);border-radius:50%;margin-bottom:10px}.daily-card.is-scope-restricted .daily-layout{display:none}.daily-card.is-scope-restricted .daily-scope-empty{display:flex}.left-rail .commerce-list{height:calc(100% - 40px)}
.violation-dock{grid-template-columns:140px minmax(0,1fr) 105px 190px}.violation-stats-horizontal{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:7px}.violation-stats-horizontal .violation-stat{padding:8px 10px}.violation-dock>.link-button{justify-self:center}.violation-dock .dock-status{justify-self:end}
.commerce-status{text-align:right;min-width:86px;font-size:10px}.commerce-status small{display:block;color:#9097a0;font-size:8px;margin-bottom:3px}.commerce-status.safe{color:#48c6a9}.commerce-status.danger{color:#eb7082}.commerce-status.pending{color:#d9a958}.rank-item{cursor:pointer;transition:background .18s,padding-left .18s}.rank-item:hover,.rank-item:focus{background:linear-gradient(90deg,rgba(200,166,106,.1),transparent);padding-left:9px;outline:none}.ranking-tooltip-grid{grid-template-columns:1fr 1fr}

/* Executive portrait system. Replace profile photo paths in app.js to activate real images globally. */
.rank-item.has-portrait{grid-template-columns:25px 34px minmax(0,1fr) auto;gap:7px;padding-top:7px;padding-bottom:7px}.executive-portrait{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 38% 28%,rgba(228,200,146,.28),transparent 34%),linear-gradient(145deg,#29251f,#11151a 72%);border:1px solid rgba(200,166,106,.55);box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 0 18px rgba(200,166,106,.08)}.executive-portrait:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.08);border-radius:9px;pointer-events:none}.executive-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.84) contrast(1.06)}.portrait-initial{font-family:"Microsoft YaHei UI",sans-serif;font-weight:600;color:#ead39e;text-shadow:0 0 16px rgba(200,166,106,.35)}.executive-portrait>i{position:absolute;right:2px;bottom:2px;width:7px;height:7px;border:1px solid #17221f;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.portrait-small{width:32px;height:36px;border-radius:9px}.portrait-small:before{inset:2px;border-radius:6px}.portrait-small .portrait-initial{font-size:13px}.portrait-small>i{width:6px;height:6px}.portrait-large{width:68px;height:78px}.portrait-large .portrait-initial{font-size:25px}.portrait-hero{width:116px;height:140px;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 0 1px rgba(200,166,106,.12)}.portrait-hero:before{border-radius:14px}.portrait-hero .portrait-initial{font-size:42px}.portrait-hero>i{width:10px;height:10px;right:6px;bottom:6px}.executive-tooltip-head{display:flex;align-items:center;gap:13px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.executive-tooltip-head>div>span{font-size:8px;letter-spacing:.15em;color:var(--gold)}.executive-tooltip-head h4{margin:4px 0!important;font-size:17px!important}.executive-tooltip-head p{margin:0;color:#aeb4bc;font-size:9px}.executive-drawer-profile{display:flex;align-items:center;gap:22px;margin:-8px 0 26px;padding:18px;border-radius:14px;background:linear-gradient(110deg,rgba(200,166,106,.1),rgba(255,255,255,.025));border:1px solid rgba(200,166,106,.18);position:relative;overflow:hidden}.executive-drawer-profile:after{content:"";position:absolute;right:-45px;top:-80px;width:210px;height:210px;border:1px solid rgba(200,166,106,.12);border-radius:50%;box-shadow:0 0 0 30px rgba(200,166,106,.025),0 0 0 60px rgba(200,166,106,.018)}.executive-drawer-profile>div{position:relative;z-index:1}.executive-drawer-profile h2{font-size:30px;margin:7px 0 5px}.executive-drawer-profile p{margin:0;color:#c9cdd1}.executive-drawer-profile small{display:block;margin-top:13px;color:#8f969f}
#refreshButton.is-refreshing{animation:refreshSpin .65s var(--ease)}
@keyframes refreshSpin{to{transform:rotate(360deg)}}@keyframes pulseLive{50%{opacity:.35;transform:scale(.7)}}

@media(max-width:1500px){.topbar{height:68px;grid-template-columns:170px minmax(270px,1fr) auto}.layer-nav button{padding:0 7px}.dashboard-main{height:calc(100% - 76px);grid-template-rows:96px minmax(0,1fr) 84px}.metric-card{padding:9px 10px}.metric-value{font-size:19px}.metric-spark{bottom:26px}.violation-dock{grid-template-columns:125px minmax(0,1fr) 95px 170px}}
@media(max-width:1100px){.topbar{height:auto;grid-template-columns:150px 1fr;grid-template-rows:36px 34px 36px}.topbar-brand{grid-row:1 / 3}.layer-nav{grid-column:2;grid-row:1}.scope-filters{grid-column:2;grid-row:2}.time-filters{grid-column:1;grid-row:3}.topbar-actions{grid-column:2;grid-row:3}.dashboard-main{height:calc(100% - 118px)}.layer-nav button{font-size:9px;padding:0 6px}.metric-strip{grid-template-columns:repeat(3,1fr);height:auto}.dashboard-main{grid-template-rows:190px minmax(0,1fr) 92px}.violation-dock{grid-template-columns:110px minmax(0,1fr) 80px}.violation-dock .dock-status{display:none}}

/* Readability and responsive hierarchy navigation */
body{color:#f7f5ef}.metric-foot,.rank-info span,.commerce-item span,.todo-item span,.dock-status,.stage-summary small,.scope-filters label span{color:#aeb4bc}.metric-label,.rank-info strong,.commerce-item strong,.todo-item strong{color:#eef0f1}.metric-foot{font-size:10px}.rank-info span,.commerce-item span,.todo-item span{font-size:10px}.violation-stat span{font-size:10px;color:#abb1b9}.violation-stat strong{font-weight:600}.module-kicker,.eyebrow{color:#d6b878}.link-button{font-size:11px}
@media(max-width:1100px){.layer-nav-vertical{grid-column:auto;grid-row:auto;left:9px;top:9px;width:112px}.layer-nav-vertical button{height:38px}.layer-nav-vertical button small{display:none}}

/* Super administrator maintenance entry */
.topbar-actions .maintenance-button{width:auto;min-width:58px;padding:0 8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;isolation:isolate;gap:5px;border-color:rgba(200,166,106,.42);background:linear-gradient(135deg,rgba(200,166,106,.16),rgba(200,166,106,.045));color:var(--gold-hi);position:relative;overflow:hidden}.maintenance-button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);box-shadow:0 0 9px var(--gold)}.maintenance-button span{font-size:10px;font-weight:600}.maintenance-button b{font-size:13px;font-weight:400}.maintenance-button:hover{border-color:rgba(228,200,146,.7);box-shadow:0 0 18px rgba(200,166,106,.12)}.dashboard-scene.is-active .maintenance-button.is-access-ready{display:flex}.maintenance-button[hidden]{display:none!important}.maintenance-placeholder{text-align:center;padding:34px 4px}.maintenance-symbol{width:78px;height:78px;margin:0 auto 22px;border:1px solid rgba(200,166,106,.45);border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle,rgba(200,166,106,.18),transparent 68%);box-shadow:0 0 35px rgba(200,166,106,.1),inset 0 0 25px rgba(200,166,106,.08)}.maintenance-symbol span{font-size:32px;color:var(--gold-hi)}.maintenance-placeholder h2{font-size:29px;margin:10px 0}.maintenance-placeholder>p{color:#9ea5ad;font-size:11px}.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 18px;text-align:left}.maintenance-grid article{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025)}.maintenance-grid b{display:block;font-size:13px;color:#e8e6e0}.maintenance-grid span{display:block;margin-top:7px;color:#9199a2;font-size:10px;line-height:1.6}.maintenance-notice{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:8px;background:rgba(200,166,106,.07);color:#c9b98f;font-size:10px}.maintenance-notice i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.topbar-actions>a.maintenance-button{height:29px;min-width:88px;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:8px;text-decoration:none;cursor:pointer}

/* Vertical executive image treatment */
.rank-item.has-portrait{grid-template-columns:25px 28px minmax(0,1fr) auto;padding-top:5px;padding-bottom:5px}.executive-portrait img{object-fit:contain;object-position:center bottom;background:linear-gradient(180deg,rgba(200,166,106,.05),rgba(5,7,9,.75))}.portrait-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10%;background:linear-gradient(180deg,transparent 15%,rgba(4,6,8,.72)),radial-gradient(ellipse at 50% 28%,rgba(200,166,106,.22),transparent 42%);position:relative}.portrait-placeholder:before{content:"";position:absolute;top:18%;width:30%;aspect-ratio:1;border-radius:50%;background:rgba(228,200,146,.3);box-shadow:0 18px 0 8px rgba(228,200,146,.18)}.portrait-placeholder em{position:relative;z-index:1;font-style:normal;font-weight:600;color:#ead39e;text-shadow:0 0 16px rgba(200,166,106,.35)}.portrait-placeholder small{position:relative;z-index:1;color:#98918a;font-size:7px;letter-spacing:.1em}.portrait-small{width:27px;height:42px;border-radius:7px}.portrait-small .portrait-placeholder{padding-bottom:3px}.portrait-small .portrait-placeholder em{font-size:10px}.portrait-small .portrait-placeholder small{display:none}.portrait-small>i{width:5px;height:5px}.portrait-large{width:72px;height:116px;border-radius:12px}.portrait-large .portrait-placeholder em{font-size:23px}.portrait-hero{width:168px;height:252px;border-radius:18px}.portrait-hero .portrait-placeholder em{font-size:38px}.portrait-hero .portrait-placeholder small{font-size:9px}.executive-drawer-profile{align-items:flex-end}.executive-tooltip-head{align-items:flex-end}

/* Readability pass */
body{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-weight:400;letter-spacing:.01em}
.eyebrow,.module-kicker{font-size:11px;letter-spacing:.16em;font-weight:600}.topbar-brand strong{font-size:16px;font-weight:600}.topbar-brand span{font-size:9px}.scope-filters label span{font-size:10px}.scope-filters select{font-size:12px;font-weight:500}.time-filters button,.segmented button,.tab-row button{font-size:11px}.metric-label{font-size:12px;font-weight:500;color:#d7d8da}.metric-value{font-weight:500;letter-spacing:0}.metric-foot{font-size:10px}.module-header h3,.dock-heading h3,.stage-head h3{font-size:15px;font-weight:600}.rank-info strong,.commerce-item strong,.todo-item strong{font-size:12px}.rank-info span,.commerce-item span,.todo-item span{font-size:10px;line-height:1.45}.rank-value{font-size:12px}.violation-stat span,.daily-stat span{font-size:10px}.violation-stat strong,.daily-stat strong{font-size:17px}.freshness,.stage-summary small,.dock-status{font-size:10px}.stage-summary b{font-size:17px}.login-caption p{font-size:16px;color:#c6c8cb}.field>span:first-child{font-size:13px}.field input{font-size:15px}.form-meta{font-size:13px}

/* Data tunnel and building growth */
.loading-scene{perspective:1100px}.data-tunnel{position:absolute;inset:-12%;z-index:0;overflow:hidden;opacity:0;transition:opacity .5s}.tunnel-plane{position:absolute;background-image:linear-gradient(rgba(200,166,106,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(200,166,106,.18) 1px,transparent 1px);background-size:72px 72px;filter:drop-shadow(0 0 4px rgba(200,166,106,.13))}.tunnel-floor{left:0;right:0;bottom:-37%;height:70%;transform:rotateX(68deg);transform-origin:center top}.tunnel-ceiling{left:0;right:0;top:-37%;height:70%;transform:rotateX(-68deg);transform-origin:center bottom;opacity:.35}.tunnel-left{top:0;bottom:0;left:-31%;width:58%;transform:rotateY(-65deg);transform-origin:right center}.tunnel-right{top:0;bottom:0;right:-31%;width:58%;transform:rotateY(65deg);transform-origin:left center}.tunnel-core{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 35px 16px rgba(200,166,106,.28);transform:translate(-50%,-50%)}
.phase-tunnel .data-tunnel{opacity:1;animation:tunnelApproach 2.2s linear infinite}.phase-tunnel .loading-building{opacity:.16;transform:scale(.76);filter:brightness(.55) saturate(.5)}
.tower-growth{position:absolute;z-index:2;left:50%;top:50%;width:min(900px,70vw);height:min(560px,62vh);transform:translate(-50%,-45%);opacity:0;transition:opacity .45s}.growth-base{position:absolute;left:16%;right:16%;bottom:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 24px rgba(200,166,106,.5);transform:scaleX(0)}.growth-tower{position:absolute;bottom:10%;width:29%;height:72%;border:1px solid rgba(200,166,106,.65);background:linear-gradient(180deg,rgba(200,166,106,.03),rgba(200,166,106,.08));clip-path:inset(100% 0 0 0);display:grid;grid-template-rows:repeat(12,1fr)}.growth-left{left:18%}.growth-right{right:18%}.growth-tower i{display:block;border-top:1px solid rgba(200,166,106,.21);background-image:repeating-linear-gradient(90deg,transparent 0 8%,rgba(200,166,106,.16) 8% 8.5%)}.growth-gate{position:absolute;left:47%;width:6%;height:30%;bottom:10%;border:1px solid rgba(200,166,106,.42);clip-path:inset(100% 0 0 0)}
.phase-grow .data-tunnel{opacity:.42}.phase-grow .tower-growth{opacity:1}.phase-grow .growth-base{animation:baseGrow .7s var(--ease) forwards}.phase-grow .growth-tower{animation:towerGrow 1.55s var(--ease) forwards}.phase-grow .growth-right{animation-delay:.12s}.phase-grow .growth-gate{animation:towerGrow .8s .7s var(--ease) forwards}.phase-grow .loading-building{opacity:.2;transform:scale(.86);filter:brightness(.55) saturate(.6)}
.loading-building{transition:opacity .8s var(--ease),transform 1.1s var(--ease),filter .8s var(--ease)}.phase-solid .tower-growth{opacity:.28;transition:opacity .9s}.phase-solid .loading-building{opacity:1;transform:scale(1);filter:brightness(.9) saturate(.78)}.phase-solid .data-tunnel{opacity:.18}
.portal-flash{position:absolute;z-index:6;left:50%;top:51%;width:2px;height:2px;border-radius:50%;background:var(--gold-hi);opacity:0;pointer-events:none}.phase-enter .loading-logo-wrap,.phase-enter .loading-status{animation:uiDepart .45s var(--ease) forwards}.phase-enter .loading-building{animation:portalTravel 1.05s cubic-bezier(.4,0,.2,1) forwards}.phase-enter .data-tunnel{opacity:1;animation:tunnelRush 1.05s cubic-bezier(.3,0,.2,1) forwards}.phase-enter .portal-flash{animation:portalFlash 1.05s ease-in forwards}.phase-enter .tower-growth{opacity:0}
.dashboard-scene.is-active:not(.is-stable) .topbar{animation:dashboardTopIn .68s .12s var(--ease) both}.dashboard-scene.is-active:not(.is-stable) .metric-strip{animation:dashboardMetricsIn .72s .2s var(--ease) both}.dashboard-scene.is-active:not(.is-stable) .content-grid{animation:dashboardContentIn .78s .28s var(--ease) both}.dashboard-scene.is-active:not(.is-stable) .bottom-dock{animation:dashboardDockIn .7s .36s var(--ease) both}
@keyframes tunnelApproach{to{transform:scale(1.16);filter:brightness(1.12)}}@keyframes baseGrow{to{transform:scaleX(1)}}@keyframes towerGrow{to{clip-path:inset(0 0 0 0)}}@keyframes uiDepart{to{opacity:0;transform:translateY(-16px)}}@keyframes portalTravel{0%{transform:scale(1);filter:brightness(.9)}55%{transform:scale(1.65);filter:brightness(1.05)}100%{transform:scale(4.4);filter:brightness(1.7);opacity:0}}@keyframes tunnelRush{0%{transform:scale(1)}100%{transform:scale(3.6);opacity:0}}@keyframes portalFlash{0%,35%{opacity:0;box-shadow:0 0 0 0 rgba(228,200,146,0)}70%{opacity:1;box-shadow:0 0 90px 120px rgba(228,200,146,.24)}100%{opacity:0;box-shadow:0 0 240px 480px rgba(243,240,232,.8)}}@keyframes dashboardTopIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes dashboardMetricsIn{from{opacity:0;transform:translateY(-12px) scale(.99)}to{opacity:1;transform:none}}@keyframes dashboardContentIn{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}@keyframes dashboardDockIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Independent analysis page transition */
.dashboard-page-transition{position:fixed;inset:0;z-index:120;display:flex;visibility:hidden;align-items:center;justify-content:center;flex-direction:column;gap:22px;opacity:0;background:radial-gradient(circle at 50% 48%,#153f4e,#071f29 46%,#050f14);transition:opacity .46s,visibility .46s;pointer-events:none}.dashboard-page-transition.is-active{visibility:visible;opacity:1}.dashboard-page-transition>span{color:#d8d5cc;font-size:11px;letter-spacing:.2em}.dashboard-transition-orbit{position:relative;display:grid;width:92px;height:92px;place-items:center;border:1px solid rgba(200,166,106,.46);border-radius:50%;box-shadow:0 0 48px rgba(53,181,154,.14)}.dashboard-transition-orbit:before,.dashboard-transition-orbit:after,.dashboard-transition-orbit i{content:"";position:absolute;border:1px solid rgba(53,181,154,.28);border-radius:50%}.dashboard-transition-orbit:before{inset:12px 28px}.dashboard-transition-orbit:after{inset:28px 12px}.dashboard-transition-orbit i:nth-child(1){inset:-12px;border-style:dashed;animation:analysisOrbitSpin 4s linear infinite}.dashboard-transition-orbit i:nth-child(2){inset:18px -8px;transform:rotate(34deg)}.dashboard-transition-orbit i:nth-child(3){inset:18px -8px;transform:rotate(-34deg)}.dashboard-transition-orbit b{color:#e4c88f;font:18px Georgia,serif}.returning-to-overview body,.returning-from-workspace body{background:#02080d url("assets/analysis-transition-start.png") center/cover fixed no-repeat}.returning-from-workspace body{background-image:url("assets/workspace-transition-start.jpg")}.returning-to-overview #app,.returning-from-workspace #app{opacity:1}.returning-to-overview::after,.returning-from-workspace::after{position:fixed;inset:0;z-index:2000;content:"";opacity:1;background:#02080d url("assets/analysis-transition-start.png") center/cover no-repeat;transform:translateZ(0) scale(1);transition:opacity .48s cubic-bezier(.22,.78,.18,1),transform .58s cubic-bezier(.22,.78,.18,1);pointer-events:none;will-change:opacity,transform}.returning-from-workspace::after{background-image:url("assets/workspace-transition-start.jpg")}.returning-to-overview.return-ready::after,.returning-from-workspace.return-ready::after{opacity:0;transform:translateZ(0) scale(1.025)}.returning-to-overview #loginScene,.returning-to-overview #loadingScene,.returning-from-workspace #loginScene,.returning-from-workspace #loadingScene{visibility:hidden!important;opacity:0!important}@keyframes analysisOrbitSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.dashboard-page-transition,.returning-to-overview::after,.returning-from-workspace::after{transition-duration:.01ms}.dashboard-transition-orbit i:nth-child(1){animation:none}}

/* Premium analysis portal transition */
.dashboard-page-transition{gap:19px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 67%,rgba(62,202,217,.08),rgba(2,15,25,.44) 52%,rgba(1,8,15,.76)),url("assets/analysis-data-portal.png") center/cover no-repeat;transition:opacity .58s ease,visibility .58s ease}.dashboard-page-transition:before{content:"";position:absolute;inset:-5%;background:radial-gradient(circle at 50% 66%,transparent 0 6%,rgba(47,185,203,.14) 13%,transparent 30%);animation:dashboardPortalBreathe 2.4s ease-in-out infinite}.dashboard-transition-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(84,220,226,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(84,220,226,.18) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 60%,#000,transparent 72%);animation:dashboardPortalGrid 2s linear infinite}.dashboard-transition-orbit{z-index:2;width:142px;height:142px;border-color:rgba(213,170,97,.74);box-shadow:0 0 72px rgba(44,201,193,.32),inset 0 0 35px rgba(44,201,193,.08)}.dashboard-transition-orbit i:nth-child(1){inset:-21px}.dashboard-transition-orbit b{color:#f0d6a2;font-size:22px}.dashboard-transition-copy{z-index:2;text-align:center}.dashboard-transition-copy small{display:block;color:#67dfd1;font-size:11px;font-weight:700;letter-spacing:.22em}.dashboard-transition-copy strong{display:block;margin-top:8px;font-size:24px;font-weight:600;letter-spacing:.05em}.dashboard-transition-copy span{display:block;margin-top:5px;color:rgba(229,239,241,.66);font-size:13px;letter-spacing:.08em}.dashboard-transition-progress{z-index:2;width:min(320px,64vw);height:3px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.12)}.dashboard-transition-progress i{display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,#52d8d0,#edc986,transparent);animation:dashboardPortalProgress 1.35s ease-in-out infinite}.dashboard-page-transition.is-active .dashboard-transition-copy{animation:dashboardPortalCopyIn .7s .12s both}.dashboard-page-transition.is-active .dashboard-transition-orbit{animation:dashboardPortalOrbitIn .82s cubic-bezier(.2,.82,.18,1) both}@keyframes dashboardPortalBreathe{50%{transform:scale(1.12);opacity:.64}}@keyframes dashboardPortalGrid{to{background-position:54px 54px}}@keyframes dashboardPortalProgress{from{transform:translateX(-110%)}to{transform:translateX(260%)}}@keyframes dashboardPortalCopyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dashboardPortalOrbitIn{from{opacity:0;transform:scale(.55) rotate(-28deg)}to{opacity:1;transform:none}}
@media(max-width:600px){.dashboard-transition-copy strong{font-size:21px}.dashboard-transition-copy span{font-size:12px}.dashboard-transition-orbit{width:118px;height:118px}}

/* Linked operating cockpit */
.context-feedback{position:fixed;z-index:80;left:50%;top:82px;transform:translate(-50%,-12px);padding:9px 16px;border:1px solid rgba(72,198,169,.36);border-radius:999px;background:rgba(13,22,23,.94);color:#d6fff5;font-size:12px;font-weight:600;box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 24px rgba(72,198,169,.1);opacity:0;visibility:hidden;transition:.24s var(--ease);pointer-events:none}.context-feedback.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.update-ticker{position:fixed;z-index:32;right:18px;top:82px;max-width:min(420px,42vw);height:34px;padding:0 10px;border:1px solid rgba(200,166,106,.3);border-radius:8px;background:rgba(15,18,22,.94);color:#d9dde0;display:flex;visibility:hidden;align-items:center;gap:8px;box-shadow:0 10px 28px rgba(0,0,0,.3);opacity:0;transform:translateY(-8px);transition:.24s var(--ease);cursor:pointer;pointer-events:none}.update-ticker[hidden]{display:none}.update-ticker.is-visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}.update-ticker i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);flex:none}.update-ticker span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-ticker b{margin-left:auto;color:var(--gold-hi);font-size:10px;white-space:nowrap}
.metric-card.is-linked,.module-card.is-linked,.digital-stage.is-linked,.violation-dock.is-linked,.detail-drawer.is-linked{animation:linkedPulse .9s var(--ease)}.metric-card.is-updated,.module-card.is-updated,.digital-stage.is-updated,.violation-dock.is-updated{animation:moduleUpdated 1.05s var(--ease)}
@keyframes linkedPulse{0%,100%{box-shadow:0 0 0 rgba(200,166,106,0)}45%{border-color:rgba(228,200,146,.72);box-shadow:0 0 0 3px rgba(200,166,106,.1),0 0 30px rgba(200,166,106,.16)}}@keyframes moduleUpdated{0%{filter:brightness(1)}38%{filter:brightness(1.2);box-shadow:0 0 26px rgba(72,198,169,.15)}100%{filter:brightness(1)}}

/* Three visible rows with scroll access to the remainder */
.left-rail{grid-template-rows:minmax(240px,.78fr) minmax(180px,1.22fr)}.ranking-list{height:calc(100% - 91px)!important;min-height:132px}.ranking-list .rank-item{height:calc(100% / 3);min-height:44px;box-sizing:border-box}.ranking-scroll-hint{height:18px;display:flex;align-items:end;justify-content:space-between;color:#7f8790;font-size:9px;padding:0 5px}.ranking-scroll-hint b{color:#bda56f;font-weight:500}

/* Metric specific quick judgement */
.metric-tooltip{width:320px;padding:16px}.metric-tooltip-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}.metric-tooltip-head span{font-size:9px;color:var(--gold);letter-spacing:.12em}.metric-tooltip-head h4{font-size:17px;margin:4px 0 0}.metric-tooltip-head>b{font-size:22px;color:var(--gold-hi);white-space:nowrap}.metric-tooltip-head>b small{font-size:10px;margin-left:3px;color:#9aa1aa}.tooltip-question{font-size:11px;color:#aeb4bc;margin:11px 0 8px}.tooltip-breakdown{display:flex;flex-direction:column;gap:5px}.tooltip-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:rgba(255,255,255,.03)}.tooltip-breakdown span{font-size:10px;color:#cdd0d3}.tooltip-breakdown b{font-size:11px}.tooltip-breakdown small{text-align:right;font-size:9px;font-weight:600}.tooltip-breakdown .is-up{color:#48c6a9}.tooltip-breakdown .is-down{color:#eb7082}.tooltip-signal{margin-top:9px;padding:9px;border-left:2px solid var(--gold);background:rgba(200,166,106,.07);border-radius:0 6px 6px 0}.tooltip-signal span{display:block;color:#9ca3ab;font-size:9px}.tooltip-signal b{display:block;margin-top:4px;font-size:11px;color:#ece7dc}.tooltip-hint{margin-bottom:0}

/* Continuous drill-down drawer */
.detail-drawer{width:min(940px,58vw);padding:66px 34px 36px;scrollbar-width:thin;scrollbar-color:rgba(200,166,106,.42) transparent}.drawer-back{position:absolute;left:28px;top:20px;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);color:#c9cdd1;font-size:11px;cursor:pointer}.drawer-back[hidden]{display:none}.drawer-head{margin-bottom:18px}.drawer-head h2{font-size:28px;margin:10px 0 5px}.drawer-path{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:6px 0;color:#9fa6ae;font-size:10px}.drawer-path span{display:flex;align-items:center;gap:7px}.drawer-path i{color:var(--gold);font-style:normal}.drawer-judgement{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid rgba(200,166,106,.2);border-radius:12px;background:linear-gradient(110deg,rgba(200,166,106,.12),rgba(255,255,255,.025));margin-bottom:14px}.drawer-judgement span{display:block;font-size:9px;color:var(--gold);letter-spacing:.12em}.drawer-judgement strong{display:block;margin-top:6px;font-size:16px;line-height:1.45}.drawer-judgement>b{font-size:25px;color:var(--gold-hi);white-space:nowrap}.drawer-actions{display:flex;gap:7px;padding:5px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.018);margin-bottom:16px}.drawer-actions button{height:34px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:#959ca4;font-size:11px;cursor:pointer}.drawer-actions button.is-selected{background:rgba(200,166,106,.15);color:var(--gold-hi)}.drawer-actions .apply-scope-button{margin-left:auto;border:1px solid rgba(72,198,169,.3);background:rgba(72,198,169,.08);color:#bceee3}.drawer-section{margin-top:14px;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.018)}.drawer-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.drawer-section-head>div>span{font-size:9px;color:var(--gold);letter-spacing:.13em}.drawer-section-head h3{font-size:15px;margin:4px 0 0}.drawer-section-head small{font-size:9px;color:#89919a}.trend-legend{display:flex;align-items:center;gap:6px;color:#8f969e;font-size:9px}.trend-legend i{width:14px;height:2px;background:var(--gold)}.trend-legend i:nth-of-type(2){background:repeating-linear-gradient(90deg,#9ca3aa 0 4px,transparent 4px 7px)}.trend-chart-detailed{margin:0;height:190px}.trend-axis{position:absolute;left:12px;right:12px;bottom:7px;display:flex;justify-content:space-between;color:#777f88;font-size:8px}.drawer-table-wrap{overflow-x:auto}.drill-table tbody tr{cursor:pointer;transition:.18s}.drill-table tbody tr:hover,.drill-table tbody tr:focus{background:linear-gradient(90deg,rgba(200,166,106,.1),transparent);outline:none}.drill-table td strong{font-size:11px}.drill-table td small{display:block;margin-top:4px;color:#7f8790;font-size:8px}.drill-button{height:27px;padding:0 9px;border:1px solid rgba(200,166,106,.28);border-radius:5px;background:rgba(200,166,106,.08);color:var(--gold-hi);font-size:9px}.composition-bars{display:flex;flex-direction:column;gap:8px}.composition-bars button{display:grid;grid-template-columns:118px minmax(120px,1fr) 48px 62px;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.02);color:#d9dcde;text-align:left;cursor:pointer}.composition-bars button:hover{border-color:rgba(200,166,106,.35);background:rgba(200,166,106,.05)}.composition-bars span{font-size:11px}.composition-bars i{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--bar),rgba(255,255,255,.06) var(--bar))}.composition-bars b{font-size:11px}.composition-bars small{font-size:9px;text-align:right}.composition-bars .is-up{color:#48c6a9}.composition-bars .is-down{color:#eb7082}.drawer-definition>p{font-size:13px;line-height:1.8;color:#c7cbd0;padding:14px;border-radius:7px;background:rgba(200,166,106,.06)}.definition-grid,.evidence-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.definition-grid article,.evidence-detail-grid article{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.02)}.definition-grid span,.evidence-detail-grid span{display:block;font-size:9px;color:#8f969e}.definition-grid b,.evidence-detail-grid b{display:block;margin-top:5px;font-size:11px}.evidence-status{color:#48c6a9;font-size:10px}.evidence-timeline{display:flex;flex-direction:column}.evidence-timeline article{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.evidence-timeline i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(200,166,106,.3);border-radius:50%;color:var(--gold);font-size:9px}.evidence-timeline strong{display:block;font-size:11px}.evidence-timeline span{display:block;margin-top:4px;color:#8e959d;font-size:9px}.evidence-timeline>b{font-size:9px;color:#48c6a9}.evidence-detail-grid{margin-top:12px}

@media(max-width:1100px){.detail-drawer{width:min(820px,72vw)}.ranking-list .rank-item{min-height:42px}.context-feedback,.update-ticker{top:122px}}
@media(max-width:600px){html,body{max-width:100%;overflow-x:hidden}.dashboard-scene{padding:6px}.topbar{position:relative;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:7px!important;padding:9px!important}.topbar-brand{grid-column:1;grid-row:1!important}.topbar-brand img{width:72px}.topbar-brand strong{font-size:15px;white-space:nowrap}.topbar-actions{grid-column:1;grid-row:4!important;display:flex;justify-content:flex-end;gap:4px}.topbar-actions>button{width:30px;height:30px}.topbar-actions .maintenance-button{min-width:52px!important}.maintenance-button span{font-size:0}.maintenance-button span:after{content:"维护";font-size:10px}.scope-filters{grid-column:1!important;grid-row:2!important;width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;overflow:visible}.scope-filters>i{display:none}.scope-filters label{min-width:0!important;height:42px;display:block;padding:4px 6px}.scope-filters label span{display:block!important;font-size:8px}.scope-filters select{width:100%;max-width:none!important;height:23px;font-size:11px}.time-filters{grid-column:1!important;grid-row:3!important;width:100%;box-sizing:border-box}.time-filters button{flex:1;padding:7px 4px}.dashboard-main{margin-top:7px}.metric-strip{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;padding-bottom:4px;scrollbar-width:none}.metric-strip::-webkit-scrollbar{display:none}.metric-card,.metric-card:first-child,.metric-card:nth-child(2){min-width:calc(100vw - 24px);grid-column:auto;scroll-snap-align:start;box-sizing:border-box}.metric-value{font-size:24px}.content-grid{gap:7px}.digital-stage{height:310px}.building-stage{inset:54px 7px 7px}.layer-nav-vertical{left:7px;right:7px;top:auto;bottom:7px;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.layer-nav-vertical button{height:38px;padding:0 5px;justify-content:center}.layer-nav-vertical button span{display:none}.layer-nav-vertical button strong{font-size:9px}.stage-summary{bottom:25%;min-width:250px}.stage-summary b{font-size:14px}.left-rail{display:block}.ranking-card{height:270px!important}.ranking-list{height:144px!important}.ranking-list .rank-item{height:48px}.ranking-scroll-hint{font-size:9px}.daily-card{height:205px!important}.right-rail .module-card{height:250px}.violation-dock{display:block}.violation-stats-horizontal{grid-template-columns:repeat(2,1fr);margin:10px 0}.violation-stats-horizontal .violation-stat:last-child{grid-column:1 / -1}.context-feedback{top:10px;max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-ticker{top:auto;right:8px;left:8px;bottom:10px;max-width:none}.detail-drawer{width:100%;padding:62px 15px 26px}.drawer-back{left:14px}.drawer-close{right:14px}.drawer-head h2{font-size:23px}.drawer-judgement{align-items:flex-start;flex-direction:column;gap:12px}.drawer-actions{overflow-x:auto}.drawer-actions button{white-space:nowrap}.drawer-actions .apply-scope-button{margin-left:0}.drawer-section{padding:12px}.composition-bars button{grid-template-columns:92px minmax(70px,1fr) 42px}.composition-bars small{display:none}.definition-grid,.evidence-detail-grid{grid-template-columns:1fr}.drill-table{min-width:650px}.metric-tooltip{display:none}.executive-drawer-profile{align-items:center;gap:14px}.portrait-hero{width:96px;height:146px}.executive-drawer-profile h2{font-size:22px}}

/* Action closure and readability */
.workflow-actions{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;border:1px solid rgba(72,198,169,.14);border-radius:9px;background:rgba(72,198,169,.035)}.workflow-actions>div{margin-right:auto}.workflow-actions>div span{display:block;color:#48c6a9;font-size:9px;letter-spacing:.14em}.workflow-actions>div b{display:block;margin-top:3px;font-size:11px}.workflow-actions button{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:rgba(255,255,255,.025);color:#bdc3c8;font-size:10px;cursor:pointer}.workflow-actions button.is-primary{border-color:rgba(72,198,169,.3);background:rgba(72,198,169,.1);color:#c8f5eb}.workflow-actions button.is-complete{border-color:rgba(72,198,169,.22);color:#73d7c1}.module-empty{height:100%;display:grid;place-content:center;text-align:center;color:#8f969e}.module-empty i{width:28px;height:28px;margin:0 auto 9px;border:1px solid rgba(200,166,106,.26);border-radius:50%;box-shadow:inset 0 0 12px rgba(200,166,106,.08)}.module-empty strong{font-size:11px}.module-empty span{margin-top:5px;font-size:10px}.topbar-brand span,.mom,.metric-secondary span,.segmented.small button,.ranking-scroll-hint,.score-orbit span,.layer-nav-vertical button small,.commerce-status small{font-size:10px}
.drill-progress{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px 14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(70,205,179,.16);border-radius:11px;background:linear-gradient(100deg,rgba(70,205,179,.07),rgba(255,255,255,.018))}.drill-progress>div>span{display:block;color:#48c6a9;font-size:8px;letter-spacing:.15em}.drill-progress>div>b{display:block;margin-top:4px;font-size:11px}.drill-progress ol{grid-column:1/-1;display:flex;align-items:center;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:thin}.drill-progress li{display:flex;align-items:center;min-width:0;color:#6f7881}.drill-progress li:not(:last-child):after{content:"";width:22px;height:1px;margin:0 6px;background:rgba(255,255,255,.09)}.drill-progress li i{flex:0 0 auto;width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;font-style:normal;font-size:8px}.drill-progress li span{margin-left:5px;font-size:9px;white-space:nowrap}.drill-progress li.is-complete{color:#68d4bc}.drill-progress li.is-complete i{border-color:rgba(72,198,169,.42);background:rgba(72,198,169,.12)}.drill-progress li.is-current{color:var(--gold-hi)}.drill-progress li.is-current i{border-color:rgba(200,166,106,.52);background:rgba(200,166,106,.15);box-shadow:0 0 16px rgba(200,166,106,.16)}.drill-progress li.is-next{color:#9fa7af}.drill-progress>small{justify-self:end;color:#7f8992;font-size:8px;white-space:nowrap}.evidence-section{border-color:rgba(72,198,169,.18);background:linear-gradient(145deg,rgba(72,198,169,.035),rgba(255,255,255,.018))}.evidence-detail-grid article:nth-child(7),.evidence-detail-grid article:nth-child(8){border-color:rgba(200,166,106,.16);background:rgba(200,166,106,.045)}
.drill-diagnostic{margin:0 0 14px;padding:15px;border:1px solid rgba(200,166,106,.16);border-radius:11px;background:linear-gradient(125deg,rgba(200,166,106,.07),rgba(255,255,255,.018))}.drill-diagnostic .drawer-section-head{margin-bottom:10px}.drill-diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.drill-diagnostic-grid article{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(7,10,13,.26)}.drill-diagnostic-grid span,.drill-diagnostic-grid small{display:block;color:#858e97;font-size:8px}.drill-diagnostic-grid b{display:block;margin:5px 0 4px;color:#f0e3c7;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drill-diagnostic-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.responsibility-locator{display:grid;grid-template-columns:150px minmax(150px,1fr) minmax(170px,1fr) auto;align-items:center;gap:12px;margin:0 0 14px;padding:11px 14px;border:1px solid rgba(235,112,130,.16);border-radius:10px;background:linear-gradient(100deg,rgba(235,112,130,.055),rgba(255,255,255,.018))}.responsibility-locator>div>span{display:block;color:#eb7082;font-size:8px;letter-spacing:.14em}.responsibility-locator>div>b{display:block;margin-top:4px;font-size:10px}.responsibility-locator>strong{font-size:13px;color:#f0dfe3}.responsibility-locator>small{color:#89919a;font-size:9px}.responsibility-locator button{height:29px;padding:0 11px;border:1px solid rgba(235,112,130,.28);border-radius:6px;background:rgba(235,112,130,.08);color:#f1a5b1;font-size:9px;cursor:pointer}.responsibility-locator>i{color:#48c6a9;font-size:9px;font-style:normal}
.metric-visual{position:absolute;right:10px;bottom:27px;width:64px;height:30px;opacity:.72;pointer-events:none}.metric-visual small{position:absolute;right:0;bottom:-5px;color:#707982;font-size:6px;white-space:nowrap}.visual-line svg{width:64px;height:24px;overflow:visible}.visual-line path{fill:none;stroke:#48c6a9;stroke-width:2;filter:drop-shadow(0 0 4px rgba(72,198,169,.35))}.visual-bars{display:flex;align-items:flex-end;gap:4px;padding-bottom:6px}.visual-bars i{width:8px;height:32%;border-radius:2px 2px 0 0;background:linear-gradient(0deg,rgba(87,151,214,.18),#65a9e8)}.visual-bars i:nth-child(2){height:55%}.visual-bars i:nth-child(3){height:72%}.visual-bars i:nth-child(4){height:64%}.visual-bars i:nth-child(5){height:94%;box-shadow:0 0 7px rgba(101,169,232,.4)}.visual-ring{display:grid;place-items:center}.visual-ring i{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#151a20 53%,transparent 55%),conic-gradient(#6fd2bc var(--ring),rgba(255,255,255,.08) 0)}.visual-ring b{position:absolute;top:8px;font-size:8px;color:#b9eee2}.visual-model{display:flex;align-items:flex-end;gap:5px;padding:0 4px 6px}.visual-model i{width:11px;height:48%;border-radius:2px 2px 0 0;background:linear-gradient(0deg,rgba(161,125,218,.18),#aa8cda)}.visual-model i:nth-child(2){height:88%}.visual-model i:nth-child(3){height:68%}.visual-model span{position:absolute;left:2px;right:3px;top:9px;height:1px;border-top:1px dashed rgba(200,166,106,.65)}.visual-confirm{padding-top:8px}.visual-confirm i{display:block;width:60px;height:7px;border-radius:99px;background:linear-gradient(90deg,#c8a66a var(--confirm),rgba(255,255,255,.08) var(--confirm))}.visual-confirm i:after{content:"";display:block;width:2px;height:13px;margin-left:78%;margin-top:-3px;background:#eb7082}.visual-confirm b{display:block;margin-top:3px;color:#e3c992;font-size:8px}.visual-roi{display:grid;place-items:center}.visual-roi>i{position:absolute;border:1px solid rgba(245,170,74,.38);border-radius:50%}.visual-roi>i:nth-child(1){width:34px;height:20px;transform:rotate(18deg)}.visual-roi>i:nth-child(2){width:34px;height:20px;transform:rotate(-28deg)}.visual-roi>i:nth-child(3){width:4px;height:4px;border:0;background:#f5aa4a;box-shadow:0 0 7px #f5aa4a}.visual-roi>b{font-size:9px;color:#ffd18e}
.tooltip-breakdown span em{display:block;margin-top:2px;color:#707982;font-size:7px;font-style:normal;font-weight:400}
.metric-live-change{position:absolute;right:9px;top:9px;z-index:2;padding:2px 5px;border-radius:99px;font-size:7px;font-variant-numeric:tabular-nums;opacity:0;animation:liveChangeBadge 1.3s var(--ease)}.metric-card.is-value-up{border-color:rgba(72,198,169,.45);box-shadow:inset 0 0 0 1px rgba(72,198,169,.08),0 0 20px rgba(72,198,169,.08)}.metric-card.is-value-up .metric-live-change{background:rgba(72,198,169,.14);color:#7ce0c8}.metric-card.is-value-down{border-color:rgba(235,112,130,.42);box-shadow:inset 0 0 0 1px rgba(235,112,130,.08),0 0 20px rgba(235,112,130,.07)}.metric-card.is-value-down .metric-live-change{background:rgba(235,112,130,.14);color:#f09aaa}.metric-spend .metric-live-change{right:72px}@keyframes liveChangeBadge{0%{opacity:0;transform:translateY(4px)}18%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}
.refresh-history-button{position:relative}.refresh-history-button>b{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 3px;border:1px solid #1c2228;border-radius:99px;background:#9d1f36;color:#fff;font-size:7px}.refresh-history-panel{position:absolute;z-index:35;right:14px;top:82px;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 100px);padding:17px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.2s var(--ease);overflow:hidden}.refresh-history-panel.is-open{opacity:1;visibility:visible;transform:none}.refresh-history-head{display:flex;align-items:flex-start;justify-content:space-between}.refresh-history-head span{color:var(--gold);font-size:8px;letter-spacing:.16em}.refresh-history-head h2{margin:4px 0 0;font-size:18px}.refresh-history-head button{width:28px;height:28px;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(255,255,255,.025);color:#d9dcdf;font-size:18px;cursor:pointer}.refresh-history-panel>p{margin:9px 0 12px;color:#848d96;font-size:9px}.refresh-history-list{max-height:calc(100vh - 190px);display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:thin}.refresh-history-list>button{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.022);color:#d7dade;text-align:left;cursor:pointer}.refresh-history-list>button:hover,.refresh-history-list>button:focus{border-color:rgba(200,166,106,.34);outline:none;background:rgba(200,166,106,.055)}.refresh-history-list>button>i{width:6px;height:6px;border-radius:50%;background:#48c6a9;box-shadow:0 0 7px rgba(72,198,169,.4)}.refresh-history-list>button>i.is-error{background:#eb7082;box-shadow:0 0 7px rgba(235,112,130,.4)}.refresh-history-list>button span b{display:block;font-size:10px;font-weight:500}.refresh-history-list>button span small{display:block;margin-top:4px;color:#7f8891;font-size:8px}.refresh-history-list>button em{color:var(--gold);font-size:8px;font-style:normal}.refresh-history-empty{min-height:150px;display:grid;place-content:center;text-align:center;color:#858e97}.refresh-history-empty>i{width:26px;height:26px;margin:0 auto 8px;border:1px solid rgba(200,166,106,.24);border-radius:50%}.refresh-history-empty>b{font-size:11px}.refresh-history-empty>span{margin-top:5px;font-size:8px}#refreshButton[data-refresh-state="success"]{border-color:rgba(72,198,169,.42);color:#70d9c1}#refreshButton[data-refresh-state="error"]{border-color:rgba(235,112,130,.46);color:#ef8ea0}
.mock-chip[data-source-state="connected"]{border-color:rgba(72,198,169,.32);background:rgba(72,198,169,.09);color:#80dec9}.mock-chip[data-source-state="fallback"]{border-color:rgba(217,154,69,.3);background:rgba(217,154,69,.08);color:#e4bd7d}.mock-chip[data-source-state="error"]{border-color:rgba(235,112,130,.34);background:rgba(235,112,130,.08);color:#ef9aaa}
@media(max-width:600px){.scope-filters label span{font-size:9px!important}.layer-nav-vertical button strong{font-size:10px}.ranking-scroll-hint{font-size:10px}.workflow-actions{align-items:stretch;flex-wrap:wrap}.workflow-actions>div{width:100%}.workflow-actions button{flex:1}}

/* Quality D01 R1: concentrated operating context and stable desktop brand */
.topbar{grid-template-columns:210px minmax(470px,1fr) auto auto}
.topbar-brand{gap:8px}.topbar-brand img{width:74px;flex:none}.topbar-brand>div{min-width:0;padding-left:9px}.topbar-brand strong,.topbar-brand span{white-space:nowrap}.topbar-brand span{display:block;letter-spacing:.06em;line-height:1.25}
.scope-filters{display:grid;grid-template-columns:minmax(105px,1fr) 12px minmax(105px,1fr) 12px minmax(105px,1fr);grid-template-rows:24px 29px;column-gap:5px;row-gap:1px;align-items:center}
.scope-context-line{grid-column:1 / -1;display:flex;align-items:center;min-width:0;height:24px;gap:6px;color:#8f969f;font-size:9px;white-space:nowrap;overflow:hidden}
.scope-context-line>span{color:#828a93}.scope-context-line>b{max-width:155px;overflow:hidden;text-overflow:ellipsis;color:#d8dbde;font-size:10px;font-weight:600}.scope-context-line>i{width:1px;height:10px;background:rgba(200,166,106,.25);flex:none}.scope-context-line>button{height:22px;margin-left:auto;padding:0 8px;border:1px solid rgba(200,166,106,.28);border-radius:999px;background:rgba(200,166,106,.07);color:#ddc58f;font-size:9px;cursor:pointer;flex:none}.scope-context-line>button:disabled{border-color:rgba(255,255,255,.07);background:transparent;color:#656c74;cursor:default}
.scope-context-line .permission-root-button{margin-left:auto;display:flex;align-items:center;gap:5px;border-color:rgba(72,198,169,.28);background:rgba(72,198,169,.075);color:#aeeade}.scope-context-line .permission-root-button span{font-size:8px;color:#72cdb8}.scope-context-line .permission-root-button b{max-width:88px;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#d8fff6}.scope-filters label.is-permission-locked{border-color:rgba(72,198,169,.18);background:linear-gradient(180deg,rgba(72,198,169,.05),rgba(255,255,255,.012))}.scope-filters label.is-permission-locked:after{content:"权限固定";position:absolute;right:5px;top:2px;color:#5ebba5;font-size:7px;letter-spacing:.04em}.scope-filters label.is-permission-locked select{padding-top:6px;color:#c9e9e1;cursor:not-allowed;opacity:.88}.segmented button:disabled{opacity:.38;cursor:not-allowed}
.topbar-permission-root{grid-column:3;grid-row:1;height:29px;min-width:88px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(72,198,169,.29);border-radius:999px;background:linear-gradient(145deg,rgba(72,199,175,.12),rgba(72,199,175,.055));color:#b9ece2;cursor:pointer;white-space:nowrap}.topbar-permission-root span{font-size:9px;color:#72cdb8}.topbar-permission-root b{max-width:76px;overflow:hidden;text-overflow:ellipsis;color:#d8fff6;font-size:10px}.time-filters{grid-column:4}.topbar-actions{grid-column:3 / 5}
.permission-policy{margin-top:14px;padding:18px;border:1px solid rgba(72,198,169,.18);border-radius:12px;background:linear-gradient(145deg,rgba(72,198,169,.07),rgba(255,255,255,.015))}.permission-policy-hero span{font-size:9px;letter-spacing:.16em;color:#63cbb3}.permission-policy-hero h3{margin:7px 0 4px;font-size:22px;color:#e8fff9}.permission-policy-hero p{margin:0;color:#9cb5af;font-size:11px}.permission-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.permission-policy-grid article{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(8,17,18,.36)}.permission-policy-grid span,.permission-policy-grid small{display:block;color:#829d97;font-size:9px}.permission-policy-grid b{display:block;margin:6px 0;font-size:13px;color:#d7f3ec}.permission-policy-rules{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(72,198,169,.13)}.permission-policy-rules b{margin-right:auto;font-size:11px}.permission-policy-rules span{padding:5px 8px;border-radius:999px;background:rgba(72,198,169,.08);color:#9ed8ca;font-size:9px}
.scope-filters>label,.scope-filters>i{grid-row:2}.scope-filters>label{width:100%;box-sizing:border-box}.scope-filters select{width:100%;max-width:none}
@media(max-width:1500px){.topbar{grid-template-columns:198px minmax(390px,1fr) auto auto}.topbar-brand img{width:70px}.scope-context-line{gap:4px}.scope-context-line>b{max-width:112px}.scope-context-line>button{padding:0 6px}.scope-filters{grid-template-columns:minmax(90px,1fr) 10px minmax(90px,1fr) 10px minmax(90px,1fr)}}
@media(max-width:1100px){.scope-context-line{display:none}.scope-filters{display:flex;grid-template-columns:none;grid-template-rows:none}.scope-filters>label,.scope-filters>i{grid-row:auto}}

/* Quality D01 R2: daily review density */
.daily-layout{display:flex;height:calc(100% - 40px);flex-direction:column;gap:10px;align-items:stretch;justify-content:center}
.daily-score-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;align-items:center}
.daily-role-block{padding:9px 10px;border:1px solid rgba(200,166,106,.13);border-radius:8px;background:linear-gradient(120deg,rgba(200,166,106,.055),rgba(255,255,255,.018))}
.daily-subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.daily-subhead span{color:#d6b878;font-size:10px;font-weight:600}.daily-subhead b{color:#929aa3;font-size:9px;font-weight:500}
.daily-role-averages{display:grid;gap:6px}.daily-role-row{display:grid;grid-template-columns:74px minmax(0,1fr) 28px;align-items:center;gap:7px}.daily-role-row span{color:#cdd1d4;font-size:9px}.daily-role-row i{height:4px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.07)}.daily-role-row i:after{display:block;width:var(--score);height:100%;content:"";border-radius:inherit;background:linear-gradient(90deg,#8b6a37,#e0bd77);box-shadow:0 0 8px rgba(200,166,106,.26)}.daily-role-row b{color:#f0e6d2;font-size:10px;text-align:right}
.daily-rule{display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border-radius:7px;background:rgba(72,198,169,.045);color:#98a2aa;font-size:9px;line-height:1.5}.daily-rule i{width:5px;height:5px;margin-top:4px;border-radius:50%;background:#48c6a9;box-shadow:0 0 7px rgba(72,198,169,.55);flex:none}
@media(max-width:1500px){.daily-layout{gap:7px}.daily-score-row{grid-template-columns:100px minmax(0,1fr)}.daily-role-block{padding:7px 8px}.daily-role-row{grid-template-columns:68px minmax(0,1fr) 25px;gap:5px}.daily-rule{padding:6px 7px;font-size:8px}.score-orbit{width:86px;height:86px}}

/* Quality D01 R3: explicit placeholder and restriction states */
.left-rail.is-daily-hidden{grid-template-rows:minmax(0,1fr)}.left-rail.is-daily-hidden .ranking-list{height:calc(100% - 91px)!important}
.workspace-placeholder{min-height:calc(100vh - 150px);display:grid;grid-template-columns:120px minmax(0,1fr);align-content:center;gap:22px 30px;padding:10px 4px}.workspace-placeholder-mark{width:112px;height:112px;display:grid;place-items:center;position:relative;border:1px solid rgba(200,166,106,.38);border-radius:26px;background:radial-gradient(circle,rgba(200,166,106,.17),transparent 68%);box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 0 28px rgba(200,166,106,.08)}.workspace-placeholder-mark:before,.workspace-placeholder-mark:after,.workspace-placeholder-mark i{position:absolute;content:"";border:1px solid rgba(72,198,169,.18);border-radius:50%}.workspace-placeholder-mark:before{inset:17px}.workspace-placeholder-mark:after{inset:30px 8px}.workspace-placeholder-mark i{inset:8px 30px}.workspace-placeholder-mark span{font:28px Georgia,serif;color:#e5ca91}.workspace-placeholder h2{margin:8px 0 10px;font-size:30px}.workspace-placeholder p{max-width:680px;margin:0;color:#a9b0b7;font-size:12px;line-height:1.8}.workspace-placeholder-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-placeholder-grid article{position:relative;padding:15px 86px 15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.024)}.workspace-placeholder-grid strong{display:block;font-size:13px;color:#ece9e0}.workspace-placeholder-grid span{display:block;margin-top:6px;color:#929aa2;font-size:10px;line-height:1.5}.workspace-placeholder-grid b{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:5px 8px;border:1px solid rgba(200,166,106,.2);border-radius:999px;color:#cdb67f;font-size:9px;font-weight:500}.workspace-placeholder-note{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:8px;background:rgba(72,198,169,.045);color:#9fb0ad;font-size:10px}.workspace-placeholder-note i{width:6px;height:6px;border-radius:50%;background:#48c6a9;box-shadow:0 0 8px #48c6a9}

/* Meeting-screen density: preserve the validated 1920 × 1080 cockpit composition. */
@media (min-width:2560px) and (min-height:1440px) and (max-width:3199px) {
  #app {
    width:75%;
    height:75%;
    transform:scale(1.333333);
    transform-origin:top left;
  }
}

@media (min-width:3200px) and (min-height:1800px) {
  #app {
    width:50%;
    height:50%;
    transform:scale(2);
    transform-origin:top left;
  }
}
.building-stage[data-scope-level="company"]{box-shadow:inset 0 0 0 1px rgba(200,166,106,.18),inset 0 0 45px rgba(200,166,106,.08)}.building-stage[data-scope-level="vp"]{box-shadow:inset 0 0 0 1px rgba(72,198,169,.2),inset 0 0 55px rgba(72,198,169,.09)}.building-stage[data-scope-level="anchor"]{box-shadow:inset 0 0 0 1px rgba(82,160,222,.24),inset 0 0 65px rgba(82,160,222,.1)}.building-stage[data-scope-level="company"] img{transform:scale(1.012)}.building-stage[data-scope-level="vp"] img{transform:scale(1.022)}.building-stage[data-scope-level="anchor"] img{transform:scale(1.032)}

/* Quality D01 R4: semantic page heading */
.topbar-brand h1{display:block;margin:0;color:inherit;font-size:16px;font-weight:600;line-height:1.35;white-space:nowrap}
.topbar-brand h1:focus{outline:none;box-shadow:none}

/* Quality D01 R5: reserve the fixed AI entry inside the risk dock */
.violation-dock{padding-right:180px}
@media(max-width:600px){.violation-dock{padding-right:12px}}

/* Quality D02 R2: explicit custom date validation */
.custom-date-error{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;margin:0;padding:7px 9px;border:1px solid rgba(235,112,130,.32);border-radius:6px;background:rgba(35,13,18,.96);color:#f1a8b3;font-size:10px;box-shadow:0 8px 24px rgba(0,0,0,.28)}.custom-date-error:empty{display:none}

/* Quality D02 R4: reversible context changes */
.context-feedback{display:flex;align-items:center;gap:10px}.context-feedback.is-visible:has(#contextUndoButton:not([hidden])){pointer-events:auto}.context-feedback button{height:24px;padding:0 9px;border:1px solid rgba(72,198,169,.4);border-radius:999px;background:rgba(72,198,169,.1);color:#bff0e5;font-size:10px;font-weight:600;cursor:pointer}.context-feedback button[hidden]{display:none}

/* Quality D03 R1: visible metric to ranking linkage */
.metric-card.is-active-context{border-color:rgba(72,198,169,.5);box-shadow:inset 0 0 0 1px rgba(72,198,169,.11),0 0 22px rgba(72,198,169,.08)}.metric-card.is-active-context:before{background:#48c6a9;box-shadow:0 0 12px rgba(72,198,169,.55)}
#rankingLinkSource{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rankingLinkSource i{width:5px;height:5px;border-radius:50%;background:#48c6a9;box-shadow:0 0 7px rgba(72,198,169,.6);flex:none}

/* Quality D03 R2: traceable risk to todo linkage */
.drawer-link-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:11px 13px;border:1px solid rgba(72,198,169,.19);border-radius:8px;background:linear-gradient(90deg,rgba(72,198,169,.07),rgba(255,255,255,.018))}.drawer-link-source span{display:block;color:#79cdb9;font-size:9px;letter-spacing:.12em}.drawer-link-source b{display:block;margin-top:4px;color:#dce7e3;font-size:11px}.drawer-link-source button{height:30px;padding:0 11px;border:1px solid rgba(72,198,169,.3);border-radius:6px;background:rgba(72,198,169,.08);color:#bce9df;font-size:10px;cursor:pointer;white-space:nowrap}

/* Quality D03 R4: digital twin and live profile linkage */
button.stage-summary{border:0;background:rgba(8,11,14,.18);color:inherit;font:inherit;cursor:pointer;padding:7px 16px;border-radius:10px;transition:background .18s,box-shadow .18s}button.stage-summary:hover,button.stage-summary:focus-visible{outline:none;background:rgba(8,11,14,.58);box-shadow:0 0 0 1px rgba(200,166,106,.22),0 12px 30px rgba(0,0,0,.28)}

/* Quality D03 R5: persistent cross-module entity tracking */
.linkage-trail{display:flex;align-items:center;gap:6px;max-width:230px;height:29px;padding:0 8px;border:1px solid rgba(82,160,222,.35);border-radius:999px;background:rgba(82,160,222,.08);color:#c7e2f5;font-size:9px;cursor:pointer}.linkage-trail[hidden]{display:none}.linkage-trail i{width:5px;height:5px;border-radius:50%;background:#52a0de;box-shadow:0 0 7px #52a0de;flex:none}.linkage-trail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkage-trail b{color:#8cb9d9;font-size:8px;font-weight:500;flex:none}.rank-item.is-entity-linked,.commerce-item.is-entity-linked,.todo-item.is-entity-linked{background:linear-gradient(90deg,rgba(82,160,222,.15),rgba(82,160,222,.025));box-shadow:inset 2px 0 #52a0de}.digital-stage.is-entity-linked{box-shadow:inset 0 0 0 1px rgba(82,160,222,.34),0 0 26px rgba(82,160,222,.07)}

/* Quality D04 R1: payment and settlement hover diagnostics */
.tooltip-micro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}.tooltip-micro-grid article{padding:8px 7px;border:1px solid rgba(200,166,106,.12);border-radius:6px;background:rgba(200,166,106,.045)}.tooltip-micro-grid span{display:block;color:#969ea6;font-size:8px}.tooltip-micro-grid b{display:block;margin-top:4px;color:#eee6d7;font-size:10px}.tooltip-settlement-flow{display:grid;grid-template-columns:1.2fr .8fr;gap:6px;margin-top:9px}.tooltip-settlement-flow>div{position:relative;padding:9px;border-radius:6px;background:rgba(72,198,169,.045);overflow:hidden}.tooltip-settlement-flow span,.tooltip-settlement-flow small{display:block;color:#95a39f;font-size:8px}.tooltip-settlement-flow b{display:block;margin:4px 0;color:#d8eee8;font-size:11px}.tooltip-settlement-flow i{display:block;width:var(--flow);height:3px;border-radius:4px;background:#48c6a9;box-shadow:0 0 7px rgba(72,198,169,.4)}

/* Quality D04 R2: rate causes and estimated profit model */
.tooltip-rate-diagnostic,.tooltip-profit-model{display:grid;grid-template-columns:.9fr 1.1fr;gap:6px;margin-top:9px}.tooltip-rate-diagnostic>div,.tooltip-profit-model>div{padding:9px;border-radius:6px;background:rgba(82,160,222,.055);border:1px solid rgba(82,160,222,.11)}.tooltip-rate-diagnostic span,.tooltip-profit-model span{display:block;color:#95a4b0;font-size:8px}.tooltip-rate-diagnostic b,.tooltip-profit-model b{display:block;margin-top:4px;color:#dce8f0;font-size:10px}.tooltip-rate-diagnostic small,.tooltip-profit-model small{display:block;margin-top:4px;color:#82909a;font-size:8px}.tooltip-rate-causes b{font-size:9px;font-weight:500}.tooltip-profit-model>div:first-child{background:rgba(200,166,106,.055);border-color:rgba(200,166,106,.14)}.tooltip-profit-model>div:first-child b{color:#ead29e;font-size:13px}

/* Quality D04 R3: final confirmation and spend efficiency */
.tooltip-final-confirm{display:grid;grid-template-columns:.9fr 1.1fr;gap:6px;margin-top:9px}.tooltip-final-confirm>div{padding:9px;border-radius:6px;background:rgba(157,31,54,.06);border:1px solid rgba(223,117,133,.13)}.tooltip-final-confirm span,.tooltip-final-confirm small{display:block;color:#9e9297;font-size:8px}.tooltip-final-confirm b{display:block;margin:4px 0;color:#f0ccd2;font-size:11px}.tooltip-final-confirm i{display:block;width:var(--confirm);height:3px;border-radius:4px;background:#df7585;box-shadow:0 0 7px rgba(223,117,133,.35)}.tooltip-spend-roi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}.tooltip-spend-roi>div{padding:8px 7px;border-radius:6px;background:rgba(200,166,106,.05);border:1px solid rgba(200,166,106,.12)}.tooltip-spend-roi span,.tooltip-spend-roi small{display:block;color:#9a958c;font-size:8px}.tooltip-spend-roi b{display:block;margin:4px 0;color:#ead29e;font-size:11px}

/* Quality D04 R4: distinct executive and anchor hover profiles */
.anchor-tooltip-head{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.anchor-tooltip-head>span{color:#52a0de;font-size:9px;letter-spacing:.13em}.anchor-tooltip-head h4{margin:4px 0!important;font-size:18px!important}.anchor-tooltip-head p{margin:0;color:#98a1a9;font-size:9px}.anchor-tooltip-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px}.anchor-tooltip-metrics>div{padding:8px 7px;border-radius:6px;background:rgba(82,160,222,.045);border:1px solid rgba(82,160,222,.1)}.anchor-tooltip-metrics span{display:block;color:#919ca5;font-size:8px}.anchor-tooltip-metrics b{display:block;margin-top:4px;color:#e4ebef;font-size:10px}.anchor-tooltip-metrics .is-risk{color:#ec8594}.anchor-tooltip-metrics .is-safe{color:#70d5be}

/* Quality D04 R5: measured viewport-safe hover positioning */
.metric-tooltip{max-height:calc(100vh - 24px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(200,166,106,.32) transparent}

/* Quality D08 R5: executive line merge trace */
.executive-lineage{margin-left:auto;min-width:210px;padding:12px;border:1px solid rgba(200,166,106,.16);border-radius:8px;background:rgba(200,166,106,.05)}.executive-lineage span,.executive-lineage small,.executive-lineage em{display:block;font-size:9px}.executive-lineage span{color:#6cd0b9}.executive-lineage b{display:block;margin:5px 0;font-size:13px;color:#ead8b5}.executive-lineage small{color:#948a79}.executive-lineage em{margin-top:7px;padding-top:7px;border-top:1px solid rgba(200,166,106,.12);color:#b7a785;font-style:normal;line-height:1.5}

/* Quality D09 R1: desktop readability and target sizing */
@media(min-width:1101px){.topbar{height:72px;grid-template-rows:31px 31px}.dashboard-main{height:calc(100% - 80px)}.scope-context-line{height:26px;font-size:10px;gap:6px}.scope-context-line>span{font-size:10px}.scope-context-line>b{font-size:11px}.scope-context-line>button{height:25px;min-height:25px;font-size:10px}.scope-context-line .permission-root-button span{font-size:9px}.scope-context-line .permission-root-button b{font-size:10px}.scope-filters label{height:31px}.scope-filters select{height:29px;font-size:12px}.time-filters button{min-width:31px;min-height:30px;font-size:12px}.topbar-actions>button,.topbar-actions>a.maintenance-button{height:31px;min-height:31px}.metric-label{font-size:13px}.metric-foot{font-size:11px}.metric-visual small{font-size:8px!important}.metric-secondary span{font-size:9px}.segmented.small button{min-height:30px;font-size:10px}.link-button{min-height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center}.ranking-scroll-hint{font-size:10px}.dock-status{font-size:10px}}

/* Quality D09 R2: keyboard focus and roving navigation */
:where(button,a,select,[role="button"]):focus-visible{outline:2px solid #f2cf87!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(200,166,106,.16)!important}.rank-item:focus-visible,.drill-table tbody tr:focus-visible{border-radius:7px;background:linear-gradient(90deg,rgba(200,166,106,.14),rgba(200,166,106,.025));outline-offset:-2px!important}.ranking-list{overscroll-behavior:contain;scroll-behavior:smooth}

/* Quality D09 R3: explicit ranking scroll controls */
.ranking-scroll-hint{height:24px;align-items:center;gap:6px;overflow:visible}.ranking-scroll-hint>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-scroll-controls{display:flex;align-items:center;gap:4px;flex:none}.ranking-scroll-controls>b{min-width:56px;text-align:right;font-size:9px}.ranking-scroll-controls button{width:28px;height:28px;padding:0;border:1px solid rgba(200,166,106,.2);border-radius:6px;background:rgba(200,166,106,.07);color:#d9bd82;font-size:12px;cursor:pointer}.ranking-scroll-controls button:disabled{opacity:.28;cursor:default}.ranking-list{height:calc(100% - 97px)!important;scrollbar-width:thin;scrollbar-color:rgba(200,166,106,.65) rgba(255,255,255,.025)}.ranking-list::-webkit-scrollbar{width:6px}.ranking-list::-webkit-scrollbar-thumb{background:rgba(200,166,106,.62);border-radius:8px}.ranking-list::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}

/* Quality D09 R4: persistent drawer context and controls */
@media(min-width:601px){.detail-drawer{padding:0 34px 36px}}
.drawer-utility{position:sticky;top:0;z-index:25;height:58px;margin:0 -34px 18px;padding:0 20px;display:grid;grid-template-columns:120px 1fr 38px;align-items:center;gap:12px;border-bottom:1px solid rgba(200,166,106,.16);background:linear-gradient(180deg,rgba(17,21,26,.99),rgba(17,21,26,.94));backdrop-filter:blur(16px)}.drawer-utility .drawer-back,.drawer-utility .drawer-close{position:static;inset:auto;margin:0}.drawer-utility .drawer-back{justify-self:start;height:34px}.drawer-utility .drawer-back[hidden]{display:block;visibility:hidden;pointer-events:none}.drawer-utility .drawer-close{justify-self:end;width:36px;height:36px}.drawer-utility-context{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#8e979f;font-size:10px}.drawer-utility-context span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-utility-context i{width:1px;height:11px;background:rgba(200,166,106,.28)}.drawer-utility-context b{padding:5px 8px;border-radius:999px;background:rgba(200,166,106,.09);color:#d8bd83;font-size:9px;white-space:nowrap}.drawer-actions{position:sticky;top:62px;z-index:18;background:rgba(17,21,26,.96);backdrop-filter:blur(12px)}
@media(max-width:600px){.drawer-utility{height:54px;margin:-62px -15px 18px;padding:0 14px;grid-template-columns:106px 1fr 36px}.drawer-utility-context span:nth-of-type(2),.drawer-utility-context i{display:none}.drawer-actions{top:56px}}

/* Quality D09 R5: quick command center and protected dismissal */
.quick-command-panel{position:fixed;z-index:75;top:88px;right:14px;width:410px;box-sizing:border-box;padding:16px;border-radius:12px;background:rgba(16,20,25,.985);border:1px solid rgba(200,166,106,.28);box-shadow:0 22px 62px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:.2s var(--ease)}.quick-command-panel.is-open{opacity:1;visibility:visible;transform:none}.quick-command-head{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:9px}.quick-command-head span{font-size:9px;letter-spacing:.15em;color:#c8a66a}.quick-command-head h2{margin:4px 0 0;font-size:17px}.quick-command-head kbd{padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#9da5ad;font:9px inherit}.quick-command-head button{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:transparent;color:#d8dadc;font-size:18px;cursor:pointer}.quick-command-search{display:block;margin-top:13px}.quick-command-search>span{display:block;margin-bottom:5px;color:#9098a1;font-size:9px}.quick-command-search input{width:100%;height:38px;box-sizing:border-box;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.035);color:#eef0f1;font-size:12px;outline:none}.quick-command-search input:focus{border-color:rgba(200,166,106,.48)}.quick-command-list{display:flex;flex-direction:column;gap:5px;margin-top:10px;max-height:390px;overflow:auto}.quick-command-list button{min-height:50px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.018);color:#e5e7e8;text-align:left;cursor:pointer}.quick-command-list button:hover,.quick-command-list button:focus-visible{border-color:rgba(200,166,106,.34);background:rgba(200,166,106,.07)}.quick-command-list button>i{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:rgba(200,166,106,.1);color:#d9bd82;font-style:normal}.quick-command-list button span b,.quick-command-list button span small{display:block}.quick-command-list button span b{font-size:11px}.quick-command-list button span small{margin-top:4px;color:#858d96;font-size:9px}.quick-command-list button em{color:#bca46e;font-size:9px;font-style:normal}.quick-command-empty{padding:22px;text-align:center;color:#8b939b;font-size:11px}.quick-command-panel [hidden]{display:none!important}.prototype-capability-strip{margin-top:11px;padding:11px;border:1px solid rgba(72,198,169,.18);border-radius:8px;background:linear-gradient(125deg,rgba(72,198,169,.055),rgba(200,166,106,.035))}.prototype-capability-strip>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px}.prototype-capability-strip span{color:#58c9b0;font-size:8px;letter-spacing:.12em}.prototype-capability-strip strong{font-size:10px;color:#dce6e3}.prototype-capability-strip em{padding:4px 7px;border-radius:999px;background:rgba(72,198,169,.12);color:#84dfca;font-size:9px;font-style:normal}.prototype-capability-strip p{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0 0}.prototype-capability-strip b{padding:6px 4px;border:1px solid rgba(255,255,255,.055);border-radius:5px;background:rgba(255,255,255,.02);color:#9ca8a5;font-size:8px;text-align:center;font-weight:500}.prototype-capability-strip b:before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#48c6a9;box-shadow:0 0 5px rgba(72,198,169,.55);vertical-align:1px}
.prototype-health{margin-top:8px;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(72,198,169,.16);border-radius:7px;background:rgba(72,198,169,.035)}.prototype-health>i{width:7px;height:7px;border-radius:50%;background:#48c6a9;box-shadow:0 0 8px rgba(72,198,169,.72)}.prototype-health span b,.prototype-health span small{display:block}.prototype-health span b{font-size:9px;color:#c9d8d4}.prototype-health span small{margin-top:3px;color:#7f9993;font-size:8px}.prototype-health em{color:#7bd8c3;font-size:9px;font-style:normal;font-variant-numeric:tabular-nums}.prototype-health.is-warning{border-color:rgba(221,173,89,.24);background:rgba(221,173,89,.05)}.prototype-health.is-warning>i{background:#d9a958;box-shadow:0 0 8px rgba(217,169,88,.6)}.prototype-health.is-warning em{color:#e1bb75}.prototype-health.is-error{border-color:rgba(223,117,133,.27);background:rgba(223,117,133,.055)}.prototype-health.is-error>i{background:#df7585;box-shadow:0 0 8px rgba(223,117,133,.6)}.prototype-health.is-error em{color:#ef9caa}
@media(max-width:1500px) and (min-width:601px){.quick-command-panel{top:86px;right:9px}}

/* Quality D10 R1: immediate executive judgement */
.operating-brief{position:absolute;z-index:5;top:12px;left:148px;right:12px;min-height:48px;box-sizing:border-box;padding:8px 10px;display:flex;align-items:center;gap:12px;border:1px solid rgba(72,198,169,.22);border-radius:9px;background:linear-gradient(90deg,rgba(10,22,24,.9),rgba(10,15,19,.76));backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.22)}.operating-brief>div{min-width:0;flex:1}.operating-brief>div span{display:block;color:#62c9b2;font-size:8px;letter-spacing:.12em}.operating-brief>div strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6f2ef;font-size:11px}.operating-brief nav{display:flex;gap:5px;flex:none}.operating-brief button{height:30px;padding:0 9px;border:1px solid rgba(200,166,106,.22);border-radius:6px;background:rgba(200,166,106,.065);color:#dcc48e;font-size:9px;cursor:pointer;white-space:nowrap}.operating-brief button b{color:#ffcf72;font-size:10px}.operating-brief button:hover{border-color:rgba(200,166,106,.5);background:rgba(200,166,106,.12)}
@media(max-width:1500px) and (min-width:1101px){.operating-brief{left:146px;gap:7px}.operating-brief>div strong{font-size:10px}.operating-brief button{padding:0 7px}}

/* Quality D10 R3: actionable todo closure */
.todo-item{position:relative;padding-right:62px!important}.todo-item>small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77818b;font-size:9px}.todo-item>em{position:absolute;right:8px;top:9px;padding:4px 6px;border-radius:999px;background:rgba(200,166,106,.1);color:#d0b579;font-size:8px;font-style:normal}.todo-decision-state,.todo-return-form{margin:0 0 14px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.02)}.todo-decision-state span,.todo-return-form>div>span{display:block;color:#c8a66a;font-size:9px;letter-spacing:.13em}.todo-decision-state b{display:block;margin:6px 0;font-size:13px}.todo-decision-state small{color:#8d959d;font-size:10px}.todo-decision-state.is-completed{border-color:rgba(72,198,169,.25);background:rgba(72,198,169,.055)}.todo-decision-state.is-completed span{color:#64d1b8}.todo-decision-state.is-returned{border-color:rgba(223,117,133,.24);background:rgba(223,117,133,.05)}.todo-decision-state.is-returned span{color:#e48190}.todo-return-form h3{margin:5px 0;font-size:15px}.todo-return-form p{margin:0;color:#8b939c;font-size:10px;line-height:1.6}.todo-return-form>label{display:block;margin:12px 0 6px;color:#a9b0b7;font-size:10px}.todo-return-form textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid rgba(255,255,255,.11);border-radius:7px;resize:vertical;background:rgba(255,255,255,.025);color:#e9ebec;font:11px inherit;outline:none}.todo-return-form textarea:focus{border-color:rgba(200,166,106,.45)}.todo-return-form>small{display:block;min-height:16px;margin-top:5px;color:#e48190;font-size:9px}.todo-return-form>div:last-child{display:flex;justify-content:flex-end;gap:7px}.todo-return-form button{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.025);color:#c9ced2;font-size:10px;cursor:pointer}.todo-return-form #submitTodoReturn{border-color:rgba(223,117,133,.28);background:rgba(223,117,133,.09);color:#f0b7bf}.todo-return-form #submitTodoReturn:disabled{opacity:.35;cursor:not-allowed}

/* Quality D08 R4: immutable ownership and historical assignment */
.ownership-profile{margin:14px 0;padding:17px;border:1px solid rgba(114,151,214,.17);border-radius:11px;background:linear-gradient(145deg,rgba(64,105,177,.07),rgba(255,255,255,.015))}.ownership-current{display:grid;grid-template-columns:1fr 1px auto;align-items:center;gap:14px;padding:12px;border-radius:8px;background:rgba(12,21,34,.45)}.ownership-current span,.ownership-current small{display:block;color:#8495aa;font-size:9px}.ownership-current b{display:block;margin:5px 0;font-size:13px;color:#dce9fa}.ownership-current>i{width:1px;height:32px;background:rgba(114,151,214,.22)}.ownership-current>strong{padding:7px 10px;border-radius:999px;background:rgba(114,151,214,.1);color:#aac6ef;font-size:11px}.ownership-accounts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.ownership-accounts article{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.018)}.ownership-accounts span,.ownership-accounts small{display:block;color:#8091a5;font-size:9px}.ownership-accounts b{display:block;margin:5px 0;font-size:11px}.ownership-merge{margin-top:9px;padding:11px 12px;border-left:2px solid #c8a66a;border-radius:6px;background:rgba(200,166,106,.07)}.ownership-merge span,.ownership-merge small{display:block;color:#9d8e70;font-size:9px}.ownership-merge b{display:block;margin:5px 0;color:#ead8b5;font-size:11px}.ownership-history{margin-top:11px}.ownership-history>b{display:block;margin-bottom:7px;font-size:11px}.ownership-history article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid rgba(255,255,255,.055)}.ownership-history i{padding:4px 6px;border-radius:999px;background:rgba(72,198,169,.1);color:#8ed9c8;font-size:8px;font-style:normal;text-align:center}.ownership-history .is-history i{background:rgba(255,255,255,.05);color:#84909d}.ownership-history strong,.ownership-history span{display:block;font-size:10px}.ownership-history span,.ownership-history small{margin-top:3px;color:#7f8995;font-size:9px}.ownership-mini{display:grid;grid-template-columns:72px 1fr;gap:3px 8px;margin-top:8px;padding:8px;border-radius:6px;background:rgba(200,166,106,.07)}.ownership-mini span{color:#ad966b;font-size:8px}.ownership-mini b{font-size:9px}.ownership-mini small{grid-column:2;color:#81878f;font-size:8px}

@media(max-width:600px){
  .login-visual{height:min(31vh,270px)}
  .login-caption{left:22px;right:18px;bottom:18px}.login-caption h1{margin:10px 0 0;font-size:27px;line-height:1.2}
  .login-panel-wrap{padding:22px 20px 28px;place-items:start center}.login-panel{width:100%}
  .brand-logo{width:128px;margin-bottom:16px}.login-heading h2{font-size:24px;margin:8px 0 6px}.login-heading p{margin-bottom:20px;font-size:13px}
  .field{margin:13px 0}.field>span:first-child{font-size:13px}.field input{height:48px;font-size:15px}
  .password-box .text-button{top:2px;right:2px;min-width:52px;height:44px;font-size:13px}
  .form-meta{margin:13px 0;font-size:13px}.remember{display:flex;min-height:44px;align-items:center;gap:7px}.remember input{width:20px;height:20px}
  .primary-button{min-height:52px;font-size:15px}.login-footer{margin-top:18px;font-size:11px}
  .scope-filters label{height:58px!important;padding:7px 8px!important}.scope-filters label span{font-size:11px!important}.scope-filters select{height:32px!important;font-size:13px!important}
  .time-filters button{min-height:44px;font-size:13px}.topbar-actions{justify-content:space-between!important;gap:6px!important}
  .topbar-actions>button,.topbar-actions>a.maintenance-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .topbar-actions .maintenance-button{min-width:62px!important}.maintenance-button span:after{font-size:12px}
  .dashboard-scene :where(button,a,select){min-height:44px}
  .segmented.small button,.tab-row button,.link-button,.ranking-scroll-controls button,.layer-nav-vertical button,.operating-brief button{font-size:12px}
  .segmented.small button,.ranking-scroll-controls button{min-width:44px}.stage-head button{font-size:12px}
  .ranking-card{height:320px!important}.ranking-list{height:172px!important}.daily-card{height:250px!important}
  .right-rail .module-card{height:auto;min-height:285px}.violation-dock{min-height:310px}.bottom-dock{padding-bottom:76px}
  .update-ticker{min-height:48px}.drawer-actions button,.todo-return-form button{min-height:44px;font-size:12px}
}

@media(max-width:600px){
  #muteButton,#fullscreenButton{display:none!important}
}

@media(min-width:1101px){
  .topbar{height:76px;grid-template-rows:34px 31px}
  .dashboard-main{height:calc(100% - 84px)}
  .scope-filters{grid-template-rows:32px 31px;row-gap:4px}
  .scope-context-line{height:32px}
  .scope-context-line>button{height:26px;min-height:26px}
}

/* Account session menu and logout confirmation */
.account-control{position:relative;flex:none;width:34px;height:34px}.account-control>.avatar{width:34px;height:34px;border:1px solid rgba(223,117,133,.24);border-radius:50%;background:rgba(157,31,54,.26);color:#f2cbd1;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.account-control>.avatar:hover,.account-control>.avatar:focus-visible,.account-control>.avatar[aria-expanded="true"]{border-color:rgba(223,117,133,.58);background:rgba(157,31,54,.4);box-shadow:0 0 0 3px rgba(157,31,54,.12);outline:none}.account-menu{position:absolute;z-index:90;top:43px;right:0;width:286px;padding:11px;border:1px solid rgba(200,166,106,.24);border-radius:12px;background:rgba(15,19,24,.99);box-shadow:0 22px 64px rgba(0,0,0,.58);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:.18s var(--ease)}.account-menu.is-open{opacity:1;visibility:visible;transform:none}.account-menu-profile{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:8px}.account-menu-profile>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(223,117,133,.3);border-radius:50%;background:rgba(157,31,54,.25);color:#f2cbd1;font-size:14px}.account-menu-profile b,.account-menu-profile small{display:block}.account-menu-profile b{color:#eceef0;font-size:12px}.account-menu-profile small{margin-top:5px;color:#858e97;font-size:9px;line-height:1.45}.account-menu-session{display:flex;align-items:center;gap:7px;margin:3px 8px 9px;padding:8px 9px;border:1px solid rgba(72,198,169,.15);border-radius:7px;background:rgba(72,198,169,.045);color:#83cabb;font-size:9px}.account-menu-session i{width:6px;height:6px;border-radius:50%;background:#48c6a9;box-shadow:0 0 8px rgba(72,198,169,.75)}.account-menu>button{width:100%;min-height:52px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(223,117,133,.14);border-radius:8px;background:rgba(223,117,133,.035);color:#e8eaeb;text-align:left;cursor:pointer}.account-menu>button:hover,.account-menu>button:focus-visible{border-color:rgba(223,117,133,.36);background:rgba(223,117,133,.085);outline:none}.account-menu>button>i{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:rgba(157,31,54,.19);color:#ed98a6;font-style:normal;font-size:15px}.account-menu>button span b,.account-menu>button span small{display:block}.account-menu>button span b{font-size:11px}.account-menu>button span small{margin-top:4px;color:#8f979f;font-size:9px}.account-menu>button em{color:#d98896;font-size:9px;font-style:normal}.logout-confirm-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(3,5,7,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.2s}.logout-confirm-overlay.is-open{opacity:1;visibility:visible}.logout-confirm-dialog{width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid rgba(200,166,106,.28);border-radius:15px;background:linear-gradient(145deg,rgba(24,28,34,.99),rgba(12,15,19,.99));box-shadow:0 28px 90px rgba(0,0,0,.65);text-align:center;transform:translateY(10px) scale(.985);transition:.2s var(--ease)}.logout-confirm-overlay.is-open .logout-confirm-dialog{transform:none}.logout-confirm-icon{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(223,117,133,.28);border-radius:50%;background:rgba(157,31,54,.17);color:#e997a4;font-size:24px}.logout-confirm-dialog>span{color:#c8a66a;font-size:9px;letter-spacing:.16em}.logout-confirm-dialog h2{margin:8px 0 9px;font-size:20px;font-weight:500}.logout-confirm-dialog p{margin:0;color:#9199a1;font-size:11px;line-height:1.7}.logout-confirm-dialog>strong{display:block;margin:16px 0;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.025);color:#d7dadd;font-size:10px;font-weight:500}.logout-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.logout-confirm-actions button{height:42px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.03);color:#c9ced2;font-size:11px;cursor:pointer}.logout-confirm-actions button:hover,.logout-confirm-actions button:focus-visible{border-color:rgba(200,166,106,.4);outline:none}.logout-confirm-actions button.is-primary{border-color:rgba(223,117,133,.38);background:linear-gradient(110deg,rgba(126,27,46,.95),rgba(171,47,68,.95));color:#fff}.logout-confirm-actions button:disabled{opacity:.6;cursor:wait}.login-error.is-success{color:#61cdb4}.login-error.is-warning{color:#d9a958}
@media(max-width:600px){.account-control{width:44px;height:44px}.account-control>.avatar{width:44px!important;height:44px!important}.account-menu{position:fixed;top:66px;right:8px;width:min(310px,calc(100vw - 16px));padding:12px}.account-menu-profile b{font-size:14px}.account-menu-profile small,.account-menu-session,.account-menu>button span small,.account-menu>button em{font-size:11px}.account-menu>button span b{font-size:13px}.account-menu>button{min-height:60px}.logout-confirm-dialog{padding:24px 20px}.logout-confirm-actions button{height:46px;font-size:13px}}

/* Upcoming layer entries under the three live layers */
.layer-nav-vertical button.is-upcoming{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  column-gap:6px;
  row-gap:0;
  align-items:center;
  height:auto;
  min-height:43px;
  padding:6px 8px;
  opacity:.58;
  color:#7a8189;
  cursor:not-allowed;
  white-space:normal;
}
.layer-nav-vertical button.is-upcoming span{grid-row:1 / span 2;align-self:center}
.layer-nav-vertical button.is-upcoming strong{grid-column:2;font-size:11px;font-weight:600;color:#8d949c;line-height:1.2}
.layer-nav-vertical button.is-upcoming em{
  grid-column:2;
  margin-top:1px;
  color:#a08a55;
  font-size:8px;
  font-style:normal;
  letter-spacing:.08em;
}
.layer-nav-vertical button.is-upcoming:hover,
.layer-nav-vertical button.is-upcoming:focus-visible{
  border-color:rgba(255,255,255,.08);
  background:rgba(9,12,16,.82);
  color:#7a8189;
  outline:none;
}
@media(max-width:600px){
  .layer-nav-vertical button.is-upcoming{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    min-height:44px;
    padding:4px 3px;
    text-align:center;
  }
  .layer-nav-vertical button.is-upcoming span{display:none}
  .layer-nav-vertical button.is-upcoming strong{font-size:9px}
  .layer-nav-vertical button.is-upcoming em{font-size:8px}
}

.metric-visual small{display:none}
.metric-foot .metric-updated-at{color:#aeb4bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68%;font-variant-numeric:tabular-nums}
.metric-subs{display:flex;gap:10px;margin:0 0 4px;min-width:0}
.metric-subs>div{min-width:0}
.metric-subs span{display:block;font-size:8px;color:#8f969e;letter-spacing:.02em}
.metric-subs b{display:block;margin-top:1px;font-size:11px;font-weight:500;color:#e8eaec;font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-subs b.is-up{color:#73d7c1}
.metric-subs b.is-down{color:#eb7082}
.metric-settlement .metric-value,.metric-rate .metric-value{margin:4px 0 2px;font-size:clamp(18px,1.4vw,26px)}
.metric-card{display:flex;flex-direction:column;min-height:100%;height:100%}
.metric-head{display:block;min-height:0}
.metric-spend .metric-head{padding-right:58px}
.metric-base{margin-top:auto;padding-top:8px;position:relative;z-index:2;min-width:0}
.metric-mom{display:flex;align-items:baseline;gap:6px;min-height:16px;line-height:1.2;text-align:left}
.metric-mom small{display:inline;font-size:9px;color:#8f969e;letter-spacing:.02em}
.metric-mom b{display:inline;margin:0;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.metric-mom.is-up b{color:#73d7c1}
.metric-mom.is-down b{color:#eb7082}
.metric-mom.is-empty{visibility:hidden}
.metric-foot{margin-top:0;padding-top:2px;position:relative;z-index:2;align-items:flex-end;gap:6px}
.metric-visual,.metric-spark{bottom:54px;z-index:0}
.metric-comparison-bars{display:grid;gap:3px;margin:3px 0 4px}.metric-comparison-bars i{display:block;width:100%;height:3px;border-radius:999px;background:rgba(100,136,138,.12);overflow:hidden}.metric-comparison-bars i b{display:block;width:var(--metric-bar-width,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#47bfa9,#72d8c2);transition:width .35s ease}.metric-comparison-bars i.is-comparison b{background:repeating-linear-gradient(90deg,#7f9499 0 4px,#566a70 4px 7px)}.metric-comparison-bars[data-state="unavailable"]{opacity:.28}
.commerce-monitor{display:grid;gap:8px;height:100%;align-content:start;padding:2px}.commerce-monitor-rate{display:grid;width:100%;grid-template-columns:1fr auto;align-items:end;padding:9px 10px;border:1px solid rgba(72,199,175,.16);border-radius:9px;background:rgba(72,199,175,.045);color:inherit;text-align:left;cursor:pointer}.commerce-monitor-rate:hover,.commerce-monitor-rate:focus-visible{border-color:rgba(72,199,175,.5);outline:0}.commerce-monitor-rate span{color:#8ca0a4;font-size:9px}.commerce-monitor-rate strong{grid-row:1 / 3;grid-column:2;color:#e8d19a;font-size:20px;font-weight:620}.commerce-monitor-rate small{margin-top:3px;color:#69cdb9;font-size:8px}.commerce-monitor dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0}.commerce-monitor dl div{padding:6px 7px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.022)}.commerce-monitor dt{color:#788c91;font-size:8px}.commerce-monitor dd{margin:3px 0 0;color:#d9e4e2;font-size:9px;font-weight:600}.commerce-monitor>p{margin:0;color:#7f9296;font-size:7px;line-height:1.4}.commerce-risk-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding-top:2px}.commerce-risk-head span{font-size:9px;color:#d9e4e2}.commerce-risk-head b{font-size:9px;color:#e8d19a}.commerce-risk-head small{grid-column:1 / -1;color:#788c91;font-size:7px}.commerce-risk-list{display:grid;gap:4px}.commerce-risk-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 6px;align-items:center;width:100%;padding:6px 7px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.025);color:#d9e4e2;text-align:left;cursor:pointer}.commerce-risk-item:hover,.commerce-risk-item:focus-visible{border-color:rgba(200,166,106,.45);outline:0}.commerce-risk-item span{min-width:0}.commerce-risk-item span b{display:block;overflow:hidden;color:#edf3f1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.commerce-risk-item span small{display:block;overflow:hidden;margin-top:2px;color:#788c91;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.commerce-risk-item>strong{font-size:10px;color:#e8d19a}.commerce-risk-item>em{padding:2px 4px;border-radius:10px;background:rgba(200,166,106,.1);color:#d7bf87;font-size:7px;font-style:normal}.commerce-risk-item.is-high>em{background:rgba(190,72,89,.13);color:#e58191}.commerce-risk-item>i{grid-column:2 / 4;color:#9dacaf;font-size:7px;font-style:normal}.commerce-risk-item>p{grid-column:1 / -1;margin:1px 0 0;overflow:hidden;color:#75898e;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.commerce-risk-empty{display:grid;place-items:center;min-height:48px;border:1px dashed rgba(200,166,106,.16);border-radius:7px;text-align:center}.commerce-risk-empty b{font-size:8px;color:#b9c6c4}.commerce-risk-empty span{font-size:7px;color:#708287}.commerce-risk-table td small{display:block;margin-top:3px;color:#788c91}.commerce-risk-badge{display:inline-block;padding:3px 6px;border-radius:10px;background:rgba(200,166,106,.1);color:#d7bf87;font-size:9px}.commerce-risk-badge.is-high{background:rgba(190,72,89,.13);color:#e58191}.commerce-risk-badge.is-low{background:rgba(72,199,175,.12);color:#69cdb9}
.dashboard-main{grid-template-rows:auto minmax(0,1fr) 92px;gap:14px}
.metric-strip{min-height:128px;align-items:stretch}
@media(min-width:1101px){.metric-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
.metric-card[hidden]{display:none!important}
@media(max-width:1500px){.dashboard-main{grid-template-rows:auto minmax(0,1fr) 84px;gap:12px}.metric-strip{min-height:122px}}
@media(max-width:1100px){.dashboard-main{grid-template-rows:auto minmax(0,1fr) 92px;gap:10px}.metric-strip{min-height:0}}
.trend-chart-detailed svg{display:block;width:100%;height:180px}
.trend-chart-detailed .trend-point{fill:#c8a66a;stroke:#0b0d10;stroke-width:1}
.trend-chart-detailed{position:relative;height:auto;min-height:206px;margin:0;padding-bottom:2px;overflow:visible}
.trend-hover-guide{position:absolute;top:0;bottom:26px;width:1px;background:rgba(200,166,106,.55);pointer-events:none;transform:translateX(-50%);z-index:2}
.trend-hover-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid #0b0d10;border-radius:50%;background:#c8a66a;pointer-events:none;z-index:4}
.trend-tooltip{position:absolute;top:8px;z-index:5;min-width:148px;padding:8px 10px;border:1px solid rgba(200,166,106,.38);border-radius:8px;background:rgba(10,14,18,.94);box-shadow:0 8px 24px rgba(0,0,0,.35);transform:translateX(-50%);pointer-events:none;color:#d5dbe0;font-size:11px}
.trend-tooltip strong{display:block;margin-bottom:6px;color:#f3f0e8;font-size:12px}
.trend-tooltip div{display:flex;justify-content:space-between;gap:12px;line-height:1.6}
.trend-tooltip span{color:#8b929a}
.trend-tooltip b{color:#e8d7b0;font-weight:600}
.trend-hit-layer{position:absolute;inset:0 0 26px;display:flex;z-index:3}
.trend-hit{flex:1;margin:0;padding:0;border:0;background:transparent;cursor:crosshair}
.trend-chart-detailed .trend-axis{position:relative;left:auto;right:auto;bottom:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:0;margin-top:4px;color:#7d868e}
.trend-axis-tick{flex:1;min-width:0;margin:0;padding:6px 0 0;border:0;background:transparent;color:#7d868e;font-size:9px;line-height:1;cursor:pointer}
.trend-axis-tick span{display:block;text-align:center}
.trend-axis-tick.is-labeled{color:#b7bec4;font-size:10px}
.trend-axis-tick:not(.is-labeled) span{opacity:.7}
.trend-axis-tick:hover,.trend-axis-tick.is-active,.trend-axis-tick:focus-visible{color:#e8d7b0}
.drawer-section-head small{display:block;margin-top:3px;color:#8b929a;font-size:11px}
.trend-chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#8b929a;font-size:13px;letter-spacing:.02em;background:rgba(255,255,255,.02)}

/* Premium data presentation visual refinement, 2026.08.20 */
html.dashboard-active {
  --bg: #050a0e;
  --panel: rgba(9, 18, 23, .94);
  --panel-soft: rgba(10, 22, 28, .82);
  --gold: #c8a565;
  --gold-hi: #ead39d;
  --red: #b94759;
  --white: #edf4f3;
  --muted: #81949a;
  --green: #48c7af;
  --warn: #d3a456;
  --line: rgba(119, 164, 164, .17);
  --presentation-navy: #07141a;
  --presentation-navy-deep: #040a0e;
  --presentation-teal: #36aa9f;
  --presentation-teal-hi: #67d7c5;
  --presentation-gold-soft: #d8b978;
  --presentation-line: rgba(105, 160, 160, .18);
  --presentation-line-strong: rgba(105, 177, 172, .32);
  --presentation-shadow: 0 20px 56px rgba(0, 7, 11, .36), 0 3px 10px rgba(0, 7, 11, .2);
  --presentation-shadow-soft: 0 12px 32px rgba(0, 7, 11, .25), 0 2px 6px rgba(0, 7, 11, .16);
  --presentation-ease: cubic-bezier(.22, .61, .36, 1);
}

html.dashboard-active body,
.dashboard-scene {
  font-family: "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  font-feature-settings: "kern" 1, "tnum" 1, "ss01" 1;
  font-variant-numeric: tabular-nums lining-nums;
  text-rendering: optimizeLegibility;
}

.dashboard-scene {
  isolation: isolate;
  color: var(--white);
  background:
    radial-gradient(circle at 54% 31%, rgba(44, 135, 139, .135), transparent 34%),
    radial-gradient(circle at 14% 82%, rgba(200, 165, 101, .065), transparent 28%),
    linear-gradient(180deg, #071218 0%, #050b10 55%, #03070a 100%);
}

.dashboard-scene::before {
  opacity: .62;
  background-image:
    linear-gradient(rgba(102, 164, 166, .027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(102, 164, 166, .027) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .76) 72%, transparent 100%);
}

.dashboard-scene::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(2, 7, 10, .28), transparent 18%, transparent 82%, rgba(2, 7, 10, .28)),
    radial-gradient(circle at 50% 45%, transparent 48%, rgba(1, 5, 8, .22) 100%);
  pointer-events: none;
}

.dashboard-scene .glass-panel {
  border-color: var(--presentation-line);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .028), transparent 38%),
    linear-gradient(148deg, rgba(13, 26, 32, .955), rgba(6, 13, 18, .91));
  box-shadow: var(--presentation-shadow), inset 0 1px rgba(255, 255, 255, .048), inset 0 0 0 1px rgba(1, 8, 11, .32);
  backdrop-filter: blur(18px) saturate(1.08);
}

.dashboard-scene .topbar {
  border-color: rgba(112, 167, 165, .21);
  background:
    linear-gradient(90deg, rgba(18, 32, 38, .98), rgba(8, 18, 24, .97) 48%, rgba(10, 21, 27, .98)),
    linear-gradient(180deg, rgba(255, 255, 255, .03), transparent);
  box-shadow: 0 18px 45px rgba(0, 6, 10, .38), inset 0 1px rgba(255, 255, 255, .055), inset 0 -1px rgba(28, 117, 119, .06);
}

.dashboard-scene .topbar::after {
  position: absolute;
  right: 18px;
  bottom: -1px;
  left: 18px;
  height: 1px;
  content: "";
  opacity: .78;
  background: linear-gradient(90deg, transparent, rgba(64, 194, 182, .48) 24%, rgba(200, 165, 101, .5) 54%, rgba(57, 167, 164, .34) 79%, transparent);
  pointer-events: none;
}

.dashboard-scene .topbar-brand img {
  filter: saturate(.92) contrast(1.03) brightness(.98);
}

.dashboard-scene .topbar-brand > div {
  border-left-color: rgba(200, 165, 101, .28);
}

.dashboard-scene .topbar-brand h1 {
  color: #f2f5f2;
  font-family: "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", sans-serif;
  font-weight: 720;
  letter-spacing: .025em;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .32);
}

.dashboard-scene .topbar-brand span {
  color: #bda36c;
  font-weight: 650;
  letter-spacing: .12em;
}

.dashboard-scene .scope-context-line {
  color: #83979c;
}

.dashboard-scene .scope-context-line > span {
  color: #6f858b;
}

.dashboard-scene .scope-context-line > b {
  color: #d8e2e1;
  font-weight: 680;
}
.dashboard-scene .scope-context-line .page-data-state{display:inline-flex;align-items:center;gap:5px}.dashboard-scene .scope-context-line .page-data-state small{color:var(--warn);font-size:8px;font-weight:500}.dashboard-scene .scope-context-line .page-data-state[data-page-state="available"]>span{color:var(--green)}.dashboard-scene .scope-context-line .page-data-state[data-page-state="incomplete"]>span,.dashboard-scene .scope-context-line .page-data-state[data-page-state="loading"]>span,.dashboard-scene .scope-context-line .page-data-state[data-page-state="empty"]>span{color:var(--warn)}.dashboard-scene .scope-context-line .page-data-state[data-page-state="failed"]>span,.dashboard-scene .scope-context-line .page-data-state[data-page-state="restricted"]>span{color:#df7585}
.dashboard-scene .scope-context-line > i {
  background: rgba(200, 165, 101, .25);
}

.dashboard-scene .scope-context-line .permission-root-button {
  border-color: rgba(72, 199, 175, .29);
  background: linear-gradient(145deg, rgba(72, 199, 175, .12), rgba(72, 199, 175, .055));
  color: #b9ece2;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.dashboard-scene .scope-filters label {
  border-color: rgba(106, 155, 156, .17);
  background: linear-gradient(145deg, rgba(255, 255, 255, .033), rgba(255, 255, 255, .012));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  transition: border-color .2s ease, background .2s ease, box-shadow .22s ease;
}

.dashboard-scene .scope-filters label:hover,
.dashboard-scene .scope-filters label:focus-within {
  border-color: rgba(64, 186, 178, .38);
  background: linear-gradient(145deg, rgba(65, 183, 175, .07), rgba(255, 255, 255, .018));
  box-shadow: inset 0 0 0 1px rgba(64, 186, 178, .035), 0 7px 18px rgba(0, 7, 11, .16);
}

.dashboard-scene .scope-filters label span {
  color: #7f9297;
  font-weight: 600;
}

.dashboard-scene .scope-filters select {
  color: #e1e9e8;
  font-weight: 650;
}

.dashboard-scene .scope-filters option {
  color: #e4ebea;
  background: #0b171d;
}

.dashboard-scene .time-filters,
.dashboard-scene .segmented {
  border-color: rgba(106, 155, 156, .17);
  background: rgba(3, 10, 14, .42);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.dashboard-scene .time-filters button,
.dashboard-scene .segmented button,
.dashboard-scene .tab-row button {
  color: #87999e;
  font-weight: 620;
  transition: color .18s ease, background .2s ease, border-color .2s ease, box-shadow .22s ease;
}

.dashboard-scene .time-filters button:hover,
.dashboard-scene .segmented button:hover,
.dashboard-scene .tab-row button:hover {
  color: #dfe7e6;
  background: rgba(59, 169, 162, .07);
}

.dashboard-scene .time-filters button.is-selected,
.dashboard-scene .segmented button.is-selected,
.dashboard-scene .tab-row button.is-selected {
  color: #f0d9a7;
  background: linear-gradient(145deg, rgba(200, 165, 101, .2), rgba(200, 165, 101, .09));
  box-shadow: inset 0 0 0 1px rgba(220, 187, 123, .1), 0 4px 12px rgba(0, 6, 9, .15);
}

.dashboard-scene .topbar-actions > button,
.dashboard-scene .topbar-actions > a.maintenance-button,
.dashboard-scene .account-control > .avatar {
  border-color: rgba(108, 157, 158, .18);
  background: linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .014));
  color: #dce5e4;
  box-shadow: inset 0 1px rgba(255, 255, 255, .03);
  transition: color .18s ease, border-color .2s ease, background .2s ease, box-shadow .22s ease;
}

.dashboard-scene .topbar-actions > button:hover,
.dashboard-scene .topbar-actions > a.maintenance-button:hover,
.dashboard-scene .account-control > .avatar:hover {
  border-color: rgba(200, 165, 101, .42);
  color: #f0d8a5;
  background: rgba(200, 165, 101, .085);
  box-shadow: 0 7px 18px rgba(0, 6, 9, .2), inset 0 1px rgba(255, 255, 255, .04);
}

.dashboard-scene .account-control > .avatar {
  border-color: rgba(196, 78, 96, .35);
  background: linear-gradient(145deg, rgba(185, 71, 89, .25), rgba(108, 35, 49, .16));
  color: #f1ced4;
}

.dashboard-scene .metric-card {
  isolation: isolate;
  border-color: rgba(111, 158, 158, .17);
  background:
    radial-gradient(circle at 88% 12%, rgba(65, 177, 169, .065), transparent 35%),
    linear-gradient(145deg, rgba(16, 30, 36, .985), rgba(7, 14, 19, .95));
  box-shadow: var(--presentation-shadow-soft), inset 0 1px rgba(255, 255, 255, .045), inset 0 0 0 1px rgba(1, 7, 10, .28);
  transition: border-color .22s ease, background .24s ease, box-shadow .26s var(--presentation-ease), filter .22s ease;
}

.dashboard-scene .metric-card:hover,
.dashboard-scene .metric-card:focus-visible {
  border-color: rgba(200, 165, 101, .48);
  background:
    radial-gradient(circle at 88% 12%, rgba(200, 165, 101, .11), transparent 38%),
    linear-gradient(145deg, rgba(18, 33, 39, .995), rgba(7, 14, 19, .97));
  box-shadow: 0 19px 44px rgba(0, 6, 10, .38), inset 0 1px rgba(255, 255, 255, .055), inset 0 0 0 1px rgba(200, 165, 101, .055);
  transform: none;
  filter: brightness(1.025);
}

.dashboard-scene .metric-card::before {
  opacity: .92;
  background: linear-gradient(180deg, #e6c989, #8f6d34);
  box-shadow: 0 0 14px rgba(200, 165, 101, .44);
}

.dashboard-scene .metric-card::after,
.dashboard-scene .metric-card:hover::after {
  opacity: .58;
  background: linear-gradient(110deg, transparent 12%, rgba(255, 255, 255, .025) 42%, transparent 68%);
  transform: none;
  transition: opacity .24s ease;
}

.dashboard-scene .metric-card:hover::after {
  opacity: 1;
}

.dashboard-scene .metric-label {
  color: #c4d0cf;
  font-weight: 680;
  letter-spacing: .025em;
}

.dashboard-scene .metric-value {
  color: #f1f5f3;
  font-family: "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", sans-serif;
  font-weight: 690;
  letter-spacing: -.025em;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .28);
}

.dashboard-scene .metric-value small,
.dashboard-scene .metric-subs span,
.dashboard-scene .metric-mom small,
.dashboard-scene .metric-foot,
.dashboard-scene .metric-foot .metric-updated-at {
  color: #82969b;
}

.dashboard-scene .metric-subs b {
  color: #d9e4e2;
  font-weight: 650;
}

.dashboard-scene .metric-mom b,
.dashboard-scene .metric-subs b.is-up {
  color: #70d6c3;
}

.dashboard-scene .metric-mom.is-down b,
.dashboard-scene .metric-subs b.is-down {
  color: #e58694;
}

.dashboard-scene .metric-foot b {
  color: #d5b978;
  font-weight: 650;
}

.dashboard-scene .visual-line path {
  stroke: #55c9b5;
  stroke-width: 1.7;
  filter: drop-shadow(0 0 5px rgba(73, 199, 176, .32));
}

.dashboard-scene .visual-bars i {
  background: linear-gradient(0deg, rgba(70, 142, 170, .13), #62afc7);
}

.dashboard-scene .visual-bars i:nth-child(5) {
  box-shadow: 0 0 8px rgba(98, 175, 199, .35);
}

.dashboard-scene .visual-ring i {
  background: radial-gradient(circle, #0c171c 53%, transparent 55%), conic-gradient(#57cfb8 var(--ring), rgba(255, 255, 255, .075) 0);
  box-shadow: 0 0 12px rgba(72, 199, 175, .12);
}

.dashboard-scene .visual-ring b {
  color: #bdeee4;
  font-weight: 700;
}

.dashboard-scene .visual-model i {
  background: linear-gradient(0deg, rgba(152, 125, 190, .14), #9d88bd);
}

.dashboard-scene .visual-model span {
  border-top-color: rgba(216, 185, 120, .7);
}

.dashboard-scene .visual-confirm i {
  background: linear-gradient(90deg, #d1ad68 var(--confirm), rgba(255, 255, 255, .075) var(--confirm));
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
}

.dashboard-scene .visual-roi > i {
  border-color: rgba(215, 166, 83, .42);
}

.dashboard-scene .visual-roi > i:nth-child(3) {
  background: #f0b95c;
  box-shadow: 0 0 9px rgba(240, 185, 92, .72);
}

.dashboard-scene .module-card,
.dashboard-scene .digital-stage,
.dashboard-scene .bottom-dock {
  position: relative;
  border-color: rgba(109, 157, 157, .18);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .024), transparent 36%),
    linear-gradient(148deg, rgba(12, 25, 31, .965), rgba(5, 12, 17, .93));
  box-shadow: var(--presentation-shadow), inset 0 1px rgba(255, 255, 255, .045), inset 0 0 0 1px rgba(1, 7, 10, .3);
}

.dashboard-scene .module-card::before,
.dashboard-scene .digital-stage::before,
.dashboard-scene .bottom-dock::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  content: "";
  opacity: .75;
  background: linear-gradient(90deg, rgba(200, 165, 101, .52), rgba(58, 178, 170, .28) 48%, transparent 88%);
  pointer-events: none;
}

.dashboard-scene .module-kicker,
.dashboard-scene .eyebrow {
  color: #c7a866;
  font-weight: 720;
  letter-spacing: .17em;
  text-shadow: 0 0 16px rgba(200, 165, 101, .12);
}

.dashboard-scene .module-header h3,
.dashboard-scene .dock-heading h3,
.dashboard-scene .stage-head h3 {
  color: #edf2f0;
  font-family: "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", sans-serif;
  font-weight: 700;
  letter-spacing: .015em;
}

.dashboard-scene .link-button,
.dashboard-scene .count-chip {
  color: #d3b673;
  font-weight: 650;
}

.dashboard-scene .count-chip,
.dashboard-scene .environment-chip,
.dashboard-scene .mock-chip {
  border-color: rgba(200, 165, 101, .24);
  background: linear-gradient(145deg, rgba(200, 165, 101, .11), rgba(200, 165, 101, .045));
  box-shadow: inset 0 1px rgba(255, 255, 255, .03);
}

.dashboard-scene .tab-row button {
  border-color: rgba(109, 157, 157, .14);
  background: rgba(255, 255, 255, .012);
}

.dashboard-scene .rank-item {
  border-bottom-color: rgba(103, 148, 150, .09);
  transition: background .2s ease, color .18s ease;
}

.dashboard-scene .rank-item:hover,
.dashboard-scene .rank-item:focus {
  padding-left: 5px;
  background: linear-gradient(90deg, rgba(52, 165, 157, .09), rgba(200, 165, 101, .035) 62%, transparent);
}

.dashboard-scene .rank-index {
  color: #71868b;
  font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 650;
}

.dashboard-scene .rank-item:nth-child(-n+3) .rank-index {
  color: #dbbd7d;
  text-shadow: 0 0 12px rgba(200, 165, 101, .18);
}

.dashboard-scene .rank-info strong,
.dashboard-scene .commerce-item strong,
.dashboard-scene .todo-item strong {
  color: #e2e9e7;
  font-weight: 650;
}

.dashboard-scene .rank-info span,
.dashboard-scene .commerce-item span,
.dashboard-scene .todo-item span,
.dashboard-scene .todo-item > small {
  color: #7f9297;
}

.dashboard-scene .rank-value {
  color: #e9efed;
  font-weight: 680;
}

.dashboard-scene .ranking-scroll-hint {
  color: #71858b;
}

.dashboard-scene .ranking-scroll-hint b,
.dashboard-scene .ranking-scroll-controls > b {
  color: #bfa66e;
}

.dashboard-scene .ranking-scroll-controls button {
  border-color: rgba(200, 165, 101, .22);
  background: rgba(200, 165, 101, .065);
  color: #d9bd80;
  transition: border-color .18s ease, background .18s ease, box-shadow .2s ease;
}

.dashboard-scene .ranking-scroll-controls button:hover:not(:disabled) {
  border-color: rgba(200, 165, 101, .46);
  background: rgba(200, 165, 101, .12);
  box-shadow: 0 6px 14px rgba(0, 6, 9, .18);
}

.dashboard-scene .score-orbit {
  background: radial-gradient(circle, #0a171c 52%, transparent 54%), conic-gradient(#cbaa69 0 58%, #4ec9b2 58% 73%, rgba(255, 255, 255, .065) 73%);
  box-shadow: 0 12px 28px rgba(0, 6, 9, .3), inset 0 0 0 1px rgba(255, 255, 255, .035), 0 0 20px rgba(72, 199, 175, .075);
}

.dashboard-scene .score-orbit::after {
  border-color: rgba(210, 179, 115, .25);
  box-shadow: inset 0 0 20px rgba(52, 166, 157, .05);
}

.dashboard-scene .score-orbit strong {
  color: #f0e7d3;
  font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 680;
}

.dashboard-scene .score-orbit span {
  color: #82969a;
}

.dashboard-scene .daily-stat,
.dashboard-scene .daily-role-block,
.dashboard-scene .daily-rule {
  border-color: rgba(107, 155, 156, .13);
  background: linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .01));
  box-shadow: inset 0 1px rgba(255, 255, 255, .02);
}

.dashboard-scene .daily-stat span,
.dashboard-scene .daily-role-row span,
.dashboard-scene .daily-rule {
  color: #83969b;
}

.dashboard-scene .daily-stat strong,
.dashboard-scene .daily-role-row b {
  color: #e2ebe8;
  font-weight: 670;
}

.dashboard-scene .daily-subhead span {
  color: #d4b774;
}

.dashboard-scene .daily-role-row i {
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .24);
}

.dashboard-scene .daily-role-row i::after {
  background: linear-gradient(90deg, #92713a, #d7b66f 48%, #5cc6b4);
  box-shadow: 0 0 8px rgba(200, 165, 101, .22);
}

.dashboard-scene .daily-rule {
  background: linear-gradient(120deg, rgba(72, 199, 175, .055), rgba(255, 255, 255, .01));
}

.dashboard-scene .building-stage {
  border: 1px solid rgba(102, 159, 159, .17);
  background: #04090d;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .018), inset 0 0 72px rgba(8, 38, 44, .2), 0 12px 32px rgba(0, 5, 8, .3);
}

.dashboard-scene .building-stage::after {
  background:
    linear-gradient(0deg, rgba(2, 8, 12, .78), transparent 47%),
    linear-gradient(90deg, rgba(2, 8, 12, .38), transparent 20%, transparent 80%, rgba(2, 8, 12, .38)),
    radial-gradient(circle at 50% 42%, transparent 25%, rgba(3, 11, 15, .32) 82%);
}

.dashboard-scene .building-stage img {
  animation: none;
  filter: saturate(.88) contrast(1.08) brightness(.9);
  transition: filter .6s var(--presentation-ease), opacity .5s ease;
}

.dashboard-scene .layer-nav-vertical button {
  border-color: rgba(106, 155, 156, .16);
  background: linear-gradient(145deg, rgba(7, 17, 22, .93), rgba(4, 10, 14, .87));
  color: #819398;
  box-shadow: 0 9px 22px rgba(0, 5, 8, .28), inset 0 1px rgba(255, 255, 255, .025);
  backdrop-filter: blur(12px) saturate(1.05);
  transition: border-color .2s ease, background .2s ease, color .18s ease, box-shadow .22s ease;
}

.dashboard-scene .layer-nav-vertical button:hover,
.dashboard-scene .layer-nav-vertical button:focus-visible {
  border-color: rgba(72, 199, 175, .35);
  color: #d6e4e1;
  background: linear-gradient(145deg, rgba(27, 68, 71, .5), rgba(6, 15, 20, .91));
  box-shadow: 0 12px 28px rgba(0, 5, 8, .34), inset 0 1px rgba(255, 255, 255, .035);
}

.dashboard-scene .layer-nav-vertical button.is-active {
  border-color: rgba(210, 178, 112, .58);
  color: #f0d79f;
  background: linear-gradient(145deg, rgba(200, 165, 101, .2), rgba(42, 83, 80, .13) 64%, rgba(7, 15, 20, .92));
  box-shadow: 0 13px 30px rgba(0, 5, 8, .36), inset 2px 0 #d2b272, inset 0 1px rgba(255, 255, 255, .045);
}

.dashboard-scene .layer-nav-vertical button span {
  color: #8f774b;
  font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 700;
}

.dashboard-scene .layer-nav-vertical button strong {
  font-weight: 680;
  letter-spacing: .015em;
}

.dashboard-scene .layer-nav-vertical button.is-upcoming {
  border-color: rgba(106, 155, 156, .1);
  background: rgba(5, 12, 16, .76);
  color: #65767b;
}

.dashboard-scene .layer-nav-vertical button.is-upcoming strong {
  color: #728186;
}

.dashboard-scene .layer-nav-vertical button.is-upcoming em {
  color: #9f8958;
}

.dashboard-scene .operating-brief {
  border-color: rgba(72, 199, 175, .27);
  background: #101f23;
  box-shadow: none;
  backdrop-filter: none;
}

.dashboard-scene .operating-brief > div span {
  color: #64cfbb;
  font-weight: 720;
}

.dashboard-scene .operating-brief > div strong {
  color: #e4efec;
  font-weight: 650;
}

.dashboard-scene .operating-brief button {
  border-color: rgba(200, 165, 101, .24);
  background: linear-gradient(145deg, rgba(200, 165, 101, .105), rgba(200, 165, 101, .045));
  color: #d9c18c;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .2s ease;
}

.dashboard-scene .operating-brief button:hover {
  border-color: rgba(220, 187, 123, .5);
  background: rgba(200, 165, 101, .145);
  color: #f0d9a6;
  box-shadow: 0 6px 15px rgba(0, 6, 9, .2);
}

.dashboard-scene .stage-summary {
  color: #edf2ef;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .72);
}

.dashboard-scene .stage-summary span {
  color: #d2b26e;
  font-weight: 720;
  letter-spacing: .15em;
}

.dashboard-scene .stage-summary b {
  color: #f3f4ef;
  font-weight: 690;
  letter-spacing: .015em;
}

.dashboard-scene .stage-summary small {
  color: #92a4a5;
}

.dashboard-scene .todo-item,
.dashboard-scene .violation-stat {
  border-color: rgba(200, 165, 101, .36);
  background: linear-gradient(145deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .01));
  box-shadow: inset 0 1px rgba(255, 255, 255, .022);
  transition: border-color .2s ease, background .2s ease, box-shadow .22s ease;
}

.dashboard-scene .todo-item:hover,
.dashboard-scene .violation-stat:hover {
  background: linear-gradient(145deg, rgba(200, 165, 101, .075), rgba(56, 169, 161, .025));
  box-shadow: inset 0 1px rgba(255, 255, 255, .03), 0 8px 18px rgba(0, 5, 8, .16);
}

.dashboard-scene .todo-item.is-overdue {
  border-color: #b94759;
  background: linear-gradient(145deg, rgba(185, 71, 89, .075), rgba(255, 255, 255, .01));
}

.dashboard-scene .todo-item > em {
  background: rgba(200, 165, 101, .11);
  color: #d8bd82;
  font-weight: 650;
}

.dashboard-scene .commerce-item {
  border-bottom-color: rgba(103, 148, 150, .09);
  transition: background .2s ease;
}

.dashboard-scene .commerce-item:hover {
  background: linear-gradient(90deg, rgba(52, 165, 157, .075), transparent 78%);
}

.dashboard-scene .commerce-status.safe,
.dashboard-scene .commerce-item .safe {
  color: #65d0bb;
}

.dashboard-scene .commerce-status.pending {
  color: #d7ad65;
}

.dashboard-scene .commerce-status.danger {
  color: #e58190;
}

.dashboard-scene .violation-stat span {
  color: #82969b;
}

.dashboard-scene .violation-stat strong {
  color: #e6ecea;
  font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 690;
}

.dashboard-scene .violation-stat.is-risk {
  background: linear-gradient(145deg, rgba(185, 71, 89, .075), rgba(255, 255, 255, .01));
}

.dashboard-scene .violation-stat.is-risk strong {
  color: #e88795;
}

.dashboard-scene .dock-status {
  color: #819499;
}

.dashboard-scene .dock-status i,
.dashboard-scene .freshness i {
  opacity: .72;
  background: #54c9b3;
  box-shadow: 0 0 10px rgba(72, 199, 175, .66);
}

.dashboard-scene .dock-status b {
  color: #c7d2d0;
  font-weight: 560;
}

/* Overview desktop overlap corrections */
@media (min-width: 1101px) {
  .dashboard-scene .right-rail {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .dashboard-scene .left-rail .ranking-card {
    grid-row: 1;
  }

  .dashboard-scene .left-rail .commerce-card {
    grid-row: 2;
  }

  .dashboard-scene .metric-legend {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin-bottom: 2px;
    color: #71868b;
    font-size: 8px;
    line-height: 1;
    white-space: nowrap;
  }

  .dashboard-scene .metric-legend span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 4px;
  }

  .dashboard-scene .metric-legend span:nth-child(2) {
    overflow: hidden;
  }

  .dashboard-scene .metric-legend b {
    overflow: hidden;
    max-width: 78px;
    color: inherit;
    font-weight: 500;
    text-overflow: ellipsis;
  }

  .dashboard-scene .metric-legend i {
    width: 10px;
    height: 2px;
    flex: none;
    border-radius: 999px;
    background: #62c9b2;
  }

  .dashboard-scene .metric-legend i.is-comparison {
    background: repeating-linear-gradient(90deg, #819499 0 3px, transparent 3px 5px);
  }

  .dashboard-scene .operating-brief {
    top: 6px;
    min-height: 42px;
    padding: 6px 9px;
  }

  .violation-dock {
    grid-template-columns: 132px minmax(0, 1fr) 232px;
    column-gap: 14px;
  }

  .violation-dock-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
  }

  .violation-dock-meta .link-button {
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(200, 165, 101, .2);
    border-radius: 999px;
    background: rgba(200, 165, 101, .055);
  }

  .violation-dock-meta .dock-status {
    max-width: 100%;
    justify-content: flex-end;
    text-align: right;
    line-height: 1.35;
  }
}

.violation-stats-horizontal .violation-stat {
  min-width: 0;
  padding: 6px 9px;
}

.violation-stats-horizontal .violation-stat strong {
  margin-top: 2px;
  font-size: 15px;
  line-height: 1.15;
}

.violation-stat-comparison {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-top: 4px;
  padding-top: 3px;
  border-top: 1px solid rgba(255, 255, 255, .055);
  white-space: nowrap;
}

.violation-stat-comparison span {
  overflow: hidden;
  color: #71868b !important;
  font-size: 7px !important;
  text-overflow: ellipsis;
}

.violation-stat-comparison b {
  color: #8ea1a5;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}

.violation-stat-comparison.is-up b {
  color: #e88795;
}

.violation-stat-comparison.is-down b {
  color: #64cfbb;
}

.violation-stat-comparison.is-flat b {
  color: #d9c18c;
}

.dashboard-scene .scroll-area,
.dashboard-scene .ranking-list {
  scrollbar-color: rgba(200, 165, 101, .48) rgba(255, 255, 255, .018);
}

.dashboard-scene .scroll-area::-webkit-scrollbar-thumb,
.dashboard-scene .ranking-list::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(216, 185, 120, .66), rgba(79, 165, 155, .42));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
}

.dashboard-active .metric-tooltip {
  border-color: rgba(88, 195, 184, .26);
  background: linear-gradient(145deg, rgba(7, 22, 28, .985), rgba(5, 15, 20, .98));
  box-shadow: 0 26px 70px rgba(0, 4, 7, .58), inset 0 1px rgba(255, 255, 255, .05);
  backdrop-filter: blur(22px) saturate(1.08);
  transition: opacity .18s ease, visibility .18s ease, transform .22s var(--presentation-ease);
}

.dashboard-active .metric-tooltip-head {
  border-bottom-color: rgba(105, 157, 157, .13);
}

.dashboard-active .metric-tooltip-head span,
.dashboard-active .tooltip-hint {
  color: #cfaf6c;
}

.dashboard-active .metric-tooltip-head h4,
.dashboard-active .metric-tooltip-head > b,
.dashboard-active .tooltip-value {
  color: #f0e0bb;
}

.dashboard-active .tooltip-breakdown > div,
.dashboard-active .tooltip-cell {
  border-color: rgba(104, 157, 157, .1);
  background: rgba(255, 255, 255, .026);
}

.dashboard-active .overlay {
  background: rgba(1, 6, 9, .76);
  backdrop-filter: blur(9px) saturate(.9);
  transition: opacity .24s ease, visibility .24s ease;
}

.dashboard-active .detail-drawer {
  border-left-color: rgba(86, 183, 175, .25);
  background:
    radial-gradient(circle at 90% 8%, rgba(54, 170, 159, .075), transparent 28%),
    linear-gradient(160deg, #0b171d, #060e13 72%);
  box-shadow: -24px 0 72px rgba(0, 4, 7, .48), inset 1px 0 rgba(255, 255, 255, .025);
  transition: transform .34s var(--presentation-ease);
}

.dashboard-active .drawer-utility {
  border-bottom-color: rgba(99, 155, 155, .15);
  background: linear-gradient(180deg, rgba(10, 23, 29, .99), rgba(7, 17, 22, .96));
  box-shadow: 0 8px 22px rgba(0, 5, 8, .2);
}

.dashboard-active .drawer-head h2,
.dashboard-active .drawer-section-head h3 {
  color: #edf3f1;
  font-family: "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", sans-serif;
  font-weight: 700;
}

.dashboard-active .drawer-value,
.dashboard-active .drawer-judgement > b {
  color: #e4cb91;
  font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 690;
}

.dashboard-active .drawer-section,
.dashboard-active .drawer-stat {
  border-color: rgba(104, 157, 157, .12);
  background: linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .01));
  box-shadow: inset 0 1px rgba(255, 255, 255, .02);
}

.dashboard-active .trend-chart,
.dashboard-active .trend-chart-detailed {
  background:
    linear-gradient(180deg, rgba(48, 170, 158, .085), transparent 72%),
    repeating-linear-gradient(0deg, rgba(112, 164, 164, .065) 0 1px, transparent 1px 45px);
}

.dashboard-active .trend-chart-detailed .trend-point {
  fill: #d2b16d;
  stroke: #071117;
  stroke-width: 1.2;
}

.dashboard-active :where(button, select, a, [role="button"]):focus-visible {
  outline-color: rgba(91, 208, 191, .72) !important;
  box-shadow: 0 0 0 4px rgba(72, 199, 175, .12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-scene .metric-card,
  .dashboard-scene .scope-filters label,
  .dashboard-scene .layer-nav-vertical button,
  .dashboard-active .metric-tooltip,
  .dashboard-active .detail-drawer {
    transition-duration: .01ms !important;
  }
}

/* ISS-055 desktop app shell footer */
@media (min-width: 601px) {
  body {
    --beian-footer-height: 28px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) var(--beian-footer-height);
  }

  #app {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  #overlay,
  #logoutConfirmOverlay {
    bottom: var(--beian-footer-height);
  }

  .beian-footer {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: var(--beian-footer-height);
    padding: 4px 16px;
    border-top: 1px solid rgba(200, 166, 106, .12);
    background: rgba(2, 8, 13, .92);
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    line-height: 1.4;
    pointer-events: auto;
  }

  .beian-footer a {
    color: inherit;
    text-decoration: none;
    pointer-events: auto;
  }

  .beian-footer a:hover {
    color: rgba(228, 200, 146, .9);
  }

  html.dashboard-focus-mode body {
    --beian-footer-height: 0px;
    grid-template-rows: minmax(0, 1fr) 0;
  }

  html.dashboard-focus-mode .beian-footer {
    display: none;
  }

  html.dashboard-focus-mode #overlay,
  html.dashboard-focus-mode #logoutConfirmOverlay {
    bottom: 0;
  }
}

.session-expired-overlay{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:20px;background:rgba(3,5,7,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.2s}.session-expired-overlay.is-open{opacity:1;visibility:visible}.session-expired-dialog{width:min(430px,calc(100vw - 32px));padding:30px;border:1px solid rgba(223,117,133,.38);border-radius:16px;background:linear-gradient(145deg,rgba(25,28,34,.995),rgba(12,15,19,.995));box-shadow:0 30px 96px rgba(0,0,0,.72);text-align:center;transform:translateY(10px) scale(.985);transition:.2s var(--ease)}.session-expired-overlay.is-open .session-expired-dialog{transform:none}.session-expired-icon{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid rgba(223,117,133,.36);border-radius:50%;background:rgba(157,31,54,.2);color:#f1a0ad;font-size:24px;font-weight:700}.session-expired-dialog>span{color:#d1ae70;font-size:9px;letter-spacing:.17em}.session-expired-dialog h2{margin:9px 0 10px;font-size:21px;font-weight:500}.session-expired-dialog p{margin:0;color:#9aa1a8;font-size:12px;line-height:1.75}.session-expired-dialog button{width:100%;height:44px;margin-top:21px;border:1px solid rgba(223,117,133,.42);border-radius:9px;background:linear-gradient(110deg,rgba(126,27,46,.98),rgba(171,47,68,.98));color:#fff;font-size:12px;cursor:pointer}.session-expired-dialog button:hover,.session-expired-dialog button:focus-visible{border-color:rgba(242,166,178,.72);box-shadow:0 0 0 3px rgba(157,31,54,.16);outline:none}