/* ==============================================
   WORK-TAB.CSS - Стили для вкладки "В работе"
   ============================================== */

/* Активная вкладка "В работе" */
.sidebar-tab[data-tab="work"].active {
    background: rgba(255, 149, 0, 0.15) !important;
    border-left: 3px solid var(--warning-color) !important;
    color: var(--warning-color) !important;
    font-weight: 600;
}

/* Эффект при наведении на вкладку "В работе" */
.sidebar-tab[data-tab="work"]:hover {
    background: rgba(255, 149, 0, 0.08) !important;
    color: var(--warning-color) !important;
}

/* Заголовок страницы при активной вкладке "В работе" */
#pageTitle[data-active-tab="work"] {
    color: var(--warning-color);
}

/* Контейнер заявок для вкладки "В работе" */
.zayavki-list[data-tab="work"] .zayavka-item.in_progress {
    border-left-color: var(--warning-color);
    background: rgba(255, 149, 0, 0.05);
}

/* Мобильная версия */
@media (max-width: 768px) {
    .sidebar-tab[data-tab="work"] {
        font-size: 0.85rem !important;
        padding: 0.6rem 0.4rem !important;
    }
}

@media (max-width: 480px) {
    .sidebar-tab[data-tab="work"] {
        font-size: 0.8rem !important;
        padding: 0.5rem 0.3rem !important;
    }
}