/* Uses the application's light tokens and their existing charcoal dark aliases. */
.sw-navigation-panel,.sw-notification-panel{box-sizing:border-box;max-block-size:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;white-space:normal}
.desktop-nav .sw-navigation-panel{inline-size:310px;max-inline-size:calc(100vw - 32px);inset-inline-start:auto;inset-inline-end:0}
.sw-navigation-panel .sw-nav-link{display:flex;align-items:center;min-block-size:44px;padding:8px 12px;border-radius:7px;text-align:start;overflow-wrap:anywhere;box-sizing:border-box}
.sw-nav-section{padding:4px 0;border-block-end:1px solid var(--silkway-border)}
.sw-nav-section summary,.sw-finance-nav-section summary{cursor:pointer;min-block-size:44px;box-sizing:border-box;padding:10px 12px;font-weight:650;text-align:start;color:var(--silkway-brown)}
.sw-nav-section-links{padding-inline-start:12px}
.app-header .is-active > .dropdown-summary,.app-header .sw-main-link.is-active{box-shadow:inset 0 -3px var(--sw-accent,var(--silkway-green))}
.app-header .sw-nav-link.is-active,html[data-sw-theme="dark"] .app-header .sw-nav-link.is-active{background:var(--silkway-bg);color:var(--silkway-brown);font-weight:750;border-inline-start:3px solid var(--sw-accent,var(--silkway-green))}
.sw-menu-section-title{font-size:.78rem;font-weight:700;color:var(--silkway-muted);margin:0;padding:12px 14px 6px;border-block-start:1px solid var(--silkway-border)}
.profile-identity .sw-menu-section-title{padding:0 0 8px;border:0}
.sw-notification-panel{inline-size:340px;max-inline-size:calc(100vw - 24px);inset-inline-start:auto;inset-inline-end:0}
.sw-notification-panel form{padding:8px 12px}
.sw-notification-list{list-style:none;padding:0 14px;margin:0}
.sw-notification-list li{padding:10px 0;border-block-end:1px solid var(--silkway-border);overflow-wrap:anywhere;color:var(--silkway-brown);font-size:.88rem}
.sw-notification-list time{display:block;font-size:.75rem;color:var(--silkway-muted);margin-block-start:5px}
.sw-notifications summary{list-style:none;cursor:pointer}
.sw-notifications summary::-webkit-details-marker{display:none}
.app-header :is(a,summary,button,input):focus-visible{outline:3px solid var(--sw-accent,var(--silkway-green));outline-offset:2px}
.app-header .profile-panel :is(a,button){min-block-size:44px}
/* Switch before the full desktop row becomes cramped, including Arabic labels. */
@media(max-width:1390px){.app-header .desktop-shell{display:none}.app-header .mobile-shell{display:flex}.mobile-menu-panel{inline-size:min(380px,calc(100vw - 24px));max-inline-size:calc(100vw - 24px);max-block-size:calc(100dvh - 90px);overflow:auto;box-sizing:border-box}.sw-mobile-group{border-block-end:1px solid var(--silkway-border)}.sw-mobile-group > summary{min-block-size:44px;box-sizing:border-box;cursor:pointer;padding:12px;color:var(--silkway-brown);text-align:start}.mobile-menu-panel .sw-navigation-panel{max-block-size:none;overflow:visible;padding:0 4px 10px}.mobile-menu-panel > .sw-main-link{display:flex;align-items:center;min-block-size:44px;color:var(--silkway-brown);padding:8px 12px}.mobile-menu-panel .sw-mobile-group > summary:hover{background:var(--silkway-bg)}}
.desktop-nav .nav-group > .sw-navigation-panel{inset-inline-start:auto;inset-inline-end:0}
@media(max-width:1390px){
  .app-header .mobile-shell{min-height:70px;align-items:center;gap:7px;direction:ltr}
  .mobile-menu{order:0;flex:0 0 auto}.mobile-brand{order:1}.mobile-actions{order:2}
  .mobile-menu-panel{background:var(--silkway-surface);color:var(--silkway-brown);border-color:var(--silkway-border)}
  .mobile-shell :is(.profile-panel,.sw-notification-panel){right:0;left:auto;inset-inline-start:auto;inset-inline-end:auto;max-width:calc(100vw - 16px)}
  [dir="rtl"] :is(.mobile-menu-panel,.mobile-shell .profile-panel,.mobile-shell .sw-notification-panel){direction:rtl;text-align:right}
  [dir="ltr"] :is(.mobile-menu-panel,.mobile-shell .profile-panel,.mobile-shell .sw-notification-panel){direction:ltr;text-align:left}
}
.app-header :is(.notification-bell,.profile-toggle,.mobile-menu-toggle,.mobile-new-order){min-inline-size:44px;min-block-size:44px}