/* ============================================================
   Кабинет руководителя (все вкладки рендерятся в #reportContent):
   отчёт по выполнению, календарь проверок, запросы на разрешение.
   Здесь — только мобильные правки: на узком экране инлайновые
   таблицы/карточки переполнялись и текст налезал друг на друга.
   ============================================================ */

/* Панель управления отчётом декана: поиск + кнопка-поповер «Кафедры». */
.head-report-controls {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin: 4px 0 14px;
}

.head-report-search {
    flex: 1 1 240px;
    min-width: 180px;
    padding: 8px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 13px;
}

/* Кнопка «Кафедры» — как «Дни» календаря (стилей #calDaysBtn на неё не хватает,
   они привязаны по id). */
#headKafBtn {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

    #headKafBtn:hover {
        background: var(--color-surface-muted);
    }

/* Поповер кафедр: пилюли — в столбик, во всю ширину, с переносом длинных названий.
   Кнопка «Кафедры» стоит у правого края строки, поэтому панель раскрываем ВЛЕВО
   от кнопки (right:0), иначе она уезжает за правый край экрана и текст обрезается. */
#headKafPanel {
    left: auto;
    right: 0;
    width: 280px;
    max-width: calc(100vw - 32px);
    max-height: 60vh;
    overflow-y: auto;
}

    #headKafPanel .head-kaf-row {
        flex-direction: column;
        align-items: stretch;
    }

    #headKafPanel .cal-day-pill {
        width: 100%;
        text-align: left;
        padding: 6px 10px;
        white-space: normal;
        line-height: 1.3;
    }

@media (max-width: 768px) {
    /* Поиск на всю ширину, кнопка «Кафедры» под ним. */
    .head-report-search {
        flex-basis: 100%;
    }

    /* ---- Отчёт по выполнению плана ---- */
    /* Фикс-ширины колонок (24/14/62%) + nowrap-подпись прогресс-бара на 190px
       вызывали наложение текста. Разрешаем колонкам подстраиваться, подпись —
       переносить на новую строку под баром. */
    #reportContent .report-table {
        table-layout: auto !important;
    }

        #reportContent .report-table th,
        #reportContent .report-table td {
            padding: 8px 6px !important;
        }

    #reportContent .report-bar {
        flex-wrap: wrap !important;
    }

        #reportContent .report-bar-stat {
            width: 100% !important;
            white-space: normal !important;
            flex-basis: 100%;
            font-size: 11px;
        }

    /* ---- Карточки (запросы, календарь проверок) ---- */
    /* flex-between: ФИО и правый элемент не должны налезать — разрешаем перенос. */
    #reportContent .flex-between {
        flex-wrap: wrap;
        gap: 4px 10px;
    }

    /* Кнопки действий в карточках/формах во всю ширину для удобного тапа. */
    #reportContent .modal-actions {
        flex-wrap: wrap;
    }

        #reportContent .modal-actions button {
            flex: 1 1 45%;
            min-height: 42px;
        }

    /* Календарь проверок: кнопка «Показать» на всю ширину под полями. */
    #reportContent #showCheckBtn {
        width: 100%;
    }

    /* Длинные строки (дисциплины, мероприятия) переносим, а не обрезаем. */
    #reportContent {
        word-break: break-word;
    }
}