/* Compact phone navigation; inherits light and dark app variables. */
#bo854-more-backdrop{position:fixed;inset:0;z-index:600;display:none}
@media(max-width:820px){
 #appShell[data-role="owner"] #sidebar,#appShell[data-role="admin"] #sidebar,#appShell[data-role="manufacturer"] #sidebar{display:none!important}
 #bo854-more-backdrop{display:block}
 .bo854-more-scrim{position:absolute;inset:0;background:rgba(6,20,40,.56)}
 .bo854-more-sheet{position:absolute;bottom:0;left:0;right:0;max-height:min(82dvh,690px);overflow:auto;
  padding:8px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;
  background:var(--surface);color:var(--text);box-shadow:0 -12px 50px rgba(5,18,41,.18)}
 .bo854-more-handle{width:36px;height:4px;border-radius:30px;background:var(--line);margin:0 auto 10px}
 .bo854-more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
 .bo854-more-head h2{font-size:1.12rem;margin:0;font-weight:800;letter-spacing:-.025em}
 .bo854-more-close{width:38px;height:38px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);
  border-radius:12px;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer}
 .bo854-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .bo854-more-item{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;
  background:var(--surface-2);color:var(--text);text-align:left;min-height:59px;cursor:pointer}
 .bo854-more-item strong{font-size:.79rem;font-weight:760;line-height:1.25;overflow-wrap:anywhere}
 .bo854-more-item>span{width:20px;height:20px;flex:0 0 20px;color:var(--info);display:grid;place-items:center}
 .bo854-more-item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
 .bo854-more-item:focus-visible,.bo854-more-close:focus-visible,.bo854-more-logout:focus-visible{outline:3px solid var(--info);outline-offset:2px}
 .bo854-more-logout{margin-top:14px;padding:13px;width:100%;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:12px;font-size:.85rem;font-weight:750;cursor:pointer}
 /* No redundant agent links; the prominent hero and five bottom tabs already provide these routes. */
 #appShell[data-role="agent"] #mainContent .bo853-shortcut{display:none!important}
 #appShell[data-role="agent"] .bo85-hero-kicker{display:none!important}
}
@media(max-width:350px){.bo854-more-item{min-height:54px;padding:9px 7px;gap:7px}.bo854-more-item strong{font-size:.73rem}}
@media(min-width:821px){#bo854-more-backdrop{display:none!important}}
@media (max-width:820px){
 /* Owner/Admin workspace stays compact and operational instead of using a large desktop banner. */
 #appShell[data-role="owner"] .page-head,
 #appShell[data-role="admin"] .page-head{
  background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important;
  border:1px solid var(--line)!important;border-radius:15px!important;
  padding:15px!important;min-height:0!important;gap:10px!important;margin-bottom:15px!important;
 }
 #appShell[data-role="owner"] .page-head::before,
 #appShell[data-role="owner"] .page-head::after,
 #appShell[data-role="admin"] .page-head::before,
 #appShell[data-role="admin"] .page-head::after{display:none!important}
 #appShell[data-role="owner"] .page-head h1,
 #appShell[data-role="admin"] .page-head h1{font-size:1.33rem!important;color:var(--text)!important;line-height:1.2!important}
 #appShell[data-role="owner"] .page-head p,
 #appShell[data-role="admin"] .page-head p{display:none!important}
 #appShell[data-role="owner"] .page-head .actions,
 #appShell[data-role="admin"] .page-head .actions{width:100%!important;margin:0!important}
 #appShell[data-role="owner"] .page-head .btn.primary,
 #appShell[data-role="admin"] .page-head .btn.primary{background:#1756a2!important;border-color:#1756a2!important;color:#fff!important;min-height:43px!important}
 #appShell[data-role="owner"] .content,
 #appShell[data-role="admin"] .content{padding:12px 12px calc(103px + env(safe-area-inset-bottom))!important}
 #appShell[data-role="owner"] .section-heading>div>p,
 #appShell[data-role="admin"] .section-heading>div>p{display:none!important}
}