/**
* /var/www/pavel-gorin/public/css/auth.css
* Стили для компонента авторизации (ТОЛЬКО специфичные)
* Базовые стили модального окна взяты из modal.css
*/
/* === СПЕЦИФИКА AUTH — БЕЗ ДУБЛЕЙ modal-header === */
#loginModal .modal-body {
padding: 20px;
}
.input-group {
margin-bottom: 20px;
}
.input-group-text {
background-color: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.2);
border-right: none;
color: var(--color-text);
font-size: 16px;
padding: 12px 15px;
border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
.form-control {
background-color: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.2);
border-left: none;
color: var(--color-text);
font-size: 14px;
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
padding: 12px 15px;
}
.form-control:focus {
background-color: rgba(255, 255, 255, 0.12);
border-color: var(--color-primary);
border-left: none;
box-shadow: 0 0 0 0.2rem rgba(42, 87, 199, 0.25);
color: var(--color-white);
}
.form-control::placeholder {
color: var(--color-text-muted);
opacity: 0.6;
}
.form-control:disabled::placeholder {
color: var(--color-text-muted);
opacity: 0.3;
}
.btn-login {
background: linear-gradient(135deg, rgba(42, 87, 199, 0.8), rgba(42, 87, 199, 0.6));
border: none;
color: var(--color-white);
padding: 12px 30px;
border-radius: var(--radius-sm);
font-size: 16px;
font-weight: 600;
width: 100%;
transition: var(--transition-std);
}
.btn-login:hover {
background: linear-gradient(135deg, rgba(42, 87, 199, 0.9), rgba(42, 87, 199, 0.7));
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
}
.forgot-password,
.back-to-login {
color: var(--color-text-muted);
font-size: 12px;
text-decoration: none;
cursor: pointer;
}
.forgot-password:hover,
.back-to-login:hover {
color: var(--color-primary-light);
text-decoration: underline;
}
.success-message {
background: rgba(40, 167, 69, 0.2);
border: 1px solid rgba(40, 167, 69, 0.4);
border-radius: var(--radius-sm);
padding: 15px;
margin-top: 15px;
color: var(--color-success);
font-size: 14px;
font-weight: 500;
display: none;
}