/* ==========================================================================
   BEPO – Berliner Prüfungs-Optimierer
   public/assets/css/parts/admin/_admin-responsive.css – Responsive
   🌍 MENSCH: Mobile (≤640px) und Desktop (≥1024px) Breakpoints für die
   Admin-Ansicht.
   🤖 KI-CONTEXT: @ui-render
   ========================================================================== */

/* 12. RESPONSIVE (≤640px)
   ========================================================================== */
@media (max-width: 640px) {
    .admin-page {
        padding: 0.8rem;
    }

    .admin-header {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .admin-header-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .admin-search-wrapper {
        max-width: 100%;
        min-width: 0;
    }

    .admin-kpi-card {
        flex: 1 1 100%;
    }

    .admin-table th,
    .admin-table td {
        padding: 8px 10px;
        font-size: 0.8rem;
    }

    .admin-check-col {
        width: 32px;
    }
    .admin-check-col input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }

    .col-checkbox {
        width: 32px;
        min-width: 32px;
        padding: 4px !important;
    }
    .col-checkbox .admin-checkbox {
        width: 16px;
        height: 16px;
    }

    .admin-actions-col {
        width: 70px;
    }

    .admin-action-btn {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }

    .admin-bulk-bar {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 0.6rem;
        padding: 0.6rem 1rem;
    }

    .admin-bulk-delete-btn {
        justify-content: center;
    }
}

/* 13. DESKTOP-LAYOUT (≥1024px) – kein horizontales Scrollen (Phase 28: 7 Spalten)
   ========================================================================== */
@media (min-width: 1024px) {
    .admin-table-wrapper {
        overflow-x: visible;
    }

    .admin-table {
        table-layout: fixed;
        font-size: 0.82rem;
    }

    .admin-table th {
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0.5rem 0.4rem;
        font-size: 0.7rem;
        letter-spacing: 0.2px;
        white-space: normal;
    }

    .admin-table td {
        padding: 0.4rem 0.4rem;
        font-size: 0.8rem;
    }

    .admin-table td[colspan] {
        overflow: hidden;
    }

    /* 8-Spalten-Layout (Phase 28):
        1=Checkbox, 2=Datum, 3=Schule+Klasse, 4=VSBB, 5=Lehrer, 6=Prüfer, 7=Anzahl, 8=Aktionen */
    .admin-table th:nth-child(1),
    .admin-table td:nth-child(1) { width: 40px; text-align: center; }

    .admin-table th:nth-child(2),
    .admin-table td:nth-child(2) { width: 12%; white-space: nowrap; }

    .admin-table th:nth-child(3),
    .admin-table td:nth-child(3) { width: 22%; overflow: hidden; text-overflow: ellipsis; }

    .admin-table th:nth-child(4),
    .admin-table td:nth-child(4) { width: 10%; white-space: nowrap; }

    .admin-table th:nth-child(5),
    .admin-table td:nth-child(5) { width: 14%; white-space: nowrap; }

    .admin-table th:nth-child(6),
    .admin-table td:nth-child(6) { width: 12%; white-space: nowrap; }

    .admin-table th:nth-child(7),
    .admin-table td:nth-child(7) { width: 8%; text-align: center; }

    .admin-table th:nth-child(8),
    .admin-table td:nth-child(8) { width: 66px; text-align: center; }

    .admin-actions-col {
        width: 66px;
        white-space: nowrap;
    }

    .admin-action-btn {
        width: 28px;
        height: 28px;
        font-size: 0.9rem;
    }

    /* Numerische Badges & Labels */
    .admin-class-badge {
        font-size: 0.7rem;
        padding: 1px 6px;
    }

    .admin-col-num {
        font-size: 0.85rem;
    }
}