/* Opt-in presentation only. Mud retains placement, explicit widths, fullscreen
   options, focus traps, keyboard behavior and actions. Ordinary md/lg maximums
   and mobile gutters follow the approved reference; no fixed height is imposed.
   Component-owned dialog layouts are excluded below. */
@media screen {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog-container > .mud-overlay .mud-overlay-scrim {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) {
        border-radius: 16px !important;
        border-color: #e5eaf1;
        background: #fff;
        box-shadow: 0 30px 100px #162c5f40 !important;
        color: #17233d;
        font-family: inherit;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-dialog-title {
        position: relative;
        flex: 0 0 auto;
        padding: 1.35rem 1.5rem !important;
        border-bottom: 1px solid #e5eaf1;
        background: #fff;
        box-shadow: none;
        font-family: inherit;
        font-size: 1.2rem;
        font-weight: 800;
        line-height: 1.65;
        letter-spacing: normal;
        overflow-wrap: anywhere;
    }

    /* Reserve space only when Mud actually renders a close control. */
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-dialog-title:has(> .mud-button-close) {
        padding-inline-end: 76px !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-dialog-title > .mud-button-close {
        position: absolute;
        top: 14px !important;
        left: auto !important;
        right: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: 16px !important;
        width: 44px;
        height: 44px;
        margin: 0 !important;
        transform: none !important;
        border: 1px solid #e5eaf1;
        border-radius: 10px !important;
        background: #fff;
        color: #526079;
        box-shadow: none;
    }

    /* Mud 7.15 wraps content and actions in a focus trap. Let that wrapper
       shrink inside the existing max-height so the body, not the footer,
       scrolls. No changes to form/grid children or specialist scroll owners. */
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content {
        flex: 1 1 auto;
        min-height: 0;
        margin: 0;
        padding: 20px 24px !important;
        overflow: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        background: #fff;
        font-family: inherit;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions {
        flex: 0 0 auto;
        flex-wrap: wrap;
        gap: 12px;
        padding: 16px 24px !important;
        border-top: 1px solid #e5eaf1;
        background: #fff;
        box-shadow: none;
        font-family: inherit;
    }
}

/* The approved form has labels above the field, not floating through its
   border. Preserve Mud labels/for, required markers, errors, adornments and
   component layouts; only ordinary outlined fields adopt that presentation. */
@media screen {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input-control.mud-input-outlined-with-label,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input-control.mud-input-outlined-with-label {
        margin-block: 0;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input-control-input-container > .mud-input-label-outlined,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input-control-input-container > .mud-input-label-outlined {
        position: static !important;
        inset: auto !important;
        order: -1;
        width: auto;
        max-width: 100%;
        padding: 0 !important;
        margin: 0 0 7px !important;
        transform: none !important;
        background: transparent;
        color: #17233d;
        font-family: inherit;
        font-size: .78rem !important;
        font-weight: 600;
        line-height: 1.5 !important;
        letter-spacing: normal;
        white-space: normal;
        pointer-events: auto;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined {
        min-height: 44px;
        border-radius: 10px !important;
        background: #fff;
        box-shadow: none;
        font-family: inherit;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined .mud-input-slot,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined .mud-input-slot {
        padding: 10px 12px;
        color: inherit;
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-multiline,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-multiline {
        padding: 0;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-adorned-start > .mud-input-slot,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-adorned-start > .mud-input-slot {
        padding-inline-start: 0;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-adorned-end > .mud-input-slot,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-adorned-end > .mud-input-slot {
        padding-inline-end: 0;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined .mud-input-outlined-border,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 10px !important;
        border-width: 1px !important;
        border-color: #dce3ee !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-disabled):not(.mud-input-error):focus-within,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-disabled):not(.mud-input-error):focus-within {
        box-shadow: 0 0 0 3px #5475e519;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-disabled):not(.mud-input-error):focus-within .mud-input-outlined-border,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-disabled):not(.mud-input-error):focus-within .mud-input-outlined-border {
        border-color: #5475e5 !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-error .mud-input-outlined-border,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined.mud-input-error .mud-input-outlined-border {
        border-color: var(--mud-palette-error) !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined.mud-disabled,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined.mud-disabled {
        background: #f5f7fb;
        color: #64748b;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions .mud-button,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions .mud-button {
        min-height: 44px;
        padding: 10px 16px;
        border-radius: 10px !important;
        box-shadow: none !important;
        font-family: inherit;
        font-size: .8rem;
        font-weight: 650;
        line-height: 1.5;
        text-transform: none;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions > :not(:first-child),
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions > :not(:first-child) {
        margin-inline: 0;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions .mud-button-filled-primary:not(.mud-disabled),
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions .mud-button-filled-primary:not(.mud-disabled) {
        background-color: #3152cd;
        color: #fff;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions .mud-button-filled-primary:not(.mud-disabled):hover,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions .mud-button-filled-primary:not(.mud-disabled):hover {
        background-color: #2645b5;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions .mud-button-outlined-default:not(.mud-disabled),
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions .mud-button-outlined-default:not(.mud-disabled) {
        border-color: #dce3ee;
        background: #fff;
        color: #40506b;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content input[type="file"],
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content input[type="file"] {
        max-width: 100%;
        min-width: 0;
        padding: 16px;
        border: 1px dashed #a9badf;
        border-radius: 12px;
        background: #f7f9ff;
        color: #526079;
        font: inherit;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content input[type="file"]::file-selector-button,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content input[type="file"]::file-selector-button {
        min-height: 36px;
        margin-inline-end: 12px;
        padding: 7px 12px;
        border: 1px solid #e5eaf1;
        border-radius: 9px;
        background: #fff;
        color: #334155;
        font: inherit;
        cursor: pointer;
    }
}

/* Baseline site.css forces inherited label size and primary-colored required
   labels; restore the reference without overriding error-label semantics. */
@media screen {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input-control-input-container > .mud-input-label-outlined:not(.mud-input-error),
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input-control-input-container > .mud-input-label-outlined:not(.mud-input-error) {
        color: #17233d !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined.mud-disabled .mud-input-slot,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined.mud-disabled .mud-input-slot {
        color: #64748b !important;
    }
}

/* Match the approved standard/wide dialog proportions. Explicit component
   inline width/max-width/min-width keeps precedence; other size options stay.
   Reference standard = 48.75rem (780px), wide = 62.5rem (1000px). */
@media screen and (min-width: 601px) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog.mud-dialog-width-md:not([style*="width" i]):not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) {
        max-width: 780px;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog.mud-dialog-width-lg:not([style*="width" i]):not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) {
        max-width: 1000px;
    }
}

/* Mud input slots use content-box; the existing global 38px minimum plus
   20px vertical padding otherwise produces 58px controls. Single-line slots
   include their padding in 44px. Div/select slots may still grow for chips;
   textarea/autogrow and multiline inputs are deliberately excluded. */
@media screen {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-input-multiline) > .mud-input-slot,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-input-multiline) > .mud-input-slot {
        box-sizing: border-box;
        min-height: 44px !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-input-multiline) > input.mud-input-slot:not([type="hidden"]),
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content .mud-input.mud-input-outlined:not(.mud-input-multiline) > input.mud-input-slot:not([type="hidden"]) {
        height: 44px;
    }
}

/* Container padding is the sole mobile gutter. Removing Mud fullwidth's
   additional 64px subtraction avoids a cramped form at 320px. No fixed height
   is introduced, and fullscreen/specialist sizing remains excluded. */
@media screen and (max-width: 600px) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog-container:has(> .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    ))) {
        padding: 8px;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) {
        max-width: 100%;
        max-height: calc(100dvh - 16px);
        margin: 0;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog.mud-dialog-width-full:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) {
        width: 100%;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-dialog-title {
        padding: 1.05rem 1rem !important;
        font-size: 1.05rem;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-dialog-title > .mud-button-close {
        top: 10px !important;
        inset-inline-end: 10px !important;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-content,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-content {
        padding: 16px !important;
        scrollbar-gutter: auto;
    }

    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-dialog-actions,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .mud-dialog:not(:is(
        .ep-personnel-dialog, .mud-dialog-fullscreen, .cf-dialog, .rq-dialog, .rm-dialog,
        .pharmacy-legacy-dialog, .contracted-reports-dialog, .legacy-contact-dialog,
        .claim-info-dialog, .claim-review-dialog, .booklet-print-dialog,
        .doctor-expert-host, .doctor-ai-dialog-host, .eligibility-dialog-host,
        .jf-react-dialog, .jf-rule-authz-dialog, .drug-manage-dialog,
        .person-manage-dialog, .condition-rule-dialog, .drug-info-dialog,
        .drug-rule-detail-dialog, .dental-tooth-picker-dialog, .office-audit-dialog
    )) > .mud-focus-trap > .mud-focus-trap-child-container > .mud-dialog-actions {
        padding: 13px 16px max(13px, env(safe-area-inset-bottom)) !important;
    }
}