/* ===== الإصدار 1.1: مظهر أحدث (فاتح افتراضيًا) + لوحات أكبر + مكونات الصفحات الجديدة ===== */
.hdr-end{display:flex;align-items:center;gap:10px}
.bell{position:relative;text-decoration:none;font-size:20px;padding:4px 8px;color:inherit}
.bell b{position:absolute;top:-4px;inset-inline-end:-4px;background:#e5484d;color:#fff;border-radius:99px;font-size:11px;min-width:18px;text-align:center;padding:0 4px;font-family:inherit}
details{position:relative}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
.umenu summary{display:flex;align-items:center;gap:8px}
.av{width:36px;height:36px;border-radius:50%;background:var(--gold);color:#16243f;display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none}
.av img{width:100%;height:100%;object-fit:cover}
.un{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}
.mpop{position:absolute;z-index:70;min-width:230px;margin-top:6px;background:#0f2447;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.35);display:flex;flex-direction:column}
.mpop.end{inset-inline-end:0}
.mpop a,.mpop button{display:block;padding:9px 12px;border-radius:10px;color:var(--mist);text-decoration:none;background:none;border:0;text-align:right;cursor:pointer;font-weight:600;font-size:14px}
.mpop a:hover,.mpop button:hover{background:rgba(242,169,0,.18)}
.nav details.more summary{padding:8px 14px;border-radius:10px;color:var(--mute);font-weight:600}
.nav details.more summary[aria-current=page]{background:var(--gold);color:#1a2540}
.nav .mpop a[aria-current=page]{background:rgba(242,169,0,.25)}
.logout{background:rgba(255,92,92,.15);color:#ff8a8a;border:1px solid rgba(255,92,92,.5);border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer;font-family:inherit}
.aiform{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}
.aiform input{flex:1;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-family:inherit}
.small{font-size:12.5px;color:var(--mute)}

/* ---- لوحات أكبر وأوضح ---- */
.kpis{gap:18px}
.kpi{padding:24px 24px 20px}
.kpi .l{font-size:15px}
.kpi .l svg{width:22px;height:22px}
.kpi .v{font-size:clamp(34px,3.6vw,50px);margin:10px 0 4px}
.kpi .s{font-size:13.5px}
.mini .v{font-size:26px}
.banner p{font-size:clamp(22px,2.8vw,32px)}
.lamp{padding:12px 14px;font-size:14px}
.row4{grid-template-columns:repeat(2,1fr);gap:18px}
.chart svg{max-height:360px}
.chart{padding:20px}
.gauge svg{max-width:300px}
.gauge .gv{font-size:46px;margin-top:-58px}
.gauge{padding:20px 14px}
.card h3{font-size:16px}
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.kpi.big{padding:20px}
.kpi.big .v{font-size:clamp(24px,2.6vw,34px);line-height:1.25;white-space:normal}
.kpi.good::before{background:linear-gradient(90deg,var(--ok),transparent)}
.kpi.warn::before{background:linear-gradient(90deg,var(--warn),transparent)}
.kpi.bad::before{background:linear-gradient(90deg,var(--bad),transparent)}

/* ---- مكونات الصفحات الجديدة ---- */
.notifs{display:flex;flex-direction:column;gap:10px}
.notif{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;text-decoration:none;color:inherit;border:1px solid var(--line);border-inline-start:6px solid var(--gold);background:var(--glass);position:relative}
.notif.bad{border-inline-start-color:var(--bad)}.notif.warn{border-inline-start-color:var(--warn)}.notif.ok{border-inline-start-color:var(--ok)}
.notif .ic{font-size:26px}.notif b{display:block;margin-bottom:2px}.notif.read{opacity:.6}
.notif .dot{position:absolute;top:12px;inset-inline-start:12px;width:10px;height:10px;border-radius:50%;background:#e5484d}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;inset-block:0;inset-inline-end:7px;width:2px;background:var(--line)}
.tl{display:flex;gap:14px;padding:10px 0;position:relative;padding-inline-end:26px}
.tl i{position:absolute;inset-inline-end:0;top:14px;width:16px;height:16px;border-radius:50%;background:var(--gold);border:3px solid var(--bg2,#0f2447)}
.tl.ok i{background:var(--ok)}.tl.bad i{background:var(--bad)}.tl.mute i{background:var(--off)}
.tasks{list-style:none;padding:0;margin:12px 0}
.tasks li a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);margin-bottom:8px;color:inherit;text-decoration:none;font-weight:600;font-size:16px}
.tasks li.done a{opacity:.65;text-decoration:line-through}
.tasks .ck{width:26px;height:26px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-weight:800;flex:none;color:var(--ok)}
.tasks li.done .ck{background:rgba(53,196,139,.2);border-color:var(--ok)}
.attbtns{display:flex;gap:10px;flex-wrap:wrap}
.btn2.big{padding:16px 22px;font-size:17px;flex:1;min-width:150px;font-family:inherit}
.btn2:disabled{opacity:.5;cursor:not-allowed}
.profhead{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.bigav{width:92px;height:92px;border-radius:50%;background:var(--gold);color:#16243f;display:grid;place-items:center;font-size:38px;font-weight:800;overflow:hidden}
.bigav.sq{border-radius:16px;background:rgba(127,147,179,.18)}.bigav img{width:100%;height:100%;object-fit:contain}
.brow{display:flex;gap:8px;margin-bottom:8px}.brow input{flex:1;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-family:inherit}
.btnrow{display:flex;gap:8px;flex-wrap:wrap}
.rk{padding:10px 0;border-bottom:1px dashed var(--line)}
.vcard h4{margin:10px 0 4px;font-size:14px}.vcard h4.a{color:#2e9d6d}.vcard h4.c{color:#d89a00}.vcard h4.f{color:#d64545}
.hero{border-inline-start:6px solid var(--gold)}

/* ---- المظهر الفاتح (الافتراضي) ---- */
:root[data-theme="light"]{--mist:#14213d;--mute:#5b6b86;--line:rgba(22,50,92,.14);--glass:#ffffff;--off:#9aa8bf;--bg2:#fff;--ok:#1e9e6a;--warn:#e69a00;--bad:#d9423f;color-scheme:light}
[data-theme=light] body{background:linear-gradient(180deg,#F5F7FB 0%,#EAEFF8 100%);color:#14213d;background-attachment:scroll}
[data-theme=light] .top{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(22,50,92,.07)}
[data-theme=light] .brand b{color:#16325C}
[data-theme=light] .card{background:#fff;border:1px solid rgba(22,50,92,.10);box-shadow:0 8px 26px rgba(22,50,92,.09);backdrop-filter:none}
[data-theme=light] .tabs,[data-theme=light] .chip-st,[data-theme=light] .sel,[data-theme=light] .inp,[data-theme=light] .frm input,[data-theme=light] .frm select,[data-theme=light] .brow input,[data-theme=light] .aiform input{background:#fff;border-color:rgba(22,50,92,.2);color:#14213d}
[data-theme=light] .sel option{color:#14213d}
[data-theme=light] .nav a,[data-theme=light] .nav details.more summary{color:#44556f}
[data-theme=light] .nav a[aria-current=page],[data-theme=light] .nav details.more summary[aria-current=page]{background:#16325C;color:#fff}
[data-theme=light] .mpop{background:#fff;border-color:rgba(22,50,92,.15);box-shadow:0 18px 40px rgba(22,50,92,.18)}
[data-theme=light] .mpop a,[data-theme=light] .mpop button{color:#14213d}
[data-theme=light] .mpop a:hover,[data-theme=light] .mpop button:hover{background:#EEF2F9}
[data-theme=light] .lamp{background:#fff;border-color:rgba(22,50,92,.14)}
[data-theme=light] .lamp[data-c="1"]{background:#E9F8F1;border-color:#9bd9bf}[data-theme=light] .lamp[data-c="2"]{background:#FFF5DA;border-color:#f1cf80}[data-theme=light] .lamp[data-c="3"]{background:#FDECEC;border-color:#f0a5a3}
[data-theme=light] .lamp em{color:#5b6b86}
[data-theme=light] .kpi .l svg{stroke:#16325C}
[data-theme=light] .kpi .v{color:#16325C}
[data-theme=light] .banner{border-inline-start-color:#16325C;background:linear-gradient(90deg,#fff,#F0F4FB)}
[data-theme=light] .banner p{color:#16325C}
[data-theme=light] .fld,[data-theme=light] .live{background:#F3F6FB;border-color:rgba(22,50,92,.14)}
[data-theme=light] .stp button{background:#E9EEF7;border-color:rgba(22,50,92,.15);color:#16325C}
[data-theme=light] .inp{background:#fff}
[data-theme=light] .track{background:#E4EAF3}
[data-theme=light] .arc.bg{stroke:#E4EAF3}
[data-theme=light] circle[stroke="rgba(255,255,255,.1)"]{stroke:#E8EDF5}
[data-theme=light] svg text[fill="#A3B6D2"]{fill:#6b7c99}
[data-theme=light] svg line[stroke="rgba(255,255,255,.1)"]{stroke:#E6ECF5}
[data-theme=light] .bars .col.navy{background:linear-gradient(180deg,#5d89d6,#3a64ad)}
[data-theme=light] .btn2.ghost,[data-theme=light] .btn.ghost{background:#E9EEF7;color:#16325C}
[data-theme=light] table.tb th{color:#44556f;border-color:rgba(22,50,92,.14)}
[data-theme=light] table.tb td{border-color:rgba(22,50,92,.08)}
[data-theme=light] .tag{border-color:rgba(22,50,92,.2)}
[data-theme=light] .tag.ok{background:#E3F6EC;border-color:#9bd9bf}[data-theme=light] .tag.warn{background:#FFF3D2;border-color:#f1cf80}[data-theme=light] .tag.bad{background:#FDE7E6;border-color:#f0a5a3}
[data-theme=light] .banner2{background:#FFF5DA;border-color:#f1cf80;color:#14213d}[data-theme=light] .banner2.bad{background:#FDECEC;border-color:#f0a5a3}
[data-theme=light] .ai{background:#fff;border-color:rgba(22,50,92,.15)}
[data-theme=light] .m.a{background:#F1F4FA;border-color:rgba(22,50,92,.12);color:#14213d}[data-theme=light] .m.u{background:#FFF1CC;border-color:#f1cf80}
[data-theme=light] .chips button{background:#fff;color:#14213d;border-color:rgba(22,50,92,.2)}
[data-theme=light] .ai header b{color:#16325C}
[data-theme=light] .modalbox{background:#fff}
[data-theme=light] .modal{background:rgba(22,33,61,.45)}
[data-theme=light] .exec div{border-inline-start-color:#16325C}
[data-theme=light] .heat .c{color:#10203c}
[data-theme=light] .tl i{border-color:#fff}
[data-theme=light] .notif{background:#fff}
[data-theme=light] .logout{background:#FDECEC;color:#c0392b;border-color:#f0a5a3}
[data-theme=light] .leg,[data-theme=light] .axlab,[data-theme=light] .hl{color:#5b6b86}
[data-theme=light] .gauge .gv{color:#16325C}
[data-theme=light] .sbar,[data-theme=light] .bigav.sq{color:#44556f}
[data-theme=light] .login .card{box-shadow:0 20px 50px rgba(22,50,92,.15)}
[data-theme=light] code{background:#EEF2F8}
@media (max-width:1180px){.kgrid{grid-template-columns:repeat(2,1fr)}.row4{grid-template-columns:1fr}}
@media (max-width:620px){.kgrid{grid-template-columns:1fr}.un{display:none}.kpi .v{font-size:34px}.hdr-end{width:100%;justify-content:space-between}}