/* Layout only. Colors, inputs, buttons and glass surfaces come from the live dashboard stylesheet. */
:root{--background:240 9% 4%;--foreground:0 0% 100%;--accent:240 10% 8%;--border:240 8% 20%;--muted-foreground:220 9% 62%}
html{scroll-behavior:smooth}body.pc-public{min-height:100svh;display:flex;flex-direction:column;margin:0;line-height:1.55}
.pc-public a{text-decoration:none}.pc-public button,.pc-public a{touch-action:manipulation}.pc-public a:focus-visible,.pc-public button:focus-visible{outline:2px solid var(--axc-brand);outline-offset:5px}
.pc-public p,.pc-public h1{margin:0}.pc-header,.pc-main,.pc-footer{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.pc-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pc-brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:650;letter-spacing:-1px;color:var(--axc-text)}
.pc-public .pc-brand,.pc-public .pc-brand:hover{color:var(--axc-text)!important}.pc-brand img{width:34px;height:34px}.pc-brand-dot{color:var(--axc-text-dim)}
.pc-header-nav{display:flex;align-items:center;gap:22px}.pc-nav-link{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--axc-text-dim)}.pc-nav-link:hover{color:var(--axc-text)}
.pc-status{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--axc-border);border-radius:999px;padding:9px 13px;color:var(--axc-text-dim);background:var(--axc-surface);font-size:10px}
.pc-status i{width:5px;height:5px;border-radius:50%;background:#6ee7b7}
.pc-main{flex:1}.pc-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--axc-border);font-size:10px;color:var(--axc-text-soft);margin-top:auto}
.pc-footer a{color:var(--axc-text-dim)}.pc-footer a span{margin-left:5px}.pc-skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--axc-brand);color:white;padding:10px 15px;border-radius:10px;transform:translateY(-150%)}.pc-skip:focus{transform:translateY(0)}
.pc-hero{display:grid;grid-template-columns:.73fr 1.27fr;gap:44px;align-items:center;min-height:calc(100svh - 169px);padding:55px 0 70px}
.pc-eyebrow{display:flex;align-items:center;gap:9px;color:var(--axc-text-dim);font-size:9px;font-weight:600;letter-spacing:1.4px}.pc-eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--axc-brand)}
.pc-hero h1{font-size:clamp(40px,4.05vw,58px);line-height:1.15;font-weight:600;letter-spacing:-2.1px;margin:24px 0}.pc-hero h1>span{color:var(--axc-text-dim)}
.pc-lead{font-size:14px;line-height:1.9;color:var(--axc-text-dim);max-width:400px}.pc-hero-actions{margin-top:29px}
.pc-button{display:inline-flex;align-items:center;gap:28px;justify-content:center;min-height:46px;padding:12px 19px;border-radius:10px;background:var(--axc-brand);color:white;font-size:12px;font-weight:600;border:1px solid var(--axc-brand);box-shadow:0 4px 14px rgba(22,87,255,.25);transition:background .15s}
.pc-button:hover{background:var(--axc-brand-hover);color:white}.pc-workspace-preview{min-width:0;scroll-margin-top:35px}.pc-preview-heading{display:flex;justify-content:space-between;gap:15px;color:var(--axc-text-soft);font-size:8px;letter-spacing:1.1px;margin-bottom:16px}.pc-preview-heading>span:last-child{letter-spacing:0;color:var(--axc-text-dim)}
.pc-preview-viewport{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;border:1px solid var(--axc-border);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.3);background:#0a0a0c}
.pc-workspace-frame{position:absolute;inset:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--preview-scale,.5));background:transparent}
.pc-login-main{display:flex;align-items:center;justify-content:center;padding:45px 0 65px}
body.pc-public .pc-login-panel{width:100%;max-width:460px;border-radius:20px!important;overflow:hidden}
.pc-login-heading{display:flex;align-items:center;gap:12px;padding:21px 28px;border-bottom:1px solid var(--axc-border);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--axc-text-dim)}
.pc-login-heading>.bi{margin-left:auto;font-size:14px;color:var(--axc-text-dim)}.pc-panel-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--axc-brand-soft);color:#93b4ff;font-size:17px}
.pc-login-content{padding:29px 28px 28px}.pc-login-content h1{font-size:26px;line-height:1.3;font-weight:600;letter-spacing:-.8px;color:var(--axc-text)}.pc-login-description{font-size:12px;color:var(--axc-text-dim);line-height:1.8;margin-top:10px!important;margin-bottom:28px!important}
.pc-label{display:block;font-size:12px;font-weight:500;margin-bottom:9px}body.theme-saf-cam.pc-public input.pc-code-input{height:48px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px}
body.theme-saf-cam.pc-public input.pc-code-input[aria-invalid="true"]{border-color:#fca5a5!important}.pc-help{font-size:10px;line-height:1.7;color:var(--axc-text-dim);margin-top:10px!important}
.pc-remember{display:flex;align-items:center;gap:9px;font-size:11px;margin:23px 0;cursor:pointer;width:fit-content}.pc-remember input{width:14px;height:14px;margin:0;cursor:pointer}
.pc-public .pc-login-submit{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:12px 15px}
.pc-login-footer{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--axc-border);padding:20px 28px;font-size:10px;color:var(--axc-text-dim);line-height:1.7}
.pc-login-footer>.bi{font-size:15px;color:var(--axc-text-dim)}.pc-form-error{font-size:11px;line-height:1.6;color:#fca5a5;margin-top:9px!important}
/* Other existing guest screens share the same surfaces. */
.pc-auth-main{max-width:440px;display:flex;flex-direction:column;justify-content:center;padding:45px 0 65px}.xh-title-section{text-align:center;margin-bottom:28px}.xh-title{font-size:36px;line-height:1.2;letter-spacing:-1px}.xh-subtitle{color:var(--axc-text-dim);font-size:13px;margin-top:14px!important}
.xh-card{padding:27px;background:rgba(18,18,22,.55);backdrop-filter:blur(20px);border:1px solid var(--axc-border);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.xh-card>*+*{margin-top:18px}.xh-button{display:block;width:100%;padding:12px 18px;border:1px solid var(--axc-brand);border-radius:10px;background:var(--axc-brand);color:white;font-size:13px;cursor:pointer;text-align:center}.xh-button-secondary{background:var(--axc-surface);border-color:var(--axc-border);color:var(--axc-text)}.xh-help,.xh-footer{font-size:11px;color:var(--axc-text-dim);margin-top:17px!important}.xh-footer{text-align:center}.xh-footer a,.xh-link{color:#93b4ff}.xh-error{color:#fca5a5;font-size:12px}.xh-success{color:#6ee7b7;font-size:12px}
@media(max-width:1150px){.pc-header,.pc-main,.pc-footer{width:calc(100% - 64px)}.pc-hero{grid-template-columns:.78fr 1.22fr;gap:28px}.pc-hero h1{font-size:45px;letter-spacing:-1.8px}.pc-lead{font-size:13px}.pc-preview-heading{font-size:7px;letter-spacing:.7px}}
@media(max-width:900px){.pc-hero{grid-template-columns:1fr;gap:40px;padding:40px 0 50px;min-height:auto}.pc-hero-copy{max-width:540px}.pc-hero h1{font-size:54px}.pc-lead{max-width:500px}.pc-workspace-preview{width:100%;max-width:760px;margin:auto}.pc-preview-heading{font-size:8px}.pc-status{display:none}}
@media(max-width:640px){.pc-header,.pc-main,.pc-footer{width:calc(100% - 40px)}.pc-header{min-height:82px;gap:12px}.pc-brand{font-size:23px;gap:9px}.pc-brand img{width:31px;height:31px}.pc-header-nav{gap:12px}.pc-nav-link{font-size:11px}.pc-hero{padding:30px 0 37px;gap:35px}.pc-hero h1{font-size:45px;letter-spacing:-1.8px;margin:22px 0}.pc-lead{font-size:13px;line-height:1.85}.pc-eyebrow{font-size:8px;letter-spacing:1.1px}.pc-hero-actions{margin-top:25px}.pc-button{font-size:11px;min-height:44px}.pc-preview-heading{font-size:6px;letter-spacing:.5px;margin-bottom:11px}.pc-preview-viewport{border-radius:13px}.pc-footer{font-size:9px;padding:22px 0}.pc-footer-note{display:none}.pc-login-main{padding:27px 0 42px;align-items:center}.pc-login-heading{padding:19px 23px}.pc-login-content{padding:26px 23px}.pc-login-content h1{font-size:25px}.pc-login-footer{padding:19px 23px}body.theme-saf-cam.pc-public input.pc-code-input{font-size:16px!important;letter-spacing:-.4px}.pc-auth-main{padding:30px 0 45px}.xh-card{padding:24px}}
@media(max-width:360px){.pc-header,.pc-main,.pc-footer{width:calc(100% - 32px)}.pc-hero h1{font-size:40px}.pc-login-heading,.pc-login-content,.pc-login-footer{padding-left:19px;padding-right:19px}.pc-login-content h1{font-size:23px}body.theme-saf-cam.pc-public input.pc-code-input{letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pc-button{transition:none}}