/* ===================================================================
   DEMIRBAŞ MOBİL UYUM CSS
   Tüm demirbaş sayfaları için ortak responsive kurallar
   =================================================================== */

/* ======================== MOBIL (< 768px) ======================== */
@media (max-width: 767.98px) {

    /* --- Genel Padding / Margin --- */
    .card-header { padding: 12px !important; }
    .card-body { padding: 12px !important; }
    .card-footer { padding: 8px 12px !important; }
    .card { border-radius: 12px !important; }

    /* --- Stat Kartları --- */
    .stat-card .card-body,
    .zimmet-stat-card .card-body,
    .kpi-card .card-body {
        padding: 10px !important;
    }
    .stat-card .avatar-sm,
    .zimmet-stat-card .avatar-sm {
        width: 32px !important;
        height: 32px !important;
    }
    .stat-card .avatar-title,
    .zimmet-stat-card .avatar-title {
        font-size: 16px !important;
    }
    .stat-card h4,
    .zimmet-stat-card h4 {
        font-size: 18px !important;
    }
    .kpi-card .kpi-value {
        font-size: 22px !important;
    }
    .kpi-card .kpi-icon {
        width: 36px !important;
        height: 36px !important;
        font-size: 18px !important;
    }

    /* --- Filtre/Arama Barı --- */
    .card-header .d-flex.flex-wrap {
        gap: 8px !important;
    }
    .card-header .flex-grow-1 {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .card-header .form-select {
        min-width: 0 !important;
        width: 100% !important;
        flex: 1 1 calc(50% - 4px) !important;
    }
    .card-header .ms-auto {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .card-header .ms-auto .d-flex {
        width: 100% !important;
        justify-content: flex-end !important;
    }

    /* --- Tablolar --- */
    .table-responsive {
        max-height: calc(100vh - 320px) !important;
    }
    .table {
        font-size: 11px !important;
    }
    .table thead th {
        font-size: 9px !important;
        padding: 6px 4px !important;
        white-space: nowrap !important;
    }
    .table tbody td {
        padding: 8px 4px !important;
    }
    /* Mobilde belirli sütunları gizle */
    .table .mobile-hide {
        display: none !important;
    }

    /* --- Modal --- */
    .modal-dialog {
        max-width: 100% !important;
        margin: 8px !important;
    }
    .modal-dialog.modal-lg,
    .modal-dialog.modal-xl {
        max-width: calc(100% - 16px) !important;
    }
    .modal-body {
        padding: 16px !important;
    }
    .modal-body .row.g-3 > [class*="col-md"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .modal-footer {
        padding: 8px 16px !important;
        flex-wrap: wrap;
        gap: 8px;
    }

    /* --- Butonlar Touch Friendly --- */
    .btn-sm {
        min-height: 36px !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    .btn-group .btn-sm {
        min-height: 36px !important;
    }
    .btn-icon.btn-sm {
        width: 36px !important;
        height: 36px !important;
    }

    /* --- Pagination --- */
    .pagination .page-link {
        min-width: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 2px 6px !important;
    }
    .card-footer .d-flex {
        flex-direction: column !important;
        gap: 8px !important;
    }

    /* --- Font Boyutları --- */
    .fs-9 { font-size: 10px !important; }
    .fs-10 { font-size: 11px !important; }
    .fs-11 { font-size: 12px !important; }
    .fs-12 { font-size: 12px !important; }

    /* --- Chart Kartları --- */
    .chart-card .card-body {
        padding: 8px !important;
        min-height: auto !important;
    }
    .chart-card [id^="chart"] {
        min-height: 200px !important;
    }

    /* --- Scan Container --- */
    .scan-container {
        max-width: 100% !important;
        padding: 0 !important;
    }
    .scan-header {
        padding: 16px !important;
    }
    .scan-card {
        border-radius: 12px !important;
    }

    /* --- BLE Panel --- */
    .beacon-card {
        padding: 10px !important;
    }

    /* --- Sayım Panel --- */
    .sayim-result-card {
        padding: 10px !important;
    }

    /* --- Status Badge --- */
    .status-badge {
        padding: 2px 6px !important;
        font-size: 9px !important;
    }

    /* --- Asset Photo --- */
    .asset-photo {
        width: 28px !important;
        height: 28px !important;
    }

    /* --- Dropdown --- */
    .dropdown-menu {
        min-width: auto !important;
    }

    /* --- Bulk Actions Bar --- */
    #bulkBar {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    /* --- Page Title --- */
    .page-title-box {
        padding: 8px 0 !important;
    }
    .page-title-box h4 {
        font-size: 16px !important;
    }

    /* --- Print Gizle --- */
    .no-mobile { display: none !important; }
}

/* ======================== TABLET (768px - 991px) ======================== */
@media (min-width: 768px) and (max-width: 991.98px) {
    .card-header .ms-auto {
        width: auto !important;
    }
    .modal-dialog.modal-lg {
        max-width: calc(100% - 32px) !important;
    }
    .table .tablet-hide {
        display: none !important;
    }
}

/* ======================== SAFE AREA (Notch) ======================== */
@supports (padding: env(safe-area-inset-bottom)) {
    @media (max-width: 767.98px) {
        .card-footer {
            padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important;
        }
    }
}

/* ======================== DETAY HERO ======================== */
@media (max-width: 767.98px) {
    .hero-body {
        padding: 60px 12px 16px !important;
    }
    .hero-icon-box {
        width: 56px !important;
        height: 56px !important;
        font-size: 24px !important;
    }
    .hero-body h3 {
        font-size: 18px !important;
    }
    .info-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    .info-item {
        padding: 8px 10px !important;
    }
    .info-value {
        font-size: 12px !important;
    }
    .action-btn {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }
    .zimmet-avatar {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    .detail-tabs .nav-link {
        padding: 8px 12px !important;
        font-size: 11px !important;
    }
    .timeline-item {
        padding: 10px 0 !important;
        padding-left: 16px !important;
        margin-left: 10px !important;
    }
}

/* ======================== BAKIM TAKVİM ======================== */
@media (max-width: 767.98px) {
    .fc .fc-toolbar {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .fc .fc-toolbar-title {
        font-size: 14px !important;
    }
    .fc .fc-button {
        padding: 4px 8px !important;
        font-size: 10px !important;
    }
}

/* ======================== RAPOR / DEPT KARTLARI ======================== */
@media (max-width: 767.98px) {
    .dept-stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .dept-stat-value {
        font-size: 14px !important;
    }
    .print-bar {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
    }
}

/* ======================== AĞAÇ ======================== */
@media (max-width: 767.98px) {
    .tree-container {
        max-width: 100% !important;
    }
    .tree-asset {
        padding-left: 48px !important;
    }
    .tree-cat {
        padding-left: 36px !important;
    }
}

/* ======================== TEDARİKÇİ ======================== */
@media (max-width: 767.98px) {
    .sup-header {
        padding: 12px !important;
    }
    .sup-name {
        font-size: 13px !important;
    }
    .sup-stat-value {
        font-size: 14px !important;
    }
}

/* ======================== SIDEBAR OVERLAY (MOBİL) ======================== */
@media (max-width: 767.98px) {
    .app-wrapper {
        margin-left: 0 !important;
    }
}