/* تصميم احترافي للقوائم والأشرطة (يُحمَّل بعد theme-luxe): زجاج داكن متدرّج، بلاطات أيقونات ثلاثية الأبعاد، وحالة نشطة ذهبية. */
:root{--pro-gold:#c9a45c;--pro-gold-2:#ecd08f;--pro-ink:#f4efe6;--pro-mut:#8f9098;--pro-line:rgba(255,255,255,.07);--pro-line-2:rgba(255,255,255,.12);
  --pro-glass:linear-gradient(180deg,rgba(30,32,38,.94),rgba(15,16,20,.96));--pro-tile:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));--pro-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme=light]{--pro-ink:#1d1b16;--pro-mut:#6d675c;--pro-line:rgba(0,0,0,.07);--pro-line-2:rgba(0,0,0,.12);--pro-glass:linear-gradient(180deg,rgba(255,253,248,.96),rgba(246,242,233,.97));--pro-tile:linear-gradient(160deg,rgba(255,255,255,.95),rgba(240,234,222,.9));--pro-shadow:0 18px 44px rgba(60,45,20,.14),inset 0 1px 0 rgba(255,255,255,.8)}

/* ===== القائمة الجانبية ===== */
html:root:not(#_) body .gnav{background:var(--pro-glass)!important;border:1px solid var(--pro-line-2)!important;border-radius:24px!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(18px) saturate(1.2)}
html:root:not(#_) body .gnav-head{padding:14px 14px 12px!important;border-bottom:1px solid var(--pro-line)!important;margin-bottom:6px}
html:root:not(#_) body .gnav-logo{width:42px!important;height:42px!important;border-radius:14px!important;background:radial-gradient(120% 120% at 30% 15%,rgba(236,208,143,.28),rgba(201,164,92,.06) 60%,transparent)!important;border:1px solid rgba(201,164,92,.45)!important;color:var(--pro-gold-2)!important;box-shadow:0 6px 18px rgba(201,164,92,.18),inset 0 1px 0 rgba(255,255,255,.18)!important}
html:root:not(#_) body .gnav-list{padding:2px 8px!important}
html:root:not(#_) body .gnav-grp,html:root:not(#_) body .gnav-grp-t{color:var(--pro-mut)!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.6px!important;border-top:0!important;padding:12px 8px 6px!important;margin:4px 4px 0!important}
html:root:not(#_) body .gnav-grp-t .gnav-n{background:rgba(201,164,92,.12)!important;color:var(--pro-gold-2)!important;border:1px solid rgba(201,164,92,.22)}
html:root:not(#_) body .gnav-item{position:relative;display:flex!important;align-items:center;justify-content:flex-start!important;text-align:start!important;width:100%!important;gap:11px!important;min-height:42px;margin:2px 0!important;padding:4px 6px!important;border-radius:13px!important;border:1px solid transparent!important;background:transparent!important;color:var(--pro-ink)!important;opacity:.86;font-size:13.5px!important;font-weight:500!important;transition:background .18s,border-color .18s,opacity .18s,transform .18s!important}
html:root:not(#_) body .gnav-item .gi{flex:0 0 auto;display:grid!important;place-items:center;width:34px!important;height:34px!important;border-radius:11px!important;background:var(--pro-tile)!important;border:1px solid var(--pro-line-2)!important;box-shadow:0 3px 10px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;font-size:15px}
html:root:not(#_) body .gnav-item .gl{flex:1;min-width:0;text-align:start!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root:not(#_) body .gnav-item .gc{font-size:10.5px;color:var(--pro-mut);background:rgba(127,127,127,.12);border-radius:99px;padding:1px 7px}
html:root:not(#_) body .gnav-item:hover{background:rgba(255,255,255,.045)!important;border-color:var(--pro-line)!important;opacity:1;transform:translateX(-2px)}
html[dir=ltr]:root:not(#_) body .gnav-item:hover{transform:translateX(2px)}
html:root:not(#_) body .gnav-item:hover .gi{border-color:rgba(201,164,92,.35)!important}
html:root:not(#_) body .gnav-item.on{opacity:1;background:linear-gradient(to left,rgba(201,164,92,.22),rgba(201,164,92,.05))!important;border-color:rgba(201,164,92,.38)!important;color:#fff8e6!important;font-weight:650!important;box-shadow:0 6px 20px rgba(201,164,92,.12)!important}
html[dir=ltr]:root:not(#_) body .gnav-item.on{background:linear-gradient(to right,rgba(201,164,92,.22),rgba(201,164,92,.05))!important}
html[data-theme=light]:root:not(#_) body .gnav-item.on{color:#3d2a08!important}
html:root:not(#_) body .gnav-item.on .gi{background:radial-gradient(120% 120% at 30% 15%,rgba(236,208,143,.35),rgba(201,164,92,.12))!important;border-color:rgba(201,164,92,.6)!important;box-shadow:0 4px 14px rgba(201,164,92,.3),inset 0 1px 0 rgba(255,255,255,.2)!important}
html:root:not(#_) body .gnav-item.on::before{content:''!important;position:absolute!important;inset-inline-start:-9px!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:3px!important;background:linear-gradient(var(--pro-gold-2),var(--pro-gold))!important;box-shadow:0 0 10px rgba(236,208,143,.7)!important}
html:root:not(#_) body .gnav-dept .gi{border-bottom:2px solid var(--c,var(--pro-gold))!important}
html:root:not(#_) body .gnav-foot{border-top:1px solid var(--pro-line)!important;padding:10px 8px 12px!important}
html:root:not(#_) body .gnav-toggle{width:28px!important;height:28px!important;border-radius:10px!important;background:var(--pro-tile)!important;border:1px solid var(--pro-line-2)!important;color:var(--pro-ink)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}
/* الشريط النحيف */
html:root:not(#_) body.gnav-min .gnav{width:72px!important}
html:root:not(#_) body.gnav-min .gnav-item{justify-content:center;padding:4px 0!important;min-height:46px}
html:root:not(#_) body.gnav-min .gnav-item .gi{width:40px!important;height:40px!important;border-radius:13px!important;font-size:17px}
html:root:not(#_) body.gnav-min .gnav-item.on{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html:root:not(#_) body.gnav-min .gnav-item.on::before{inset-inline-start:-6px!important}
html:root:not(#_) body.gnav-min .gnav-item:hover{transform:none}
html:root:not(#_) body.gnav-min .gnav-grp-t{padding:6px 0 2px!important;margin:6px 14px 2px!important;border-top:1px solid var(--pro-line)!important}

/* ===== الشريط العلوي ===== */
html:root:not(#_) body .topbar{background:var(--pro-glass)!important;border:1px solid var(--pro-line-2)!important;border-radius:22px!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(18px) saturate(1.2)}
html:root:not(#_) body .tb-title{gap:12px!important}
html:root:not(#_) body .tb-ti{display:grid!important;place-items:center;width:40px!important;height:40px!important;border-radius:13px!important;background:radial-gradient(120% 120% at 30% 15%,rgba(236,208,143,.26),rgba(201,164,92,.06))!important;border:1px solid rgba(201,164,92,.42)!important;box-shadow:0 6px 16px rgba(201,164,92,.14),inset 0 1px 0 rgba(255,255,255,.16)!important;font-size:17px}
html:root:not(#_) body .tb-tt b{font-size:15.5px!important;font-weight:700!important;color:var(--pro-ink)!important;letter-spacing:.1px}
html:root:not(#_) body .tb-tt small{color:var(--pro-mut)!important;font-size:11.5px!important}
html:root:not(#_) body .topbar .search{border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--pro-line-2)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)!important;transition:border-color .18s,box-shadow .18s}
html[data-theme=light]:root:not(#_) body .topbar .search{background:rgba(255,255,255,.75)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)!important}
html:root:not(#_) body .topbar .search:focus-within{border-color:rgba(201,164,92,.55)!important;box-shadow:0 0 0 4px rgba(201,164,92,.12)!important}
@media (min-width:900px){html:root:not(#_) body .tb-actions{gap:6px!important;padding:4px!important;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid var(--pro-line)}}
@media (min-width:900px){html:root:not(#_) body .tb-actions>button,html:root:not(#_) body .tb-actions .tb-i{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center;background:transparent!important;border:1px solid transparent!important;transition:background .16s,border-color .16s,transform .16s}}
@media (min-width:900px){html:root:not(#_) body .tb-actions>button:hover,html:root:not(#_) body .tb-actions .tb-i:hover{background:var(--pro-tile)!important;border-color:var(--pro-line-2)!important;transform:translateY(-1px)}}
@media (min-width:900px){html:root:not(#_) body .tb-sep{width:1px!important;height:22px!important;background:var(--pro-line-2)!important;margin:0 4px!important}}
html:root:not(#_) body .topbar .chip.on,html:root:not(#_) body .topbar .chip.gold{background:rgba(201,164,92,.16)!important;border-color:rgba(201,164,92,.45)!important;color:var(--pro-gold-2)!important}

/* ===== ركن الحساب والساعة ===== */
html:root:not(#_) body .corner{background:var(--pro-glass)!important;border:1px solid var(--pro-line-2)!important;border-radius:22px!important;box-shadow:var(--pro-shadow)!important}
html:root:not(#_) body .c-prof .gav{width:40px!important;height:40px!important;border-radius:13px!important;background:radial-gradient(120% 120% at 30% 15%,#f3d99a,#b98a3c)!important;color:#2a1d07!important;font-weight:800!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 6px 16px rgba(201,164,92,.3)!important}
html:root:not(#_) body .c-who b{color:var(--pro-ink)!important;font-weight:700!important}
html:root:not(#_) body .c-time{color:var(--pro-ink)!important;font-weight:800!important;letter-spacing:.3px}
html:root:not(#_) body .c-date{color:var(--pro-mut)!important}
html:root:not(#_) body .c-day{color:var(--pro-gold-2)!important}

/* ===== شريط الجوال السفلي و«المزيد» ===== */
html:root:not(#_) body .mnav{background:var(--pro-glass)!important;border:1px solid var(--pro-line-2)!important;box-shadow:0 -10px 34px rgba(0,0,0,.4)!important;backdrop-filter:blur(18px)}
html:root:not(#_) body .mnav button{border-radius:14px!important;color:var(--pro-mut)!important;transition:color .16s,background .16s}
html:root:not(#_) body .mnav button .i{display:grid;place-items:center;width:36px;height:30px;border-radius:11px;transition:background .16s}
html:root:not(#_) body .mnav button.on{color:var(--pro-gold-2)!important}
html:root:not(#_) body .mnav button.on .i{background:radial-gradient(120% 120% at 30% 15%,rgba(236,208,143,.3),rgba(201,164,92,.08));box-shadow:inset 0 0 0 1px rgba(201,164,92,.45),0 4px 14px rgba(201,164,92,.2)}
html:root:not(#_) body .more-item{border-radius:14px!important}
html:root:not(#_) body .more-item .i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--pro-tile);border:1px solid var(--pro-line-2);box-shadow:0 3px 10px rgba(0,0,0,.22)}
@media (prefers-reduced-motion:reduce){html:root:not(#_) body .gnav-item,html:root:not(#_) body .tb-actions>button{transition:none!important}html:root:not(#_) body .gnav-item:hover{transform:none}}
html:root:not(#_) body .gnav-item .gi .ico{width:19px!important;height:19px!important}
html:root:not(#_) body.gnav-min .gnav-item .gi .ico{width:22px!important;height:22px!important}
html:root:not(#_) body .tb-ti .ico{width:21px!important;height:21px!important}
html:root:not(#_) body .mnav button .i .ico{width:21px!important;height:21px!important}
html:root:not(#_) body .gnav-head b,html:root:not(#_) body .gnav-head strong,html:root:not(#_) body .gnav-head .gname{color:var(--pro-ink)!important}
html:root:not(#_) body .gnav-head small{color:var(--pro-mut)!important}
html[data-theme=light]:root:not(#_) body .gnav-grp-t .gnav-n{color:#8a5710!important;background:rgba(201,164,92,.16)!important}
html[data-theme=light]:root:not(#_) body .gnav-item .gi{box-shadow:0 3px 10px rgba(80,52,12,.12),inset 0 1px 0 #fff!important}
html:root:not(#_) body .c-who small,html:root:not(#_) body .c-who span{color:var(--pro-mut)!important}
html[data-theme=light]:root:not(#_) body .c-day{color:#7a4d0c!important}
html[data-theme=light]:root:not(#_) body .c-date{color:#5e584d!important}