/* FACULTY THEMES - Matching existing Web Forms CSS */
.live-dot.disconnected {
    color: #999;
    animation: none;
}
/* ---- NDA THEME (Navy background, teal accents) ---- */
.theme-nda.login-page { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); }
.theme-nda .academy-name { color: rgba(255,255,255,0.9); }
.theme-nda .login-title { color: white; }
.theme-nda .login-subtitle { color: rgba(255,255,255,0.8); }
.theme-nda .form-group label { color: rgba(255,255,255,0.9); }
.theme-nda .login-input { background: rgba(255,255,255,0.95); border: 1px solid rgba(255,255,255,0.2); color: #333; }
.theme-nda .login-input:focus { border-color: #00b894; box-shadow: 0 0 0 3px rgba(0,184,148,0.1); background: white; }
.theme-nda .login-input::placeholder { color: #888; }
.theme-nda .checkbox-label { color: rgba(255,255,255,0.8); }
.theme-nda .checkbox-label input[type="checkbox"] { accent-color: #00b894; }
.theme-nda .login-btn { background: linear-gradient(135deg, #00b894 0%, #00cec9 100%); box-shadow: 0 4px 15px rgba(0,184,148,0.3); }
.theme-nda .login-btn:hover { background: linear-gradient(135deg, #00a085 0%, #00b894 100%); box-shadow: 0 6px 20px rgba(0,184,148,0.4); }
.theme-nda .forgot-link, .theme-nda .signup-link { color: #00b894; }
.theme-nda .signup-text { color: rgba(255,255,255,0.8); }
.theme-nda .dashboard-body { background: linear-gradient(to right, #151f6d 0%, #0d6b9f 95%); color: white; }
.theme-nda .nav-grid a:hover { background: #0b3b85; color: white; }
.theme-nda .btn-logout { background: #0b3b85; color: white; }
.theme-nda .btn-logout:hover { background: #145db2; }

/* ---- NMA THEME (Dark background, crimson accents) ---- */
.theme-nma.login-page { background: #1a1a1a; }
.theme-nma .academy-name { color: rgba(255,255,255,0.7); }
.theme-nma .login-title { color: white; }
.theme-nma .login-subtitle { color: rgba(255,255,255,0.6); }
.theme-nma .form-group label { color: rgba(255,255,255,0.9); }
.theme-nma .login-input { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: white; }
.theme-nma .login-input:focus { border-color: #ff4757; box-shadow: 0 0 0 3px rgba(255,71,87,0.15); background: rgba(255,255,255,0.12); }
.theme-nma .login-input::placeholder { color: rgba(255,255,255,0.4); }
.theme-nma .checkbox-label { color: rgba(255,255,255,0.8); }
.theme-nma .checkbox-label input[type="checkbox"] { accent-color: #ff4757; }
.theme-nma .login-btn { background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%); box-shadow: 0 4px 15px rgba(255,71,87,0.3); }
.theme-nma .login-btn:hover { background: linear-gradient(135deg, #e84050 0%, #ff4757 100%); box-shadow: 0 6px 20px rgba(255,71,87,0.4); }
.theme-nma .forgot-link, .theme-nma .signup-link { color: #ff4757; }
.theme-nma .signup-text { color: rgba(255,255,255,0.6); }
.theme-nma .dashboard-body { background: linear-gradient(to right, #2d3748 0%, #4a5568 95%); color: white; }
.theme-nma .nav-grid a:hover { background: #ff4757; color: white; }
.theme-nma .btn-logout { background: #ff4757; color: white; }
.theme-nma .btn-logout:hover { background: #e84050; }

/* ---- BOM THEME (Light background, red accents) ---- */
.theme-bom.login-page { background: #f8f9fa; }
.theme-bom .academy-name { color: #666; }
.theme-bom .login-title { color: #1a1a1a; }
.theme-bom .login-subtitle { color: #666; }
.theme-bom .form-group label { color: #333; font-weight: 600; }
.theme-bom .login-input { background: rgba(200,210,230,0.25); border: 1px solid #e0e0e0; color: #333; }
.theme-bom .login-input:focus { border-color: #e53e3e; box-shadow: 0 0 0 3px rgba(229,62,62,0.12); background: white; }
.theme-bom .login-input::placeholder { color: #aaa; }
.theme-bom .checkbox-label { color: #333; }
.theme-bom .checkbox-label input[type="checkbox"] { accent-color: #e53e3e; }
.theme-bom .login-btn { background: linear-gradient(135deg, #e53e3e 0%, #ef5350 100%); box-shadow: 0 4px 15px rgba(229,62,62,0.3); }
.theme-bom .login-btn:hover { background: linear-gradient(135deg, #d32f2f 0%, #e53e3e 100%); box-shadow: 0 6px 20px rgba(229,62,62,0.4); }
.theme-bom .forgot-link, .theme-bom .signup-link { color: #e53e3e; }
.theme-bom .signup-text { color: #666; }
.theme-bom .dashboard-body { background: #f5f5f5; color: #333; }
.theme-bom .welcome-header h2 { color: #333; }
.theme-bom .role-display { color: rgba(0,0,0,0.6); }
.theme-bom .nav-grid a:hover { background: #e53e3e; color: white; }
.theme-bom .btn-logout { background: #e53e3e; color: white; }
.theme-bom .btn-logout:hover { background: #d32f2f; }