/* Кастомные стили для админки Asset Manager */

/* Стили для полей Available и Chosen */
.selector-available, 
.selector-chosen {
    background-color: #272b30 !important;
    border: 1px solid #3a3f44 !important;
    color: #c8c8c8 !important;
}

.selector-available h2, 
.selector-chosen h2 {
    background-color: #3a3f44 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #4a4f55 !important;
    font-weight: 600 !important;
}

.selector .selector-filter {
    background-color: #272b30 !important;
    border: 1px solid #3a3f44 !important;
    color: #c8c8c8 !important;
}

.selector .selector-filter label {
    color: #c8c8c8 !important;
    font-weight: 500 !important;
}

.selector .selector-filter input {
    background-color: #1c1e22 !important;
    border: 1px solid #3a3f44 !important;
    color: #c8c8c8 !important;
    padding: 4px 8px !important;
}

.selector .selector-filter input:focus {
    border-color: #5a6268 !important;
    box-shadow: 0 0 0 0.2rem rgba(90, 98, 104, 0.25) !important;
}

.selector select {
    background-color: #272b30 !important;
    border: 1px solid #3a3f44 !important;
    color: #c8c8c8 !important;
}

.selector select option {
    background-color: #272b30 !important;
    color: #c8c8c8 !important;
    padding: 8px 12px !important;
}

.selector select option:hover {
    background-color: #3a3f44 !important;
    color: #ffffff !important;
}

.selector select option:checked {
    background-color: #5a6268 !important;
    color: #ffffff !important;
}

/* Стили для кнопок стрелок */
.selector-add, 
.selector-remove {
    background-color: #3a3f44 !important;
    border: 1px solid #4a4f55 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
}

.selector-add:hover, 
.selector-remove:hover {
    background-color: #4a4f55 !important;
    border-color: #5a6268 !important;
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* Улучшаем видимость выбранных элементов */
.selector-chosen select option:checked {
    background: linear-gradient(#5a6268, #4a4f55) !important;
    color: #ffffff !important;
}

/* Стили для всех select элементов в админке */
select {
    background-color: #272b30 !important;
    border: 1px solid #3a3f44 !important;
    color: #c8c8c8 !important;
}

select:focus {
    border-color: #5a6268 !important;
    box-shadow: 0 0 0 0.2rem rgba(90, 98, 104, 0.25) !important;
}

/* Улучшаем контрастность текста в формах */
.form-group label {
    color: #e9ecef !important;
    font-weight: 500 !important;
}

.help-block {
    color: #9aa0a5 !important;
}

/* Стили для таблиц */
.table {
    color: #c8c8c8 !important;
}

.table th {
    background-color: #3a3f44 !important;
    color: #ffffff !important;
    border-color: #4a4f55 !important;
}

.table td {
    border-color: #4a4f55 !important;
    background-color: #272b30 !important;
}

/* Улучшаем видимость активных элементов */
.btn-primary {
    background: #2563eb !important;
    border: none !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.btn-primary:hover {
    background: #1e40af !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

/* Кастомные стили для админки Asset Manager */

/* Общие стили */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Карточки и контейнеры */
.dashboard .module table th {
    width: 100%;
}

.module {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Таблицы */
#changelist table thead th {
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

#changelist table tbody tr:hover {
    background: #f8fafc;
}

/* Формы */
.form-row {
    border-bottom: 1px solid #e2e8f0;
    padding: 15px 0;
}

.submit-row {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

/* Баджи и статусы */
.badge {
    font-size: 0.75em;
    font-weight: 500;
}

/* Прогресс-бары */
.progress {
    border-radius: 4px;
    background: #e2e8f0;
}

.progress-bar {
    border-radius: 4px;
}

/* Иконки */
.field-get_status_badge img,
.field-get_domain_status img {
    vertical-align: middle;
}

/* Сайдбар */
#jazzy-sidebar {
    background: #1e293b;
}

#jazzy-sidebar .sidebar-brand {
    color: #f8fafc;
    font-weight: 600;
}

#jazzy-sidebar .nav-sidebar .nav-link {
    color: #cbd5e1;
    border-radius: 6px;
    margin: 2px 8px;
}

#jazzy-sidebar .nav-sidebar .nav-link:hover,
#jazzy-sidebar .nav-sidebar .nav-link.active {
    background: #3b82f6;
    color: white;
}

/* Верхняя навигация */
.navbar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Карточки в дашборде */
.dashboard .module {
    margin-bottom: 20px;
}

/* Кнопки */
.btn {
    border-radius: 6px;
    font-weight: 500;
}

.btn-primary {
    background: #3b82f6;
    border-color: #3b82f6;
}

/* Фильтры */
.selector {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.selector-available, 
.selector-chosen {
    background: white;
}

.selector-available h2, 
.selector-chosen h2 {
    background: #f8fafc;
    color: #374151;
    font-weight: 600;
}

/* Адаптивность */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.1rem;
    }
    
    #jazzy-sidebar {
        width: 100%;
    }
}

/* Темная тема поддержка */
[data-theme="dark"] {
    --primary: #1e293b;
    --secondary: #334155;
    --success: #10b981;
    --info: #3b82f6;
    --warning: #f59e0b;
    --danger: #ef4444;
}

/* Кастомные утилиты */
.text-muted {
    color: #6b7280 !important;
}

.border {
    border-color: #e2e8f0 !important;
}

/* Улучшенные таблицы */
.table th {
    font-weight: 600;
    color: #374151;
}

.table td {
    vertical-align: middle;
}

/* Формы */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 12px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

body.login-page {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.login-box {
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
    padding: 40px !important;
    margin: 20px !important;
    border: none !important;
}

.login-logo {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.login-logo a {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
}

.login-card-body {
    padding: 0 !important;
}

.login-box-msg {
    color: #64748b !important;
    font-size: 16px !important;
    margin-bottom: 30px !important;
    text-align: center !important;
}

.input-group-text {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-right: none !important;
}

.form-control {
    border: 2px solid #e2e8f0 !important;
    border-left: none !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
}

.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

/* Стили для статусов проектов */
.status-planning { background-color: #6c757d; color: white; }
.status-preparation { background-color: #17a2b8; color: white; }
.status-execution { background-color: #007bff; color: white; }
.status-completion { background-color: #28a745; color: white; }
.status-completed { background-color: #20c997; color: white; }

/* Карточки с цветными заголовками */
.card-header.bg-primary { background: linear-gradient(135deg, #007bff, #0056b3) !important; }
.card-header.bg-success { background: linear-gradient(135deg, #28a745, #1e7e34) !important; }
.card-header.bg-warning { background: linear-gradient(135deg, #ffc107, #e0a800) !important; }
.card-header.bg-info { background: linear-gradient(135deg, #17a2b8, #138496) !important; }