.navbar{position:sticky;top:0;z-index:var(--z-sticky);width:100%;height:var(--header-h-mob);background:rgba(10,10,10,.75);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--line);transition:background var(--tr)}@media (min-width:768px){.navbar{height:var(--header-h)}}.navbar.scrolled{background:rgba(5,5,5,.92);box-shadow:var(--shadow-md)}.navbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold);text-decoration:none;letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.nav-brand-mark{width:32px;height:32px;flex-shrink:0;background:var(--grad-gold);border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-gold);font-weight:var(--weight-black);font-size:var(--text-md);box-shadow:0 4px 12px rgba(227,173,67,.3)}.nav-brand:hover{color:var(--gold-light)}.nav-links{display:none;align-items:center;gap:var(--space-1)}@media (min-width:1024px){.nav-links{display:flex}}.nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);color:var(--text-soft);font-weight:var(--weight-medium);font-size:var(--text-sm);text-decoration:none;border-radius:var(--r-md);transition:all var(--tr-fast);position:relative}.nav-link:hover{color:var(--gold);background:var(--gold-soft)}.nav-link.active{color:var(--gold)}.nav-link.active::after{content:'';position:absolute;bottom:-2px;inset-inline:var(--space-4);height:2px;background:var(--grad-gold-line);border-radius:var(--r-pill)}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.lang-switcher{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface-1);border-radius:var(--r-pill);overflow:hidden;height:36px}.lang-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:100%;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-decoration:none;text-transform:uppercase;transition:all var(--tr-fast)}.lang-switcher a:hover{color:var(--gold)}.lang-switcher a.active{background:var(--gold-soft);color:var(--gold)}.user-menu{position:relative}.user-menu-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;transition:all var(--tr-fast);min-height:36px}.user-menu-btn:hover{border-color:var(--gold)}.user-menu-avatar{width:28px;height:28px;border-radius:50%;background:var(--grad-gold);color:var(--text-on-gold);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs)}.user-menu-name{display:none;font-size:var(--text-sm);color:var(--text);font-weight:var(--weight-medium);padding-inline-end:var(--space-2)}@media (min-width:768px){.user-menu-name{display:inline}}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));inset-inline-end:0;min-width:220px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-xl);padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--tr-fast);z-index:var(--z-dropdown)}.user-menu.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-dropdown a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--text-soft);text-decoration:none;border-radius:var(--r-sm);font-size:var(--text-sm);transition:all var(--tr-fast)}.user-menu-dropdown a:hover{background:var(--gold-soft);color:var(--gold)}.user-menu-dropdown .divider{height:1px;background:var(--line);margin:var(--space-2) 0}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border-radius:var(--r-md);background:0 0;border:1px solid var(--line);cursor:pointer;transition:all var(--tr-fast);position:relative}@media (min-width:1024px){.hamburger{display:none}}.hamburger-lines{display:flex;flex-direction:column;gap:5px;width:22px}.hamburger-lines span{height:2px;background:var(--gold);border-radius:var(--r-pill);transition:all var(--tr);transform-origin:center}.hamburger.active .hamburger-lines span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger-lines span:nth-child(2){opacity:0}.hamburger.active .hamburger-lines span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--tr)}.drawer-overlay.active{opacity:1;visibility:visible}.drawer{position:fixed;top:0;inset-inline-end:0;height:100dvh;width:88%;max-width:360px;background:var(--ink);border-inline-start:1px solid var(--line);z-index:calc(var(--z-overlay) + 1);transform:translateX(100%);transition:transform var(--tr-slow);overflow-y:auto;display:flex;flex-direction:column}[dir=rtl] .drawer{transform:translateX(-100%)}.drawer.active{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-4)}.drawer-body nav{display:flex;flex-direction:column;gap:var(--space-1)}.drawer-body nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:var(--touch);color:var(--text-soft);text-decoration:none;border-radius:var(--r-md);font-weight:var(--weight-medium);transition:all var(--tr-fast)}.drawer-body nav a.active,.drawer-body nav a:hover{background:var(--gold-soft);color:var(--gold)}.drawer-body nav a.active{border-inline-start:3px solid var(--gold)}.drawer-foot{padding:var(--space-4);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-3)}.footer{margin-top:var(--space-9);padding:var(--space-7) 0 max(var(--space-5),env(safe-area-inset-bottom,0px));background:var(--ink-deep);border-top:1px solid var(--line);position:relative}.footer::before{content:'';position:absolute;top:0;inset-inline:0;height:1px;background:var(--grad-gold-line);opacity:.5}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}.footer-col .footer-heading{font-size:var(--text-sm);color:var(--gold);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-display)}.footer-col p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-col ul a{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--tr-fast)}.footer-col ul a:hover{color:var(--gold)}.footer-social{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);transition:all var(--tr-fast)}.footer-social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--line);text-align:center;color:var(--text-muted);font-size:var(--text-xs)}@media (min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:start}}
/* Bell/notification component — shared navbar (moved here from customer_dashboard.css so it styles the navbar bell in ALL layouts, incl. admin). Bellfix 2026-07-10. */
.bell-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.bell-list::-webkit-scrollbar{width:6px}.bell-list::-webkit-scrollbar-track{background:0 0}.bell-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:3px}@media (max-width:767px){.bell-dropdown.is-open{transform:translateY(0)}}.navbar-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:var(--text-soft,#d1d5db);background:0 0;border:1px solid transparent;text-decoration:none;transition:all .18s ease;margin:0 var(--space-2,8px)}.navbar-bell:hover{background:rgba(227,173,67,.08);color:var(--gold,#e3ad43);border-color:rgba(227,173,67,.18)}.navbar-bell.active{background:rgba(227,173,67,.1);color:var(--gold,#e3ad43)}.navbar-bell-badge{position:absolute;top:4px;inset-inline-end:4px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger,#ef4444);color:#fff;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;border-radius:100px;border:1.5px solid var(--ink,#0a0a0a)}.bell-wrapper{position:relative}.bell-wrapper .navbar-bell{background:0 0;border:1px solid transparent;cursor:pointer;padding:0}.bell-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:380px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#161616 0,#0d0d0d 100%);border:1px solid rgba(227,173,67,.2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(227,173,67,.05);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:9000;overflow:hidden}.bell-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.bell-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.bell-dropdown-title{font-size:14px;font-weight:600;color:#f5f5f5;display:flex;align-items:center;gap:8px}.bell-dropdown-count{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gold-light,#fedb92);background:rgba(227,173,67,.12);padding:2px 8px;border-radius:999px;font-weight:500}.bell-mark-all{background:0 0;border:none;color:var(--gold,#e3ad43);font-size:11px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.bell-mark-all:hover{background:rgba(227,173,67,.1)}.bell-list{max-height:380px;overflow-y:auto;padding:4px 0}.bell-empty{padding:36px 24px;text-align:center}.bell-empty-icon{font-size:36px;opacity:.4;margin-bottom:8px}.bell-empty-text{font-size:12px;color:rgba(255,255,255,.4)}.bell-notif{display:flex;gap:12px;padding:12px 16px;cursor:pointer;position:relative;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.bell-notif:last-child{border-bottom:none}.bell-notif:hover{background:rgba(255,255,255,.03)}.bell-notif.is-unread{background:rgba(227,173,67,.04)}.bell-notif-dot{position:absolute;top:16px;inset-inline-start:6px;width:6px;height:6px;border-radius:50%;background:var(--gold,#e3ad43);box-shadow:0 0 6px rgba(227,173,67,.6)}.bell-notif-icon{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border-radius:8px;font-size:16px}.bell-notif-body{flex:1;min-width:0}.bell-notif-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.bell-notif-badge{font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.6)}.bell-notif-badge.type-action{background:rgba(239,68,68,.15);color:#ef4444}.bell-notif-badge.type-tip{background:rgba(227,173,67,.15);color:#fedb92}.bell-notif-badge.type-news{background:rgba(96,165,250,.15);color:#60a5fa}.bell-notif-time{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.4)}.bell-notif-title{font-size:13px;font-weight:600;color:#f5f5f5;margin-bottom:2px}.bell-notif-text{font-size:11px;color:rgba(255,255,255,.55);line-height:1.5}.bell-dropdown-foot{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);color:var(--gold,#e3ad43);text-decoration:none;font-size:12px;font-weight:500;transition:background .15s}.bell-dropdown-foot:hover{background:rgba(227,173,67,.06)}@media (max-width:640px){.bell-dropdown{position:fixed;top:70px;inset-inline-start:8px;inset-inline-end:8px;width:auto;max-width:none;max-height:calc(100vh - 80px)}.bell-list{max-height:60vh}}.bell-notif.is-read{opacity:.55}.bell-notif.is-unread{border-color:rgba(227,173,67,.18)}

/* 2026-07-23 navfit — the 7th nav item (Setup Guide) made the desktop link
   row overflow the 1024px-wide container (worst in Arabic: +77px). Tighten
   link padding only on narrow desktops; ≥1200px keeps the original look. */
@media (min-width:1024px) and (max-width:1199.98px){.nav-link{padding-inline:var(--space-2)}}