/* NGI V17 — Branch Apps architecture + lightweight branch shell */
:root{--v17-accent:#15986f;--v17-navy:#10364d;--v17-soft:#f6f8fa}
body.app-sadat{--v17-accent:#2f9a67;--v17-navy:#17374c}
body.app-shebin{--v17-accent:#78a53b;--v17-navy:#24384f}
body.app-central{--v17-accent:#15986f;--v17-navy:#10364d}
body.app-sadat .workspace>header,body.app-shebin .workspace>header,body.app-central .workspace>header{backdrop-filter:none!important;box-shadow:0 1px 0 rgba(16,54,77,.08)!important}
body.app-sadat #appSidebar,body.app-shebin #appSidebar,body.app-central #appSidebar{background:var(--v17-navy)!important}
body.app-sadat #appSidebar .brand b,body.app-shebin #appSidebar .brand b,body.app-central #appSidebar .brand b{color:#d8ff8f!important}
body.app-sadat .home-hero-v152,body.app-shebin .home-hero-v152{min-height:150px!important;background:linear-gradient(135deg,var(--v17-navy),#174e61)!important}
body.app-shebin .home-hero-v152{background:linear-gradient(135deg,#24384f,#355d55)!important}
body.app-sadat .home-hero-v152 .hero-logo-stack img,body.app-shebin .home-hero-v152 .hero-logo-stack img{width:72px!important;height:72px!important;object-fit:contain!important}
body.app-shebin .mobilebrand img,body.app-shebin #appSidebar .brand>img{object-fit:contain;background:#fff;border-radius:10px;padding:3px}
body.app-sadat .global span,body.app-shebin .global span{color:var(--v17-navy)!important}
body.app-sadat .eyebrow,body.app-shebin .eyebrow{color:var(--v17-accent)!important}
body.app-sadat .btn:not(.dark),body.app-shebin .btn:not(.dark),body.app-sadat button:not(.dark),body.app-shebin button:not(.dark){transition:none!important}
body.app-sadat .home-kpis>a,body.app-shebin .home-kpis>a{box-shadow:none!important;border:1px solid #e5e9ed!important}
body.app-sadat .panel,body.app-shebin .panel{box-shadow:none!important;border:1px solid #e7ebef!important}
body.app-sadat .quickgrid a,body.app-shebin .quickgrid a{box-shadow:none!important}
/* Branch apps are focused: no branch switching UI should dominate branch screens. */
body.app-sadat select[name="branch"],body.app-shebin select[name="branch"]{pointer-events:none;background:#f4f7f8;color:#5e6d76}
/* Keep initial mobile screen compact and app-like. */
@media(max-width:760px){
  body.app-sadat .wrap,body.app-shebin .wrap{padding:12px!important;padding-bottom:84px!important}
  body.app-sadat .home-hero-v152,body.app-shebin .home-hero-v152{padding:16px!important;border-radius:18px!important;min-height:auto!important}
  body.app-sadat .home-hero-v152 .hero-copy h1,body.app-shebin .home-hero-v152 .hero-copy h1{font-size:24px!important;margin:5px 0!important}
  body.app-sadat .home-hero-v152 .hero-copy p,body.app-shebin .home-hero-v152 .hero-copy p{font-size:13px!important;margin:4px 0 8px!important}
  body.app-sadat .home-hero-v152 .hero-logo-stack,body.app-shebin .home-hero-v152 .hero-logo-stack{min-width:84px!important}
  body.app-sadat .home-kpis,body.app-shebin .home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.app-sadat .home-kpis>a,body.app-shebin .home-kpis>a{min-height:82px!important;padding:10px!important;border-radius:14px!important}
  body.app-sadat .home-kpis>a>span,body.app-shebin .home-kpis>a>span{font-size:18px!important}
  body.app-sadat .home-kpis a b,body.app-shebin .home-kpis a b{font-size:20px!important}
  body.app-sadat .command-search-hub,body.app-shebin .command-search-hub{padding:14px!important}
  body.app-sadat .choice-hub,body.app-shebin .choice-hub{padding:12px!important}
  body.app-sadat .dashboardgrid,body.app-shebin .dashboardgrid{gap:10px!important}
  body.app-sadat .global small,body.app-shebin .global small{display:none!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}