:root {
    --primary: #1a73e8;
    --primary-dark: #1557b0;
}

body {
    background: #f0f2f5;
}

/* Шапка */
.navbar-brand {
    font-weight: 700;
    font-size: 1.25rem;
}

/* Карточка наряда */
.task-card {
    transition: transform 0.2s;
}
.task-card:hover {
    transform: translateY(-2px);
}

/* Статусы */
.status-badge {
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
}
.status-new { background: #e3f2fd; color: #1565c0; }
.status-assigned { background: #fff3e0; color: #e65100; }
.status-en_route { background: #e8f5e9; color: #2e7d32; }
.status-in_progress { background: #fff9c4; color: #f57f17; }
.status-completed { background: #e8f5e9; color: #2e7d32; }
.status-cancelled { background: #fce4ec; color: #c62828; }

/* Страница входа */
.login-container {
    max-width: 400px;
    margin: 80px auto;
}

/* Мобильная оптимизация */
@media (max-width: 576px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Боковая панель */
.sidebar-link {
    color: #333;
    transition: all 0.2s;
    font-size: 0.9rem;
}
.sidebar-link:hover {
    background: #f0f2f5;
    color: #1a73e8;
}
.sidebar-link.active {
    background: #e3f2fd;
    color: #1a73e8;
    font-weight: 600;
}

/* На мобильных — боковая панель скрыта */
@media (max-width: 767px) {
    .sidebar {
        position: fixed;
        z-index: 1000;
        height: 100vh;
        margin-left: -260px;
    }
}