/* Mobile Responsive Fixes for Rock Health Center */

@media (max-width: 768px) {
    body { font-size: 14px !important; overflow-x: hidden !important; }
    .ant-layout { overflow-x: hidden !important; }
    .ant-layout-sider { position: fixed !important; z-index: 1000 !important; height: 100vh !important; }
    .ant-layout-sider-collapsed { width: 0 !important; min-width: 0 !important; }
    .ant-layout-content { padding: 12px !important; margin-left: 0 !important; }
    .ant-table-wrapper { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .ant-table { min-width: 600px !important; }
    .ant-table-cell { font-size: 12px !important; padding: 8px 4px !important; white-space: nowrap !important; }
    .ant-btn { font-size: 12px !important; padding: 4px 12px !important; height: auto !important; }
    .ant-btn-icon-only { padding: 4px !important; }
    .ant-input, .ant-select-selector, .ant-picker { font-size: 14px !important; }
    .ant-card { margin: 8px 0 !important; }
    .ant-card-head-title { font-size: 16px !important; }
    .ant-card-body { padding: 12px !important; }
    .ant-statistic-title { font-size: 12px !important; }
    .ant-statistic-content { font-size: 18px !important; }
    .ant-space { gap: 8px !important; flex-wrap: wrap !important; }
    .ant-modal { max-width: 95vw !important; margin: 8px !important; }
    .ant-modal-body { padding: 16px !important; }
    .ant-form-item { margin-bottom: 16px !important; }
    .ant-form-item-label { font-size: 13px !important; }
    h1, h2 { font-size: 20px !important; }
    h3 { font-size: 16px !important; }
    .ant-input-search { width: 100% !important; max-width: 100% !important; }
    .ant-space-horizontal { width: 100% !important; }
    .ant-dropdown-menu { max-width: 90vw !important; }
    .ant-pagination { font-size: 12px !important; }
    .ant-pagination-item { min-width: 28px !important; height: 28px !important; line-height: 26px !important; }
    .ant-tag { font-size: 11px !important; padding: 0 6px !important; }
    .ant-select-dropdown { max-width: 90vw !important; }
    .ant-picker-dropdown { max-width: 90vw !important; }
    .ant-alert { font-size: 13px !important; padding: 8px 12px !important; }
    .ant-menu-item { font-size: 14px !important; }
    * { word-wrap: break-word !important; overflow-wrap: break-word !important; }
}

@media (max-width: 575px) {
    body { font-size: 13px !important; }
    .ant-btn { font-size: 11px !important; padding: 2px 8px !important; }
    .ant-table-cell { font-size: 11px !important; padding: 6px 2px !important; }
    h1, h2 { font-size: 18px !important; }
}