/* Responsive Overrides and Media Queries for D32 Dental Clinic */

/* 1100px - Tablet Landscape & Wide Screen Adjustments */
@media (max-width: 1100px) {
    .grid-layout {
        grid-template-columns: 1fr !important;
    }
}

/* 900px - Tablet Portrait & Mobile Fixes - CRITICAL OVERRIDES */
@media (max-width: 900px) {
    .patients-stats-grid, .stats-row, .stock-viz-grid, #dashboard-master .stats-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        width: 100% !important;
    }
    .form-grid-v2 {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .pro-modal, .modal-content, #add-patient-modal .modal-content, #global-appointment-modal .modal-content {
        width: 95% !important;
        max-width: 95vw !important;
        margin: 5px auto !important;
        padding: 20px !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
    .main-grid-responsive {
        grid-template-columns: 1fr !important;
    }
    .header-right {
        display: none !important; /* Hide branch text on small tablets */
    }
    .table-responsive {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .pro-table, .expert-table {
        min-width: 600px !important; /* Ensure table is scrollable but readable */
    }
}

/* 600px - Mobile Specific Adjustments */
@media (max-width: 600px) {
    .patients-stats-grid, .stats-row, .stock-viz-grid {
        grid-template-columns: 1fr !important;
    }
    .global-navbar {
        padding: 8px 12px !important;
    }
    .dock-clinic-name, .dock-label {
        display: none !important;
    }
    .dock-item {
        width: 50px !important;
        height: 50px !important;
    }
}