/* ==========================================================================
   BSCRA web app suite — shared Switch App menu + phone status-bar tint
   /public_html/shared/app-switcher.css   (markup: render_app_switcher() in
   shared/app-header.php, behavior: shared/app-header.js)

   Used by every app. Apps on the shared topbar also load app-header.css;
   the Net Logger consoles keep their own topbar and load only this file.
   ========================================================================== */

/* ---------- Switch App menu ---------- */
.app-switcher-wrap{position:relative}
#app-switcher-menu{
  position:absolute;right:0;top:calc(100% + 6px);z-index:50;
  min-width:280px;white-space:nowrap;overflow:hidden;
  background:#1E261A;border:1px solid #4F5E47;border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
  font-family:Arial,Helvetica,sans-serif;
}
.asm-item{display:flex;align-items:center;gap:9px;padding:10px 14px;font-size:12px;color:#D9D3C3;text-decoration:none;border-bottom:1px solid #3E4A36}
.asm-item:last-child,.asm-item--last-app{border-bottom:none}
.asm-item--current{color:#EBB969;font-weight:700}
.asm-item--account{border-top:1px solid #4F5E47}
/* Uniform icon column so every label lines up */
.asm-item > svg{flex:0 0 18px;width:18px;height:15px}

/* Phone layout, applied by app-header.js: pinned to the viewport with an
   even 12px gutter, larger text and 46px rows */
#app-switcher-menu.asm-mobile{min-width:0;max-width:none;white-space:normal;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:1000}
#app-switcher-menu.asm-mobile .asm-item{padding:12px 16px;font-size:14px;gap:12px;min-height:46px;line-height:1.3}
#app-switcher-menu.asm-mobile .asm-item > svg{flex-basis:20px;width:20px;height:17px}

/* Navy menu — ALERT console (and User Management opened from it) */
#app-switcher-menu.asm-navy{background:#0d1926;border-color:#29405c}
#app-switcher-menu.asm-navy .asm-item{color:#c3ccd8;border-bottom-color:#1e2d42}
#app-switcher-menu.asm-navy .asm-item:last-child,#app-switcher-menu.asm-navy .asm-item--last-app{border-bottom:none}
#app-switcher-menu.asm-navy .asm-item--current{color:#E2BF6A}
#app-switcher-menu.asm-navy .asm-item--account{border-top-color:#29405c}

/* ---------- Status bar color (iOS Safari 26 / Android) ----------
   Safari 26 ignores theme-color and tints the status bar from a fixed
   element at the top edge; app-header.js adds this strip in the topbar color. */
.status-bar-tint{display:none}
@media (max-width:1024px){
  .status-bar-tint{display:block;position:fixed;top:0;left:0;right:0;height:6px;z-index:2147483000;pointer-events:none}
}
@media print{.status-bar-tint{display:none !important}}