/* ============================================================================
   ZekiKod PDKS — XAF Masaüstü Mobil Responsive Adaptasyonu (mobile-xaf.css)
   Tablet ve telefon ekranlarında XAF görünüm ve tablolarının taşmasını önler.
   ============================================================================ */

@media (max-width: 991.98px) {
    /* --- Genel Düzen ve Taşma Koruması --- */
    html, body {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    /* Üst Başlık Şeridi */
    .header-logo {
        width: 130px;
        height: 30px;
    }

    /* XAF Menü ve Gezinme */
    .xaf-navigation, .sidebar, .sidebar-content {
        max-width: 280px;
    }

    /* XAF Araç Çubukları (Toolbars) */
    .dxbl-toolbar {
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    .dxbl-toolbar .dxbl-btn {
        min-height: 38px !important;
        padding: 6px 12px !important;
        font-size: 0.85rem !important;
    }
}

@media (max-width: 767.98px) {
    /* --- Akıllı Telefon Ekranları (< 768px) --- */

    /* Tablolar (DxGrid): Yatay kaydırma ve taşma koruması */
    .dxbl-grid {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .dxbl-grid-scroll-container {
        overflow-x: auto !important;
    }

    .dxbl-grid-header-cell, .dxbl-grid-cell {
        padding: 8px 6px !important;
        font-size: 0.82rem !important;
    }

    /* Form Görünümleri (DetailView): Tek sütuna dönüştür */
    .xaf-detail-view .row,
    .xaf-layout-group .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .xaf-detail-view .col,
    .xaf-detail-view [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 8px;
    }

    /* Dokunmatik Buton ve Giriş Alanları */
    input[type="text"], input[type="password"], input[type="number"], select, .dxbl-edit {
        min-height: 42px !important;
        font-size: 0.95rem !important;
    }

    .btn, .dxbl-btn {
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Açılır Pencereler / Modallar: Tam ekran genişliği */
    .dxbl-popup, .dxbl-window, .modal-dialog {
        max-width: 95vw !important;
        width: 95vw !important;
        margin: 10px auto !important;
    }

    .dxbl-popup-body, .dxbl-window-body {
        max-height: 80vh !important;
        overflow-y: auto !important;
        padding: 12px !important;
    }

    /* Sekmeler (TabControl) */
    .nav-tabs {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    .nav-tabs .nav-link {
        padding: 8px 12px !important;
        font-size: 0.85rem !important;
    }
}