:root{--app-bg:#020817;--app-bg-deep:#030a18;--app-bg-raised:#041026;--app-surface:#061126;--app-surface-deep:#030a18;--app-surface-raised:#08162f;--app-border:#3167d37a;--app-border-soft:#3974df47;--app-accent:#1677ff;--app-accent-soft:#4f8fff;--app-copy:#f4f6fb;--app-muted:#9ca6ba;--app-warning:#d9a74d;--app-danger:#df6875;--bg:var(--app-bg);--panel:var(--app-surface);--panel2:var(--app-surface-raised);--line:var(--app-border-soft);--text:var(--app-copy);--muted:var(--app-muted);--accent:var(--app-accent);--warn:var(--app-warning);--danger:var(--app-danger);--blue:var(--app-accent-soft);--app-rail:14px;--app-rail-double:28px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 50% 8%,#123d8d26,#0000 31%),linear-gradient(#020817 0%,#030a18 52%,#041026 100%);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.eyebrow{color:#8194ba;letter-spacing:.16em;margin:0 0 9px;font-size:10px;font-weight:800}
.phone-shell-wrap{width:390px;min-height:844px;position:relative}.persistent-bottom-nav-shell{background:#080b0f;border-radius:38px;flex-direction:column;height:844px;min-height:844px;display:flex;overflow:hidden}.persistent-bottom-nav-shell>.app-scroll-region{overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#080b0f;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden auto}.persistent-bottom-nav-shell>.app-scroll-region::-webkit-scrollbar{display:none}.persistent-bottom-nav-shell>.app-scroll-region>.phone-shell,.persistent-bottom-nav-shell>.app-scroll-region>.event-detail-screen,.persistent-bottom-nav-shell>.app-scroll-region>.home-neutral,.persistent-bottom-nav-shell>.app-scroll-region>.home-screen{flex:none;width:100%;margin:0;height:auto!important;min-height:0!important;box-shadow:none!important;padding-bottom:0!important;overflow:visible!important}.persistent-bottom-nav-shell>.app-scroll-region>.app-nav-spacer{flex:0 0 calc(90px + env(safe-area-inset-bottom));min-height:calc(90px + env(safe-area-inset-bottom));pointer-events:none;width:100%}.home-shell-active .app-scroll-region>.home-screen{padding-bottom:0!important}.home-shell-active .app-scroll-region>.app-nav-spacer{flex-basis:calc(78px + env(safe-area-inset-bottom));min-height:calc(78px + env(safe-area-inset-bottom))}.persistent-bottom-nav-shell.live-shell-active>.app-scroll-region,.persistent-bottom-nav-shell.location-shell-active>.app-scroll-region{overscroll-behavior:none;touch-action:none;overflow-y:hidden!important}.persistent-bottom-nav-shell.live-shell-active>.app-scroll-region>.app-nav-spacer,.persistent-bottom-nav-shell.location-shell-active>.app-scroll-region>.app-nav-spacer{flex-basis:0!important;min-height:0!important;display:none!important}.phone-shell-wrap.persistent-bottom-nav-shell.live-shell-active>.app-scroll-region>.phone-shell.live-layout-v3{flex:0 0 766px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:766px!important;min-height:0!important;max-height:766px!important;overflow:hidden!important}.phone-shell-wrap.persistent-bottom-nav-shell.live-shell-active .live-v3-feed{align-self:stretch;width:100%!important;min-width:0!important;max-width:100%!important}.phone-shell-wrap.persistent-bottom-nav-shell.live-shell-active .live-v3-camera-tabs{margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;transform:none!important}.persistent-bottom-nav-shell.assignment-confirm-shell-active>.app-scroll-region>.app-nav-spacer{flex-basis:0!important;min-height:0!important}@media (max-width:820px){.demo-stage{background:#080b0f;min-height:100dvh;padding:0!important}.phone-shell-wrap.persistent-bottom-nav-shell{background:#080b0f;border-radius:0;width:100%;max-width:100%;height:100dvh;min-height:100dvh;margin:0}.persistent-bottom-nav-shell>.app-scroll-region>.phone-shell,.persistent-bottom-nav-shell>.app-scroll-region>.event-detail-screen,.persistent-bottom-nav-shell>.app-scroll-region>.home-neutral,.persistent-bottom-nav-shell>.app-scroll-region>.home-screen{border:0;border-radius:0;width:100%;margin:0}.phone-shell-wrap.persistent-bottom-nav-shell.live-shell-active>.app-scroll-region>.phone-shell.live-layout-v3{height:calc(100dvh - 78px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 78px - env(safe-area-inset-bottom))!important;flex-basis:calc(100dvh - 78px - env(safe-area-inset-bottom))!important}}@media (max-width:420px){.home-shell-active .app-scroll-region>.app-nav-spacer{flex-basis:calc(92px + env(safe-area-inset-bottom));min-height:calc(92px + env(safe-area-inset-bottom))}.phone-shell-wrap.persistent-bottom-nav-shell.live-shell-active>.app-scroll-region>.phone-shell.live-layout-v3{height:calc(100dvh - 76px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 76px - env(safe-area-inset-bottom))!important;flex-basis:calc(100dvh - 76px - env(safe-area-inset-bottom))!important}}
@media (display-mode:standalone) and (max-width:820px){.phone-shell-wrap.home-shell-active .home-screen{padding-top:calc(18px + env(safe-area-inset-top))!important}.phone-shell-wrap.events-shell-active>.app-scroll-region,.phone-shell-wrap.settings-main-shell-active>.app-scroll-region,.phone-shell-wrap.event-detail-shell-active>.app-scroll-region{padding-top:env(safe-area-inset-top)}.persistent-bottom-nav-shell>.app-scroll-region>.system-health-screen{padding-top:calc(14px + env(safe-area-inset-top))}.phone-shell-wrap.notification-preferences-shell-active>.unified-screen-header.back-only-header,.phone-shell-wrap.assignment-shell-active>.unified-screen-header.back-only-header{min-height:calc(48px + env(safe-area-inset-top))!important;flex-basis:calc(48px + env(safe-area-inset-top))!important;padding-top:calc(2px + env(safe-area-inset-top))!important}.phone-shell-wrap.live-shell-active .live-v3-topbar{flex-basis:calc(60px + env(safe-area-inset-top));min-height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.phone-shell-wrap.location-shell-active .location-refined .location-map-status{top:calc(16px + env(safe-area-inset-top))!important}.phone-shell-wrap.location-shell-active .location-refined .location-actions{bottom:calc(20px + env(safe-area-inset-bottom))!important}.phone-shell-wrap.location-shell-active .location-refined .location-directions-notice{bottom:calc(88px + env(safe-area-inset-bottom))!important}}@media (display-mode:standalone) and (max-width:420px){.phone-shell-wrap.location-shell-active .location-refined .location-actions{bottom:calc(18px + env(safe-area-inset-bottom))!important}.phone-shell-wrap.location-shell-active .location-refined .location-directions-notice{bottom:calc(84px + env(safe-area-inset-bottom))!important}}@media (display-mode:standalone) and (max-width:390px){.phone-shell-wrap.home-shell-active .home-screen{padding-top:calc(14px + env(safe-area-inset-top))!important}}
body.partner-demo .presenter-panel{display:none!important}
.phone-shell-wrap .onboarding-step{flex-direction:column;display:flex}.phone-shell-wrap .onboarding-progress{z-index:2;position:absolute;top:28px;left:28px;right:58px}.phone-shell-wrap .onboarding-step>.eyebrow{color:#707d8e;margin:0 0 26px;font-weight:800}.phone-shell-wrap .onboarding-copy{color:#8d98a6}.phone-shell-wrap .onboarding-field{flex-direction:column;gap:7px;margin:22px 0 18px;display:flex}.phone-shell-wrap .onboarding-field>span{color:#8995a4;font-weight:800}.phone-shell-wrap .onboarding-field input{width:100%}.phone-shell-wrap .onboarding-overlay .qr-placeholder{letter-spacing:.08em;background:repeating-linear-gradient(45deg,#101419,#101419 5px,#151a20 5px 10px);font-size:9px;font-weight:900}.phone-shell-wrap .onboarding-overlay .pair-status{font-size:9px}.phone-shell-wrap .vehicle-assignment-card{background:#7ef7c609;border:1px solid #7ef7c633;justify-content:space-between;align-items:center;margin:18px 0 36px;display:flex}.phone-shell-wrap .vehicle-assignment-card>div{flex-direction:column;gap:4px;display:flex}.phone-shell-wrap .vehicle-assignment-card small{color:#6f7c8c}.phone-shell-wrap .vehicle-assignment-card>span{color:var(--accent);font-weight:900}
.notification-preferences-screen .toggle{background:#ffffff1f;border-radius:999px;width:34px;height:19px;padding:2px;display:flex}.notification-preferences-screen .toggle em{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s}.notification-preferences-screen .toggle.on em{background:#080a0c;transform:translate(15px)}.settings-detail-redesign .settings-detail-toggle{border-radius:999px;display:flex;background:#323c46!important;flex:none!important;width:36px!important;height:20px!important;padding:2px!important}.settings-detail-redesign .settings-detail-toggle em{border-radius:50%;transition:all .2s;background:#eef2f4!important;width:16px!important;height:16px!important}.settings-detail-redesign .settings-detail-toggle.on em{background:#fff!important;transform:translate(16px)!important}