@font-face{font-family:'Thmanyah';font-weight:300;font-display:swap;src:url('fonts/thmanyahseriftext-Light.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:400;font-display:swap;src:url('fonts/thmanyahseriftext-Regular.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:500;font-display:swap;src:url('fonts/thmanyahseriftext-Medium.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:700;font-display:swap;src:url('fonts/thmanyahseriftext-Bold.woff2') format('woff2')}

:root{
  --navy:#003595; --navy-deep:#002A78; --gold:#BD8B41; --gold-soft:#D4A84E;
  --cream:#F7F2EC; --card-beige:#EFE7D9; --ink:#2B2B2B; --muted:#5A5A5A;
  --line:#E7DECB; --white:#ffffff; --ok:#3E7C56;
  --shadow:0 6px 22px rgba(16,48,95,.09);
}
*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:light}
body{
  font-family:'Thmanyah',system-ui,sans-serif; color:var(--ink);
  background:var(--cream); direction:rtl; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.amiri{font-family:'Thmanyah',sans-serif}
button{font-family:inherit;cursor:pointer}
a{color:inherit}
.hidden{display:none !important}

/* ===== top bar ===== */
.topbar{
  background:linear-gradient(180deg,var(--navy) 0%,#153A79 100%); color:#fff;
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; justify-content:space-between;
  padding:9px 18px; box-shadow:0 2px 14px rgba(16,48,95,.22);
}
.topbar.admin{background:linear-gradient(180deg,#123056 0%,#0D2544 100%);
  border-bottom:2.5px solid var(--gold)}
.brand{display:flex; align-items:center; gap:12px}
.brand .lb{background:transparent; border-radius:0; padding:0; display:flex; align-items:center}
.brand .lb img{height:38px;width:auto;display:block}

.brand .tt{font-weight:700; font-size:15px; color:#EAF0F7}
.brand .tt span{display:block; font-size:11px; color:var(--gold-soft); font-weight:400}
.userchip{display:flex; align-items:center; gap:9px; font-size:13px; color:#EAF0F7}
.userchip .av{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.userchip .lvl{font-size:11px;color:var(--gold-soft)}
.userchip button{background:transparent;border:1px solid rgba(255,255,255,.25);color:#cfe;border-radius:7px;padding:3px 8px;font-size:11px}

/* ===== nav ===== */
.nav{
  background:#fff; border-bottom:1px solid var(--line); position:sticky; top:58px; z-index:30;
  display:flex; justify-content:flex-start; gap:2px; padding:6px 12px; overflow-x:auto;
  box-shadow:0 2px 8px rgba(16,48,95,.04); scrollbar-width:none;
}
.nav::-webkit-scrollbar{display:none}
.nav button{
  background:transparent; border:none; color:var(--muted); font-size:13.5px; font-weight:500;
  padding:9px 13px; border-radius:9px; white-space:nowrap; display:flex; align-items:center; gap:7px;
  transition:background .16s, color .16s;
}
.nav button .ic{width:17px;height:17px;flex:0 0 auto}
.nav button.active{background:var(--navy); color:#fff}
.nav button:not(.active):hover{background:#F1EADD}

/* ===== layout ===== */
.wrap{max-width:1000px; margin:0 auto; padding:20px 16px 60px}
.section{animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

h2.page-title{font-family:'Thmanyah',sans-serif;font-weight:700; color:var(--navy); font-size:24px; margin-bottom:4px}
.page-sub{color:var(--muted); font-size:13.5px; margin-bottom:18px}

.card{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px; box-shadow:var(--shadow)}
.card.beige{background:var(--card-beige); border-color:#E4D8C2}
.card.navy{background:var(--navy); color:#fff; border:none}
.grid{display:grid; gap:14px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.g3,.g4{grid-template-columns:repeat(2,1fr)} .g2{grid-template-columns:1fr}}
@media(max-width:480px){.g4{grid-template-columns:1fr}}

.sec-h{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--navy);font-size:16px;margin:2px 0 12px}
.sec-h::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--gold)}

.tag{display:inline-block;background:#F1EADD;color:#6B5A3C;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:500}
.pill{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--navy);border-radius:20px;padding:3px 11px;font-size:12px;font-weight:500}

.btn{background:var(--navy);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.15s}
.btn:hover{background:var(--navy-deep)}
.btn.gold{background:var(--gold)} .btn.gold:hover{background:#B0894A}
.btn.ghost{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
.btn.sm{padding:6px 12px;font-size:12.5px;border-radius:8px}
.btn.block{width:100%}

input,select,textarea{
  width:100%;font-family:inherit;font-size:14px;color:var(--ink);
  border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;outline:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
label{display:block;font-weight:500;font-size:13px;color:var(--navy);margin:0 0 6px}
.field{margin-bottom:14px}
.hint{font-size:11.5px;color:var(--muted);margin-top:5px}

/* ===== onboarding ===== */
.onboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
  background:linear-gradient(135deg,var(--navy-deep),#12457F)}
.onboard-card{background:var(--cream);border-radius:20px;max-width:640px;width:100%;padding:30px 28px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.onboard .ob-logo{width:132px;margin:0 auto 18px;display:block;background:transparent;padding:0}
.onboard h1{font-family:'Thmanyah',sans-serif;font-weight:700;color:var(--navy);font-size:28px;text-align:center;margin-bottom:4px}
.onboard .os{text-align:center;color:var(--muted);font-size:14px;margin-bottom:22px}
.lvl-opt{border:2px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.15s;margin-bottom:10px}
.lvl-opt:hover{border-color:var(--gold-soft)}
.lvl-opt.sel{border-color:var(--gold);background:#FBF6EC;box-shadow:0 4px 14px rgba(196,155,84,.18)}
.lvl-opt .num{width:56px;height:56px;min-width:56px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}
.lvl-opt .nm{font-weight:700;color:var(--navy);font-size:17px}
.lvl-opt .ds{font-size:12.5px;color:var(--muted)}
.ob-assoc{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.ob-assoc-row{display:flex;gap:10px;font-size:11.5px;color:var(--muted);line-height:1.7;margin-bottom:7px}
.ob-assoc-row .k{color:var(--navy);font-weight:700;min-width:42px}
/* gate */
.gate-opt{border:2px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.15s;margin-bottom:12px}
.gate-opt:hover{border-color:var(--gold);background:#FBF6EC;box-shadow:0 4px 14px rgba(168,120,56,.14)}
.gate-opt .gi{width:52px;height:52px;min-width:52px;border-radius:12px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}
.gate-opt .gn{font-weight:700;color:var(--navy);font-size:16px}
.gate-opt .gd{font-size:12.5px;color:var(--muted)}
/* admin */
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}
.kpi .v{font-size:24px;font-weight:700;color:var(--navy)}
.kpi .k{font-size:12px;color:var(--muted);margin-top:2px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:right;color:var(--muted);font-weight:500;font-size:12px;padding:8px 10px;border-bottom:2px solid var(--line)}
.tbl td{padding:9px 10px;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:none}
.count-badge{display:inline-block;background:#C0392B;color:#fff;border-radius:20px;font-size:11px;padding:0 7px;margin-right:5px;font-weight:700}
.adm-mat{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin-bottom:8px}
.adm-mat .mt{font-weight:700;color:var(--navy);font-size:13.5px}
.adm-mat .mm{font-size:11.5px;color:var(--muted)}
.adm-del{background:transparent;border:1px solid #e2b4ae;color:#b5493c;border-radius:8px;padding:5px 10px;font-size:12px}
.adm-del:hover{background:#faeae8}
/* ===== landing site ===== */
.site-nav{position:sticky;top:0;z-index:50;background:rgba(16,48,95,.97);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;padding:12px 26px;gap:14px}
.site-nav .lgo{display:flex;align-items:center;gap:10px}
.site-nav .lgo img{height:42px;width:auto;display:block}
.site-nav .lgo span{color:#DCE5F0;font-size:12px;line-height:1.45}
.site-nav .lgo span b{color:#fff;font-size:13px}
.site-nav .lks{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.site-nav .lks a{color:#D7DEE8;text-decoration:none;font-size:13.5px;padding:7px 12px;border-radius:8px;font-weight:500}
.site-nav .lks a:hover{background:rgba(255,255,255,.1);color:#fff}
.site-nav .cta{background:var(--gold);color:#fff;border:none;border-radius:9px;padding:9px 18px;font-weight:700;font-size:13.5px}
.site-nav .cta:hover{background:#8F6329}
.hero{position:relative;background:linear-gradient(135deg,var(--navy-deep),#1B4E96);color:#fff;padding:78px 26px 86px;overflow:hidden;text-align:center}
.hero .arcs{position:absolute;inset:0;overflow:hidden}
.hero .arcs i{position:absolute;display:block;height:1px;width:800px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.5));transform:rotate(-28deg);transform-origin:right center}
.hero .inner{position:relative;max-width:780px;margin:0 auto}
.hero .kicker{color:var(--gold-soft);font-size:14px;font-weight:700;letter-spacing:.4px;margin-bottom:12px}
.hero h1{font-size:46px;font-weight:700;line-height:1.25;margin-bottom:14px}
.hero .lead{font-size:17.5px;color:#DCE5F0;line-height:1.95;margin-bottom:12px}
.hero .rule{width:80px;height:3px;background:var(--gold);margin:22px auto}
.hero .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.hero .b1{background:var(--gold);color:#fff;border:none;border-radius:11px;padding:14px 30px;font-weight:700;font-size:15.5px}
.hero .b1:hover{background:#8F6329}
.hero .b2{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.5);border-radius:11px;padding:14px 26px;font-weight:700;font-size:15.5px}
.hero .b2:hover{background:rgba(255,255,255,.12)}
.hero .stats{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.hero .stats div b{display:block;font-size:26px;color:var(--gold-soft)}
.hero .stats div span{font-size:12.5px;color:#C3D0E0}
.sect{padding:64px 26px}
.sect.alt{background:#fff}
.sect .w{max-width:1000px;margin:0 auto}
.sect h2{font-size:31px;color:var(--navy);font-weight:700;text-align:center;margin-bottom:8px}
.sect .sub{text-align:center;color:var(--muted);font-size:15px;max-width:640px;margin:0 auto 34px;line-height:1.9}
.sect h2 + .sub{margin-top:4px}
.feat{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:24px 22px}
.sect.alt .feat{background:var(--cream)}
.feat .fi{width:50px;height:50px;border-radius:13px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:13px}
.feat h3{color:var(--navy);font-size:17px;font-weight:700;margin-bottom:6px}
.feat p{font-size:13.8px;color:#4A4A4A;line-height:1.9}
.stepc{text-align:center;padding:26px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;position:relative}
.stepc .sn{width:46px;height:46px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;margin:0 auto 12px}
.stepc h3{color:var(--navy);font-size:19px;font-weight:700;margin-bottom:6px}
.stepc p{font-size:13.8px;color:#4A4A4A;line-height:1.85}
.lvlc{text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 16px;transition:.16s}
.lvlc:hover{border-color:var(--gold);box-shadow:0 8px 26px rgba(168,120,56,.16);transform:translateY(-3px)}
.lvlc .lc{width:92px;height:92px;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 14px}
.lvlc .lc b{font-size:25px;line-height:1}
.lvlc .lc span{font-size:10.5px;color:var(--gold-soft)}
.lvlc h3{color:var(--navy);font-size:21px;font-weight:700}
.lvlc p{font-size:13px;color:var(--muted);margin-top:3px}
.band{background:var(--navy);color:#fff;border-radius:18px;padding:34px 30px;text-align:center}
.band h3{font-size:24px;font-weight:700;margin-bottom:8px}
.band p{color:#CFDAE8;font-size:15px;line-height:1.9;max-width:660px;margin:0 auto}
.band .hl{color:var(--gold-soft)}
.assoc-card{background:var(--card-beige);border-radius:16px;padding:26px 24px}
.assoc-card h4{color:var(--navy);font-size:16px;font-weight:700;margin-bottom:5px}
.assoc-card p{font-size:14px;color:#4A4A4A;line-height:1.9}
.site-foot{background:var(--navy-deep);color:#B9C7DA;padding:34px 26px;text-align:center}
.site-foot .fl{width:120px;margin:0 auto 16px}
.site-foot .fl img{width:100%;display:block}
.site-foot p{font-size:13px;line-height:1.9}
.site-foot .cp{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#8FA2BB}
@media(max-width:760px){
  .hero h1{font-size:33px} .hero .lead{font-size:15.5px}
  .sect h2{font-size:25px} .sect{padding:46px 20px}
  .site-nav{padding:10px 16px} .site-nav .lks a{font-size:12.5px;padding:6px 8px}
}

/* ===== progress ring ===== */
.ring-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ring{position:relative;width:130px;height:130px;min-width:130px;flex:0 0 auto}
.ring svg{display:block;overflow:visible}
.ring .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring .big{font-size:26px;font-weight:700;color:var(--navy);line-height:1}
.ring .lab{font-size:11px;color:var(--muted)}

.stat-mini{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.stat-mini .v{font-size:22px;font-weight:700;color:var(--navy)}
.stat-mini .k{font-size:12px;color:var(--muted)}

/* ===== record list ===== */
.rec{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:10px}
.rec .rc-ic{width:40px;height:40px;min-width:40px;border-radius:9px;background:#F1EADD;display:flex;align-items:center;justify-content:center;font-size:18px}
.rec .rc-body{flex:1;min-width:0}
.rec .rc-t{font-weight:700;color:var(--navy);font-size:14.5px}
.rec .rc-meta{font-size:12px;color:var(--muted);margin-top:2px}
.rec .rc-ben{font-size:12.5px;color:#4A4A4A;margin-top:6px;background:#FBF8F2;border-right:3px solid var(--gold);padding:5px 9px;border-radius:6px}
.rec .rc-min{font-weight:700;color:var(--gold);font-size:15px;white-space:nowrap}
.rec .rc-del{background:transparent;border:none;color:#b55;font-size:12px;margin-top:4px}

/* ===== bars (balance) ===== */
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.bar-row .bl{width:120px;min-width:120px;font-size:12.5px;color:var(--navy);font-weight:500;text-align:left}
.bar-track{flex:1;background:#EEE6D7;border-radius:10px;height:16px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:10px}
.bar-row .bv{font-size:12px;color:var(--muted);width:64px;text-align:left}

/* ===== leaderboard ===== */
.lb-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}
.lb-row:last-child{border-bottom:none}
.lb-row.me{background:#FBF6EC;border-radius:10px}
.lb-rank{width:30px;font-weight:700;color:var(--navy);text-align:center}
.lb-rank.top{color:var(--gold)}
.lb-av{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.lb-nm{flex:1;font-weight:500;font-size:14px}
.lb-min{font-weight:700;color:var(--gold);font-size:14px}
.lb-min small{color:var(--muted);font-weight:400;font-size:11px}

/* ===== challenges / badges ===== */
.chal{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.chal.season{background:linear-gradient(135deg,var(--navy),#1a5089);color:#fff;border:none}
.chal h4{font-size:14.5px;font-weight:700;margin-bottom:4px}
.chal.season h4{color:#fff}
.chal .cd{font-size:12px;color:var(--muted);margin-bottom:9px}
.chal.season .cd{color:#cfe0f0}
.mini-track{background:#EEE6D7;border-radius:8px;height:9px;overflow:hidden}
.chal.season .mini-track{background:rgba(255,255,255,.2)}
.mini-fill{height:100%;background:var(--gold);border-radius:8px}
.badge{text-align:center;padding:14px 8px;border-radius:12px;border:1px solid var(--line);background:#fff}
.badge .bi{font-size:30px;filter:grayscale(1);opacity:.4}
.badge.on .bi{filter:none;opacity:1}
.badge .bn{font-size:12px;font-weight:700;color:var(--navy);margin-top:5px}
.badge .bx{font-size:10.5px;color:var(--muted)}

/* ===== suggested materials ===== */
.field-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}
.field-tabs button{background:#fff;border:1px solid var(--line);color:var(--navy);border-radius:20px;padding:6px 13px;font-size:12.5px;white-space:nowrap;font-weight:500}
.field-tabs button.active{background:var(--gold);color:#fff;border-color:var(--gold)}
.mat{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:10px}
.mat .mbody{flex:1;min-width:0}
.mat .mt{font-weight:700;color:var(--navy);font-size:14px}
.mat .mm{font-size:12px;color:var(--muted);margin-top:2px}
.mat .macts{display:flex;gap:7px;flex-shrink:0}

/* recommendation banner */
.rec-week{background:linear-gradient(135deg,var(--gold),#d9b877);color:#3a2c10;border-radius:16px;padding:18px 20px}
.rec-week .rk{font-size:12px;font-weight:700;letter-spacing:.5px;opacity:.8}
.rec-week .rt{font-family:'Thmanyah',sans-serif;font-size:21px;font-weight:700;margin:3px 0}
.rec-week .rm{font-size:12.5px;opacity:.85;margin-bottom:12px}
.rec-week .btn{background:var(--navy)}

/* toast + modal */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--navy);color:#fff;padding:12px 22px;border-radius:30px;font-size:13.5px;font-weight:500;
  box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transition:.3s;z-index:100;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal-bg{position:fixed;inset:0;background:rgba(11,48,90,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:90}
.share-card{background:linear-gradient(150deg,var(--navy-deep),#14508f);color:#fff;border-radius:20px;padding:28px 26px;max-width:380px;width:100%;text-align:center;position:relative;overflow:hidden}
.share-card .sc-logo{width:110px;background:transparent;border-radius:0;padding:0;margin:0 auto 16px;display:block}
.share-card .sc-lab{color:var(--gold-soft);font-size:13px}
.share-card .sc-big{font-family:'Thmanyah',sans-serif;font-size:52px;font-weight:700;line-height:1;margin:8px 0}
.share-card .sc-u{font-size:13px;color:#cfe0f0}
.share-card .sc-nm{margin-top:14px;font-size:15px;font-weight:700}
.share-card .sc-lvl{font-size:12px;color:var(--gold-soft)}
.share-card .sc-slogan{margin-top:16px;font-size:12px;color:#bcd;border-top:1px solid rgba(255,255,255,.15);padding-top:12px}
.empty{text-align:center;color:var(--muted);padding:34px 10px;font-size:13.5px}
.empty .ei{font-size:34px;opacity:.4}
.foot{text-align:center;color:#9A8A6A;font-size:11.5px;padding:24px 0 8px}

/* ===== auth (phone OTP) ===== */
.auth-note{background:#EAF0F7;border-radius:10px;padding:11px 14px;font-size:12.5px;color:#2C4C78;line-height:1.8;margin-bottom:14px}
.otp-input{letter-spacing:10px;text-align:center;font-size:22px;font-weight:700;direction:ltr}
.phone-row{display:flex;gap:8px;align-items:stretch}
.phone-row .cc{background:#F1EADD;border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;font-weight:700;color:var(--navy);display:flex;align-items:center;direction:ltr}
.phone-row input{direction:ltr;text-align:left}
.link-btn{background:none;border:none;color:var(--navy);font-weight:600;font-size:13px;text-decoration:underline;padding:0}
.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--cream);flex-direction:column;gap:14px}
.spin{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.badge-admin{background:var(--gold);color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}

/* ============================================================
   تحديثات الهوية والأيقونات والعرض على الجوال
   ============================================================ */

/* ---------- الأيقونات ---------- */
.ic{width:18px;height:18px;flex:0 0 auto;vertical-align:middle}
.ic-lg{width:22px;height:22px}
.ic-xl{width:26px;height:26px}
.ic-sm{width:15px;height:15px}

/* ---------- شعار مسامر ---------- */
.brand-lockup{display:flex;align-items:center;gap:11px}
.brand-lockup .bl-txt b{display:block;font-size:19px;font-weight:700;line-height:1.15}
.brand-lockup .bl-txt span{display:block;font-size:10.5px;margin-top:1px}
.brand .lb svg{display:block}

/* ---------- الشريط العلوي ---------- */
.brand{display:flex;align-items:center;gap:11px}
.brand .tt{font-weight:700;font-size:15px;color:#fff;line-height:1.2}
.brand .tt span{display:block;font-size:10.5px;color:var(--gold-soft);font-weight:400;margin-top:1px}
.userchip .av{background:var(--gold);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.userchip button{transition:background .16s}
.userchip button:hover{background:rgba(255,255,255,.14)}
.admin-badge{background:var(--gold);color:#fff;font-size:10px;font-weight:700;
  border-radius:5px;padding:2px 7px;margin-inline-start:6px}

/* ---------- تحسينات بصرية عامة ---------- */
.card{transition:box-shadow .2s, transform .2s}
.btn{transition:background .16s, transform .12s, box-shadow .16s}
.btn:active{transform:translateY(1px)}
.section{animation:fade .22s ease}
.field-tabs button{transition:background .16s,border-color .16s,color .16s}
.rec, .mat, .adm-mat{transition:border-color .16s, box-shadow .16s}
.rec:hover, .mat:hover, .adm-mat:hover{border-color:var(--gold-soft)}
.gold-rule{height:2px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;margin:10px 0 16px}

/* حالات الفراغ */
.empty{text-align:center;color:var(--muted);padding:38px 14px;font-size:13.5px;line-height:1.9}
.empty .ei{display:flex;justify-content:center;margin-bottom:10px;color:var(--gold-soft)}
.empty .ei .ic{width:38px;height:38px}
.empty b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}

/* حالة التحميل */
.skel{background:linear-gradient(90deg,#EFE8DC 25%,#F7F2EC 50%,#EFE8DC 75%);
  background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.inline-load{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;padding:18px;justify-content:center}
.inline-load .sp{width:17px;height:17px;border:2.4px solid var(--line);border-top-color:var(--gold);
  border-radius:50%;animation:sp .8s linear infinite}

/* ---------- تبويبات داخلية ---------- */
.subtabs{display:flex;gap:6px;background:#F1EADD;border-radius:12px;padding:5px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtabs button{flex:1;min-width:max-content;background:transparent;border:none;color:var(--muted);
  font-size:13px;font-weight:500;padding:9px 14px;border-radius:9px;white-space:nowrap;transition:.16s}
.subtabs button.active{background:#fff;color:var(--navy);font-weight:700;box-shadow:0 2px 6px rgba(16,48,95,.1)}

/* ---------- ترتيب: المراكز الثلاثة ---------- */
.lb-rank{width:34px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--navy)}
.rank-medal{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:#fff}
.rank-1{background:linear-gradient(145deg,#D9B65F,#BD8B41)}
.rank-2{background:linear-gradient(145deg,#C3C7CC,#8E949B)}
.rank-3{background:linear-gradient(145deg,#C98F63,#93603C)}

/* ---------- صفحة المشارك في الإدارة ---------- */
.pp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.pp-av{width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.pp-meta{font-size:12.5px;color:var(--muted);line-height:1.9}
.pp-meta b{color:var(--navy)}
.back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;
  color:var(--navy);font-size:13px;font-weight:600;margin-bottom:12px;padding:0}

/* ---------- تذييل الرؤية والرسالة ---------- */
.assoc-foot{border-top:1px solid #E6DCC8;margin-top:26px;padding-top:16px;text-align:center}
.assoc-foot .af-logo{width:104px;margin:0 auto 10px;display:block;opacity:.95}
.assoc-foot p{font-size:10.5px;color:#9A8A6A;line-height:1.85;max-width:620px;margin:0 auto}
.assoc-foot p b{color:#7E7357;font-weight:700}

/* ============================================================
   الجوال
   ============================================================ */
@media(max-width:760px){
  .g3,.g4,.g2{grid-template-columns:1fr}
  .steps{flex-direction:column;gap:10px}
  .stats{flex-direction:column;gap:10px}
  .sect{padding:40px 18px}
  .sect h2{font-size:23px}
  .sect .sub{font-size:14px;margin-bottom:24px}
  .hero{padding:52px 18px 56px}
  .hero h1{font-size:32px}
  .hero .lead{font-size:15px}
  .hero .stats{margin-top:28px;gap:16px}
  .hero .btns{flex-direction:column}
  .hero .b1,.hero .b2{width:100%}
  .site-nav{padding:9px 14px;gap:8px}
  .site-nav .lks{gap:2px}
  .site-nav .lks a{font-size:12px;padding:6px 7px}
  .site-nav .cta{padding:8px 13px;font-size:12.5px}
  .feat,.stepc,.lvlc{padding:18px 16px}
  .lvlc .lc{width:78px;height:78px}
  .band{padding:26px 20px}
  .band h3{font-size:20px}
  .wrap{padding:16px 13px 50px}
  h2.page-title{font-size:21px}
  .card{padding:15px}
  .ring{width:112px;height:112px;min-width:112px}
  .ring svg{width:112px;height:112px}
  .ring .big{font-size:23px}
  .ring-wrap{gap:14px}
  .topbar{padding:8px 13px}
  .brand .tt{font-size:13.5px}
  .brand .tt span{font-size:9.5px}
  .userchip{gap:7px;font-size:12px}
  .userchip .av{width:31px;height:31px}
  .nav{top:52px;padding:5px 9px}
  .nav button{padding:8px 11px;font-size:12.5px}
  .grid{gap:11px}
  .bar-row .bl{width:88px;min-width:88px;font-size:11.5px}
  .bar-row .bv{width:56px;font-size:11px}
  .tbl{font-size:12px}
  .tbl th,.tbl td{padding:7px 6px}
  .rec .rc-t,.mat .mt{font-size:13.5px}
  .kpi{padding:13px}
  .kpi .v{font-size:20px}
  .stat-mini .v{font-size:19px}
  .share-card{padding:24px 20px}
  .share-card .sc-big{font-size:44px}
  .onboard{padding:16px}
  .onboard-card{padding:24px 20px}
  .onboard h1{font-size:24px}
  .subtabs button{font-size:12.5px;padding:8px 11px}
}
@media(max-width:420px){
  .hero h1{font-size:28px}
  .sect h2{font-size:21px}
  .site-nav .lks a{display:none}
  .site-nav .lks .cta{display:block}
  .lb-nm{font-size:13px}
  .lock .wm b{font-size:22px}
}

/* أحجام الأيقونات داخل العناصر الكبيرة */
.feat .fi .ic{width:24px;height:24px}
.rc-ic .ic{width:19px;height:19px}
.badge .bi{display:flex;justify-content:center;color:var(--navy)}
.badge .bi .ic{width:26px;height:26px}
.badge:not(.on) .bi{color:#C9C2B4}
.chal h4 .ic{width:17px;height:17px;vertical-align:-3px;margin-inline-end:4px}
.sec-h .ic{width:17px;height:17px}
.link-btn{cursor:pointer}
.lb-rank{font-size:13px}

/* نطاق الأسبوع الهجري */
.week-range{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);
  background:#F3EFE7;border-radius:8px;padding:5px 10px;margin:7px 0 2px;width:fit-content;flex-wrap:wrap}
.week-range b{color:var(--navy);font-weight:700}
.week-range .ic{color:var(--gold)}
@media(max-width:420px){.week-range{font-size:10.5px;padding:5px 8px}}

/* ===== صفحة كيف يعمل ===== */
.how-card p.how-p{font-size:13.5px;color:#3E3E3E;line-height:2;margin-bottom:6px}
.how-card p.how-p b{color:var(--navy);font-weight:700}
.how-week{background:#F3EFE7;border-radius:11px;padding:12px 14px}
.hw-row{display:flex;gap:10px;align-items:baseline;font-size:13px;color:#3E3E3E;padding:5px 0;flex-wrap:wrap}
.hw-row + .hw-row{border-top:1px dashed #E2D8C4}
.hw-k{color:var(--gold);font-weight:700;min-width:88px;font-size:12.5px}
.hw-row b{color:var(--navy)}
.how-lvl{text-align:center;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 8px}
.how-lvl b{display:block;color:var(--navy);font-size:20px;font-weight:700}
.how-lvl span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.how-lvl.on{border-color:var(--gold);background:#FBF6EC;box-shadow:0 3px 10px rgba(168,120,56,.14)}
.how-lvl.on span{color:var(--gold);font-weight:700}
.how-steps{display:flex;flex-direction:column;gap:12px}
.hs{display:flex;gap:11px;align-items:flex-start}
.hs .hsn{width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--gold);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;margin-top:2px}
.hs b{color:var(--navy);font-size:14px}
.hs .how-p{margin-top:2px;margin-bottom:0}
.qa{padding:11px 0;border-bottom:1px solid var(--line)}
.qa:last-child{border-bottom:none;padding-bottom:0}
.qa b{color:var(--navy);font-size:13.5px}
.qa .how-p{margin:3px 0 0}
.wr-help{background:none;border:none;color:var(--gold);font-weight:700;font-size:11.5px;
  text-decoration:underline;padding:0;margin-inline-start:4px}
@media(max-width:760px){
  .how-card p.how-p{font-size:13px}
  .hw-k{min-width:100%}
  .hw-row{gap:2px}
}


/* سطر تاريخ اليوم */
.today-line{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);
  background:#F3EFE7;border-radius:8px;padding:4px 10px;margin:6px 0 10px;white-space:nowrap}
.today-line .ic{color:var(--gold);width:14px;height:14px}
@media(max-width:420px){.today-line{font-size:10.5px;padding:4px 8px}}

/* تناسق صفحة المنافسة */
.chal{display:flex;flex-direction:column;min-height:118px}
.chal .cd{flex:1}
.badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px}
.lb-row{gap:10px}
.lb-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){
  .chal{min-height:auto}
  .ring{width:118px;height:118px;min-width:118px}
  .ring svg{width:118px;height:118px}
}

/* الملف العام للمشارك */
.pub-list{display:grid;gap:10px}
.pub-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;cursor:pointer;transition:.16s}
.pub-card:hover{border-color:var(--gold-soft);box-shadow:0 4px 12px rgba(16,48,95,.07)}
.pub-av{width:42px;height:42px;min-width:42px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.pub-nm{font-weight:700;color:var(--navy);font-size:14.5px}
.pub-meta{font-size:12px;color:var(--muted);margin-top:2px}
.pub-min{margin-inline-start:auto;font-weight:700;color:var(--gold);font-size:14px;white-space:nowrap}
.priv-toggle{display:flex;align-items:center;gap:8px;background:#F3EFE7;border-radius:10px;
  padding:9px 12px;margin-top:4px}
.priv-toggle label{margin:0;font-size:12.5px;color:#3E3E3E;font-weight:500;cursor:pointer}
.priv-toggle input{width:auto;margin:0}
.pub-badge{display:inline-flex;align-items:center;gap:4px;background:#EAF3EC;color:#2F6B47;
  border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:700}
.prv-badge{display:inline-flex;align-items:center;gap:4px;background:#F1EADD;color:#8A7550;
  border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:700}
.rc-priv{background:none;border:none;color:var(--muted);font-size:11px;text-decoration:underline;padding:0;margin-top:3px}

/* حالة التسجيل */
.reg-closed{max-width:470px;margin:0 auto;text-align:center}
.reg-closed .rc-ic{width:56px;height:56px;border-radius:50%;background:#F1EADD;color:var(--gold);
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.reg-closed .rc-ic .ic{width:28px;height:28px}
.reg-state{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 11px;font-size:12px;font-weight:700}
.reg-on{background:#EAF3EC;color:#2F6B47}
.reg-off{background:#FBECEA;color:#B5493C}
.warn-row{background:#FDF6E8;border:1px solid #EFDCAE;border-radius:9px;padding:9px 12px;margin-bottom:9px;
  font-size:12.5px;color:#8A6A22;display:flex;align-items:center;gap:8px;flex-wrap:wrap}


/* ===== تقييم المادة ===== */
.star-rate{display:flex;align-items:center;gap:2px}
.star{font-size:24px;cursor:pointer;color:#D4C9B4;transition:.15s}
.star.on{color:#D4A530}
.rate-txt{font-size:12px;color:var(--muted);margin-inline-start:8px}

/* ===== الإشعارات ===== */
.bell-btn{position:relative}
.notif-count{position:absolute;top:-4px;right:-6px;background:#C0392B;color:#fff;font-size:10px;font-weight:700;
  border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}
.notif-panel{position:fixed;top:0;right:0;width:340px;max-width:90vw;height:100vh;background:#fff;
  box-shadow:-4px 0 20px rgba(0,0,0,.12);z-index:999;overflow-y:auto;transition:.25s;padding:18px}
.notif-panel.hidden{transform:translateX(100%);pointer-events:none}
.notif-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.notif-item{padding:12px 0;border-bottom:1px solid var(--line)}
.notif-item:last-child{border-bottom:none}
.ni-title{font-weight:700;color:var(--navy);font-size:14px}
.ni-body{font-size:13px;color:#3E3E3E;margin-top:3px;line-height:1.7}
.ni-date{font-size:11px;color:var(--muted);margin-top:4px}

/* ===== رسالة ترحيبية ===== */
.welcome-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.welcome-card{background:#fff;border-radius:18px;padding:30px;max-width:420px;width:100%;text-align:center}
.welcome-card h2{color:var(--navy);font-size:22px;margin:14px 0 10px}
.welcome-card p{color:#3E3E3E;font-size:14px;line-height:2;margin-bottom:18px}
.wc-ic{width:60px;height:60px;margin:0 auto}
.wc-ic svg{width:60px;height:60px}

/* ===== تحديات محسّنة ===== */
.chal-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
.ch-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.ch-head b{color:var(--navy);font-size:14.5px}
.ch-date{font-size:11px;color:var(--muted);background:#F3EFE7;border-radius:6px;padding:2px 8px}
.ch-desc{font-size:13px;color:#3E3E3E;margin:6px 0 10px;line-height:1.7}
.ch-prog{margin-top:8px}
.prog-bar{height:10px;background:#EAE0CE;border-radius:5px;overflow:hidden}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--navy));border-radius:5px;transition:.4s}
.ch-stat{font-size:12px;color:var(--muted);margin-top:5px;text-align:center}
.auto-chal{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.ac-title{font-weight:700;color:var(--navy);font-size:13.5px}
.ac-desc{font-size:12.5px;color:var(--muted);margin:4px 0 10px}
.subtabs.compact{gap:0}
.subtabs.compact button{font-size:11.5px;padding:4px 10px;border-radius:8px}
.lb-title{font-size:12px;color:var(--muted);margin-bottom:8px}

/* ===== شارات محسّنة ===== */
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.badge{text-align:center;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 8px;opacity:.45}
.badge.on{opacity:1;border-color:var(--gold);background:#FBF6EC;box-shadow:0 3px 10px rgba(168,120,56,.1)}
.badge-ic{width:32px;height:32px;margin:0 auto 6px;color:var(--muted)}
.badge.on .badge-ic{color:var(--gold)}
.badge-t{font-weight:700;color:var(--navy);font-size:12px}
.badge-d{font-size:10.5px;color:var(--muted);margin-top:2px}

/* ===== الوضع الداكن — ألوان هوية الجمعية ===== */
:root[data-theme="dark"]{
  --bg:#001A4D;--card-bg:#002266;--navy:#E8D9BC;--navy2:#F0E4D0;
  --gold:#D4A84E;--gold-soft:#8A6A2E;--cream:#0C1B34;--muted:#8FA2BB;
  --line:#002D73;--text:#EDE6D6;
}
[data-theme="dark"] body{background:var(--bg);color:var(--text)}
[data-theme="dark"] .card,[data-theme="dark"] .card.beige{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .topbar{background:linear-gradient(180deg,#001040,#000D33)}
[data-theme="dark"] .nav{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .nav button{color:var(--muted)}
[data-theme="dark"] .nav button.active{background:#002D73;color:var(--gold)}
[data-theme="dark"] .btn{background:var(--gold);color:#0C1B34}
[data-theme="dark"] .btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}
[data-theme="dark"] .btn.gold{background:var(--gold);color:#0C1B34}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea{background:#003080;color:var(--text);border-color:#004099}
[data-theme="dark"] .stat-mini,[data-theme="dark"] .kpi{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .rec,[data-theme="dark"] .adm-mat,[data-theme="dark"] .chal-card,[data-theme="dark"] .auto-chal{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .subtabs{background:#003080}
[data-theme="dark"] .subtabs button{color:var(--muted)}
[data-theme="dark"] .subtabs button.active{background:var(--card-bg);color:var(--gold)}
[data-theme="dark"] .today-line,[data-theme="dark"] .how-week,[data-theme="dark"] .priv-toggle{background:#003080}
[data-theme="dark"] .pub-card{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .badge{background:var(--card-bg);border-color:var(--line);opacity:.4}
[data-theme="dark"] .badge.on{opacity:1;border-color:var(--gold);background:#002560;box-shadow:0 3px 12px rgba(201,164,92,.12)}
[data-theme="dark"] .page-title,[data-theme="dark"] .sec-h{color:var(--gold)}
[data-theme="dark"] .page-sub{color:var(--muted)}
[data-theme="dark"] .tag,[data-theme="dark"] .pill{background:#003080;color:var(--gold)}
[data-theme="dark"] .hint{color:var(--muted)}
[data-theme="dark"] .onboard-card,[data-theme="dark"] .welcome-card{background:var(--card-bg)}
[data-theme="dark"] .welcome-card h2{color:var(--gold)}
[data-theme="dark"] .welcome-card p{color:var(--text)}
[data-theme="dark"] .onboard,[data-theme="dark"] .wrap{background:var(--bg)}
[data-theme="dark"] .pp-av{background:var(--gold);color:#0C1B34}
[data-theme="dark"] .how-card p.how-p{color:var(--text)}
[data-theme="dark"] .how-card p.how-p b{color:var(--gold)}
[data-theme="dark"] .how-lvl{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .how-lvl.on{background:#002560;border-color:var(--gold)}
[data-theme="dark"] .how-lvl b{color:var(--gold)}
[data-theme="dark"] .note-box{background:#003080;border-color:#004099}
[data-theme="dark"] .ring circle:first-child{stroke:#002D73}
[data-theme="dark"] .rc-ben{background:#003080}
[data-theme="dark"] .empty{color:var(--muted)}
[data-theme="dark"] .site-foot{background:#000D33}
[data-theme="dark"] .prog-bar{background:#002D73}
[data-theme="dark"] .prog-fill{background:linear-gradient(90deg,#BD8B41,#D4A84E)}
[data-theme="dark"] .notif-panel{background:var(--card-bg);border-left:1px solid var(--line)}
[data-theme="dark"] .notif-head{border-color:var(--line)}
[data-theme="dark"] .notif-item{border-color:var(--line)}
[data-theme="dark"] .ni-title{color:var(--gold)}
[data-theme="dark"] .ni-body{color:var(--text)}
[data-theme="dark"] .ch-date{background:#003080;color:var(--muted)}
[data-theme="dark"] .ch-desc{color:var(--text)}
[data-theme="dark"] .star{color:#004099}
[data-theme="dark"] .star.on{color:#D4A84E}
[data-theme="dark"] .tbl th{background:#003080}
[data-theme="dark"] .tbl td{border-color:var(--line)}
[data-theme="dark"] .field-tabs button{background:#003080;color:var(--muted)}
[data-theme="dark"] .field-tabs button.active{background:var(--gold);color:#0C1B34}
[data-theme="dark"] .site-banner{background:linear-gradient(90deg,#BD8B41,#0C1B34)}
[data-theme="dark"] .lb-row{border-color:var(--line) !important}
[data-theme="dark"] .rank-medal{color:var(--gold)}
[data-theme="dark"] .hero{background:linear-gradient(135deg,#001040,#0C1B34)}
[data-theme="dark"] a{color:var(--gold)}
[data-theme="dark"] .link-btn{color:var(--gold)}
[data-theme="dark"] .rc-priv{color:var(--muted)}
[data-theme="dark"] .pub-badge{background:#002560;color:#D4A84E}
[data-theme="dark"] .prv-badge{background:#003080;color:var(--muted)}
[data-theme="dark"] .reg-on{background:#002560;color:#D4A84E}
[data-theme="dark"] .reg-off{background:#2A1520;color:#D4766A}
[data-theme="dark"] .warn-row{background:#002560;border-color:#004099;color:var(--gold)}
[data-theme="dark"] .fld-row input{background:#003080;color:var(--text);border-color:#004099}
@media(max-width:420px){[data-theme="dark"] .notif-panel{width:100%}}

/* ===== أوائل الشهر ===== */
.mt-level{margin-bottom:14px}
.mt-level:last-child{margin-bottom:0}
.mt-lvl-name{font-weight:700;color:var(--gold);font-size:13px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.mt-row{display:flex;align-items:center;gap:8px;padding:5px 0}
.mt-rank{font-size:18px;min-width:28px;text-align:center}
.mt-name{flex:1;font-size:14px;color:var(--navy);font-weight:600}
.mt-min{font-weight:700;color:var(--gold);font-size:13px;white-space:nowrap}

/* بطاقة التكريم */
.honor-card{background:linear-gradient(135deg,#FBF6EC,#F3EFE7);border:2px solid #E8D5AD}
.honor-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.honor-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:12px 16px;border:1px solid #E8D5AD}
.honor-medal{font-size:28px}
.honor-name{font-weight:700;color:var(--navy);font-size:15px}
.honor-lvl{font-size:12.5px;color:var(--muted);margin-top:2px}
.honor-prize{text-align:center;margin-top:12px;font-size:13.5px;color:var(--gold);font-weight:700;
  background:#fff;border-radius:10px;padding:10px;border:1px dashed #D4A84E}
[data-theme="dark"] .honor-card{background:linear-gradient(135deg,#002560,#122244);border-color:#004099}
[data-theme="dark"] .honor-item{background:var(--card-bg);border-color:var(--line)}
[data-theme="dark"] .honor-prize{background:var(--card-bg);border-color:#004099}
[data-theme="dark"] .mt-lvl-name{border-color:var(--line)}
[data-theme="dark"] .mt-name{color:var(--navy)}