/* Login and post-login room picker. */
.site-header { display:none; }
.site-content.mt-32 { min-height:100vh; min-height:100dvh; display:flex; align-items:center; margin-top:0; }
.site-content .hero { width:100%; padding:40px 20px; }
.hero .container,.hero .hero-inner,.hero .split-wrap,.hero .split-wrap .split-item { width:100%; max-width:none; padding:0; margin:0; }
.hero .split-wrap .split-item .split-item-content { width:100% !important; max-width:460px; margin:0 auto !important; }
.beyondmed-brand { display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:24px; }
.beyondmed-brand__logo { display:block; width:64px; height:64px; object-fit:contain; }
.beyondmed-brand__caption { color:var(--bm-muted); font-size:13px; font-weight:500; }
.login-icon { width:44px; height:44px; margin-bottom:20px; } .login-icon i { font-size:18px; }
.login-title,.login-card .join-room-title { color:var(--bm-ink); font-size:25px; }
.login-input-group i:not(.toggle-password),.login-input-group .toggle-password { color:var(--bm-muted); }
.login-input-group:focus-within i:not(.toggle-password),.login-input-group .toggle-password:hover { color:#0C8FF9; }
.login-card .login-btn,.login-card .join-room-btn { min-height:50px; }
.login-card .random-room-btn,.login-card .share-room-btn { color:#0C8FF9; background:#191e25; border-color:var(--bm-line); }
.login-card .random-room-btn:hover,.login-card .share-room-btn:hover { background:#222a35; border-color:var(--bm-blue); }
.login-input-group .toggle-password { display:grid; place-items:center; min-width:36px; min-height:44px; right:4px; }
@media(max-width:640px) { .site-content .hero { padding:24px 16px; } }

#loginForm { border:1px solid var(--bm-line); border-radius:16px; }
#loginDescription,.login-card .login-description { color:var(--bm-muted); }
.login-card #roomName { color:var(--bm-ink); }

.login-input-group .form-input { padding-left:16px; }
.login-input-group .form-input:has(~ .toggle-password) { padding-right:90px; }
.login-input-group .toggle-password { right:8px; width:72px; font-size:11px; font-family:inherit; color:var(--bm-muted); }
.login-input-group .toggle-password::before { content:none; }
.room-input-row { flex-wrap:wrap; }
.room-input-row .login-input-group { flex:1 0 100%; }
.login-card .random-room-btn,.login-card .share-room-btn { min-height:44px; padding:0 12px; font-family:inherit; font-size:12px; }
.beyondmed-brand { margin-bottom:28px; }
.login-title { margin-bottom:28px; }