/* ARSchool mobile responsive foundation — Faza-0/2 global.
   Maqsad: yangi libsiz, Radzen standard + Bootstrap 5.1 ustida chiroyli mobile.
   Breakpoints: 480 / 768 / 1024. Asosiy nishon: 360-430 telefon. */

:root {
    --ar-touch: 44px;
}

img, video, canvas {
    max-width: 100%;
    height: auto;
}

/* iOS input zoom oldini olish */
@media (max-width: 768px) {
    input, select, textarea,
    .rz-textbox, .rz-dropdown, .rz-datepicker input, .rz-numeric input {
        font-size: 16px !important;
    }
}

/* ---- RadzenDataGrid header: Search 20em overflow fix ---- */
.rz-datagrid-header-template .rz-row,
.rz-grid-header-template .rz-row {
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.rz-datagrid-header-template .rz-textbox,
.rz-datagrid-header-template .rz-dropdown,
.rz-datagrid-header-template .rz-datepicker {
    max-width: 100%;
}

@media (max-width: 768px) {
    .rz-datagrid-header-template .rz-row > * {
        flex: 1 1 100%;
    }

    .rz-datagrid-header-template .rz-textbox,
    .rz-datagrid-header-template .rz-dropdown {
        width: 100% !important;
    }

    .rz-datagrid-header-template .rz-button {
        flex: 0 0 auto;
    }
}

/* ---- Grid: to'liq kenglik, oxirgi bo'sh joysiz + chiroyli mobile ---- */
.rz-datagrid, .rz-grid, .rz-data-grid {
    max-width: 100%;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.rz-grid-table {
    width: 100% !important;
}

.rz-datagrid-data, .rz-grid-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Pager wrap */
.rz-pager {
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
}

/* Mobilda: Radzen .rz-grid-table-fixed (table-layout:fixed, colgroup dagi <col>
   kengliklar ustun) — shuning uchun Radzen dan yuqori specificity bilan
   ustunlarni ekranga yoyamiz. Asosiy yashirish Visible="..." orqali (Razor),
   bu CSS esa qolgan ustunlar sig'ishi + chiroy uchun. */
@media (max-width: 768px) {
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed {
        table-layout: auto;
        width: 100% !important;
        min-width: 0 !important;
    }

    .ar-table-keep .rz-grid-table.rz-grid-table-fixed col {
        width: auto !important;
        min-width: 0 !important;
    }

    /* Hamma ustun default: auto — o'ngda bo'sh joy qolmaydi */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > thead > tr > th,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tbody > tr > td,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tfoot > tr > td {
        width: auto !important;
        min-width: 0 !important;
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: anywhere;
        padding: 10px 10px !important;
        vertical-align: middle;
    }

    /* Radzen sarlavha ichki nowrap larini ham ochamiz */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed thead th > div:not(.rz-cell-filter),
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed thead th .rz-column-title,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed thead th .rz-column-title-content {
        white-space: normal !important;
        overflow: visible;
        text-overflow: clip;
    }

    /* # raqamlash — ixcham */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed th:first-child,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed td:first-child {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px;
        text-align: center;
        padding-left: 4px !important;
        padding-right: 4px !important;
        white-space: nowrap !important;
    }

    /* Actions (frozen right) — tugmalar bir qatorda, kenglik kontentga qarab.
       Qolgan oxirgi ustunlar (Status/Score kabi) wrap bo'ladi — bo'sh joy qolmaydi. */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed .rz-frozen-cell-right {
        white-space: nowrap !important;
        min-width: 0 !important;
        box-shadow: -8px 0 12px rgba(0,0,0,0.08);
        background: var(--rz-grid-cell-background-color, var(--rz-base-background-color, #fff));
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* Ism/sarlavha cellari 2 qatorgacha (faqat oddiy cellar — detail ichiga tegmaydi) */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tbody > tr > td .rz-cell-data {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* Expandable detail: har doim to'liq matn */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tbody > tr > td .ar-row-detail,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tbody > tr > td .ar-row-detail .rz-text,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tbody > tr > td .ar-row-detail .rz-cell-data {
        display: block !important;
        -webkit-line-clamp: unset !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    /* Rasmli ustunlar katta rasm bilan jadvalni buzmasin */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed .rz-image,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed img {
        width: 40px !important;
        height: 40px !important;
        object-fit: cover;
        border-radius: 50%;
    }

    /* Qator balandligi touch uchun, header ixcham va yopishqoq */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > tbody > tr > td {
        min-height: 52px;
        font-size: 14px;
        line-height: 1.35;
    }

    .ar-table-keep .rz-grid-table.rz-grid-table-fixed > thead > tr > th {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        opacity: 0.85;
        padding: 8px 10px !important;
    }

    /* Filter row inputlari to'liq sig'sin */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed thead .rz-textbox,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed thead .rz-dropdown,
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed thead .rz-datepicker {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Action tugmalar ixcham, dumaloq */
    .ar-table-keep .rz-grid-table.rz-grid-table-fixed .rz-button.rz-button-md {
        width: 36px;
        height: 36px;
        padding: 0;
        border-radius: 10px;
    }

    .ar-table-keep .rz-grid-table.rz-grid-table-fixed .rz-button + .rz-button {
        margin-left: 4px;
    }
}

/* ---- Dialog: endi ar-design.css da — pastki-varaq qoidalari ---- */

/* ---- Formalar: SizeMD=6 2-kol -> 1-kol ---- */
@media (max-width: 768px) {
    .rz-row > div[class*="rz-column"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ---- Utility ---- */

/* Juda kichik ekranlarda sarlavha kichrayadi */
@media (max-width: 480px) {
    h1, .rz-text-display-h6, .rz-text-h6 {
        font-size: 1.05rem !important;
    }

    .main-padding {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* OMR scan grid balandligi mobilda */
@media (max-width: 768px) {
    .omr-results-grid {
        height: min(420px, 60dvh) !important;
        min-height: 300px !important;
    }
}

/* ---- Expandable row detail (hamma ekranda): ixcham, 1 qatorda 2 maydon ---- */
/* Bu qoidalar ar-design.css ga o'tkazildi (Ruling 1) */