/* Auth & Profile Pages
   Page backgrounds come from the unified body --page-bg system in shared.css. */

.auth-form-wrapper { width: 100%; }

/* Password visibility toggle */
.pw-wrap { position: relative; }
.pw-wrap .form-control { padding-right: 2.8rem !important; }
.pw-toggle {
    position: absolute; right: 0.35rem; top: 50%; transform: translateY(-50%);
    background: none; border: none;
    color: var(--text-muted); cursor: pointer;
    padding: 0.4rem 0.6rem; font-size: 0.95rem;
    transition: color 0.2s ease;
}
.pw-toggle:hover { color: var(--primary); }

/* Live players pill on the auth side panel */
.auth-pill-live {
    display: inline-flex; align-items: center; gap: 0.45rem;
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: var(--success) !important;
}
.auth-pill-live .online-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.9);
}

/* Validation */
.validation-message { color: var(--danger); font-size: 0.875rem; margin-top: 0.25rem; display: block; }
.field-validation-error { color: var(--danger); font-size: 0.875rem; margin-top: 0.25rem; }
.field-validation-valid { display: none; }
.input-validation-error { border-color: var(--danger) !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.12) !important; }

/* Alert Messages */
.alert { padding: 1rem 1.5rem; border-radius: 12px; margin-bottom: 1.5rem; border: 1px solid; }
.alert-success { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.3); color: var(--success); }
.alert-danger   { background: rgba(239,68,68,0.1);  border-color: rgba(239,68,68,0.3);  color: var(--danger); }
.alert-warning  { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.3); color: var(--warning); }
.alert-info     { background: rgba(6,182,212,0.1);  border-color: rgba(6,182,212,0.3);  color: var(--info); }

/* Responsive */
@media (max-width: 768px) {
    .auth-page { padding: 2rem 0 !important; align-items: flex-start !important; }
}