/* Fit the clinic workspaces to CSS viewport width, including browser Desktop site mode. */
@media screen {
    body:is(.clinic-portal-polish, .analytics-page) .main-wrapper { min-width: 0; }
    body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-topbar-tools { min-width: 0; }
    body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-live-datetime { width: 150px; min-width: 150px; flex-basis: 150px; text-align: right; }
    body.clinic-portal-polish .content-area :is(.panel-head, .panel-header, .panel-header-row, .toolbar) { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
    body.clinic-portal-polish .content-area :is(.panel-head, .panel-header, .panel-header-row, .toolbar) > * { min-width: 0; max-width: 100%; }
    body.clinic-portal-polish .content-area :is(.form-group, .availability-form, .inventory-fields, .fee-entry-panel) { min-width: 0; }
    body.clinic-portal-polish .content-area :is(input, select, textarea) { box-sizing: border-box; max-width: 100%; }
    body.clinic-portal-polish .content-area :is(.action-row, .fee-row-actions, .inventory-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    body.clinic-portal-polish .content-area :is(.mini-btn, .btn-view, .btn-record-outline, .btn-outline) { display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
    body.clinic-portal-polish .content-area :is(th, td) { overflow-wrap: anywhere; }
    body.clinic-portal-polish .content-area :is(.stats, .stats-grid) > :is(.stat, .stat-card) { align-content: start; }
    @media (min-width: 601px) and (max-width: 1200px) {
        body.clinic-portal-polish .content-area :is(.stats, .stats-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
        body.clinic-portal-polish .content-area :is(.stats, .stats-grid) > :last-child:nth-child(odd) { grid-column: auto !important; }
        body.clinic-portal-polish .availability-layout { grid-template-columns: minmax(0, 1fr); }
    }
    @media (max-width: 1200px) {
        body:is(.clinic-portal-polish, .analytics-page) .topbar:has(> .oasis-topbar-tools) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
        body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-topbar-tools { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 14px; width: 100%; align-items: center; }
        body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-topbar-tools .search-bar { width: 100% !important; min-width: 0; }
        body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-live-datetime { justify-self: end; align-items: flex-end; padding: 0; }
        body.analytics-page .topbar .analytics-filter-form { display: flex; min-width: 0; width: 100%; grid-column: 1; gap: 10px; }
        body.analytics-page .topbar .analytics-filter-form select { min-width: 0; width: 100%; flex: 1; }
        body.analytics-page .topbar .oasis-live-datetime { grid-column: 2; }
    }
    @media (max-width: 600px) {
        body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-topbar-tools { grid-template-columns: minmax(0, 1fr); gap: 8px; }
        body:is(.clinic-portal-polish, .analytics-page) .topbar .oasis-live-datetime { grid-column: 1; width: auto; min-width: 0; height: auto; }
        body.analytics-page .topbar .analytics-filter-form { grid-column: 1; }
    }
}