/* Visual-only login branding. Authentication controls and scripts stay unchanged. */
body.ruya-login { min-height: 100vh; height: auto; overflow: auto; padding: 32px; background: radial-gradient(ellipse at 15% 15%,#29174c 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#120b35 0,transparent 55%),#06041A !important; }
.ruya-login #form1 { min-height: calc(100vh - 64px); }
.ruya-login .ruya-login-shell { height: auto; min-height: 700px; max-height: none; border: 1px solid #352A4D; background: #111020; box-shadow: 0 30px 100px #0005; }
.ruya-login .ruya-login-art { background: linear-gradient(145deg,#120B35,#0C081F 70%); border-color: #352A4D; }
.ruya-login .ruya-login-panel { background: #111020; }
.ruya-login .ruya-login-content { max-width: 480px; }
.ruya-login .ruya-login-logo { width: 192px; height: auto; }
.ruya-login .ruya-mobile-logo { display: none; margin-bottom: 32px; }
.ruya-login .premium-input { background: #19132E !important; border-color: #352A4D !important; color: #F6F3FF !important; }
.ruya-login .premium-input:focus { border-color: #9B7DFF !important; box-shadow: 0 0 0 4px #9b7dff22; }
.ruya-login #btnLogin { background: #9B7DFF !important; color: #06041A !important; box-shadow: 0 6px 24px #9b7dff25; }
.ruya-login #btnLogin:hover { background: #C8B7FF !important; }
.ruya-login :is(.float-badge-1,.float-badge-2) { background: #19132E !important; border-color: #493765 !important; }
.ruya-login .error-message { color: #FDA4AF; }
.ruya-login .ruya-brand-caption { color: #C8B7FF; font-size: 13px; letter-spacing: .06em; margin-top: 10px; }
.ruya-login .ruya-login-art svg [fill="#38bdf8"], .ruya-login .ruya-login-art svg [fill="#10b981"] { fill: #9B7DFF; }
.ruya-login .ruya-login-art svg [fill="#818cf8"] { fill: #C8B7FF; }
.ruya-login .ruya-login-art svg [stroke="#38bdf8"], .ruya-login .ruya-login-art svg [stroke="#10b981"] { stroke: #9B7DFF; }
.ruya-login .ruya-login-art svg [stroke="#6366f1"] { stroke: #7A4EFF; }
@media(max-width:767px) { body.ruya-login { padding: 16px; } .ruya-login #form1 { min-height: calc(100vh - 32px); } .ruya-login .ruya-login-shell { min-height: 0; } .ruya-login .ruya-login-content { padding: 32px 24px; } .ruya-login .ruya-mobile-logo { display: block; } }

/* The sign-in page shares the workspace's persisted theme preference. */
body.ruya-login { padding-top: 20px; }
.ruya-login .ruya-login-theme { position: absolute; top: 20px; inset-inline-end: 32px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--ruya-border); border-radius: 999px; padding: 9px 14px; background: var(--ruya-panel); color: var(--ruya-text); font-size: 12px; font-weight: 600; z-index: 20; }
.ruya-login .ruya-login-panel, .ruya-login .ruya-login-shell { background: var(--ruya-panel); border-color: var(--ruya-border); }
.ruya-login .premium-input { background: var(--ruya-raised) !important; color: var(--ruya-text) !important; border-color: var(--ruya-border) !important; }
html:not(.dark) body.ruya-login { background: radial-gradient(ellipse at 15% 15%,#E7DFFF,transparent 55%),#F6F4FC !important; }
html:not(.dark) .ruya-login .ruya-login-art { color: #F6F3FF; }
html:not(.dark) .ruya-login .ruya-login-art :is(.text-slate-800,.text-slate-400) { color: #C8B7FF !important; }
.ruya-login .ruya-login-art .bg-white { background: #19132E !important; border-color: #493765 !important; }
html:not(.dark) .ruya-login .error-message { color: #BE123C; }
html:not(.dark) .ruya-login .ruya-logo-on-dark, html.dark .ruya-login .ruya-logo-on-light { display: none; }
@media(max-width:767px) { .ruya-login .ruya-login-theme { inset-inline-end: 16px; } }