/* نَسَق (NASAQ) — Copyright (c) 2026 Mohammed S. Ellouh. All rights reserved.
   ملكية خاصة: يُمنع النسخ أو التعديل أو إعادة النشر أو التقليد دون إذن كتابي. انظر ملف LICENSE. */
/* نمط التنقل العلوي — يُفعَّل بـ data-nav="top" (نَسَق 360 اليوم؛ أي طابع يستعمله بسطر في NASAQ_THEMES).
   بنية فقط: الألوان من ملف الطابع. */
@layer layouts{
:root[data-nav="top"]{--tb-h:72px}
:root[data-nav="top"] .app{display:block}
:root[data-nav="top"] .sidenav{position:fixed;top:0;inset-inline:0;height:var(--tb-h);z-index:60;flex-direction:row;align-items:center;gap:clamp(14px,2.4vw,36px);padding:0 clamp(20px,4.5vw,64px);overflow:visible}
:root[data-nav="top"] .sidenav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
:root[data-nav="top"] .sidenav.tb-hidden{translate:0 calc(-1 * var(--tb-h) - 4px)}
:root[data-nav="top"] .sidenav-brand{padding:0;flex:none}
:root[data-nav="top"] .sidenav .brand-latin{display:none}
:root[data-nav="top"] .sidenav .tabbar{flex-direction:row;gap:var(--sp-1)}
:root[data-nav="top"] .sidenav .tab{width:auto;padding:var(--sp-2) var(--sp-3)}
:root[data-nav="top"] .sidenav .tab .ic{display:none}
:root[data-nav="top"] .side-today{display:none}
:root[data-nav="top"] .sidenav-foot{margin:0;margin-inline-start:auto;flex-direction:row;align-items:center;gap:var(--sp-3);min-width:0}
:root[data-nav="top"] .sidenav .tabbar-sync{max-width:240px;padding:var(--sp-1) var(--sp-3);flex-wrap:nowrap}
:root[data-nav="top"] .sidenav .tabbar-sync #syncMsg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
:root[data-nav="top"] .sidenav .tabbar-sync :is(#syncTime,#stateNote){display:none}
:root[data-nav="top"] .sidenav-actions{align-items:center;gap:var(--sp-2)}
:root[data-nav="top"] .sidenav .icon-btn{width:38px;height:38px}
:root[data-nav="top"] .top-add{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--sp-4)}
:root[data-nav="top"] .content{padding-top:calc(var(--tb-h) + var(--sp-5))}
@media (max-width:1180px){
  :root[data-nav="top"] .sidenav .tabbar-sync{display:none}
}
@media (max-width:999px){
  :root[data-nav="top"]{--tb-h:56px}
  :root[data-nav="top"] .sidenav{padding:0 var(--sp-3);gap:var(--sp-2)}
  :root[data-nav="top"] .top-add{display:none}
  :root[data-nav="top"] .sidenav .tabbar{flex-direction:row}
  :root[data-nav="top"] .sidenav .tab{flex:1;flex-direction:column;gap:3px;padding:var(--sp-2) var(--sp-1)}
  :root[data-nav="top"] .sidenav .tab .ic{display:block}
  :root[data-nav="top"] .content{padding-top:calc(var(--tb-h) + var(--sp-3))}
}
}