body.auth-pending{overflow:hidden}
.auth-pending>.topbar,.auth-pending>.app-shell{visibility:hidden}
.auth-stage-pill,.role-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.auth-stage-pill{background:#d7f06d;color:#17201c;margin-left:8px}
.role-chip{background:#314038;color:#d7f06d}
.auth-help{text-align:right!important;margin-top:9px!important}
.auth-help a,.auth-switch a{color:#1f7a52;font-weight:700}
.auth-field-help{display:block;margin-top:8px;color:#7b8580;font-size:9px;line-height:1.5}
.auth-message{margin-top:13px;border-radius:8px;padding:10px;font-size:10px;line-height:1.45}
.auth-message.error{background:#fff0ed;color:#913a2d;border:1px solid #efcbc4}
.auth-message.success{background:#edf8f1;color:#225f41;border:1px solid #cce5d5}
.auth-message.info{background:#eef3f7;color:#355367;border:1px solid #d3e0e8}
.auth-primary-link{display:block;width:100%;text-align:center;text-decoration:none;margin-top:18px}
.auth-spinner{width:30px;height:30px;margin:22px auto;border:3px solid #dfe8e2;border-top-color:#1f7a52;border-radius:50%;animation:auth-spin .8s linear infinite}
.auth-loading-page{min-height:100vh;display:grid;place-content:center;justify-items:center;background:#f5f7f5;color:#65716a;font-size:11px}
.auth-loading-page .auth-spinner{margin:0 0 12px}
@keyframes auth-spin{to{transform:rotate(360deg)}}

/* Phase 6.5 public/auth visual system */
.auth-page{min-height:100svh;min-height:100dvh;background:#050d18;color:#f3f7fb;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);overflow:auto}.auth-art{position:relative;min-height:100%;padding:max(48px,env(safe-area-inset-top)) max(54px,env(safe-area-inset-right)) max(42px,env(safe-area-inset-bottom)) max(54px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 25% 35%,rgba(37,111,220,.2),transparent 38%),linear-gradient(145deg,#071321,#050c16 75%);border-right:1px solid #18304e}.auth-art:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(49,82,119,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(49,82,119,.14) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.auth-art>*{position:relative}.auth-brand{display:flex;align-items:center;gap:11px;width:max-content;color:#f3f7fb;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.04em}.auth-brand img{width:38px;height:38px;border-radius:9px}.auth-brand>span>span{color:#3984ff}.auth-brand em{margin-left:4px;border:1px solid #275288;border-radius:999px;padding:5px 8px;color:#7caeff;font:700 8px "IBM Plex Mono",monospace;letter-spacing:.1em}.auth-art-copy{max-width:570px}.auth-art-pill{display:inline-flex;margin-bottom:20px;border:1px solid #28558a;border-radius:999px;padding:7px 11px;color:#69a4ff;background:rgba(14,42,76,.48);font:600 9px "IBM Plex Mono",monospace;letter-spacing:.1em}.auth-art h1{max-width:570px;margin:0;font-size:clamp(39px,4vw,61px);line-height:1.05;letter-spacing:-.052em}.auth-art h1 b{color:#3984ff}.auth-art p{color:#a4b4c6;font-size:15px;line-height:1.7}.auth-art>small{color:#657b93;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.05em}.auth-schematic{width:min(520px,100%);margin-top:26px}.auth-schematic path,.auth-schematic circle{fill:none;stroke:#315f96;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-schematic circle{fill:#091727}.auth-form-wrap{min-height:100%;align-items:center;padding:max(28px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));overflow:auto;background:radial-gradient(circle at 65% 20%,rgba(30,91,173,.11),transparent 32%),#07111e}.auth-card{width:min(430px,100%);padding:34px;border:1px solid #1d3859;border-radius:14px;background:rgba(10,25,42,.95);box-shadow:0 24px 60px rgba(0,0,0,.36);color:#eef4fa}.auth-card .eyebrow{color:#5797f5}.auth-card h2{font-size:30px;letter-spacing:-.035em;margin:11px 0 7px}.auth-card>p{color:#91a3b7;font-size:13px;line-height:1.55;margin-bottom:24px}.auth-mobile-home{display:none;width:max-content;margin-bottom:25px;color:#76aaff;text-decoration:none;font-size:12px}.account-form label{color:#a5b5c6;font-size:12px}.account-form input{min-height:50px;margin-top:7px;border:1px solid #294766;border-radius:7px;background:#081726;color:#f4f7fb;padding:0 13px;font-size:16px}.account-form input:focus{border-color:#4a91fa;box-shadow:0 0 0 3px rgba(57,132,255,.16);outline:0}.account-form button,.auth-primary-link{min-height:50px;display:flex;align-items:center;justify-content:center;border-color:#438cff!important;background:linear-gradient(135deg,#286fdc,#3989ff)!important;color:#fff!important;font-size:14px!important}.auth-field-help{color:#7890a8;font-size:10px}.auth-help,.auth-switch{font-size:11px!important}.auth-help a,.auth-switch a{color:#72a8ff}.auth-message{font-size:11px}.auth-message.error{background:#31191d;color:#ffc5bd;border-color:#6f3035}.auth-message.success{background:#102d25;color:#b8f1d4;border-color:#28604c}.auth-message.info{background:#10253b;color:#bddcff;border-color:#275179}.auth-page :focus-visible{outline:3px solid #8bbaff;outline-offset:3px}.auth-loading-page{min-height:100svh;min-height:100dvh;background:#07111e;color:#91a3b7}.auth-spinner{border-color:#1d3550;border-top-color:#3984ff}
@media(max-width:850px){.auth-page{display:block}.auth-art{display:flex;min-height:190px;padding:24px max(22px,env(safe-area-inset-right)) 24px max(22px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid #18304e}.auth-art-copy{align-self:flex-end}.auth-art-pill,.auth-art-copy p,.auth-schematic,.auth-art>small{display:none}.auth-art h1{font-size:29px;max-width:520px}.auth-form-wrap{min-height:calc(100svh - 190px);min-height:calc(100dvh - 190px);padding:22px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.auth-card{padding:27px 22px}.auth-mobile-home{display:block}}
@media(max-width:430px){.auth-art{min-height:118px}.auth-art-copy{display:none}.auth-brand{font-size:19px}.auth-brand img{width:34px;height:34px}.auth-form-wrap{min-height:calc(100svh - 118px);min-height:calc(100dvh - 118px);align-items:start}.auth-card{padding:24px 18px}.auth-card h2{font-size:27px}.auth-card>p{margin-bottom:20px}.account-form input{font-size:16px}.account-form button{min-height:50px}}
@media(max-width:850px) and (max-height:520px) and (orientation:landscape){.auth-art{min-height:78px;padding-block:14px}.auth-art-copy{display:none}.auth-brand img{width:32px;height:32px}.auth-form-wrap{min-height:calc(100dvh - 78px);align-items:start}.auth-card{margin:auto}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}
