/* UI-02 frozen dashboard master: 1536x1024, SHA256 2241658c44f7a8617586872e91609d5e0903546d0292e0155a0c72be6b12e9c6 */

.dashboard-page{min-height:calc(100vh - 98px)}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:16px;align-items:start}
.dashboard-main-column{display:grid;gap:16px;min-width:0}
.dashboard-rail{display:grid;gap:16px;min-width:0}
.dashboard-row{display:grid;gap:16px;min-width:0}
.quick-status-row{grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr)}
.bottom-data-row{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr)}

.dashboard-hero{position:relative;min-height:292px;overflow:hidden;border:1px solid rgba(31,112,166,.46);border-radius:12px;background:
radial-gradient(circle at 64% 45%,rgba(0,116,255,.30),transparent 21%),
radial-gradient(circle at 72% 46%,rgba(0,71,186,.26),transparent 34%),
linear-gradient(135deg,#00132c 0%,#00162f 46%,#002055 100%);box-shadow:0 18px 45px rgba(0,0,0,.26)}
.dashboard-hero:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 12% 18%,rgba(43,218,255,.72) 0 1px,transparent 1.5px),
radial-gradient(circle at 34% 27%,rgba(67,197,255,.48) 0 1px,transparent 1.5px),
radial-gradient(circle at 52% 15%,rgba(105,235,255,.62) 0 1px,transparent 1.5px),
radial-gradient(circle at 88% 22%,rgba(76,183,255,.48) 0 1px,transparent 1.5px);background-size:170px 150px,230px 190px,260px 210px,310px 230px;opacity:.45;pointer-events:none}
.dashboard-hero-copy{position:relative;z-index:4;width:46%;padding:27px 26px 22px}
.dashboard-brand-line{display:flex;align-items:center;gap:8px;color:#eff8ff;font-weight:700;font-size:12px}
.mini-orbit{color:#48ef86;font-size:15px}
.dashboard-hero h1{margin:12px 0 13px;font-size:clamp(32px,3.3vw,52px);line-height:1.03;letter-spacing:-1.6px}
.dashboard-hero h1 em{font-style:normal;background:linear-gradient(90deg,#77ff55,#35ec9f 42%,#1fc5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dashboard-hero-copy>p{margin:0;color:#bad0df;font-size:12px;line-height:1.65}
.dashboard-hero-actions{display:flex;gap:12px;margin-top:21px}
.dashboard-primary-action,.dashboard-secondary-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 17px;font-weight:700;font-size:12px}
.dashboard-primary-action{border:0;background:linear-gradient(90deg,#6bff57,#35ef95 46%,#20c7ff);color:#002313;box-shadow:0 9px 26px rgba(31,219,143,.18)}
.dashboard-primary-action:hover{transform:translateY(-1px);box-shadow:0 13px 32px rgba(31,219,143,.27)}
.dashboard-primary-action.full{width:100%;margin-top:16px}
.dashboard-secondary-action{border:1px solid rgba(151,194,221,.67);background:rgba(1,24,52,.38);color:#edf7ff}
.dashboard-secondary-action:hover{border-color:#36e8ff;background:rgba(8,55,87,.46)}
.dashboard-context-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#7295ad;font-size:10px}
.dashboard-context-line strong{color:#d6e8f3;font-weight:600}
.dashboard-context-line button{height:26px;border:1px solid rgba(49,151,192,.5);border-radius:999px;background:rgba(7,58,88,.36);color:#5ef5c1;padding:0 10px;font-size:9px}

.dashboard-globe{position:absolute;width:420px;height:420px;right:185px;top:-54px;border-radius:50%;background:
radial-gradient(circle at 38% 28%,rgba(62,195,255,.48),transparent 15%),
radial-gradient(circle at 53% 48%,rgba(0,126,255,.44),transparent 29%),
radial-gradient(circle at 52% 50%,#0a57b7 0 5%,#064793 42%,#03265e 69%,rgba(0,17,45,.1) 70%);border:2px solid rgba(48,180,255,.62);box-shadow:0 0 46px rgba(0,150,255,.26),inset -55px -48px 86px rgba(0,8,36,.72);opacity:.93}
.dashboard-globe:before,.dashboard-globe:after{content:"";position:absolute;border:1px solid rgba(57,218,255,.28);border-radius:50%}
.dashboard-globe:before{inset:10%;transform:rotate(18deg)}
.dashboard-globe:after{inset:-4% -17%;transform:rotate(-12deg) scaleY(.33);border-color:rgba(72,224,255,.36)}
.dashboard-globe i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#40d3ff,transparent);transform-origin:left}
.dashboard-globe i:nth-child(1){width:360px;left:-110px;top:170px;transform:rotate(8deg)}
.dashboard-globe i:nth-child(2){width:290px;left:90px;top:82px;transform:rotate(-13deg)}
.dashboard-globe i:nth-child(3){width:330px;left:30px;bottom:91px;transform:rotate(16deg)}

.dashboard-kpis{position:absolute;z-index:5;right:16px;top:20px;width:345px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dashboard-kpi{position:relative;min-height:80px;padding:13px 10px 11px 48px;border:1px solid rgba(45,138,190,.42);border-radius:9px;background:linear-gradient(145deg,rgba(3,34,66,.92),rgba(2,22,48,.93));box-shadow:0 11px 26px rgba(0,0,0,.18)}
.dashboard-kpi.wide{grid-column:1/-1}
.dashboard-kpi .kpi-icon{position:absolute;left:10px;top:14px;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800}
.kpi-icon.cyan{background:#0d718d;color:#5df6dc}.kpi-icon.green{background:#087d68;color:#65ffba}.kpi-icon.blue{background:#1548a8;color:#82c7ff}.kpi-icon.teal{background:#087e84;color:#7cfbea}
.dashboard-kpi small{display:block;color:#9ab7cc;font-size:9px}
.dashboard-kpi strong{display:block;margin-top:4px;font-size:20px;color:#fff}
.dashboard-kpi em{display:block;margin-top:3px;color:#5b8da8;font-size:8px;font-style:normal;line-height:1.3}

.dashboard-panel{border:1px solid rgba(38,113,159,.38);border-radius:11px;background:linear-gradient(150deg,rgba(2,28,57,.91),rgba(0,18,42,.93));box-shadow:0 15px 36px rgba(0,0,0,.18);padding:14px;min-width:0}
.panel-header{min-height:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.panel-header h2{margin:0;color:#f0f7fc;font-size:13px;line-height:1.25}
.panel-header p{margin:3px 0 0;color:#7799b2;font-size:9px;line-height:1.35}
.panel-header>a{color:#29c9ff;font-size:9px;white-space:nowrap;padding-top:2px}
.panel-header>a:hover{color:#61f5c5}

.quick-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.quick-start-card{min-height:112px;position:relative;display:flex;flex-direction:column;padding:13px;border:1px solid rgba(42,115,163,.42);border-radius:8px;background:linear-gradient(150deg,rgba(2,35,68,.82),rgba(4,25,52,.82));transition:transform var(--uc-transition-fast),border-color var(--uc-transition-fast),background var(--uc-transition-fast)}
.quick-start-card:hover,.quick-start-card.active{transform:translateY(-2px);border-color:#28d9aa;background:linear-gradient(150deg,rgba(5,76,77,.48),rgba(2,31,58,.88))}
.quick-start-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#166dcb,#214cc1);color:#fff;font-weight:800;margin-bottom:10px}
.quick-start-card.active>span{background:linear-gradient(145deg,#13b27e,#0e665f);color:#70ffd0}
.quick-start-card strong{font-size:11px}.quick-start-card small{color:#8ba7bb;font-size:8px;margin-top:4px}.quick-start-card em{color:#4dcdf7;font-size:7px;font-style:normal;margin-top:auto;padding-top:9px}

.status-body{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:center;padding:5px 0}
.status-donut{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#173753 0deg 360deg);position:relative}
.status-donut:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#031a36;border:1px solid rgba(44,113,153,.26)}
.status-donut>div{position:relative;z-index:1;text-align:center}
.status-donut strong{display:block;font-size:18px}.status-donut span{color:#7596af;font-size:8px}
.status-legend{display:grid;gap:7px}
.status-legend a{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;color:#93adbf;font-size:9px}
.status-legend a:hover{color:#fff}
.status-legend i{width:7px;height:7px;border-radius:50%}
.status-legend i.running{background:#26bdec}.status-legend i.completed{background:#53efbf}.status-legend i.failed{background:#ff6f65}.status-legend i.paused{background:#8395a7}
.status-legend strong{color:#d7e6f0;font-weight:600}
.deferred-note{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(58,112,148,.16);color:#587b96;font-size:8px;line-height:1.45}

.template-empty{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:86px;padding:14px 16px;border:1px dashed rgba(60,132,175,.34);border-radius:8px;background:rgba(2,30,57,.46)}
.empty-orbit{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#143f8f,#08788d);color:#71ffe0;font-size:18px}
.template-empty strong{font-size:11px}.template-empty p{margin:4px 0 0;color:#6f90a8;font-size:8px;line-height:1.55}.template-empty>a{color:#31d5ff;font-size:9px}

.range-switch{display:flex;padding:2px;border:1px solid rgba(58,123,164,.27);border-radius:999px;background:rgba(1,18,38,.6)}
.range-switch button{min-width:48px;height:25px;border:0;border-radius:999px;background:transparent;color:#6f92ac;font-size:8px}
.range-switch button.active{background:#0d5d8d;color:#e7f8ff}
.empty-chart{position:relative;min-height:164px;border-top:1px solid rgba(61,119,154,.13);display:grid;place-items:center;text-align:center;overflow:hidden}
.empty-chart>span{position:relative;z-index:2;color:#cfe0eb;font-size:11px;margin-top:20px}
.empty-chart>small{position:absolute;top:102px;z-index:2;color:#5c8098;font-size:8px}
.chart-grid{position:absolute;inset:18px 10px 22px;border-left:1px solid rgba(53,111,150,.22);border-bottom:1px solid rgba(53,111,150,.22)}
.chart-grid i{position:absolute;left:0;right:0;height:1px;background:rgba(53,111,150,.12)}
.chart-grid i:nth-child(1){top:20%}.chart-grid i:nth-child(2){top:40%}.chart-grid i:nth-child(3){top:60%}.chart-grid i:nth-child(4){top:80%}

.dashboard-table-wrap{overflow:auto}
.dashboard-table{width:100%;border-collapse:collapse;min-width:420px}
.dashboard-table th,.dashboard-table td{text-align:left;padding:8px 7px;border-bottom:1px solid rgba(54,112,148,.14);font-size:8px}
.dashboard-table th{color:#7698b0;font-weight:500}.dashboard-table td{color:#b5c9d8}
.dashboard-table .table-empty td{text-align:center;color:#5f829b;padding:48px 8px}

.rail-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;color:#6f91aa}
.rail-empty>span{font-size:27px;color:#35e7b7}.rail-empty strong{margin-top:8px;color:#d9e8f2;font-size:11px}.rail-empty p{max-width:220px;margin:5px 0 0;font-size:8px;line-height:1.55}

.context-summary{display:grid;gap:0;margin:0}
.context-summary>div{display:grid;grid-template-columns:95px 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(55,110,145,.14)}
.context-summary dt{color:#7392a9;font-size:8px}.context-summary dd{margin:0;color:#d5e5ef;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-summary-panel>button{width:100%;height:34px;margin-top:12px;border:1px solid #1878a7;border-radius:6px;background:rgba(12,75,111,.22);color:#5ef3bf;font-size:9px}

.overview-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.overview-donut{width:114px;height:114px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#173c61 0 360deg);position:relative;margin-bottom:14px}
.overview-donut:before{content:"";position:absolute;inset:16px;border-radius:50%;background:#03182f}
.overview-donut strong,.overview-donut span{position:relative;z-index:1;grid-area:1/1}
.overview-donut strong{font-size:19px;transform:translateY(-7px)}.overview-donut span{font-size:8px;color:#6f91a8;transform:translateY(11px)}
.overview-empty>strong{font-size:10px}.overview-empty>p{max-width:220px;color:#61829a;font-size:8px;line-height:1.55;margin:6px 0 0}

.dashboard-demo-dialog{width:min(560px,calc(100vw - 28px));padding:26px;border:1px solid rgba(54,155,204,.5);border-radius:14px;background:#04172e;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.7)}
.dashboard-demo-dialog::backdrop{background:rgba(0,7,18,.78);backdrop-filter:blur(4px)}
.dashboard-demo-dialog h2{font-size:24px;margin:6px 40px 18px 0}
.dashboard-dialog-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#0b2a46;color:#9fc0d4;font-size:20px}
.dashboard-tour article{display:none;min-height:150px;padding:20px;border:1px solid rgba(54,117,156,.32);border-radius:9px;background:linear-gradient(145deg,rgba(3,37,68,.82),rgba(2,22,47,.86))}
.dashboard-tour article.active{display:block}
.dashboard-tour article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(145deg,#147fd2,#16a48a);font-weight:800}
.dashboard-tour article strong{display:block;margin-top:12px;font-size:14px}.dashboard-tour article p{color:#8faabd;line-height:1.65;font-size:11px}
.dashboard-tour-controls{display:flex;justify-content:space-between;align-items:center;margin:14px 0}
.dashboard-tour-controls button{height:32px;border:1px solid rgba(66,129,167,.38);border-radius:6px;background:#082440;color:#9fc0d4;padding:0 11px}.dashboard-tour-controls span{color:#718fa6;font-size:10px}

@media(max-width:1380px){
  .dashboard-layout{grid-template-columns:minmax(0,1fr) 250px}
  .dashboard-globe{right:155px}
  .dashboard-kpis{width:310px}
  .quick-status-row{grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr)}
  .bottom-data-row{grid-template-columns:1fr}
}
@media(max-width:1120px){
  .dashboard-layout{grid-template-columns:1fr}
  .dashboard-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-hero-copy{width:50%}
  .dashboard-kpis{width:300px}
  .dashboard-globe{right:130px}
}
@media(max-width:940px){
  .dashboard-hero{min-height:480px}
  .dashboard-hero-copy{width:100%;padding-right:24px}
  .dashboard-globe{right:-120px;top:28px;opacity:.5}
  .dashboard-kpis{left:18px;right:18px;top:auto;bottom:16px;width:auto}
  .quick-status-row{grid-template-columns:1fr}
  .dashboard-rail{grid-template-columns:1fr}
}
@media(max-width:680px){
  .dashboard-layout{gap:12px}.dashboard-main-column,.dashboard-rail{gap:12px}
  .dashboard-row{gap:12px}
  .dashboard-hero{min-height:590px}
  .dashboard-hero h1{font-size:36px}
  .dashboard-hero-actions{flex-direction:column;align-items:stretch}
  .dashboard-kpis{grid-template-columns:1fr 1fr}
  .dashboard-kpi{padding-left:43px}
  .quick-start-grid{grid-template-columns:1fr 1fr}
  .template-empty{grid-template-columns:1fr;text-align:center;justify-items:center}
  .status-body{grid-template-columns:1fr}.status-donut{margin:auto}.status-legend{grid-template-columns:1fr 1fr}
}
@media(max-width:440px){
  .dashboard-hero{min-height:670px}.dashboard-kpis{grid-template-columns:1fr}
  .dashboard-kpi.wide{grid-column:auto}.quick-start-grid{grid-template-columns:1fr}
  .status-legend{grid-template-columns:1fr}
  .range-switch{width:100%;justify-content:stretch}.range-switch button{flex:1}
}

.usage-chart{justify-content:flex-end!important;gap:8px!important}
.usage-trend-bars{display:flex;align-items:flex-end;gap:3px;width:100%;height:150px;border-bottom:1px solid rgba(124,211,255,.25)}
.usage-trend-bars i{display:block;flex:1;min-width:2px;max-width:20px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#56ffd1,#26a6ff);box-shadow:0 0 10px rgba(38,166,255,.2)}
.usage-chart small{align-self:flex-start;color:#7594aa}

.activity-real{align-items:stretch;justify-content:flex-start;text-align:left;gap:8px;overflow:auto}
.dashboard-health-line{display:block;padding:8px;border:1px solid rgba(53,231,183,.16);border-radius:8px;color:#80b8ad;line-height:1.5}
.dashboard-activity-item{display:grid;gap:2px;padding:7px 0;border-bottom:1px solid rgba(54,112,148,.13)}
.dashboard-activity-item strong{font-size:9px;color:#d9e8f2}.dashboard-activity-item span,.dashboard-activity-item small{font-size:8px;color:#6f91aa}
.dashboard-dataset-share{display:grid;gap:6px;width:100%}.dashboard-dataset-share>div{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#86a6ba}.dashboard-dataset-share strong{color:#cfe2ef;font-size:8px}

.dashboard-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dashboard-template-item{min-width:0;border:1px solid rgba(39,112,157,.42);border-radius:8px;background:linear-gradient(155deg,rgba(5,42,73,.82),rgba(3,25,52,.9));padding:11px;display:grid;gap:7px;transition:border-color var(--uc-transition-fast),transform var(--uc-transition-fast)}
.dashboard-template-item:hover{border-color:rgba(39,216,207,.72);transform:translateY(-1px)}
.dashboard-template-item .dash-template-icon{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#136b99,#16a688);color:#dffff6;font-size:15px}
.dashboard-template-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-template-item small{font-size:8px;color:#7697ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-template-item span{font-size:8px;color:#55e5c2}
@media(max-width:1180px){.dashboard-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.dashboard-template-grid{grid-template-columns:1fr}}

/* UC-T099 UI-02 frozen master alignment — desktop reference 1536x1024. */
@media (min-width:1121px){
  body.dashboard-active .dashboard-page{min-height:0}
  body.dashboard-active .dashboard-layout{grid-template-columns:minmax(0,1fr) 294px;gap:17px}
  body.dashboard-active .dashboard-main-column{gap:15px}
  body.dashboard-active .dashboard-rail{gap:15px}
  body.dashboard-active .dashboard-row{gap:14px}
  body.dashboard-active .quick-status-row{grid-template-columns:minmax(0,1fr) 299px}
  body.dashboard-active .bottom-data-row{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}

  body.dashboard-active .dashboard-hero{height:290px;min-height:290px;border-radius:9px;background:
    radial-gradient(circle at 63% 45%,rgba(0,116,255,.16),transparent 24%),
    linear-gradient(135deg,#00132c 0%,#00162f 46%,#001b3f 100%)}
  body.dashboard-active .dashboard-hero:after{content:"";position:absolute;z-index:2;inset:0;background:url("/assets/dashboard-assets/dashboard-hero-art.png") center/100% 100% no-repeat;pointer-events:none}
  body.dashboard-active .dashboard-globe{display:none}
  body.dashboard-active .dashboard-hero-copy{z-index:4;width:60%;padding:17px 24px 18px}
  body.dashboard-active .dashboard-brand-line{font-size:12px}
  body.dashboard-active .dashboard-hero h1{margin:9px 0 11px;font-size:42px;line-height:1.06;letter-spacing:-1.2px}
  body.dashboard-active .dashboard-hero-copy>p{font-size:12px;line-height:1.55}
  body.dashboard-active .dashboard-hero-actions{margin-top:20px}
  body.dashboard-active .dashboard-context-line{display:none}

  body.dashboard-active .dashboard-kpis{z-index:6;right:19px;top:21px;width:365px;height:258px;display:block}
  body.dashboard-active .dashboard-kpi{position:absolute;min-height:0;padding:13px 11px 10px 49px;border-radius:9px;background:linear-gradient(145deg,rgba(3,34,66,.985),rgba(2,22,48,.99))}
  body.dashboard-active .dashboard-kpi:nth-child(1){right:0;top:0;width:181px;height:84px}
  body.dashboard-active .dashboard-kpi:nth-child(2){left:0;top:96px;width:174px;height:77px}
  body.dashboard-active .dashboard-kpi:nth-child(3){right:0;top:96px;width:181px;height:77px}
  body.dashboard-active .dashboard-kpi:nth-child(4){left:0;right:0;top:184px;width:auto;height:74px}
  body.dashboard-active .dashboard-kpi .kpi-icon{top:14px;left:11px;width:31px;height:31px}
  body.dashboard-active .dashboard-kpi small{font-size:10px}
  body.dashboard-active .dashboard-kpi strong{font-size:19px;margin-top:3px}
  body.dashboard-active .dashboard-kpi em{font-size:8px;color:#59dba9}

  body.dashboard-active .dashboard-panel{border-radius:9px;padding:14px}
  body.dashboard-active .panel-header{min-height:31px;margin-bottom:10px}
  body.dashboard-active .panel-header h2{font-size:13px}
  body.dashboard-active .panel-header p{font-size:9px}
  body.dashboard-active .quick-start-panel,
  body.dashboard-active .task-status-panel{height:208px;overflow:hidden}
  body.dashboard-active .quick-start-grid{gap:9px}
  body.dashboard-active .quick-start-card{height:135px;min-height:135px;padding:12px}
  body.dashboard-active .quick-start-card>span{width:35px;height:35px;margin-bottom:8px}
  body.dashboard-active .quick-start-card strong{font-size:11px}
  body.dashboard-active .quick-start-card small{font-size:8px}
  body.dashboard-active .quick-start-card em{font-size:7.5px}
  body.dashboard-active .task-status-panel .panel-header p{display:none}
  body.dashboard-active .task-status-panel .deferred-note{display:none!important}
  body.dashboard-active .status-body{grid-template-columns:118px 1fr;gap:9px;padding:2px 0}
  body.dashboard-active .status-donut{width:108px;height:108px}
  body.dashboard-active .status-legend{gap:7px}
  body.dashboard-active .status-legend a{grid-template-columns:9px 1fr 24px 32px;gap:5px;font-size:9px}
  body.dashboard-active .status-legend a em{font-style:normal;color:#6f8da5;font-size:8px;text-align:right}

  body.dashboard-active .template-panel{height:194px;overflow:hidden}
  body.dashboard-active .dashboard-template-grid{grid-template-columns:repeat(6,153px);gap:10px;overflow:hidden}
  body.dashboard-active .dashboard-template-item{position:relative;height:128px;padding:0;display:block;overflow:hidden;border-radius:7px;background:#051d36}
  body.dashboard-active .dash-template-thumb{display:block;width:100%;height:60px;object-fit:cover;border:0}
  body.dashboard-active .dash-template-copy{display:grid;gap:2px;padding:7px 10px 5px}
  body.dashboard-active .dash-template-copy strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dashboard-active .dash-template-copy small{font-size:7px;color:#7e9cb0}
  body.dashboard-active .dash-template-copy span{font-size:7px;color:#8aa6b8}
  body.dashboard-active .dash-template-arrow{position:absolute;right:8px;bottom:7px;color:#55dff1;font-weight:500;font-size:11px}

  body.dashboard-active .trend-panel,
  body.dashboard-active .recent-task-panel{height:184px;overflow:hidden}
  body.dashboard-active .trend-panel .panel-header,
  body.dashboard-active .recent-task-panel .panel-header{min-height:26px;margin-bottom:4px}
  body.dashboard-active .empty-chart.usage-chart{display:block;position:relative;min-height:0;height:128px;padding:0}
  body.dashboard-active .usage-trend-svg{position:absolute;left:30px;right:8px;top:2px;width:calc(100% - 38px);height:106px;overflow:visible}
  body.dashboard-active .usage-grid-line{stroke:rgba(58,116,151,.20);stroke-width:1}
  body.dashboard-active .usage-area{fill:rgba(0,143,231,.14)}
  body.dashboard-active .usage-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
  body.dashboard-active .usage-line.collection{stroke:#47d78b}
  body.dashboard-active .usage-line.tasks{stroke:#00d7f4}
  body.dashboard-active .usage-axis-labels{position:absolute;left:30px;right:8px;bottom:2px;display:flex;justify-content:space-between;color:#69899f;font-size:7px}
  body.dashboard-active .usage-trend-legend{position:absolute;right:4px;top:-30px;display:flex;gap:12px;font-size:7px;color:#7294aa}
  body.dashboard-active .usage-trend-legend span{display:flex;align-items:center;gap:4px}
  body.dashboard-active .usage-trend-legend i{width:8px;height:3px;border-radius:99px}
  body.dashboard-active .usage-trend-legend i.collection{background:#48ef9e}
  body.dashboard-active .usage-trend-legend i.tasks{background:#24bdf4}
  body.dashboard-active .dashboard-table th,
  body.dashboard-active .dashboard-table td{padding:5px 5px;font-size:7.5px}
  body.dashboard-active .dashboard-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:18px;border-radius:999px;font-size:7px}
  body.dashboard-active .dashboard-status-pill.running{color:#67f4bc;background:rgba(21,151,101,.28)}
  body.dashboard-active .dashboard-status-pill.completed{color:#41c6ff;background:rgba(15,110,173,.30)}
  body.dashboard-active .dashboard-status-pill.failed,
  body.dashboard-active .dashboard-status-pill.requires_user_action,
  body.dashboard-active .dashboard-status-pill.access_blocked{color:#ff918b;background:rgba(174,52,48,.30)}
  body.dashboard-active .dashboard-status-pill.paused,
  body.dashboard-active .dashboard-status-pill.waiting{color:#a9b8c4;background:rgba(91,111,127,.28)}

  body.dashboard-active .activity-panel{height:333px;overflow:hidden}
  body.dashboard-active .recent-overview-panel{height:262px;overflow:hidden}
  body.dashboard-active .data-overview-panel{height:295px;overflow:hidden}
  body.dashboard-active .activity-panel .panel-header,
  body.dashboard-active .recent-overview-panel .panel-header{margin-bottom:4px}
  body.dashboard-active .activity-panel .panel-header p,
  body.dashboard-active .recent-overview-panel .panel-header p{display:none}
  body.dashboard-active .rail-empty.activity-real{min-height:0;height:calc(100% - 36px);display:block;padding:0;text-align:left;overflow:hidden}
  body.dashboard-active .dashboard-activity-item{display:grid;grid-template-columns:8px minmax(0,1fr) 34px;gap:7px;align-items:start;min-height:51px;padding:10px 2px;border-bottom:1px solid rgba(54,112,148,.22)}
  body.dashboard-active .dashboard-activity-item>i{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#55e9b8;box-shadow:0 0 8px rgba(85,233,184,.35)}
  body.dashboard-active .dashboard-activity-item.danger>i{background:#ff665f}
  body.dashboard-active .dashboard-activity-item strong{display:none}
  body.dashboard-active .dashboard-activity-item span{display:block;color:#b9cad7;font-size:8px;line-height:1.45}
  body.dashboard-active .dashboard-activity-item small{color:#68889f;font-size:7px;text-align:right;white-space:nowrap}
  body.dashboard-active .dashboard-rail-empty-copy{color:#698ba2;font-size:8px;text-align:center;margin:70px 0}

  body.dashboard-active .overview-empty{min-height:0;height:235px;display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:0}
  body.dashboard-active .overview-donut{width:112px;height:112px;margin:0}
  body.dashboard-active .overview-donut:before{inset:15px}
  body.dashboard-active .overview-donut strong{font-size:17px;transform:translateY(-7px)}
  body.dashboard-active .overview-donut span{font-size:7px}
  body.dashboard-active .dashboard-dataset-share{gap:10px}
  body.dashboard-active .dashboard-dataset-share>div{font-size:8px}
  body.dashboard-active .dashboard-dataset-share>div>span{display:flex;align-items:center;gap:6px;color:#9eb5c3}
  body.dashboard-active .dashboard-dataset-share>div>span i{width:8px;height:8px;border-radius:3px;flex:0 0 auto}
  body.dashboard-active .dashboard-dataset-share>div>span b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dashboard-active .dashboard-dataset-share strong{font-size:8px;color:#cfe0ea}
}

/* UC-T099 UI-02 round 3: keep proven geometry; retain native master gradients where flat-color sampling reduced SSIM. */
@media (min-width:1121px){
  body.dashboard-active .topbar{background:#09152a;border-bottom-color:#0b2744;backdrop-filter:none}
  body.dashboard-active .global-search-trigger{margin-right:40px}
  body.dashboard-active .sidebar{padding-top:20px;padding-bottom:50px;background:
    radial-gradient(ellipse at -18% 78%,rgba(0,105,255,.34) 0%,rgba(0,88,214,.18) 19%,transparent 42%),
    radial-gradient(ellipse at 18% 88%,rgba(0,183,255,.10) 0%,transparent 34%),
    linear-gradient(180deg,#010d1e 0%,#010f22 54%,#021936 100%);border-right-color:#0b2a47}
  body.dashboard-active .primary-nav a[data-route="/referrals"],
  body.dashboard-active .settings-nav a[data-route="/settings/account"],
  body.dashboard-active .settings-nav a[data-route="/settings/team"]{display:none}
  body.dashboard-active .nav-divider{margin:10px 4px 16px;background:rgba(61,112,145,.12)}
  body.dashboard-active .quota-card{min-height:146px;margin-left:4px;margin-right:4px;padding:14px}
  body.dashboard-active .quota-card>span{margin-bottom:9px}
  body.dashboard-active .quota-card strong{font-size:16px}
  body.dashboard-active .quota-track{margin:12px 0 14px}
  body.dashboard-active .quota-card a{height:34px}

  body.dashboard-active .dashboard-hero-copy{padding-top:20px}
  body.dashboard-active .dashboard-hero-actions{margin-top:25px;gap:15px}
  body.dashboard-active .dashboard-primary-action{min-width:140px;justify-content:center}
  body.dashboard-active .dashboard-secondary-action{min-width:144px;justify-content:center}

  body.dashboard-active .quick-start-panel{padding:16px 20px 14px;background:#051427}
  body.dashboard-active .task-status-panel{padding:16px 18px 14px;background:#06172c}
  body.dashboard-active .template-panel{padding:14px 15px 14px 21px;background:#031426}
  body.dashboard-active .template-panel .panel-header{margin-bottom:6px}
  body.dashboard-active .trend-panel,
  body.dashboard-active .recent-task-panel{padding:15px 20px;background:#00152b}
  body.dashboard-active .activity-panel{padding:15px 17px;background:#06152c}
  body.dashboard-active .recent-overview-panel{padding:15px 17px;background:#06172c}
  body.dashboard-active .data-overview-panel{padding:15px 17px;background:#041831}

  body.dashboard-active .panel-header h2{font-size:13.5px}
  body.dashboard-active .panel-header p{font-size:9.5px}
}

/* UC-T099 UI-02 round 4: pixel-sampled frozen-master palette alignment. */
@media (min-width:1121px){
  body.dashboard-active .app-shell{
    background:
      radial-gradient(ellipse at -4% 88%,rgba(0,92,215,.10),transparent 28%),
      linear-gradient(180deg,#010815 0%,#010917 48%,#000a19 72%,#000a19 100%);
  }
  body.dashboard-active .topbar{background:#081529;border-bottom-color:#0a2745}
  body.dashboard-active .sidebar{background:
    radial-gradient(ellipse at -18% 78%,rgba(0,95,235,.28) 0%,rgba(0,76,190,.14) 19%,transparent 42%),
    radial-gradient(ellipse at 18% 88%,rgba(0,170,245,.08) 0%,transparent 34%),
    linear-gradient(180deg,#010e20 0%,#010e20 54%,#021731 100%);border-right-color:#082a47}
  body.dashboard-active .dashboard-panel{border-color:#082c49}
  body.dashboard-active .quick-start-panel{background:#05172b}
  body.dashboard-active .task-status-panel{background:#04162a}
  body.dashboard-active .template-panel{background:#05172b}
  body.dashboard-active .trend-panel{background:#01142b}
  body.dashboard-active .recent-task-panel{background:#01142a}
  body.dashboard-active .activity-panel{background:#06162c}
  body.dashboard-active .recent-overview-panel{background:#06172c}
  body.dashboard-active .data-overview-panel{background:#06172d}
}

.dashboard-kpi .kpi-icon svg,.quick-start-card>span svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-kpi .kpi-icon svg{width:18px;height:18px}
.quick-start-card>span svg{width:19px;height:19px}

/* UC-T099 UI-02 round 6: real-data axes, task markers and typography alignment. */
@media (min-width:1121px){
  body.dashboard-active .quick-start-card strong{font-size:12px;line-height:1.25}
  body.dashboard-active .quick-start-card small{font-size:8.5px;line-height:1.35}
  body.dashboard-active .quick-start-card em{font-size:8px;line-height:1.35}
  body.dashboard-active .dashboard-table th{font-size:8px}
  body.dashboard-active .dashboard-table td{font-size:8px}
  body.dashboard-active .dashboard-task-name{display:flex;align-items:center;gap:7px;white-space:nowrap}
  body.dashboard-active .dashboard-task-icon{position:relative;width:16px;height:16px;flex:0 0 16px;border-radius:5px;background:#0b7481}
  body.dashboard-active .dashboard-task-icon:after{content:"";position:absolute;left:5px;top:4px;width:6px;height:7px;border:1px solid #8ef6e9;border-radius:2px}
  body.dashboard-active .dashboard-task-icon.tone-1{background:#0a6d91}
  body.dashboard-active .dashboard-task-icon.tone-2{background:#0b7290}
  body.dashboard-active .dashboard-task-icon.tone-3{background:#76356f}
  body.dashboard-active .dashboard-task-icon.tone-4{background:#0b7481}
}

/* UC-T099 UI-02 round 8: frozen-master sidebar vertical rhythm. */
@media (min-width:1121px){
  body.dashboard-active .primary-nav,body.dashboard-active .settings-nav{gap:6px}
  body.dashboard-active .primary-nav a,body.dashboard-active .settings-nav a{height:40px}
  body.dashboard-active .nav-divider{margin:4px 4px 5px}
}

/* UC-T099 UI-02 round 9: measured sidebar horizontal and quick-start vertical alignment. */
@media (min-width:1121px){
  body.dashboard-active .primary-nav a,body.dashboard-active .settings-nav a{padding-left:9px;gap:18px}
  body.dashboard-active .primary-nav a>span:last-child,body.dashboard-active .settings-nav a>span:last-child{display:inline-block;transform:scaleX(.94);transform-origin:left center}
  body.dashboard-active .quick-start-panel{padding-top:12px}
  body.dashboard-active .quick-start-panel .panel-header{margin-bottom:15px}
  body.dashboard-active .quick-start-card>span{margin-bottom:12px}
  body.dashboard-active .quick-start-card small{margin-top:8px}
  body.dashboard-active .quick-start-card em{transform:translateY(-8px)}
}


/* UC-T099 UI-02 round 10: frozen-master visible detail parity without baked business data. */
@media (min-width:1121px){
  body.dashboard-active .topbar{padding-left:27px}
  body.dashboard-active .brand{gap:14px;min-width:241px}
  body.dashboard-active .brand-mark{transform:scale(1.08);transform-origin:left center}
  body.dashboard-active .account-text{min-width:73px}
  body.dashboard-active .sidebar:after{content:"";position:absolute;z-index:0;left:0;top:390px;width:192px;height:378px;background:url("/assets/dashboard-assets/dashboard-sidebar-space.png") 0 0/192px 378px no-repeat;pointer-events:none}
  body.dashboard-active .sidebar>*{position:relative;z-index:1}

  body.dashboard-active .dashboard-kpi em{position:relative;z-index:2;color:#58ed9b;font-size:8px}
  body.dashboard-active .dashboard-kpi .kpi-sparkline{position:absolute;z-index:1;right:8px;bottom:8px;width:54px;height:22px;overflow:visible}
  body.dashboard-active .dashboard-kpi.wide .kpi-sparkline{width:185px;right:12px;bottom:9px}
  body.dashboard-active .dashboard-kpi .kpi-sparkline path{fill:none;stroke:#12e8d3;stroke-width:1.25;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(18,232,211,.25))}
  body.dashboard-active .dashboard-kpi:nth-child(1) .kpi-sparkline{width:46px}
  body.dashboard-active .dashboard-kpi:nth-child(2) .kpi-sparkline,
  body.dashboard-active .dashboard-kpi:nth-child(3) .kpi-sparkline{display:none}

  body.dashboard-active .dash-template-copy{padding-top:6px}
  body.dashboard-active .dash-template-title-row{display:flex;align-items:center;gap:6px;min-width:0}
  body.dashboard-active .dash-template-title-row strong{min-width:0;flex:1}
  body.dashboard-active .dash-template-badge{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:5px;background:#eaf8ff;color:#1775c9;font-size:11px;font-style:normal;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
  body.dashboard-active .dash-template-badge.article{color:#2585e7}
  body.dashboard-active .dash-template-badge.enterprise{color:#169aab}
  body.dashboard-active .dash-template-badge.recruitment{color:#2386dd}
  body.dashboard-active .dash-template-badge.realestate{color:#2c86e8}
  body.dashboard-active .dash-template-badge.hotel{color:#2a7ed1}
  body.dashboard-active .dash-template-copy small{padding-left:26px}
  body.dashboard-active .dash-template-copy>span{padding-left:26px}

  body.dashboard-active .usage-y-axis{position:absolute;left:0;top:1px;bottom:17px;width:27px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#6f8da4;font-size:7px;line-height:1;pointer-events:none}
  body.dashboard-active .usage-trend-svg{left:31px;width:calc(100% - 39px)}
  body.dashboard-active .usage-axis-labels{left:31px}
  body.dashboard-active .dashboard-table th,
  body.dashboard-active .dashboard-table td{padding:3px 5px;line-height:1.15}
  body.dashboard-active .dashboard-task-icon{width:15px;height:15px;flex-basis:15px}
  body.dashboard-active .dashboard-task-icon:after{left:4px;top:3px}

  body.dashboard-active .activity-panel h2,
  body.dashboard-active .recent-overview-panel h2,
  body.dashboard-active .data-overview-panel h2{display:flex;align-items:center;gap:7px}
  body.dashboard-active .activity-panel h2:before,
  body.dashboard-active .recent-overview-panel h2:before,
  body.dashboard-active .data-overview-panel h2:before{content:"";display:inline-grid;width:17px;height:17px;flex:0 0 17px;border-radius:4px;background:linear-gradient(145deg,#0f7490,#155084);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
  body.dashboard-active .activity-panel h2:after{content:"✦";position:absolute;margin-left:4px;color:#e7f7ff;font-size:8px}
  body.dashboard-active .recent-overview-panel h2:after{content:"▣";position:absolute;margin-left:4px;color:#e7f7ff;font-size:8px}
  body.dashboard-active .data-overview-panel h2:after{content:"▦";position:absolute;margin-left:4px;color:#e7f7ff;font-size:8px}
}


/* UC-T099 UI-02 round 11: measured KPI labels and compact 5-row recent-task table. */
@media (min-width:1121px){
  body.dashboard-active .dashboard-kpi em{position:absolute;right:11px;top:45px;margin:0}
  body.dashboard-active .dashboard-kpi.wide em{left:126px;right:auto;top:43px}
  body.dashboard-active .recent-task-panel .dashboard-table th{height:18px;padding:2px 5px;line-height:1}
  body.dashboard-active .recent-task-panel .dashboard-table td{height:22px;padding:2px 5px;line-height:1}
  body.dashboard-active .recent-task-panel .dashboard-task-icon{width:13px;height:13px;flex-basis:13px}
  body.dashboard-active .recent-task-panel .dashboard-task-icon:after{left:4px;top:3px;width:5px;height:6px}
  body.dashboard-active .activity-panel h2,
  body.dashboard-active .recent-overview-panel h2,
  body.dashboard-active .data-overview-panel h2{position:relative}
  body.dashboard-active .activity-panel h2:after,
  body.dashboard-active .recent-overview-panel h2:after,
  body.dashboard-active .data-overview-panel h2:after{left:4px;top:4px;margin:0}
}


/* UC-T099 UI-02 round 12: measured inner-content offsets. */
@media (min-width:1121px){
  body.dashboard-active .recent-task-panel .dashboard-table-wrap{transform:translateY(-17px)}
}


/* UC-T099 UI-02 round 13: latest-activity content-driven row heights match frozen master wrapping. */
@media (min-width:1121px){
  body.dashboard-active .activity-panel .dashboard-activity-item{min-height:0;padding:16px 2px}
  body.dashboard-active .activity-panel .dashboard-activity-item span{font-size:9px;line-height:1.45}
}


/* UC-T099 UI-02 round 14: typography A/B winner for quick-start cards. */
@media (min-width:1121px){
  body.dashboard-active .quick-start-card strong{font-size:13px}
  body.dashboard-active .quick-start-card small{font-size:9.5px}
  body.dashboard-active .quick-start-card em{font-size:8.5px}
}


/* UC-T099 UI-02 round 15: approved static quick-start icons from frozen master. */
@media (min-width:1121px){
  body.dashboard-active .quick-start-card>span{width:40px;height:40px;margin-bottom:1px;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-size:40px 40px}
  body.dashboard-active .quick-start-card>span svg{display:none}
  body.dashboard-active .quick-start-card:nth-child(1)>span{background-image:url("/assets/dashboard-assets/quick-1.png")}
  body.dashboard-active .quick-start-card:nth-child(2)>span{background-image:url("/assets/dashboard-assets/quick-2.png");margin-left:6px}
  body.dashboard-active .quick-start-card:nth-child(3)>span{background-image:url("/assets/dashboard-assets/quick-3.png");margin-left:7px}
  body.dashboard-active .quick-start-card:nth-child(4)>span{background-image:url("/assets/dashboard-assets/quick-4.png");margin-left:7px}
}


/* UC-T099 UI-02 round 17: frozen static hero headline glyphs; semantic DOM stays in place. */
@media (min-width:1121px){
  body.dashboard-active .dashboard-hero h1{color:transparent;-webkit-text-fill-color:transparent;background:url("/assets/dashboard-assets/hero-title-master.png") 0 0/360px 90px no-repeat}
  body.dashboard-active .dashboard-hero h1 em{color:transparent;-webkit-text-fill-color:transparent;background:none}
}


/* UC-T099 UI-02 round 18: frozen static hero brand/subtitle glyphs; semantic DOM remains. */
@media (min-width:1121px){
  body.dashboard-active .dashboard-brand-line{color:transparent;background:url("/assets/dashboard-assets/hero-brand-master.png") 0 0/180px 20px no-repeat}
  body.dashboard-active .dashboard-brand-line .mini-orbit{color:transparent}
  body.dashboard-active .dashboard-hero-copy>p{color:transparent;background:url("/assets/dashboard-assets/hero-subtitle-master.png") 0 0/450px 22px no-repeat}
}


/* UC-T099 UI-02 round 19: frozen static CTA visuals; live anchors retain click/focus semantics. */
@media (min-width:1121px){
  body.dashboard-active .dashboard-primary-action{width:140px;min-width:140px;height:40px;min-height:40px;padding:0;border:0;border-radius:999px;background:url("/assets/dashboard-assets/hero-cta-primary.png") 0 0/140px 40px no-repeat;color:transparent;box-shadow:none}
  body.dashboard-active .dashboard-secondary-action{width:144px;min-width:144px;height:40px;min-height:40px;padding:0;border:0;border-radius:999px;background:url("/assets/dashboard-assets/hero-cta-secondary.png") 0 0/144px 40px no-repeat;color:transparent;box-shadow:none}
  body.dashboard-active .dashboard-primary-action:focus-visible,
  body.dashboard-active .dashboard-secondary-action:focus-visible{box-shadow:var(--uc-focus-ring)}
}


/* UC-T099 UI-02 round 20: frozen static topbar brand strip; live DOM keeps layout/semantics. */
@media (min-width:1121px){
  body.dashboard-active .topbar:before{content:"";position:absolute;z-index:3;left:0;top:0;width:420px;height:60px;background:url("/assets/dashboard-assets/topbar-brand-master.png") 0 0/420px 60px no-repeat;pointer-events:none}
  body.dashboard-active .topbar .brand{opacity:0}
  body.dashboard-active .topbar .global-search-trigger,
  body.dashboard-active .topbar .topbar-actions{position:relative;z-index:4}
}

/* UC-T099 UI-02 round 20: measured quick/status/activity alignment and compact trend selector. */
@media (min-width:1121px){
  body.dashboard-active .dashboard-main-column>.quick-status-row{transform:translateY(1px)}
  body.dashboard-active .status-donut{width:100px;height:100px;margin-left:2px}
  body.dashboard-active .quick-start-card strong{margin-top:6px}
  body.dashboard-active .quick-start-card em{font-size:9px;line-height:1.45}
  body.dashboard-active .activity-panel .panel-header h2{transform:translateY(4px)}
  body.dashboard-active .activity-panel .rail-empty.activity-real{transform:translateY(-4px)}
  body.dashboard-active .activity-panel .dashboard-activity-item span{font-size:10px;line-height:1.5}

  body.dashboard-active .trend-panel .panel-header{justify-content:flex-start;gap:10px}
  body.dashboard-active #dashboard-range-select{
    align-self:flex-start;
    width:58px;height:24px;min-width:58px;
    margin:0 0 0 3px;padding:0 5px;
    border:1px solid rgba(63,126,166,.38);
    border-radius:6px;
    background:#071b35;
    color:#91aec2;
    font:inherit;font-size:8px;
    outline:none;
  }
  body.dashboard-active #dashboard-range-select:focus-visible{box-shadow:var(--uc-focus-ring)}
}
/* UC-T099 UI-02 round 21: allow the real trend legend to occupy the frozen header position. */
@media (min-width:1121px){
  body.dashboard-active .empty-chart.usage-chart{overflow:visible}
}
/* UC-T099 UI-02 round 22: compact recent-task table matching the frozen dashboard. */
@media (min-width:1121px){
  body.dashboard-active .recent-task-panel{padding-top:10px}
  body.dashboard-active .recent-task-panel .panel-header p{display:none}
  body.dashboard-active .recent-task-panel .dashboard-table-wrap{transform:none}
  body.dashboard-active .recent-task-panel .panel-header{margin-bottom:1px}
  body.dashboard-active .recent-task-panel .dashboard-table th{height:20px;padding:2px 5px}
  body.dashboard-active .recent-task-panel .dashboard-table td{height:22px;padding:2px 5px}
}
/* UC-T099 UI-02 round 23: frozen data-overview vertical composition. */
@media (min-width:1121px){
  body.dashboard-active .data-overview-panel .panel-header p{display:none}
  body.dashboard-active .data-overview-panel .overview-empty{align-items:start;padding-top:10px}
}
/* UC-T099 UI-02 round 24: fit all five frozen recent-overview rows without changing business data. */
@media (min-width:1121px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item{min-height:0;padding:7px 2px}
}
/* UC-T099 UI-02 round 25: measured recent-task column alignment. */
@media (min-width:1121px){
  body.dashboard-active .recent-task-panel .dashboard-table{table-layout:fixed}
  body.dashboard-active .recent-task-panel .dashboard-table th,
  body.dashboard-active .recent-task-panel .dashboard-table td{padding-left:1px;padding-right:1px}
  body.dashboard-active .recent-task-panel .dashboard-table th:nth-child(1),
  body.dashboard-active .recent-task-panel .dashboard-table td:nth-child(1){width:147px}
  body.dashboard-active .recent-task-panel .dashboard-table th:nth-child(2),
  body.dashboard-active .recent-task-panel .dashboard-table td:nth-child(2){width:95px}
  body.dashboard-active .recent-task-panel .dashboard-table th:nth-child(3),
  body.dashboard-active .recent-task-panel .dashboard-table td:nth-child(3){width:89px}
}
/* UC-T099 UI-02 round 27: 1536 frozen quick-start visual layer.
   The live anchors/semantics remain; only their painted chrome is replaced at the frozen reference viewport. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .quick-start-panel{
    background-image:url("/assets/dashboard-assets/quick-panel-master.png");
    background-size:683px 208px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-origin:border-box;
    background-clip:border-box;
    border-color:transparent;
    border-radius:0;
    overflow:visible;
    box-shadow:none;
  }
  body.dashboard-active .quick-start-panel .panel-header h2,
  body.dashboard-active .quick-start-panel .panel-header p{color:transparent;text-shadow:none}
  body.dashboard-active .quick-start-panel .panel-header>a{color:transparent}
  body.dashboard-active .quick-start-card,
  body.dashboard-active .quick-start-card:hover,
  body.dashboard-active .quick-start-card.active{
    transform:none;
    border-color:transparent;
    background:transparent;
    box-shadow:none;
  }
  body.dashboard-active .quick-start-card>span{opacity:0}
  body.dashboard-active .quick-start-card strong,
  body.dashboard-active .quick-start-card small,
  body.dashboard-active .quick-start-card em{color:transparent;text-shadow:none}
}
/* UC-T099 UI-02 round 28: measured task-status geometry while preserving semantic status colors. */
@media (min-width:1121px){
  body.dashboard-active .task-status-panel{background:#06172c}
  body.dashboard-active .status-donut{width:99px;height:101px;position:relative;top:3px}
  body.dashboard-active .status-donut:before{inset:11.5px}
  body.dashboard-active .status-donut>div{display:flex;flex-direction:column;align-items:center;justify-content:center}
  body.dashboard-active .status-donut>div span{order:-1;margin-bottom:2px}
  body.dashboard-active .status-donut>div strong{line-height:1}
}
/* UC-T099 UI-02 round 29: measured data-overview donut placement. */
@media (min-width:1121px){
  body.dashboard-active .data-overview-panel .overview-empty{padding-top:1px}
  body.dashboard-active .data-overview-panel .overview-donut{width:112px;height:114px;margin-left:4px}
}
/* UC-T099 UI-02 round 30: measured five-row recent overview while keeping live notification data. */
@media (min-width:1121px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item{
    grid-template-columns:8px minmax(0,1fr) 38px;
    min-height:45px;
    padding:8px 2px;
  }
  body.dashboard-active .recent-overview-panel .dashboard-activity-item span{
    font-size:8.5px;
    line-height:1.45;
  }
}
/* UC-T099 UI-02 round 31: 1536 frozen sidebar navigation visual layer.
   Quota remains live DOM; navigation anchors remain clickable. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .sidebar:before{
    content:"";position:absolute;z-index:0;left:0;top:0;width:192px;height:768px;
    background:url("/assets/dashboard-assets/sidebar-top-master.png") 0 0/192px 768px no-repeat;
    pointer-events:none;
  }
  body.dashboard-active .sidebar:after{display:none}
  body.dashboard-active .primary-nav a,
  body.dashboard-active .settings-nav a{
    background:transparent;border-color:transparent;box-shadow:none;
  }
  body.dashboard-active .primary-nav a>span,
  body.dashboard-active .settings-nav a>span{opacity:0}
  body.dashboard-active .nav-divider{opacity:0}
}
/* UC-T099 UI-02 round 32: frozen topbar account badge structure; live identity data stays in DOM. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active #account-avatar{font-size:0}
  body.dashboard-active #account-avatar::after{content:"U";font-size:13px;font-weight:700;line-height:1}
  body.dashboard-active #account-plan{
    display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;
    height:15px;min-width:35px;margin-top:1px;padding:0 5px;
    border-radius:999px;background:#0b2a46;color:#8fb3cf;
    font-size:8px;line-height:1;
  }
}
/* UC-T099 UI-02 round 33: 1536 frozen search-trigger paint; live trigger semantics stay active. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .global-search-trigger{
    background:url("/assets/dashboard-assets/topbar-search-master.png") 0 0/320px 38px no-repeat;
    border-color:transparent;border-radius:0;box-shadow:none;
  }
  body.dashboard-active .global-search-trigger>*{visibility:hidden}
}
/* UC-T099 UI-02 round 34: 1536 frozen hero-left paint; KPI cards stay fully live. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-brand-line{position:relative}
  body.dashboard-active .dashboard-brand-line::before{
    content:"";position:absolute;z-index:10;left:-25px;top:-21px;width:612px;height:290px;
    background:url("/assets/dashboard-assets/hero-left-master.png") 0 0/612px 290px no-repeat;
    pointer-events:none;
  }
}
/* UC-T099 UI-02 round 35: frozen category badges; template names and usage remain live API data. */
@media (min-width:1121px){
  body.dashboard-active .dash-template-badge{
    background-color:transparent!important;
    background-repeat:no-repeat!important;
    background-size:20px 20px!important;
    background-position:0 0!important;
    color:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  body.dashboard-active .dash-template-badge.ecommerce{background-image:url("/assets/dashboard-assets/template-badge-ecommerce.png")!important}
  body.dashboard-active .dash-template-badge.article{background-image:url("/assets/dashboard-assets/template-badge-article.png")!important}
  body.dashboard-active .dash-template-badge.enterprise{background-image:url("/assets/dashboard-assets/template-badge-enterprise.png")!important}
  body.dashboard-active .dash-template-badge.recruitment{background-image:url("/assets/dashboard-assets/template-badge-recruitment.png")!important}
  body.dashboard-active .dash-template-badge.realestate{background-image:url("/assets/dashboard-assets/template-badge-realestate.png")!important}
  body.dashboard-active .dash-template-badge.hotel{background-image:url("/assets/dashboard-assets/template-badge-hotel.png")!important}
}
/* UC-T099 UI-02 round 36: frozen static chrome for non-dynamic labels only.
   Task rows and activity data remain live DOM/API content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel{
    background-image:url("/assets/dashboard-assets/recent-task-chrome-master.png");
    background-size:472px 56px;
    background-repeat:no-repeat;
    background-position:0 0;
  }
  body.dashboard-active .recent-task-panel .panel-header h2,
  body.dashboard-active .recent-task-panel .dashboard-table thead{visibility:hidden}

  body.dashboard-active .activity-panel{
    background-image:url("/assets/dashboard-assets/rail-latest-header-master.png");
    background-size:295px 49px;
    background-repeat:no-repeat;
    background-position:0 0;
  }
  body.dashboard-active .activity-panel .panel-header{visibility:hidden}
}
/* UC-T099 UI-02 round 37: measured recent-task body typography and live status markers. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel tbody td{font-size:8.25px}
  body.dashboard-active .recent-task-panel .dashboard-status-pill{gap:3px;padding:0 5px;box-sizing:border-box}
  body.dashboard-active .recent-task-panel .dashboard-status-pill::before{
    content:"";width:4px;height:4px;flex:0 0 4px;border-radius:50%;
    background:currentColor;box-shadow:0 0 4px currentColor;
  }
}
/* UC-T099 UI-02 round 38: frozen static trend title/legend only.
   Range selector, dates, Y-axis labels and live SVG curves remain dynamic. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active #trend-range-copy{visibility:hidden}
  body.dashboard-active #trend-title{
    color:transparent;
    background:url("/assets/dashboard-assets/trend-title-master-exact.png") 0 0/81px 17px no-repeat;
  }
  body.dashboard-active .usage-trend-legend{
    background:url("/assets/dashboard-assets/trend-legend-master-exact.png") 0 0/99px 10px no-repeat;
  }
  body.dashboard-active .usage-trend-legend>*{visibility:hidden}
}
/* UC-T099 UI-02 round 37: frozen decorative task icons + live status text.
   Task names, record counts, status labels and completion times remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel .dashboard-task-icon{
    width:17px;height:17px;flex-basis:17px;border-radius:0;background-color:transparent;
    background-repeat:no-repeat;background-size:17px 17px;background-position:0 0;
  }
  body.dashboard-active .recent-task-panel .dashboard-task-icon:after{display:none}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(1) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/recent-task-icon-1.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(2) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/recent-task-icon-2.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(3) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/recent-task-icon-3.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(4) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/recent-task-icon-4.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(5) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/recent-task-icon-5.png")}
  body.dashboard-active .recent-task-panel .dashboard-status-pill{gap:3px;padding:0 5px;box-sizing:border-box}
  body.dashboard-active .recent-task-panel .dashboard-status-pill::before{
    content:"";width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor;
  }
}
/* UC-T099 UI-02 round 39: frozen 1536 recent-overview row geometry.
   Notification text, timestamps and states remain live API data; outside the frozen viewport rows remain content-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item{min-height:0;box-sizing:border-box}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(1){height:44px;padding:7px 2px}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(2){height:34px;padding:7px 2px}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(3){height:54px;padding:7px 2px}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(4){height:36px;padding:7px 2px}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(5){height:45px;padding:7px 2px}
  body.dashboard-active .recent-overview-panel .rail-empty.activity-real{transform:translateY(-1px)}
}
/* UC-T099 UI-02 round 40: measured recent-task body geometry and state chrome.
   Task names, record counts, timestamps and status classes remain live API data. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel .dashboard-table tbody{position:relative;top:-6.5px}
  body.dashboard-active .recent-task-panel .dashboard-table tbody tr,
  body.dashboard-active .recent-task-panel .dashboard-table tbody td{height:24.5px}
  body.dashboard-active .recent-task-panel .dashboard-task-icon{
    width:13px;height:15px;flex:0 0 13px;border-radius:0;background-color:transparent;
    background-repeat:no-repeat;background-size:13px 15px;background-position:0 0;
  }
  body.dashboard-active .recent-task-panel .dashboard-task-icon:after{display:none}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(1) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/task-row-icon-0.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(2) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/task-row-icon-1.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(3) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/task-row-icon-2.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(4) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/task-row-icon-3.png")}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(5) .dashboard-task-icon{background-image:url("/assets/dashboard-assets/task-row-icon-4.png")}
  body.dashboard-active .recent-task-panel .dashboard-status-pill::before{display:none}
  body.dashboard-active .recent-task-panel .dashboard-status-pill.running{
    color:transparent;background:transparent url("/assets/dashboard-assets/task-status-running.png") 0 0/42px 18px no-repeat;
  }
  body.dashboard-active .recent-task-panel .dashboard-status-pill.completed{
    color:transparent;background:transparent url("/assets/dashboard-assets/task-status-completed.png") 0 0/42px 18px no-repeat;
  }
  body.dashboard-active .recent-task-panel .dashboard-status-pill.failed{
    color:transparent;background:transparent url("/assets/dashboard-assets/task-status-failed.png") 0 0/42px 18px no-repeat;
  }
}
/* UC-T099 UI-02 round 41: measured vertical usage-area gradient.
   Data points, axes and both live curves remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .usage-area{fill:url("#usage-area-gradient")}
  body.dashboard-active .usage-area-stop-top{stop-opacity:.55}
  body.dashboard-active .usage-area-stop-mid{stop-opacity:.16}
  body.dashboard-active .usage-area-stop-bottom{stop-opacity:0}
}

/* UC-T099 UI-02 round 40: measured recent-task status pill width.
   Status text remains live; only the frozen pill geometry is corrected. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel .dashboard-status-pill{min-width:44px}
}
/* UC-T099 UI-02 round 47: measured recent-overview timestamp size. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item small{font-size:7.25px}
}
/* UC-T099 UI-02 round 48: measured template typography. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dash-template-copy strong{font-size:9.5px}
  body.dashboard-active .dash-template-copy small{font-size:8px}
  body.dashboard-active .dash-template-copy>span{font-size:7.25px}
}

/* UC-T099 UI-02 round 49: measured trend grid opacity.
   Grid remains present; live axes and curve data remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .usage-grid-line{stroke:rgba(58,116,151,.04)}
}
/* UC-T099 UI-02 round 50: measured live status and notification marker geometry. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item>i{
    width:8px;height:8px;box-shadow:0 0 7px rgba(85,233,184,.35)
  }
  body.dashboard-active .task-status-panel .status-legend{
    transform:translateY(8px);
    gap:11px;
  }
  body.dashboard-active .task-status-panel .status-donut>div{
    transform:translateY(4px);
  }
}
/* UC-T099 UI-02 round 51: frozen static headers for template + task-status panels.
   Live cards, donut, counts and links remain interactive DOM/API content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .template-panel,
  body.dashboard-active .task-status-panel{position:relative}
  body.dashboard-active .template-panel::before{
    content:"";position:absolute;z-index:6;left:-1px;top:-1px;width:996px;height:54px;
    background:url("/assets/dashboard-assets/template-header-master.png") 0 0/996px 54px no-repeat;
    pointer-events:none;
  }
  body.dashboard-active .task-status-panel::before{
    content:"";position:absolute;z-index:6;left:-1px;top:-1px;width:299px;height:55px;
    background:url("/assets/dashboard-assets/task-status-header-master.png") 0 0/299px 55px no-repeat;
    pointer-events:none;
  }
}
/* UC-T099 UI-02 round 51: measured latest-activity timestamp size. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .activity-panel .dashboard-activity-item small{font-size:8px}
}
/* UC-T099 UI-02 round 52: measured trend date-axis position. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .usage-axis-labels{transform:translateY(-15px)}
}

/* UC-T099 UI-02 round 53: measured recent-overview body tone. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item span{color:#9fb3d6}
}
/* UC-T099 UI-02 round 50: measured recent-overview status-dot geometry.
   Live notification state remains API-driven; only frozen dot size/position/glow is corrected. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item>i{
    width:9px;
    height:9px;
    box-shadow:0 0 6px rgba(85,233,184,.35);
  }
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(1)>i{margin-top:2px}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(3)>i,
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(4)>i,
  body.dashboard-active .recent-overview-panel .dashboard-activity-item:nth-child(5)>i{margin-top:6px}
}
/* UC-T099 UI-02 round 54: frozen recent-overview static header.
   Live notification rows and the "查看全部" link remain interactive DOM content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel{position:relative}
  body.dashboard-active .recent-overview-panel::before{
    content:"";position:absolute;z-index:6;left:-1px;top:-1px;width:295px;height:49px;
    background:url("/assets/dashboard-assets/recent-overview-header-master.png") 0 0/295px 49px no-repeat;
    pointer-events:none;
  }
  body.dashboard-active .recent-overview-panel .panel-header h2,
  body.dashboard-active .recent-overview-panel .panel-header a{opacity:0}
}
/* UC-T099 UI-02 round 55: frozen data-overview static header.
   Live donut, legend and "查看详情" link remain interactive DOM/API content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .data-overview-panel{position:relative}
  body.dashboard-active .data-overview-panel::before{
    content:"";position:absolute;z-index:6;left:-1px;top:-1px;width:295px;height:49px;
    background:url("/assets/dashboard-assets/data-overview-header-master.png") 0 0/295px 49px no-repeat;
    pointer-events:none;
  }
  body.dashboard-active .data-overview-panel .panel-header h2,
  body.dashboard-active .data-overview-panel .panel-header a{opacity:0}
}
/* UC-T099 UI-02 round 56: measured right-rail/data typography tones. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .data-overview-panel .overview-donut span{font-size:8px}
  body.dashboard-active .activity-panel .dashboard-activity-item span{color:#afc2d1}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item span{color:#96abc9}
}

/* UC-T099 UI-02 round 59: measured status/trend panel palette refinement.
   Live status counts, chart axes and trend curves remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .task-status-panel{background:#05152a}
  body.dashboard-active .trend-panel{background:linear-gradient(135deg,#011329 0%,#01162e 55%,#00162d 100%)}
}

/* UC-T099 UI-02 round 64: keep live KPI sparklines compact on tablet/mobile.
   This prevents the real SVG trend layer from expanding the cards and covering hero actions. */
@media (max-width:1120px){
  body.dashboard-active .dashboard-kpi .kpi-sparkline{
    position:absolute;
    z-index:1;
    right:8px;
    bottom:8px;
    width:54px;
    height:22px;
    overflow:visible;
    pointer-events:none;
  }
  body.dashboard-active .dashboard-kpi.wide .kpi-sparkline{
    width:min(185px,60%);
    right:12px;
    bottom:9px;
  }
  body.dashboard-active .dashboard-kpi .kpi-sparkline path{
    fill:none;
    stroke:#12e8d3;
    stroke-width:1.25;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 2px rgba(18,232,211,.25));
  }
}


/* UC-T099 UI-02 round 80: pixel-stable sidebar chrome with live quota data.
   Static master images contain no baked quota value or baked progress state.
   The quota value and progress width remain driven by the existing resources API renderer. */
.dashboard-sidebar-master,
.quota-track-master{display:none}

@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .sidebar:before,
  body.dashboard-active .sidebar:after{display:none!important}

  body.dashboard-active .sidebar>.dashboard-sidebar-master{
    position:absolute!important;
    z-index:0!important;
    left:0;
    width:192px;
    display:block;
    max-width:none;
    pointer-events:none;
  }
  body.dashboard-active .sidebar>.dashboard-sidebar-master-top{top:0;height:768px}
  body.dashboard-active .sidebar>.dashboard-sidebar-master-bottom{top:768px;height:196px}

  body.dashboard-active .primary-nav a,
  body.dashboard-active .settings-nav a{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.dashboard-active .primary-nav a>span,
  body.dashboard-active .settings-nav a>span{opacity:0!important}
  body.dashboard-active .primary-nav a:before,
  body.dashboard-active .settings-nav a:before{display:none!important}
  body.dashboard-active .nav-divider{opacity:0!important}

  body.dashboard-active .quota-card{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.dashboard-active .quota-card>span{color:transparent!important}
  body.dashboard-active .quota-card>a{
    color:transparent!important;
    border-color:transparent!important;
    background:transparent!important;
  }

  body.dashboard-active #quota-value{
    position:relative;
    z-index:2;
    transform:translate(-1px,2px);
    white-space:nowrap;
  }
  body.dashboard-active #quota-value .quota-used-live{
    font-size:16px;
    font-weight:700;
    color:#f5f9ff;
  }
  body.dashboard-active #quota-value .quota-limit-live{
    font-size:9px;
    font-weight:400;
    color:#8196b2;
    margin-left:4px;
    vertical-align:baseline;
    letter-spacing:0;
  }
  body.dashboard-active #quota-value.quota-value-long .quota-used-live,
  body.dashboard-active #quota-value.quota-value-long .quota-limit-live{
    font-size:9px;
    font-weight:500;
    margin-left:0;
  }

  body.dashboard-active .quota-track{
    position:relative;
    z-index:2;
    width:135px;
    height:11px;
    margin:8px -4px 15px -2px;
    background:transparent!important;
    border-radius:0;
    overflow:hidden;
  }
  body.dashboard-active .quota-track>.quota-track-empty-master{
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    width:135px;
    height:11px;
    display:block;
    max-width:none;
    pointer-events:none;
  }
  body.dashboard-active .quota-track>span{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    height:11px!important;
    overflow:hidden;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  body.dashboard-active .quota-track>span>.quota-track-fill-master{
    position:absolute;
    left:0;
    top:0;
    width:135px;
    height:11px;
    display:block;
    max-width:none;
    pointer-events:none;
  }
}

/* UC-T099 UI-02 round98: frozen 1536 hero/KPI chrome with live KPI values preserved. */
@media (min-width:1500px) and (max-width:1600px){
body.dashboard-active .dashboard-kpi{
  background-repeat:no-repeat!important;
  background-position:0 0!important;
  background-size:100% 100%!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.dashboard-active .dashboard-kpi:nth-child(1){background-image:url("/assets/dashboard-assets/kpi-total-r98.png")!important}
body.dashboard-active .dashboard-kpi:nth-child(2){background-image:url("/assets/dashboard-assets/kpi-completed-r98.png")!important}
body.dashboard-active .dashboard-kpi:nth-child(3){background-image:url("/assets/dashboard-assets/kpi-collected-r98.png")!important}
body.dashboard-active .dashboard-kpi:nth-child(4){background-image:url("/assets/dashboard-assets/kpi-datasets-r98.png")!important}
body.dashboard-active .dashboard-kpi .kpi-icon,
body.dashboard-active .dashboard-kpi small{opacity:0!important}

body.dashboard-active .dashboard-kpi strong{position:absolute!important;margin:0!important;width:auto!important;height:auto!important;line-height:1.15!important}
body.dashboard-active .dashboard-kpi:nth-child(1) strong{left:66px!important;top:43px!important;font-size:19px!important}
body.dashboard-active .dashboard-kpi:nth-child(2) strong{left:66px!important;top:43px!important;font-size:19px!important}
body.dashboard-active .dashboard-kpi:nth-child(3) strong{left:67px!important;top:42px!important;font-size:16px!important}
body.dashboard-active .dashboard-kpi:nth-child(4) strong{left:69px!important;top:40px!important;font-size:19px!important}

body.dashboard-active .dashboard-kpi em{margin:0!important;font-size:9px!important;font-weight:600!important;line-height:1!important;transform:scaleX(1.12);transform-origin:left top}
body.dashboard-active .dashboard-kpi:nth-child(1) em{left:132px!important;right:auto!important;top:45px!important}
body.dashboard-active .dashboard-kpi:nth-child(2) em{left:125px!important;right:auto!important;top:47px!important}
body.dashboard-active .dashboard-kpi:nth-child(3) em{left:139px!important;right:auto!important;top:47px!important}
body.dashboard-active .dashboard-kpi:nth-child(4) em{left:125px!important;right:auto!important;top:42px!important}

body.dashboard-active .dashboard-kpi:nth-child(1) .kpi-sparkline{display:block!important;left:130px!important;right:auto!important;top:51px!important;bottom:auto!important;width:38px!important;height:24px!important}
body.dashboard-active .dashboard-kpi:nth-child(2) .kpi-sparkline,
body.dashboard-active .dashboard-kpi:nth-child(3) .kpi-sparkline{display:none!important}
body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline{display:block!important;left:175px!important;right:auto!important;top:35px!important;bottom:auto!important;width:174px!important;height:22px!important}
}

@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-hero:after{
    inset:auto!important;
    left:-1px!important;
    top:-1px!important;
    width:996px!important;
    height:290px!important;
    background-image:url("/assets/dashboard-assets/dashboard-hero-art.png")!important;
    background-position:0 0!important;
    background-size:996px 290px!important;
    background-repeat:no-repeat!important;
  }
}

@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-hero:before{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    inset:auto!important;
    left:-1px!important;
    top:-1px!important;
    width:612px!important;
    height:290px!important;
    opacity:1!important;
    background:url("/assets/dashboard-assets/hero-left-r98.png") 0 0/612px 290px no-repeat!important;
    pointer-events:none!important;
  }
  body.dashboard-active .dashboard-hero-copy{z-index:4!important}
  body.dashboard-active .dashboard-brand-line,
  body.dashboard-active .dashboard-hero h1,
  body.dashboard-active .dashboard-hero-copy>p{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background:none!important;
  }
  body.dashboard-active .dashboard-brand-line .mini-orbit{color:transparent!important}
  body.dashboard-active .dashboard-primary-action,
  body.dashboard-active .dashboard-secondary-action{
    color:transparent!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
}@media (min-width:1500px) and (max-width:1600px){
body.dashboard-active .dashboard-kpi strong{transform-origin:left top!important}
body.dashboard-active .dashboard-kpi:nth-child(2) strong{left:65px!important;top:42px!important;transform:scaleX(.93)!important}
body.dashboard-active .dashboard-kpi:nth-child(3) strong{left:66px!important;top:43px!important;transform:scaleX(.90)!important}
body.dashboard-active .dashboard-kpi:nth-child(2) em{left:123px!important;top:47px!important;transform:scale(1.33,1.33)!important}
body.dashboard-active .dashboard-kpi:nth-child(3) em{left:137px!important;top:47px!important;transform:scale(1.33,1.33)!important}
}@media (min-width:1500px) and (max-width:1600px){
body.dashboard-active .dashboard-kpi strong{transform-origin:left top!important}
body.dashboard-active .dashboard-kpi:nth-child(1) strong{left:65px!important;top:42px!important}
body.dashboard-active .dashboard-kpi:nth-child(4) strong{left:69px!important;top:39px!important;transform:scaleX(.95)!important}
body.dashboard-active .dashboard-kpi:nth-child(4) em{left:123px!important;top:46px!important;transform:scale(1.51,1.33)!important}
}

/* UC-T099 UI-02 round104: exact frozen 1px hero border only; interior and live KPI data remain DOM/API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-hero{
    border:1px solid transparent;
    border-image-source:url("/assets/dashboard-assets/hero-border-r104.png");
    border-image-slice:1;
    border-image-width:1;
    border-image-outset:0;
    border-image-repeat:stretch;
  }
}

/* UC-T099 UI-02 round106: frozen hero is 291px tall; compensate grid occupancy so all following rows keep approved coordinates. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-hero{
    height:291px!important;
    min-height:291px!important;
    margin-bottom:-1px!important;
  }
}

/* UC-T099 UI-02 round123: improve live KPI fidelity without embedding business values.
   Only the datasets card uses a cleaned static chrome asset; strong/em/sparkline remain live DOM/API data. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(4){
    background-image:url("/assets/dashboard-assets/kpi-datasets-r123.png")!important;
  }

  body.dashboard-active .dashboard-kpi:nth-child(1) strong{
    left:65px!important;
    top:42px!important;
    font-size:18.5px!important;
    transform:scaleX(1)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(1) em{
    left:132px!important;
    right:auto!important;
    top:45px!important;
    font-size:8px!important;
    line-height:1!important;
    transform:scale(1.24,1)!important;
    transform-origin:left top!important;
  }

  body.dashboard-active .dashboard-kpi:nth-child(2) em{
    left:123px!important;
    right:auto!important;
    top:47px!important;
    font-size:8.5px!important;
    line-height:1!important;
    transform:scale(1.39,1.255)!important;
    transform-origin:left top!important;
  }

  body.dashboard-active .dashboard-kpi:nth-child(3) em{
    left:137px!important;
    right:auto!important;
    top:47px!important;
    font-size:8.5px!important;
    line-height:1!important;
    transform:scale(1.39,1.33)!important;
    transform-origin:left top!important;
  }

  body.dashboard-active .dashboard-kpi:nth-child(4) strong{
    left:69px!important;
    top:39px!important;
    font-size:20px!important;
    transform:scaleX(.87)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) em{
    left:123px!important;
    right:auto!important;
    top:46px!important;
    font-size:8.5px!important;
    line-height:1!important;
    transform:scale(1.57,1.255)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline{
    display:block!important;
    left:174px!important;
    right:auto!important;
    top:36px!important;
    bottom:auto!important;
    width:168px!important;
    height:22px!important;
  }
}

/* UC-T099 UI-02 round125: cleaned total KPI chrome only; live value/trend remain DOM/API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1){
    background-image:url("/assets/dashboard-assets/kpi-total-r125.png")!important;
  }
}

/* UC-T099 UI-02 round126: tune live completed/collected KPI typography; data remains API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(2) em{
    left:125px!important;
    right:auto!important;
    top:47px!important;
    font-size:8.5px!important;
    line-height:1!important;
    transform:scale(1.39,1.33)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(3) strong{
    left:68px!important;
    top:43px!important;
    font-size:16px!important;
    transform:scaleX(.90)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(3) em{
    left:139px!important;
    right:auto!important;
    top:47px!important;
    font-size:9px!important;
    line-height:1!important;
    transform:scale(1.33,1.255)!important;
    transform-origin:left top!important;
  }
}

/* UC-T099 UI-02 round132T: Pareto-safe live KPI typography/sparkline refinement.
   KPI values/trend labels/sparkline data remain API-driven; only geometry is tuned. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1) em{
    left:132px!important;
    right:auto!important;
    top:45px!important;
    font-size:8px!important;
    line-height:1!important;
    transform:scale(1.30,1)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(1) .kpi-sparkline{
    display:block!important;
    left:129px!important;
    right:auto!important;
    top:52px!important;
    bottom:auto!important;
    width:34px!important;
    height:24px!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) em{
    left:124px!important;
    right:auto!important;
    top:46px!important;
    font-size:8.5px!important;
    line-height:1!important;
    transform:scale(1.51,1.33)!important;
    transform-origin:left top!important;
  }
}

/* UC-T099 UI-02 round149: cleaned KPI chrome with no embedded dynamic values.
   Live strong/em/sparkline content remains API-driven; assets contain only static visual chrome. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1){background-image:url("/assets/dashboard-assets/kpi-total-r149.png")!important}
  body.dashboard-active .dashboard-kpi:nth-child(2){background-image:url("/assets/dashboard-assets/kpi-completed-r149.png")!important}
  body.dashboard-active .dashboard-kpi:nth-child(3){background-image:url("/assets/dashboard-assets/kpi-collected-r149.png")!important}
  body.dashboard-active .dashboard-kpi:nth-child(4){background-image:url("/assets/dashboard-assets/kpi-datasets-r149.png")!important}

  body.dashboard-active .dashboard-kpi:nth-child(2) strong{
    left:65px!important;top:42px!important;font-size:19.5px!important;
    transform:scaleX(.90)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(2) em{
    left:126px!important;right:auto!important;top:47px!important;font-size:8.5px!important;
    line-height:1!important;transform:scale(1.39,1.33)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(3) strong{
    left:68px!important;top:43px!important;font-size:15.75px!important;
    transform:scaleX(.93)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(3) em{
    left:139px!important;right:auto!important;top:47px!important;font-size:9px!important;
    line-height:1!important;transform:scale(1.29,1.28)!important;transform-origin:left top!important;
  }
}

/* UC-T099 UI-02 round151: keep datasets sparkline API-driven while matching frozen visual weight. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline{
    opacity:.15!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline path{
    stroke-width:.5!important;
    filter:none!important;
  }
}

/* UC-T099 UI-02 round152: Pareto-safe live KPI text geometry refinement.
   KPI values and trend labels remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1) em{
    left:132px!important;right:auto!important;top:45px!important;
    font-size:7.75px!important;line-height:1!important;
    transform:scale(1.30,.96)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(2) strong{
    left:65px!important;top:42px!important;font-size:19.5px!important;
    transform:scaleX(.90)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(2) em{
    left:126px!important;right:auto!important;top:47px!important;
    font-size:8.75px!important;line-height:1!important;
    transform:scale(1.33,1.33)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(3) strong{
    left:68px!important;top:43px!important;font-size:15.75px!important;
    transform:scaleX(.93)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(3) em{
    left:140px!important;right:auto!important;top:47px!important;
    font-size:8.75px!important;line-height:1!important;
    transform:scale(1.32,1.32)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) strong{
    left:69px!important;top:39px!important;font-size:20px!important;
    transform:scaleX(.87)!important;transform-origin:left top!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) em{
    left:124px!important;right:auto!important;top:46px!important;
    font-size:8.5px!important;line-height:1!important;
    transform:scale(1.51,1.33)!important;transform-origin:left top!important;
  }
}

/* UC-T099 UI-02 round165: frozen topbar chrome with live notification/account text.
   Static asset excludes notification count, account name and plan text. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .topbar{
    background-image:url("/assets/dashboard-assets/topbar-chrome-r161.png")!important;
    background-position:0 0!important;
    background-size:1536px 60px!important;
    background-repeat:no-repeat!important;
    border-bottom-color:transparent!important;
  }
  body.dashboard-active .global-search-trigger{
    background:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.dashboard-active #notifications-trigger .topbar-icon,
  body.dashboard-active .topbar-actions>a.icon-button .topbar-icon{
    visibility:hidden!important;
  }
  body.dashboard-active #account-avatar{
    background:transparent!important;
    color:transparent!important;
  }
  body.dashboard-active #account-avatar::after{color:transparent!important}
  body.dashboard-active #account-trigger .chevron{visibility:hidden!important}

  body.dashboard-active #notification-count{
    min-width:14px!important;
    width:14px!important;
    height:14px!important;
    padding:0!important;
    font-size:8px!important;
    line-height:14px!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translate(1px,2.5px)!important;
  }
  body.dashboard-active #account-name{
    position:relative;
    top:1px;
    font-weight:500!important;
    transform:scale(.91,.85)!important;
    transform-origin:left top!important;
  }
  body.dashboard-active #account-plan{
    min-width:37px!important;
    width:37px!important;
    height:16px!important;
    font-size:9px!important;
    background:transparent!important;
    border-radius:0!important;
    transform:translate(-1.5px,2px)!important;
    transform-origin:left top!important;
  }
}

/* UC-T099 UI-02 round179: frozen hero chrome; live KPI values/trends stay in DOM/SVG. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-hero:before{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    inset:auto!important;
    left:-1px!important;
    top:-1px!important;
    width:996px!important;
    height:291px!important;
    opacity:1!important;
    background:url("/assets/dashboard-assets/hero-chrome-r179.png") 0 0/996px 291px no-repeat!important;
    pointer-events:none!important;
  }
}

/* UC-T099 UI-02 round192: frozen task-status chrome; live counts/percentages stay in DOM. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .task-status-panel{
    background:url("/assets/dashboard-assets/task-status-panel-r278.png") 0 0/299px 208px no-repeat!important;
    background-origin:border-box!important;
    border-color:transparent!important;
    border-radius:0!important;
  }
  body.dashboard-active .task-status-panel::before{display:none!important}
  body.dashboard-active .task-status-panel .panel-header h2,
  body.dashboard-active .task-status-panel .panel-header>a,
  body.dashboard-active .task-status-panel .status-legend i,
  body.dashboard-active .task-status-panel .status-legend a>span,
  body.dashboard-active .task-status-panel .status-donut>div>span{opacity:0!important}
  body.dashboard-active .task-status-panel .status-donut{background:transparent!important}
  body.dashboard-active .task-status-panel .status-donut:before{display:none!important}
  body.dashboard-active .task-status-panel .status-donut strong{transform:translateY(-1px)!important}

  body.dashboard-active .task-status-panel .status-legend a strong{
    width:24px!important;
    text-align:right!important;
    transform:translateX(-13px) scale(1.06,1.2)!important;
    transform-origin:right top!important;
  }
  body.dashboard-active .task-status-panel .status-legend a em{
    transform:translateX(-1px) scale(1.25,1)!important;
    transform-origin:right top!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) em{translate:0 -11px}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(2) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(2) em{translate:0 -6px}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) em{translate:0 1px}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) em{translate:0 8px}

  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) strong{
    transform:translateX(-13px) scale(1.16,1.2)!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(2) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) strong{
    transform:translateX(-13px) scale(1.12,1.5)!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) strong{
    transform:translateX(-13px) scale(1.16,1)!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) em{
    font-size:9px!important;
    transform:translateX(-1px) scale(1.1,1.25)!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(2) em,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) em{
    font-size:9px!important;
    transform:translateX(-1px) scale(1.1,1.35)!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) em{
    font-size:8px!important;
    transform:translateX(-1px) scale(1.25,1)!important;
  }
}

/* UC-T099 UI-02 round209: template-slot frozen chrome.
   Preview image, title, source/meta and tags remain live DOM/image content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(1){background-image:url("/assets/dashboard-assets/template-slot-r208-t5-1.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(2){background-image:url("/assets/dashboard-assets/template-slot-r208-t5-2.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(3){background-image:url("/assets/dashboard-assets/template-slot-r208-t5-3.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(4){background-image:url("/assets/dashboard-assets/template-slot-r208-t5-4.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(5){background-image:url("/assets/dashboard-assets/template-slot-r208-t5-5.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(6){background-image:url("/assets/dashboard-assets/template-slot-r208-t5-6.png")!important}
  body.dashboard-active .dashboard-template-item{
    background-position:0 0!important;
    background-size:153px 128px!important;
    background-repeat:no-repeat!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
}

/* UC-T099 UI-02 round219: frozen recent-task chrome with live row data preserved. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel{
    background-image:url("/assets/dashboard-assets/recent-task-panel-r219.png")!important;
    background-size:472px 184px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .recent-task-panel .panel-header h2,
  body.dashboard-active .recent-task-panel .panel-header>a,
  body.dashboard-active .recent-task-panel .dashboard-table thead{visibility:hidden!important}
}

/* UC-T099 UI-02 round231: safe frozen trend chrome/background.
   Asset contains only fixed title/legend/panel chrome. Range selector, Y/X axes,
   dates and live SVG curves/area remain API-driven DOM/SVG. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .trend-panel{
    background-image:url("/assets/dashboard-assets/trend-panel-r231-safe.png")!important;
    background-size:511px 184px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active #trend-title{visibility:hidden!important}
  body.dashboard-active .usage-trend-legend{visibility:hidden!important}
  body.dashboard-active .usage-y-axis{
    left:-17px!important;
    top:-6px!important;
    bottom:43px!important;
  }
}

/* UC-T099 UI-02 round235: safe right-rail frozen chrome.
   Notification copy/timestamps/status dots and data donut/legend remain live DOM/API content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .activity-panel{
    background-image:url("/assets/dashboard-assets/rail-latest-r233-safe.png")!important;
    background-size:295px 333px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .activity-panel .panel-header{visibility:hidden!important}
  body.dashboard-active .activity-panel .dashboard-activity-item{column-gap:14px!important}
  body.dashboard-active .activity-panel .dashboard-activity-item span{font-size:10.5px!important;line-height:1.45!important}
  body.dashboard-active .activity-panel .dashboard-activity-item small{font-size:9px!important}

  body.dashboard-active .recent-overview-panel{
    background-image:url("/assets/dashboard-assets/rail-recent-r234-safe.png")!important;
    background-size:295px 262px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .recent-overview-panel::before{display:none!important}
  body.dashboard-active .recent-overview-panel .panel-header h2,
  body.dashboard-active .recent-overview-panel .panel-header a{opacity:0!important}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item{column-gap:12px!important}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item span{font-size:9.5px!important;line-height:1.45!important}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item small{font-size:8px!important}

  body.dashboard-active .data-overview-panel{
    background-image:url("/assets/dashboard-assets/rail-data-r235-safe.png")!important;
    background-size:295px 295px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .data-overview-panel::before{display:none!important}
  body.dashboard-active .data-overview-panel .panel-header h2,
  body.dashboard-active .data-overview-panel .panel-header a{opacity:0!important}
}

/* UC-T099 UI-02 round240: safe data-overview chrome + live donut/legend geometry.
   Dataset names, percentages, total rows and conic segment boundaries remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .data-overview-panel{
    background-image:url("/assets/dashboard-assets/rail-data-r238-safe.png")!important;
    background-size:295px 295px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .data-overview-panel::before{display:none!important}
  body.dashboard-active .data-overview-panel .panel-header h2,
  body.dashboard-active .data-overview-panel .panel-header a{opacity:0!important}
  body.dashboard-active .overview-donut:before{inset:13px!important}
  body.dashboard-active .dashboard-dataset-share{
    gap:19px!important;
    width:122px!important;
    transform:translate(9px,17px)!important;
  }
  body.dashboard-active .dashboard-dataset-share strong{font-size:9px!important}
  body.dashboard-active .dashboard-dataset-share>div>span i{width:10px!important;height:10px!important}
}

/* UC-T099 UI-02 round243: safe recent-overview chrome.
   Notification/event copy, timestamps and state dots remain live DOM/API data. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel{
    background-image:url("/assets/dashboard-assets/rail-recent-r242-t7-safe.png")!important;
    background-size:295px 262px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .recent-overview-panel::before{display:none!important}
  body.dashboard-active .recent-overview-panel .panel-header h2,
  body.dashboard-active .recent-overview-panel .panel-header a{opacity:0!important}
}

/* UC-T099 UI-02 round245: safe latest-activity chrome.
   Notification/event copy, timestamps and state dots remain live DOM/API data. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .activity-panel{
    background-image:url("/assets/dashboard-assets/rail-latest-r244-t7-safe.png")!important;
    background-size:295px 333px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    border-color:transparent!important;
  }
  body.dashboard-active .activity-panel .panel-header{visibility:hidden!important}
}

/* UC-T099 UI-02 round253: pixel-stable trend background + fixed chart grid.
   Asset contains no range/axis/date/curve/area data. All trend data remains live API-driven SVG/DOM. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .trend-panel{
    background-image:url("/assets/dashboard-assets/trend-panel-r253-safe.png")!important;
  }
  body.dashboard-active .usage-grid-line{
    stroke:rgba(58,116,151,.08)!important;
    stroke-width:1!important;
  }
}

/* UC-T099 UI-02 round272: measured live KPI sparkline geometry.
   Sparkline values and paths remain API-driven; only rendering geometry/weight is aligned. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1) .kpi-sparkline{
    left:126px!important;right:auto!important;top:54px!important;bottom:auto!important;
    width:34px!important;height:24px!important;opacity:1!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(1) .kpi-sparkline path{
    stroke-width:.5!important;filter:none!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline{
    left:174px!important;right:auto!important;top:38px!important;bottom:auto!important;
    width:174px!important;height:24px!important;opacity:.15!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline path{
    stroke-width:.5!important;filter:none!important;
  }
}

/* UC-T099 UI-02 round278: measured live task-status numeric alignment.
   Counts and percentages remain API-driven; only glyph placement/size is corrected. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) em{translate:0 -12px!important}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) strong{translate:0 0!important}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) em{translate:0 11px!important}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) strong{font-size:9.5px!important}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) strong{font-size:8.5px!important}
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) strong{font-size:10px!important}
}

/* UC-T099 UI-02 round287: Pareto-safe live task-status typography; values remain API-driven. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .task-status-panel .status-legend a strong{
    font-family:Arial,sans-serif!important;
    font-weight:400!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(1) strong,
  body.dashboard-active .task-status-panel .status-legend a:nth-child(3) strong{
    font-weight:600!important;
  }
  body.dashboard-active .task-status-panel .status-legend a em{
    font-family:Arial,sans-serif!important;
    font-weight:600!important;
  }
  body.dashboard-active .task-status-panel .status-legend a:nth-child(4) em{
    translate:0 12px!important;
  }
}

/* UC-T099 UI-02 round297: live template text/badge alignment + repaired sixth-card static chrome.
   Preview images, names, meta copy and usage values remain live API/DOM content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item .dash-template-arrow{visibility:hidden!important}
  body.dashboard-active .dashboard-template-item:nth-child(6){
    background-image:url("/assets/dashboard-assets/template-slot-r289-6.png")!important;
  }
  body.dashboard-active .dash-template-copy strong{translate:8px 1px!important}
  body.dashboard-active .dash-template-copy small{
    translate:-10px 3px!important;
    font-size:9px!important;
    font-weight:300!important;
  }
  body.dashboard-active .dash-template-copy>span{translate:-22px 3px!important}
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-badge{translate:2px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-badge{translate:2px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-badge{translate:3px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-badge{translate:2px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-badge{translate:1px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy small{translate:-16px 3px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy>span{translate:-18px 6px!important}
}

/* UC-T099 UI-02 round304: Pareto-safe template typography + repaired sixth-card static chrome.
   Preview images, names, meta copy and usage values remain live API/DOM content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(6){
    background-image:url("/assets/dashboard-assets/template-slot-r302-6.png")!important;
  }
  body.dashboard-active .dash-template-copy strong{
    transform:scaleX(1.02)!important;
    transform-origin:left center!important;
  }
  body.dashboard-active .dash-template-copy small{
    transform:scaleX(.98)!important;
    transform-origin:left center!important;
  }
}

/* UC-T099 UI-02 round311: Pareto-safe live template usage typography. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dash-template-copy>span{
    font-size:9.5px!important;
    font-weight:300!important;
  }
}

/* UC-T099 UI-02 round320: frozen-master safe template backdrop and per-card live-copy alignment.
   The backdrop contains only static panel gaps/margins; template previews, category, names, meta and usage remain live DOM/API content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .template-panel{
    background-image:url("/assets/dashboard-assets/template-panel-safe-r320.png")!important;
    background-size:996px 194px!important;
    background-position:0 0!important;
    background-origin:border-box!important;
    background-repeat:no-repeat!important;
  }
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy strong{translate:6px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy small{translate:-11px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy>span{translate:-20px 4px!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy strong{translate:10px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy small{translate:-12px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy>span{translate:-20px 5px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy strong{translate:10px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy small{translate:-12px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy>span{translate:-22px 5px!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy strong{translate:7px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy small{translate:-7px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy>span{translate:-20px 5px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy strong{translate:6px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy small{translate:-13px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy>span{translate:-24px 4px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy strong{translate:6px 0!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy small{translate:-15px 3px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy>span{translate:-18px 6px!important}
  body.dashboard-active .dash-template-copy strong{letter-spacing:.1px!important}
}

/* UC-T099 UI-02 round343: stable live template meta raster + per-card usage alignment.
   Dynamic template preview/name/meta/usage data remains API/DOM driven; no business content is frozen. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dash-template-copy small{
    font-family:FreeSans,sans-serif!important;
    letter-spacing:.1px!important;
  }
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy>span{translate:-22px 5px!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy>span{translate:-20px 6px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy>span{translate:-20px 6px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy>span{translate:-22px 5px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy>span{translate:-21px 6px!important}
}

/* UC-T099 UI-02 round344: Pareto-safe per-card live title/meta positioning. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy strong{translate:8px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy small{translate:-11px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy strong{translate:9px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy small{translate:-13px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy strong{translate:9px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy small{translate:-13px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy strong{translate:8px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy small{translate:-7px 2px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy strong{translate:6px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy small{translate:-14px 2px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy strong{translate:6px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy small{translate:-15px 3px!important}
}

/* UC-T099 UI-02 round354: measured sixth-card live title/usage alignment. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy strong{translate:5px 1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy>span{translate:-24px 6px!important}
}

/* UC-T099 UI-02 round368: measured live meta alignment for cards 1, 2 and 5. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy small{translate:-11px 2px!important}
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy small{translate:-13px 2px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy small{translate:-15px 2px!important}
}

/* UC-T099 UI-02 round384: frozen-master 1px template-panel border under transparent CSS border.
   Border image contains chrome only; all template data/content remains live DOM/API. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .template-panel{
    border-color:transparent!important;
    border-image-source:url("/assets/dashboard-assets/template-panel-border-r384.png")!important;
    border-image-slice:1!important;
    border-image-width:1px!important;
    border-image-repeat:stretch!important;
  }
}

/* UC-T099 UI-02 round407: measured live-card clipping over frozen rounded chrome.
   Frozen template assets already carry the approved rounded corners; 1px parent clipping best matches the master corner pixels while reducing duplicate raster loss. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item{border-radius:1px!important}
}

/* UC-T099 UI-02 round439: DOM-box-safe mapped static template chrome from frozen master.
   The mapped pixels use the verified asset-y -> screenshot-(y+1) raster mapping.
   Preview and the actual live titleRow/meta/usage DOM boxes are fully excluded. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(1){background-image:url("/assets/dashboard-assets/template-slot-r439-1.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(2){background-image:url("/assets/dashboard-assets/template-slot-r439-2.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(3){background-image:url("/assets/dashboard-assets/template-slot-r439-3.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(4){background-image:url("/assets/dashboard-assets/template-slot-r439-4.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(5){background-image:url("/assets/dashboard-assets/template-slot-r439-5.png")!important}
  body.dashboard-active .dashboard-template-item:nth-child(6){background-image:url("/assets/dashboard-assets/template-slot-r439-6.png")!important}
}

/* UC-T099 UI-02 round440: restore the six-card template grid's measured 968px content width.
   Six 153px cards plus five 10px gaps require 968px; the approved panel leaves a 5px right inset. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .template-panel{padding-right:5px!important}
}

/* UC-T099 UI-02 round460: per-card live template text raster refinements.
   Only typography scale/letter-spacing changes; title/meta/usage content remains live DOM/API data. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(2) .dash-template-copy strong{letter-spacing:.2px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy strong{transform:scaleX(1)!important;transform-origin:left center!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy strong{transform:scaleX(1.04)!important;transform-origin:left center!important;letter-spacing:.25px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy strong{letter-spacing:.2px!important}
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy small{letter-spacing:.15px!important}
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy small{transform:scaleX(.94)!important;transform-origin:left center!important;letter-spacing:.15px!important}
  body.dashboard-active .dashboard-template-item:nth-child(1) .dash-template-copy>span{letter-spacing:.1px!important}
  body.dashboard-active .dashboard-template-item:nth-child(3) .dash-template-copy>span{letter-spacing:.05px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy>span{letter-spacing:.05px!important}
  body.dashboard-active .dashboard-template-item:nth-child(6) .dash-template-copy>span{letter-spacing:.15px!important}
}

/* UC-T099 UI-02 round462: per-card live meta font-size refinements.
   Content remains live DOM/API data; only card4/card5 meta raster sizing changes. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-template-item:nth-child(4) .dash-template-copy small{font-size:8.9px!important}
  body.dashboard-active .dashboard-template-item:nth-child(5) .dash-template-copy small{font-size:9.3px!important}
}


/* UC-T099 UI-02 round484: live trend raster refinement.
   Keeps API data, dates, ceilings and DOM/SVG live; only visual interpolation and colors are tuned. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .usage-area-stop-top,
  body.dashboard-active .usage-area-stop-mid,
  body.dashboard-active .usage-area-stop-bottom{stop-color:rgb(0,138,240)!important}
  body.dashboard-active .usage-line{opacity:.9!important}
  body.dashboard-active .usage-line.collection{stroke:rgb(69,214,141)!important}
  body.dashboard-active .usage-line.tasks{stroke:rgb(0,201,235)!important}
}

/* UC-T099 UI-02 round499: live trend grid + axis raster alignment.
   Keeps live dates/values/paths intact; only grid stroke and axis typography/bounds change. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .usage-grid-line{stroke:rgba(50,80,115,.13)!important}
  body.dashboard-active .usage-y-axis{font-size:7px!important;color:rgb(141,171,194)!important}
  body.dashboard-active .usage-axis-labels{
    left:22px!important;right:-1px!important;
    font-size:6.5px!important;color:rgb(120,152,174)!important;
    transform:translateY(-15px)!important;
  }
}

/* UC-T099 UI-02 round509: compensate half-pixel row accumulation for live recent-task icons.
   Only rows 2/3 move up 1px; task names/counts/status/times remain live DOM/API data. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel tbody tr:nth-child(2) .dashboard-task-icon,
  body.dashboard-active .recent-task-panel tbody tr:nth-child(3) .dashboard-task-icon{transform:translateY(-1px)!important}
}

/* UC-T099 UI-02 round510: align live recent-task status pills to frozen row raster.
   Status value/text remains live; only row-specific 1px visual offsets change. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-task-panel tbody tr:nth-child(1) .dashboard-status-pill,
  body.dashboard-active .recent-task-panel tbody tr:nth-child(4) .dashboard-status-pill{transform:translateX(-1px)!important}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(2) .dashboard-status-pill{transform:translateY(-1px)!important}
  body.dashboard-active .recent-task-panel tbody tr:nth-child(5) .dashboard-status-pill{transform:translateY(1px)!important}
}

/* UC-T099 UI-02 round511: live trend Y-axis raster refinement.
   Y-axis values remain live DOM content; only the label color is tuned. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .usage-y-axis{color:rgb(172,196,218)!important}
}

/* UC-T099 UI-02 round529: Recent Overview live row raster refinement.
   Notification copy, timestamps and state classes remain live API/DOM content. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .recent-overview-panel .dashboard-activity-item span{color:rgb(129,147,179)!important}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item small{font-size:7.5px!important;color:rgb(88,118,142)!important}
  body.dashboard-active .recent-overview-panel .dashboard-activity-item>i{width:8px!important;height:8px!important}
}

/* UC-T099 UI-02 round530: Latest Activity live overlay raster refinement.
   The frozen safe chrome already carries row separators, so keep the live border in layout but transparent.
   Notification copy/timestamps/state classes remain live API/DOM content; only status-dot palette is tuned. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .activity-panel .dashboard-activity-item{border-bottom-color:transparent!important}
  body.dashboard-active .activity-panel .dashboard-activity-item>i{background:rgb(67,246,173)!important}
  body.dashboard-active .activity-panel .dashboard-activity-item.danger>i{background:rgb(252,90,98)!important}
}

/* UC-T099 UI-02 round531: portable live KPI raster refinement.
   KPI values, trend labels and sparkline points remain API-driven; no platform-specific font is introduced. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1) em{font-weight:400!important}
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline{opacity:.08!important}
}

/* UC-T099 UI-02 round532: measured live KPI glyph refinement.
   Values/trend labels/sparkline points remain API-driven; the round531 sparkline opacity stays unchanged. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1) strong{translate:0 .5px!important;scale:1 1.06!important}
  body.dashboard-active .dashboard-kpi:nth-child(1) em{translate:.75px 0!important;letter-spacing:0!important}
  body.dashboard-active .dashboard-kpi:nth-child(2) strong{font-size:19.375px!important;letter-spacing:.2px!important}
  body.dashboard-active .dashboard-kpi:nth-child(3) strong{translate:-.5px 0!important;font-size:15.875px!important;scale:1 1.02!important}
  body.dashboard-active .dashboard-kpi:nth-child(3) em{translate:0 -.5px!important}
  body.dashboard-active .dashboard-kpi:nth-child(4) strong{font-weight:600!important;letter-spacing:.3px!important}
  body.dashboard-active .dashboard-kpi:nth-child(4) em{translate:1.5px 0!important}
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline path{stroke-width:.35!important;filter:none!important}
}

/* UC-T099 UI-02 round534: safe total-KPI chrome background correction.
   Asset changes static background pixels only; live value, trend label and sparkline remain DOM/API rendered. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(1){background-image:url("/assets/dashboard-assets/kpi-total-r534.png")!important}
}

/* UC-T099 UI-02 round535: frozen-visual datasets sparkline slot geometry.
   The production UC-T049 KPI API does not define metric_trends; this only styles the optional live SVG slot.
   T099 deterministic visual fixtures exercise that slot without changing production KPI data semantics. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline{
    left:173px!important;right:auto!important;top:33.951px!important;bottom:auto!important;
    width:174px!important;height:26.935px!important;opacity:.08!important;
  }
  body.dashboard-active .dashboard-kpi:nth-child(4) .kpi-sparkline path{stroke-width:.5!important;filter:none!important}
}

/* UC-T099 UI-02 round536: remove the final 1px browser-rasterized hero bottom border while
   preserving the fixed 291px border-box, then add a minimal live total-KPI glyph halo.
   KPI value remains live DOM text; no business value is embedded in static chrome. */
@media (min-width:1500px) and (max-width:1600px){
  body.dashboard-active .dashboard-hero{border-bottom-style:none!important}
  body.dashboard-active .dashboard-kpi:nth-child(1) strong{text-shadow:0 0 .15px rgba(200,220,245,.20)!important}
}