/* Approved B coffee-train artwork: the login and waiting views share one cacheable image. */
.b-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#201714}
html[data-theme] .login-wrap.b-login{position:relative;isolation:isolate;min-height:100svh;background:#201714;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,410px);gap:clamp(30px,7vw,130px);padding:30px max(6vw,24px);overflow:hidden}
.b-login .login-visual{position:relative;height:calc(100svh - 60px);max-height:1100px;aspect-ratio:916/1717;width:auto;max-width:100%;justify-self:center;align-self:center;overflow:hidden;border-radius:22px;box-shadow:0 16px 70px #0005;background:#201714}
html[data-theme] .b-login .login-card{position:relative;z-index:1;align-self:center;justify-self:center;background:#2b201bed;color:#f5ecda;border-color:#bd985443;box-shadow:0 24px 90px #0006;padding:32px;max-width:410px;backdrop-filter:blur(18px)}
.b-login .login-card .brand-mark{width:42px;height:42px;margin-bottom:20px}.b-login .login-card h1{font-size:26px;color:#f5e5c4}.b-login .login-card :is(.muted,small){color:#bec4cf}.b-login .login-card .eyebrow{color:#d6b66c}.b-login .login-card label{color:#ddd7c9}.b-login .login-card input{background:#1d1512;color:#fff4dd;border-color:#c3a36755;caret-color:#e4c481}.b-login .login-card input:focus{outline-color:#d6b66c}.b-login .login-card .primary{background:#d7b56a;color:#2b2019;border-color:#d7b56a}.b-login .login-card .primary:hover{background:#e6c47b}.b-login .login-card .error{color:#ffc1b6}
.boot-screen.b-boot{isolation:isolate;background:#201714;overflow:hidden;padding:0}.b-boot>.boot-status{z-index:1;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 20px;border-radius:16px;background:#211713dc;border:1px solid #d6b66c44;color:#f5e5c4;backdrop-filter:blur(8px)}.b-boot .boot-status p{color:#f5e5c4;font-size:13px}.b-boot .boot-orbit{width:20px;height:20px;margin:0 auto 7px;border-color:#d6b66c33;border-top-color:#e8c57c}.b-boot .boot-actions{margin-top:8px}.b-boot .boot-actions button{background:#d7b56a;color:#2b2019;border:0;padding:6px 14px}
@media(max-width:700px){html[data-theme] .login-wrap.b-login{display:flex;align-items:flex-end;justify-content:center;padding:0;min-height:100svh;overflow:auto}.b-login .login-visual{position:absolute;inset:0;height:100%;width:100%;max-height:none;max-width:none;border-radius:0;box-shadow:none}.b-login .b-art{object-fit:cover;object-position:center top}html[data-theme] .b-login .login-card{align-self:flex-end;margin:0 12px max(32px,env(safe-area-inset-bottom));padding:18px 22px 16px;border-radius:20px;max-width:430px;background:#211813e8}.b-login .login-card .brand-mark,.b-login .login-card>.eyebrow,.b-login .login-card>h1,.b-login .login-card>.muted{display:none}.b-login .login-card label{margin-top:8px;font-size:12px}.b-login .login-card input{margin-top:3px;padding:9px 11px;min-height:42px}.b-login .login-card .primary{margin-top:15px;padding:10px 13px}.b-login .login-card small{margin-top:10px;font-size:10px}.b-login .login-card .error:empty{display:none}.b-boot .b-art{object-fit:cover;object-position:center top}}
@media(max-height:600px) and (max-width:700px){.login-wrap.b-login{padding-top:12px}.b-login .login-card{margin-top:10px}.b-login .login-visual{position:fixed}.b-login .login-card label{margin-top:4px}}

.b-login>.login-filing{position:absolute;z-index:2;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#d4c0a5;font-size:10px;text-decoration:none;background:#201714a8;padding:2px 7px;border-radius:5px}footer a{color:inherit}
