/* Signed-in mobile navigation: one opaque bar and a nonmodal, scrollable sheet. */
.king-mobile-shell{display:none}
@media(max-width:767px){
  .king-mobile-shell{display:block;--king-mobile-height:calc(72px + env(safe-area-inset-bottom,0px))}
  .king-mobile-backdrop:not([hidden]){position:fixed;inset:0;z-index:78;background:#0009}
  .king-mobile-bar{position:fixed;inset:auto 0 0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--king-mobile-height);padding:3px 4px env(safe-area-inset-bottom,0px);background:var(--king-nav-shell,#141414);border-top:1px solid var(--king-divider,#ffffff22)}
  .king-mobile-bar-link{display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;background:transparent;color:var(--king-text,#f0eee7);font-size:11px;text-decoration:none;cursor:pointer;transition:opacity .15s ease-out}
  .king-mobile-bar-link:hover{opacity:.75}.king-mobile-bar-link:focus-visible,.king-mobile-sheet-link:focus-visible,.king-mobile-sheet-close:focus-visible{outline:2px solid #D8B965;outline-offset:-2px}
  .king-mobile-bar-link .king-nav-bezel,.king-mobile-sheet-link .king-nav-bezel{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px}
  .king-mobile-bar-link.king-mobile-selected{color:#D8B965}
  .king-mobile-crown{display:grid;place-items:center;width:60px;height:60px;flex:none}.king-mobile-crown img{display:block;width:60px;height:60px;max-width:none;object-fit:contain;filter:drop-shadow(0 4px 6px #0008)}
  .king-mobile-sheet{position:fixed;left:8px;right:8px;bottom:calc(var(--king-mobile-height) + 8px);z-index:79;max-height:min(65dvh,calc(100dvh - var(--king-mobile-height) - 32px));overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--king-divider,#ffffff22);border-radius:16px;background:var(--king-nav-shell,#141414);color:var(--king-text,#f0eee7);box-shadow:0 12px 30px #0008;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s}
  .king-mobile-sheet[aria-hidden="false"]{visibility:visible;opacity:1;transform:none}
  .king-mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;border-bottom:1px solid var(--king-divider,#ffffff22)}
  .king-mobile-sheet-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;cursor:pointer}
  .king-mobile-sheet-list{display:grid;gap:2px;padding-top:8px}.king-mobile-sheet-link{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:4px 10px;border:0;border-radius:12px;background:transparent;color:inherit;text-decoration:none;text-align:left;font:inherit;cursor:pointer}.king-mobile-sheet-link:hover{background:var(--king-control,#ffffff12)}.king-mobile-sheet-link.king-mobile-selected{color:#D8B965}
  body:has(.king-mobile-shell) #king-main,body:has(.king-mobile-shell) #portal-main,body:has(.king-mobile-shell) .kp-live .main{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  body:has(.king-mobile-shell) #king-main{padding-top:0}
  body:has(.king-mobile-shell) #king-mobile-drawer,body:has(.king-mobile-shell) #king-mobile-toggle,body:has(.king-mobile-shell) .king-mobile-bottom,body:has(.king-mobile-shell) #portal-bottom-nav,body:has(.king-mobile-shell) .kp-live .mobile-bottom-nav{display:none!important}
  body:has(.king-mobile-shell) #king-main>.md\:hidden.fixed,body:has(.king-mobile-shell) #king-main>.king-mobile-topbar{display:none!important}
  body:has(.king-mobile-shell) .kp .mobile-bottom-nav,body:has(.king-mobile-shell) .kpc .mobile-nav{display:none!important}
  body:has(.king-mobile-shell) .kp .mobile-toggle,body:has(.king-mobile-shell) .kpc .mobile-toggle{display:none!important}
  body:has(.king-mobile-shell) .kp .main,body:has(.king-mobile-shell) .kpc main{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  /* First-paint baseline for the standard company shell before runtime utilities arrive. */
  body.king-company-context #king-sidebar{display:none}
  body.king-company-context #king-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}
  body.king-company-context #king-main>div:last-child{flex:1;min-width:0;padding-top:24px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  body.king-company-context #king-main>div:last-child>main>div{width:100%;min-width:0;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}
  body.king-company-context #king-main .king-test-banner-wrap[hidden]{display:none!important}
  /* Low-specificity first-frame primitives only for runtime-utility layouts. */
  :where(body.king-company-context, body:has(#portal-main)) main{min-width:0}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.overflow-x-auto){overflow-x:auto}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.flex){display:flex}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.flex-col){flex-direction:column}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.flex-wrap){flex-wrap:wrap}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.items-center){align-items:center}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.justify-between){justify-content:space-between}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.w-full){width:100%}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.min-w-0){min-width:0}
  :where(body.king-company-context, body:has(#portal-main)) main :where(.hidden){display:none}
  body.king-company-context:has(#customers) #king-main main [data-controller~="filter-panel"]{width:100%;min-width:0}
  body.king-company-context:has(#customers) #king-main main [data-controller~="filter-panel"]>div:first-child{padding:24px;margin-bottom:24px}
  body.king-company-context:has(#customers) #king-main main [data-controller~="filter-panel"]>div:first-child>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
  body.king-company-context:has(#customers) #king-main main [data-controller~="filter-panel"] .overflow-x-auto{overflow-x:auto}
  body.king-company-context:has(#customers) #king-main main th.hidden,body.king-company-context:has(#customers) #king-main main td.hidden{display:none}
  body.king-company-context:has(#customers) #king-main main [data-filter-panel-target="panel"].hidden{display:none}
}
@media(min-width:768px) and (max-width:1020px){
  .kp-live .mobile-bottom-nav{display:none!important}
}
@media(prefers-reduced-motion:reduce){.king-mobile-sheet,.king-mobile-bar-link{transition:none!important}}