/* P8 V0.1.6. iOS-only floating glass. Original navigation destinations survive.
   One blur surface, not nested animated blurs; the selected lens moves by transform. */
html[data-built-glass="ios"] #builtIOSDock.bottom-nav {
 --glass-max:700px;--glass-height:68px;
 position:fixed!important;inset:auto!important;left:50%!important;right:auto!important;
 bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
 width:min(calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),var(--glass-max))!important;
 min-width:0!important;max-width:var(--glass-max)!important;
 height:var(--glass-height)!important;min-height:var(--glass-height)!important;max-height:var(--glass-height)!important;
 transform:translate3d(-50%,0,0)!important;margin:0!important;padding:6px!important;box-sizing:border-box!important;
 display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:2px!important;
 border:1px solid #727a7d88!important;border-radius:999px!important;
 background:linear-gradient(180deg,#ffffff0f,#ffffff00 48%),#11171dd9!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;backdrop-filter:blur(18px) saturate(1.2)!important;
 box-shadow:inset 0 1px 0 #ffffff30,0 10px 28px #0008!important;
 z-index:70!important;overflow:visible!important;touch-action:none!important;
 -webkit-user-select:none;user-select:none;isolation:isolate;
}
html[data-built-glass="ios"] #builtIOSDock[data-glass-app="business"]{--glass-max:600px;}
html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item {
 position:relative!important;display:flex!important;flex:1 1 0!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:4px!important;
 width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:52px!important;max-height:none!important;
 margin:0!important;padding:4px 1px!important;border:0!important;border-radius:999px!important;
 background:transparent!important;box-shadow:none!important;color:#b8c1c7!important;
 transform:none!important;touch-action:none!important;z-index:1!important;box-sizing:border-box!important;
 transition:color .16s ease-out!important;outline-offset:2px!important;
}
html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item::before,
html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item::after{display:none!important;content:none!important}
html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item:is(.active,[data-glass-preview="true"]){color:#ff812e!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-built-glass="ios"] #builtIOSDock .nav-item :is(.nav-icon,.request-plus){
 position:static!important;display:grid!important;place-items:center!important;
 width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;color:inherit!important;
}
html[data-built-glass="ios"] #builtIOSDock .nav-item :is(.nav-icon,.request-plus)>svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
html[data-built-glass="ios"] #builtIOSDock .nav-item :is([data-nav-label],.nav-icon+span,.request-plus+span){
 position:static!important;display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;background:none!important;transform:none!important;white-space:nowrap!important;
 font:600 clamp(9.5px,2.6vw,11px)/1.2 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:inherit!important;
}
html[data-built-glass="ios"] #builtIOSDock .built-glass-selection{
 position:absolute;left:0;top:5px;bottom:5px;pointer-events:none;z-index:0;border-radius:999px;box-sizing:border-box;
 background:radial-gradient(ellipse at 50% 100%,#ff65003d,transparent 75%),linear-gradient(145deg,#ff893523,#ffffff07);
 border:1px solid #ff852b9e;box-shadow:inset 0 1px 0 #ffc79766,0 0 12px #ff650010;
 transition:transform .28s cubic-bezier(.2,.8,.2,1),width .2s ease-out;will-change:transform;
}
html[data-built-glass="ios"] #builtIOSDock[data-glass-dragging="true"] .built-glass-selection{transition:transform .09s linear,width .09s linear;}
html[data-built-glass="ios"] #builtIOSDock .nav-item:focus-visible{outline:2px solid #ffb17d!important}
html[data-built-glass="ios"] #builtIOSDock .nav-item :is(.built-message-badge,.built-request-notification-badge){
 position:absolute!important;left:calc(50% + 7px)!important;right:auto!important;top:0!important;bottom:auto!important;
 width:auto!important;height:17px!important;min-height:17px!important;min-width:17px!important;max-width:32px!important;
 padding:0 4px!important;margin:0!important;border:1px solid #11181b!important;border-radius:999px!important;transform:none!important;
 background:#ff6500!important;color:white!important;font:700 9px/15px system-ui!important;box-shadow:none!important;
}
html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item[hidden],
html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item[aria-hidden="true"],
html[data-built-glass="ios"] #builtIOSDock [hidden],
html[data-built-glass="ios"] #builtIOSDock.bottom-nav[hidden],
html[data-built-glass="ios"] #builtIOSDock.bottom-nav:not([data-glass-visible="true"]),
html[data-built-glass="ios"] body[data-auth-route="true"] #builtIOSDock,
html[data-built-glass="ios"] body[data-staff-route="true"] #builtIOSDock,
html[data-built-glass="ios"].built-startup-loading #builtIOSDock{display:none!important}
/* iPad no longer inherits a desktop sidebar plus a half-off-screen tablet dock. */
html[data-built-glass="ios"] body .v2-sidebar{display:none!important}
html[data-built-glass="ios"] body .v2-app-shell{grid-template-columns:minmax(0,1fr)!important}
html[data-built-glass="ios"] body .v2-main-shell{margin-left:0!important;min-width:0!important}
html[data-built-glass="ios"] body:not([data-auth-route="true"]) .v2-mobile-topbar{display:flex!important}
html[data-built-glass="ios"] body:not([data-auth-route="true"]) #app{
 padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;
 scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-height:500px) and (orientation:landscape){
 html[data-built-glass="ios"] #builtIOSDock.bottom-nav{--glass-height:60px;bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;padding:4px!important;}
 html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item{min-height:50px!important;gap:2px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-built-glass="ios"] #builtIOSDock *,
 html[data-built-glass="ios"] #builtIOSDock.bottom-nav .nav-item{transition:none!important;animation:none!important;will-change:auto!important}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-built-glass="ios"] #builtIOSDock.bottom-nav{background:#11171d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:#abb5b9!important}
 html[data-built-glass="ios"] #builtIOSDock .built-glass-selection{background:#412615!important;border-color:#ff9c59!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-built-glass="ios"] #builtIOSDock.bottom-nav{background:#11171d!important}
}

/* P8 V0.1.7 — iPhone refinement, same insets / equal tap slots as the iPad dock.
   This is a custom CSS glass treatment, not Apple's native UIGlassEffect API. */
html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock.bottom-nav{
 background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.015) 46%,rgba(255,255,255,.05)),rgba(14,20,25,.56)!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.5)!important;backdrop-filter:blur(18px) saturate(1.5)!important;
 border-color:rgba(224,235,241,.32)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.38)!important;
}
html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock.bottom-nav::before{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
 background:radial-gradient(ellipse at var(--glass-light-x,50%) 0%,rgba(255,255,255,.19),transparent 65%);
}
html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock .built-glass-selection{
 background:radial-gradient(ellipse at 50% 100%,rgba(255,101,0,.30),transparent 76%),linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,142,59,.12) 38%,rgba(255,255,255,.035));
 border-color:rgba(255,170,96,.65);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(255,168,93,.24),0 2px 7px rgba(0,0,0,.15);
 transition:transform .26s cubic-bezier(.2,.85,.2,1),width .2s ease-out;
}
html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock[data-glass-dragging="true"] .built-glass-selection{
 transition:transform .065s linear,width .065s linear;
}
/* No translucent compositing under a loader, or when transparency is unavailable/unwanted. */
html.built-intro-preparing[data-built-glass="ios"] #builtIOSDock,
html.built-intro-playing[data-built-glass="ios"] #builtIOSDock{display:none!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock.bottom-nav{background:#11171d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#abb5b9!important}
 html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock.bottom-nav::before{display:none}
 html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock .built-glass-selection{background:#412615!important;border-color:#ff9c59!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock .built-glass-selection{transition:none!important;animation:none!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-built-glass="ios"][data-built-glass-device="iphone"] #builtIOSDock.bottom-nav{background:#11171d!important}
}