/* Public/security entry surfaces only. No authenticated workspace selectors. */
@media screen {
:is(body.atomic-public,body.security-page),#adminLockOverlay {
 --atomic-green:#32ee9b;--atomic-bright:#32ee9b;--atomic-mint:#103825;--bg-neutral:#030d08;--card-bg:#071a11;--text-dark:#f2faf5;--text-muted:#bbcec4;--border-color:#355c49;--focus-ring:#ffffff;
 color:#f2faf5;background:#030d08;color-scheme:dark;font:16px/1.5 system-ui,sans-serif;
}
body.atomic-public{align-items:flex-start;padding:100px 16px 48px}
.atomic-public *{font-family:system-ui,sans-serif;min-width:0;box-sizing:border-box}
.atomic-public .top-header{background:#06180ff5;border-color:#355c49;box-shadow:none}
.atomic-public .signup-container,.security-page main,#adminLockOverlay .lock-card{background:#071a11;color:#f2faf5;border:1px solid #355c49;box-shadow:0 16px 48px #0006;border-radius:24px;min-width:0;overflow-wrap:anywhere}
.atomic-public .signup-container{padding:28px;max-width:650px}
.atomic-public .auth-nav{background:#04100a;border-color:#355c49;margin-bottom:24px}
.atomic-public .auth-tab{background:transparent;color:#bbcec4;box-shadow:none}
.atomic-public .auth-tab.active{background:#32ee9b;color:#052013;box-shadow:none}
.atomic-public .element-box{background:#103825;border-color:#32ee9b}
.atomic-public :is(.logo-rest,.element-symbol){color:#f2faf5}
.atomic-public .element-number{color:#32ee9b}
.atomic-public :is(.skills-selection-box,.v3-skill-card,.social-input-wrapper){background:#0b281b!important;border-color:#355c49!important;color:#f2faf5}
.atomic-public .skill-item-row{border-color:#355c49}
.atomic-public :is(.v3-step button,.social-btn){background:#103825!important;color:#f2faf5!important;border:1px solid #397859!important;box-shadow:none}
.atomic-public :is(input:not([type=checkbox]):not([type=radio]),select),.security-page input,#adminLockOverlay input {
 width:100%;max-width:100%;min-width:0;min-height:48px;background:#04100a;color:#f2faf5;border:1px solid #729987;border-radius:14px;padding:12px;font:16px/1.5 system-ui,sans-serif;box-sizing:border-box;
}
.atomic-public input::placeholder,.security-page input::placeholder,#adminLockOverlay input::placeholder{color:#bbcec4;opacity:1}
.atomic-public :is(input,select):focus{background:#04100a;color:#f2faf5}
.atomic-public label,.security-page label,#adminLockOverlay label{color:#bbcec4;line-height:1.5}
.atomic-public :is(button,.btn-submit),.security-page button,#adminLockOverlay button {min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;border:1px solid #397859;border-radius:24px;padding:10px 16px;background:#103825;color:#f2faf5;font:750 16px/1.4 system-ui,sans-serif;cursor:pointer;box-shadow:none}
.atomic-public .btn-submit,.security-page button[type=submit],#adminLockOverlay button[type=submit]{background:#32ee9b;color:#052013;border-color:#32ee9b}
.atomic-public #loginForm>button{width:100%;margin-top:12px}
.atomic-public :is(button,input,select,a):focus-visible,.security-page :is(button,input,a):focus-visible,#adminLockOverlay :is(button,input,a):focus-visible{outline:3px solid #fff;outline-offset:3px}
.atomic-public button:hover:not(:disabled),.security-page button:hover:not(:disabled),#adminLockOverlay button:hover:not(:disabled){filter:brightness(1.15)}
.atomic-public button:active:not(:disabled),.security-page button:active:not(:disabled),#adminLockOverlay button:active:not(:disabled){filter:brightness(.85)}
.atomic-public :disabled,.security-page :disabled,#adminLockOverlay :disabled{opacity:.6;cursor:not-allowed}
.security-page main{margin:clamp(16px,6vh,64px) auto;padding:28px}
.security-page :is(h1,h2),#adminLockOverlay h1{line-height:1.2;color:#f2faf5}
.security-page :is(p,code),#adminLockOverlay p{color:#bbcec4;overflow-wrap:anywhere;white-space:normal}
.security-page a,#adminLockOverlay a{color:#32ee9b;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.security-page #enroll-step{background:#04100a;border:1px solid #355c49;border-radius:16px;padding:16px}
.security-page #enroll-key{display:block;overflow-wrap:anywhere;font:15px/1.7 ui-monospace,monospace}
.security-page #enroll-status:not(:empty){padding:12px;background:#302a10;border:1px solid #8e7e3e;border-radius:14px;color:#ffe16a}
.security-page [hidden],#adminLockOverlay [hidden]{display:none!important}
#adminLockOverlay{padding:24px;align-items:flex-start;overflow:auto}
#adminLockOverlay .lock-card{margin:auto;flex-shrink:0;max-width:min(460px,100%)}
#adminLockOverlay form{display:grid;gap:10px}
#adminLockOverlay label{margin:0}
#adminLockOverlay button{width:100%}
:is(.atomic-public,.security-page) #production-message,body:has(#adminLockOverlay) #production-message{background:#071a11;color:#f2faf5;border:1px solid #355c49;border-radius:22px;padding:24px;width:calc(100% - 32px);max-width:520px;font:16px/1.6 system-ui,sans-serif;overflow-wrap:anywhere;color-scheme:dark}
:is(.atomic-public,.security-page) #production-message::backdrop,body:has(#adminLockOverlay) #production-message::backdrop{background:#020a07cc}
:is(.atomic-public,.security-page) #production-message button,body:has(#adminLockOverlay) #production-message button{background:#103825;color:#f2faf5;border:1px solid #397859;border-radius:24px;min-height:44px;padding:10px 18px}
:is(.atomic-public,.security-page) #production-message button:focus-visible,body:has(#adminLockOverlay) #production-message button:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:600px){body.atomic-public{padding:88px 12px 44px}.atomic-public .signup-container{padding:20px 16px}.security-page main{padding:20px}#adminLockOverlay{padding:12px}.atomic-public .input-row{flex-direction:column;gap:0}}
}