/* screen-only override: never affects print output */
@media screen{

/* ===== معاينة v2: الداشبورد بنفس روح أزرار الشريط - كحلي وحواف مضيئة (معاينة فقط) ===== */
:root{
 --neon:#3ae7d6;
 --deep1:#03081c; --deep2:#071334; --deep3:#020614;
 --panel1:#101f49; --panel2:#081434;
 --elec:#2f6bff; --viol:#8b5cf6;
}
body:not(.program-locked){
 background:
  radial-gradient(ellipse at 12% 0%, rgba(47,107,255,.55), transparent 55%),
  radial-gradient(ellipse at 88% 8%, rgba(139,92,246,.42), transparent 52%),
  radial-gradient(ellipse at 85% 90%, rgba(58,231,214,.22), transparent 55%),
  radial-gradient(ellipse at 50% 108%, rgba(37,68,160,.6), transparent 62%),
  linear-gradient(160deg,var(--deep1) 0%,var(--deep2) 45%,var(--deep3) 100%) !important;
 background-attachment:fixed !important;
}
body.dashboard-home header.top{background:transparent !important;box-shadow:none !important;border-bottom-color:rgba(58,231,214,.4) !important}
body.dashboard-home #view .dashboard.dx{background:transparent !important;border:0 !important;box-shadow:none !important;padding:12px 0 !important}
/* ترويسة لوحة المتابعة */
body.dashboard-home #view .dx-head h2{color:#eef5ff !important;text-shadow:0 2px 12px rgba(116,150,255,.45) !important}
body.dashboard-home .dx-head p,body.dashboard-home .dx-date{color:#a9c0ee !important}
body.dashboard-home .dx-head .btn{background:linear-gradient(150deg,#16295a,#0c1c46) !important;color:#dce6ff !important;border:1px solid rgba(96,140,255,.5) !important;box-shadow:0 0 12px rgba(47,107,255,.3) !important}
/* كروت الداشبورد: كحلي بحواف مضيئة مثل أزرار الشريط */
body.dashboard-home #view .hc-middle>.dx-card,body.dashboard-home #view .hc-lower>.dx-card,
body.dashboard-home .dx-card,
body.dashboard-home .dashboard .dash-section,
body.dashboard-home .dashboard #alc,
body.dashboard-home #view .hc-details, body.dashboard-home .hc-details{
 background:linear-gradient(150deg,var(--panel1),var(--panel2)) !important;
 backdrop-filter:none !important;
 border:1px solid rgba(96,140,255,.5) !important;
 box-shadow:0 0 0 1px rgba(58,231,214,.12),0 0 18px rgba(47,107,255,.28),0 14px 32px rgba(2,8,30,.6),inset 0 1px 0 rgba(255,255,255,.08) !important;
 border-radius:14px !important;
}
/* عناوين الكروت: تدرج فاتح يظهر على الكحلي */
body.dashboard-home #view .hc-middle>.dx-card>h3:first-child,
body.dashboard-home #view .hc-lower>.dx-card>h3:first-child{
 background:linear-gradient(90deg,#7dd3fc,#60a5fa 45%,#a78bfa) !important;
 -webkit-background-clip:text !important;background-clip:text !important;
 color:transparent !important;-webkit-text-fill-color:transparent !important;
 border-bottom:1px solid rgba(125,155,255,.4) !important;
}
/* عنوان القسم المؤطر */
body.dashboard-home #view .dashboard .dash-section .dash-section-head h3,
body.dashboard-home .dashboard .dash-section .dash-section-head h3{
 background:linear-gradient(90deg,#1a2f6e,#4c1d95) !important;
 color:#fff !important;-webkit-text-fill-color:#fff !important;
 border:1px solid #4d7cff !important;
 box-shadow:0 0 14px rgba(47,107,255,.45),inset 0 1px 0 rgba(255,255,255,.15) !important;
}
/* نصوص داخل الكروت الكحلية */
body.dashboard-home #view .dx-leg span, body.dashboard-home #view .dx-leg small,
body.dashboard-home #view .dash-section-note, body.dashboard-home #view .dx-bar,
body.dashboard-home #view .dx-lg, body.dashboard-home #view .dx-note,
body.dashboard-home #view .dx-card .al-dt, body.dashboard-home #view .dx-card .al-gh,
body.dashboard-home #view .al-rows li a, body.dashboard-home #view .hc-panelhead a,
body.dashboard-home #view .hc-panelhead, body.dashboard-home #view .dx-card p,
body.dashboard-home #view .dx-card label, body.dashboard-home #view .dx-card .disc,
body.dashboard-home #view .hc-details summary, body.dashboard-home .hc-details summary{
 color:#c3d6f7 !important;
}
body.dashboard-home #view .dx-leg b, body.dashboard-home #view .dx-bar b{color:#eef4ff !important}
body.dashboard-home #view .dx-leg div{border-color:rgba(120,150,255,.25) !important}
/* أزرار تبويبات الرسوم */
body.dashboard-home #view .dx-tabs button{background:#1d3565 !important;color:#c3d6f7 !important;border:1px solid rgba(96,140,255,.35) !important}
body.dashboard-home #view .dx-tabs button.on{background:linear-gradient(135deg,#2f6bff,#7c3aed) !important;color:#fff !important;box-shadow:0 0 12px rgba(47,107,255,.5) !important}
/* الرسوم: نصوص ومحاور فاتحة */
body.dashboard-home #view .hc-trend svg text{fill:#c3d6f7 !important}
body.dashboard-home #view .hc-trend svg line{stroke:#41608f !important}
body.dashboard-home #view .dx-donut svg text{fill:#eef4ff !important}
/* الجداول: بيضاء مسطّحة كما اتفقنا */
body.dashboard-home #view .hc-table-wrap{background:#fff !important;border-color:rgba(120,150,255,.4) !important}
html.dark body.dashboard-home #view .hc-table-wrap{background:transparent !important}


/* الإطار الخارجي المضيء */
body:not(.program-locked):before{
 content:"";position:fixed;inset:10px;z-index:2147483000;pointer-events:none;
 border:2px solid rgba(64,140,255,.85);border-radius:20px;
 box-shadow:0 0 22px rgba(47,107,255,.75),0 0 60px rgba(47,107,255,.35),inset 0 0 22px rgba(47,107,255,.25);
}
@media (max-width:959px){ body:not(.program-locked):before{inset:6px;border-radius:16px} }

/* تسويات وضوح v2.1 */
body.dashboard-home #view .hc-panelhead h3{
 background:linear-gradient(90deg,#7dd3fc,#60a5fa 45%,#a78bfa) !important;
 -webkit-background-clip:text !important;background-clip:text !important;
 color:transparent !important;-webkit-text-fill-color:transparent !important;
}
body.dashboard-home #view .dx-al{background:rgba(29,53,101,.55) !important;border:1px solid rgba(96,140,255,.3) !important}
body.dashboard-home #view .dx-all{color:#dce8ff !important}
body.dashboard-home #view .hc-more{color:#8fd8ff !important}
body.dashboard-home #view .dx-leg div *{color:#c3d6f7 !important}
body.dashboard-home #view .dx-leg div b{color:#eef4ff !important}
body.dashboard-home #view .dx-leg i{background:inherit}

/* روابط */
body.dashboard-home #view .dx-card a{color:#8fd8ff !important}
/* الشريط الجانبي */
body.layout-side #side-stack #nav,
body.layout-side #side-stack #top-clock{
 background:rgba(8,18,46,.65) !important;border:1px solid rgba(96,140,255,.4) !important;
 box-shadow:0 14px 30px rgba(2,8,30,.6) !important;
}
body.layout-side #side-stack #nav a{
 background:linear-gradient(150deg,#16295a,#0c1c46) !important;
 border:1px solid rgba(96,140,255,.35) !important;border-bottom:3px solid #040f2c !important;
 color:#dce6ff !important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 4px 8px rgba(2,8,30,.6) !important;
}
body.layout-side #side-stack #nav a.sel{
 background:linear-gradient(150deg,#2f6bff,#5b3fd4) !important;
 border-color:var(--neon) !important;color:#fff !important;
 box-shadow:0 0 16px rgba(58,231,214,.45),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
/* الأيقونات: دوائر مضيئة بحلقة فيروزية */
body.layout-side #side-stack #nav a svg,
#nav a svg{
 width:36px !important;height:36px !important;padding:7px !important;border-radius:50% !important;
 background:radial-gradient(circle at 32% 28%, #2f6fd6, #0b2659 78%) !important;
 color:#6ff5e6 !important;border:1.5px solid var(--neon) !important;
 box-shadow:0 0 8px rgba(58,231,214,.8),0 0 18px rgba(58,231,214,.35),inset 0 1px 2px rgba(255,255,255,.35) !important;
 vertical-align:-11px !important;margin-inline-end:8px !important;opacity:1 !important;
}
body.layout-side #side-stack #nav a.sel svg,#nav a.sel svg{
 background:radial-gradient(circle at 32% 28%, #8ef9ec, #1aa393 80%) !important;
 color:#062647 !important;border-color:#befdf6 !important;
}
#subnav a svg{
 width:26px !important;height:26px !important;padding:5px !important;border-radius:50% !important;
 background:radial-gradient(circle at 32% 28%, #2f6fd6, #0b2659 78%) !important;
 color:#6ff5e6 !important;border:1.2px solid var(--neon) !important;
 box-shadow:0 0 6px rgba(58,231,214,.7),0 0 12px rgba(58,231,214,.3) !important;
 vertical-align:-7px !important;margin-inline-end:6px !important;opacity:1 !important;
}
body.dashboard-home .dash-icon{
 width:40px !important;height:40px !important;border-radius:50% !important;
 background:radial-gradient(circle at 32% 28%, #2f6fd6, #0b2659 78%) !important;
 color:#6ff5e6 !important;border:1.5px solid var(--neon) !important;
 box-shadow:0 0 8px rgba(58,231,214,.7),0 0 16px rgba(58,231,214,.3),inset 0 1px 2px rgba(255,255,255,.35) !important;
}
body.dashboard-home .foot,footer.foot{color:#c9d8f5 !important}
.foot a{color:#8fd8ff !important}
@media (max-width:959px){
 #nav a svg{width:30px !important;height:30px !important;padding:6px !important;vertical-align:-9px !important}
}

/* v8 readability fixes: donut legend + quick-action buttons */
body.dashboard-home #view .dx-card .dx-leg div, body.dashboard-home #view .dx-card .dx-leg span, body.dashboard-home #view .dx-card .dx-leg small, body.dashboard-home #view .dash-section-note{color:#dcebff !important}
body.dashboard-home #view .dx-card .dx-leg b{color:#ffffff !important}
body.dashboard-home #view .hc-actions .btn{color:#ffffff !important;text-shadow:0 1px 3px rgba(2,10,26,.55) !important}
body.dashboard-home #view .hc-actions .btn svg{color:#ffffff !important}
body.dashboard-home #view .al-head .btn.sm{color:#ffffff !important;text-shadow:0 1px 2px rgba(2,10,26,.45) !important}

/* v9: luminous frame clears logo/text + KPI tiles match sidebar shape/glow */
body.dashboard-home{padding:14px !important}
body.dashboard-home .top{top:14px !important}
body.dashboard-home #view .dx-kpis a.dx-k{background:linear-gradient(160deg,#14235c,#0a1737 72%) !important;border:1.2px solid rgba(96,165,250,.55) !important;border-radius:14px !important;box-shadow:0 0 10px rgba(64,140,255,.35),0 0 22px rgba(64,140,255,.12),inset 0 1px 0 rgba(140,190,255,.16),inset 0 0 22px rgba(20,60,140,.35) !important;color:#dbe9ff !important}
body.dashboard-home #view .dx-kpis a.dx-k:hover{border-color:rgba(125,180,255,.85) !important;box-shadow:0 0 14px rgba(80,160,255,.55),0 0 30px rgba(64,140,255,.2),inset 0 1px 0 rgba(140,190,255,.2),inset 0 0 22px rgba(20,60,140,.4) !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-kl{color:#9fd4ff !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-kv{color:#ffffff !important;text-shadow:0 0 12px rgba(96,200,255,.55) !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-ks, body.dashboard-home #view .dx-kpis a.dx-k .dx-gdesc{color:#a9c3e8 !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gdesc b{color:#dcebff !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge{background:conic-gradient(#3ae7d6 calc(var(--pc)*1%),rgba(120,150,255,.14) 0) !important;box-shadow:0 0 8px rgba(58,231,214,.65),0 0 16px rgba(58,231,214,.3) !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge span{background:#0d1a40 !important;color:#dffcff !important}
@media (max-width:959px){body.dashboard-home{padding:10px !important}body.dashboard-home .top{top:10px !important}}

/* v10: full luminous circle gauges (replace app semicircle domes) */
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge{display:block !important;position:absolute !important;inset-inline-start:12px !important;inset-inline-end:auto !important;top:36px !important;width:56px !important;height:56px !important;border-radius:50% !important;border:2px solid rgba(58,231,214,.85) !important;background:conic-gradient(#3ae7d6 calc(var(--pc)*1%),rgba(120,150,255,.14) 0) !important;box-shadow:0 0 8px rgba(58,231,214,.65),0 0 16px rgba(58,231,214,.3),inset 0 0 6px rgba(58,231,214,.2) !important;opacity:1 !important;padding:5px !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge::before{display:none !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge>span{display:grid !important;place-items:center !important;width:100% !important;height:100% !important;border-radius:50% !important;background:#0d1a40 !important;color:#dffcff !important;font-size:12px !important;font-weight:800 !important;box-shadow:none !important}
body.dashboard-home #view .dx-kpis a.dx-k{min-height:112px !important}

/* v10b: mobile KPI spacing - ring+ratio as a clean bottom row, no overlap with label/number/subtitle */
@media (max-width:959px){
body.dashboard-home #view .dx-kpis a.dx-k{min-height:192px !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-grow{position:absolute !important;bottom:10px !important;inset-inline-start:12px !important;inset-inline-end:12px !important;display:flex !important;align-items:center !important;gap:8px !important;height:auto !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge{position:static !important;top:auto !important;width:48px !important;height:48px !important;flex:0 0 48px !important;padding:4px !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gauge>span{font-size:11px !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gdesc{display:block !important;position:static !important;margin:0 !important;font-size:0 !important;line-height:1.4 !important;text-align:start !important}
body.dashboard-home #view .dx-kpis a.dx-k .dx-gdesc b{font-size:12px !important;color:#dcebff !important}
}


}