/* A continuous visual language for arrival, sign-in and the workspace. */
:root{--navy:#143b49;--blue:#247c78;--teal:#247c78;--line:#e2e9e8;--muted:#788b92;background:#f3f6f5;color:#253f49}
.brand{gap:12px;color:#e5f0ef}.brand b{width:43px;height:43px;flex:none;border:1px solid #89b9b566;background:#40796f28;border-radius:12px;color:#d8ece7;box-shadow:none;font-size:24px;font-weight:500}.brand strong{font-size:23px;font-weight:500;letter-spacing:1px}.brand small{font-size:11px;letter-spacing:1px;color:#a6c0c4;opacity:1}
.auth{position:relative;display:grid;grid-template-columns:46% 54%;align-items:stretch;justify-items:stretch;min-height:100svh;padding:0;background:#f5f7f5;overflow:hidden}
.auth-story{display:flex;align-items:center;justify-content:center;min-height:100svh;background:#123747;color:#e5f0ef;padding:64px clamp(32px,5vw,88px)}
.auth-story-inner{width:100%;max-width:420px;flex:none}.auth-story-copy{margin-top:68px}.auth-kicker{font-family:Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:3px;color:#719591}
.auth-story-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.55;font-weight:400;letter-spacing:2px;margin:20px 0}.auth-story-copy p{color:#9db9c1;font-size:13px;line-height:2.1;letter-spacing:1px;margin:0}
.auth-bridge{display:block;width:100%;height:auto;margin:26px 0 0;stroke:#8bbfbb;stroke-width:1;overflow:visible}.auth-bridge circle{fill:#a8cfca;stroke:none}.bridge-back{opacity:.35}.bridge-pier{opacity:.5}.bridge-water{opacity:.15}
.auth-story-foot{display:flex;gap:17px;align-items:center;color:#a6bec4;font-size:10px;letter-spacing:2px;margin-top:28px}.auth-story-foot i{height:3px;width:3px;border-radius:50%;background:#658d95}
.auth-form-pane{display:flex;align-items:center;justify-content:center;padding:64px 40px;min-width:0}.login-card{width:100%;max-width:370px;padding:0;background:none;box-shadow:none;border-radius:0}.login-card h1{font-size:27px;letter-spacing:0;font-weight:500;margin:20px 0 12px;color:#233e47}.login-card p{font-size:13px;line-height:1.9}.login-card form{margin-top:36px}
.login-card label.field{margin-bottom:22px;gap:10px;color:#526871;font-size:12px;font-weight:400}.login-card input:not([type=checkbox]){min-height:48px;border:1px solid #dbe4e1;border-radius:8px;background:#ffffffb8;padding:12px 14px;transition:border-color 180ms,box-shadow 180ms}.login-card input:focus{border-color:#569e93;box-shadow:0 0 0 3px #347b6b0d}.login-card input[type=checkbox]{accent-color:#247c78}.login-card .check{color:#6c8086;font-size:12px}
.login-card button[type=submit]{height:49px;border-radius:8px;background:#247c78;font-size:13px;font-weight:500;letter-spacing:1px;margin-top:25px;box-shadow:0 5px 14px #1e665d0d;transition:background 180ms}.login-card button[type=submit]:hover{background:#206e6a;filter:none}.login-card button[type=submit]:disabled{opacity:.75}.login-card .hint{font-size:11px;line-height:1.9;color:#86969b;margin-top:20px}
.auth-form-foot{margin-top:40px;padding-top:23px;border-top:1px solid #e1e7e3;font-size:10px;letter-spacing:1px;color:#8d9b9c}.auth-form-foot span{margin:0 9px;color:#adbbb8}
/* Carry the quiet green accent and the same navy into the working UI. */
aside{background:#123747}nav button.active{background:linear-gradient(90deg,#73bcb322,#ffffff05);box-shadow:inset 2px 0 #85c3b6;color:#e8f4f0}.workspace{background:#ffffff04;border-color:#afcbc51c}.sidebar-bottom{border-color:#afcbc51c}header{background:#f9fbfa;border-color:#e1e8e5}.panel,.metric,.card{border-color:#e2e9e6;box-shadow:0 4px 16px #213a5103}.metric:after{background:#398b7506}.eyebrow{color:#839c96}.hero{background:linear-gradient(115deg,#eaf3ef,#f1f6f1);border-color:#dfeae3}
.arrival{position:fixed;inset:0;z-index:9000;overflow:hidden;pointer-events:auto;isolation:isolate}.arrival-opening{background:#123747;color:#e5f0ef}.arrival .opening-story{max-width:none}.opening-story .bridge-span{stroke-dasharray:1;animation:bridge-trace 1050ms cubic-bezier(.4,0,.2,1) both}.opening-story .bridge-back{animation-delay:100ms}.arrival-login{background:transparent}.auth-snapshot{position:absolute;left:0;width:100%;pointer-events:none}.travel-brand{z-index:2;color:#e5f0ef}.login-connected{background:#327e6c!important;opacity:1!important}
@keyframes bridge-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.arrival-surface{position:absolute;inset:0;background:#123747}.auth-snapshot,.auth-snapshot .auth-story{background:transparent}.auth-snapshot .auth-form-pane{background:#f5f7f5}
@media(min-width:761px) and (max-height:760px){.auth-story{padding-top:32px;padding-bottom:32px}.auth-story-copy{margin-top:32px}.auth-story-copy h2{font-size:32px}.auth-bridge{max-height:145px}.auth-story-foot{margin-top:12px}.auth-form-pane{padding-top:32px;padding-bottom:32px}}
@media(max-width:1000px) and (min-width:761px){.auth-story{padding-left:32px;padding-right:32px}.auth-story-copy h2{font-size:30px}.auth-story-foot{gap:10px;letter-spacing:1px}.auth-form-pane{padding-left:32px;padding-right:32px}}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-story{min-height:0;padding:30px 28px 28px;justify-content:flex-start}.auth-story-inner{max-width:none}.auth-story-copy{margin-top:26px}.auth-story-copy .auth-kicker,.auth-story-copy p,.auth-bridge,.auth-story-foot{display:none}.auth-story-copy h2{font-size:25px;line-height:1.5;letter-spacing:1px;margin:0}.auth-story-copy h2 br{display:none}.auth-form-pane{padding:38px 28px 30px;align-items:flex-start}.login-card{max-width:420px}.login-card h1{font-size:24px;margin-top:15px}.login-card form{margin-top:28px}.auth-form-foot{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.arrival *{animation:none!important}.login-card input,.login-card button{transition:none!important}}
@media(max-width:760px){.auth-story-copy h2 br{display:initial}}
#shell main{overflow-x:clip}
.workspace-snapshot{position:absolute;inset:0;background:#f3f6f5;pointer-events:none;overflow:hidden}
.snapshot-identity small{display:block;color:var(--muted);margin-top:4px;max-width:210px}
@media(max-width:560px){.snapshot-identity{display:none}}