/* ========================================
   RoadwaySC - Базовые стили (site.css)
   Только уникальные стили, не дублирующие тему
   ======================================== */

/* Базовые настройки */
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin-bottom: 60px;
    background: linear-gradient(135deg, #FAFAFA 0%, #F5F5F5 100%);
    font-family: 'Segoe UI', 'Inter', system-ui, -apple-system, sans-serif;
}

/* Утилиты для отступов */
.mt-6 { margin-top: 4rem; }
.mb-6 { margin-bottom: 4rem; }

/* Стили для пустых состояний */
.empty-state {
    text-align: center;
    padding: 3rem;
    background: var(--white);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
}

.empty-state i {
    font-size: 3rem;
    color: var(--gray-400);
    margin-bottom: 1rem;
}

/* Стили для загрузки */
.loading-spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--gray-300);
    border-radius: 50%;
    border-top-color: var(--green-primary);
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Стили для чекбоксов (современные) */
.form-check-input {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.15rem;
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--green-primary);
    border-color: var(--green-primary);
}

/* Градиентные акценты */
.bg-gradient-brown {
    background: linear-gradient(135deg, var(--brown-dark), var(--brown-medium));
}

.bg-gradient-green {
    background: linear-gradient(135deg, var(--green-primary), var(--green-light));
}