/* One screen-only query language. Explicit containers, never a generic form selector.
   Existing bindings, validation, popover positioning and table geometry remain owned by each page. */
@media screen {
html[data-ui-design="personnel"]:not([data-theme="dark"]) {
    --query-gap: 8px;
    --query-radius: 8px;
    --query-control-height: 40px;

    /* Filter surfaces: the same neutral box across legacy and current modules. */
    & :is(.jf-query-panel,.jafam-filter-bar--standalone,.office-rx-filter-panel,.center-filter-panel,
        .provider-filter-panel,.policy-member-filter-card,.drug-search-panel,.expense-filter-shell,
        .pkg-filter-shell,.ledger-filter-panel,.ticket-filter-panel,.pharmacy-list-filter-panel,
        .doctor-acceptance-filters,.doctor-clinic-filters,.doctor-erx-filters,.doctor-financial-filters,
        .doctor-office-filters,.doctor-prescriptions-filters,.doctor-service-desk-filters,
        .amaudit__filters,.ar-filters,.coverage-portal-filters,.sr-filters,
        .doc-filter-grid,.workflow-filter-grid,.rule-filter-grid,.claim-filter-grid,.admission-filter-grid,
        .cat-filter-grid,.fin-filter-grid,.insurance-filter-grid,.prep-filter-grid,.executive-filter-row,
        .report-filter-grid,.cfs-filters,.accounting-filter-bar,.outpay-filter-bar,
        .physician-confirm-filter-bar,.wait-confirm-filter-bar,.financial-queue-filter-bar,
        .claim-track-filter-bar,.lightstyle-filter-bar,.daily-control-toolbar,.ep-toolbar) {
        min-width: 0;
        max-width: 100%;
        padding: 10px 12px !important;
        margin-block: 0 10px !important;
        border: 1px solid var(--border-default) !important;
        border-radius: var(--query-radius) !important;
        background: var(--surface-primary) !important;
        box-shadow: none !important;
        color: var(--text-primary);
    }

    /* Direct-control grids share responsive track sizing. Do not move controls using CSS order. */
    & :is(.jf-query-panel > .mud-grid,.office-rx-filter-grid,.center-filter-grid,.provider-filter-searches,.policy-member-filter-grid,
        .doctor-acceptance-filters,.doctor-clinic-filters,.doctor-erx-filters,.doctor-financial-filters,
        .doctor-office-filters,.doctor-prescriptions-filters,.doctor-service-desk-filters,
        .doc-filter-grid,.workflow-filter-grid,.rule-filter-grid,.claim-filter-grid,.admission-filter-grid,
        .cat-filter-grid,.fin-filter-grid,.insurance-filter-grid,.prep-filter-grid,.executive-filter-row,
        .report-filter-grid,.cfs-filters,.sr-filters,.amaudit__filters,.ar-filters,.pivot-filter-row,
        .outpatient-full-report__filters,.pharmacy-search-grid,.claim-track-filter-bar,
        .physician-confirm-filter-bar,.wait-confirm-filter-bar,.financial-queue-filter-bar) {
        display: grid !important;
        grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr)) !important;
        gap: var(--query-gap) !important;
        align-items: end !important;
        & > * { min-width: 0; max-width: 100%; }
    }
    & .jf-query-panel > .mud-grid { margin: 0; width: 100%; }
    & .jf-query-panel > .mud-grid > .mud-grid-item { padding: 0 !important; max-width: 100%; width: 100%; flex-basis: auto; }
    & .jf-query-panel > .mud-grid > .mud-flex-break { display: contents; }

    /* Native MudGrid owners keep their xs/sm/md spans, with smaller gutters. */
    & :is(.expense-filter-grid,.coverage-portal-filters) {
        width: 100%; margin-inline: 0;
        & > .mud-grid-item { padding: 4px !important; }
    }

    /* Control styling is limited to identified query surfaces and table search toolbars. */
    & :is(.jf-query-panel,.jafam-filter-bar,.office-rx-filter-panel,.center-filter-panel,.provider-filter-panel,
        .policy-member-filter-card,.drug-search-panel,.expense-filter-shell,.pkg-filter-shell,
        .ledger-filter-panel,.ledger-toolbar,.ticket-filter-panel,.pharmacy-list-filter-panel,
        .doctor-acceptance-filters,.doctor-clinic-filters,.doctor-erx-filters,.doctor-financial-filters,
        .doctor-office-filters,.doctor-prescriptions-filters,.doctor-service-desk-filters,
        .amaudit__filters,.ar-filters,.coverage-portal-filters,.sr-filters,.cfs-filters,
        .doc-filter-grid,.workflow-filter-grid,.rule-filter-grid,.claim-filter-grid,.admission-filter-grid,
        .cat-filter-grid,.fin-filter-grid,.insurance-filter-grid,.prep-filter-grid,.executive-filter-row,
        .report-filter-grid,.accounting-filter-bar,.outpay-filter-bar,.outpatient-full-report__filters,
        .physician-confirm-filter-bar,.wait-confirm-filter-bar,.financial-queue-filter-bar,
        .claim-track-filter-bar,.lightstyle-filter-bar,.daily-control-toolbar,.ep-toolbar,
        .amusers__search,.amidroles__search,.amroles__toolbar,.amuperm__toolbar,.rmv__toolbar,.pgv__toolbar,
        .usage-catalog-toolbar,.service-search-row,.doctor-doctors-toolbar,.relationship-toolbar,
        .restricted-panel__menu-toolbar,.photo-imports__toolbar,.jafam-grid-filter-panel,
        .outpatient-full-report__filter-popover,.jafam-filter-chip__popover,.pivot-filter-row,.legacy-rx2-referral-filter,.legacy-rx2-pick-filter,
        .dental-search-row,.drp-search-row,.drug-rule-list-toolbar,.csl-toolbar,
        .jmobile-filter-grid,.jmobile-pharmacy-filter-grid,.insured-center-search,
        .oc-experts-list__toolbar,.jf-header-search,.admin-dashboard__search,.rx-items-search,.admin-rx-provider-search,
        .profile-capture-search,.booklet-print-2-search,.pharmacy-search-grid,
        .mud-table-toolbar:has(.mud-input-control)) {
        & .mud-input-control { min-width: 0; margin-top: 6px !important; margin-bottom: 0 !important; }
        & .mud-input-outlined { border-radius: 6px !important; background: var(--surface-primary); }
        & .mud-input-outlined.mud-disabled { background: var(--surface-tertiary); }
        & .mud-input-outlined:not(.mud-disabled):not(.mud-input-error) .mud-input-outlined-border { border-color: var(--border-strong); }
        & .mud-input-outlined:not(.mud-disabled):not(.mud-input-error):focus-within .mud-input-outlined-border { border-color: var(--primary) !important; border-width: 2px; }
        & :is(.mud-input-outlined,.mud-input-underline):not(.mud-input-multiline) .mud-input-slot { min-height: var(--query-control-height); padding-block: 9px !important; font-size: 13px !important; line-height: 1.5; box-sizing: border-box; }
        & .mud-input-underline { border: 1px solid var(--border-strong); border-radius: 6px; padding-inline: 8px; background: var(--surface-primary); }
        & .mud-input-underline::before, & .mud-input-underline::after { border-bottom: 0 !important; }
        & .mud-input-underline:not(.mud-disabled):not(.mud-input-error):focus-within { border-color: var(--primary); outline: 2px solid var(--primary-soft); }
        & .mud-input-underline.mud-input-error { border-color: var(--mud-palette-error); }
        & .mud-input-underline.mud-disabled { background: var(--surface-tertiary); }
        & .mud-input-adornment { color: var(--text-secondary); }
        & .mud-button-root { min-height: 36px; border-radius: 6px !important; padding-block: 6px; font-size: 12px; white-space: nowrap; }
        & .mud-input-control-helper-container { margin-top: 3px; }
        & :is(button,input,select,summary):focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
        @media (max-width:760px) { & .mud-button-root { min-height: 44px; } }
    }

    /* Existing chip-based bars stay chip-based: no lost active filters or filter popovers. */
    & .jafam-filter-bar { gap: 6px !important; align-items: end; }
    & .jafam-filter-bar__label { align-self: center; color: var(--text-secondary); }
    & .jafam-filter-field { flex: 1 1 180px; min-width: min(160px,100%); max-width: 320px; gap: 4px; }
    & .jafam-filter-field:has(.jafam-filter-field__control > [class*="filter-cell"] > * + *) { flex: 2 1 320px; min-width: min(300px,100%); max-width: 460px; }
    & .jafam-filter-field__title { font-size: 11px; line-height: 1.5; }
    & .jafam-filter-field__control { width: 100%; }
    & :is(.jafam-filter-chip,.jafam-filter-add,.jafam-filter-chip__open,.jafam-filter-chip__clear) { border-radius: 6px !important; min-height: 34px; }
    & .jafam-filter-chip { border-color: var(--border-default); background: var(--surface-secondary); }
    & .jafam-filter-chip.is-active { border-color: var(--primary); background: var(--primary-soft); color: var(--link); }
    & .jafam-filter-add { border-style: solid; border-color: var(--border-default); color: var(--link); }
    & .jafam-filter-bar__more { padding-top: 8px; gap: 8px; }

    /* Native search boxes use the same border, height, focus and text as Mud fields. */
    & :is(.center-search-control,.provider-search-control,.drug-primary-search,.ticket-filter-search,
        .search-box,.admin-dashboard__search,.insured-home-search-box,.jafam-grid-search) {
        min-width: 0; min-height: var(--query-control-height); border-radius: 6px !important;
        background: var(--surface-primary) !important; border: 1px solid var(--border-strong) !important;
        box-shadow: none !important;
        &:focus-within { border-color: var(--primary) !important; outline: 2px solid var(--primary-soft); }
        & input { min-width: 0; font: inherit; font-size: 13px; color: var(--text-primary); }
    }

    /* Action rows wrap next to fields, never force a wide empty desktop row. */
    & :is(.office-rx-actions,.center-filter-actions,.provider-filter-actions,.claim-track-filter-actions,
        .doc-filter-actions,.workflow-filter-actions,.rule-filter-actions,.claim-filter-actions,
        .admission-filter-actions,.cat-filter-actions,.fin-filter-actions,.insurance-filter-actions,
        .prep-filter-actions,.outpatient-full-report__filters-actions,.amaudit__filter-actions,
        .audit-filter-actions,.personnel-filter-actions,.expense-filter-actions) {
        display: flex; flex-wrap: wrap; gap: 6px !important; align-items: center; justify-content: flex-start;
        padding-block: 4px !important; min-width: 0;
    }
    & :is(.office-rx-filter-heading,.expense-filter-head,.ledger-filter-head,.drug-search-header) { margin-bottom: 8px !important; padding-block: 0 !important; }
    & .office-rx-advanced { margin-top: 8px; padding-top: 6px; }
    & .mud-table-toolbar:has(.mud-input-control) { height: auto; min-height: 52px; flex-wrap: wrap; gap: 8px; padding: 8px 12px; }

    /* Ticket search belongs above the ticket list, not in a second sidebar or duplicate header. */
    & .ticket-workspace { grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
    & .ticket-filter-panel { display: grid !important; grid-template-columns: minmax(180px,1.4fr) repeat(3,minmax(120px,1fr)) auto; gap: 8px !important; align-items: end; }
    & .ticket-filter-panel > .ticket-section-head { grid-column: 1 / -1; margin: 0; padding-bottom: 6px; }
    & .ticket-filter-panel > .ticket-filter-actions { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
    & .ticket-filter-panel .ticket-filter-search { margin: 0; min-height: 40px; }
    & .ticket-filter-panel .ticket-stat-list { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding-top: 6px; border-top: 1px solid var(--border-light); }
    & .ticket-filter-panel .ticket-stat { flex: 1 1 160px; padding: 6px 10px !important; min-height: 32px; }

    & .jf-queue-filters { display: flex; flex-wrap: wrap; gap: 6px !important; padding-block: 8px; }
    & .jf-queue-filters button { min-height: 34px; border-radius: 6px !important; padding: 6px 10px; font-size: 12px; }
    & .jf-queue-filters button:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }

    @media (min-width:761px) and (max-width:1100px) {
        & .ticket-filter-panel { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    }
    @media (min-width:1101px) {
        & .office-rx-filter-panel .office-rx-filter-grid { grid-template-columns: minmax(180px,1.3fr) repeat(3,minmax(130px,1fr)) auto !important; }
        & .office-rx-filter-grid > .office-rx-actions { grid-column: auto !important; }
    }

    @media (max-width:760px) {
        --query-control-height: 44px;
        & :is(.jf-query-panel > .mud-grid,.office-rx-filter-grid,.center-filter-grid,.provider-filter-searches,.policy-member-filter-grid,
            .doctor-acceptance-filters,.doctor-clinic-filters,.doctor-erx-filters,.doctor-financial-filters,
            .doctor-office-filters,.doctor-prescriptions-filters,.doctor-service-desk-filters,
            .doc-filter-grid,.workflow-filter-grid,.rule-filter-grid,.claim-filter-grid,.admission-filter-grid,
            .cat-filter-grid,.fin-filter-grid,.insurance-filter-grid,.prep-filter-grid,.executive-filter-row,
            .report-filter-grid,.cfs-filters,.sr-filters,.amaudit__filters,.ar-filters,.ticket-filter-panel,.pivot-filter-row,
            .outpatient-full-report__filters,.claim-track-filter-bar,.physician-confirm-filter-bar,
            .wait-confirm-filter-bar,.financial-queue-filter-bar) { grid-template-columns: minmax(0,1fr) !important; }
        & .jafam-filter-field { flex-basis: 100%; max-width: none; }
        & .jafam-filter-field:has(.jafam-filter-field__control > [class*="filter-cell"] > * + *) { flex-basis: 100%; min-width: 0; max-width: none; }
        & :is(.jafam-filter-chip,.jafam-filter-add,.jafam-filter-chip__open,.jafam-filter-chip__clear) { min-height: 44px; }
        & .jafam-filter-chip__clear { min-width: 44px; }
        & .jf-queue-filters button { min-height: 44px; }
        & :is(.ticket-filter-panel,.office-rx-filter-panel,.center-filter-panel,.provider-filter-panel,.jafam-filter-bar) .mud-button-root { min-height: 44px; }
        & .office-rx-filter-grid > * { grid-column: auto !important; }
    }
}
}