/* ==========================================================
   لوحة تحكم منصة نبراس — أنماط (RTL، بلا أي موارد خارجية)
   ========================================================== */
:root{--bg:#070b14;--bg2:#0b1220;--side:#0a1020;--card:#0f172a;--card2:#141f36;--line:rgba(255,255,255,.09);
--line2:rgba(255,255,255,.16);--text:#e9f0ff;--mut:#93a2c4;--mut2:#6d7c9e;--gold:#ffc457;--gold2:#ff9f2b;--goldd:#2a1500;
--ok:#42e39a;--okd:#0f7a45;--warn:#ffb020;--err:#ff6b6b;--cyan:#4fe3d0;--blue:#5aa9ff;
--grad:linear-gradient(135deg,#ffd479,#ffab2e 55%,#ff8f1f);--sh:0 22px 60px -26px rgba(0,0,0,.9);--r:16px;
--on-gold:#2a1500;--topbg:rgba(11,18,32,.86);--scroll:#25314d;--loginG1:rgba(255,163,43,.18);
--goldA8:rgba(255,196,87,.08);--goldA10:rgba(255,196,87,.10);--goldA14:rgba(255,196,87,.14);
--goldA18:rgba(255,196,87,.18);--goldA28:rgba(255,196,87,.28);--goldA35:rgba(255,196,87,.35)}
*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}
body{font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.8}
a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:20px}
[hidden]{display:none!important}
/* ========== تسجيل الدخول ========== */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;
background:radial-gradient(1000px 600px at 80% -10%,var(--loginG1),transparent),radial-gradient(900px 500px at 0% 110%,rgba(47,224,200,.14),transparent),var(--bg)}
.login-card{width:min(430px,100%);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,38px);box-shadow:var(--sh)}
.login-card .brand{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.login-card h1{font-size:1.25rem;margin:14px 0 6px}
.login-card p.sub{color:var(--mut);font-size:.87rem;margin-bottom:22px}
/* ========== الهيكل ========== */
.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.side{background:var(--side);border-inline-start:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}
.side .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}
.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:var(--mut);font-weight:600;font-size:.9rem;cursor:pointer;border:none;background:none;width:100%;text-align:start;transition:.25s}
.nav-item:hover{background:var(--card2);color:var(--text)}
.nav-item.on{background:linear-gradient(135deg,var(--goldA18),var(--goldA8));color:var(--gold);border:1px solid var(--goldA28)}
.nav-item .ic{width:20px;height:20px;flex-shrink:0;opacity:.9}
.ic{width:20px;height:20px;flex-shrink:0}
.card h3 .ic{color:var(--gold)}
.nav-group{font-size:.72rem;color:var(--mut2);font-weight:700;padding:14px 12px 4px;letter-spacing:.4px}
.side .foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:.78rem;color:var(--mut2)}
.main{min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--topbg);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;flex-wrap:wrap}
.top h2{font-size:1.08rem;font-weight:800}
.top .sp{margin-inline-start:auto}
.who{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 14px}
.who .av{width:32px;height:32px;border-radius:50%;background:var(--grad);color:var(--on-gold);display:grid;place-items:center;font-weight:800;font-size:.85rem}
.who b{font-size:.85rem;display:block;line-height:1.4}.who small{color:var(--mut2);font-size:.72rem}
.view{padding:22px;display:flex;flex-direction:column;gap:20px}
/* ========== عناصر ========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;cursor:pointer;font-weight:700;padding:10px 18px;border-radius:12px;transition:.25s;background:var(--card2);color:var(--text)}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--grad);color:var(--on-gold)}
.btn-ghost{background:transparent;border-color:var(--line2)}
.btn-sm{padding:7px 13px;font-size:.82rem;border-radius:10px}
.btn-danger{background:rgba(255,107,107,.14);border-color:rgba(255,107,107,.4);color:#ffb3b3}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.card h3{font-size:1rem;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.card h3 .sp{margin-inline-start:auto;display:flex;gap:8px;align-items:center}
.grid-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:1050px){.grid-kpi{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid-kpi{grid-template-columns:1fr}}
.kpi{background:linear-gradient(150deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.kpi small{color:var(--mut2);font-size:.78rem;font-weight:700}
.kpi b{display:block;font-size:1.85rem;font-weight:800;line-height:1.4;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi span{color:var(--mut);font-size:.78rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
/* ========== جداول ========== */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
th,td{padding:11px 13px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
th{background:var(--card2);color:var(--mut);font-size:.78rem;font-weight:700;white-space:nowrap;position:sticky;top:0}
tbody tr:hover{background:rgba(255,255,255,.03)}
tbody tr:last-child td{border-bottom:none}
td.acts{white-space:nowrap;text-align:end}
td .mini{color:var(--mut2);font-size:.78rem}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--card2);white-space:nowrap}
.b-pub{color:var(--ok);border-color:rgba(66,227,154,.35);background:rgba(66,227,154,.1)}
.b-draft{color:var(--warn);border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.1)}
.b-arch,.b-spam{color:var(--mut);}
.b-new{color:var(--blue);border-color:rgba(90,169,255,.35);background:rgba(90,169,255,.1)}
.b-contacted{color:var(--cyan);border-color:rgba(79,227,208,.35);background:rgba(79,227,208,.1)}
.b-qualified{color:var(--gold);border-color:var(--goldA35);background:var(--goldA10)}
.b-proposal{color:#c79cff;border-color:rgba(199,156,255,.35);background:rgba(199,156,255,.1)}
.b-won{color:var(--ok);border-color:rgba(66,227,154,.4);background:rgba(66,227,154,.12)}
.b-lost{color:var(--err);border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.1)}
.b-urgent{color:var(--err);border-color:rgba(255,107,107,.4)}
.b-high{color:var(--warn);border-color:rgba(255,176,32,.4)}
/* ========== نماذج ========== */
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.inp,select.inp,textarea.inp{background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:10px 13px;width:100%;transition:.2s}
.inp:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--goldA14)}
textarea.inp{min-height:110px;resize:vertical;line-height:1.8}
.toolbar .inp,.toolbar select.inp{width:auto;min-width:150px;flex:0 0 auto}
.toolbar .grow{flex:1;min-width:200px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
label.fl{display:block;font-size:.8rem;color:var(--mut);font-weight:700;margin-bottom:6px}
.hint{font-size:.74rem;color:var(--mut2);margin-top:5px}
.h3flat{margin:0}
.sp{flex:1}
.nomg{margin:0}
.filebox{height:105px;display:grid;place-items:center;color:var(--mut2);font-size:.75rem}
.onecol{grid-template-columns:1fr!important}
.mt12{margin-top:12px}
a.gold{color:var(--gold)}
.sk-lines .sk:nth-child(2){width:80%}.sk-lines .sk:nth-child(3){width:60%}
.check{display:flex;align-items:center;gap:9px;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:11px 13px}
.check input{width:17px;height:17px;accent-color:#ffab2e}
.pager{display:flex;gap:8px;align-items:center;justify-content:center;padding-top:14px;flex-wrap:wrap}
.pager span{color:var(--mut);font-size:.83rem}
/* ========== نوافذ ========== */
.modal{position:fixed;inset:0;background:rgba(4,7,14,.72);backdrop-filter:blur(6px);z-index:90;display:grid;place-items:start center;overflow-y:auto;padding:26px 16px}
.modal-box{width:min(880px,100%);background:var(--card);border:1px solid var(--line2);border-radius:22px;box-shadow:var(--sh);overflow:hidden}
.modal-box.narrow{width:min(520px,100%)}
.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--card2)}
.modal-head h3{font-size:1rem}.modal-head .sp{margin-inline-start:auto}
.modal-body{padding:20px;max-height:70vh;overflow-y:auto}
.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);background:var(--card2);flex-wrap:wrap}
.x{width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);background:none;cursor:pointer;color:var(--mut);font-size:1.1rem;line-height:1}
/* ========== وسائط ومخططات ========== */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.media-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg2)}
.media-item img{width:100%;height:105px;object-fit:cover;background:#0a1020}
.media-item .m-b{padding:8px 10px;font-size:.74rem;color:var(--mut2);display:flex;gap:6px;align-items:center}
.media-item .m-b button{margin-inline-start:auto}
.bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}
.bars .b{flex:1;background:var(--grad);border-radius:6px 6px 0 0;min-height:4px;position:relative}
.bars .b i{position:absolute;bottom:-22px;inset-inline:0;text-align:center;font-size:.62rem;color:var(--mut2);font-style:normal}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 14px;font-size:.88rem}
.kv dt{color:var(--mut2)}.kv dd{font-weight:600;word-break:break-word}
.note-item{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:9px}
.note-item small{color:var(--mut2);font-size:.73rem;display:block;margin-bottom:4px}
.perm-group{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.perm-group h4{font-size:.9rem;margin-bottom:9px;color:var(--gold)}
.perm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.perm-list label{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--mut);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:7px 10px;cursor:pointer}
.perm-list input{accent-color:#ffab2e}
.empty-state{text-align:center;padding:44px 18px;color:var(--mut)}
.empty-state b{display:block;color:var(--text);margin-bottom:6px;font-size:1rem}
.alert{border-radius:13px;padding:12px 15px;font-size:.86rem;font-weight:600;border:1px solid}
.alert-err{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.4);color:#ffb3b3}
.alert-ok{background:rgba(66,227,154,.12);border-color:rgba(66,227,154,.4);color:#9ff5c8}
.alert-info{background:rgba(90,169,255,.1);border-color:rgba(90,169,255,.35);color:#bcd9ff}
.alert-warn{background:rgba(255,176,32,.12);border-color:rgba(255,176,32,.4);color:#ffd08a}
.env{font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.8rem;word-break:break-all;color:var(--cyan)}
/* ========== تنبيهات ========== */
.toast{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(420px,90vw)}
.toast div{background:var(--card2);border:1px solid var(--line2);border-inline-start:4px solid var(--gold);border-radius:13px;padding:12px 15px;font-size:.87rem;box-shadow:var(--sh);animation:tin .3s ease}
.toast div.err{border-inline-start-color:var(--err)}.toast div.ok{border-inline-start-color:var(--ok)}
@keyframes tin{from{opacity:0;transform:translateY(12px)}}
.sk{background:linear-gradient(90deg,#16203a,#1e2b48,#16203a);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:10px;height:14px;margin:8px 0}
@keyframes sk{to{background-position:-200% 0}}
@media(max-width:920px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;overflow-x:auto;gap:6px}
.side .logo,.side .foot,.nav-group{display:none}.nav-item{width:auto;white-space:nowrap}.form-grid,.grid-2{grid-template-columns:1fr}}

/* ==========================================================
   سمات لوحة التحكم: غامق/فاتح × ستة ألوان (يُحفظ الاختيار في المتصفح)
   ========================================================== */
html[data-accent="teal"]{--gold:#4fe3d0;--gold2:#22b8a5;--on-gold:#062a26;--grad:linear-gradient(135deg,#8bede0,#4fe3d0 55%,#22b8a5);--goldA8:rgba(79,227,208,0.08);--goldA10:rgba(79,227,208,0.1);--goldA14:rgba(79,227,208,0.14);--goldA18:rgba(79,227,208,0.18);--goldA28:rgba(79,227,208,0.28);--goldA35:rgba(79,227,208,0.35);--loginG1:rgba(79,227,208,0.18)}
html[data-accent="violet"]{--gold:#8b93ff;--gold2:#6a5af9;--on-gold:#0a0f2e;--grad:linear-gradient(135deg,#b2b8ff,#8b93ff 55%,#6a5af9);--goldA8:rgba(139,147,255,0.08);--goldA10:rgba(139,147,255,0.1);--goldA14:rgba(139,147,255,0.14);--goldA18:rgba(139,147,255,0.18);--goldA28:rgba(139,147,255,0.28);--goldA35:rgba(139,147,255,0.35);--loginG1:rgba(139,147,255,0.18)}
html[data-accent="blue"]{--gold:#5aa9ff;--gold2:#2f7ff0;--on-gold:#071a33;--grad:linear-gradient(135deg,#92c6ff,#5aa9ff 55%,#2f7ff0);--goldA8:rgba(90,169,255,0.08);--goldA10:rgba(90,169,255,0.1);--goldA14:rgba(90,169,255,0.14);--goldA18:rgba(90,169,255,0.18);--goldA28:rgba(90,169,255,0.28);--goldA35:rgba(90,169,255,0.35);--loginG1:rgba(90,169,255,0.18)}
html[data-accent="rose"]{--gold:#ff7aa8;--gold2:#e64b84;--on-gold:#2a0410;--grad:linear-gradient(135deg,#ffa7c6,#ff7aa8 55%,#e64b84);--goldA8:rgba(255,122,168,0.08);--goldA10:rgba(255,122,168,0.1);--goldA14:rgba(255,122,168,0.14);--goldA18:rgba(255,122,168,0.18);--goldA28:rgba(255,122,168,0.28);--goldA35:rgba(255,122,168,0.35);--loginG1:rgba(255,122,168,0.18)}
html[data-accent="green"]{--gold:#5fd38b;--gold2:#2fae66;--on-gold:#04210f;--grad:linear-gradient(135deg,#95e2b2,#5fd38b 55%,#2fae66);--goldA8:rgba(95,211,139,0.08);--goldA10:rgba(95,211,139,0.1);--goldA14:rgba(95,211,139,0.14);--goldA18:rgba(95,211,139,0.18);--goldA28:rgba(95,211,139,0.28);--goldA35:rgba(95,211,139,0.35);--loginG1:rgba(95,211,139,0.18)}
html[data-theme="light"]{--bg:#f3f6fc;--bg2:#e9eefa;--side:#ffffff;--card:#ffffff;--card2:#f1f5fb;
--line:rgba(14,26,60,.10);--line2:rgba(14,26,60,.20);--text:#0e1a33;--mut:#4c5d7d;--mut2:#6d7f9e;
--sh:0 22px 60px -30px rgba(20,35,70,.28);--topbg:rgba(255,255,255,.88);--scroll:#c7d2e6;
--cyan:#0e7490;--ok:#12905c;--warn:#b45309;--err:#dc2626}
html[data-theme="light"][data-accent="gold"]{--gold:#b26b00;--gold2:#8a5200;--on-gold:#ffffff;--grad:linear-gradient(135deg,#cc9d57,#b26b00 55%,#8a5200);--goldA8:rgba(178,107,0,0.08);--goldA10:rgba(178,107,0,0.1);--goldA14:rgba(178,107,0,0.14);--goldA18:rgba(178,107,0,0.18);--goldA28:rgba(178,107,0,0.28);--goldA35:rgba(178,107,0,0.35);--loginG1:rgba(178,107,0,0.18)}
html[data-theme="light"][data-accent="teal"]{--gold:#0d9488;--gold2:#0f766e;--on-gold:#ffffff;--grad:linear-gradient(135deg,#5fb8b0,#0d9488 55%,#0f766e);--goldA8:rgba(13,148,136,0.08);--goldA10:rgba(13,148,136,0.1);--goldA14:rgba(13,148,136,0.14);--goldA18:rgba(13,148,136,0.18);--goldA28:rgba(13,148,136,0.28);--goldA35:rgba(13,148,136,0.35);--loginG1:rgba(13,148,136,0.18)}
html[data-theme="light"][data-accent="violet"]{--gold:#6d28d9;--gold2:#5b21b6;--on-gold:#ffffff;--grad:linear-gradient(135deg,#9f71e6,#6d28d9 55%,#5b21b6);--goldA8:rgba(109,40,217,0.08);--goldA10:rgba(109,40,217,0.1);--goldA14:rgba(109,40,217,0.14);--goldA18:rgba(109,40,217,0.18);--goldA28:rgba(109,40,217,0.28);--goldA35:rgba(109,40,217,0.35);--loginG1:rgba(109,40,217,0.18)}
html[data-theme="light"][data-accent="blue"]{--gold:#1d4ed8;--gold2:#1e40af;--on-gold:#ffffff;--grad:linear-gradient(135deg,#6a8ae5,#1d4ed8 55%,#1e40af);--goldA8:rgba(29,78,216,0.08);--goldA10:rgba(29,78,216,0.1);--goldA14:rgba(29,78,216,0.14);--goldA18:rgba(29,78,216,0.18);--goldA28:rgba(29,78,216,0.28);--goldA35:rgba(29,78,216,0.35);--loginG1:rgba(29,78,216,0.18)}
html[data-theme="light"][data-accent="rose"]{--gold:#be123c;--gold2:#9f1239;--on-gold:#ffffff;--grad:linear-gradient(135deg,#d4637e,#be123c 55%,#9f1239);--goldA8:rgba(190,18,60,0.08);--goldA10:rgba(190,18,60,0.1);--goldA14:rgba(190,18,60,0.14);--goldA18:rgba(190,18,60,0.18);--goldA28:rgba(190,18,60,0.28);--goldA35:rgba(190,18,60,0.35);--loginG1:rgba(190,18,60,0.18)}
html[data-theme="light"][data-accent="green"]{--gold:#15803d;--gold2:#166534;--on-gold:#ffffff;--grad:linear-gradient(135deg,#65ab7f,#15803d 55%,#166534);--goldA8:rgba(21,128,61,0.08);--goldA10:rgba(21,128,61,0.1);--goldA14:rgba(21,128,61,0.14);--goldA18:rgba(21,128,61,0.18);--goldA28:rgba(21,128,61,0.28);--goldA35:rgba(21,128,61,0.35);--loginG1:rgba(21,128,61,0.18)}
html[data-theme="light"] .btn-danger{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.35);color:#b91c1c}
html[data-theme="light"] .b-contacted{color:#0e7490;border-color:rgba(14,116,144,.35);background:rgba(14,116,144,.08)}
html[data-theme="light"] .login-wrap{background:radial-gradient(1000px 600px at 80% -10%,var(--loginG1),transparent),radial-gradient(900px 500px at 0% 110%,rgba(14,116,144,.10),transparent),var(--bg)}
html[data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg2)}

/* ========== أدوات السمة في الشريط الأعلى ========== */
.theme-tools{position:relative;display:flex;align-items:center;gap:8px}
.tt-btn .i-sun{display:none}
html[data-theme="light"] .tt-btn .i-moon{display:none}
html[data-theme="light"] .tt-btn .i-sun{display:block}
.accent-menu{position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:60;width:264px;background:var(--card);
border:1px solid var(--line2);border-radius:16px;padding:12px;box-shadow:var(--sh)}
.am-h{font-size:.72rem;color:var(--mut2);font-weight:700;margin:4px 6px 9px}
.am-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.am-sw{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;border-radius:12px;
border:1px solid var(--line);background:var(--card2);cursor:pointer;font-size:.72rem;font-weight:700;color:var(--mut);transition:.2s}
.am-sw:hover{color:var(--text);transform:translateY(-1px)}
.am-sw i{width:22px;height:22px;border-radius:50%;background:var(--sw);display:block}
.am-sw.on{border-color:var(--gold);color:var(--text);background:var(--goldA10)}
.am-sw.on i{box-shadow:0 0 0 3px var(--swr)}
.am-sep{height:1px;background:var(--line);margin:12px 0 10px}
.am-th{flex:1;padding:9px 6px;border-radius:11px;border:1px solid var(--line);background:var(--card2);cursor:pointer;
font-size:.78rem;font-weight:700;color:var(--mut);transition:.2s;display:flex;align-items:center;justify-content:center;gap:7px}
.am-th:hover{color:var(--text)}
.am-th.on{border-color:var(--gold);color:var(--gold);background:var(--goldA10)}
.am-row{display:flex;gap:8px}
@media(max-width:640px){.tt-lbl{display:none}.accent-menu{width:230px}}

/* ========== شعار العلامة الأول (النجمة + الجناحان) ========== */
.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
background:linear-gradient(150deg,#131c33,#0a1020);border:1px solid var(--line2);position:relative}
html[data-theme="light"] .logo{background:linear-gradient(150deg,#fff,#eef2fb)}
.logo svg{width:23px;height:23px}
.logo.lg{width:44px;height:44px;border-radius:14px}
.logo.lg svg{width:27px;height:27px}
.brand-txt{display:flex;flex-direction:column;line-height:1.45;min-width:0}
.brand-txt b{font-size:1rem;font-weight:800;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.brand-txt span{font-size:.6rem;color:var(--mut);letter-spacing:.3px;white-space:nowrap}
.login-card .brand-txt b{font-size:1.05rem}
@media(max-width:900px){.side .brand-txt{display:none}}