/* ثيمات الواجهة: ألوان رسمية هادية، البرتقالي للتحذير بس وبدرجة خافتة */
html[data-theme="navy"]{--bg:#eef1f6;--card:#fff;--ink:#14213a;--muted:#5d6b82;--line:#d9dfea;--chip:#e5eaf3;--brand:#0f2748;--brand2:#1d4075;--accent:#b88a2e;--red:#b53a3a;--green:#2b7a58;--blue:#2c5fa8;--onbrand:#fff;--hdr1:#0f2748;--hdr2:#1d4075;--onhdr:#fff;--shadow:0 1px 2px rgba(15,39,72,.06),0 4px 14px rgba(15,39,72,.06)}
html[data-theme="slate"]{--bg:#f0f1f3;--card:#fff;--ink:#1b2129;--muted:#626b78;--line:#dcdfe4;--chip:#e7e9ed;--brand:#2b3645;--brand2:#47566b;--accent:#a98638;--red:#b04040;--green:#3a7a5c;--blue:#40689f;--onbrand:#fff;--hdr1:#2b3645;--hdr2:#47566b;--onhdr:#fff;--shadow:0 1px 2px rgba(20,28,40,.06),0 4px 14px rgba(20,28,40,.06)}
html[data-theme="royal"]{--bg:#f1f4fb;--card:#fff;--ink:#16203d;--muted:#5c6788;--line:#d7dff0;--chip:#e4e9f6;--brand:#173585;--brand2:#2a55bd;--accent:#b38d33;--red:#b83d46;--green:#2d7d62;--blue:#2a55bd;--onbrand:#fff;--hdr1:#173585;--hdr2:#2a55bd;--onhdr:#fff;--shadow:0 1px 2px rgba(23,53,133,.07),0 4px 14px rgba(23,53,133,.07)}
html[data-theme="teal"]{--bg:#eef3f3;--card:#fff;--ink:#13292b;--muted:#5a6f71;--line:#d3e0e0;--chip:#e3ecec;--brand:#0d4a50;--brand2:#17707a;--accent:#b38d33;--red:#b53c3c;--green:#2b7a58;--blue:#2c6aa0;--onbrand:#fff;--hdr1:#0d4a50;--hdr2:#17707a;--onhdr:#fff;--shadow:0 1px 2px rgba(13,74,80,.07),0 4px 14px rgba(13,74,80,.06)}
html[data-theme="midnight"]{--bg:#0b1322;--card:#131e35;--ink:#e6ebf5;--muted:#93a1bd;--line:#223152;--chip:#1b2946;--brand:#7aa8ee;--brand2:#5b8fe0;--accent:#d2a74a;--red:#ee7a78;--green:#5fc29a;--blue:#82aef0;--onbrand:#0a1426;--hdr1:#13203b;--hdr2:#1a2c50;--onhdr:#e6ebf5;--shadow:none}
html{color-scheme:light}html[data-theme="midnight"]{color-scheme:dark}
body{background:var(--bg)}
header.top{background:linear-gradient(135deg,var(--hdr1),var(--hdr2));color:var(--onhdr);border-bottom:0;box-shadow:0 2px 12px rgba(0,0,0,.14);padding-top:12px;padding-bottom:10px}
header.top .sub{color:color-mix(in srgb,var(--onhdr) 72%,transparent)}
header.top .rbtn.ghost{background:rgba(255,255,255,.15);color:var(--onhdr)}
header.top .rbtn.ghost:active{background:rgba(255,255,255,.28)}
h2{color:var(--brand);font-size:15px;letter-spacing:.2px}
h2 .hint,h2 a{font-weight:400}
.card{border-radius:14px;transition:box-shadow .15s,transform .15s}
.card.click:active{transform:scale(.995)}
nav.tabs{box-shadow:0 -4px 16px rgba(0,0,0,.06);border-top:1px solid var(--line)}
nav.tabs button.on{color:var(--brand)}
nav.tabs button.on::before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--brand)}
.btn{box-shadow:0 1px 2px rgba(0,0,0,.12)}.btn.sec{box-shadow:none;background:var(--chip);color:var(--ink)}
.chips button.on{background:var(--brand);color:var(--onbrand);border-color:var(--brand)}
.stat b{color:var(--brand)}
.stat.red b{color:var(--red)}.stat.green b{color:var(--green)}
.tag{font-weight:500}
.bar i{background:linear-gradient(90deg,var(--brand2),var(--green))}
input.in:focus,textarea.in:focus,select.in:focus{outline:2px solid color-mix(in srgb,var(--brand2) 45%,transparent);outline-offset:0;border-color:var(--brand2)}
.login img{box-shadow:0 6px 20px rgba(0,0,0,.18)}
.login h2{color:var(--brand)}
/* منتقي الثيم */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:8px}
.themes button{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:8px;cursor:pointer;text-align:start;color:var(--ink)}
.themes button.on{border-color:var(--brand2);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand2) 25%,transparent)}
.themes .sw{height:44px;border-radius:9px;display:flex;overflow:hidden;margin-bottom:6px;border:1px solid rgba(0,0,0,.08)}
.themes .sw i{flex:1}
.themes b{display:block;font-size:14px}.themes span{font-size:12px;color:var(--muted)}