:root{color-scheme:dark;--bg:#0a1119;--panel:#101923;--sidebar:#0c141d;--ink:#080e14;--line:#25313d;--text:#edf3f6;--muted:#82909d;--mint:#55e0b0;--gold:#eeb94e;--purple:#a986ed;--danger:#ee6b75;font-family:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer}.hidden{display:none!important}.primary{background:var(--mint)!important;color:#06110d!important;border-radius:6px;padding:11px 15px;font-weight:700}.outline{border:1px solid var(--line)!important;border-radius:6px;padding:10px 13px}.full{width:100%}.danger{color:var(--danger)!important}.grow{flex:1}.gold{color:var(--gold)}.mint{color:var(--mint)}.purple{color:var(--purple)}.eyebrow,.section-title,.playback-head span,.timeline-head,.page-heading p{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center}.login-panel{width:390px;display:grid;gap:18px;padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.login-panel h1{letter-spacing:3px}.login-branding{display:flex;align-items:center;gap:12px}.login-branding>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.client-logo{display:block;object-fit:contain;background:#f6f7f8;border-radius:5px}.login-client-logo{width:230px;height:60px;padding:4px 6px}.login-panel label,.config-grid label,.report-form label{display:grid;gap:7px;color:var(--muted)}input,select,textarea{background:#0a121a;border:1px solid var(--line);border-radius:5px;padding:10px;outline:none}input[type=password]{font-family:"Segoe UI",Arial,sans-serif!important;font-variant-ligatures:none;letter-spacing:.12em;-webkit-text-security:disc}.error{color:var(--danger);min-height:18px}.logo{width:46px;height:46px;background:var(--mint);color:#08100d;display:grid;place-items:center;border-radius:5px;font-weight:900}.logo.small{width:38px;height:38px}.app{min-height:100vh;display:grid;grid-template:78px calc(100vh - 78px)/224px 1fr;grid-template-areas:"head head" "side main"}.header{grid-area:head;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand>div:not(.logo){display:grid}.brand b{letter-spacing:2.2px;font-size:20px}.brand small{font-size:9px;color:var(--muted);letter-spacing:1.4px}.brand-divider{width:1px;height:32px;background:var(--line);margin-left:2px}.header-client-logo{width:132px;height:34px;padding:3px 5px}.header nav{display:flex;gap:12px}.tab{padding:12px 14px;color:var(--muted);border-radius:7px}.tab i{font-style:normal;margin-right:10px;font-size:11px}.tab.active{background:#55e0b017;color:var(--mint);font-weight:700}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.7px}.local-dot{width:7px;height:7px;border-radius:50%;background:var(--mint)}.header-actions button{font-size:20px;color:var(--muted)}.sidebar{grid-area:side;background:var(--sidebar);padding:20px 14px;display:flex;flex-direction:column;min-height:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px}.section-title button{font-size:20px;color:var(--text)}#sessionSelect{width:100%}.text-button{text-align:left;padding:9px 4px;font-size:12px}.clips-title{margin-top:14px}.clip-list{display:grid;gap:8px;overflow:auto;flex:1}.clip-item{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px;text-align:left}.clip-item.active{border-color:var(--mint);background:#55e0b012}.clip-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.clip-item b,.clip-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-item b{font-size:11px;margin:7px 0 4px}.clip-item small{color:var(--muted);font-size:9px}.search-box{border-top:1px solid var(--line);margin:14px -14px -20px;padding:16px 14px 18px;display:grid;gap:10px}.search-box label{font-size:11px}.search-box input,.check input{width:auto}.search-box small{color:var(--muted);font-size:10px;text-align:center}main{grid-area:main;min-width:0;overflow:auto}.welcome{max-width:560px;margin:16vh auto}.welcome h2{font-size:42px;line-height:1.16}.welcome p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}.welcome small{display:block;margin-top:28px;color:var(--muted)}#workspace,.page{height:100%}.page{display:none}.page.active{display:block}.playback-head{height:65px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.playback-head>div{display:flex;align-items:center;gap:12px}.playback-head>div:first-child{display:grid;gap:5px}.playback-head strong{font-size:16px}.badge,.overlay{padding:5px 8px;border:1px solid #ffffff28;border-radius:5px;font-size:9px;letter-spacing:.7px}.review-grid{height:calc(100% - 65px);display:grid;grid-template-columns:minmax(480px,1fr) 310px;gap:16px;padding:0 16px 14px 20px}.viewer-column{display:flex;flex-direction:column;min-width:0}.video-shell{position:relative;background:#000;border:1px solid var(--line);border-radius:10px 10px 0 0;overflow:hidden;flex:1;min-height:260px}.video-shell video{width:100%;height:100%;object-fit:contain}.overlay{position:absolute;background:#000a}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px;color:var(--gold)}.bottom-left{bottom:12px;left:12px}.controls{height:54px;background:var(--panel);border-radius:0 0 10px 10px;display:flex;align-items:center;padding:0 8px;gap:4px}.controls button{padding:10px}.controls select{width:66px;padding:7px}.round{border-radius:50%;width:38px;height:38px;padding:0!important}.timeline-head{display:flex;justify-content:space-between;margin-top:15px;font-size:9px}#timeline{width:100%;padding:0;accent-color:var(--mint)}.evidence-bar{margin-top:8px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.events-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-height:0}.events-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0}.events-head h3{margin:0}.events-panel>p{color:var(--muted);font-size:10px;padding:0 16px}.gold-badge{color:var(--gold)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}.filters select{font-size:10px;padding:8px}.event-list{overflow:auto;flex:1;border-top:1px solid var(--line);padding:10px;display:grid;align-content:start;gap:8px}.event-card{background:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;text-align:left}.event-card.active{border-color:var(--mint);background:#55e0b012}.event-card header{display:flex;justify-content:space-between}.event-card p{font-size:10px;color:var(--muted)}.event-card .actions{display:flex;gap:5px}.event-card .actions button{font-size:9px;padding:6px;border:1px solid var(--line);border-radius:4px}.panel-footer{padding:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.page-heading{padding:32px}.page-heading h2{font-size:28px;margin:10px 0}.page-heading span{color:var(--muted)}.report-form,.config-grid,.stats,.panel-card,.evidence-list{margin:0 32px 20px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px}.report-form{display:grid;grid-template-columns:220px 1fr auto auto auto;gap:14px;align-items:end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;overflow:hidden}.stat{padding:20px;border-right:1px solid var(--line)}.stat span{color:var(--muted);font-size:10px}.stat b{display:block;font-size:24px;margin-top:7px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:20px;max-width:850px}.check{display:flex!important;align-items:center;gap:10px}.evidence-list{display:grid;gap:8px}.evidence-row{border:1px solid var(--line);border-radius:6px;padding:12px;display:flex;justify-content:space-between}.progress-card{position:fixed;left:240px;right:20px;bottom:14px;background:#111d28;border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.progress-card progress{width:100%}.toast{position:fixed;right:22px;bottom:22px;background:#edf3f6;color:#101923;padding:12px 16px;border-radius:6px;opacity:0;transform:translateY(20px);transition:.2s}.toast.show{opacity:1;transform:none}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:24px}dialog::backdrop{background:#000b}.dialog-actions,.dialog-head,.zone-tools{display:flex;gap:8px;align-items:center}.dialog-actions{justify-content:flex-end;margin-top:18px}.dialog-head{justify-content:space-between}.dialog-head p{color:var(--muted)}#newSessionForm{width:420px;display:grid;gap:18px}#zoneDialog{width:min(1100px,95vw)}.zone-tools{margin:10px 0}.zone-tools button{border:1px solid var(--line);padding:8px;border-radius:5px}.zone-tools button.active{background:var(--mint);color:#06110d}#zoneCanvas{width:100%;max-height:68vh;background:#000;border:1px solid var(--line)}
@media(max-width:1100px){.header .brand>div:not(.logo),.brand-divider,.header-actions>span:not(.local-dot){display:none}.header-client-logo{width:118px;height:32px}.review-grid{grid-template-columns:1fr 270px}.report-form{grid-template-columns:1fr 1fr}.app{grid-template-columns:190px 1fr}.sidebar{width:190px}}@media(max-width:900px){.login-panel{width:min(390px,calc(100vw - 28px));padding:28px}.login-branding{flex-wrap:wrap}.login-client-logo{width:210px;height:55px}.app{display:block}.header{height:auto;flex-wrap:wrap;padding:10px}.header nav{order:3;width:100%;overflow:auto}.sidebar{height:auto;width:auto}.review-grid{display:block}.video-shell{height:48vh}.events-panel{height:60vh;margin-top:12px}.report-form,.config-grid{grid-template-columns:1fr}main{height:auto}}
.login-client-logo{width:160px;height:90px}.header-client-logo{width:86px;height:48px}@media(max-width:1100px){.header-client-logo{width:76px;height:42px}}@media(max-width:900px){.login-client-logo{width:150px;height:84px}}

/* Responsive alignment refinements. */
.login-shell{min-height:100svh;padding:24px 0}.login-panel{width:min(390px,calc(100vw - 32px))}.login-panel h1,.login-panel p{margin:0}.login-branding{display:grid;grid-template-columns:46px max-content minmax(0,160px);align-items:center;gap:12px}.login-branding>.logo{justify-self:start}.login-branding>span{justify-self:center}.login-client-logo{width:160px;height:auto;aspect-ratio:420/235;justify-self:start}.login-panel input,.login-panel button{width:100%}.header nav{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}.brand{flex:0 0 auto}.header-client-logo{width:86px;height:auto;aspect-ratio:420/235}
@media(max-width:900px){body{overflow-x:hidden}.login-shell{place-items:start center}.login-panel{width:calc(100vw - 24px);padding:clamp(22px,7vw,28px);gap:16px}.login-branding{grid-template-columns:42px 22px minmax(0,150px);gap:8px}.login-branding>.logo{width:42px;height:42px}.login-client-logo{width:100%;height:auto;max-width:150px;justify-self:start}.login-panel h1{font-size:clamp(25px,8vw,30px)}.login-panel .eyebrow{letter-spacing:1.45px}.app{display:flex;flex-direction:column;min-height:100svh}.header{position:sticky;top:0;z-index:20;display:grid;height:auto;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;gap:10px 12px}.header .brand{min-width:0;gap:8px}.header-client-logo{width:72px;height:auto}.header-actions{justify-self:end;margin:0}.header nav{grid-column:1/-1;order:initial;width:100%;gap:6px;padding-bottom:2px}.tab{flex:0 0 auto;padding:10px 12px}.sidebar{width:100%;padding:14px 12px}.clip-list{display:flex;min-height:0;max-height:190px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.clip-item{flex:0 0 150px}.search-box{margin:14px -12px -14px;padding:14px 12px}.welcome{margin:48px 20px}.welcome h2{font-size:clamp(30px,10vw,42px)}#workspace,.page{height:auto;min-height:0}.playback-head{height:auto;min-height:65px;padding:14px 12px;align-items:flex-start;gap:12px;flex-direction:column}.playback-head>div:last-child{width:100%;justify-content:space-between}.review-grid{display:block;height:auto;padding:0 12px 20px}.video-shell{height:auto;min-height:0;aspect-ratio:16/9}.controls{overflow-x:auto;overscroll-behavior-inline:contain}.controls button,.controls select,.controls span{flex:0 0 auto}.timeline-head{align-items:flex-start;flex-direction:column;gap:7px;line-height:1.5}.evidence-bar{flex-wrap:wrap}.events-panel{height:auto;max-height:70vh;margin-top:12px}.page-heading{padding:24px 16px}.report-form,.config-grid,.stats,.panel-card,.evidence-list{margin:0 12px 16px;padding:16px}.report-form,.config-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.stat:nth-child(2n){border-right:0}.evidence-row{gap:10px;flex-direction:column}.progress-card{left:12px;right:12px;bottom:12px;grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:12px}dialog{width:calc(100vw - 24px);max-width:100%;padding:20px}#newSessionForm{width:100%}#zoneDialog{width:calc(100vw - 24px)}}
@media(max-width:360px){.login-panel{padding:20px}.login-branding{grid-template-columns:40px 20px minmax(0,1fr);gap:7px}.login-branding>.logo{width:40px;height:40px}.login-branding>span{font-size:8px}.header{padding-inline:8px}.header-client-logo{width:64px}.header-actions{gap:4px}.tab{padding:9px 10px}.controls{margin-inline:-4px}.report-form,.config-grid,.stats,.panel-card,.evidence-list{margin-inline:8px}}

/* Installable mobile app shell. */
.mobile-only{display:none}.login-branding{display:flex;justify-content:center;align-items:center}.login-client-logo{flex:0 1 160px;width:min(160px,45vw)}.tab{touch-action:manipulation}.tab span{white-space:nowrap}
@media(max-width:900px){.app{padding-bottom:calc(66px + env(safe-area-inset-bottom));overflow-x:hidden}.mobile-only{display:grid!important;place-items:center}.header{grid-template-columns:minmax(0,1fr) auto;min-height:68px;padding:8px 12px}.header .brand{justify-self:start}.header-client-logo{width:72px}.header-actions{gap:7px}.header nav{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom);gap:2px;overflow:visible;background:#101923f7;border-top:1px solid var(--line);box-shadow:0 -8px 24px #0007}.tab{display:flex;min-width:0;min-height:52px;padding:5px 2px!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:7px;font-size:9px;line-height:1.1}.tab i{margin:0;font-size:9px}.tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.tab.active{box-shadow:inset 0 0 0 1px #55e0b033}.sidebar{position:fixed;z-index:35;top:68px;bottom:calc(62px + env(safe-area-inset-bottom));left:0;width:min(340px,88vw);padding:16px 14px;overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 32px #000a}.sidebar.mobile-open{transform:translateX(0)}main{order:2;flex:1;width:100%;min-height:0}.clip-list{display:flex;flex-direction:column;max-height:none;overflow-x:hidden;overflow-y:auto}.clip-item{width:100%;flex:0 0 auto}.login-branding{width:100%;gap:8px}.login-client-logo{flex:0 1 150px;width:min(150px,43vw)}.login-branding>span{flex:0 0 auto}.login-branding>.logo{flex:0 0 42px}.page:not([data-view=review]){padding-bottom:18px}.cash-timeline{margin:0 12px 24px}.cash-sighting{min-width:0}.cash-card{min-width:0}.dialog-actions{flex-wrap:wrap}.zone-tools{flex-wrap:wrap}button,input,select,textarea{min-height:44px}.header button,.controls button,.evidence-bar button,.tab{min-height:44px}}
@media(max-width:360px){.login-branding{gap:7px}.login-client-logo{width:min(138px,43vw);flex-basis:138px}.login-branding>.logo{flex-basis:40px}.header-client-logo{width:64px}.header{padding-inline:8px}.header-actions{gap:3px}.header-actions button{width:36px}.tab{font-size:8px}.tab i{font-size:8px}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.login-shell{min-height:calc(100svh - env(safe-area-inset-top))}.header{top:env(safe-area-inset-top)}}

/* Compact account action and readable native playback options. */
.header-actions #accountButton{width:auto;min-width:68px;height:36px;min-height:36px;padding:7px 10px;font-size:12px;line-height:1;white-space:nowrap;color:#becbd5;background:#17232e;border:1px solid #30414e;border-radius:7px;flex-shrink:0}
.header-actions #accountButton:hover{background:#22323f;color:#edf3f6;border-color:#536673}
.header-actions #accountButton:focus-visible{outline:2px solid #83b4cf;outline-offset:3px}
.controls #playbackRate{color-scheme:dark;width:76px;min-height:34px;padding:6px 9px;color:#d8e2ea;background:#17232e;border:1px solid #344653;border-radius:6px;font-size:12px;cursor:pointer}
.controls #playbackRate option{background:#17232e;color:#d8e2ea;font-size:13px}
.controls #playbackRate:focus-visible{outline:2px solid #83b4cf;outline-offset:2px}
@media(max-width:900px){.header-actions #accountButton{min-width:58px;padding:7px;font-size:11px}.controls #playbackRate{width:64px;padding:5px;font-size:12px}}

/* Fare protection login, scoped away from the review workspace. */
.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr);background:#0b131b;padding:0;place-items:stretch}
.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:56px clamp(32px,6vw,100px);overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#1c49423d,transparent 65%),linear-gradient(145deg,#132b2e,#101b25 75%);border-right:1px solid #294149}
.login-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #65dec122;border-radius:50%;right:-340px;top:25%;box-shadow:0 0 0 75px #65dec108,0 0 0 150px #65dec105;pointer-events:none}
.login-wordmark{display:flex;gap:16px;align-items:center;color:#f0f7fa;text-decoration:none;font-weight:800;font-size:24px;letter-spacing:2px}.login-wordmark small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:#91b2c0;margin-top:5px}
.login-story-copy{position:relative;z-index:1;padding:70px 0;max-width:620px}.login-story .eyebrow{color:#69dec0;letter-spacing:3px;font-size:11px;margin-bottom:24px}.login-story h1{font-size:clamp(38px,4.4vw,68px);line-height:1.1;letter-spacing:-2px;margin:0 0 28px;font-weight:700}.login-story h1 em{font-style:normal;color:#69dec0}.login-intro{font-size:17px;line-height:1.8;color:#a9bbc8;max-width:440px}.login-route{display:flex;align-items:center;margin-top:50px;padding-right:65px}.route-point{width:12px;height:12px;border:2px solid #69dec0;border-radius:50%;background:#142c2d;box-shadow:0 0 0 6px #69dec010}.route-line{height:1px;flex:1;background:linear-gradient(90deg,#69dec0,#69dec050)}.login-steps{display:flex;justify-content:space-between;margin-top:22px;font-size:12px;color:#b4c6d0;gap:12px}.login-steps b{display:block;color:#69dec0;font-size:10px;letter-spacing:2px;margin-bottom:8px}.login-story-footer{color:#7f9ba9;font-size:11px;letter-spacing:1px}
.login-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px;gap:28px}.login-shell .login-panel{width:100%;max-width:410px;padding:36px;gap:18px;background:#121f2a;border:1px solid #2a3c48;border-radius:20px;box-shadow:0 24px 80px #0004}.login-shell .login-branding{display:flex;justify-content:flex-start;margin-bottom:0}.login-shell .login-client-logo{width:116px;max-width:116px;flex:none}.login-shield{width:48px;height:48px;padding:12px;background:#69dec015;border:1px solid #69dec033;border-radius:14px}.login-shield svg{width:100%;height:100%;fill:none;stroke:#69dec0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.login-shell .login-panel .eyebrow{font-size:9px;letter-spacing:1.8px;margin:0;color:#88adbc}.login-shell .login-panel h2{font-size:30px;letter-spacing:-.8px;margin:0}.login-form-intro{font-size:13px;color:#9ab0be;margin:-8px 0 6px}.login-shell label{font-size:12px;gap:9px;color:#bacbd5}.login-shell input{min-height:48px;background:#0b1620;border-color:#314451;border-radius:8px;padding:12px;font-size:14px}.login-shell input:focus-visible{outline:2px solid #69dec0;outline-offset:2px}.login-shell .primary{min-height:48px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:700}.login-shell .error:empty{display:none}.login-access-note{font-size:11px;line-height:1.6;color:#8ba3b3;border-top:1px solid #293b47;padding-top:18px;margin:0}.login-access-footer{font-size:9px;letter-spacing:2px;color:#6f8899}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-story{padding:28px 26px;border-right:0;border-bottom:1px solid #294149}.login-wordmark{font-size:19px}.login-story-copy{padding:32px 0 0;max-width:540px}.login-story h1{font-size:38px;letter-spacing:-1px;margin-bottom:14px}.login-story .eyebrow{margin-bottom:16px}.login-intro{font-size:14px;margin-bottom:4px}.login-route,.login-steps,.login-story-footer{display:none}.login-access{padding:28px 20px;gap:18px}.login-shell .login-panel{padding:26px;border-radius:16px}.login-shell .login-branding{justify-content:flex-start}.login-shell .login-client-logo{width:100px;max-width:100px}.login-shell .login-panel h2{font-size:27px}}
@media(prefers-reduced-motion:no-preference){.login-shell .primary{transition:box-shadow .2s,transform .2s}.login-shell .primary:hover{box-shadow:0 0 24px #69dec02a;transform:translateY(-1px)}}
@media(max-width:480px){.login-story{padding:22px 24px}.login-story-copy{padding-top:24px}.login-story h1{font-size:30px;line-height:1.15;margin-bottom:0}.login-intro,.login-shield{display:none}.login-story .eyebrow{font-size:9px;margin-bottom:12px}.login-access{padding:20px 18px;gap:14px}.login-shell .login-panel{padding:22px;gap:14px}.login-shell .login-client-logo{width:88px;max-width:88px}.login-access-note{padding-top:14px}.login-shell .login-panel h2{font-size:26px}}
/* FareWatch-only branding. */
.farewatch-brand-logo{display:block;object-fit:contain;background:transparent;border:0;padding:0;flex-shrink:0}
.login-wordmark>.farewatch-brand-logo{width:46px;height:46px}
.login-shell .login-branding>.login-farewatch-logo{width:64px;height:64px;max-width:64px}
.header .brand>.header-farewatch-logo{width:38px;height:38px}
@media(max-width:480px){.login-shell .login-branding>.login-farewatch-logo{width:48px;height:48px;max-width:48px}.login-wordmark>.farewatch-brand-logo{width:42px;height:42px}}
.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 32px 20px}.admin-toolbar [role=status]{color:var(--muted)}.admin-table{overflow-x:auto;margin-top:18px}.admin-table table{border-collapse:collapse;width:100%;min-width:760px}.admin-table th{color:#7bdeca;font-size:11px;letter-spacing:.07em;text-align:left;padding:14px 12px;border-bottom:1px solid #314151}.admin-table td{padding:14px 12px;border-bottom:1px solid #243443;vertical-align:top;font-size:13px}.admin-table small{display:block;color:#9db0c3;margin-top:5px;line-height:1.5}.admin-table button{margin:3px;padding:7px 10px}.admin-note{line-height:1.6;color:#b4c7d7}.admin-inspect{width:min(960px,94vw);max-height:92dvh;overflow:auto}.admin-inspect video{display:block;max-height:58dvh;width:100%;background:#000}.admin-inspect label,#adminUserForm label{display:block;margin:14px 0}.admin-inspect textarea,#adminUserForm input:not([type=checkbox]),#adminUserForm select{width:100%;margin-top:7px}#adminUserDialog{width:min(460px,94vw);max-height:92dvh;overflow:auto}#adminUserForm small{display:block;color:#9db0c3;margin-top:6px}.admin-stats{margin-bottom:18px}#adminUserDetail h4{margin-top:24px}@media(max-width:760px){.admin-toolbar button{flex:1 1 140px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-table{padding:12px}.admin-inspect .dialog-actions{flex-wrap:wrap}}

@media(max-width:900px){.admin-toolbar{margin:0 14px 16px}}

.login-shell.inactive-shell{display:grid;grid-template-columns:1fr;place-items:center;min-height:100dvh;padding:24px}.inactive-shell .login-panel{display:flex;flex-direction:column;gap:20px}.inactive-shell #inactiveMessage{line-height:1.6;margin:0}.inactive-shell .primary{justify-content:center}

/* Keep session fields aligned and usable on narrow screens. */
#newSessionForm{display:grid;gap:20px}
#newSessionForm h3{margin:0 0 4px}
#newSessionForm>label{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px}
#newSessionForm>label[hidden]{display:none}
#newSessionForm input,#newSessionForm select{width:100%;min-width:0}
#newSessionForm .dialog-actions{margin-top:8px;gap:10px}
@media(max-width:480px){#newSessionForm>label{grid-template-columns:1fr;gap:8px}#newSessionForm .dialog-actions{flex-wrap:wrap}}

.sentinel-login-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px}.sentinel-login-links a{color:var(--mint);text-decoration:none}.sentinel-allowance{padding:12px 22px;background:#55e0b00c;border-bottom:1px solid var(--line);font-size:12px;color:var(--mint)}.sentinel-address-notice{position:fixed;left:50%;top:12px;transform:translateX(-50%);max-width:calc(100vw - 24px);width:max-content;z-index:10000;display:flex;align-items:center;gap:20px;padding:14px 18px;background:#17232c;color:#edf3f6;border:1px solid #55e0b055;border-radius:8px;font-size:12px;box-shadow:0 8px 25px #0006}.sentinel-address-notice a{color:var(--mint)}.sentinel-address-notice button{color:var(--mint);padding:5px}@media(max-width:600px){.sentinel-address-notice{width:calc(100vw - 24px)}.sentinel-login-links{flex-wrap:wrap}}