/* css/components/_auth.css */
/* Enthält die Stile für das Login-/Registrierungs-Modal */

#authModal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.6); z-index: 20000;
    display: flex; justify-content: center; align-items: center;
    backdrop-filter: blur(5px);
}
.auth-content {
    background-color: var(--bg-modal); padding: 2rem; border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); text-align: center;
    width: 100%; max-width: 380px;
}
.auth-content h2 { margin-top: 0; }

/* Allgemeine Input-Stile für dieses Modal */
.auth-content input[type="email"],
.auth-content input[type="password"],
.auth-content input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 1rem;
    border-radius: 4px;
    border: 1px solid var(--border-color-dark);
    background-color: var(--bg-input);
    color: var(--text-primary);
    box-sizing: border-box; 
}

/* Spezifische Passwort-Regeln wurden nach _forms.css verschoben und hier entfernt. */

.auth-content button { 
    width: 100%; 
    padding: 10px; 
    border: none; 
    border-radius: 4px; 
    background-color: var(--bg-today-button); 
    color: var(--text-white); 
    cursor: pointer; 
    font-size: 1rem; 
}
.auth-content button:hover { background-color: var(--bg-today-button-hover); }
.auth-content .remember-me { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 0.9em; }
#authError { color: #dc3545; margin-top: 1rem; min-height: 1.2em; font-size: 0.9em;}
.auth-switch { margin-top: 1.5rem; font-size: 0.9em; }
.auth-switch a { color: var(--text-link); cursor: pointer; text-decoration: underline; }