/* Cinematic login, scoped independently of the panel theme. */
html[data-theme] #loginScreen{min-height:100vh;min-height:100svh;padding:48px clamp(28px,7vw,140px);justify-content:flex-end;background:#080f18 url('/images/login-background-v2.jpg') center center/cover no-repeat;color:#edf5f7;isolation:isolate}
html[data-theme] #loginScreen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 35%,rgba(5,12,21,.12) 58%,rgba(5,12,21,.4))}
html[data-theme] #loginScreen .login-blob{display:none}
html[data-theme] #loginScreen .login-card{width:420px;max-width:100%;flex-shrink:0;background:rgba(12,22,34,.82);border:1px solid rgba(173,218,220,.19);border-radius:26px;box-shadow:0 28px 80px #0008,inset 0 1px 0 #ffffff08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme] #loginScreen .login-inner{padding:38px 34px 32px}
html[data-theme] #loginScreen .login-topbar{height:2px;background:linear-gradient(90deg,transparent,#65dfbb,transparent)}
html[data-theme] #loginScreen .login-logo{margin-bottom:16px}
html[data-theme] #loginScreen .login-logo h1{color:#f0f7f8}
html[data-theme] #loginScreen .login-logo span{color:#65dfbb}
html[data-theme] #loginScreen .logo-mark{background:linear-gradient(135deg,#65dfbb,#36b9a9);color:#08221b;box-shadow:0 6px 22px #65dfbb20}
html[data-theme] #loginScreen :is(.login-sub,.login-foot){color:#a9b9c9;line-height:1.7}
html[data-theme] #loginScreen .field label{color:#c8d5df;font-size:11px;letter-spacing:.08em}
html[data-theme] #loginScreen .field input{background:#08121dd9;border:1px solid #91b7c12e;color:#f0f7f8;min-height:48px;border-radius:12px}
html[data-theme] #loginScreen .field input::placeholder{color:#8394a7}
html[data-theme] #loginScreen .field input:focus{border-color:#65dfbb;box-shadow:0 0 0 3px #65dfbb20}
html[data-theme] #loginScreen .btn-login{background:linear-gradient(105deg,#74e6c3,#46c9af);color:#08261e;min-height:48px;box-shadow:0 7px 24px #37c7a926}
html[data-theme] #loginScreen .btn-login:focus-visible{outline:2px solid #d4fff0;outline-offset:4px}
html[data-theme] #loginScreen .btn-login::before{animation:none}
html[data-theme] #loginScreen .login-foot{padding-top:20px;border-top:1px solid #ffffff0d;font-size:11px}
@media(max-width:760px){html[data-theme] #loginScreen{padding:260px 20px 32px;align-items:flex-start;justify-content:center;background-size:auto 590px;background-position:35% top}html[data-theme] #loginScreen::before{background:linear-gradient(180deg,transparent 100px,rgba(8,15,24,.22) 235px,#080f18 565px)}html[data-theme] #loginScreen .login-card{background:rgba(12,22,34,.94);border-radius:22px}html[data-theme] #loginScreen .login-inner{padding:28px 24px 24px}}

html[data-theme] #loginScreen [hidden]{display:none!important}
html[data-theme] #loginScreen #authSwitch{border:0;background:none;color:#74e6c3;cursor:pointer;font:inherit;font-weight:700;padding:6px 4px}
html[data-theme] #loginScreen #authSwitch:focus-visible{outline:2px solid #74e6c3;outline-offset:2px;border-radius:4px}
html[data-theme] #loginScreen .register-note{font-size:12px;line-height:1.6;color:#a9b9c9;margin:0 0 14px}
html[data-theme] #loginScreen #registerSuccess{padding:12px;margin-bottom:20px;border:1px solid #65dfbb40;background:#65dfbb14;color:#a5f3d6;border-radius:12px;line-height:1.6;font-size:13px}