/* rc167 — Production Premium UIX, translated from approved mockup */
:root{
 --p-bg:#07111f;--p-panel:#0d1a2d;--p-panel2:#101f35;--p-line:#243958;
 --p-text:#f8fbff;--p-sub:#a9b9cf;--p-blue:#2979ff;--p-purple:#8b3dff;
 --p-cyan:#00b8d9;--p-green:#00b978;--p-orange:#ff9800;--p-pink:#ef3f83;
 --p-radius:18px;--p-shadow:0 18px 42px rgba(0,7,20,.24);
}
body[data-premium-production],
body:has([data-premium-admin-dashboard]){
 background:linear-gradient(145deg,#07101d,#0a1525 55%,#07111f)!important;color:var(--p-text)!important;
}
body:has([data-premium-admin-dashboard]) :where(.content,.admin-content,main){background:transparent!important}
body:has([data-premium-admin-dashboard]) :where(.sidebar,.admin-sidebar){
 background:linear-gradient(180deg,#07152a,#0a1a31)!important;border-right:1px solid #1b3150!important;
 box-shadow:12px 0 36px rgba(0,0,0,.24)!important
}
body:has([data-premium-admin-dashboard]) :where(.topbar,.admin-topbar){
 background:rgba(7,17,31,.90)!important;color:#fff!important;border-bottom:1px solid #1d3350!important;
 backdrop-filter:blur(18px)
}
body:has([data-premium-admin-dashboard]) :where(.topbar,.admin-topbar) *{color:#dce8f8!important}

/* dashboard canvas */
[data-premium-admin-dashboard].pad{background:transparent!important;color:#fff!important}
[data-premium-admin-dashboard] .pad-hero{
 background:
 radial-gradient(circle at 63% 20%,rgba(32,111,255,.48),transparent 30%),
 radial-gradient(circle at 30% 20%,rgba(126,50,255,.28),transparent 34%),
 linear-gradient(120deg,#15194b 0,#0b2871 48%,#063e5b 100%)!important;
 border:1px solid #31518d!important;border-radius:22px!important;box-shadow:var(--p-shadow)!important;
 overflow:hidden;position:relative
}
[data-premium-admin-dashboard] .pad-hero:after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(110deg,transparent 50%,rgba(55,220,255,.08) 68%,transparent 80%)
}
[data-premium-admin-dashboard] .pad-hero :where(h1,h2,h3,p,small,span){color:#fff!important}
[data-premium-admin-dashboard] .pad-hero h1{font-size:clamp(2.4rem,4vw,4.4rem)!important;line-height:.98!important;font-weight:850!important;letter-spacing:-.055em!important}
[data-premium-admin-dashboard] .pad-hero h1 strong{
 color:#7ab7ff!important;background:linear-gradient(90deg,#55c9ff,#9a78ff,#ff65bf);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}

/* KPI cards */
[data-premium-admin-dashboard] .pad-stats{gap:14px!important}
[data-premium-admin-dashboard] .pad-stat{
 color:#fff!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.17)!important;
 box-shadow:0 14px 28px rgba(0,0,0,.20)!important;overflow:hidden;position:relative;
 transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important
}
[data-premium-admin-dashboard] .pad-stat:hover{transform:translateY(-5px) scale(1.012)!important;box-shadow:0 22px 42px rgba(0,0,0,.28)!important;filter:saturate(1.08)}
[data-premium-admin-dashboard] .pad-stat:after{content:"";position:absolute;inset:auto -20% -55% 30%;height:100%;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}
[data-premium-admin-dashboard] .stat-blue{background:linear-gradient(135deg,#1267e8,#234fd0)!important}
[data-premium-admin-dashboard] .stat-purple{background:linear-gradient(135deg,#7130db,#9a35ee)!important}
[data-premium-admin-dashboard] .stat-gold{background:linear-gradient(135deg,#e67d00,#ffad0b)!important}
[data-premium-admin-dashboard] .stat-green{background:linear-gradient(135deg,#008b5d,#00b979)!important}
[data-premium-admin-dashboard] .pad-stat :where(small,strong,em,i){color:#fff!important}

/* all dashboard sections */
[data-premium-admin-dashboard] :where(.ops-command,.pad-card){
 background:linear-gradient(145deg,rgba(13,26,45,.97),rgba(9,21,38,.98))!important;
 border:1px solid #253d60!important;border-radius:19px!important;box-shadow:var(--p-shadow)!important;color:#fff!important
}
[data-premium-admin-dashboard] :where(.ops-command,.pad-card) :where(h2,h3,strong){color:#f8fbff!important}
[data-premium-admin-dashboard] :where(.ops-command,.pad-card) :where(p,em,small){color:#a9b9cf!important}

/* command cards - approved multi-color look */
[data-premium-admin-dashboard] .ops-command-card{
 --cc:#2979ff;--ccbg:rgba(41,121,255,.13);
 background:linear-gradient(135deg,var(--ccbg),rgba(13,26,45,.92))!important;
 border:1px solid color-mix(in srgb,var(--cc) 55%,#243958)!important;border-radius:14px!important;color:#fff!important;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important
}
[data-premium-admin-dashboard] .ops-command-card:nth-child(2n){--cc:#00a6e8;--ccbg:rgba(0,166,232,.13)}
[data-premium-admin-dashboard] .ops-command-card:nth-child(3n){--cc:#00b978;--ccbg:rgba(0,185,120,.13)}
[data-premium-admin-dashboard] .ops-command-card:nth-child(4n){--cc:#00b8d9;--ccbg:rgba(0,184,217,.13)}
[data-premium-admin-dashboard] .ops-command-card:nth-child(5n){--cc:#ff8a00;--ccbg:rgba(255,138,0,.13)}
[data-premium-admin-dashboard] .ops-command-card:nth-child(6n){--cc:#8b3dff;--ccbg:rgba(139,61,255,.13)}
[data-premium-admin-dashboard] .ops-command-card:nth-child(7n){--cc:#ef3f83;--ccbg:rgba(239,63,131,.13)}
[data-premium-admin-dashboard] .ops-command-card:hover{transform:translateY(-4px)!important;box-shadow:0 14px 28px color-mix(in srgb,var(--cc) 18%,transparent)!important}
[data-premium-admin-dashboard] .ops-command-card :where(strong,small,b){color:#fff!important}
[data-premium-admin-dashboard] .ops-command-card em{color:#aebbd0!important}
[data-premium-admin-dashboard] .ops-command-icon{background:color-mix(in srgb,var(--cc) 20%,transparent)!important;color:var(--cc)!important}
[data-premium-admin-dashboard] .ops-command-card b{background:var(--cc)!important;color:#fff!important}

/* headings */
[data-premium-admin-dashboard] .pad-card-head h2,
[data-premium-admin-dashboard] .ops-command-head h2{
 color:#fff!important;font-weight:850!important;letter-spacing:-.03em!important
}
[data-premium-admin-dashboard] .pad-card-head h2:before,
[data-premium-admin-dashboard] .ops-command-head h2:before{
 content:"";display:inline-block;width:4px;height:1.1em;border-radius:4px;background:linear-gradient(#8b3dff,#2979ff);margin-right:9px;vertical-align:-.12em
}
[data-premium-admin-dashboard] .pad-eyebrow{color:#8cb8ff!important;font-weight:850!important;letter-spacing:.08em!important}

/* data cards and tables */
[data-premium-admin-dashboard] .pad-table-card{border-color:#5e356f!important}
[data-premium-admin-dashboard] .pad-table{background:transparent!important}
[data-premium-admin-dashboard] .pad-table th{background:#111f35!important;color:#a9b9cf!important;border-color:#263b59!important}
[data-premium-admin-dashboard] .pad-table td{background:rgba(9,20,36,.72)!important;color:#dce7f5!important;border-color:#1d3150!important}
[data-premium-admin-dashboard] .pad-table tbody tr:hover td{background:#142945!important}
[data-premium-admin-dashboard] .pad-person strong{color:#fff!important}
[data-premium-admin-dashboard] .pad-person small{color:#8295af!important}
[data-premium-admin-dashboard] .pad-amount{color:#55a7ff!important}

/* charts */
[data-premium-admin-dashboard] :where(.pad-chart-card,.pad-status-card){
 background:linear-gradient(145deg,#111a39,#0a2034)!important;border-color:#57408a!important
}
[data-premium-admin-dashboard] .pad-bar{background:linear-gradient(180deg,#58a7ff,#564be8)!important;box-shadow:0 0 18px rgba(70,109,255,.28)}
[data-premium-admin-dashboard] .pad-bar:last-child{background:linear-gradient(180deg,#27e98d,#00a96d)!important}
[data-premium-admin-dashboard] .pad-donut{filter:drop-shadow(0 0 14px rgba(0,202,168,.18))}
[data-premium-admin-dashboard] .pad-health{background:linear-gradient(145deg,#073c3d,#092b35)!important;border-color:#087c75!important}

/* buttons/links */
[data-premium-admin-dashboard] :where(.ops-command-work,.pad-breakdown,.pad-card-head>a){
 color:#8fb7ff!important;font-weight:800!important
}
[data-premium-admin-dashboard] .ops-command-work{
 color:#fff!important;background:linear-gradient(135deg,#7835df,#244fe0)!important;border:1px solid #744eff!important;
 box-shadow:0 8px 20px rgba(95,57,225,.28)!important
}

/* real global shell for ALL authenticated pages */
body.uix-production :where(.sidebar,.teacher-sidebar,.student-sidebar,.portal-sidebar){
 background:linear-gradient(180deg,#07152a,#0a1a31)!important;color:#dce8f8!important;border-right:1px solid #1b3150!important
}
body.uix-production :where(.sidebar a,.teacher-sidebar a,.student-sidebar a,.portal-sidebar a){color:#b8c8dc!important}
body.uix-production :where(.sidebar a,.teacher-sidebar a,.student-sidebar a,.portal-sidebar a):hover{background:#112945!important;color:#fff!important}
body.uix-production :where(.sidebar a.active,.teacher-sidebar a.active,.student-sidebar a.active,.portal-sidebar a.active,[aria-current="page"]){
 background:linear-gradient(135deg,#2869ee,#843cf2)!important;color:#fff!important;box-shadow:0 8px 20px rgba(70,69,225,.28)!important
}
body.uix-production :where(.topbar,.admin-topbar,.teacher-topbar,.student-topbar,.portal-topbar){
 background:rgba(248,250,253,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid #dce4ef!important
}
body.uix-production:not(:has([data-premium-admin-dashboard])) :where(.content,.portal-content,.teacher-content,.student-content,main){
 background:linear-gradient(180deg,#f3f6fb,#eef3f9)!important
}
body.uix-production:not(:has([data-premium-admin-dashboard])) :where(.card,.panel,.widget,.tile,[class*="-card"],[class*="-panel"]){
 box-shadow:0 10px 28px rgba(24,39,75,.08)!important
}

/* animations */
@keyframes prodRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes prodGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
[data-premium-admin-dashboard] .pad-enter{animation:prodRise .5s cubic-bezier(.2,.8,.2,1) both!important}
[data-premium-admin-dashboard] .pad-stat-icon{animation:prodGlow 3.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){
 [data-premium-admin-dashboard] .pad-enter,[data-premium-admin-dashboard] .pad-stat-icon{animation:none!important}
}