/* =============================================================================
   Medverra design system (2026)
   Loaded last on every master page and standalone page; every rule is scoped
   under body.mv so it outranks the legacy stylesheets without editing them.
   ============================================================================= */

:root {
    --mv-ink: #0B2545;          /* text on light, sidebar */
    --mv-ink-2: #13315C;        /* sidebar hover */
    --mv-teal: #0E9F8E;         /* primary action, active state */
    --mv-teal-600: #0B8274;
    --mv-teal-700: #096A5F;
    --mv-teal-50: #E7F6F3;
    --mv-mist: #F3F6F8;         /* page background */
    --mv-surface: #FFFFFF;
    --mv-line: #DCE3EA;
    --mv-line-strong: #C3CEDA;
    --mv-slate: #5B6B7F;        /* secondary text, labels */
    --mv-text: #172A3A;
    --mv-focus: #2563EB;

    --mv-ok: #15803D;   --mv-ok-50: #E8F5EC;
    --mv-warn: #A16207; --mv-warn-50: #FDF4E1;
    --mv-bad: #C0392B;  --mv-bad-50: #FBEAE8;
    --mv-info: #1D4ED8; --mv-info-50: #E8EEFC;
    --mv-billed: #5B47D6; --mv-billed-50: #EEEBFC;
    --mv-inflight: #4C3BC4; --mv-inflight-50: #EEEBFC;   /* waiting on an external party (design-system.md 3.3) */
    --mv-neutral: #475467; --mv-neutral-50: #EEF1F4;     /* not started / inactive */

    --mv-fs-12: 12px; --mv-fs-13: 13px; --mv-fs-14: 14px; --mv-fs-16: 16px; --mv-fs-20: 20px; --mv-fs-28: 28px;   /* type scale (design-system.md); half-steps are retired */

    --mv-radius-sm: 6px;
    --mv-radius: 10px;
    --mv-sidebar: 232px;
    --mv-font: "Public Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

    /* Design-system tokens (dev-docs/UI/design-system.md section 3). Additive: nothing consumes them until P1.3x. */
    --mv-action: #0A7266;       /* primary buttons, links (5.81:1 on white) */
    --mv-action-hover: #085A51;
    --mv-action-press: #064A43;
    --mv-action-subtle: #E7F6F3;
    --mv-action-strong: #075F55;
    --mv-text-2: #4A5B70;
    --mv-muted: #5F6F82;
    --mv-sunken: #F7F9FA;
    --mv-line-input: #7F8FA3;   /* input borders (3.30:1 on white) */
    --mv-focus-on-dark: #93C5FD;
    --mv-success: #166534; --mv-warning: #8A5300; --mv-danger: #B42318;
}

/* ---------------------------------------------------------------- base type */
body.mv {
    background: var(--mv-mist) !important;
    color: var(--mv-text);
    font-family: var(--mv-font);
    font-size: 13.5px;
    line-height: 1.45;
    font-variant-numeric: normal;
    -webkit-font-smoothing: antialiased;
}
/* Legacy pages hard-code Verdana/Tahoma/Lucida on many elements; icon fonts are excluded. */
body.mv :is(div, span, p, a, td, th, label, li, h1, h2, h3, h4, h5, h6, input, select, textarea, button, legend, b, strong, small, font):not([class*="fa"]):not([class*="feather"]):not([class*="icon"]):not([class*="glyph"]) {
    font-family: var(--mv-font) !important;
}
body.mv a { color: var(--mv-teal-600); }
body.mv a:hover { color: var(--mv-ink); }
body.mv h1, body.mv h2, body.mv h3, body.mv h4 { color: var(--mv-ink); letter-spacing: -0.01em; }
body.mv :focus-visible { outline: 2px solid var(--mv-focus) !important; outline-offset: 2px; }
body.mv ::selection { background: var(--mv-teal-50); }
/* Skip link: first tab stop on every master, visible only on focus (WCAG 2.4.1). */
body.mv .mv-skip { font-size: var(--mv-fs-13); position: absolute; left: 8px; top: -48px; z-index: 100000; padding: 10px 16px; background: var(--mv-ink); color: #fff !important; font-weight: 600; border-radius: var(--mv-radius-sm); text-decoration: none; }
body.mv .mv-skip:focus { top: 8px; }
body.mv main#mv-main:not(.mv-sa-main) { display: flow-root; } /* P1.2 fix: contain floated page content so the <main> landmark has height */
body.mv main#mv-main:focus { outline: none; }
body.mv hr { border: 0; border-top: 1px solid var(--mv-line); }

/* ---------------------------------------------------------------- form controls */
body.mv input[type="text"], body.mv input[type="password"], body.mv input[type="email"],
body.mv input[type="number"], body.mv input[type="search"], body.mv input[type="tel"],
body.mv input[type="date"], body.mv input:not([type]), body.mv select, body.mv textarea,
body.mv .form-control {
    background-color: var(--mv-surface);
    border: 1px solid var(--mv-line-input) !important;
    border-radius: var(--mv-radius-sm) !important;
    color: var(--mv-text);
    font-size: 13px !important;
    min-height: 32px;
    padding: 5px 9px !important;
    box-shadow: none !important;
    transition: border-color .12s, box-shadow .12s;
}
body.mv textarea { min-height: 64px; line-height: 1.45; }
body.mv select { padding-right: 26px !important; }
body.mv input:focus, body.mv select:focus, body.mv textarea:focus, body.mv .form-control:focus {
    border-color: var(--mv-teal) !important;
    box-shadow: 0 0 0 3px rgba(14, 159, 142, .16) !important;
    outline: none;
}
body.mv input[disabled], body.mv select[disabled], body.mv textarea[disabled],
body.mv input[readonly] {
    background-color: #EEF2F5 !important;
    color: var(--mv-slate);
}
body.mv input[type="checkbox"], body.mv input[type="radio"] {
    accent-color: var(--mv-teal);
    width: 15px; height: 15px; min-height: 0; vertical-align: middle;
}
/* legacy validation: inline border red, .error class, red asterisks */
body.mv .error, body.mv input.error, body.mv select.error, body.mv textarea.error {
    border-color: var(--mv-bad) !important;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, .12) !important;
}
body.mv .spnError { color: var(--mv-bad) !important; font-weight: 600; margin-left: 2px; }

/* labels in the ubiquitous label/field tables */
body.mv .tdLabel, body.mv .form-label, body.mv .tdlabel {
    color: var(--mv-slate) !important;
    font-size: 12.5px !important;
    font-weight: 500;
    padding: 6px 10px 6px 0 !important;
    white-space: nowrap;
    vertical-align: middle;
}
body.mv .tdDataField { padding: 4px 0 !important; vertical-align: middle; }

/* ---------------------------------------------------------------- buttons */
/* Only buttons that carry a text label: icon buttons (empty value, sprite background) keep their image. */
body.mv input[type="button"][value]:not([value=""]):not([value=" "]):not([class*="mv-"]), body.mv input[type="submit"][value]:not([value=""]):not([class*="mv-"]),
body.mv button:not(:empty):not(.ui-dialog-titlebar-close):not(.close):not([class*="fc-"]):not([class*="mv-"]):not(.mv-own *):not(.ui-dialog-buttonset *):not(.mxemr-btn *),
body.mv .themeButton, body.mv .btn, body.mv .blue_color[value]:not([value=""]), body.mv .Masterbtn {
    background: var(--mv-surface) !important;
    background-image: none !important;
    border: 1px solid var(--mv-line-strong) !important;
    border-radius: var(--mv-radius-sm) !important;
    color: var(--mv-ink) !important;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    min-height: 32px;
    padding: 6px 14px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: background-color .12s, border-color .12s, color .12s;
    width: auto;
}
body.mv input[type="button"][value]:not([value=""]):not([value=" "]):not([class*="mv-"]):hover, body.mv input[type="submit"][value]:not([value=""]):not([class*="mv-"]):hover, body.mv button:not(:empty):not(.ui-dialog-titlebar-close):not([class*="mv-"]):not(.mv-own *):not(.ui-dialog-buttonset *):not(.mxemr-btn *):hover,
body.mv .themeButton:hover, body.mv .btn:hover, body.mv .blue_color:hover {
    border-color: var(--mv-ink) !important;
    background: #F7FAFC !important;
}
/* Primary: the save/submit actions people use most. `html` raises specificity above the generic button rule. */
html body.mv input[type="submit"],
html body.mv input[type="button"]:is([value="Save"], [value="Save & Close"], [value="Save/Update"], [value="Update"], [value="Add"], [value="Add New"], [value="Login"], [value="Search"], [value="Generate Submission File"], [value="Upload Now"], [value="Enter Code"], [value="Validate"], [value="OK"], [value="Ok"], [value="Submit"], [value="Create Claim"], [value="New Patient"], [value="New Staff"], [value="Add Insurance"]),
body.mv button:is(.btn-primary, .btn-success),
body.mv .btn-primary, body.mv .btn-success, body.mv a.themeButton1, body.mv #btnLogin, body.mv #btn_SaveClaim, body.mv #btn_SaveClaimInstitutioanl,
body.mv .ui-dialog .ui-dialog-buttonpane button:first-child {
    background: var(--mv-teal-600) !important;
    border-color: var(--mv-teal-600) !important;
    color: #fff !important;
}
body.mv input[type="submit"]:hover,
html body.mv input[type="button"]:is([value="Save"], [value="Save & Close"], [value="Save/Update"], [value="Update"], [value="Add"], [value="Add New"], [value="Login"], [value="Search"], [value="Generate Submission File"], [value="Upload Now"], [value="Enter Code"], [value="Validate"], [value="OK"], [value="Ok"], [value="Submit"], [value="Create Claim"], [value="New Patient"], [value="New Staff"], [value="Add Insurance"]):hover,
body.mv .btn-primary:hover, body.mv #btnLogin:hover, body.mv #btn_SaveClaim:hover, body.mv #btn_SaveClaimInstitutioanl:hover,
body.mv .ui-dialog .ui-dialog-buttonpane button:first-child:hover {
    background: var(--mv-teal-700) !important;
    border-color: var(--mv-teal-700) !important;
    color: #fff !important;
}
body.mv input[type="button"]:is([value="Delete"], [value="Remove"], [value="Delete Selected Files"]), body.mv .btn-danger {
    color: var(--mv-bad) !important;
    border-color: #E8B9B3 !important;
}
body.mv input[type="button"][disabled], body.mv button[disabled] { opacity: .5; cursor: not-allowed; }

/* ---------------------------------------------------------------- panels (Widget) */
body.mv .Widget, body.mv .widget, body.mv .Widgett {
    background: var(--mv-surface) !important;
    border: 1px solid var(--mv-line) !important;
    border-radius: var(--mv-radius) !important;
    box-shadow: none !important;
    overflow: hidden;
    margin-bottom: 14px;
}
body.mv .WidgetTitle, body.mv .widget-title {
    background: var(--mv-surface) !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mv-line) !important;
    color: var(--mv-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    min-height: 44px;
    padding: 10px 14px !important;
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
body.mv .WidgetTitle > span:first-child { margin-right: auto; }
body.mv .WidgetContent { padding: 12px 14px !important; background: var(--mv-surface); }
body.mv .header:not(#header), body.mv .tblContent th, body.mv .commonTable .header {
    background: transparent !important;
    background-image: none !important;
    color: var(--mv-ink) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mv-line) !important;
    padding: 10px 0 6px !important;
    margin-bottom: 6px;
}

/* ---------------------------------------------------------------- data grids */
body.mv .Grid, body.mv .Grid > table, body.mv table.Grid {
    border: 1px solid var(--mv-line) !important;
    border-radius: var(--mv-radius) !important;
    background: var(--mv-surface) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
}
body.mv .Grid table { border: 0 !important; width: 100%; border-collapse: separate !important; border-spacing: 0; }
body.mv .Grid th, body.mv table.Grid th, body.mv .Grid thead td, body.mv .TitleBar {
    background: #F6F8FA !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mv-line) !important;
    color: var(--mv-slate) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    height: 38px;
    padding: 8px 10px !important;
    text-align: left;
    text-shadow: none !important;
    white-space: nowrap;
}
body.mv .Grid th a, body.mv .Grid th span { color: var(--mv-slate) !important; }
body.mv .Grid td, body.mv table.Grid td {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #EDF1F4 !important;
    color: var(--mv-text) !important;
    font-size: 13px !important;
    height: 38px;
    padding: 7px 10px !important;
    vertical-align: middle;
}
body.mv .Grid tbody tr:nth-child(even), body.mv .Grid tbody tr:nth-child(odd),
body.mv .Grid .alternatingRow, body.mv .Grid tr { background: var(--mv-surface) !important; }
body.mv .Grid tbody tr:hover td, body.mv .Grid tr.alternatingRow:hover td { background: #F3F9F8 !important; }
body.mv .Grid tr.selected td, body.mv .Grid tr.selectedRow td, body.mv .Grid tr.active td { background: var(--mv-teal-50) !important; }
body.mv .Grid tr:last-child td { border-bottom: 0 !important; }
/* filter row under the header (inputs inside a th/td row) */
body.mv .Grid tr:has(> th input), body.mv .Grid tr:has(> td > input.filter), body.mv .Grid .filterRow { background: #FBFCFD !important; }
body.mv .Grid th input, body.mv .Grid th select { min-height: 28px; font-size: 12px !important; padding: 3px 7px !important; width: 100%; }

/* pager / messages under grids */
body.mv .Grid .message, body.mv .message {
    background: #FBFCFD !important;
    border-top: 1px solid var(--mv-line) !important;
    color: var(--mv-slate) !important;
    font-size: 12.5px;
    padding: 8px 12px !important;
}
body.mv .Grid .pager, body.mv .pager {
    background: var(--mv-surface) !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid var(--mv-line) !important;
    color: var(--mv-slate) !important;
    display: flex; align-items: center; justify-content: space-between;
    min-height: 46px;
    padding: 6px 12px !important;
}
body.mv .pager .PageEntries { display: flex; align-items: center; gap: 6px; color: var(--mv-slate); font-weight: 500; }
body.mv .pager .PageEntries span { float: none !important; margin: 0 !important; }
body.mv .pager .PageEntries select { min-height: 28px; padding: 2px 22px 2px 8px !important; margin: 0 !important; }
body.mv .pager .PageButtons ul { display: flex; gap: 4px; margin: 0 !important; padding: 0; }
body.mv .pager .PageButtons li, body.mv .pager .PageButtons a {
    background: var(--mv-surface) !important;
    background-image: none !important;
    border: 1px solid var(--mv-line) !important;
    border-radius: var(--mv-radius-sm) !important;
    color: var(--mv-ink) !important;
    min-width: 30px; height: 30px; line-height: 28px !important;
    text-align: center; font-weight: 600; list-style: none;
}
body.mv .pager .PageButtons li.selected, body.mv .pager .PageButtons li.active, body.mv .pager .PageButtons .currentPage,
body.mv .pager .PageButtons li[style*="background"] {
    background: var(--mv-ink) !important; border-color: var(--mv-ink) !important; color: #fff !important;
}
body.mv .InfoLabel, body.mv .spanInfo { color: var(--mv-slate) !important; }

/* claim status chips (added by medverra.js to cells whose text is a status) */
body.mv .mv-status {
    display: inline-flex; align-items: center; gap: 6px;
    border-radius: 999px;
    font-size: 12px; font-weight: 600; line-height: 1;
    padding: 4px 10px 4px 8px;
    white-space: nowrap;
}
body.mv .mv-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.mv .mv-status-ok { background: var(--mv-ok-50); color: var(--mv-success); }
body.mv .mv-status-warn { background: var(--mv-warn-50); color: var(--mv-warning); }
body.mv .mv-status-bad { background: var(--mv-bad-50); color: var(--mv-danger); }
body.mv .mv-status-info { background: var(--mv-info-50); color: var(--mv-info); }
body.mv .mv-status-billed { background: var(--mv-inflight-50); color: var(--mv-inflight); }
body.mv .mv-status-muted { background: var(--mv-neutral-50); color: var(--mv-neutral); }

/* ---------------------------------------------------------------- jQuery UI dialogs, tabs, datepicker */
body.mv .ui-widget-overlay { background: rgba(11, 37, 69, .45) !important; opacity: 1 !important; }
body.mv .ui-dialog {
    background: var(--mv-surface) !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 60px -12px rgba(11, 37, 69, .35), 0 2px 6px rgba(11, 37, 69, .08) !important;
    padding: 0 !important;
    overflow: hidden;
}
body.mv .ui-dialog .ui-dialog-titlebar {
    background: var(--mv-surface) !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mv-line) !important;
    border-radius: 0 !important;
    color: var(--mv-ink) !important;
    padding: 14px 18px !important;
}
body.mv .ui-dialog .ui-dialog-title { color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv .ui-dialog .ui-dialog-titlebar-close {
    background: transparent !important; border: 0 !important; border-radius: 6px !important;
    width: 28px !important; height: 28px !important; margin-top: -14px !important; right: 12px !important;
}
body.mv .ui-dialog .ui-dialog-titlebar-close:hover { background: #EEF2F5 !important; }
body.mv .ui-dialog .ui-dialog-content { padding: 16px 18px !important; color: var(--mv-text); }
body.mv .ui-dialog .ui-dialog-buttonpane {
    background: #FBFCFD !important; border-top: 1px solid var(--mv-line) !important;
    margin: 0 !important; padding: 10px 14px !important;
}
body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { display: flex; flex-direction: row-reverse; gap: 8px; float: right; }
body.mv .ui-tabs .ui-tabs-nav { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; border-radius: 0 !important; }
body.mv .ui-tabs .ui-tabs-nav li { background: transparent !important; border: 0 !important; margin: 0 4px -1px 0 !important; }
body.mv .ui-tabs .ui-tabs-nav li a { color: var(--mv-slate) !important; font-weight: 600; padding: 9px 12px !important; }
body.mv .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-bottom: 2px solid var(--mv-teal) !important; }
body.mv .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: var(--mv-ink) !important; }
body.mv .ui-datepicker { border: 1px solid var(--mv-line) !important; border-radius: var(--mv-radius) !important; box-shadow: 0 12px 30px -8px rgba(11,37,69,.25) !important; padding: 8px !important; background: #fff !important; }
body.mv .ui-datepicker .ui-datepicker-header { background: transparent !important; border: 0 !important; color: var(--mv-ink) !important; }
body.mv .ui-datepicker td a { background: transparent !important; border: 0 !important; border-radius: 6px !important; text-align: center !important; color: var(--mv-text) !important; }
body.mv .ui-datepicker td a.ui-state-hover { background: #EEF2F5 !important; }
body.mv .ui-datepicker td a.ui-state-active, body.mv .ui-datepicker td a.ui-state-highlight { background: var(--mv-teal-600) !important; color: #fff !important; }
/* Scheduler notices (P3.3): no-hours explanation and double-booking hint */
body.mv .mv-sched-notice { margin: 0 0 8px; padding: 10px 14px; border: 1px solid var(--mv-line); border-left: 4px solid var(--mv-warn); border-radius: var(--mv-radius-sm); background: var(--mv-warn-50); color: var(--mv-text); font-size: 13px; line-height: 1.45; }
body.mv .mv-sched-notice a { color: var(--mv-teal-700); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
body.mv .ui-autocomplete { border: 1px solid var(--mv-line) !important; border-radius: var(--mv-radius-sm) !important; box-shadow: 0 12px 30px -8px rgba(11,37,69,.25) !important; }

/* select2 */
body.mv .select2-container--default .select2-selection--single,
body.mv .select2-container--default .select2-selection--multiple {
    border: 1px solid var(--mv-line-strong) !important; border-radius: var(--mv-radius-sm) !important; min-height: 32px;
}
body.mv .select2-dropdown { border-color: var(--mv-line) !important; border-radius: var(--mv-radius-sm) !important; }
body.mv .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--mv-teal-600) !important; }

/* toast messages used by showErrorMessage / showSuccessMessage */
body.mv .divMesgCustome, body.mv .alert, body.mv #divMessage {
    border-radius: var(--mv-radius) !important;
    box-shadow: 0 10px 30px -10px rgba(11,37,69,.35);
}
body.mv .alert-success { background: var(--mv-ok-50) !important; color: var(--mv-ok) !important; border-color: #BFE3C9 !important; }
body.mv .alert-danger { background: var(--mv-bad-50) !important; color: var(--mv-bad) !important; border-color: #F0C4BE !important; }
body.mv .alert-info { background: var(--mv-info-50) !important; color: var(--mv-info) !important; border-color: #C7D5F7 !important; }

/* scrollbars inside the dense work areas */
body.mv ::-webkit-scrollbar { width: 10px; height: 10px; }
body.mv ::-webkit-scrollbar-thumb { background: #C9D3DD; border-radius: 10px; border: 2px solid var(--mv-mist); }
body.mv ::-webkit-scrollbar-track { background: transparent; }

/* =============================================================================
   Application shell (EMR master and the other staff masters): navy sidebar
   ============================================================================= */
body.mv.mv-shell #header {
    position: fixed !important;
    inset: 0 auto 0 0;
    width: var(--mv-sidebar) !important;
    height: 100vh !important;
    background: var(--mv-ink) !important;
    background-image: none !important;
    display: flex !important;
    flex-direction: column;
    padding: 0 0 76px !important; /* room for the user card pinned at the bottom */
    box-sizing: border-box !important;
    z-index: 1000;
    box-shadow: none !important;
    border: 0 !important;
}
/* Legacy content is position:fixed with no top, so it starts where the 70px .topWrapper (35px header +
   35px action band) ends. Keep that 70px even though the header itself moved into the sidebar. */
body.mv.mv-shell .topWrapper { height: 70px !important; min-height: 70px !important; position: static !important; z-index: auto !important; }
body.mv.mv-shell .logoWrapper {
    width: auto !important;
    float: none !important;
    padding: 18px 18px 10px !important;
    display: flex; flex-direction: column; gap: 14px;
    margin: 0 !important;
}
body.mv.mv-shell a#logo {
    display: block !important;
    float: none !important;
    width: 160px !important; height: 30px !important;
    margin: 0 !important;
    background-image: url('../Images/brand-logo-white-sm.png') !important;
    background-size: contain !important;
    background-position: left center !important;
}
/* current practice */
body.mv.mv-shell .divPracticeName {
    display: block !important;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    color: #DCE8F5 !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    position: static !important;
}
body.mv.mv-shell .divPracticeName span, body.mv.mv-shell .divPracticeName a {
    color: #DCE8F5 !important; font-size: 12.5px !important; font-weight: 600 !important;
}
/* navigation */
body.mv.mv-shell #header .menu {
    float: none !important; width: auto !important; margin: 4px 0 0 !important;
    position: static !important; height: auto !important;
    flex: 1 1 auto; overflow-y: auto;
}
body.mv.mv-shell #header .menu > ul, body.mv.mv-shell ul#nav, body.mv.mv-shell #nav {
    display: flex !important; flex-direction: column; gap: 2px;
    width: auto !important; height: auto !important;
    margin: 0 !important; padding: 6px 10px !important;
    float: none !important; position: static !important;
    background: transparent !important;
}
body.mv.mv-shell #nav > li {
    float: none !important; width: 100% !important; height: auto !important; align-self: stretch;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important; border: 0 !important; list-style: none;
}
body.mv.mv-shell #nav > li > a {
    display: flex !important; align-items: center; gap: 12px;
    height: 38px !important; line-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 8px;
    color: #C2D1E2 !important;
    font-size: 13.5px !important; font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}
body.mv.mv-shell #nav > li > a:hover { background: var(--mv-ink-2) !important; color: #fff !important; }
body.mv.mv-shell #nav > li.selectedLi > a, body.mv.mv-shell #nav > li.selected > a, body.mv.mv-shell #nav > li.active > a {
    background: rgba(14,159,142,.18) !important; color: #fff !important;
    box-shadow: inset 3px 0 0 var(--mv-teal);
}
/* legacy sprite icons are replaced by one consistent line-icon set */
body.mv.mv-shell #nav > li > a > span, body.mv.mv-shell #nav > li > a > img { display: none !important; }
body.mv.mv-shell #nav > li > a::before {
    content: ""; flex: 0 0 18px; width: 18px; height: 18px;
    background-color: currentColor;
    -webkit-mask: var(--mv-icon) center / contain no-repeat; mask: var(--mv-icon) center / contain no-repeat;
}
body.mv.mv-shell :where(#nav > li) { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liHome { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liDashboard { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liPatient { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21v-1a6 6 0 0 1 6-6h2a6 6 0 0 1 6 6v1'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liBillingManager { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l5 5v15H6z'/%3E%3Cpath d='M14 2v6h6M9 13h7M9 17h5'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liFiles { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6a1 1 0 0 1 1-1h5l2 2h9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liLabManager { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liMessages { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4z'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liMyWork { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='17' rx='2'/%3E%3Cpath d='M9 3h6v3H9zM8.5 13l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liRBS { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liSetting { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E"); }

/* signed-in user, pinned to the bottom of the sidebar */
body.mv.mv-shell #divProfielDropdownWrapper { display: none !important; }
html body.mv.mv-shell #UserName.mv-side-user {
    position: fixed !important; left: 12px !important; bottom: 12px !important; top: auto !important; right: auto !important;
    width: calc(var(--mv-sidebar) - 24px) !important; height: 52px !important; min-height: 52px; z-index: 1001; float: none !important;
    display: flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 0 10px 0 8px !important;
    background: transparent !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 12px !important;
    color: #fff !important; text-align: left; cursor: pointer; box-shadow: none !important; font: inherit !important;
}
html body.mv.mv-shell #UserName.mv-side-user:hover, html body.mv.mv-shell #UserName.mv-side-user[aria-expanded="true"] { background: var(--mv-ink-2) !important; border-color: rgba(255,255,255,.22) !important; }
html body.mv.mv-shell #UserName.mv-side-user:focus-visible { outline: 2px solid #5EEAD4; outline-offset: 2px; }
body.mv.mv-shell .mv-side-avatar {
    flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--mv-action); color: #fff; font-size: 12.5px; font-weight: 700; letter-spacing: .02em;
}
body.mv.mv-shell .mv-side-avatar img { width: 100% !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; object-fit: cover; margin: 0 !important; }
body.mv.mv-shell .mv-side-who { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.25; }
body.mv.mv-shell .mv-side-who .lblusername { color: #fff !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-shell .mv-side-who .label_type { color: #9FB3C8 !important; font-size: var(--mv-fs-12) !important; font-weight: 500 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-shell .mv-side-user .bi-chevron-expand { color: #9FB3C8; font-size: 13px; }
body.mv.mv-shell .header_con { position: static !important; height: 0 !important; }
body.mv.mv-shell .header_con .contents-details-header { display: none; }
body.mv.mv-shell .drop_list.mv-side-menu {
    position: fixed !important; left: 12px !important; bottom: 72px !important; top: auto !important; right: auto !important;
    width: 248px !important; margin: 0 !important; padding: 6px !important; z-index: 1002 !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important;
    box-shadow: 0 24px 48px -16px rgba(11,37,69,.45) !important; text-align: left !important;
}
body.mv.mv-shell .mv-side-menu-head { display: flex; flex-direction: column; padding: 10px 10px 10px; margin-bottom: 4px; border-bottom: 1px solid var(--mv-line); }
body.mv.mv-shell .mv-side-menu .droplbluser { position: static !important; color: var(--mv-ink) !important; font-weight: 700 !important; font-size: 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-shell .mv-side-menu-role { color: var(--mv-slate); font-size: 12px; margin-top: 1px; }
body.mv.mv-shell .mv-side-menu .drop_bar { display: flex; flex-direction: column; width: 100%; }
body.mv.mv-shell .mv-side-menu .drop_bar a {
    display: flex !important; align-items: center; gap: 10px; height: 36px; padding: 0 10px !important; margin: 0 !important; border-radius: 8px;
    color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 500 !important; text-decoration: none !important;
}
body.mv.mv-shell .mv-side-menu .drop_bar a[style*="display: none"] { display: none !important; }
body.mv.mv-shell .mv-side-menu .drop_bar a i { width: 18px; color: var(--mv-slate); font-size: 15px; line-height: 1; text-align: center; }
body.mv.mv-shell .mv-side-menu .drop_bar a:hover, body.mv.mv-shell .mv-side-menu .drop_bar a:focus-visible { background: var(--mv-mist); outline: none; }
body.mv.mv-shell .mv-side-menu .drop_bar a:hover i { color: var(--mv-teal-600); }
body.mv.mv-shell .mv-side-menu .drop_bar a.mv-side-signout { margin-top: 4px !important; border-top: 1px solid var(--mv-line); border-radius: 0 0 8px 8px; color: #B42318 !important; }
body.mv.mv-shell .mv-side-menu .drop_bar a.mv-side-signout i { color: #B42318; }
body.mv.mv-shell .mv-side-menu .drop_bar a.mv-side-signout:hover { background: #FEF3F2; }

/* content area to the right of the sidebar. The master sets an inline width:100% !important on
   #contentWrapper, which a stylesheet cannot beat, so max-width does the clamping. */
body.mv.mv-shell .contentWrapper, body.mv.mv-shell #contentWrapper {
    margin-left: var(--mv-sidebar) !important;
    max-width: calc(100% - var(--mv-sidebar)) !important;
    background: var(--mv-mist) !important;
}
body.mv.mv-shell .contentWrapper[style*="fixed"], body.mv.mv-shell .contentWrapper.fixed { left: var(--mv-sidebar) !important; margin-left: 0 !important; }
/* Page action band: legacy pages pin .quicklaunch at top:35px, height:35px, items floated right,
   and pad their content to start below it. Keep that geometry; only restyle and shift it right. */
body.mv .quicklaunch {
    background: var(--mv-surface) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--mv-line);
    box-sizing: border-box;
}
body.mv.mv-shell .quicklaunch {
    left: var(--mv-sidebar) !important;
    right: 0 !important;
    width: auto !important;
    max-width: calc(100vw - var(--mv-sidebar)) !important;
    padding: 0 14px !important;
}
body.mv .quicklaunch > a, body.mv .quicklaunch > span > a, body.mv .quicklaunch > div > a {
    color: var(--mv-ink) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    border-radius: 6px;
    padding: 4px 9px !important;
    margin-top: 4px !important;
    line-height: 19px;
    text-decoration: none !important;
}
body.mv .quicklaunch > a:hover, body.mv .quicklaunch > span > a:hover { background: #EEF2F5; }
body.mv .quicklaunch img { opacity: .75; vertical-align: -3px; margin-right: 4px; }
/* legacy buttons here are wrapped in sprite spans (button-left/center/right) inside floated links */
body.mv .quicklaunch .button-left, body.mv .quicklaunch .button-right { display: none !important; }
body.mv .quicklaunch a, body.mv .quicklaunch span { margin-top: 0 !important; top: 0 !important; }
body.mv .quicklaunch > a, body.mv .quicklaunch > span { height: 34px; display: inline-flex !important; align-items: center; }
body.mv .quicklaunch input[type="button"] { min-height: 27px !important; padding: 3px 12px !important; margin: 0 0 0 6px !important; }
/* Only horizontal padding: legacy pages pin bars at fixed offsets below a 35px header and pad the
   content down to clear them, so the vertical layout must stay exactly as it was. */
body.mv.mv-shell .contentWrapper > .content { padding-left: 22px !important; padding-right: 22px !important; box-sizing: border-box; }
/* The 35px band the old header occupied becomes a quiet top bar across the content area. */
body.mv.mv-shell .topWrapper::after {
    content: "";
    position: fixed; top: 0; left: var(--mv-sidebar); right: 0; height: 70px;
    background: var(--mv-surface);
    border-bottom: 1px solid var(--mv-line);
    /* 0, not higher: page action bands live inside the fixed .contentWrapper (its own stacking
       context) and must paint above this bar. */
    z-index: 0;
}
body.mv .pager, body.mv .message, body.mv .WidgetTitle, body.mv .WidgetContent { box-sizing: border-box; }

/* The sidebar collapses to icons on narrow screens. */
@media (max-width: 1100px) {
    :root { --mv-sidebar: 68px; }
    body.mv.mv-shell a#logo { width: 36px !important; background-image: url('../Images/brand-mark.png') !important; }
    body.mv.mv-shell .divPracticeName, body.mv.mv-shell #UserName { display: none !important; }
    body.mv.mv-shell #nav > li > a { font-size: 0 !important; justify-content: center; padding: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
    body.mv * { transition: none !important; animation: none !important; }
}

/* =============================================================================
   Toasts: showSuccessMessage / showErrorMessage write into .divMesg and toggle
   .success / .warning; the legacy element was a centred strip at the very top.
   ============================================================================= */
body.mv .divMesg {
    position: fixed !important;
    top: 16px !important; right: 20px !important; left: auto !important;
    width: auto !important; max-width: min(440px, calc(100vw - 40px)) !important; min-width: 280px;
    margin: 0 !important;
    background: var(--mv-surface) !important;
    background-image: none !important;
    color: var(--mv-text) !important;
    border: 1px solid var(--mv-line) !important;
    border-left: 4px solid var(--mv-info) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38), 0 2px 6px rgba(11, 37, 69, .06) !important;
    padding: 13px 16px 13px 46px !important;
    font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.45 !important;
    text-align: left !important;
    z-index: 2147483000 !important;
}
body.mv .divMesg::before {
    content: ""; position: absolute; left: 14px; top: 13px; width: 20px; height: 20px;
    background-color: var(--mv-info);
    -webkit-mask: var(--mv-toast-icon) center / contain no-repeat; mask: var(--mv-toast-icon) center / contain no-repeat;
    --mv-toast-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v5h1'/%3E%3C/svg%3E");
}
body.mv .divMesg.success { border-left-color: var(--mv-ok) !important; }
body.mv .divMesg.success::before {
    background-color: var(--mv-ok);
    --mv-toast-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.7 2.7L16 9.8'/%3E%3C/svg%3E");
}
body.mv .divMesg.warning, body.mv .divMesg.error { border-left-color: var(--mv-bad) !important; }
body.mv .divMesg.warning::before, body.mv .divMesg.error::before {
    background-color: var(--mv-bad);
    --mv-toast-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.5 20h19z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E");
}
/* legacy markup inside the toast carries its own icons, colours and backgrounds */
body.mv .divMesg * { background: transparent !important; color: inherit !important; font-size: inherit !important; border: 0 !important; }
body.mv .divMesg img, body.mv .divMesg .iconInfo, body.mv .divMesg [class*="icon"] { display: none !important; }

/* =============================================================================
   Sign-in page (EMR/Login.aspx)
   ============================================================================= */
body.mv-login { margin: 0; min-height: 100vh; background: var(--mv-mist) !important; }
body.mv-login .mv-login-shell { display: grid; grid-template-columns: minmax(380px, 46%) 1fr; min-height: 100vh; }
body.mv-login .mv-login-brand {
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 44px 56px;
    background: var(--mv-ink);
    background-image: radial-gradient(120% 80% at 0% 0%, #163A66 0%, rgba(22,58,102,0) 60%),
                      radial-gradient(90% 70% at 100% 100%, rgba(14,159,142,.28) 0%, rgba(14,159,142,0) 60%);
    color: #DCE8F5;
}
body.mv-login .mv-login-logo { width: 220px; height: auto; display: block; }
body.mv-login .mv-login-pitch { max-width: 540px; position: relative; z-index: 1; }
body.mv-login .mv-login-pitch h1 {
    color: #fff !important; font-size: clamp(28px, 2.6vw, 38px) !important; line-height: 1.18; font-weight: 700 !important;
    letter-spacing: -0.02em; margin: 0 0 14px;
}
body.mv-login .mv-login-pitch p { color: #AFC3DA; font-size: 15px; margin: 0; }
/* the brand's pulse line, drawn once on load */
body.mv-login .mv-login-pulse { position: absolute; left: 0; right: 0; bottom: 18%; width: 100%; height: 120px; opacity: .55; }
body.mv-login .mv-login-pulse polyline {
    fill: none; stroke: #5EEAD4; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round;
    stroke-dasharray: 900; stroke-dashoffset: 900; animation: mv-pulse-draw 2.4s .3s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes mv-pulse-draw { to { stroke-dashoffset: 0; } }
body.mv-login .mv-login-foot { color: #7F97B4; font-size: 12.5px; margin: 0; position: relative; z-index: 1; }

body.mv-login .mv-login-panel { display: flex; align-items: center; justify-content: center; padding: 40px 24px; }
body.mv-login .mv-login-card { width: 100%; max-width: 380px; }
body.mv-login .mv-login-card h2 { font-size: 26px !important; font-weight: 700 !important; margin: 0 0 6px; color: var(--mv-ink); }
body.mv-login .mv-login-sub { color: var(--mv-slate); font-size: 14px; margin: 0 0 28px; }
body.mv-login .mv-field { margin-bottom: 18px; }
body.mv-login .mv-field label { display: block; color: var(--mv-ink); font-size: 13px; font-weight: 600; margin-bottom: 6px; }
body.mv-login .mv-field input[type="text"], body.mv-login .mv-field input[type="password"] {
    width: 100%; box-sizing: border-box; height: 44px; font-size: var(--mv-fs-14) !important; padding: 10px 12px !important;
    border-radius: 8px !important;
}
body.mv-login .mv-password { position: relative; }
body.mv-login .mv-password input { padding-right: 44px !important; }
body.mv-login .mv-reveal {
    position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; min-height: 0;
    border: 0 !important; border-radius: 6px; background: transparent !important; cursor: pointer; padding: 0 !important;
}
body.mv-login .mv-reveal::before {
    content: ""; position: absolute; inset: 7px; background-color: var(--mv-slate);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.mv-login .mv-reveal[aria-pressed="true"]::before { background-color: var(--mv-teal); }
body.mv-login .mv-reveal:hover { background: #EEF2F5 !important; }
body.mv-login .mv-field-error { display: block; color: var(--mv-bad) !important; font-size: 12.5px; margin-top: 6px; }
body.mv-login .mv-check { display: flex; align-items: center; gap: 10px; color: var(--mv-text); font-size: 13.5px; margin: 4px 0 22px; cursor: pointer; }
body.mv-login .mv-login-error:not(:empty) {
    display: block; background: var(--mv-bad-50) !important; color: var(--mv-bad) !important;
    border: 1px solid #F0C4BE !important; border-radius: 8px !important;
    font-size: 13px; padding: 10px 12px !important; margin: 0 0 16px;
}
body.mv-login .mv-login-error span { color: var(--mv-bad) !important; font-weight: 500; }
html body.mv-login input.mv-login-submit {
    width: 100% !important; height: 46px; font-size: 15px !important; border-radius: 8px !important;
    background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important;
}
html body.mv-login input.mv-login-submit:hover { background: var(--mv-teal-700) !important; }
body.mv-login .mv-hipaa {
    margin: 28px 0 0; padding: 14px 0 0 30px; border-top: 1px solid var(--mv-line);
    color: var(--mv-slate); font-size: 12.5px; line-height: 1.55; position: relative;
}
body.mv-login .mv-hipaa::before {
    content: ""; position: absolute; left: 0; top: 16px; width: 18px; height: 18px; background-color: var(--mv-teal);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.mv-login .mv-hipaa strong { color: var(--mv-ink); }
@media (max-width: 860px) {
    body.mv-login .mv-login-shell { grid-template-columns: 1fr; }
    body.mv-login .mv-login-brand { padding: 28px 24px; min-height: 0; gap: 18px; }
    body.mv-login .mv-login-pitch h1 { font-size: 24px !important; }
    body.mv-login .mv-login-pulse, body.mv-login .mv-login-foot { display: none; }
}
@media (prefers-reduced-motion: reduce) { body.mv-login .mv-login-pulse polyline { animation: none; stroke-dashoffset: 0; } }

/* =============================================================================
   Choose a practice (EMR/SwitchPractices/SwitchPractices.aspx)
   ============================================================================= */
body.mv .mv-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.mv .mv-switch { max-width: 1240px; margin: 0 auto; padding: 72px 28px 56px; box-sizing: border-box; }
body.mv .mv-switch-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 26px; }
body.mv .mv-switch-head h1 { font-size: 28px !important; font-weight: 700 !important; margin: 0 0 6px; color: var(--mv-ink); letter-spacing: -0.02em; }
body.mv .mv-switch-head p { margin: 0; color: var(--mv-slate); font-size: var(--mv-fs-14); }
body.mv .mv-search { position: relative; flex: 0 1 340px; }
body.mv .mv-search input {
    width: 100%; box-sizing: border-box; height: 42px; padding-left: 38px !important; border-radius: 10px !important; font-size: 14px !important;
    background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B7F' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 12px center / 17px no-repeat !important;
}
body.mv .mv-switch #divPracticesMainCont, body.mv .mv-switch #divContainer { padding: 0 !important; margin: 0 !important; width: auto !important; }
body.mv .mv-practice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
body.mv .mv-practice-card {
    position: relative; display: flex; flex-direction: column; gap: 16px;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px;
    padding: 18px 18px 16px; cursor: pointer; outline: none;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
body.mv .mv-practice-card:hover, body.mv .mv-practice-card:focus-visible {
    border-color: var(--mv-teal);
    box-shadow: 0 14px 30px -18px rgba(11, 37, 69, .45);
    transform: translateY(-1px);
}
body.mv .mv-practice-card:focus-visible { box-shadow: 0 0 0 3px rgba(14,159,142,.25), 0 14px 30px -18px rgba(11,37,69,.45); }
body.mv .mv-practice-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
body.mv .mv-practice-avatar {
    flex: 0 0 44px; height: 44px; border-radius: 11px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--mv-action); color: #fff;
    font-weight: 700; font-size: 15px; letter-spacing: .02em;
}
body.mv .mv-practice-title { display: flex; flex-direction: column; min-width: 0; }
body.mv .mv-practice-name {
    color: var(--mv-ink); font-size: 15.5px; font-weight: 700; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
body.mv .mv-practice-id { color: var(--mv-slate); font-size: 12.5px; margin-top: 2px; }
body.mv .mv-practice-meta { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
body.mv .mv-practice-meta li { display: flex; align-items: center; gap: 8px; color: var(--mv-text); font-size: 13px; min-width: 0; }
body.mv .mv-practice-meta li::before {
    content: ""; flex: 0 0 15px; height: 15px; background-color: var(--mv-slate);
    -webkit-mask: var(--mv-mi) center / contain no-repeat; mask: var(--mv-mi) center / contain no-repeat;
}
body.mv .mv-meta-place { --mv-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
body.mv .mv-meta-phone { --mv-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); }
body.mv .mv-muted { color: var(--mv-slate); }
body.mv .mv-practice-stats {
    display: grid; grid-template-columns: repeat(3, 1fr); margin: 0;
    border-top: 1px solid var(--mv-line); padding-top: 12px;
}
body.mv .mv-practice-stats > div + div { border-left: 1px solid var(--mv-line); padding-left: 12px; }
body.mv .mv-practice-stats dt { color: var(--mv-slate); font-size: var(--mv-fs-12); font-weight: 500; margin: 0 0 2px; }
body.mv .mv-practice-stats dd { color: var(--mv-ink); font-size: 18px; font-weight: 700; margin: 0; }
body.mv .mv-practice-open {
    position: absolute; top: 18px; right: 18px; color: var(--mv-teal-600); font-size: 12.5px; font-weight: 600;
    opacity: 0; transition: opacity .15s;
}
body.mv .mv-practice-card:hover .mv-practice-open, body.mv .mv-practice-card:focus-visible .mv-practice-open { opacity: 1; }
body.mv .mv-practice-card:hover .mv-practice-name, body.mv .mv-practice-card:focus-visible .mv-practice-name { padding-right: 96px; }
body.mv .mv-practice-empty { color: var(--mv-slate); text-align: center; padding: 40px 0; font-size: 14px; }
/* instructions shown before entering a practice (Bootstrap modal) */
body.mv .modal-content { border: 0 !important; border-radius: 14px !important; box-shadow: 0 24px 60px -12px rgba(11,37,69,.35) !important; overflow: hidden; }
body.mv .modal-header { border-bottom: 1px solid var(--mv-line) !important; padding: 14px 18px !important; }
body.mv .modal-title { color: var(--mv-ink) !important; font-weight: 700 !important; font-size: 16px !important; text-align: left !important; }
body.mv .modal-header .div1r2, body.mv .modal-header .row { display: none !important; }
body.mv .modal-footer { border-top: 1px solid var(--mv-line) !important; background: #FBFCFD; }
@media (max-width: 640px) {
    body.mv .mv-switch { padding: 24px 16px 40px; }
    body.mv .mv-practice-grid { grid-template-columns: 1fr; }
}

/* =============================================================================
   Top-bar shell (Home.master, AdminPanel masters): legacy pages sit under a
   fixed 35px header and pad themselves for it, so the bar keeps that height.
   ============================================================================= */
body.mv.mv-topbar #header, body.mv.mv-topbar .top-nav1 {
    position: fixed !important; top: 0; left: 0; right: 0;
    height: 35px !important; min-height: 35px;
    background: var(--mv-ink) !important; background-image: none !important;
    border: 0 !important; box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 6px 18px -12px rgba(11,37,69,.6) !important;
    padding: 0 14px !important; box-sizing: border-box;
    z-index: 999;
}
body.mv.mv-topbar #header > .row { height: 35px; margin: 0 !important; align-items: center; flex-wrap: nowrap; }
body.mv.mv-topbar #header > .row > [class*="col-"] { display: flex; align-items: center; height: 35px; margin-top: 0 !important; }
body.mv.mv-topbar #header img[src*="brand-logo-white-sm"] { width: 124px !important; height: auto; display: block; }
body.mv.mv-topbar #header label#DMSLable { color: #C2D1E2 !important; font-size: 12.5px !important; font-weight: 600; margin: 0 0 0 16px !important; padding-left: 16px; border-left: 1px solid rgba(255,255,255,.18); }
/* section menus (DMS / AR pages show theirs) */
body.mv.mv-topbar #header .menu ul, body.mv.mv-topbar #header #nav {
    display: flex !important; gap: 2px; margin: 0 !important; padding: 0 !important; height: 35px; align-items: center;
}
body.mv.mv-topbar #header .menu li { list-style: none; float: none !important; margin: 0 !important; }
body.mv.mv-topbar #header .menu li a {
    display: inline-flex !important; align-items: center; gap: 6px; height: 27px; padding: 0 10px !important;
    border-radius: 6px; color: #C2D1E2 !important; font-size: 12.5px !important; font-weight: 600 !important; text-decoration: none !important;
}
body.mv.mv-topbar #header .menu li a:hover, body.mv.mv-topbar #header .menu li.selectedLi a { background: var(--mv-ink-2); color: #fff !important; }
body.mv.mv-topbar #header .menu li a span[class$="_icon"] { display: none !important; }
/* practice picker shown on some pages */
body.mv.mv-topbar #header .sptext { color: #C2D1E2 !important; font-size: 12.5px; }
body.mv.mv-topbar #header select { min-height: 27px !important; height: 27px !important; padding: 2px 24px 2px 8px !important; font-size: 12.5px !important; }
/* signed-in user: chip in the bar, launcher panel below it */
body.mv.mv-topbar #header > .row > .col-md-1 { flex: 0 0 auto; max-width: none; width: auto; margin-left: auto; padding-right: 0; }
body.mv.mv-topbar #header > .row > .col-md-1 > div[style*="float"] { float: none !important; }
body.mv.mv-topbar #header .mv-user { display: inline-flex !important; position: relative !important; width: auto !important; height: auto !important; margin: 0 !important; background: none !important; }
body.mv.mv-topbar #header .mv-user > .mv-user-btn { float: none !important; }
body.mv.mv-topbar #header .mv-user-btn {
    background: transparent !important; border: 1px solid rgba(255,255,255,.16) !important; color: #fff !important;
    height: 29px; min-height: 29px; padding: 0 10px 0 3px !important; border-radius: 999px !important; box-shadow: none !important;
    display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px !important; font-weight: 600 !important; white-space: nowrap;
}
body.mv.mv-topbar #header .mv-user-btn:hover, body.mv.mv-topbar #header .mv-user.show .mv-user-btn { background: var(--mv-ink-2) !important; border-color: rgba(255,255,255,.3) !important; }
body.mv.mv-topbar #header .mv-user-btn:focus-visible { outline: 2px solid var(--mv-teal); outline-offset: 2px; }
body.mv.mv-topbar #header .mv-user-btn::after { border-top-color: #9FB3C8; margin-left: 2px; }
body.mv.mv-topbar #header .mv-user-name, body.mv.mv-topbar #header .mv-user-name span { color: #fff !important; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
body.mv .mv-user-avatar {
    flex: 0 0 23px; width: 23px; height: 23px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--mv-action); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .02em;
}
body.mv .mv-user-avatar-lg { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; font-size: 15px; }
body.mv.mv-topbar .mv-launcher.dropdown-menu {
    float: none; width: 600px; max-width: calc(100vw - 24px); margin: 0 !important; padding: 0 !important;
    position: fixed !important; top: 37px !important; left: auto !important; right: 12px !important; z-index: 1001;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 14px !important;
    box-shadow: 0 24px 56px -16px rgba(11,37,69,.42) !important; overflow: hidden; font-family: inherit;
}
body.mv.mv-topbar .mv-launcher.show { display: block; animation: mv-launcher-in .14s ease-out; }
@keyframes mv-launcher-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { body.mv.mv-topbar .mv-launcher.show { animation: none; } }
body.mv .mv-launcher-head { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--mv-line); background: #FBFCFD; }
body.mv .mv-launcher-who { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.mv .mv-launcher-name { color: var(--mv-ink); font-size: 15px; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mv .mv-launcher-who .usertype { position: static !important; color: var(--mv-slate) !important; font-size: 12.5px !important; }
body.mv .mv-launcher-switch {
    display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; border-radius: 9px; white-space: nowrap;
    border: 1px solid var(--mv-line); background: var(--mv-surface); color: var(--mv-ink) !important; font-size: 13px; font-weight: 600; text-decoration: none !important;
}
body.mv .mv-launcher-switch i { color: var(--mv-teal-600) !important; font-size: 12px; }
body.mv .mv-launcher-switch:hover { border-color: var(--mv-teal); background: #F0FAF8; }
body.mv .mv-launcher-body { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; padding: 12px 12px 10px; max-height: calc(100vh - 200px); overflow-y: auto; }
body.mv .mv-launcher-group { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.mv .mv-launcher-group h6 { margin: 6px 8px 4px !important; color: var(--mv-slate) !important; font-size: var(--mv-fs-12) !important; font-weight: 600 !important; letter-spacing: .01em; }
body.mv .mv-launcher-group.mv-empty { display: none; }
body.mv .mv-tile { display: flex; align-items: center; gap: 11px; padding: 8px; border-radius: 10px; text-decoration: none !important; color: var(--mv-ink) !important; }
body.mv .mv-tile[style*="display: none"] { display: none !important; }
body.mv .mv-tile:hover, body.mv .mv-tile:focus-visible { background: var(--mv-mist); outline: none; }
body.mv .mv-tile:focus-visible { box-shadow: inset 0 0 0 2px var(--mv-teal); }
body.mv .mv-tile > i {
    flex: 0 0 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center;
    background: #E8F5F3; color: var(--mv-teal-600) !important; font-size: 14px;
}
body.mv .mv-tile:hover > i { background: var(--mv-teal-600); color: #fff !important; }
body.mv .mv-tile > span { display: flex; flex-direction: column; min-width: 0; }
body.mv .mv-tile b { font-size: 13.5px; font-weight: 600; color: var(--mv-ink); line-height: 1.3; }
body.mv .mv-tile small { font-size: 12px; color: var(--mv-slate); line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mv .mv-launcher-foot { display: flex; justify-content: flex-end; padding: 10px 14px; border-top: 1px solid var(--mv-line); background: #FBFCFD; }
body.mv .mv-launcher-signout { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border-radius: 8px; color: #B42318 !important; font-size: 13px; font-weight: 600; text-decoration: none !important; }
body.mv .mv-launcher-signout i { color: #B42318 !important; }
body.mv .mv-launcher-signout:hover { background: #FEF3F2; }
@media (max-width: 640px) {
    body.mv .mv-launcher-body { grid-template-columns: 1fr; }
    body.mv.mv-topbar #header .mv-user-name { display: none; }
}

/* =============================================================================
   Workspace bar (Home.master, body.mv-home): 56px white bar with brand, main
   navigation and the user chip. Pages under it were built for a 35px header,
   so the body gets the 21px difference as top padding.
   ============================================================================= */
body.mv.mv-home { padding-top: 21px !important; }
body.mv.mv-home #header {
    height: 56px !important; min-height: 56px; padding: 0 20px 0 18px !important;
    background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important;
    box-shadow: 0 1px 2px rgba(11,37,69,.04), 0 8px 24px -18px rgba(11,37,69,.28) !important;
}
body.mv.mv-home #header > .row { height: 56px; }
body.mv.mv-home #header > .row > [class*="col-"] { height: 56px; padding: 0; }
body.mv.mv-home #header > .row > .col-md-4 { flex: 0 0 auto; max-width: none; width: auto; }
body.mv.mv-home #header > .row > .col-md-7 { flex: 1 1 auto; max-width: none; width: auto; min-width: 0; margin-top: 0 !important; padding-left: 8px; }
body.mv.mv-home #header .mv-brand { display: inline-flex; align-items: center; height: 40px; padding: 0 6px; border-radius: 8px; }
body.mv.mv-home #header .mv-brand:focus-visible { outline: 2px solid var(--mv-teal); outline-offset: 1px; }
body.mv.mv-home #header .mv-brand img { width: auto !important; height: 26px !important; display: block; }
body.mv.mv-home #header label#DMSLable { color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 700; margin: 0 0 0 14px !important; padding-left: 16px; border-left: 1px solid var(--mv-line); white-space: nowrap; }

/* main navigation */
body.mv.mv-home .mv-topnav { display: flex; align-items: center; gap: 2px; height: 56px; margin-left: 14px; padding-left: 18px; border-left: 1px solid var(--mv-line); overflow-x: auto; scrollbar-width: none; }
body.mv.mv-home .mv-topnav::-webkit-scrollbar { display: none; }
body.mv.mv-home #header:has(.MenuDMS[style*="block"]) .mv-topnav { display: none; }
body.mv.mv-home .mv-topnav a, body.mv.mv-home #header .menu li a {
    position: relative; display: inline-flex !important; align-items: center; gap: 8px; height: 36px; padding: 0 12px !important;
    border-radius: 8px; white-space: nowrap; text-decoration: none !important; background: transparent;
    color: var(--mv-slate) !important; font-size: 13.5px !important; font-weight: 600 !important;
    transition: background-color .12s, color .12s;
}
body.mv.mv-home .mv-topnav a[style*="display: none"] { display: none !important; }
body.mv.mv-home .mv-topnav a i { font-size: 15px; line-height: 1; color: currentColor; }
body.mv.mv-home .mv-topnav a:hover, body.mv.mv-home #header .menu li a:hover { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
body.mv.mv-home .mv-topnav a:focus-visible, body.mv.mv-home #header .menu li a:focus-visible { outline: 2px solid var(--mv-teal); outline-offset: 1px; }
body.mv.mv-home .mv-topnav a.mv-active, body.mv.mv-home #header .menu li.selectedLi a, body.mv.mv-home #header .menu li a.mv-active { color: var(--mv-teal-600) !important; background: transparent !important; }
body.mv.mv-home .mv-topnav a.mv-active:hover, body.mv.mv-home #header .menu li a.mv-active:hover { background: #F0FAF8 !important; }
body.mv.mv-home .mv-topnav a.mv-active::after, body.mv.mv-home #header .menu li a.mv-active::after {
    content: ""; position: absolute; left: 12px; right: 12px; bottom: -10px; height: 2px; border-radius: 2px; background: var(--mv-teal);
}
/* DMS section menu shares the nav look */
body.mv.mv-home #header .menu ul, body.mv.mv-home #header #nav { height: 56px; gap: 2px; margin-left: 14px !important; padding-left: 18px !important; border-left: 1px solid var(--mv-line); }
body.mv.mv-home #header label#DMSLable[style*="block"] + .mv-topnav, body.mv.mv-home #header .MenuDMS ul { border-left: 0; padding-left: 0 !important; margin-left: 6px !important; }
body.mv.mv-home #header .sptext { color: var(--mv-slate) !important; font-size: 13px; font-weight: 600; }
body.mv.mv-home #header select { min-height: 34px !important; height: 34px !important; font-size: 13px !important; }

/* user chip */
body.mv.mv-home #header .mv-user-btn {
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important;
    height: 42px; min-height: 42px; padding: 0 12px 0 5px !important; border-radius: 12px !important; gap: 10px;
}
body.mv.mv-home #header .mv-user-btn:hover, body.mv.mv-home #header .mv-user.show .mv-user-btn { background: var(--mv-mist) !important; border-color: #C7D2DD !important; }
body.mv.mv-home #header .mv-user-btn::after { border-top-color: var(--mv-slate); margin-left: 4px; }
body.mv.mv-home #header .mv-user-avatar { flex-basis: 32px; width: 32px; height: 32px; border-radius: 9px; font-size: 12px; }
body.mv.mv-home #header .mv-user-avatar-lg { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; font-size: 15px; }
body.mv.mv-home #header .mv-user-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; min-width: 0; }
body.mv.mv-home #header .mv-user-name, body.mv.mv-home #header .mv-user-name span { color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600; max-width: 180px; }
body.mv.mv-home #header .mv-user-role { color: var(--mv-slate); font-size: var(--mv-fs-12); font-weight: 500; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-home .mv-launcher.dropdown-menu { top: 60px !important; }
body.mv.mv-home .mv-launcher-body { max-height: calc(100vh - 220px); }
body.mv.mv-home .mv-tile > i, body.mv.mv-home .mv-launcher-switch i, body.mv.mv-home .mv-launcher-signout i { font-size: 16px; line-height: 1; }
body.mv.mv-home .mv-switch { padding-top: 68px; }

@media (max-width: 900px) {
    body.mv.mv-home .mv-topnav a { padding: 0 10px !important; }
    body.mv.mv-home .mv-topnav a span { display: none; }
    body.mv.mv-home #header .mv-user-text { display: none; }
}
@media (max-width: 640px) {
    body.mv.mv-home #header { padding: 0 10px !important; }
    body.mv.mv-home .mv-topnav { margin-left: 6px; padding-left: 8px; }
    body.mv.mv-home .mv-topnav a { font-size: 0 !important; gap: 0; width: 38px; justify-content: center; padding: 0 !important; }
    body.mv.mv-home .mv-topnav a i { font-size: 17px; }
    body.mv.mv-home .mv-switch { padding-top: 76px; }
}
/* AR, support and eligibility pages: drop the old 200px blue banner and the
   width-based negative margin that pulled the content card up over it. */
body.mv.mv-home .background { background: var(--mv-mist) !important; min-height: calc(100vh - 77px); box-shadow: none !important; }
body.mv.mv-home .background > .row > .col-md-12.bg { display: none !important; }
body.mv.mv-home .bg3 { margin-top: 0 !important; padding-top: 20px; height: auto !important; color: inherit; }
body.mv.mv-home .MQmarginTop { margin-top: 0 !important; }
body.mv.mv-home .bg3 .statusName { color: var(--mv-ink) !important; font-size: 18px !important; font-weight: 700 !important; margin: 0; }
body.mv.mv-home #header .menu { height: 56px; display: flex !important; align-items: center; overflow: hidden; }
body.mv.mv-home #header .menu[style*="none"] { display: none !important; }
body.mv.mv-home #header .menu ul, body.mv.mv-home #header #nav { height: 40px !important; }
body.mv.mv-home .background { padding-top: 35px; }
/* page footers (AR follow-up, support) */
body.mv .footer:has(.spfooter), body.mv footer:has(.spfooter) { background: transparent !important; border-top: 1px solid var(--mv-line); box-shadow: none !important; }
body.mv .spfooter { color: var(--mv-slate) !important; font-size: 12px !important; font-weight: 500; }
/* numbers line up in tables and inputs; prose keeps proportional figures */
body.mv td, body.mv th, body.mv input, body.mv .mv-practice-stats dd { font-variant-numeric: tabular-nums; }
body.mv .mv-launcher i { margin: 0 !important; }
body.mv .mv-launcher-head { padding: 16px 20px; }
body.mv .mv-launcher-foot { padding: 10px 12px; }
body.mv-login input[type="checkbox"] { margin-left: 0 !important; }

/* =============================================================================
   Dashboard (EMR/Dashboard/Dashboard.aspx)
   ============================================================================= */
body.mv .mv-dash { padding: 4px 4px 40px; box-sizing: border-box; color: var(--mv-text); }
body.mv .mv-dash *, body.mv .mv-drawer * { box-sizing: border-box; }
/* page title sits in the shell's white band */
body.mv .mv-dash-bar {
    position: fixed; top: 0; left: var(--mv-sidebar); right: 0; height: 70px; z-index: 3;
    display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 28px;
    background: var(--mv-surface); border-bottom: 1px solid var(--mv-line);
}
body.mv .mv-dash-title h1 { margin: 0 !important; font-size: 20px !important; font-weight: 700 !important; color: var(--mv-ink) !important; letter-spacing: -0.01em; line-height: 1.25; }
body.mv .mv-dash-title p { margin: 2px 0 0 !important; color: var(--mv-slate); font-size: 13px; display: flex; gap: 10px; align-items: center; }
body.mv .mv-dash-date { padding-left: 10px; border-left: 1px solid var(--mv-line); }
body.mv .mv-dash-actions { display: flex; gap: 8px; flex-shrink: 0; }
html body.mv .mv-btn {
    display: inline-flex !important; align-items: center; gap: 8px; height: 38px !important; min-height: 38px; padding: 0 14px !important; margin: 0 !important;
    border-radius: 9px !important; font: 600 13.5px/1 var(--mv-font) !important; text-decoration: none !important; cursor: pointer; white-space: nowrap;
    box-shadow: none !important; transition: background-color .12s, border-color .12s;
}
html body.mv .mv-btn i { font-size: 15px; line-height: 1; }
html body.mv .mv-btn-ghost { background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; color: var(--mv-ink) !important; }
html body.mv .mv-btn-ghost:hover { background: var(--mv-mist) !important; border-color: #AEBBC9 !important; }
html body.mv .mv-btn-primary { background: var(--mv-action) !important; border: 1px solid var(--mv-action) !important; color: #fff !important; }
html body.mv .mv-btn-primary:hover { background: var(--mv-action-hover) !important; border-color: var(--mv-action-hover) !important; }
html body.mv .mv-btn:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }

/* KPI cards */
body.mv .mv-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 20px 0 16px; }
body.mv .mv-kpi {
    display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto auto; column-gap: 14px; row-gap: 2px; align-items: center;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; padding: 18px 18px 16px;
    color: inherit !important; text-decoration: none !important; min-width: 0;
}
body.mv a.mv-kpi { transition: border-color .12s, box-shadow .12s; }
body.mv a.mv-kpi:hover { border-color: var(--mv-line-strong); box-shadow: 0 10px 24px -18px rgba(11,37,69,.45); }
body.mv a.mv-kpi:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }
body.mv .mv-kpi-icon { grid-row: 1 / span 2; width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
body.mv .mv-kpi-teal { background: var(--mv-teal-50); color: var(--mv-teal-600); }
body.mv .mv-kpi-blue { background: var(--mv-info-50); color: var(--mv-info); }
body.mv .mv-kpi-violet { background: var(--mv-billed-50); color: var(--mv-billed); }
body.mv .mv-kpi-red { background: #EEF2F5; color: var(--mv-slate); }
body.mv .mv-kpi-alert .mv-kpi-red { background: var(--mv-bad-50); color: var(--mv-bad); }
body.mv .mv-kpi-label { grid-column: 2; align-self: end; color: var(--mv-slate); font-size: 13px; font-weight: 500; }
body.mv .mv-kpi-value { grid-column: 2; align-self: start; color: var(--mv-ink); font-size: 26px; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv .mv-kpi-alert .mv-kpi-value { color: var(--mv-bad); }
body.mv .mv-kpi-sub { grid-column: 1 / -1; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* cards */
body.mv .mv-dash-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
body.mv .mv-card { background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; min-width: 0; }
body.mv .mv-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 0; }
body.mv .mv-card-head h2 { margin: 0 !important; font-size: 16px !important; font-weight: 700 !important; color: var(--mv-ink) !important; line-height: 1.3; }
body.mv .mv-card-head p { margin: 3px 0 0 !important; color: var(--mv-slate); font-size: 12.5px; }
body.mv .mv-seg { display: inline-flex; padding: 3px; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; flex-shrink: 0; }
html body.mv .mv-seg button {
    height: 30px !important; min-height: 30px; padding: 0 14px !important; margin: 0 !important; border: 0 !important; border-radius: 7px !important;
    background: transparent !important; color: var(--mv-slate) !important; font: 600 13px/1 var(--mv-font) !important; box-shadow: none !important; cursor: pointer;
}
html body.mv .mv-seg button:hover { color: var(--mv-ink) !important; }
html body.mv .mv-seg button.active { background: var(--mv-surface) !important; color: var(--mv-ink) !important; box-shadow: 0 1px 2px rgba(11,37,69,.12) !important; }
html body.mv .mv-seg button:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 1px; }

/* aging buckets */
body.mv .mv-buckets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 16px 20px; }
body.mv .mv-bucket { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 10px; background: var(--mv-mist); min-width: 0; }
body.mv .mv-bucket-label { color: var(--mv-slate); font-size: 12.5px; font-weight: 500; }
body.mv .mv-bucket strong { color: var(--mv-ink); font-size: 22px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
body.mv .mv-bucket-bar { height: 6px; border-radius: 3px; background: #E2E8EE; overflow: hidden; margin-top: 4px; }
body.mv .mv-bucket-bar i { display: block; height: 100%; border-radius: 3px; background: var(--mv-teal); }
body.mv .mv-bucket-late .mv-bucket-bar i { background: var(--mv-bad); }
body.mv .mv-bucket-pct { color: var(--mv-slate); font-size: 12px; }

/* aging table */
body.mv .mv-aging-scroll { overflow-x: auto; padding: 0 8px 8px; }
body.mv .mv-aging-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
body.mv .mv-aging-table th, body.mv .mv-aging-table td { padding: 0 12px !important; height: 44px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; text-align: left; vertical-align: middle; background: transparent !important; }
body.mv .mv-aging-table thead th { height: 38px; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; border-bottom-color: var(--mv-line-strong) !important; white-space: nowrap; }
body.mv .mv-aging-table .num { text-align: right !important; width: 108px; font-variant-numeric: tabular-nums; }
body.mv .mv-aging-table tbody tr:hover td { background: #F8FAFB !important; }
body.mv .mv-aging-table tfoot th, body.mv .mv-aging-table tfoot td { border-bottom: 0 !important; color: var(--mv-ink) !important; font-weight: 700 !important; height: 46px; }
body.mv .mv-aging-rowtotal { color: var(--mv-ink); font-weight: 600; }
body.mv .mv-zero { color: #A3B0BE; }
html body.mv .mv-count {
    min-width: 36px; height: 28px !important; min-height: 28px; padding: 0 9px !important; margin: 0 -9px 0 0 !important; border: 0 !important; border-radius: 7px !important;
    background: transparent !important; color: var(--mv-teal-600) !important; font: 700 13.5px/1 var(--mv-font) !important; font-variant-numeric: tabular-nums;
    text-decoration: underline; text-decoration-color: rgba(11,130,116,.35); text-underline-offset: 3px; cursor: pointer; box-shadow: none !important;
}
html body.mv .mv-count:hover { background: var(--mv-teal-50) !important; text-decoration-color: currentColor; }
html body.mv .mv-count-late { color: var(--mv-bad) !important; text-decoration-color: rgba(192,57,43,.35); }
html body.mv .mv-count-late:hover { background: var(--mv-bad-50) !important; }
html body.mv .mv-count:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 1px; }

/* needs attention */
body.mv .mv-attn-list { list-style: none; margin: 0; padding: 10px 10px 12px; }
body.mv .mv-attn-list li { margin: 0; }
html body.mv .mv-attn-list button {
    width: 100%; display: grid !important; grid-template-columns: 1fr auto 16px; grid-template-rows: auto auto; column-gap: 10px; row-gap: 4px; align-items: center;
    padding: 10px !important; margin: 0 !important; height: auto !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; text-align: left;
    color: var(--mv-text) !important; font: inherit !important; cursor: pointer; box-shadow: none !important;
}
html body.mv .mv-attn-list li + li button { border-top: 1px solid var(--mv-line) !important; border-radius: 0 !important; }
html body.mv .mv-attn-list button:hover { background: var(--mv-mist) !important; border-radius: 10px !important; }
html body.mv .mv-attn-list button:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: -2px; }
body.mv .mv-attn-list .mv-status { justify-self: start; }
body.mv .mv-attn-meta { grid-column: 1; grid-row: 2; color: var(--mv-slate); font-size: 12px; padding-left: 2px; }
body.mv .mv-attn-list strong { grid-column: 2; grid-row: 1 / span 2; color: var(--mv-ink); font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
body.mv .mv-attn-list .bi-chevron-right { grid-column: 3; grid-row: 1 / span 2; color: #A3B0BE; font-size: 13px; }
body.mv .mv-attn-empty { display: flex; gap: 12px; align-items: flex-start; padding: 10px; color: var(--mv-slate); font-size: 13px; }
body.mv .mv-attn-empty i { color: var(--mv-ok); font-size: 22px; line-height: 1; }
body.mv .mv-attn-empty b { display: block; color: var(--mv-ink); font-size: 14px; margin-bottom: 2px; }

/* claim list drawer */
body.mv .mv-drawer.sidenav {
    position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: 0; height: 100vh;
    width: 460px !important; max-width: 100vw; padding: 0 !important; z-index: 1002 !important;
    display: flex; flex-direction: column; background: var(--mv-surface) !important; color: var(--mv-text) !important;
    border-left: 1px solid var(--mv-line); box-shadow: -24px 0 48px -24px rgba(11,37,69,.35);
    transform: translateX(105%); visibility: hidden; transition: transform .2s ease, visibility 0s linear .2s; overflow: hidden !important;
}
body.mv.mv-drawer-open .mv-drawer.sidenav { transform: none; visibility: visible; transition: transform .2s ease; }
body.mv .mv-drawer-scrim { position: fixed; inset: 0; background: rgba(11,37,69,.28); z-index: 1001; opacity: 0; pointer-events: none; transition: opacity .2s; }
body.mv.mv-drawer-open .mv-drawer-scrim { opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { body.mv .mv-drawer.sidenav, body.mv .mv-drawer-scrim { transition: none; } }
body.mv .mv-drawer-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 20px 16px; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-drawer-head h2, body.mv .mv-drawer .lblinfo1 { position: static !important; margin: 0 !important; color: var(--mv-ink) !important; font-size: 17px !important; font-weight: 700 !important; }
body.mv .mv-drawer .lblinfo { position: static !important; margin: 4px 0 0 !important; color: var(--mv-slate) !important; font-size: 13px !important; }
html body.mv .mv-drawer-close {
    position: static !important; width: 34px; height: 34px !important; min-height: 34px; padding: 0 !important; margin: -4px -6px 0 0 !important; border: 0 !important; border-radius: 8px !important;
    background: transparent !important; color: var(--mv-slate) !important; font-size: 16px !important; display: inline-flex !important; align-items: center; justify-content: center; cursor: pointer; box-shadow: none !important;
}
html body.mv .mv-drawer-close:hover { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
body.mv .mv-drawer .DivGetSpecificClaimMainTable { flex: 1; display: flex; flex-direction: column; min-height: 0; }
body.mv .mv-drawer-cols { display: none; grid-template-columns: 1.6fr 0.8fr 0.9fr 0.5fr; gap: 0; padding: 10px 20px; border-bottom: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
body.mv .mv-drawer-cols span { padding: 0 6px; }
body.mv .mv-drawer-cols .num { text-align: right; }
body.mv .mv-drawer .DivGetSpecificClaim { flex: 1; overflow-y: auto; height: auto !important; padding: 0 14px 16px; }
body.mv .mv-drawer-table td:first-child { padding-left: 6px !important; }
body.mv .mv-drawer-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
body.mv .mv-drawer-table td { padding: 0 6px !important; height: 44px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; font-size: 13px; color: var(--mv-text) !important; background: transparent !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv .mv-drawer-table td:nth-child(1) { width: 39%; color: var(--mv-ink) !important; font-weight: 600; }
body.mv .mv-drawer-table td:nth-child(2) { width: 19%; }
body.mv .mv-drawer-table td:nth-child(3) { width: 22%; }
body.mv .mv-drawer-table td.num { width: 12%; text-align: right; font-variant-numeric: tabular-nums; }
body.mv .mv-drawer-table tr { cursor: pointer; }
body.mv .mv-drawer-table tr:hover td { background: var(--mv-mist) !important; }
body.mv .mv-drawer-table tr:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: -2px; }
body.mv .mv-drawer-table span { padding: 0 !important; margin: 0 !important; float: none !important; }
body.mv .mv-drawer-empty { margin: 0; padding: 28px 6px; color: var(--mv-slate); font-size: 13px; text-align: center; }

@media (max-width: 1280px) {
    body.mv .mv-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mv .mv-dash-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    body.mv .mv-buckets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mv .mv-dash-actions .mv-btn-ghost { display: none !important; }
}
body.mv .mv-drawer .DivGetSpecificClaim { margin: 0 !important; }
body.mv .mv-drawer-cols { padding: 10px 20px !important; }
body.mv .mv-drawer-cols span { padding: 0 6px 0 0 !important; }
body.mv .mv-drawer-cols span.num { padding: 0 !important; }
body.mv .mv-drawer-cols { grid-template-columns: 39fr 19fr 22fr 12fr !important; padding: 10px 14px !important; }
body.mv .mv-drawer-cols span, body.mv .mv-drawer-cols span.num { padding: 0 6px !important; }
html body.mv .mv-count { text-align: right; }
body.mv.mv-shell .mv-side-who .lblusername, body.mv.mv-shell .mv-side-who .label_type, body.mv.mv-shell .mv-side-menu .droplbluser { position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
body.mv.mv-shell .mv-side-menu .drop_bar { padding: 0 !important; margin: 0 !important; }
body.mv.mv-shell .divPracticeName #lblPracticeName, body.mv.mv-shell .divPracticeName > span[id$="lblPracticeName"] { display: flex !important; flex-direction: column; min-width: 0; font-size: inherit !important; }
body.mv.mv-shell .divPracticeName { padding: 8px 12px !important; border-radius: 10px; }
body.mv.mv-shell .divPracticeName .mv-pn { color: #fff !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
body.mv.mv-shell .divPracticeName .mv-pid { color: #9FB3C8 !important; font-size: var(--mv-fs-12) !important; font-weight: 500 !important; line-height: 1.3; }
body.mv.mv-shell .divPracticeName { width: calc(var(--mv-sidebar) - 24px) !important; max-width: none !important; margin-left: -6px !important; box-sizing: border-box; }
body.mv.mv-shell .divPracticeName { width: calc(var(--mv-sidebar) - 20px) !important; margin-left: -8px !important; }
html body.mv.mv-shell #UserName.mv-side-user { left: 10px !important; width: calc(var(--mv-sidebar) - 20px) !important; }
body.mv.mv-shell .drop_list.mv-side-menu { left: 10px !important; }
/* one left edge (22px) for logo, practice chip text, nav icons and the user avatar */
body.mv.mv-shell a#logo { margin-left: 4px !important; }
html body.mv.mv-shell #UserName.mv-side-user { padding-left: 11px !important; }

/* =============================================================================
   Staff shell page bar: title in the white band, quick actions on the right
   ============================================================================= */
body.mv.mv-shell .mv-pagebar {
    position: fixed; top: 0; left: var(--mv-sidebar); right: 0; height: 70px; z-index: 2;
    display: flex; flex-direction: column; justify-content: center; padding: 0 28px; pointer-events: none;
}
body.mv.mv-shell .mv-pagebar-section { color: var(--mv-slate); font-size: 12.5px; font-weight: 600; line-height: 1.3; }
body.mv.mv-shell .mv-pagebar-section:empty { display: none; }
body.mv.mv-shell .mv-pagebar .mv-pagebar-title { margin: 0 !important; color: var(--mv-ink) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3; letter-spacing: -0.01em; }
body.mv.mv-shell .quicklaunch {
    top: 0 !important; height: 70px !important; z-index: 3 !important;
    display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 8px;
    padding: 0 22px 0 300px !important; background: transparent !important; border: 0 !important; pointer-events: none; overflow: hidden;
}
body.mv.mv-shell .quicklaunch > * { pointer-events: auto; float: none !important; }
body.mv.mv-shell .quicklaunch > a.mv-ql, body.mv.mv-shell .quicklaunch > span > a.mv-ql, body.mv.mv-shell .quicklaunch > div > a.mv-ql {
    display: inline-flex !important; align-items: center; height: 36px !important; padding: 0 12px !important; margin: 0 !important;
    border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important;
    color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap; text-decoration: none !important;
}
body.mv.mv-shell .quicklaunch a.mv-ql:hover { background: var(--mv-mist) !important; border-color: #AEBBC9 !important; }
body.mv.mv-shell .quicklaunch a.mv-ql:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }
body.mv.mv-shell .quicklaunch a.mv-ql .button-center { display: inline-flex !important; align-items: center; gap: 8px; height: auto !important; padding: 0 !important; background: none !important; color: inherit !important; }
body.mv.mv-shell .quicklaunch a.mv-ql .button-image, body.mv.mv-shell .quicklaunch a.mv-ql img, body.mv.mv-shell .quicklaunch a.mv-ql .selected-icons { display: none !important; }
body.mv.mv-shell .quicklaunch a.mv-ql .button-text { color: inherit !important; font: inherit !important; padding: 0 !important; margin: 0 !important; }
body.mv.mv-shell .quicklaunch .mv-ql-icon { font-size: 15px; line-height: 1; color: var(--mv-teal-600); }
body.mv.mv-shell .quicklaunch a.mv-ql.selected, body.mv.mv-shell .quicklaunch a.mv-ql.active { border-color: var(--mv-teal) !important; background: var(--mv-teal-50) !important; }
body.mv.mv-shell .quicklaunch a.mv-ql.mv-ql-primary { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
body.mv.mv-shell .quicklaunch a.mv-ql.mv-ql-primary .mv-ql-icon { color: #fff; }
body.mv.mv-shell .quicklaunch a.mv-ql.mv-ql-primary:hover { background: var(--mv-teal-700) !important; border-color: var(--mv-teal-700) !important; }

/* =============================================================================
   List pages (Claims and other grids): toolbar, segmented radios, filter panel,
   sort indicators
   ============================================================================= */
body.mv .WidgetTitle.mv-listbar {
    display: flex !important; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    height: auto !important; min-height: 64px; padding: 12px 18px !important; margin: 0 !important;
    background: var(--mv-surface) !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; border-radius: 14px 14px 0 0;
}
body.mv .mv-listbar-title { display: flex; flex-direction: column; min-width: 0; }
body.mv .mv-listbar-title h2 { margin: 0 !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3; }
body.mv .mv-listbar-hint { color: var(--mv-slate); font-size: 12.5px; }
body.mv .mv-listbar-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.mv .mv-listbar-tools .mv-btn.active { background: var(--mv-teal-50) !important; border-color: var(--mv-teal) !important; color: var(--mv-teal-700) !important; }
/* radio groups drawn as a segmented control */
body.mv .mv-seg-radio { display: inline-flex; padding: 3px; gap: 0; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv .mv-seg-radio label { position: relative; margin: 0 !important; cursor: pointer; }
body.mv .mv-seg-radio input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0 !important; }
body.mv .mv-seg-radio label span { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 7px; color: var(--mv-slate); font-size: 13px; font-weight: 600; white-space: nowrap; }
body.mv .mv-seg-radio label:hover span { color: var(--mv-ink); }
body.mv .mv-seg-radio input:checked + span { background: var(--mv-surface); color: var(--mv-ink); box-shadow: 0 1px 2px rgba(11,37,69,.12); }
body.mv .mv-seg-radio input:focus-visible + span { outline: 2px solid var(--mv-focus); outline-offset: 1px; }
/* collapsible filter panel */
body.mv .mv-filterpanel {
    display: flex; align-items: flex-end; gap: 12px 14px; flex-wrap: wrap; padding: 14px 18px !important; margin: 0 !important;
    background: #FBFCFD; border-bottom: 1px solid var(--mv-line); width: auto !important; height: auto !important;
}
body.mv .mv-filterpanel[style*="display: none"], body.mv .mv-filterpanel[style*="display:none"] { display: none !important; }
body.mv .mv-field { display: flex; flex-direction: column; gap: 5px; min-width: 150px; }
body.mv .mv-field label { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; margin: 0 !important; }
body.mv .mv-field input, body.mv .mv-field select { width: 100% !important; height: 36px !important; min-height: 36px; margin: 0 !important; box-sizing: border-box; }
body.mv .mv-filterpanel-checks { display: flex; gap: 16px; align-items: center; height: 36px; flex-wrap: wrap; }
body.mv .mv-filterpanel-checks label { display: inline-flex; align-items: center; gap: 7px; margin: 0 !important; color: var(--mv-text) !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer; white-space: nowrap; }
body.mv .mv-filterpanel-checks input { margin: 0 !important; }
body.mv .mv-filterpanel-actions { display: flex; gap: 8px; margin-left: auto; }
/* sortable headers: the legacy arrow images keep their state; a single icon shows it */
body.mv th:has(> img.imgGrayDown) { cursor: pointer; white-space: nowrap; user-select: none; }
body.mv th > img.imgGrayDown, body.mv th > img.imgGreenUp, body.mv th > img.imgGreenDown { display: none !important; }
body.mv th:has(> img.imgGrayDown)::after {
    content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 5px; vertical-align: -1px; background-color: #A3B0BE;
    -webkit-mask: var(--mv-sort) center / contain no-repeat; mask: var(--mv-sort) center / contain no-repeat;
    --mv-sort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l3-3 3 3M5 10l3 3 3-3'/%3E%3C/svg%3E");
}
body.mv th:has(> img.imgGrayDown):hover::after { background-color: var(--mv-slate); }
body.mv th:has(> img.imgGreenUp:not([style*="none"]))::after {
    background-color: var(--mv-teal-600);
    --mv-sort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13V3M4 7l4-4 4 4'/%3E%3C/svg%3E");
}
body.mv th:has(> img.imgGreenDown:not([style*="none"]))::after {
    background-color: var(--mv-teal-600);
    --mv-sort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v10M4 9l4 4 4-4'/%3E%3C/svg%3E");
}
body.mv .mv-listbar-hint { font-weight: 400 !important; margin: 0 !important; padding: 0 !important; line-height: 1.45 !important; }
body.mv .mv-filterpanel .mv-field { flex: 0 0 180px; min-width: 0; }
/* Claims grid (BillingManager): fit 1366px+ screens without a sideways scroll */
body.mv #divClaims table.fixTable th, body.mv #divClaims table.fixTable td { width: auto !important; white-space: nowrap; padding-left: 10px !important; padding-right: 10px !important; }
body.mv #divClaims table.fixTable tbody td:nth-child(6), body.mv #divClaims table.fixTable tbody td:nth-child(9),
body.mv #divClaims table.fixTable tbody td:nth-child(14), body.mv #divClaims table.fixTable tbody td:nth-child(15) { max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
body.mv #divClaims table.fixTable tbody td:nth-child(1) { text-align: center !important; color: var(--mv-slate); }
body.mv #divClaims table.fixTable tbody td:is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(11)) { text-align: left !important; }
body.mv #divClaims table.fixTable :is(td, th):is(:nth-child(12), :nth-child(13)) { text-align: right !important; }
body.mv #divClaims table.fixTable thead tr:first-child th:nth-child(1) { text-align: center !important; }
body.mv #divClaims table.fixTable thead input, body.mv #divClaims table.fixTable thead select { width: 100% !important; min-width: 64px; }
body.mv #divClaims #FilterIcon { color: var(--mv-slate) !important; font-size: 16px !important; }
body.mv #divClaims table.fixTable th, body.mv #divClaims table.fixTable td { padding-left: 8px !important; padding-right: 8px !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th > :is(input, select) { width: 100% !important; min-width: 0 !important; max-width: none; box-sizing: border-box; padding-left: 8px !important; padding-right: 8px !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th { min-width: 60px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(1) { max-width: none; }
body.mv #divClaims table.fixTable { font-size: 13px !important; }
body.mv #divClaims table.fixTable :is(th, td) { font-size: 13px !important; }
body.mv #divClaims table.fixTable th:has(> img.imgGrayDown)::after { margin-left: 3px; width: 10px; height: 10px; }
body.mv #divClaims table.fixTable tbody td:nth-child(9), body.mv #divClaims table.fixTable tbody td:nth-child(15) { max-width: 120px; }
body.mv #divClaims table.fixTable tbody td:nth-child(6), body.mv #divClaims table.fixTable tbody td:nth-child(14) { max-width: 130px; }
body.mv #divClaims table.fixTable :is(th, td) { padding-left: 7px !important; padding-right: 7px !important; }
/* row numbers add nothing next to the claim number */
body.mv #divClaims table.fixTable :is(thead tr th, tbody tr td):nth-child(1) { display: none; }
body.mv #divClaims table.fixTable :is(th, td):nth-child(2) { width: 28px !important; padding-left: 12px !important; padding-right: 4px !important; }
body.mv #divClaims table.fixTable tbody td:nth-child(9), body.mv #divClaims table.fixTable tbody td:nth-child(15) { max-width: 110px; }
body.mv #divClaims table.fixTable :is(td, th):is(:nth-child(16), :nth-child(17)) .mv-status { padding-left: 8px; padding-right: 8px; }
/* claims grid: the sort hint shows on hover without taking space; only the active sort keeps its arrow in flow */
body.mv #divClaims table.fixTable th:has(> img.imgGrayDown) { position: relative; }
body.mv #divClaims table.fixTable th:has(> img.imgGrayDown)::after { position: absolute; right: 1px; top: 50%; margin: -5px 0 0; opacity: 0; transition: opacity .12s; }
body.mv #divClaims table.fixTable th:has(> img.imgGrayDown):hover::after { opacity: 1; }
body.mv #divClaims table.fixTable th:is(:has(> img.imgGreenUp:not([style*="none"])), :has(> img.imgGreenDown:not([style*="none"])))::after { position: static; opacity: 1; margin: 0 0 0 3px; }
body.mv #divClaims table.fixTable :is(th, td):not(:nth-child(2)) { padding-left: 6px !important; padding-right: 6px !important; }
/* read-only dropdown triggers (see medverra.js) look like the native selects next to them */
html body.mv input.mv-fakeselect {
    cursor: pointer !important; padding-right: 28px !important; text-overflow: ellipsis;
    background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B6B7F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") right 8px center / 14px no-repeat !important;
    color: var(--mv-text) !important;
}
body.mv .mv-fakeselect-caret { display: none !important; }
body.mv .mv-grid-funnel { color: var(--mv-slate); font-size: 16px; cursor: pointer; display: inline-flex; padding: 4px; border-radius: 6px; }
body.mv .mv-grid-funnel:hover { color: var(--mv-teal-600); background: var(--mv-teal-50); }
body.mv .mv-grid-funnel:focus-visible { outline: 2px solid var(--mv-focus); }

/* =============================================================================
   Multi-select filter popups on grids (location, provider, insurance, status).
   Their markup comes from handlers with inline styles, hence the !important.
   ============================================================================= */
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div,
body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) {
    position: absolute !important; z-index: 1005 !important; top: 4px !important; left: 0 !important; margin: 0 !important; float: none !important;
    width: 280px !important; height: auto !important; max-height: none !important; padding: 8px !important; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important;
    box-shadow: 0 20px 44px -16px rgba(11,37,69,.42) !important; text-align: left !important; font-weight: 400 !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #divMultipleInsurancesTxt, #divMultiStatus) { position: absolute !important; z-index: 1005; width: 0; height: 0; }
body.mv th:has(> :is(#divShowDDLLocation, #divShowDDLAttending, #divMultipleInsurancesTxt, #divMultiStatus)) { position: relative !important; }
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:first-child,
body.mv :is(#FilterulMultiInsurances, #FilterulMultiStatus, #Div_MultiStatus > div:first-child) {
    height: auto !important; max-height: 260px !important; overflow-x: hidden !important; overflow-y: auto !important; margin: 0 !important; padding: 0 !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important; max-height: none !important; overflow: visible !important; font-size: 13px !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li {
    float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; display: block;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li:has(input[type="text"]) {
    position: sticky; top: 0; z-index: 1; background: var(--mv-surface); padding: 0 0 6px !important; margin-bottom: 4px !important; border-bottom: 1px solid var(--mv-line) !important;
    display: flex; align-items: center; gap: 6px;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li input[type="text"] {
    flex: 1; width: 100% !important; height: 34px !important; min-height: 34px; margin: 0 !important; padding-left: 32px !important; box-sizing: border-box;
    background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B7F' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 10px center / 15px no-repeat !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li .fa-times { display: none !important; }
/* one row per option: checkbox then label, whole row clickable */
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li label,
body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) li:has(> span > input[type="checkbox"]) {
    display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; margin: 0 !important;
    padding: 7px 8px !important; border-radius: 8px; cursor: pointer; color: var(--mv-text) !important; font-size: 13px !important; font-weight: 500 !important; text-align: left !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li label:hover,
body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) li:has(> span > input[type="checkbox"]):hover { background: var(--mv-mist); }
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) input[type="checkbox"] {
    float: none !important; flex: 0 0 16px; width: 16px !important; height: 16px !important; margin: 0 !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li label > span,
body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) li > span {
    float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; flex: 1; min-width: 0;
    white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere; line-height: 1.35;
}
body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) li > span:has(> input[type="checkbox"]) { flex: 0 0 16px; display: inline-flex; }
/* actions */
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:last-child,
body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) > div:last-child {
    display: flex !important; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; margin: 6px 0 0 !important; padding: 8px 0 0 !important; border-top: 1px solid var(--mv-line); text-align: left !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:last-child > span,
html body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) > div:last-child > input[type="button"]:not([style*="display: none"]):not([style*="display:none"]) {
    display: inline-flex !important; align-items: center; justify-content: center; float: none !important; height: 34px !important; min-height: 34px; margin: 0 !important;
    padding: 0 14px !important; border-radius: 8px !important; font: 600 13px/1 var(--mv-font) !important; cursor: pointer; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; color: var(--mv-ink) !important; text-transform: none;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:last-child > span:first-child,
html body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) > div:last-child > input:is([value="ok" i], [value="Apply"]):not([style*="display: none"]):not([style*="display:none"]) {
    background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important;
}
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:last-child > span:first-child:hover,
html body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) > div:last-child > input:is([value="ok" i], [value="Apply"]):hover { background: var(--mv-teal-700) !important; }
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:last-child > span:last-child:hover,
html body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) > div:last-child > input[value="Cancel"]:hover { background: var(--mv-mist) !important; }
/* popups in the right-hand columns open leftwards so they stay on screen */
body.mv th:nth-last-child(-n+6) > :is(#divShowDDLAttending, #divMultipleInsurancesTxt, #divMultiStatus) { left: auto !important; right: 0 !important; }
body.mv th:nth-last-child(-n+6) > :is(#divShowDDLAttending, #divMultipleInsurancesTxt, #divMultiStatus) :is(#Div_MultiInsurances, #Div_MultiStatus),
body.mv th:nth-last-child(-n+6) > #divShowDDLAttending > div { left: auto !important; right: 0 !important; }
html body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) li input[type="text"] { padding-left: 32px !important; }
/* jQuery UI datepicker: month/year selects sized to their text, chevrons instead of sprite arrows */
body.mv .ui-datepicker .ui-datepicker-title { display: flex; gap: 6px; justify-content: center; margin: 0 30px !important; }
body.mv .ui-datepicker .ui-datepicker-title select { width: auto !important; flex: 1 1 auto; min-width: 0; height: 32px !important; min-height: 32px; margin: 0 !important; font-size: 13px !important; padding: 0 24px 0 8px !important; }
body.mv .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { flex: 0 0 82px; }
body.mv .ui-datepicker .ui-datepicker-prev, body.mv .ui-datepicker .ui-datepicker-next {
    top: 50% !important; transform: translateY(-50%); width: 28px !important; height: 28px !important; border: 0 !important; border-radius: 7px !important;
    background: transparent !important; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center;
}
body.mv .ui-datepicker .ui-datepicker-prev { left: 4px !important; } body.mv .ui-datepicker .ui-datepicker-next { right: 4px !important; }
body.mv .ui-datepicker .ui-datepicker-prev:hover, body.mv .ui-datepicker .ui-datepicker-next:hover { background: var(--mv-mist) !important; }
body.mv .ui-datepicker .ui-datepicker-prev span, body.mv .ui-datepicker .ui-datepicker-next span {
    position: static !important; margin: 0 !important; width: 14px !important; height: 14px !important; background: var(--mv-ink) !important; text-indent: -999px; overflow: hidden;
    -webkit-mask: var(--mv-chev) center / contain no-repeat; mask: var(--mv-chev) center / contain no-repeat;
}
body.mv .ui-datepicker .ui-datepicker-prev span { --mv-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3 5 8l5 5'/%3E%3C/svg%3E"); }
body.mv .ui-datepicker .ui-datepicker-next span { --mv-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 3 5 5-5 5'/%3E%3C/svg%3E"); }
body.mv .ui-datepicker .ui-state-disabled.ui-datepicker-next span, body.mv .ui-datepicker .ui-state-disabled.ui-datepicker-prev span { background: #C3CEDA !important; }

/* Loading indicator (#divLoading on every master): Bootstrap 5 style spinner instead of spinner.gif.
   Scripts still show/hide it and sometimes set top/left, so the position is pinned to the centre. */
html body.mv #divLoading {
    position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important;
    transform: translate(-50%, -50%); width: 64px !important; height: 64px !important; margin: 0 !important; padding: 0 !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 16px !important;
    box-shadow: 0 18px 40px -14px rgba(11,37,69,.45) !important; z-index: 100000 !important;
    align-items: center; justify-content: center;
}
html body.mv #divLoading img { display: none !important; }
html body.mv #divLoading::before {
    content: ""; position: absolute; top: 18px; left: 18px; width: 28px; height: 28px; border-radius: 50%; box-sizing: border-box;
    border: 3px solid var(--mv-teal-50); border-top-color: var(--mv-teal-600); border-right-color: var(--mv-teal-600);
    animation: mv-spin .75s linear infinite;
}
@keyframes mv-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html body.mv #divLoading::before { animation-duration: 1.6s; } }
html body.mv :is(#divShowDDLLocation, #divShowDDLAttending, #Div_MultiInsurances, #Div_MultiStatus) input[type="checkbox"] { padding: 0 !important; min-height: 0 !important; min-width: 0 !important; max-width: 16px; box-sizing: border-box; }
body.mv .ui-datepicker { width: 264px !important; padding: 8px !important; box-sizing: border-box; }
body.mv .ui-datepicker .ui-datepicker-title select.ui-datepicker-month { flex: 1 1 auto; min-width: 88px; }
body.mv .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { flex: 0 0 80px; }
body.mv .ui-datepicker .ui-datepicker-title select { padding: 0 22px 0 8px !important; background-position: right 6px center !important; }
body.mv :is(#divShowDDLLocation, #divShowDDLAttending) > div > div:last-child > span { flex: 1; }
html body.mv :is(#Div_MultiInsurances, #Div_MultiStatus) > div:last-child > input[type="button"] { flex: 1; }

/* =============================================================================
   Grid footer: "Showing x to y" + rows per page + page buttons in one row (medverra.js moves
   the .message row into .pager). Sprite arrows become chevrons.
   ============================================================================= */
body.mv .pager.mv-pager { gap: 16px; padding: 8px 14px !important; min-height: 52px; border-radius: 0 0 14px 14px; }
body.mv .pager.mv-pager > .message { order: 0; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; display: flex; align-items: center; gap: 6px; flex: 0 1 auto; }
body.mv .pager.mv-pager > .PageEntries { order: 1; margin-right: auto; padding-left: 16px; border-left: 1px solid var(--mv-line); height: 28px; }
body.mv .pager.mv-pager > .PageButtons { order: 2; }
body.mv .pager .PageEntries select { height: 32px !important; min-height: 32px; }
body.mv .iconInfo { display: inline-block !important; width: 15px !important; height: 15px !important; margin: 0 !important; background: var(--mv-slate) !important; vertical-align: -2px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 7.2v4M8 4.8h.01'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 7.2v4M8 4.8h.01'/%3E%3C/svg%3E") center / contain no-repeat; }
body.mv .pager .PageButtons ul { float: none !important; margin: 0 !important; gap: 4px; align-items: center; }
html body.mv .pager .PageButtons li { border: 0 !important; background: none !important; min-width: 0; height: auto; line-height: normal !important; padding: 0 !important; margin: 0 !important; }
html body.mv .pager .PageButtons li a {
    display: inline-flex !important; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 8px !important; box-sizing: border-box;
    border: 1px solid var(--mv-line) !important; border-radius: 8px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important;
    font-size: 13px !important; font-weight: 600; text-decoration: none !important; line-height: 1 !important;
}
html body.mv .pager .PageButtons li a:hover { background: var(--mv-mist) !important; border-color: var(--mv-line-strong) !important; }
html body.mv .pager .PageButtons li a:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 1px; }
html body.mv .pager .PageButtons li.current a, html body.mv .pager .PageButtons li.selected a, html body.mv .pager .PageButtons li.active a {
    background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important;
}
html body.mv .pager .PageButtons li a b { font-weight: 600; }
body.mv .pager :is(.iconFirst, .iconPrevious, .iconNext, .iconLast) {
    display: inline-block !important; width: 14px !important; height: 14px !important; margin: 0 !important; background: currentColor !important;
    -webkit-mask: var(--mv-pg) center / contain no-repeat; mask: var(--mv-pg) center / contain no-repeat;
}
body.mv .pager .iconFirst { --mv-pg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3.5 4 8l4.5 4.5M12.5 3.5 8 8l4.5 4.5'/%3E%3C/svg%3E"); }
body.mv .pager .iconPrevious { --mv-pg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3.5 5.5 8l4.5 4.5'/%3E%3C/svg%3E"); }
body.mv .pager .iconNext { --mv-pg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 3.5 4.5 4.5L6 12.5'/%3E%3C/svg%3E"); }
body.mv .pager .iconLast { --mv-pg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 3.5 4.5 4.5-4.5 4.5M3.5 3.5 8 8l-4.5 4.5'/%3E%3C/svg%3E"); }
html body.mv .pager .PageButtons li a { box-shadow: none !important; outline-offset: 1px; }
body.mv .spanInfo { font-weight: 500 !important; font-size: 13px !important; }
/* list pages: the grid sits flush inside the card (no second border/radius inside it) */
body.mv .Widget:has(> .mv-listbar) { border: 1px solid var(--mv-line) !important; border-radius: 14px !important; overflow: hidden; background: var(--mv-surface) !important; padding: 0 !important; box-shadow: none !important; }
body.mv .Widget:has(> .mv-listbar) :is(.WidgetMainContent, .Grid, .department_table) { border: 0 !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; }
body.mv .Widget:has(> .mv-listbar) .WidgetMainContent { padding: 0 !important; }
/* the funnel lights up while column filters have unapplied changes (legacy "active" class) */
html body.mv .mv-grid-funnel.active { color: #fff !important; background: var(--mv-teal-600); }
html body.mv #divClaims #FilterIcon.active { color: #fff !important; background: var(--mv-teal-600); }
body.mv #divClaims table.fixTable thead tr:first-child th:is(.thAttending, :nth-child(9), :nth-child(15)) { min-width: 96px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th > :is(input, select) { min-width: 56px !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th.thAttending > input { width: 100% !important; min-width: 84px !important; }
body.mv .spanInfo { font-style: normal !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th { min-width: 46px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(2) { min-width: 0; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th > :is(input, select) { min-width: 46px !important; }
body.mv #divClaims table.fixTable thead tr:first-child th:is(.thAttending, :nth-child(9), :nth-child(15)) { min-width: 84px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th.thAttending > input { min-width: 72px !important; }
body.mv #divClaims table.fixTable thead tr:first-child th:is(.thAttending, :nth-child(9), :nth-child(15)) { min-width: 76px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th.thAttending > input { min-width: 64px !important; }
body.mv #divClaims table.fixTable tbody td:nth-child(9) { max-width: 100px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th > #MultipleInsurancesTxtNew { min-width: 64px !important; }
/* breathing room between the white page bar and the first card */
body.mv.mv-shell .Widget:has(> .mv-listbar) { margin-top: 20px !important; margin-bottom: 24px !important; }
body.mv.mv-shell .mv-pagebar { right: auto; max-width: 300px; }
/* one edge for page title, cards and quick actions: the content padding (22px) */
body.mv.mv-shell .Widget:has(> .mv-listbar) { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
body.mv.mv-shell .mv-pagebar { padding-left: 22px; }
body.mv.mv-shell .quicklaunch { padding-right: 22px !important; }
body.mv .mv-dash { padding: 0 0 40px !important; }
body.mv .mv-dash-bar { padding: 0 22px !important; }
/* keep the right edge fixed whether or not the content scrolls */
body.mv.mv-shell #contentWrapper { scrollbar-gutter: stable; }
body.mv.mv-shell .quicklaunch { padding-right: calc(22px + var(--mv-gutter, 10px)) !important; }
body.mv .mv-dash-bar { padding-right: calc(22px + var(--mv-gutter, 10px)) !important; }

/* Dashboard KPI cards: each card carries its own tint (top rule, soft wash, solid icon) */
body.mv .mv-kpi { position: relative; overflow: hidden; --k: var(--mv-slate); --k50: #EEF2F5; }
body.mv .mv-kpi:has(.mv-kpi-teal) { --k: var(--mv-teal-600); --k50: var(--mv-teal-50); }
body.mv .mv-kpi:has(.mv-kpi-blue) { --k: var(--mv-info); --k50: var(--mv-info-50); }
body.mv .mv-kpi:has(.mv-kpi-violet) { --k: var(--mv-billed); --k50: var(--mv-billed-50); }
body.mv .mv-kpi.mv-kpi-alert { --k: var(--mv-bad); --k50: var(--mv-bad-50); }
body.mv .mv-kpi { background: linear-gradient(180deg, var(--k50) 0%, var(--mv-surface) 72%) !important; border-color: color-mix(in srgb, var(--k) 22%, var(--mv-line)) !important; }
body.mv .mv-kpi::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--k); }
body.mv .mv-kpi .mv-kpi-icon { background: var(--k) !important; color: #fff !important; box-shadow: 0 6px 14px -8px var(--k); }
body.mv .mv-kpi .mv-kpi-sub { border-top-color: color-mix(in srgb, var(--k) 18%, var(--mv-line)) !important; }
body.mv a.mv-kpi:hover { border-color: color-mix(in srgb, var(--k) 45%, var(--mv-line)) !important; }

/* =============================================================================
   Claim form (Claims/CallBacks/NewCreateClaimForm.aspx inside BillingManager)
   ============================================================================= */
body.mv #divNewClaimForm { margin-top: 20px !important; width: auto !important; color: var(--mv-text); }
/* blue strips become quiet section headers */
body.mv #divNewClaimForm :is(.blue_color, .WidgetTitle) {
    background: var(--mv-surface) !important; background-image: none !important; color: var(--mv-ink) !important;
    border: 0 !important; border-bottom: 1px solid var(--mv-line) !important;
}
body.mv #divNewClaimForm :is(.blue_color, .WidgetTitle) :is(label, span, b, a):not(.mv-status) { color: var(--mv-ink) !important; }
body.mv #divNewClaimForm .WidgetTitle { min-height: 44px; display: flex !important; align-items: center; padding: 0 16px !important; font-weight: 700 !important; font-size: 14px !important; border-radius: 12px 12px 0 0; }
/* info panels: label above field, pairs side by side */
body.mv #MainCreateDiv > .row > [class*="col-"].border {
    background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 12px; padding: 0 0 12px !important; margin: 0 6px 12px 0 !important; overflow: visible;
}
body.mv #MainCreateDiv .border > .row.mt-1 {
    display: grid !important; grid-auto-flow: column; grid-template-rows: auto auto; grid-auto-columns: minmax(0, 1fr);
    column-gap: 12px; row-gap: 4px; margin: 10px 12px 0 !important;
}
body.mv #MainCreateDiv .border > .row.mt-1 > [class*="col-"] { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
body.mv #MainCreateDiv .border > .row.mt-1 > [class*="col-"]:nth-child(odd) {
    color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left !important;
}
body.mv #MainCreateDiv .border > .row.mt-1 > [class*="col-"]:nth-child(odd) span { color: inherit !important; font: inherit !important; margin: 0 !important; }
body.mv #MainCreateDiv .border > .row.mt-1 :is(input[type="text"], select, textarea) { width: 100% !important; height: 36px; min-height: 36px; box-sizing: border-box; margin: 0 !important; }
body.mv #MainCreateDiv .spnError { color: var(--mv-bad) !important; margin-left: 2px !important; }
/* panel header row (Claim#) */
body.mv #MainCreateDiv .border > .row.blue_color { margin: 0 !important; min-height: 42px; align-items: center; padding: 0 8px !important; border-radius: 12px 12px 0 0; font-weight: 700; }

/* =============================================================================
   Legacy image icons -> line icons (generated by scratchpad make_icons.py).
   The icon is drawn by ::before so spans that also carry text keep it.
   ============================================================================= */
html body.mv .spndelete { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.5 4h11M6 4V2.5h4V4M4 4l.7 9.5h6.6L12 4M6.6 6.5v4.5M9.4 6.5v4.5%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-bad); }
html body.mv .spnRemove, html body.mv .spandelete, html body.mv .crossDrug, html body.mv .spaneditcancel { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 4l8 8M12 4l-8 8%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-bad); }
html body.mv .spnedit, html body.mv .spanedit, html body.mv .Edit-btn { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M10.8 2.2l3 3-8.3 8.3-3.5.5.5-3.5z%27/%3E%3Cpath d=%27M9.5 3.5l3 3%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .spnview, html body.mv .spneye, html body.mv .spnEye, html body.mv .showIcon { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M1 8s2.6-5 7-5 7 5 7 5-2.6 5-7 5-7-5-7-5z%27/%3E%3Ccircle cx=%278%27 cy=%278%27 r=%272.2%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .hideIcon { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 2l12 12M6.5 3.3A6.6 6.6 0 0 1 8 3c4.4 0 7 5 7 5a12 12 0 0 1-1.9 2.5M10.7 12.4A6.4 6.4 0 0 1 8 13c-4.4 0-7-5-7-5a12.6 12.6 0 0 1 2.9-3.3%27/%3E%3Cpath d=%27M6.4 6.4a2.2 2.2 0 0 0 3.2 3.2%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .spndownload { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M8 2v8M4.5 6.5 8 10l3.5-3.5M2.5 13.5h11%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .spnAdd, html body.mv .spanAdd { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%276.2%27/%3E%3Cpath d=%27M8 5v6M5 8h6%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .spnNotes { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3.5 1.8h8a1 1 0 0 1 1 1v10.4a1 1 0 0 1-1 1h-8z%27/%3E%3Cpath d=%27M6 5h4M6 7.5h4M6 10h2.5%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .iconSearch, html body.mv .iconSearchSmall, html body.mv .iconSearchMessage { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%277%27 cy=%277%27 r=%274.3%27/%3E%3Cpath d=%27m13.5 13.5-3.4-3.4%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .filterIcon { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 3h12l-4.6 5.5V13l-2.8 1.2V8.5z%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .iconSave { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.5 2.5h8.5l2.5 2.5v8.5h-11z%27/%3E%3Cpath d=%27M5 2.5v3.5h5V2.5M5 13.5V9.5h6v4%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .iconAttachment { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M10.5 4.5 5.8 9.2a1.5 1.5 0 0 0 2.1 2.1l5-5a3 3 0 0 0-4.2-4.2l-5 5a4.5 4.5 0 0 0 6.4 6.4L14 9.6%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-teal-600); }
html body.mv .spaneditdone { --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m3 8.5 3.2 3.2L13 4.8%27/%3E%3C/svg%3E"); --mv-ic-hover: var(--mv-ok); }
html body.mv .spndelete, html body.mv .spnRemove, html body.mv .spandelete, html body.mv .crossDrug, html body.mv .spaneditcancel, html body.mv .spnedit, html body.mv .spanedit, html body.mv .Edit-btn, html body.mv .spnview, html body.mv .spneye, html body.mv .spnEye, html body.mv .showIcon, html body.mv .hideIcon, html body.mv .spndownload, html body.mv .spnAdd, html body.mv .spanAdd, html body.mv .spnNotes, html body.mv .iconSearch, html body.mv .iconSearchSmall, html body.mv .iconSearchMessage, html body.mv .filterIcon, html body.mv .iconSave, html body.mv .iconAttachment, html body.mv .spaneditdone {
    background-image: none !important; background-color: transparent !important;
    display: inline-flex !important; align-items: center; justify-content: center; gap: 4px;
    min-width: 22px; min-height: 22px; border-radius: 6px; cursor: pointer; vertical-align: middle; color: var(--mv-slate);
}
html body.mv .spndelete::before, html body.mv .spnRemove::before, html body.mv .spandelete::before, html body.mv .crossDrug::before, html body.mv .spaneditcancel::before, html body.mv .spnedit::before, html body.mv .spanedit::before, html body.mv .Edit-btn::before, html body.mv .spnview::before, html body.mv .spneye::before, html body.mv .spnEye::before, html body.mv .showIcon::before, html body.mv .hideIcon::before, html body.mv .spndownload::before, html body.mv .spnAdd::before, html body.mv .spanAdd::before, html body.mv .spnNotes::before, html body.mv .iconSearch::before, html body.mv .iconSearchSmall::before, html body.mv .iconSearchMessage::before, html body.mv .filterIcon::before, html body.mv .iconSave::before, html body.mv .iconAttachment::before, html body.mv .spaneditdone::before {
    content: ""; flex: 0 0 16px; width: 16px; height: 16px; background-color: currentColor;
    -webkit-mask: var(--mv-ic) center / contain no-repeat; mask: var(--mv-ic) center / contain no-repeat;
}
html body.mv .spndelete:hover, html body.mv .spnRemove:hover, html body.mv .spandelete:hover, html body.mv .crossDrug:hover, html body.mv .spaneditcancel:hover, html body.mv .spnedit:hover, html body.mv .spanedit:hover, html body.mv .Edit-btn:hover, html body.mv .spnview:hover, html body.mv .spneye:hover, html body.mv .spnEye:hover, html body.mv .showIcon:hover, html body.mv .hideIcon:hover, html body.mv .spndownload:hover, html body.mv .spnAdd:hover, html body.mv .spanAdd:hover, html body.mv .spnNotes:hover, html body.mv .iconSearch:hover, html body.mv .iconSearchSmall:hover, html body.mv .iconSearchMessage:hover, html body.mv .filterIcon:hover, html body.mv .iconSave:hover, html body.mv .iconAttachment:hover, html body.mv .spaneditdone:hover { background-color: var(--mv-mist) !important; color: var(--mv-ic-hover); }
html body.mv input.calender-icon { background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%235B6B7F%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%273%27 width=%2712%27 height=%2711%27 rx=%271.5%27/%3E%3Cpath d=%27M2 6.5h12M5 1.8v2.4M11 1.8v2.4%27/%3E%3C/svg%3E") right 9px center / 15px no-repeat !important; padding-right: 30px !important; }

/* claim form: sticky action bar starts at the sidebar edge */
body.mv.mv-shell #MainCreateDiv > .row.pl-0[style*="fixed"] {
    left: var(--mv-sidebar) !important; right: 0 !important; width: auto !important; height: 64px !important; margin: 0 !important; z-index: 900 !important;
}
body.mv #btndiv {
    display: flex; align-items: center; justify-content: flex-end; gap: 8px; height: 64px; margin: 0 !important; box-sizing: border-box;
    padding: 0 calc(22px + var(--mv-gutter, 10px)) 0 22px !important; overflow: visible !important;
    background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--mv-line); box-shadow: 0 -10px 24px -18px rgba(11,37,69,.35);
    backdrop-filter: saturate(1.2) blur(6px);
}
html body.mv #btndiv input[type="button"] { height: 40px !important; min-height: 40px; padding: 0 18px !important; margin: 0 !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; font-size: 14px !important; }
html body.mv #btndiv input.btnBack { margin-right: auto !important; }
html body.mv #btndiv :is(#btn_SaveClaim, #btn_SaveClaimInstitutioanl) { min-width: 110px; }
body.mv #divNewClaimForm { padding-bottom: 80px; }
/* totals strip in the insurance panel */
body.mv #UpdateInsDiv .background_Blue {
    background: var(--mv-mist) !important; border: 1px solid var(--mv-line); border-radius: 10px; margin: 12px 12px 0 !important; padding: 10px 12px !important;
}
body.mv #UpdateInsDiv .background_Blue :is(label, span, b) { color: var(--mv-ink) !important; font-size: 13px !important; }
body.mv #divNewClaimForm thead.background_Blue, body.mv #divNewClaimForm thead.background_Blue th { background: #F8FAFB !important; color: var(--mv-slate) !important; }
/* section headers (diagnosis codes, procedures, injury, dates...) */
body.mv #divNewClaimForm .mv-sechead, body.mv #divNewClaimForm .row.blue_color.border-radius {
    min-height: 46px; align-items: center; margin: 16px 0 0 !important; padding: 0 14px !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-bottom: 0 !important; border-radius: 12px 12px 0 0 !important;
    color: var(--mv-ink) !important; font-weight: 700; font-size: 14px;
}
body.mv #divNewClaimForm .mv-sechead label { color: var(--mv-ink) !important; font-weight: 700 !important; font-size: 14px !important; margin: 0 !important; }
body.mv #divNewClaimForm .mv-sechead > [class*="col-"] { padding: 0 !important; }
body.mv #divNewClaimForm .mv-sechead > .col-2 { display: flex; justify-content: flex-end; flex: 0 0 auto; max-width: none; margin-left: auto; }
html body.mv .mv-btn.mv-btn-sm { height: 32px !important; min-height: 32px; padding: 0 12px !important; font-size: 13px !important; }
/* DX grid sits in the card under its header */
body.mv #divNewClaimForm .divdiagnoseCode { margin: 0 !important; padding: 8px 4px 10px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 0 0 12px 12px; }
body.mv #divNewClaimForm .divdiagnoseCode > [class*="col"] { border: 0 !important; margin: 0 !important; }
body.mv #divNewClaimForm .divdiagnoseCode table { width: 100% !important; }
body.mv #divNewClaimForm .divdiagnoseCode td { padding: 4px 6px !important; vertical-align: middle; border: 0 !important; }
body.mv #divNewClaimForm .divdiagnoseCode td.cursorPointer { width: 56px; color: var(--mv-ink); font-weight: 600; font-size: 13px; white-space: nowrap; }
body.mv #divNewClaimForm .divdiagnoseCode td.leftTd, body.mv #divNewClaimForm .divdiagnoseCode td.rightTd { white-space: nowrap; }
body.mv #divNewClaimForm .divdiagnoseCode td:last-child { display: flex; align-items: center; gap: 4px; }
body.mv #divNewClaimForm .divdiagnoseCode td input[type="text"] { height: 34px; min-height: 34px; margin: 0 !important; float: none !important; }
body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(2) input { width: 100% !important; }
body.mv #divNewClaimForm .divdiagnoseCode td:last-child input { flex: 1; width: auto !important; }
body.mv #divNewClaimForm .divdiagnoseCode :is(.spnRemove, .spnview) { float: none !important; margin: 0 !important; }
body.mv #divNewClaimForm .ChangeColorDxClassTr.selected td, body.mv #divNewClaimForm .ChangeColorDxClassTr[style*="background"] td { background: var(--mv-teal-50) !important; }
/* move selected DX up / down */
body.mv #divNewClaimForm .divdiagnoseCode > .col-1 { max-width: 52px !important; flex: 0 0 52px; display: flex; align-items: center; justify-content: center; }
body.mv #divNewClaimForm .divdiagnoseCode > .col-1 > .row > .col-12 { background: none !important; display: flex; flex-direction: column; gap: 6px; padding: 0 !important; margin: 0 !important; }
body.mv #divNewClaimForm .divdiagnoseCode > .col-1 .row { margin: 0 !important; padding: 0 !important; }
body.mv #divNewClaimForm .mv-dxmove {
    width: 36px; height: 36px; flex: none; max-width: none; padding: 0 !important; margin: 0 !important; display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--mv-line); border-radius: 9px; background: var(--mv-surface); color: var(--mv-ink); font-size: 16px; cursor: pointer;
}
body.mv #divNewClaimForm .mv-dxmove:hover { background: var(--mv-mist); border-color: var(--mv-line-strong); color: var(--mv-teal-600); }
body.mv #divNewClaimForm .mv-dxmove:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 1px; }
/* header tabs General / Payments / Notes */
body.mv .mv-claimhead ul.mxemr-btn { display: inline-flex !important; padding: 3px !important; gap: 0; margin: 0 !important; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv .mv-claimhead ul.mxemr-btn li { float: none !important; margin: 0 !important; list-style: none; }
html body.mv .mv-claimhead ul.mxemr-btn li .btn_style {
    width: auto !important; height: 30px !important; padding: 0 12px !important; margin: 0 !important; border: 0 !important; border-radius: 7px !important;
    background: transparent !important; color: var(--mv-slate) !important; font: 600 13px/1 var(--mv-font) !important; box-shadow: none !important; white-space: nowrap;
}
html body.mv .mv-claimhead ul.mxemr-btn li .btn_style.active { background: var(--mv-surface) !important; color: var(--mv-ink) !important; box-shadow: 0 1px 2px rgba(11,37,69,.12) !important; }

/* =============================================================================
   Legacy <img> icons drawn as Bootstrap Icons (generated by scratchpad make_imgicons.py).
   `content` swaps the picture but keeps the element, so ids, clicks and show/hide still work.
   ============================================================================= */
html body.mv img[src$="/view.png" i], html body.mv img[src="view.png" i], html body.mv img[src$="/eye-view.png" i], html body.mv img[src="eye-view.png" i], html body.mv img[src$="/eye.png" i], html body.mv img[src="eye.png" i], html body.mv img[src$="/eye1.gif" i], html body.mv img[src="eye1.gif" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/eye.svg"); }
html body.mv img[src$="/btnremove.png" i], html body.mv img[src="btnremove.png" i], html body.mv img[src$="/removegrid1.png" i], html body.mv img[src="removegrid1.png" i], html body.mv img[src$="/icon_clear.png" i], html body.mv img[src="icon_clear.png" i], html body.mv img[src$="/cancel.png" i], html body.mv img[src="cancel.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-circle.svg"); }
html body.mv img[src$="/delete.png" i], html body.mv img[src="delete.png" i], html body.mv img[src$="/deletebin.png" i], html body.mv img[src="deletebin.png" i], html body.mv img[src$="/recyclebin.png" i], html body.mv img[src="recyclebin.png" i], html body.mv img[src$="/-delete.png" i], html body.mv img[src="-delete.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/trash3.svg"); }
html body.mv img[src$="/edit.png" i], html body.mv img[src="edit.png" i], html body.mv img[src$="/editpencil.png" i], html body.mv img[src="editpencil.png" i], html body.mv img[src$="/edit1.png" i], html body.mv img[src="edit1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/pencil-square.svg"); }
html body.mv img[src$="/crossa.png" i], html body.mv img[src="crossa.png" i], html body.mv img[src$="/close_icon.png" i], html body.mv img[src="close_icon.png" i], html body.mv img[src$="/cross.png" i], html body.mv img[src="cross.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg"); }
html body.mv img[src$="/maleicon.png" i], html body.mv img[src="maleicon.png" i], html body.mv img[src$="/femaleicon.png" i], html body.mv img[src="femaleicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-circle.svg"); }
html body.mv img[src$="/plus-white.png" i], html body.mv img[src="plus-white.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/plus-lg.svg"); }
html body.mv img[src$="/infoopen.png" i], html body.mv img[src="infoopen.png" i], html body.mv img[src$="/information.png" i], html body.mv img[src="information.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/info-circle.svg"); }
html body.mv img[src$="/plus3.png" i], html body.mv img[src="plus3.png" i], html body.mv img[src$="/add.png" i], html body.mv img[src="add.png" i], html body.mv img[src$="/btnadd.png" i], html body.mv img[src="btnadd.png" i], html body.mv img[src$="/icon_add.png" i], html body.mv img[src="icon_add.png" i], html body.mv img[src$="/plussign.png" i], html body.mv img[src="plussign.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/plus-circle.svg"); }
html body.mv img[src$="/smallsearch.gif" i], html body.mv img[src="smallsearch.gif" i], html body.mv img[src$="/search.png" i], html body.mv img[src="search.png" i], html body.mv img[src$="/iconsearch.png" i], html body.mv img[src="iconsearch.png" i], html body.mv img[src$="/searchdesigner 16x16.png" i], html body.mv img[src="searchdesigner 16x16.png" i], html body.mv img[src$="/searchdesigner%2016x16.png" i], html body.mv img[src="searchdesigner%2016x16.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/search.svg"); }
html body.mv img[src$="/dropdown.gif" i], html body.mv img[src="dropdown.gif" i], html body.mv img[src$="/arrow_down5.png" i], html body.mv img[src="arrow_down5.png" i], html body.mv img[src$="/angle-arrow-down.png" i], html body.mv img[src="angle-arrow-down.png" i], html body.mv img[src$="/down-arrow.png" i], html body.mv img[src="down-arrow.png" i], html body.mv img[src$="/down1.png" i], html body.mv img[src="down1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg"); }
html body.mv img[src$="/angle-arrow-up.png" i], html body.mv img[src="angle-arrow-up.png" i], html body.mv img[src$="/up-arrow.png" i], html body.mv img[src="up-arrow.png" i], html body.mv img[src$="/newup.png" i], html body.mv img[src="newup.png" i], html body.mv img[src$="/dropdownup.gif" i], html body.mv img[src="dropdownup.gif" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-up.svg"); }
html body.mv img[src$="/up-sort.png" i], html body.mv img[src="up-sort.png" i], html body.mv img[src$="/uparrowforsorting.png" i], html body.mv img[src="uparrowforsorting.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-up-short.svg"); }
html body.mv img[src$="/down-sort.png" i], html body.mv img[src="down-sort.png" i], html body.mv img[src$="/newdown-sort.png" i], html body.mv img[src="newdown-sort.png" i], html body.mv img[src$="/down-greensort.png" i], html body.mv img[src="down-greensort.png" i], html body.mv img[src$="/downarrowforsorting.png" i], html body.mv img[src="downarrowforsorting.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-down-short.svg"); }
html body.mv img[src$="/invoice.png" i], html body.mv img[src="invoice.png" i], html body.mv img[src$="/patient-invoice1.png" i], html body.mv img[src="patient-invoice1.png" i], html body.mv img[src$="/patient-invoice2.png" i], html body.mv img[src="patient-invoice2.png" i], html body.mv img[src$="/billingicon.png" i], html body.mv img[src="billingicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/receipt.svg"); }
html body.mv img[src$="/process-edi1.png" i], html body.mv img[src="process-edi1.png" i], html body.mv img[src$="/process-edi2.png" i], html body.mv img[src="process-edi2.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-code.svg"); }
html body.mv img[src$="/create-claim.png" i], html body.mv img[src="create-claim.png" i], html body.mv img[src$="/create-claim1.png" i], html body.mv img[src="create-claim1.png" i], html body.mv img[src$="/newclaim1.png" i], html body.mv img[src="newclaim1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-plus.svg"); }
html body.mv img[src$="/print.png" i], html body.mv img[src="print.png" i], html body.mv img[src$="/printview1.png" i], html body.mv img[src="printview1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/printer.svg"); }
html body.mv img[src$="/post-payment1.png" i], html body.mv img[src="post-payment1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/credit-card.svg"); }
html body.mv img[src$="/claim-submission1.png" i], html body.mv img[src="claim-submission1.png" i], html body.mv img[src$="/claim-submission2.png" i], html body.mv img[src="claim-submission2.png" i], html body.mv img[src$="/dispatch.gif" i], html body.mv img[src="dispatch.gif" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/send.svg"); }
html body.mv img[src$="/batchfile.png" i], html body.mv img[src="batchfile.png" i], html body.mv img[src$="/batchfile1.png" i], html body.mv img[src="batchfile1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/collection.svg"); }
html body.mv img[src$="/minus3.png" i], html body.mv img[src="minus3.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/dash-circle.svg"); }
html body.mv img[src$="/reportrefresh.gif" i], html body.mv img[src="reportrefresh.gif" i], html body.mv img[src$="/refresh.png" i], html body.mv img[src="refresh.png" i], html body.mv img[src$="/refresh_black.png" i], html body.mv img[src="refresh_black.png" i], html body.mv img[src$="/refresh_true.png" i], html body.mv img[src="refresh_true.png" i], html body.mv img[src$="/renew.png" i], html body.mv img[src="renew.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-clockwise.svg"); }
html body.mv img[src$="/ticketwhiteicon.png" i], html body.mv img[src="ticketwhiteicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/ticket-perforated.svg"); }
html body.mv img[src$="/uploadingfile.png" i], html body.mv img[src="uploadingfile.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/cloud-arrow-up.svg"); }
html body.mv img[src$="/fileimport.png" i], html body.mv img[src="fileimport.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/box-arrow-in-down.svg"); }
html body.mv img[src$="/clearinghouse.png" i], html body.mv img[src="clearinghouse.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/building.svg"); }
html body.mv img[src$="/icons8-checkmark-24.png" i], html body.mv img[src="icons8-checkmark-24.png" i], html body.mv img[src$="/ticka.png" i], html body.mv img[src="ticka.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check-circle.svg"); }
html body.mv img[src$="/phone.png" i], html body.mv img[src="phone.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/telephone.svg"); }
html body.mv img[src$="/warning.png" i], html body.mv img[src="warning.png" i], html body.mv img[src$="/alert.png" i], html body.mv img[src="alert.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/exclamation-triangle.svg"); }
html body.mv img[src$="/my-work.png" i], html body.mv img[src="my-work.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/briefcase.svg"); }
html body.mv img[src$="/reports-icon.png" i], html body.mv img[src="reports-icon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bar-chart.svg"); }
html body.mv img[src$="/general.png" i], html body.mv img[src="general.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/card-text.svg"); }
html body.mv img[src$="/back-arrow.png" i], html body.mv img[src="back-arrow.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-left.svg"); }
html body.mv img[src$="/file.png" i], html body.mv img[src="file.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark.svg"); }
html body.mv img[src$="/switch.png" i], html body.mv img[src="switch.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-left-right.svg"); }
html body.mv img[src$="/assign-files.png" i], html body.mv img[src="assign-files.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-check.svg"); }
html body.mv img[src$="/pending-files.png" i], html body.mv img[src="pending-files.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/hourglass-split.svg"); }
html body.mv img[src$="/work-history.png" i], html body.mv img[src="work-history.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/clock-history.svg"); }
html body.mv img[src$="/prioritylow.png" i], html body.mv img[src="prioritylow.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-down-circle.svg"); }
html body.mv img[src$="/highypriority.png" i], html body.mv img[src="highypriority.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/exclamation-circle.svg"); }
html body.mv img[src$="/stop.png" i], html body.mv img[src="stop.png" i], html body.mv img[src$="/blocked.png" i], html body.mv img[src="blocked.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/slash-circle.svg"); }
html body.mv img[src$="/filter.png" i], html body.mv img[src="filter.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/funnel.svg"); }
html body.mv img[src$="/refundpayment.png" i], html body.mv img[src="refundpayment.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-counterclockwise.svg"); }
html body.mv img[src$="/payment.png" i], html body.mv img[src="payment.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/cash.svg"); }
html body.mv img[src$="/download.png" i], html body.mv img[src="download.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/download.svg"); }
html body.mv img[src$="/assign.png" i], html body.mv img[src="assign.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-plus.svg"); }
html body.mv img[src$="/bar4.png" i], html body.mv img[src="bar4.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/layout-sidebar.svg"); }
html body.mv img[src$="/hcfa1.png" i], html body.mv img[src="hcfa1.png" i], html body.mv img[src$="/cms-1500.png" i], html body.mv img[src="cms-1500.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-medical.svg"); }
html body.mv img[src$="/appeal1.png" i], html body.mv img[src="appeal1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/envelope-paper.svg"); }
html body.mv img[src$="/alert-c1.png" i], html body.mv img[src="alert-c1.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bell.svg"); }
html body.mv img[src$="/rightsshowicon.png" i], html body.mv img[src="rightsshowicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/plus-square.svg"); }
html body.mv img[src$="/calender 24x24.png" i], html body.mv img[src="calender 24x24.png" i], html body.mv img[src$="/calender%2024x24.png" i], html body.mv img[src="calender%2024x24.png" i], html body.mv img[src$="/hover_calender.gif" i], html body.mv img[src="hover_calender.gif" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar3.svg"); }
html body.mv img[src$="/icon_drug.png" i], html body.mv img[src="icon_drug.png" i], html body.mv img[src$="/e-red.png" i], html body.mv img[src="e-red.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/capsule.svg"); }
html body.mv img[src$="/patient.gif" i], html body.mv img[src="patient.gif" i], html body.mv img[src$="/patienticon.png" i], html body.mv img[src="patienticon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person.svg"); }
html body.mv img[src$="/rights3.png" i], html body.mv img[src="rights3.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/key.svg"); }
html body.mv img[src$="/emailicon.png" i], html body.mv img[src="emailicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/envelope.svg"); }
html body.mv img[src$="/scan.png" i], html body.mv img[src="scan.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/upc-scan.svg"); }
html body.mv img[src$="/trianglea.png" i], html body.mv img[src="trianglea.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/caret-down-fill.svg"); }
html body.mv img[src$="/logout.png" i], html body.mv img[src="logout.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/box-arrow-right.svg"); }
html body.mv img[src$="/iconbacktoinbox.png" i], html body.mv img[src="iconbacktoinbox.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-return-left.svg"); }
html body.mv img[src$="/icon_home_2.png" i], html body.mv img[src="icon_home_2.png" i], html body.mv img[src$="/homeicon.png" i], html body.mv img[src="homeicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/house.svg"); }
html body.mv img[src$="/dashboardicon.jpg" i], html body.mv img[src="dashboardicon.jpg" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/speedometer2.svg"); }
html body.mv img[src$="/labicon.png" i], html body.mv img[src="labicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/eyedropper.svg"); }
html body.mv img[src$="/messageicon.png" i], html body.mv img[src="messageicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chat-left-text.svg"); }
html body.mv img[src$="/settingsicon.png" i], html body.mv img[src="settingsicon.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/gear.svg"); }
html body.mv img[src$="/export.gif" i], html body.mv img[src="export.gif" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/box-arrow-up-right.svg"); }
html body.mv img[src$="/edit-done.png" i], html body.mv img[src="edit-done.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check2.svg"); }
html body.mv img[src$="/eligibility.png" i], html body.mv img[src="eligibility.png" i], html body.mv img[src$="/eligibilitycheck.png" i], html body.mv img[src="eligibilitycheck.png" i], html body.mv img[src$="/eligibilityactice2.png" i], html body.mv img[src="eligibilityactice2.png" i], html body.mv img[src$="/eligibilityactive.png" i], html body.mv img[src="eligibilityactive.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield-check.svg"); }
html body.mv img[src$="/eligibilityrejected2.png" i], html body.mv img[src="eligibilityrejected2.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield-x.svg"); }
html body.mv img[src$="/eligibilityinactive2.png" i], html body.mv img[src="eligibilityinactive2.png" i], html body.mv img[src$="/eligibilityinactive.png" i], html body.mv img[src="eligibilityinactive.png" i] { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield.svg"); }
html body.mv img[src$="/view.png" i], html body.mv img[src="view.png" i], html body.mv img[src$="/eye-view.png" i], html body.mv img[src="eye-view.png" i], html body.mv img[src$="/eye.png" i], html body.mv img[src="eye.png" i], html body.mv img[src$="/eye1.gif" i], html body.mv img[src="eye1.gif" i],
html body.mv img[src$="/btnremove.png" i], html body.mv img[src="btnremove.png" i], html body.mv img[src$="/removegrid1.png" i], html body.mv img[src="removegrid1.png" i], html body.mv img[src$="/icon_clear.png" i], html body.mv img[src="icon_clear.png" i], html body.mv img[src$="/cancel.png" i], html body.mv img[src="cancel.png" i],
html body.mv img[src$="/delete.png" i], html body.mv img[src="delete.png" i], html body.mv img[src$="/deletebin.png" i], html body.mv img[src="deletebin.png" i], html body.mv img[src$="/recyclebin.png" i], html body.mv img[src="recyclebin.png" i], html body.mv img[src$="/-delete.png" i], html body.mv img[src="-delete.png" i],
html body.mv img[src$="/edit.png" i], html body.mv img[src="edit.png" i], html body.mv img[src$="/editpencil.png" i], html body.mv img[src="editpencil.png" i], html body.mv img[src$="/edit1.png" i], html body.mv img[src="edit1.png" i],
html body.mv img[src$="/crossa.png" i], html body.mv img[src="crossa.png" i], html body.mv img[src$="/close_icon.png" i], html body.mv img[src="close_icon.png" i], html body.mv img[src$="/cross.png" i], html body.mv img[src="cross.png" i],
html body.mv img[src$="/maleicon.png" i], html body.mv img[src="maleicon.png" i], html body.mv img[src$="/femaleicon.png" i], html body.mv img[src="femaleicon.png" i],
html body.mv img[src$="/plus-white.png" i], html body.mv img[src="plus-white.png" i],
html body.mv img[src$="/infoopen.png" i], html body.mv img[src="infoopen.png" i], html body.mv img[src$="/information.png" i], html body.mv img[src="information.png" i],
html body.mv img[src$="/plus3.png" i], html body.mv img[src="plus3.png" i], html body.mv img[src$="/add.png" i], html body.mv img[src="add.png" i], html body.mv img[src$="/btnadd.png" i], html body.mv img[src="btnadd.png" i], html body.mv img[src$="/icon_add.png" i], html body.mv img[src="icon_add.png" i], html body.mv img[src$="/plussign.png" i], html body.mv img[src="plussign.png" i],
html body.mv img[src$="/smallsearch.gif" i], html body.mv img[src="smallsearch.gif" i], html body.mv img[src$="/search.png" i], html body.mv img[src="search.png" i], html body.mv img[src$="/iconsearch.png" i], html body.mv img[src="iconsearch.png" i], html body.mv img[src$="/searchdesigner 16x16.png" i], html body.mv img[src="searchdesigner 16x16.png" i], html body.mv img[src$="/searchdesigner%2016x16.png" i], html body.mv img[src="searchdesigner%2016x16.png" i],
html body.mv img[src$="/dropdown.gif" i], html body.mv img[src="dropdown.gif" i], html body.mv img[src$="/arrow_down5.png" i], html body.mv img[src="arrow_down5.png" i], html body.mv img[src$="/angle-arrow-down.png" i], html body.mv img[src="angle-arrow-down.png" i], html body.mv img[src$="/down-arrow.png" i], html body.mv img[src="down-arrow.png" i], html body.mv img[src$="/down1.png" i], html body.mv img[src="down1.png" i],
html body.mv img[src$="/angle-arrow-up.png" i], html body.mv img[src="angle-arrow-up.png" i], html body.mv img[src$="/up-arrow.png" i], html body.mv img[src="up-arrow.png" i], html body.mv img[src$="/newup.png" i], html body.mv img[src="newup.png" i], html body.mv img[src$="/dropdownup.gif" i], html body.mv img[src="dropdownup.gif" i],
html body.mv img[src$="/up-sort.png" i], html body.mv img[src="up-sort.png" i], html body.mv img[src$="/uparrowforsorting.png" i], html body.mv img[src="uparrowforsorting.png" i],
html body.mv img[src$="/down-sort.png" i], html body.mv img[src="down-sort.png" i], html body.mv img[src$="/newdown-sort.png" i], html body.mv img[src="newdown-sort.png" i], html body.mv img[src$="/down-greensort.png" i], html body.mv img[src="down-greensort.png" i], html body.mv img[src$="/downarrowforsorting.png" i], html body.mv img[src="downarrowforsorting.png" i],
html body.mv img[src$="/invoice.png" i], html body.mv img[src="invoice.png" i], html body.mv img[src$="/patient-invoice1.png" i], html body.mv img[src="patient-invoice1.png" i], html body.mv img[src$="/patient-invoice2.png" i], html body.mv img[src="patient-invoice2.png" i], html body.mv img[src$="/billingicon.png" i], html body.mv img[src="billingicon.png" i],
html body.mv img[src$="/process-edi1.png" i], html body.mv img[src="process-edi1.png" i], html body.mv img[src$="/process-edi2.png" i], html body.mv img[src="process-edi2.png" i],
html body.mv img[src$="/create-claim.png" i], html body.mv img[src="create-claim.png" i], html body.mv img[src$="/create-claim1.png" i], html body.mv img[src="create-claim1.png" i], html body.mv img[src$="/newclaim1.png" i], html body.mv img[src="newclaim1.png" i],
html body.mv img[src$="/print.png" i], html body.mv img[src="print.png" i], html body.mv img[src$="/printview1.png" i], html body.mv img[src="printview1.png" i],
html body.mv img[src$="/post-payment1.png" i], html body.mv img[src="post-payment1.png" i],
html body.mv img[src$="/claim-submission1.png" i], html body.mv img[src="claim-submission1.png" i], html body.mv img[src$="/claim-submission2.png" i], html body.mv img[src="claim-submission2.png" i], html body.mv img[src$="/dispatch.gif" i], html body.mv img[src="dispatch.gif" i],
html body.mv img[src$="/batchfile.png" i], html body.mv img[src="batchfile.png" i], html body.mv img[src$="/batchfile1.png" i], html body.mv img[src="batchfile1.png" i],
html body.mv img[src$="/minus3.png" i], html body.mv img[src="minus3.png" i],
html body.mv img[src$="/reportrefresh.gif" i], html body.mv img[src="reportrefresh.gif" i], html body.mv img[src$="/refresh.png" i], html body.mv img[src="refresh.png" i], html body.mv img[src$="/refresh_black.png" i], html body.mv img[src="refresh_black.png" i], html body.mv img[src$="/refresh_true.png" i], html body.mv img[src="refresh_true.png" i], html body.mv img[src$="/renew.png" i], html body.mv img[src="renew.png" i],
html body.mv img[src$="/ticketwhiteicon.png" i], html body.mv img[src="ticketwhiteicon.png" i],
html body.mv img[src$="/uploadingfile.png" i], html body.mv img[src="uploadingfile.png" i],
html body.mv img[src$="/fileimport.png" i], html body.mv img[src="fileimport.png" i],
html body.mv img[src$="/clearinghouse.png" i], html body.mv img[src="clearinghouse.png" i],
html body.mv img[src$="/icons8-checkmark-24.png" i], html body.mv img[src="icons8-checkmark-24.png" i], html body.mv img[src$="/ticka.png" i], html body.mv img[src="ticka.png" i],
html body.mv img[src$="/phone.png" i], html body.mv img[src="phone.png" i],
html body.mv img[src$="/warning.png" i], html body.mv img[src="warning.png" i], html body.mv img[src$="/alert.png" i], html body.mv img[src="alert.png" i],
html body.mv img[src$="/my-work.png" i], html body.mv img[src="my-work.png" i],
html body.mv img[src$="/reports-icon.png" i], html body.mv img[src="reports-icon.png" i],
html body.mv img[src$="/general.png" i], html body.mv img[src="general.png" i],
html body.mv img[src$="/back-arrow.png" i], html body.mv img[src="back-arrow.png" i],
html body.mv img[src$="/file.png" i], html body.mv img[src="file.png" i],
html body.mv img[src$="/switch.png" i], html body.mv img[src="switch.png" i],
html body.mv img[src$="/assign-files.png" i], html body.mv img[src="assign-files.png" i],
html body.mv img[src$="/pending-files.png" i], html body.mv img[src="pending-files.png" i],
html body.mv img[src$="/work-history.png" i], html body.mv img[src="work-history.png" i],
html body.mv img[src$="/prioritylow.png" i], html body.mv img[src="prioritylow.png" i],
html body.mv img[src$="/highypriority.png" i], html body.mv img[src="highypriority.png" i],
html body.mv img[src$="/stop.png" i], html body.mv img[src="stop.png" i], html body.mv img[src$="/blocked.png" i], html body.mv img[src="blocked.png" i],
html body.mv img[src$="/filter.png" i], html body.mv img[src="filter.png" i],
html body.mv img[src$="/refundpayment.png" i], html body.mv img[src="refundpayment.png" i],
html body.mv img[src$="/payment.png" i], html body.mv img[src="payment.png" i],
html body.mv img[src$="/download.png" i], html body.mv img[src="download.png" i],
html body.mv img[src$="/assign.png" i], html body.mv img[src="assign.png" i],
html body.mv img[src$="/bar4.png" i], html body.mv img[src="bar4.png" i],
html body.mv img[src$="/hcfa1.png" i], html body.mv img[src="hcfa1.png" i], html body.mv img[src$="/cms-1500.png" i], html body.mv img[src="cms-1500.png" i],
html body.mv img[src$="/appeal1.png" i], html body.mv img[src="appeal1.png" i],
html body.mv img[src$="/alert-c1.png" i], html body.mv img[src="alert-c1.png" i],
html body.mv img[src$="/rightsshowicon.png" i], html body.mv img[src="rightsshowicon.png" i],
html body.mv img[src$="/calender 24x24.png" i], html body.mv img[src="calender 24x24.png" i], html body.mv img[src$="/calender%2024x24.png" i], html body.mv img[src="calender%2024x24.png" i], html body.mv img[src$="/hover_calender.gif" i], html body.mv img[src="hover_calender.gif" i],
html body.mv img[src$="/icon_drug.png" i], html body.mv img[src="icon_drug.png" i], html body.mv img[src$="/e-red.png" i], html body.mv img[src="e-red.png" i],
html body.mv img[src$="/patient.gif" i], html body.mv img[src="patient.gif" i], html body.mv img[src$="/patienticon.png" i], html body.mv img[src="patienticon.png" i],
html body.mv img[src$="/rights3.png" i], html body.mv img[src="rights3.png" i],
html body.mv img[src$="/emailicon.png" i], html body.mv img[src="emailicon.png" i],
html body.mv img[src$="/scan.png" i], html body.mv img[src="scan.png" i],
html body.mv img[src$="/trianglea.png" i], html body.mv img[src="trianglea.png" i],
html body.mv img[src$="/logout.png" i], html body.mv img[src="logout.png" i],
html body.mv img[src$="/iconbacktoinbox.png" i], html body.mv img[src="iconbacktoinbox.png" i],
html body.mv img[src$="/icon_home_2.png" i], html body.mv img[src="icon_home_2.png" i], html body.mv img[src$="/homeicon.png" i], html body.mv img[src="homeicon.png" i],
html body.mv img[src$="/dashboardicon.jpg" i], html body.mv img[src="dashboardicon.jpg" i],
html body.mv img[src$="/labicon.png" i], html body.mv img[src="labicon.png" i],
html body.mv img[src$="/messageicon.png" i], html body.mv img[src="messageicon.png" i],
html body.mv img[src$="/settingsicon.png" i], html body.mv img[src="settingsicon.png" i],
html body.mv img[src$="/export.gif" i], html body.mv img[src="export.gif" i],
html body.mv img[src$="/edit-done.png" i], html body.mv img[src="edit-done.png" i],
html body.mv img[src$="/eligibility.png" i], html body.mv img[src="eligibility.png" i], html body.mv img[src$="/eligibilitycheck.png" i], html body.mv img[src="eligibilitycheck.png" i], html body.mv img[src$="/eligibilityactice2.png" i], html body.mv img[src="eligibilityactice2.png" i], html body.mv img[src$="/eligibilityactive.png" i], html body.mv img[src="eligibilityactive.png" i],
html body.mv img[src$="/eligibilityrejected2.png" i], html body.mv img[src="eligibilityrejected2.png" i],
html body.mv img[src$="/eligibilityinactive2.png" i], html body.mv img[src="eligibilityinactive2.png" i], html body.mv img[src$="/eligibilityinactive.png" i], html body.mv img[src="eligibilityinactive.png" i] {
    width: 16px !important; height: 16px !important; max-width: none !important; object-fit: contain; vertical-align: middle;
    filter: invert(42%) sepia(12%) saturate(720%) hue-rotate(175deg) brightness(90%) contrast(88%); opacity: 1 !important; cursor: inherit;
}
html body.mv img[src$="/plus-white.png" i], html body.mv img[src="plus-white.png" i] { filter: invert(1) !important; }
html body.mv img[src$="/ticketwhiteicon.png" i], html body.mv img[src="ticketwhiteicon.png" i] { filter: invert(1) !important; }
html body.mv img[src$="/eligibilityactice2.png" i], html body.mv img[src="eligibilityactice2.png" i] { filter: invert(33%) sepia(66%) saturate(560%) hue-rotate(95deg) brightness(92%) !important; }
html body.mv img[src$="/eligibilityactive.png" i], html body.mv img[src="eligibilityactive.png" i] { filter: invert(33%) sepia(66%) saturate(560%) hue-rotate(95deg) brightness(92%) !important; }
html body.mv img[src$="/eligibilityrejected2.png" i], html body.mv img[src="eligibilityrejected2.png" i] { filter: invert(27%) sepia(61%) saturate(2400%) hue-rotate(350deg) brightness(88%) !important; }

/* claim form: tools toolbar and header (patient, flags, search, tabs) */
body.mv #divNewClaimForm > .row { margin: 0 !important; flex-wrap: wrap; }
body.mv #divNewClaimForm .mv-claimtools { flex: 0 0 100%; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; padding: 0; }
body.mv #divNewClaimForm .margin_left { margin-left: 0 !important; padding: 0 !important; }
body.mv #MainCreateDiv > .row:first-child > .col { padding: 0 !important; }
body.mv .mv-claimhead {
    display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 0 12px !important; padding: 12px 16px !important;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px;
}
body.mv .mv-claimhead > [class*="col-"] { flex: 0 0 auto; max-width: none; width: auto; padding: 0 !important; margin: 0 !important; }
body.mv .mv-claimhead > .col-8 { flex: 1 1 520px; min-width: 0; }
body.mv .mv-claimhead > .col-8 > .row.blue_color {
    display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
body.mv .mv-claimhead .row.blue_color > [class*="col"] { flex: 0 0 auto; max-width: none; width: auto; padding: 0 !important; }
body.mv .mv-claimhead .row.blue_color > #divPatientName { flex: 1 1 200px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; color: var(--mv-slate); font-size: 13px; }
body.mv .mv-claimhead .row.blue_color > #divPatientName b, body.mv #lblNamePatient { color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700; }
body.mv .mv-claimhead .row.blue_color > #divPatientName span:empty { display: none; }
html body.mv #btnAddPatient { height: 36px !important; padding: 0 14px !important; background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; border-radius: 9px !important; }
/* claim flags as small toggle chips */
body.mv .mv-claimhead .heading-checkbox { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; }
body.mv .mv-claimhead .heading-checkbox > span {
    display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 10px !important; margin: 0 !important;
    border: 1px solid var(--mv-line); border-radius: 999px; background: var(--mv-surface); white-space: nowrap; font-size: 13px;
}
body.mv .mv-claimhead .heading-checkbox > span:has(input:checked) { border-color: var(--mv-teal); background: var(--mv-teal-50); }
body.mv .mv-claimhead .heading-checkbox > span input { margin: 0 !important; }
body.mv .mv-claimhead .heading-checkbox label, body.mv .mv-claimhead .heading-checkbox a { margin: 0 !important; padding: 0 !important; color: var(--mv-ink) !important; font-weight: 500 !important; font-size: 13px !important; }
body.mv .mv-claimhead .heading-checkbox a.underline-link { text-decoration: underline; text-decoration-color: var(--mv-line-strong); text-underline-offset: 3px; }
body.mv .mv-claimhead .heading-checkbox .rbs { float: none !important; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 999px; background: var(--mv-mist); font-size: 13px; }
body.mv .mv-claimhead .heading-checkbox .rbs label { color: var(--mv-slate) !important; }
/* claim and patient search */
body.mv .mv-claimhead > .col-2:has(#contact) > .row { display: flex; gap: 8px; margin: 0 !important; flex-wrap: nowrap; }
body.mv .mv-claimhead > .col-2:has(#contact) > .row > [class*="col-"] { flex: 0 0 170px; max-width: none; padding: 0 !important; }
body.mv .mv-claimhead :is(#contact, #txtSearchPatients) { height: 36px !important; padding-left: 32px !important;
    background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B7F' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 10px center / 15px no-repeat !important; }
body.mv .mv-claimhead > .col-2:has(ul.mxemr-btn) { display: flex; }
/* diagnosis header keeps its action on the same line */
body.mv #divNewClaimForm .mv-sechead { display: flex !important; flex-wrap: nowrap; justify-content: space-between; }
body.mv #divNewClaimForm .mv-sechead > .col-10 { flex: 1 1 auto; max-width: none; }
/* insurance panel gets the same card treatment */
body.mv #UpdateInsDiv { background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 12px; margin: 0 0 12px !important; padding-bottom: 12px !important; }
body.mv #MainCreateDiv > .row { margin-left: 0 !important; margin-right: 0 !important; }
body.mv #divNewClaimForm .mv-sechead > .col-10 { flex: 1 1 auto !important; width: auto !important; min-width: 220px; }
body.mv #divNewClaimForm .mv-sechead > .col-2 { flex: 0 0 auto !important; width: auto !important; }
body.mv #divNewClaimForm .mv-sechead { margin-left: 0 !important; margin-right: 0 !important; }
body.mv #divNewClaimForm .row:has(> .col > .mv-sechead) > .col { padding: 0 !important; margin: 0 !important; }
body.mv #divCreatClaimContent, body.mv #divCreatClaimContent > .WidgetMainContent { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.mv .Widget:has(#divNewClaimForm) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; }

/* claim form: procedures card */
body.mv #divNewClaimForm .row:has(> .col > .row.blue_color > .col-12 > label) { margin: 16px 0 0 !important; padding: 0 !important; }
body.mv #divNewClaimForm .row:has(> .col > .row.blue_color > .col-12 > label) > .col { padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; }
body.mv #divNewClaimForm .col > .row.blue_color:has(> .col-12 > label) { min-height: 46px; margin: 0 !important; padding: 0 14px !important; align-items: center; }
body.mv #divNewClaimForm .col > .row.blue_color > .col-12 > label { margin: 0 !important; font-weight: 700 !important; font-size: 14px !important; color: var(--mv-ink) !important; padding: 0 !important; }
body.mv #divNewClaimForm .col > .row.blue_color ~ .row { margin: 0 !important; }
body.mv #tblClaimServices { width: 100% !important; border: 0 !important; table-layout: auto; }
body.mv #tblClaimServices th { text-align: left !important; padding: 10px 6px !important; border: 0 !important; white-space: nowrap; font-size: 12.5px !important; }
body.mv #tblClaimServices th:first-child, body.mv #tblClaimServices td:first-child { padding-left: 14px !important; width: 40px; }
body.mv #tblClaimServices td { padding: 8px 6px !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; vertical-align: middle; }
body.mv #tblClaimServices tr.row-claim-services { border: 0 !important; }
body.mv #tblClaimServices td input[type="text"], body.mv #tblClaimServices td select { height: 34px !important; min-height: 34px; width: 100% !important; box-sizing: border-box; margin: 0 !important; }
/* collapsible extras: injury, dates, certification... */
body.mv #divNewClaimForm .row.blue_color.border-radius:is(.Injury, .Dates, [class*="Certi"], [class*="Accident"], [class*="Ambulance"], [class*="Misc"]),
body.mv #divNewClaimForm .col-6 > .row.blue_color.border-radius {
    margin: 0 0 8px !important; border-bottom: 1px solid var(--mv-line) !important; border-radius: 12px !important; cursor: pointer; position: relative; padding: 0 44px 0 16px !important;
}
body.mv #divNewClaimForm .col-6 > .row.blue_color.border-radius::after {
    content: ""; position: absolute; right: 16px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: var(--mv-slate);
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
            mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
}
body.mv #divNewClaimForm .col-6 > .row.blue_color.border-radius:hover { background: #FBFCFD !important; }
body.mv #divNewClaimForm .col-6 > .row.blue_color.border-radius > .col-12 { padding: 0 !important; }
body.mv #divNewClaimForm .col-6 > .row.blue_color.border-radius span { font-weight: 600 !important; font-size: 14px !important; }
body.mv #divNewClaimForm .row > .col-12 > .row > .col-6.mt-1.ml-1 { margin: 16px 8px 0 0 !important; padding: 0 !important; }
/* notes card */
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) { margin: 16px 0 0 !important; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row.blue_color { height: 46px !important; margin: 0 !important; padding: 0 14px !important; align-items: center; border-radius: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row.blue_color > .col-11 { display: flex; align-items: center; gap: 8px; padding: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row.blue_color > .col-1 { display: flex; justify-content: flex-end; padding: 0 !important; margin: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row.blue_color span[onclick] { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 7px; cursor: pointer; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row.blue_color span[onclick]:hover { background: var(--mv-mist); }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) img { margin: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row:not(.blue_color) { margin: 0 !important; }
/* claim form: data-state polish */
body.mv #divNewClaimForm .col > .row.blue_color > .col-12 { padding: 0 !important; }
body.mv #divNewClaimForm .col > .row.blue_color:has(> .col-12 > label) { padding: 0 18px !important; }
body.mv #divNewClaimForm .mv-sechead { padding: 0 18px !important; }
body.mv #tblClaimServices :is(th, td):nth-child(6) { min-width: 92px; }
body.mv #tblClaimServices td:nth-child(6) input { text-align: right; }
body.mv .dropDownIconMultipleCheckBox { background: none !important; width: 14px !important; height: 14px !important; background-color: var(--mv-slate) !important;
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
            mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv #divNewClaimForm .row.blue_color.border-radius.Misc { margin: 0 0 8px !important; border-bottom: 1px solid var(--mv-line) !important; border-radius: 12px !important; cursor: pointer; position: relative; padding: 0 44px 0 16px !important; min-height: 46px; }
body.mv #divNewClaimForm .row.blue_color.border-radius.Misc::after { content: ""; position: absolute; right: 16px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: var(--mv-slate);
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
            mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv #divNewClaimForm .row.blue_color.border-radius.Misc > .col-12 { padding: 0 !important; }
body.mv #divNewClaimForm .row.mb-5:has(> .col-12 > .Misc) > .col-12 { padding: 0 !important; }
/* notes list */
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) table { width: 100% !important; border-collapse: collapse !important; border: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) :is(th, td) { border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; padding: 8px 10px !important; text-align: left; vertical-align: top; font-size: 13px !important; line-height: 1.45; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) th { color: var(--mv-slate) !important; font-weight: 600 !important; background: #F8FAFB !important; white-space: nowrap; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) td:first-child, body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) td:nth-child(2) { white-space: nowrap; color: var(--mv-slate); }
body.mv #divNewClaimForm .col-6 > .row.mb-5:has(.Misc) { margin: 0 !important; }
body.mv #divNewClaimForm .row.blue_color.border-radius.Misc { margin-top: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) :is(thead, tbody, tr) { border: 0 !important; }
body.mv #divNewClaimForm .col.mt-1.ml-1:has(#AddNotebtn) > .row.blue_color { border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .mv-claimhead > .col-8 { flex: 1 1 420px; }
body.mv .mv-claimhead > .col-2:has(#contact) > .row > [class*="col-"] { flex: 0 0 156px; }
body.mv .mv-claimhead .row.blue_color > .heading-checkbox { flex: 1 1 100% !important; min-width: 0; }
/* procedure modifiers: two small fields side by side on one line */
body.mv #tblClaimServices td:has(> input.modifiers) { white-space: nowrap; min-width: 128px; }
body.mv #tblClaimServices td > input.modifiers { display: inline-block !important; width: calc(50% - 3px) !important; min-width: 56px; margin: 0 !important; text-align: center; text-transform: uppercase; }
body.mv #tblClaimServices td > input.modifiers + input.modifiers { margin-left: 6px !important; }
body.mv #tblClaimServices td > br { display: none; }
body.mv #tblClaimServices td:has(> input.modifiers) { min-width: 0; width: 132px; }
body.mv #tblClaimServices td > input.modifiers { width: 56px !important; min-width: 56px; padding-left: 4px !important; padding-right: 4px !important; }
/* DX pointer picker: same height as the other fields, value centred */
body.mv #tblClaimServices a.drop-down-box {
    display: flex !important; align-items: center; justify-content: space-between; gap: 6px; height: 34px !important; min-width: 78px; padding: 0 8px 0 10px !important; box-sizing: border-box;
    border: 1px solid var(--mv-line-strong) !important; border-radius: 8px; background: var(--mv-surface) !important; cursor: pointer; text-decoration: none !important; color: var(--mv-text) !important;
}
body.mv #tblClaimServices a.drop-down-box .selectedText { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv #tblClaimServices a.drop-down-box .dropDownIconMultipleCheckBox { float: none !important; margin: 0 !important; flex: 0 0 12px; width: 12px !important; height: 12px !important; }
/* DX pointer popover on procedure lines */
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox {
    position: absolute !important; z-index: 1005 !important; margin-top: 6px !important; width: 296px !important; height: auto !important; padding: 10px !important; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; box-shadow: 0 20px 44px -16px rgba(11,37,69,.42) !important;
}
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox .div-drop-down { height: auto !important; max-height: none !important; overflow: visible !important; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox table, body.mv #tblClaimServices .dropdownMenuMultipleCheckBox tbody { display: block; width: auto !important; border: 0 !important; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox tbody { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 6px; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox tr { display: contents !important; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox td { display: block; padding: 0 !important; border: 0 !important; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox td span { display: flex !important; align-items: center; gap: 6px; margin: 0 !important; height: 32px; padding: 0 8px; border: 1px solid var(--mv-line); border-radius: 8px; cursor: pointer; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox td span:has(input:checked) { border-color: var(--mv-teal); background: var(--mv-teal-50); }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox td input { width: 15px !important; height: 15px !important; min-height: 0 !important; margin: 0 !important; flex: none; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox td label { margin: 0 !important; font-size: 12.5px !important; font-weight: 600 !important; color: var(--mv-ink) !important; cursor: pointer; white-space: nowrap; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox td:empty { display: none; }
body.mv #divNewClaimForm .row:has(> .col > .row.blue_color > .col-12 > label) > .col { overflow: visible !important; }
body.mv #divNewClaimForm .row:has(> .col > .row.blue_color > .col-12 > label) .Grid { overflow: visible !important; }
body.mv #divNewClaimForm .col > .row.blue_color:has(> .col-12 > label) { border-radius: 12px 12px 0 0 !important; }
body.mv #tblClaimServices { overflow: visible !important; }
body.mv .Widget:has(#divNewClaimForm) { overflow: visible !important; }
body.mv #tblClaimServices .dropdownMenuMultipleCheckBox { width: 340px !important; }
html body.mv #tblClaimServices .dropdownMenuMultipleCheckBox input[type="button"] { height: 34px !important; min-height: 34px; padding: 0 16px !important; border-radius: 8px !important; }
html body.mv #tblClaimServices .dropdownMenuMultipleCheckBox input[type="button"][value="OK" i] { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
/* code lookup lists (ICD / CPT) */
html body.mv :is(#divICDsSearched, #divCPTSearched) {
    z-index: 1006 !important; height: auto !important; padding: 0 !important; overflow-y: auto !important; width: 520px !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; box-shadow: 0 20px 44px -16px rgba(11,37,69,.42) !important;
}
html body.mv :is(#divICDsSearched, #divCPTSearched) table { width: 100% !important; border-collapse: collapse; }
html body.mv :is(#divICDsSearched, #divCPTSearched) :is(th, td) { padding: 9px 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; text-align: left !important; font-size: 13px !important; vertical-align: top; }
html body.mv :is(#divICDsSearched, #divCPTSearched) th { position: sticky; top: 0; background: #F8FAFB !important; color: var(--mv-slate) !important; font-weight: 600 !important; z-index: 1; }
html body.mv :is(#divICDsSearched, #divCPTSearched) td:first-child { white-space: nowrap; font-weight: 600; color: var(--mv-ink); width: 84px; }
html body.mv :is(#divICDsSearched, #divCPTSearched) tbody tr { cursor: pointer; }
html body.mv :is(#divICDsSearched, #divCPTSearched) tbody tr:hover td, html body.mv :is(#divICDsSearched, #divCPTSearched) tr.current_Row td { background: var(--mv-teal-50) !important; }
/* scrubber "no errors" result */
html body.mv .ErrorInfo.mv-ok-msg { display: inline-flex !important; align-items: center; gap: 8px; color: var(--mv-ok) !important; font-weight: 600 !important; font-size: 14px !important; }
html body.mv .ErrorInfo.mv-ok-msg::before { content: ""; width: 20px; height: 20px; background: var(--mv-ok);
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check-circle-fill.svg") center / contain no-repeat;
            mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check-circle-fill.svg") center / contain no-repeat; }
/* jQuery UI dialog buttons: first button is the primary action */
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    height: 38px !important; min-height: 38px; padding: 0 18px !important; margin: 0 !important; border-radius: 9px !important; box-shadow: none !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; color: var(--mv-ink) !important; font: 600 13.5px/1 var(--mv-font) !important;
}
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover { background: var(--mv-teal-700) !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child):hover { background: var(--mv-mist) !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text { padding: 0 !important; }
body.mv #UpdateInsDiv label > span { margin-left: 4px; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus { outline: none !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus-visible { outline: 2px solid var(--mv-focus) !important; outline-offset: 2px; }

/* claim payments view */
body.mv #divClaimPaymentMain > .Widget { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 20px 0 0 !important; }
body.mv #divClaimPaymentMain .row.margin-b-1 { margin: 0 !important; }
body.mv #divClaimPaymentMain .row.margin-b-1 > .col { padding: 0 !important; margin: 0 !important; }
body.mv .WidgetTitle.mv-paysummary { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 10px 18px !important; margin-top: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-bottom: 0 !important; border-radius: 12px 12px 0 0 !important; }
body.mv .mv-paysummary-title h3 { margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; color: var(--mv-ink) !important; }
body.mv .mv-paysummary-title p { margin: 2px 0 0 !important; display: flex; gap: 6px; align-items: center; color: var(--mv-slate) !important; font-size: 13px; font-weight: 400; }
body.mv .mv-paysummary-title p span { color: inherit !important; }
body.mv .mv-paysummary-title p span[id] { color: var(--mv-ink) !important; font-weight: 600; }
body.mv .mv-paysummary-title .mv-sep { width: 1px; height: 14px; background: var(--mv-line); margin: 0 6px; }
body.mv .mv-paysummary-stats { display: flex; align-items: center; gap: 10px; }
body.mv .mv-stat { display: inline-flex; flex-direction: column; padding: 6px 14px; border-radius: 10px; background: var(--mv-mist); min-width: 110px; }
body.mv .mv-stat-label { color: var(--mv-slate) !important; font-size: 12px; font-weight: 500; }
body.mv .mv-stat-value, body.mv .mv-stat-value span { color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; font-variant-numeric: tabular-nums; }
html body.mv .mv-icon-btn { width: 36px; padding: 0 !important; justify-content: center; }
body.mv #divClaimPaymentMain #PaymentSummary, body.mv #divClaimPaymentMain #ClaimPaymentDetail { background: var(--mv-surface); border: 1px solid var(--mv-line); border-top: 0; border-radius: 0 0 12px 12px; padding: 0 !important; margin: 0 0 16px !important; overflow-x: auto; }
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 8px 18px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-bottom: 0 !important; border-radius: 12px 12px 0 0 !important; margin-top: 4px !important; }
body.mv #divClaimPaymentMain .Grid-Simple, body.mv #divClaimPaymentMain #divPatientPaymentView { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.mv #divClaimPaymentMain table { width: 100% !important; border-collapse: collapse !important; }
body.mv #divClaimPaymentMain :is(#PaymentSummary, #ClaimPaymentDetail) :is(th, td) { border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; padding: 9px 8px !important; font-size: 13px !important; text-align: left; vertical-align: middle; }
body.mv #divClaimPaymentMain :is(#PaymentSummary, #ClaimPaymentDetail) th { background: #F8FAFB !important; color: var(--mv-slate) !important; font-weight: 600 !important; font-size: 12.5px !important; line-height: 1.3; }
body.mv #divClaimPaymentMain .block-clear { height: auto !important; }
body.mv #divCreatClaimContent .Widget, body.mv #divCreatClaimContent .WidgetMainContent, body.mv #ClaimPaymentDetails, body.mv #divClaimPaymentMain { width: auto !important; max-width: 100% !important; min-width: 0 !important; float: none !important; display: block; box-sizing: border-box; }
body.mv #divClaimPaymentMain :is(#PaymentSummary, #ClaimPaymentDetail) { max-width: 100%; overflow-x: auto !important; }
body.mv #divClaimPaymentMain #divPatientPaymen { width: auto !important; float: none !important; }
body.mv .mv-claimhead [id^="lblPatientId"] { color: var(--mv-slate) !important; font-size: 13px; white-space: nowrap; }
body.mv .mv-stat { padding: 5px 12px; min-width: 100px; }
body.mv .mv-stat-value, body.mv .mv-stat-value span { font-size: 15px !important; line-height: 1.25; }
body.mv .WidgetTitle.mv-paysummary { height: auto !important; }
/* payment detail header: title left, tools right */
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle { height: auto !important; }
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle > div { width: auto !important; float: none !important; text-align: left !important; display: flex; align-items: center; gap: 8px; }
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle > div:first-child { margin-right: auto; }
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle > div:first-child span { color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer; }
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle :is(input, select) { position: static !important; margin: 0 !important; float: none !important; }
body.mv #divClaimPaymentMain #divPatientPaymen > .block-clear > .WidgetTitle select { width: 150px !important; height: 36px !important; }
html body.mv .mv-claimhead ul.mxemr-btn li .btn_style:focus { outline: none !important; box-shadow: none; }
html body.mv .mv-claimhead ul.mxemr-btn li .btn_style.active:focus { box-shadow: 0 1px 2px rgba(11,37,69,.12) !important; }
html body.mv .mv-claimhead ul.mxemr-btn li .btn_style:focus-visible { outline: 2px solid var(--mv-focus) !important; outline-offset: 1px; }
body.mv .mv-claimhead .rbs span[id] { color: var(--mv-ok) !important; font-weight: 600; }
/* claim notes view */
body.mv #divClaimNotesMain { margin-top: 20px; }
body.mv #divClaimNotesMain .row.margin-b-1 { margin: 0 !important; }
body.mv #divClaimNotesMain .row.margin-b-1 > .col { padding: 0 !important; margin: 0 !important; }
body.mv .row.mv-notesbar { display: flex; align-items: center; margin: 0 !important; min-height: 60px; padding: 0 18px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-bottom: 0; border-radius: 12px 12px 0 0; }
body.mv .row.mv-notesbar > .col-lg-12 { display: flex; align-items: center; justify-content: space-between; padding: 0 !important; }
body.mv .mv-notesbar-title { margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; color: var(--mv-ink) !important; }
body.mv .mv-notesgrid { width: auto !important; margin: 0 0 24px !important; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 0 0 12px 12px; overflow: visible !important; height: auto !important; }
body.mv .mv-notesgrid table { width: 100% !important; }
body.mv .mv-notesgrid :is(th, td) { padding: 10px 10px !important; vertical-align: top; }
body.mv .mv-notesgrid td:last-child { white-space: nowrap; }
html body.mv .mv-claimhead ul.mxemr-btn li button.btn_style, html body.mv .mv-claimhead ul.mxemr-btn li button.btn_style.active { border: 0 !important; }
body.mv .mv-notesgrid table { overflow: visible !important; }
body.mv .mv-notesgrid td:last-child > div { display: flex; gap: 4px; align-items: center; }
/* dialogs: comfortable title and body spacing */
html body.mv .ui-dialog .ui-dialog-titlebar { padding: 16px 20px 14px !important; }
html body.mv .ui-dialog .ui-dialog-title { font-size: 16px !important; font-weight: 700 !important; color: var(--mv-ink) !important; line-height: 1.3; }
html body.mv .ui-dialog .ui-dialog-content { padding: 16px 20px !important; }
html body.mv .ui-dialog .ui-dialog-content label + :is(select, input[type="text"], textarea) { margin-left: 8px; }
html body.mv .ui-dialog .ui-dialog-buttonpane { padding: 12px 20px !important; }
html body.mv .ui-dialog .ui-dialog-titlebar { height: auto !important; min-height: 0 !important; box-sizing: border-box; }
html body.mv .ui-dialog .ui-dialog-title { padding: 0 !important; margin: 0 !important; }
html body.mv .ui-dialog .ui-dialog-content td { padding: 4px 10px 4px 0 !important; vertical-align: middle; }
body.mv.mv-shell .quicklaunch a.mv-ql.mv-ql-current:not(.mv-ql-primary) { border-color: var(--mv-teal) !important; background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }

/* =============================================================================
   Side-tab layout (td.prac_side + .box-header lists): claim submission, status
   inquiry, invoices, clearinghouse reports, settings
   ============================================================================= */
body.mv table:has(> tbody > tr > td.prac_side) { width: 100% !important; border-collapse: separate !important; border-spacing: 0; margin-top: 20px; }
body.mv td.prac_side {
    width: 232px !important; min-width: 232px; vertical-align: top !important; padding: 0 16px 0 0 !important; background: transparent !important; border: 0 !important;
}
body.mv td.prac_side .box-header { height: auto !important; margin: 0 !important; padding: 8px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px; }
body.mv td.prac_side .box-header ul { float: none !important; display: flex; flex-direction: column; gap: 2px; margin: 0 !important; padding: 0 !important; width: auto !important; }
body.mv td.prac_side .box-header li { float: none !important; list-style: none; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; width: auto !important; white-space: normal !important; }
body.mv td.prac_side .box-header li a {
    display: flex !important; align-items: center; min-height: 38px; padding: 6px 12px !important; border-radius: 8px; text-decoration: none !important;
    color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.3; background: none !important; border: 0 !important;
}
body.mv td.prac_side .box-header li a:hover { background: var(--mv-mist) !important; }
body.mv td.prac_side .box-header li.active a, body.mv td.prac_side .box-header li a.active, body.mv td.prac_side .box-header li.selected a {
    background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; font-weight: 600 !important; box-shadow: inset 3px 0 0 var(--mv-teal);
}
/* a list item holding a switch-like checkbox (e.g. Institutional submission) */
body.mv td.prac_side .box-header ul.box-header-ul { margin-bottom: 6px !important; padding-bottom: 8px !important; border-bottom: 1px solid var(--mv-line); }
body.mv td.prac_side .box-header ul.box-header-ul li { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; padding: 0 12px !important; box-shadow: none !important; }
body.mv td.prac_side .box-header ul.box-header-ul li span { color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 600 !important; }
body.mv td.prac_side + td { vertical-align: top !important; background: transparent !important; padding: 0 !important; }
body.mv td.prac_side + td > div { width: auto !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; padding: 12px 0 0 !important; min-height: 420px; }
body.mv td.prac_side + td .Grid { margin: 8px 0 0 !important; border: 0 !important; border-radius: 0 0 12px 12px; }
body.mv td.prac_side + td .Tab-Content { padding: 0 !important; }
body.mv td.prac_side + td .Tab-Content > div.float_right1:first-of-type, body.mv td.prac_side + td .individualdivclass { margin: 0 12px 0 0 !important; }
html body.mv td.prac_side + td .Tab-Content input[type="button"][value="Generate Submission File"] { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
/* Claim submission with an active clearinghouse other than Change Healthcare: no Ability / CHC choice columns, a "Sending to" line above Generate */
.mv-ch-other :is(#divPendingSubmission, #divSecPendingSubmission, #divIndividualSubmission) thead th:is(:nth-child(3), :nth-child(4)),
.mv-ch-other td:has(> :is(.chkAbilityClaimSub, .chkCHCClaimSub)) { display: none !important; }
.mv-ch-sendto { clear: both; display: flex; align-items: center; gap: 8px; margin: 12px 12px 10px; padding: 8px 12px; border: 1px solid #DCE3EA; border-radius: 9px; background: #F7F9FA; font-size: 13px; }
body.mv .mv-ch-sendto { border-color: var(--mv-line); background: var(--mv-sunken); color: var(--mv-ink); line-height: 1.4; }
body.mv .mv-ch-sendto .bi { flex: 0 0 auto; color: var(--mv-teal-600); font-size: 15px; }
body.mv .mv-ch-sendto strong { font-weight: 700; }
body.mv .mv-ch-sendto.is-test { border-color: #F1D9A6; border-left: 4px solid var(--mv-warn); background: var(--mv-warn-50); }
body.mv .mv-ch-sendto.is-test .bi { color: var(--mv-warning); }
body.mv td.prac_side + td .Tab-Content > .mv-ch-sendto + div.float_right1 { margin: 0 12px 0 0 !important; }
.mv-ch-missing { display: inline-block; padding: 1px 8px; border-radius: 999px; background: #FFF4E0; color: #8A5300; font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; }
body.mv .mv-ch-missing { background: var(--mv-warn-50); color: var(--mv-warning); }
/* Claim submission panel grids: the header filter boxes fill their cell instead of overflowing it by their padding and border. */
body.mv #divClaimsSubmissionContent .Grid th input[type=text] { box-sizing: border-box; }
body.mv .mv-ch-result { color: var(--mv-text); font-size: 13.5px; line-height: 1.5; }
body.mv .mv-ch-result p { margin: 0 0 8px; }
body.mv .mv-ch-result-lead { font-weight: 600; color: var(--mv-ink); }
body.mv .mv-ch-result-error { padding: 10px 12px; border-left: 4px solid var(--mv-bad); border-radius: var(--mv-radius-sm); background: var(--mv-bad-50); color: var(--mv-danger); }
body.mv .mv-ch-result-note { padding: 8px 12px; border-left: 4px solid var(--mv-warn); border-radius: var(--mv-radius-sm); background: var(--mv-warn-50); }
body.mv .mv-ch-result ul { margin: 0 0 12px; padding: 0; list-style: none; }
body.mv .mv-ch-result-files li { padding: 6px 10px; margin: 0 0 4px; border: 1px solid var(--mv-line); border-radius: var(--mv-radius-sm); background: var(--mv-sunken); font-family: Consolas, "Courier New", monospace; font-size: 12.5px; overflow-wrap: anywhere; }
body.mv .mv-ch-result-skiphead { margin-top: 12px !important; font-weight: 600; color: var(--mv-warning); }
body.mv .mv-ch-result-errhead { margin-top: 12px !important; font-weight: 600; color: var(--mv-danger); }
body.mv .mv-ch-result-errors li { padding: 7px 10px; margin: 0 0 4px; border-left: 4px solid var(--mv-bad); border-radius: var(--mv-radius-sm); background: var(--mv-bad-50); color: var(--mv-text); overflow-wrap: anywhere; }
body.mv .mv-ch-result-skipped { max-height: 240px; overflow-y: auto; border: 1px solid var(--mv-line); border-radius: var(--mv-radius-sm); }
body.mv .mv-ch-result-skipped li { display: flex; flex-wrap: wrap; gap: 2px 10px; padding: 7px 10px; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-ch-result-skipped li:last-child { border-bottom: 0; }
body.mv .mv-ch-result-skipped li strong { flex: 0 0 auto; color: var(--mv-ink); }
body.mv .mv-ch-result-skipped li span { flex: 1 1 200px; min-width: 0; color: var(--mv-text-2); }
/* Claim submission on phones: the side menu stacks above the lists instead of squeezing them off screen */
@media (max-width: 760px) {
    body.mv table:has(> tbody > tr > td.prac_side), body.mv table:has(> tbody > tr > td.prac_side) > tbody { display: block; width: 100% !important; }
    body.mv table:has(> tbody > tr > td.prac_side) > tbody > tr { display: flex; flex-direction: column; gap: 12px; }
    html body.mv td.prac_side, html body.mv td.prac_side + td { display: block; width: 100% !important; padding: 0 !important; }
    body.mv td.prac_side .box-header.h_500 { height: auto !important; width: auto !important; }
}
body.mv td.prac_side + td a.btn.btn_blue { display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0 !important; margin: 0 12px 0 0 !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important; }
body.mv td.prac_side + td a.btn.btn_blue:hover { background: var(--mv-mist) !important; }
body.mv td.prac_side + td .individualdivclass { display: inline-flex; align-items: center; gap: 8px; height: 36px; margin-right: 12px !important; }
body.mv td.prac_side + td .individualdivclass span { float: none !important; margin: 0 !important; }
body.mv .Widget:has(td.prac_side), body.mv .Widget:has(td.prac_side) > .WidgetMainContent { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; }
body.mv td.prac_side + td > div { border: 1px solid var(--mv-line) !important; overflow: hidden; }
/* legacy FontAwesome funnel in grid filter rows */
html body.mv th i.fa-filter, html body.mv th .fa.fa-filter { color: var(--mv-slate) !important; font-size: 16px !important; cursor: pointer; }
html body.mv th i.fa-filter.active { color: var(--mv-teal-600) !important; }
body.mv table:has(> tbody > tr > td.prac_side) { table-layout: fixed; }
body.mv td.prac_side { width: 248px !important; padding: 0 16px 0 0 !important; box-sizing: border-box; }
body.mv td.prac_side + td > div { max-width: 100%; }
body.mv td.prac_side + td :is(.Grid, .department_table) { overflow-x: auto !important; max-width: 100%; }
html body.mv thead .fa-filter, html body.mv thead i.fa.fa-filter { color: var(--mv-slate) !important; font-size: 16px !important; }
body.mv td.prac_side .box-header { width: auto !important; }
html body.mv i.bi.fa-filter::before { content: "\F3E1" !important; font-family: bootstrap-icons !important; }
html body.mv i.mv-grid-funnel:is([style*="255, 0, 0"], [style*="red"]) { color: #fff !important; background: var(--mv-teal-600); }
body.mv td.prac_side .box-header :is(ul, li, li a) { max-width: 100% !important; box-sizing: border-box !important; }
body.mv td.prac_side .box-header li a { width: auto !important; margin: 0 !important; }
body.mv.mv-shell .mv-pagebar { z-index: 8 !important; }
html body.mv .iconSubmission { --mv-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/send.svg"); --mv-ic-hover: var(--mv-teal-600); background-image: none !important; display: inline-flex !important; align-items: center; justify-content: center; min-width: 22px; min-height: 22px; border-radius: 6px; cursor: pointer; color: var(--mv-slate); vertical-align: middle; }
html body.mv .iconSubmission::before { content: ""; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--mv-ic) center / contain no-repeat; mask: var(--mv-ic) center / contain no-repeat; }
html body.mv .iconSubmission:hover { background-color: var(--mv-mist) !important; color: var(--mv-teal-600); }
html body.mv .iconAttachment[onclick*="download" i] { --mv-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/download.svg"); }
/* "Download selected files" and similar legacy text buttons */
body.mv .download_files a, body.mv .Free_claim_btn a {
    display: inline-flex !important; align-items: center; gap: 8px; height: 36px; padding: 0 14px !important; margin: 0 8px 0 0 !important; border-radius: 9px;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong); color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important;
}
body.mv .download_files { background: none !important; padding: 0 !important; border: 0 !important; }
body.mv .download_files a::before { content: ""; width: 15px; height: 15px; background: var(--mv-teal-600); -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/download.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/download.svg") center / contain no-repeat; }
body.mv .download_files a:hover, body.mv .Free_claim_btn a:hover { background: var(--mv-mist) !important; }
body.mv td.prac_side .box-header { float: none !important; display: block !important; }
html body.mv td.prac_side + td input[type="button"]:is([value="Process"], [value="Generate Invoices File"], [value="Generate Submission File"]) { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
html body.mv td.prac_side + td input[type="button"]:is([value="Process"], [value="Generate Invoices File"], [value="Generate Submission File"]):hover { background: var(--mv-teal-700) !important; }
body.mv td.prac_side + td > div { margin: 0 !important; }
body.mv td.prac_side + td :is(.Grid, .department_table, table.fixTable, .Tab-Content) { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }
body.mv .mv-check { display: inline-flex !important; align-items: center; gap: 8px; height: 36px; margin: 0 4px 0 0 !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer; white-space: nowrap; }
body.mv .mv-check input { margin: 0 !important; }
body.mv.mv-shell .page-content:has(> .Widget > .mv-listbar) { padding: 0 !important; margin: 0 !important; }
body.mv .Widget:has(> .mv-listbar) :is(.Grid, .department_table, table.fixTable) { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }

/* New EOB form (Claims/NewEOB.aspx) */
body.mv .page-content.mv-formcard { width: auto !important; margin: 20px 0 0 !important; padding: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv .mv-formcard > div:not(.WidgetTitle) > .Widget { float: none !important; display: flex; gap: 32px; padding: 18px 20px 8px !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.mv .mv-formcard #left { float: none !important; width: auto !important; flex: 1 1 0; }
body.mv .mv-formcard #Right { float: none !important; width: auto !important; flex: 1 1 0; padding: 0 !important; display: flex; flex-direction: column; gap: 6px; }
body.mv .mv-formcard #Right > div { float: none !important; width: auto !important; }
body.mv .mv-formcard .tblNewEOB td { padding: 6px 12px 6px 0 !important; vertical-align: middle; border: 0 !important; }
body.mv .mv-formcard .tblNewEOB td.tdLabel { width: 132px; text-align: left !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap; }
body.mv .mv-formcard .tblNewEOB :is(input[type="text"], select) { width: 100% !important; max-width: 340px; height: 38px !important; box-sizing: border-box; padding: 0 10px !important; }
body.mv .mv-formcard .tblNewEOB td:has(> input[type="radio"]) { display: flex; align-items: center; gap: 8px; }
body.mv .mv-formcard .tblNewEOB td:has(> input[type="radio"]) label { margin: 0 14px 0 0 !important; font-size: 13.5px !important; }
body.mv .mv-formcard .mv-notes-label, body.mv .mv-formcard .mv-attach-label { display: block; float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; color: var(--mv-ink); font-size: 13px; font-weight: 600; }
body.mv .mv-formcard #Right textarea { width: 100% !important; min-height: 150px; box-sizing: border-box; }
body.mv .mv-formcard .attachfile_div { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
body.mv .mv-formcard .attachfile_div input[type="text"] { float: none !important; width: 100% !important; max-width: none; height: 38px; }
body.mv .mv-formcard .PatientArea, body.mv .mv-formcard .UploadFileArea { margin-left: 0 !important; float: none !important; width: auto !important; }
body.mv .save_eob.mv-formfoot { display: flex; justify-content: flex-end; gap: 8px; float: none !important; margin: 12px 0 24px !important; }
html body.mv .save_eob.mv-formfoot input[type="button"] { height: 40px !important; padding: 0 20px !important; margin: 0 !important; border-radius: 9px !important; }
html body.mv .save_eob.mv-formfoot input:is([value="Save"], [value="Update"]) { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
body.mv .page-content.mv-formcard { float: none !important; display: block; clear: both; max-width: none; }
body.mv .mv-formcard > div:not(.WidgetTitle) { float: none !important; width: auto !important; }
body.mv .mv-formcard #Right { min-width: 0; }
body.mv .save_eob.mv-formfoot { clear: both; }
body.mv .mv-formcard #Right > div, body.mv .mv-formcard #Right .divUploadfilesDropDown, body.mv .mv-formcard #Right .attachfile_div { width: 100% !important; max-width: 100%; box-sizing: border-box; }
body.mv .mv-formcard #Right :is(textarea, input[type="text"]) { max-width: 100% !important; box-sizing: border-box; }
body.mv .mv-formcard > div:not(.WidgetTitle) > .Widget { padding-right: 20px !important; box-sizing: border-box; }
html body.mv div.save_eob.mv-formfoot.mv-formfoot { display: flex !important; justify-content: flex-end !important; width: auto !important; padding: 0 !important; }
html body.mv div.save_eob.mv-formfoot.mv-formfoot input[type="button"][value="Save"],
html body.mv div.save_eob.mv-formfoot.mv-formfoot input[type="button"][value="Update"] { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; order: 2; }
body.mv .ui-datepicker { width: 284px !important; }
body.mv .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { flex: 0 0 96px; }
body.mv .ui-datepicker .ui-datepicker-title select { font-size: 13px !important; }
body.mv .Widget:has(> .mv-listbar):not([style*="display:none"]):not([style*="display: none"]) { height: auto !important; min-height: 0 !important; display: flow-root !important; }
body.mv .Widget:has(> .mv-listbar) > .WidgetMainContent { float: none !important; height: auto !important; }
html body.mv .WidgetTitle .mv-listbar-hint { color: var(--mv-slate) !important; font-size: 12.5px !important; visibility: visible !important; }
html body.mv .WidgetTitle .mv-listbar-title h2 { color: var(--mv-ink) !important; }
/* file inputs drawn as a button + file name */
html body.mv input[type="file"].mv-fileinput, html body.mv .mv-listbar-tools input[type="file"] { height: 38px; padding: 0 !important; border: 0 !important; background: none !important; font-size: 13px; color: var(--mv-slate); max-width: 280px; }
html body.mv input[type="file"]::file-selector-button {
    height: 36px; padding: 0 14px; margin-right: 10px; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface);
    color: var(--mv-ink); font: 600 13px/1 var(--mv-font); cursor: pointer;
}
html body.mv input[type="file"]::file-selector-button:hover { background: var(--mv-mist); }
html body.mv .mv-btn.mv-btn-danger { color: var(--mv-bad) !important; }
html body.mv .mv-btn.mv-btn-danger:hover { background: var(--mv-bad-50) !important; border-color: #E8B4AE !important; }
html body.mv input.mv-btn { display: inline-flex !important; }
/* empty legacy containers that only draw a border */
body.mv .Widget:not(:has(*)) { display: none !important; }
/* PTL (pending task list) */
body.mv .mv-ptl-switch { display: flex; align-items: center; gap: 12px; margin: 20px 0 12px !important; padding: 0 !important; }
body.mv .ptl-main-divs { width: auto !important; margin: 0 0 16px !important; border: 1px solid var(--mv-line) !important; border-radius: 14px !important; overflow: hidden; background: var(--mv-surface) !important; }
body.mv .ptl-main-divs > .WidgetTitle { display: flex !important; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 18px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: var(--mv-surface) !important; }
body.mv .ptl-main-divs > .WidgetTitle > span { float: none !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv .ptl-main-divs > .WidgetTitle > span.float_right1 { display: inline-flex; }
body.mv .ptl-main-divs .Grid { margin: 0 !important; border: 0 !important; border-radius: 0 !important; width: auto !important; }
body.mv .pager .PageEntries select { width: 76px !important; min-width: 76px; }
body.mv .quicklaunch .notification-text { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 4px; border-radius: 999px; background: var(--mv-bad-50); color: var(--mv-bad) !important; font-size: var(--mv-fs-12) !important; font-weight: 700; }
/* legacy black divider utilities use the line token */
body.mv .b_top { border-top-color: var(--mv-line) !important; }
body.mv :is(.bb_black, .b_bottom_black) { border-bottom-color: var(--mv-line) !important; }
body.mv .b_black:not(#header) { border-color: var(--mv-line) !important; }
/* PTL cards: same width; grid flush inside */
body.mv .page-content > div > .Widget.width_99:is(#divPTLGridPatient, #divPTLGridClaim, #divPatientPTL, #divClaimsPTL) { width: auto !important; margin: 0 0 16px !important; border: 1px solid var(--mv-line) !important; border-radius: 14px !important; overflow: hidden; background: var(--mv-surface) !important; }
body.mv :is(#divPatientPTL, #divClaimsPTL) > .WidgetTitle { display: flex !important; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 18px !important; border: 0 !important; background: var(--mv-surface) !important; }
body.mv :is(#divPatientPTL, #divClaimsPTL) > .WidgetTitle > span { float: none !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv .ptl-main-divs .WidgetContent { padding: 0 !important; border-top: 0 !important; }
body.mv .ptl-main-divs .WidgetContent > .float_left.width_99 { float: none !important; width: auto !important; margin: 0 !important; }
body.mv .page-content > div > .Widget.width_99:is(#divPTLGridPatient, #divPTLGridClaim, #divPatientPTL, #divClaimsPTL) { float: none !important; display: block; }
body.mv.mv-shell .page-content:has(.mv-ptl-switch) { padding: 0 !important; margin: 0 !important; width: auto !important; }
body.mv .mv-inline-field { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; }
body.mv .mv-inline-field select { width: auto !important; min-width: 150px; height: 36px !important; margin: 0 !important; float: none !important; }
body.mv .Widget:has(> .mv-listbar) > .WidgetContent { padding: 0 !important; margin: 0 !important; border: 0 !important; }
body.mv .Widget:has(> .mv-listbar) .Grid { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.mv .spanInfo :is(i, em) { font-style: normal !important; }
body.mv #divPatients table td { white-space: nowrap; }
body.mv #divPatients table tbody td:nth-child(8) { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-shell .page-content:has(.mv-listbar) { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: auto !important; }
body.mv .Widget:has(> .mv-listbar) > .WidgetContent { width: auto !important; }
body.mv .Widget:has(> .mv-listbar) > .WidgetContent > div, body.mv .Widget:has(> .mv-listbar) #PatientContainer { padding: 0 !important; margin: 0 !important; width: auto !important; float: none !important; }
body.mv #divPatients table td, body.mv #divPatients table td * { white-space: nowrap !important; }
body.mv #patientList td, body.mv #patientList td * { white-space: nowrap !important; }
body.mv #patientList tbody td:nth-child(8) { max-width: 300px; overflow: hidden; text-overflow: ellipsis; }
body.mv #patientList tbody td:first-child { color: var(--mv-slate); font-style: normal !important; }
/* scroll containers only show a scrollbar when they need one */
body.mv :is(.department_table, .Grid).scroll, body.mv .department_table { overflow-x: auto !important; }
body.mv #patientList td > i { font-style: normal; }
body.mv #PatientContainer th :is(input, select) { box-sizing: border-box !important; max-width: 100% !important; }
body.mv #patientList td { text-align: left !important; }

/* =============================================================================
   Patient details (EMR/Patient/Demographics.aspx): profile rail on the left,
   record cards on the right
   ============================================================================= */
body.mv #demographics:not([style*="none"]) { display: grid !important; grid-template-columns: 300px minmax(0, 1fr); gap: 16px; align-items: start; padding: 20px 0 24px; }
body.mv #demographics > :not(.leftMainDiv):not(.rightMainDiv) { grid-column: 1 / -1; }
body.mv #demographics > div:has(> [id$="AlertMessage"][style*="none"]) { display: none; }
body.mv #demographics .leftMainDiv, body.mv #demographics .rightMainDiv { position: static !important; top: auto !important; left: auto !important;
    float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 12px; height: auto !important;
}
/* patient-note alert above both columns */
body.mv #demographics .AlertMessage { float: none; width: auto; display: flex; align-items: center; padding: 10px 14px; border: 1px solid #F1D9A6; border-left: 4px solid var(--mv-warn); border-radius: 10px; background: var(--mv-warn-50); color: var(--mv-text); }
body.mv #demographics .AlertMessage table { width: 100%; }
body.mv #demographics .AlertMessage td { padding: 0 !important; border: 0 !important; background: none !important; }
body.mv #demographics .AlertMessage :is(#datealertspan, #notealertspan) { font-weight: 700; color: var(--mv-warn); margin-right: 4px; }

/* profile card */
body.mv #demographics .profileInfoDiv {
    float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 16px !important; display: flex; flex-direction: column; gap: 14px;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px; color: var(--mv-text) !important; box-shadow: none !important;
}
body.mv #demographics .mv-pt-id { display: flex; align-items: center; gap: 14px; min-width: 0; }
body.mv #demographics .PersonPhoto {
    position: relative; flex: 0 0 64px; width: 64px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; float: none !important;
    border: 0 !important; border-radius: 50%; overflow: hidden; background: var(--mv-mist) !important; cursor: pointer;
}
html body.mv #demographics .PersonPhoto img { width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; display: block; }
html body.mv #demographics .PersonPhoto img[src$="/maleIcon.png" i], html body.mv #demographics .PersonPhoto img[src$="/FemaleIcon.png" i] {
    content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person.svg"); padding: 15px; box-sizing: border-box; object-fit: contain;
}
body.mv #demographics .PersonPhoto .ChangePhoto {
    position: absolute !important; inset: 0; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important;
    background: rgba(11, 37, 69, .62) !important; color: #fff !important; font-size: 18px; border-radius: 50%; opacity: 0; transition: opacity .15s; pointer-events: none;
}
body.mv #demographics .PersonPhoto .ChangePhoto span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.mv #demographics .PersonPhoto:hover .ChangePhoto, body.mv #demographics .PersonPhoto:focus-within .ChangePhoto { opacity: 1; }
body.mv #demographics .PersonPhoto #fuPatient { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0; cursor: pointer; z-index: 2; }
body.mv #demographics .profileInfoSingleDetail { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 3px; }
body.mv #demographics .profileInfoSingleDetail .lblMainName { margin: 0 !important; }
body.mv #demographics #ContentPlaceHolder1_lblName { display: block; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25; color: var(--mv-ink) !important; letter-spacing: 0 !important; overflow-wrap: anywhere; }
body.mv #demographics .mv-pt-meta { display: flex; flex-wrap: wrap; gap: 0 8px; color: var(--mv-slate); font-size: 13px; }
body.mv #demographics .mv-pt-meta span { color: inherit !important; font-size: inherit !important; letter-spacing: 0 !important; margin: 0 !important; }
body.mv #demographics .mv-pt-meta span:empty { display: none; }
body.mv #demographics .mv-pt-meta span + span:not(:empty)::before { content: "\00B7"; margin-right: 8px; color: var(--mv-line-strong); }
body.mv #demographics .lbpatienid { margin: 0 !important; }
body.mv #demographics #ContentPlaceHolder1_lblPatientId { color: var(--mv-slate) !important; font-size: 12.5px !important; letter-spacing: 0 !important; font-weight: 500; }

/* flags */
body.mv #demographics .mv-pt-flags { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding-top: 14px; border-top: 1px solid var(--mv-line); }
body.mv #demographics .mv-pt-flag {
    position: relative; display: flex; align-items: center; gap: 8px; min-height: 34px; margin: 0 !important; padding: 0 10px; border: 1px solid var(--mv-line); border-radius: 8px;
    background: var(--mv-surface); color: var(--mv-text) !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer; white-space: nowrap;
}
body.mv #demographics .mv-pt-flag:hover { background: var(--mv-mist); }
body.mv #demographics .mv-pt-flag:has(input:checked) { border-color: var(--mv-teal); background: var(--mv-teal-50); }
body.mv #demographics .mv-pt-flag input[type="checkbox"] { margin: 0 !important; flex: 0 0 auto; }
body.mv #demographics .mv-pt-flag > span:not(.mv-pt-dot) { display: inline-flex; align-items: center; }
body.mv #demographics .mv-pt-flag a { color: var(--mv-text) !important; font-size: 13px !important; text-decoration: underline; text-decoration-color: var(--mv-line-strong); text-underline-offset: 3px; }
body.mv #demographics .mv-pt-flag a:hover { text-decoration-color: currentColor; }
body.mv #demographics .mv-pt-dot { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: var(--mv-bad); flex: 0 0 auto; }

/* eligibility + freeze */
body.mv #demographics .buttonstabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: auto !important; height: auto !important; margin: 0 !important; float: none !important; }
body.mv #demographics .buttonstabs > .mv-btn {
    float: none !important; width: auto !important; height: 38px !important; margin: 0 !important; padding: 0 10px !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 7px;
    border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer; line-height: 1 !important; box-shadow: none !important;
}
body.mv #demographics .buttonstabs > .mv-btn:hover { background: var(--mv-mist) !important; }
body.mv #demographics .buttonstabs > .mv-btn i { color: var(--mv-teal-600); font-size: 15px; }
body.mv #demographics .buttonstabs > .mv-btn:has(input:checked) { border-color: var(--mv-bad) !important; background: var(--mv-bad-50) !important; color: var(--mv-bad) !important; }
body.mv #demographics .buttonstabs input { margin: 0 !important; }

/* section nav */
body.mv #demographics .leftSideTabs { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; display: flex; flex-direction: column; gap: 12px; }
body.mv #demographics .mv-pt-nav { display: flex; flex-direction: column; gap: 2px; padding: 8px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; }
body.mv #demographics .mv-pt-nav .LargeTabs {
    display: flex !important; align-items: center; gap: 10px; width: auto !important; height: 38px !important; min-height: 38px; margin: 0 !important; padding: 0 12px !important; line-height: 1 !important;
    float: none !important; border: 0 !important; border-radius: 8px; background: none !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 500 !important; text-align: left !important; cursor: pointer; box-shadow: none !important;
}
body.mv #demographics .mv-pt-nav .LargeTabs[style*="none"] { display: none !important; }
body.mv #demographics .mv-pt-nav .LargeTabs i { font-size: 16px; color: var(--mv-slate); width: 18px; text-align: center; }
body.mv #demographics .mv-pt-nav .LargeTabs:hover { background: var(--mv-mist) !important; }
body.mv #demographics .mv-pt-nav .LargeTabs:hover i { color: var(--mv-teal-600); }
body.mv #demographics .mv-pt-nav .LargeTabs:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: -2px; }
body.mv #demographics #facesheetTab { display: none !important; }

/* notes rail */
body.mv #demographics #NotesLeftSide { width: auto !important; margin: 0 !important; }
body.mv #demographics #NotesLeftSide .Widget { margin: 0 !important; width: auto !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px; overflow: hidden; }
body.mv #demographics #NotesLeftSide .WidgetTitle { display: flex !important; align-items: center; height: 48px !important; padding: 0 16px !important; margin: 0 !important; width: auto !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv #demographics #NotesLeftSide .WidgetTitle span { margin: 0 !important; float: none !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; }
body.mv #demographics #NotesLeftSide .Grid { height: auto !important; max-height: 380px; overflow: auto !important; width: auto !important; margin: 0 !important; border: 0 !important; }
body.mv #demographics #NotesLeftSide table { width: 100% !important; table-layout: fixed; }
body.mv #demographics #NotesLeftSide th { position: sticky; top: 0; z-index: 1; height: 36px; padding: 0 8px !important; font-size: 12px !important; text-align: left !important; }
body.mv #demographics #NotesLeftSide :is(th, td):first-child { width: 86px; padding-left: 16px !important; }
body.mv #demographics #NotesLeftSide :is(th, td):last-child { width: 84px; padding-right: 16px !important; }
body.mv #demographics #NotesLeftSide td { padding: 10px 8px !important; vertical-align: top !important; font-size: 12.5px !important; line-height: 1.4; }
body.mv #demographics #NotesLeftSide td .spnNoteDate { color: var(--mv-slate); white-space: nowrap; }
body.mv #demographics #NotesLeftSide td .spnNotes { display: block; color: var(--mv-text); overflow-wrap: anywhere; }
body.mv #demographics #NotesLeftSide td .spnUserId { display: block; color: var(--mv-slate); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv #demographics #NotesLeftSide tbody:not(:has(tr))::after { content: "No notes yet."; display: block; padding: 16px; color: var(--mv-slate); font-size: 13px; }

/* record cards on the right */
body.mv #demographics .rightMainDiv .Widget { width: auto !important; margin: 0 !important; padding: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px; box-shadow: none !important; }
body.mv #demographics .rightMainDiv .Widget[style*="none"] { display: none !important; }
body.mv #demographics #divPatientInfoGen { display: flex; flex-direction: column; gap: 12px; height: auto !important; width: auto !important; margin: 0 !important; float: none !important; }
body.mv #demographics .rightMainDiv .Widget > .WidgetTitle {
    display: flex !important; align-items: center; gap: 8px; height: 52px !important; margin: 0 !important; padding: 0 12px 0 18px !important; width: auto !important; float: none !important;
    background: none !important; border: 0 !important; border-radius: 12px; text-align: left !important; cursor: pointer;
}
body.mv #demographics .rightMainDiv .Widget > .WidgetTitle:hover { background: #FBFCFD !important; }
body.mv #demographics .rightMainDiv .mv-wt-title { order: 1; flex: 1 1 auto; margin: 0 !important; float: none !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv #demographics .rightMainDiv .mv-wt-actions { order: 2; display: flex; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; float: none !important; }
body.mv #demographics .rightMainDiv .mv-wt-chev { order: 3; display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; color: var(--mv-slate); font-size: 14px; border-radius: 8px; }
body.mv #demographics .rightMainDiv .Widget > .WidgetTitle:hover .mv-wt-chev { color: var(--mv-ink); }
body.mv #demographics .rightMainDiv .Widget:has(> .box-content:not([style*="none"])) > .WidgetTitle .mv-wt-chev,
body.mv #demographics #MainRighWigetDiv:has(:is(#viewDemographics, #EditDemographics):not([style*="none"])) > .WidgetTitle .mv-wt-chev { transform: rotate(180deg); }
body.mv #demographics .rightMainDiv .Widget > .box-content, body.mv #demographics #EditViewDemographics > .box-content {
    width: auto !important; height: auto !important; margin: 0 !important; padding: 16px 18px 18px !important; background: none !important; box-shadow: none !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; border-radius: 0 0 12px 12px; overflow: visible;
}
body.mv #demographics #viewInsurance { max-height: 420px; overflow: auto !important; }
body.mv #demographics #EditViewDemographics { width: auto !important; float: none !important; }

/* icon buttons in a card header (inputs with no text) */
body.mv #demographics .mv-wt-actions input[type="button"] {
    width: 34px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; float: none !important; position: static !important;
    border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background-color: var(--mv-surface) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important;
    color: transparent !important; font-size: 0 !important; cursor: pointer; box-shadow: none !important;
}
body.mv #demographics .mv-wt-actions input[type="button"]::before { display: none !important; }
body.mv #demographics .mv-wt-actions input[type="button"]:hover { background-color: var(--mv-mist) !important; border-color: #AEBBC9 !important; }
body.mv #demographics .mv-wt-actions input[type="button"][style*="none"] { display: none !important; }
body.mv #demographics .mv-wt-actions .Edit-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230B2545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.8 2.2l3 3-8.3 8.3-3.5.5.5-3.5z'/%3E%3Cpath d='M9.5 3.5l3 3'/%3E%3C/svg%3E") !important; }
body.mv #demographics .mv-wt-actions .Print-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230B2545' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M4 6V1.8h8V6'/%3E%3Crect x='1.5' y='6' width='13' height='5.5' rx='1.2'/%3E%3Cpath d='M4 9.5h8v4.7H4z' fill='white'/%3E%3C/svg%3E") !important; }
body.mv #demographics .mv-wt-actions .Save-btn { background-color: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") !important; }
body.mv #demographics .mv-wt-actions .Save-btn:hover { background-color: var(--mv-teal-700) !important; }
body.mv #demographics .mv-wt-actions .Cancel-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230B2545' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E") !important; }
body.mv #demographics .mv-wt-actions :is(.add-insurance-btn, .CreatClaim-btn, .CreatAppointment-btn) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230B8274' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8 3v10M3 8h10'/%3E%3C/svg%3E") !important; }

/* view: card grid (uploaded file strip, general | address | side stack, web account | pharmacy) */
body.mv :is(#viewDemographics, #EditDemographics):not([style*="none"]) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 12px; }
body.mv :is(#viewDemographics, #EditDemographics) > :is(.patient-widget-outer, .patient-widget-double-outer) { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; clear: none !important; min-width: 0; }
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(1 of :is(.patient-widget-outer, .patient-widget-double-outer)) { grid-column: 1 / -1; }
body.mv :is(#viewDemographics, #EditDemographics) > :is(:nth-child(2 of :is(.patient-widget-outer, .patient-widget-double-outer)), :nth-child(3 of :is(.patient-widget-outer, .patient-widget-double-outer))) { grid-row: span 3; }
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(7 of :is(.patient-widget-outer, .patient-widget-double-outer)) { grid-column: span 2; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget { height: 100% !important; box-sizing: border-box; margin: 0 !important; padding: 0 !important; width: auto !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; background: var(--mv-surface) !important; box-shadow: none !important; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-title {
    display: flex !important; align-items: center; gap: 10px; height: auto !important; margin: 0 !important; padding: 12px 14px 10px !important; width: auto !important; float: none !important;
    border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: none !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 700 !important; text-align: left !important;
}
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-content { padding: 8px 14px 10px !important; margin: 0 !important; width: auto !important; height: auto !important; float: none !important; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-content table { width: 100% !important; border-collapse: collapse; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-content td { padding: 5px 0 !important; border: 0 !important; background: none !important; vertical-align: baseline !important; height: auto !important; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-content td.tdLabel { width: 44% !important; padding-right: 12px !important; text-align: left !important; white-space: nowrap; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-content .spanTitle { color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 400 !important; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget-content .InfoLabel { color: var(--mv-text) !important; font-size: 13px !important; font-weight: 600 !important; overflow-wrap: anywhere; }
/* uploaded file strip */
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(1 of .patient-widget-double-outer) .patient-widget { background: var(--mv-mist) !important; border-style: dashed !important; }
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(1 of .patient-widget-double-outer) .patient-widget-content { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 10px 14px !important; color: var(--mv-slate); font-size: 13px; }
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(1 of .patient-widget-double-outer) .patient-widget-content > span:first-child::before {
    content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; background: var(--mv-slate);
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-text.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-text.svg") center / contain no-repeat;
}
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(1 of .patient-widget-double-outer) .InfoLabel { color: var(--mv-teal-700) !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(9, 106, 95, .35); }

/* page tools in the action band */
body.mv.mv-shell .quicklaunch .mv-patient-tools { display: flex; align-items: center; gap: 8px; margin-right: 8px; position: static; width: auto; height: auto; background: none; }
body.mv.mv-shell .quicklaunch .mv-patient-tools #contact {
    width: 200px !important; height: 36px !important; margin: 0 !important; padding: 0 12px 0 34px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; font-size: 13.5px !important;
    background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B7F' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 11px center / 15px no-repeat !important; color: var(--mv-text) !important;
}
body.mv.mv-shell .quicklaunch .mv-patient-tools #contact[style*="none"] { display: none !important; }
body.mv.mv-shell .quicklaunch .mv-patient-tools .mv-btn { height: 36px; display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface); color: var(--mv-ink); font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
body.mv.mv-shell .quicklaunch .mv-patient-tools .mv-btn[style*="block"] { display: inline-flex !important; }
body.mv.mv-shell .quicklaunch .mv-patient-tools .mv-btn[style*="none"] { display: none !important; }
body.mv.mv-shell .quicklaunch .mv-patient-tools .mv-btn:hover { background: var(--mv-mist); }
body.mv.mv-shell .quicklaunch .mv-patient-tools .mv-btn i { color: var(--mv-teal-600); font-size: 15px; }
body.mv #divPatientDropDown { position: fixed !important; z-index: 60 !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; box-shadow: 0 12px 28px rgba(11, 37, 69, .14); margin: 0 !important; }

@media (max-width: 1280px) {
    body.mv #demographics:not([style*="none"]) { grid-template-columns: 272px minmax(0, 1fr); }
    body.mv :is(#viewDemographics, #EditDemographics):not([style*="none"]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mv :is(#viewDemographics, #EditDemographics) > :is(:nth-child(2 of :is(.patient-widget-outer, .patient-widget-double-outer)), :nth-child(3 of :is(.patient-widget-outer, .patient-widget-double-outer))) { grid-row: auto; }
}
body.mv.mv-shell .quicklaunch #mySidenav :is(input, span) { position: static !important; right: auto !important; float: none !important; transition: none; z-index: auto; margin: 0 !important; }
body.mv.mv-shell .quicklaunch #mySidenav span.mv-btn { width: auto !important; padding: 0 12px !important; font-size: 13.5px !important; color: var(--mv-ink) !important; border-radius: 9px !important; }
body.mv #demographics .profileInfoDiv, body.mv #demographics .profileInfoDiv * { line-height: 1.35; }
body.mv :is(#viewDemographics, #EditDemographics) .patient-widget { float: none !important; }
body.mv :is(#viewDemographics, #EditDemographics) { float: none !important; width: auto !important; margin: 0 !important; padding: 16px 18px 18px !important; border-top: 1px solid var(--mv-line) !important; background: none !important; }
body.mv :is(#viewDemographics, #EditDemographics) > :nth-child(1 of .patient-widget-double-outer) .patient-widget { height: auto !important; }
/* notes rail as a list: date and user on one line, the note below */
body.mv #demographics #NotesLeftSide thead { display: none; }
body.mv #demographics #NotesLeftSide table { display: block; }
body.mv #demographics #NotesLeftSide tbody { display: block; }
body.mv #demographics #NotesLeftSide tbody tr { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 10px; padding: 12px 16px; border-top: 1px solid var(--mv-line); }
body.mv #demographics #NotesLeftSide tbody tr:first-child { border-top: 0; }
body.mv #demographics #NotesLeftSide tbody tr:hover { background: #FBFCFD; }
body.mv #demographics #NotesLeftSide tbody td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.mv #demographics #NotesLeftSide tbody td:nth-child(1) { order: 1; }
body.mv #demographics #NotesLeftSide tbody td:nth-child(3) { order: 2; text-align: right; min-width: 0; }
body.mv #demographics #NotesLeftSide tbody td:nth-child(2) { order: 3; grid-column: 1 / -1; }
body.mv #demographics #NotesLeftSide tbody td .spnNoteDate, body.mv #demographics #NotesLeftSide tbody td .spnUserId { font-size: 12px; }
body.mv #demographics #NotesLeftSide tbody td .spnNotes { font-size: 13px; line-height: 1.45; }
body.mv #demographics #NotesLeftSide tbody td .spnNotes img { margin-right: 6px; }
body.mv.mv-shell .quicklaunch #mySidenav span.mv-btn, body.mv.mv-shell .quicklaunch #mySidenav #contact { font-size: 13px !important; }
body.mv #demographics .leftMainDiv { line-height: 1.4; text-align: left !important; }
body.mv #demographics .leftMainDiv * { line-height: inherit; }
body.mv #demographics .profileInfoSingleDetail, body.mv #demographics .profileInfoSingleDetail * { text-align: left !important; }
body.mv #demographics #NotesLeftSide tbody td { height: auto !important; line-height: 1.4 !important; position: static !important; }
body.mv .patient-widget-title .mv-inline-check { margin-left: auto !important; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500 !important; color: var(--mv-slate); }
body.mv .patient-widget-title .mv-inline-check input { margin: 0 !important; }
/* .spnNotes is also an icon class; when it carries the note text it is data, not an icon */
html body.mv .spnNotes:not(:empty) { display: inline !important; min-width: 0; min-height: 0; width: auto !important; height: auto !important; padding: 0 !important; border-radius: 0; background: none !important; cursor: auto; }
html body.mv .spnNotes:not(:empty)::before { display: none !important; }
body.mv #demographics #NotesLeftSide .Widget { float: none !important; }
body.mv #demographics #NotesLeftSide tbody tr { height: auto !important; }
body.mv #demographics #NotesLeftSide tbody tr > td:is(:first-child, :last-child) { padding: 0 !important; width: auto !important; }
body.mv #demographics #NotesLeftSide :is(table, tbody, tbody tr) { width: auto !important; }
body.mv #demographics #NotesLeftSide :is(.Grid, table, tbody) { display: block !important; float: none !important; width: 100% !important; box-sizing: border-box; }
body.mv #demographics #NotesLeftSide tbody tr { width: 100% !important; box-sizing: border-box; }
/* list panels inside the record cards sit flush with the card */
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) { padding: 0 !important; overflow: visible !important; max-height: none !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) :is(.patient-main-divs, #divAllClaimsContainer, #divDocumentsMain > div) { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) .Grid { width: auto !important; float: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 0 12px 12px !important; box-shadow: none !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) .document_table { height: auto !important; max-height: 380px; overflow: auto !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) th { white-space: nowrap !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) table { width: 100% !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) :is(th, td):first-child { padding-left: 18px !important; }
body.mv #demographics :is(#viewInsurance, #viewClaims, #viewDocuments, #viewAppointments) :is(th, td) { text-align: left !important; }
/* Charts section (P3.1): same flat host as Documents; load/failure notes */
body.mv #demographics #viewCharts { padding: 0 !important; overflow: visible !important; max-height: none !important; }
body.mv #demographics #viewCharts :is(.patient-main-divs, .Widget) { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
body.mv #demographics #viewCharts .Grid { width: 100% !important; float: none !important; clear: both; margin: 0 !important; border: 0 !important; box-shadow: none !important; overflow-x: auto; }
body.mv #demographics #viewCharts table { width: 100% !important; }
body.mv .mv-chart-note { margin: 0; padding: 14px 18px; font-size: 13px; color: var(--mv-slate); }
body.mv .mv-chart-note[role="alert"] { color: var(--mv-bad); background: var(--mv-bad-50); }
/* document toolbars (Delete / Upload / Scan / Email): a row of ghost buttons above the list */
body.mv .float-left-100:has(> span.inline-icons) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; float: none !important; width: auto !important; height: auto !important; padding: 12px 18px !important; margin: 0 !important; box-sizing: border-box; }
html body.mv .float-left-100 > span.inline-icons {
    --mv-ic: none; display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; min-width: 0; height: 34px !important; margin: 0 !important; padding: 0 12px !important; float: none !important;
    border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; cursor: pointer;
}
html body.mv .float-left-100 > span.inline-icons:hover { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
html body.mv .float-left-100 > span.inline-icons::before {
    content: ""; display: block !important; flex: 0 0 15px; width: 15px; height: 15px; background: var(--mv-teal-600) !important;
    -webkit-mask: var(--mv-tb-ic) center / contain no-repeat; mask: var(--mv-tb-ic) center / contain no-repeat;
}
html body.mv .float-left-100 > span.inline-icons.spandelete { --mv-tb-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/trash3.svg"); }
html body.mv .float-left-100 > span.inline-icons.spandelete::before { background: var(--mv-bad) !important; }
html body.mv .float-left-100 > span.inline-icons.spanupload { --mv-tb-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/cloud-arrow-up.svg"); }
html body.mv .float-left-100 > span.inline-icons.spanscan { --mv-tb-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/upc-scan.svg"); }
html body.mv .float-left-100 > span.inline-icons.spanemail { --mv-tb-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/envelope.svg"); }
html body.mv .float-left-100 > span.inline-icons.spanFolder { --mv-tb-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/folder2.svg"); }
body.mv .float-left-100:has(> span.inline-icons) + .float-left-100 { float: none !important; width: auto !important; }
body.mv .float-left-100:has(> span.inline-icons) + .float-left-100 > .Grid { float: none !important; width: auto !important; margin: 0 !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; }
body.mv #demographics #viewDocuments #divDocumentsMain > .float-left-100:has(> span.inline-icons) { padding: 14px 18px !important; }
body.mv #demographics #viewClaims div[style*="width"] { width: auto !important; margin-left: 0 !important; float: none !important; }
body.mv #demographics #viewClaims div { float: none !important; }
body.mv #demographics .rightMainDiv .Widget > .box-content, body.mv #demographics .rightMainDiv .Widget > .box-content > .patient-main-divs { float: none !important; display: block; width: auto !important; }
body.mv #demographics .mv-wt-actions input.Save-btn[type="button"] { background-color: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; }
body.mv #demographics .mv-wt-actions input.Save-btn[type="button"]:hover { background-color: var(--mv-teal-700) !important; border-color: var(--mv-teal-700) !important; }
body.mv #demographics #MainRighWigetDiv:has(#EditDemographics:not([style*="none"])) > .WidgetTitle .mv-wt-chev { transform: rotate(180deg); }
/* edit form fields */
body.mv #EditDemographics .patient-widget-content td.tdLabel { width: 38% !important; }
body.mv #EditDemographics .patient-widget-content td { padding: 4px 0 !important; vertical-align: middle !important; }
body.mv #EditDemographics .patient-widget-content :is(input[type="text"], input[type="password"], select, textarea) { width: 100% !important; box-sizing: border-box; height: 36px !important; min-height: 36px; margin: 0 !important; }
body.mv #EditDemographics .patient-widget-content .spnError { color: var(--mv-bad) !important; margin-left: 2px; }
body.mv .mv-inline-field-row { display: flex; align-items: center; gap: 4px; }
body.mv .mv-inline-field-row > input { flex: 1 1 auto; min-width: 0; }
body.mv .mv-inline-field-row > span { flex: 0 0 auto; margin: 0 !important; }
body.mv #divPatientDropDown { height: auto !important; max-height: 260px; overflow-x: hidden !important; background: var(--mv-surface) !important; }
body.mv #divPatientDropDown tr { cursor: pointer; }
body.mv #divPatientDropDown tbody tr:hover td { background: var(--mv-mist) !important; }
/* patient-widget cards inside dialogs (insurance, guarantor...) */
body.mv .ui-dialog .patient-widget { border: 1px solid var(--mv-line) !important; border-radius: 10px; background: var(--mv-surface) !important; box-shadow: none !important; }
body.mv .ui-dialog .patient-widget-title { border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: none !important; padding: 12px 14px 10px !important; margin: 0 !important; width: auto !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 700 !important; }
body.mv .ui-dialog .patient-widget-content { padding: 8px 14px 12px !important; }
body.mv .ui-dialog .patient-widget-content .spanTitle, body.mv .ui-dialog .patient-widget-content td.tdLabel { color: var(--mv-slate); font-size: 13px; }
body.mv #demographics #ContentPlaceHolder1_lblName:empty::before { content: "New patient"; color: var(--mv-slate); font-weight: 600; }
body.mv #demographics #ContentPlaceHolder1_lblName:empty ~ * { display: none; }
/* legacy validation marks fields with .error or an inline red border; keep both visible over the field styles */
html body.mv :is(input, select, textarea):is(.error, [style*="solid red"], [style*="solid rgb(255, 0, 0)"]) { border-color: var(--mv-bad) !important; box-shadow: 0 0 0 3px var(--mv-bad-50) !important; }
/* claim form: primary insurance select keeps its add button on the same line */
body.mv #MainCreateDiv #UpdateInsDiv .priInsdetail { white-space: nowrap; }
body.mv #MainCreateDiv #UpdateInsDiv .priInsdetail select#ddlPrimaryInsurance, body.mv #MainCreateDiv #UpdateInsDiv .priInsdetail select[id$="ddlPrimaryInsurance"] { width: calc(100% - 34px) !important; display: inline-block; vertical-align: middle; }
body.mv #MainCreateDiv #UpdateInsDiv #AddInsurancebtn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: 4px; vertical-align: middle; border-radius: 7px; cursor: pointer; }
body.mv #MainCreateDiv #UpdateInsDiv #AddInsurancebtn:hover { background: var(--mv-mist); }
/* institutional claim: value / occurrence / condition code sections */
body.mv #divNewClaimForm .mv-inst-codes { margin-top: 16px; padding: 0 8px 0 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 { padding: 0 !important; margin: 0 0 8px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius {
    min-height: 46px; margin: 0 !important; padding: 0 44px 0 16px !important; border: 0 !important; border-radius: 12px !important; cursor: pointer; position: relative; align-items: center;
}
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius::after {
    content: ""; position: absolute; right: 16px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: var(--mv-slate);
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
            mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
}
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius:hover { background: #FBFCFD !important; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius > .col-12 { padding: 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius span { font-weight: 600 !important; font-size: 14px !important; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius:has(+ div[style*="display: block"]) { border-bottom: 1px solid var(--mv-line) !important; border-radius: 12px 12px 0 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color.border-radius:has(+ div[style*="display: block"])::after { transform: rotate(180deg); }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color + div { padding: 12px 16px !important; margin: 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes > .col-12 > .row.blue_color + div > .col-12 { padding: 0 !important; }
body.mv #divNewClaimForm .col-lg-6:has(> .col.mt-1.ml-1 #AddNotebtn) { padding: 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes table { width: 100% !important; margin: 0 !important; border-collapse: separate; border-spacing: 0 8px; }
body.mv #divNewClaimForm .mv-inst-codes td { padding: 0 8px 0 0 !important; vertical-align: middle; width: auto !important; }
body.mv #divNewClaimForm .mv-inst-codes td:has(> span:only-child):not(:has(.changFlag)) { width: 1% !important; white-space: nowrap; color: var(--mv-slate); font-size: 13px; padding-right: 10px !important; }
body.mv #divNewClaimForm .mv-inst-codes td :is(select, input[type="text"]) { width: 100% !important; height: 36px; box-sizing: border-box; margin: 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes td:last-child:has(.changFlag) { width: 0 !important; padding: 0 !important; }
body.mv #divNewClaimForm .mv-inst-codes td:has(.spandelete) { width: 1% !important; }
body.mv #divNewClaimForm .mv-inst-codes .spanAdd { float: none !important; display: flex !important; width: max-content; margin: 0 0 4px auto !important; padding: 0 8px; height: 30px !important; color: var(--mv-teal-700) !important; font-weight: 600; font-size: 13px; }
/* procedure line actions: one row of line icons; drug icon drawn like the others */
body.mv #tblClaimServices td.action > div { display: flex; align-items: center; gap: 2px; flex-wrap: nowrap; }
body.mv #tblClaimServices td.action > div > span { float: none !important; }
html body.mv .spndrug {
    background: none !important; display: inline-flex !important; align-items: center; justify-content: center; float: none !important;
    width: 22px !important; height: 22px !important; border-radius: 6px; cursor: pointer; color: var(--mv-slate); vertical-align: middle;
}
html body.mv .spndrug::before {
    content: ""; width: 16px; height: 16px; background-color: currentColor;
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/capsule.svg") center / contain no-repeat;
            mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/capsule.svg") center / contain no-repeat;
}
html body.mv .spndrug:hover { background-color: var(--mv-mist) !important; color: var(--mv-teal-600); }
/* on/off switches (procedure line active state and similar) */
body.mv label.switch { width: 30px !important; height: 18px !important; margin: 0 0 0 4px !important; vertical-align: middle; flex: 0 0 30px; }
body.mv label.switch .slider { background-color: var(--mv-ok) !important; border-radius: 999px !important; transition: background-color .15s; }
body.mv label.switch .slider::before { width: 14px !important; height: 14px !important; left: 2px !important; bottom: 2px !important; border-radius: 50% !important; box-shadow: 0 1px 2px rgba(11,37,69,.25); transition: transform .15s; }
body.mv label.switch input:checked + .slider::before { transform: translateX(12px) !important; }
body.mv label.switch .Red:checked + .slider, body.mv label.switch input:checked + .sliderGreen { background-color: var(--mv-bad) !important; }
body.mv label.switch input:focus-visible + .slider { box-shadow: 0 0 0 3px var(--mv-focus-ring, rgba(31,138,122,.25)) !important; }
/* claim header inside the Payments / Notes views: let the flex column shrink so the header wraps instead of widening the page */
body.mv .col:has(> .mv-claimhead) { min-width: 0 !important; max-width: 100%; }
body.mv .row:has(> .col > .mv-claimhead) { margin-left: 0 !important; margin-right: 0 !important; }
/* Billing manager: the floated page column must not grow to the claim views' min-content width */
body.mv.mv-shell .page-content:has(> #divCreatClaimContent) { float: none !important; width: auto !important; min-width: 0; }
body.mv #divCreatClaimContent { min-width: 0; max-width: 100%; }
body.mv #ClaimPaymentDetails .Grid-Simple { overflow-x: auto; max-width: 100%; }
/* a float left behind by the Payments view must not squeeze the Notes header */
body.mv #divClaimNotesMain, body.mv #divClaimPaymentMain { clear: both; }
/* legacy image save button (row-level "save" ticks): teal square with a check icon */
html body.mv input.Save-btn[type="button"] {
    width: 30px !important; height: 30px !important; min-height: 30px !important; padding: 0 !important; border: 1px solid var(--mv-teal-600) !important; border-radius: 8px !important;
    background: var(--mv-teal-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") center / 16px no-repeat !important;
    color: transparent !important; font-size: 0 !important; cursor: pointer; vertical-align: middle;
}
html body.mv input.Save-btn[type="button"]:hover { background-color: var(--mv-teal-700) !important; border-color: var(--mv-teal-700) !important; }

/* =============================================================================
   Data extraction (DataExtraction/FromPdfFiles.aspx): file picker bar + review workspace
   ============================================================================= */
body.mv .mv-extract-bar {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin: 20px 0 16px; padding: 16px 18px;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px;
}
body.mv .mv-extract-field { position: relative; display: flex; flex-direction: column; gap: 6px; flex: 1 1 180px; min-width: 0; }
body.mv .mv-extract-field.mv-extract-search { flex: 2 1 260px; }
body.mv .mv-extract-field label { margin: 0 !important; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
body.mv .mv-extract-optional { color: var(--mv-slate); font-weight: 400; }
body.mv .mv-extract-field :is(input[type="text"], select) { width: 100% !important; height: 38px !important; margin: 0 !important; box-sizing: border-box; float: none !important; }
body.mv .mv-extract-field input.searchfile, body.mv .mv-extract-field input.searchfile_2 {
    padding-left: 34px !important;
    background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B6B7F' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='4.3'/%3E%3Cpath d='m13.5 13.5-3.4-3.4'/%3E%3C/svg%3E") 11px center / 15px no-repeat !important;
}
body.mv .mv-extract-actions { display: flex; gap: 8px; flex: 0 0 auto; }
html body.mv .mv-extract-actions input.mv-extract-open { height: 38px !important; padding: 0 20px !important; background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; border-radius: 9px !important; font-weight: 600; }
html body.mv .mv-extract-actions input.mv-extract-open:hover { background: var(--mv-teal-700) !important; }
/* search results drop under the field */
body.mv .mv-extract-results {
    position: absolute; top: 100%; left: 0; z-index: 1000; width: max(100%, 460px); max-height: 300px; overflow: auto; margin-top: 4px;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28);
}
body.mv .mv-extract-results .Grid { width: auto !important; height: auto !important; overflow: visible !important; border: 0 !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.mv .mv-extract-results table { width: 100% !important; margin: 0 !important; }
body.mv .mv-extract-results tbody tr:hover td { background: var(--mv-teal-50) !important; }
/* workspace: patients | extracted data | document */
body.mv .mv-extract-body { display: grid; grid-template-columns: 220px minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px; align-items: start; padding-bottom: 40px; }
body.mv .mv-extract-body > :is(.PatientList, .dataDiv, .divViewDocuments) {
    float: none !important; width: auto !important; margin: 0 !important; min-width: 0; box-sizing: border-box;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px;
}
body.mv .mv-extract-body > .PatientList { max-height: calc(100vh - 230px); overflow: auto; padding: 8px 0; }
body.mv .mv-extract-body > .dataDiv { padding: 16px; overflow-x: auto; }
body.mv .mv-extract-body > .divViewDocuments { position: sticky; top: 12px; height: calc(100vh - 230px); min-height: 420px; overflow: hidden; padding: 0; }
body.mv .mv-extract-body > .divViewDocuments :is(#divPatientDocumentsFilesInner, #divDialogDocuments_Viewer, .patient-document-files-wrapper) { height: 100%; }
body.mv .mv-extract-body > .divViewDocuments :is(iframe, embed, object) { width: 100% !important; height: 100% !important; border: 0 !important; }
body.mv .mv-extract-body:has(.dataDiv:empty) > :is(.PatientList, .dataDiv, .divViewDocuments) { display: none !important; }
body.mv .mv-extract-body:not(:has(.dataDiv:empty)) > .mv-extract-empty { display: none; }
body.mv .mv-extract-empty {
    grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 64px 24px; text-align: center;
    background: var(--mv-surface); border: 1px dashed var(--mv-line-strong); border-radius: 12px; color: var(--mv-slate); font-size: 14px;
}
body.mv .mv-extract-empty i { font-size: 30px; color: var(--mv-teal-600); margin-bottom: 4px; }
body.mv .mv-extract-empty strong { color: var(--mv-ink); font-size: 15px; }
body.mv .mv-extract-empty span { max-width: 460px; }
body.mv .divSaveClaimfromExcel { display: flex; justify-content: flex-end; margin: 0 0 16px; }
/* extracted data panel (HandlerFromPdfFiles.aspx output) */
body.mv .dataDiv .mv-xstaff { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; }
body.mv .dataDiv .mv-xstaff label { margin: 0 !important; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
body.mv .dataDiv .mv-xstaff select { flex: 1 1 auto; max-width: 320px; height: 36px; margin: 0 !important; }
body.mv .dataDiv .mv-xpager { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 14px; padding: 0 0 12px; border-bottom: 1px solid var(--mv-line); }
body.mv .dataDiv .mv-xpager .pagenumber { color: var(--mv-slate); font-size: 13px; }
body.mv .dataDiv .mv-xpager .pagenumber span { color: var(--mv-ink); font-weight: 600; }
body.mv .dataDiv .mv-xhead { display: flex; align-items: center; justify-content: space-between; min-height: 42px; margin: 0 0 8px; padding: 0 12px; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv .dataDiv .mv-xhead label { margin: 0 !important; color: var(--mv-ink); font-size: 14px; font-weight: 700; cursor: inherit; }
body.mv .dataDiv .mv-xhead-toggle { cursor: pointer; }
body.mv .dataDiv .mv-xhead-toggle:hover { background: var(--mv-teal-50); }
body.mv .dataDiv .mv-xhead i { color: var(--mv-slate); }
body.mv .dataDiv #PatientMainDiv > br, body.mv .dataDiv #MainClaim br { display: none; }
body.mv .dataDiv .mv-xsec { margin: 18px 0 6px !important; padding: 0 0 6px; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink); font-size: 13.5px !important; font-weight: 700 !important; }
body.mv .dataDiv :is(#PatientMainDiv, #PatientPrimaryInsuranceInfo, #MainClaim) table { display: table !important; width: 100% !important; margin: 0 !important; border-collapse: separate; border-spacing: 0 6px; table-layout: fixed; }
body.mv .dataDiv :is(#PatientMainDiv, #PatientPrimaryInsuranceInfo, #MainClaim) td { padding: 0 10px 0 0 !important; vertical-align: middle; border: 0 !important; }
body.mv .dataDiv td.mv-xlabel { color: var(--mv-slate); font-size: 12.5px; line-height: 1.3; }
body.mv .dataDiv :is(#PatientMainDiv, #PatientPrimaryInsuranceInfo, #MainClaim) td input[type="text"] { width: 100% !important; height: 34px; float: none !important; box-sizing: border-box; margin: 0 !important; }
body.mv .dataDiv :is(#PatientMainDiv, #PatientPrimaryInsuranceInfo) > div[style*="text-align:center"] { display: flex; justify-content: flex-end; margin: 14px 0 6px; }
body.mv .dataDiv .mv-xremove { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 6px; color: var(--mv-slate); cursor: pointer; }
body.mv .dataDiv .mv-xremove:hover { background: var(--mv-bad-50); color: var(--mv-bad); }
body.mv .dataDiv .mv-xsuccess { margin: 0 0 8px; padding: 10px 12px; border-radius: 10px; background: var(--mv-ok-50); color: var(--mv-ok); border: 1px solid color-mix(in srgb, var(--mv-ok) 30%, transparent); }
body.mv .mv-extract-body > .PatientList table { width: 100% !important; margin: 0 !important; }
body.mv .mv-extract-body > .PatientList :is(th, td) { padding: 8px 12px !important; text-align: left; font-size: 13px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .mv-extract-body > .PatientList th { color: var(--mv-slate); font-weight: 600; }
body.mv .mv-extract-results .Grid { float: none !important; display: block !important; }
body.mv .mv-extract-results #searchTable { width: 100% !important; }
body.mv .mv-extract-results :is(th, td) { text-align: left !important; white-space: nowrap; }
body.mv .mv-extract-results .mv-filesearch-close { position: absolute; top: 8px; right: 8px; float: none !important; margin: 0 !important; z-index: 2; display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 7px; cursor: pointer; }
body.mv .mv-extract-results .mv-filesearch-close:hover { background: var(--mv-mist); }
body.mv .mv-extract-results .mv-filesearch-close img { position: static !important; }
body.mv .mv-extract-results th:last-child, body.mv .mv-extract-results td:last-child { padding-right: 48px !important; }
/* clearinghouse reports: download action above the reports; the legacy "Look for / Search in" bar has no handlers, column filters do the searching */
body.mv .mv-ch-bar { display: flex; justify-content: flex-end; margin: 20px 0 0; }
body.mv #ClearingHouseReportsGridView .grid-wrapper > .display-flex.w-100:has(select.width-100) { display: none !important; }
body.mv #ClearingHouseReportsGridView > table:has(td.prac_side) { margin-top: 12px; }
body.mv #ClearingHouseReportsGridView td.prac_side + td > div { padding-top: 0 !important; margin-top: 0 !important; overflow: hidden; }
body.mv #ClearingHouseReportsGridView .grid-wrapper { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.mv #ClearingHouseReportsGridView .grid-wrapper > .Grid { margin: 0 !important; border: 0 !important; }
body.mv #ClearingHouseReportsGridView .department_table { border: 0 !important; }
body.mv #ClearingHouseReportsGridView thead :is(input[type="text"], input:not([type]), select) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; }
/* file batches list */
body.mv .mv-batch .row.FileBatch { margin: 0 !important; }
body.mv .mv-batch #divGrid { margin: 0 !important; border: 0 !important; border-radius: 0 0 12px 12px; }
body.mv td.mv-batch-actions { white-space: nowrap; }
body.mv td.mv-batch-actions > span { display: inline-flex !important; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 7px; color: var(--mv-slate); font-size: 15px; }
body.mv td.mv-batch-actions > span:hover { background: var(--mv-mist); color: var(--mv-teal-700); }
body.mv td.mv-batch-actions > span:has(.bi-trash):hover { background: var(--mv-bad-50); color: var(--mv-bad); }
body.mv #divGrid #FilterIcon { cursor: pointer; color: var(--mv-slate); font-size: 16px; }
/* create / edit batch dialog: dropdown fields keep their chevron inside the field */
body.mv #ValidationBatchForm { padding: 4px 4px 0 !important; }
body.mv #ValidationBatchForm > .row { margin: 0 0 12px !important; }
body.mv #ValidationBatchForm .bb_black { border-bottom: 1px solid var(--mv-line) !important; padding: 0 0 8px !important; color: var(--mv-ink); font-weight: 600; }
body.mv #ValidationBatchForm .col-md-8:has(> :is(.spnlocationdown, .spnproviderdown, [class*="down"])) { position: relative; }
body.mv #ValidationBatchForm .col-md-8 > input[type="text"] { width: 100% !important; box-sizing: border-box; }
body.mv #ValidationBatchForm .col-md-8 > span[onclick] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; cursor: pointer; }
body.mv #ValidationBatchForm .col-md-8 > input[type="text"]:has(+ span[onclick]) { padding-right: 36px !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane { box-sizing: border-box !important; max-width: 100%; }
body.mv .ui-dialog:has(#ValidationBatchForm), body.mv .ui-dialog:has(#ValidationBatchForm) .ui-dialog-content { overflow: visible !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) {
    left: 0; top: calc(100% + 4px); width: 100% !important; height: auto !important; max-height: 280px; overflow: auto !important; z-index: 1001 !important;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28);
}
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) .Grid { border: 0 !important; margin: 0 !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) table { width: 100% !important; height: auto !important; border: 0 !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) tbody { margin: 0 !important; height: auto !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) :is(td, th) { border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; padding: 6px 10px !important; text-align: left !important; vertical-align: middle; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) thead td { color: var(--mv-slate); font-weight: 600; font-size: 12.5px; background: #F8FAFB; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) td:first-child { width: 36px; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) td:last-child { width: 110px; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) input[type="number"] { width: 100% !important; height: 32px !important; box-sizing: border-box; margin: 0 !important; }
body.mv #ValidationBatchForm .col-md-8 > span[onclick].hdn-element:not([style*="display"]) { display: none; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) :is(thead, tbody) { display: table-row-group !important; width: auto !important; overflow: visible !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) thead { display: table-header-group !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) tr { display: table-row !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) table { table-layout: auto; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) tbody { position: static !important; left: auto !important; top: auto !important; }
/* rows as a fixed 3-column grid so header and body always line up */
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) :is(table, thead, tbody, tfoot) { display: block !important; height: auto !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) tr { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) 110px; align-items: center; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) :is(td, th) { width: auto !important; display: block !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) .text-center { display: flex; justify-content: flex-end; padding: 8px 10px; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) tr { height: auto !important; min-height: 44px; } body.mv #ValidationBatchForm :is(.divLocation, .divProvider) :is(table, .Grid) { overflow: visible !important; } body.mv #ValidationBatchForm :is(.divLocation, .divProvider) tbody { margin: 0 !important; }
body.mv #ValidationBatchForm :is(.divLocation, .divProvider) :is(td, th) { height: auto !important; }
body.mv .container-fluid:has(> #divclearingHouseReports:not([style*="display: none"])) > .mv-batch { display: none !important; }

/* =============================================================================
   Home / Today (EMR/Home.aspx + HomeHandler.aspx sections)
   ============================================================================= */
body.mv .mv-today { display: flex; flex-direction: column; gap: 28px; padding: 22px 0 48px; clear: both; }
body.mv .mv-today-sechead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
body.mv .mv-today-sechead h2 { margin: 0 0 4px !important; color: var(--mv-ink); font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.01em; }
body.mv .mv-today-sechead p { margin: 0; color: var(--mv-slate); font-size: 13.5px; max-width: 72ch; }
body.mv .mv-today-loading { padding: 28px; text-align: center; color: var(--mv-slate); font-size: 13.5px; background: var(--mv-surface); border: 1px dashed var(--mv-line-strong); border-radius: 12px; }
/* strip the legacy wrappers the fragments arrive in */
body.mv .mv-today :is(.WidgetContent, #Claims) { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
/* aging cards */
body.mv .mv-today-aging #Claims { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 16px; }
body.mv .mv-today-aging .summary_table { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.mv .mv-today-aging .summary_table > .Widget { margin: 0 !important; height: 100%; display: flex; flex-direction: column; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 12px !important; overflow: hidden; box-shadow: none !important; }
body.mv .mv-today-aging .WidgetTitle {
    display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 10px; height: auto !important; min-height: 0 !important; padding: 14px 16px 12px !important;
    background: var(--mv-surface) !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important;
}
body.mv .mv-today-aging .WidgetTitle > span.color_black { order: 0; flex: 1 1 auto; margin: 0 !important; color: var(--mv-ink) !important; font-size: var(--mv-fs-14) !important; font-weight: 700 !important; line-height: 1.3; }
body.mv .mv-today-open { order: 1; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; color: var(--mv-slate); cursor: pointer; font-size: 14px; }
body.mv .mv-today-open:hover { background: var(--mv-mist); color: var(--mv-teal-700); }
body.mv .mv-today-seg { order: 2; flex: 0 0 auto; display: inline-flex; width: max-content; padding: 3px; gap: 2px; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 9px; float: none !important; margin: 0 !important; }
body.mv .mv-today-aging .WidgetTitle > .mv-today-seg { flex-basis: 100%; max-width: max-content; }
body.mv .mv-today-segopt { position: relative; display: inline-flex; margin: 0 !important; cursor: pointer; }
body.mv .mv-today-segopt input { position: absolute; opacity: 0; pointer-events: none; }
body.mv .mv-today-segopt span { display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 7px; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; }
body.mv .mv-today-segopt:hover span { color: var(--mv-ink) !important; }
body.mv .mv-today-segopt input:checked + span { background: var(--mv-surface); color: var(--mv-ink) !important; box-shadow: 0 1px 2px rgba(11,37,69,.14); }
body.mv .mv-today-segopt input:focus-visible + span { outline: 2px solid var(--mv-focus); outline-offset: 1px; }
body.mv .mv-today-aging .WidgetMainContent { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.mv .mv-today-aging .Grid { margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
body.mv .mv-today-aging table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; table-layout: fixed; }
body.mv .mv-today-aging :is(th, td) { border: 0 !important; padding: 10px 16px !important; background: transparent !important; text-align: right !important; font-variant-numeric: tabular-nums; }
body.mv .mv-today-aging :is(th, td):first-child { text-align: left !important; width: 30%; }
body.mv .mv-today-aging thead th { color: var(--mv-slate) !important; font-size: 12px !important; font-weight: 600 !important; background: #F8FAFB !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .mv-today-aging tbody tr:first-child td { color: var(--mv-ink) !important; font-size: 20px !important; font-weight: 700 !important; padding-top: 14px !important; }
body.mv .mv-today-aging tbody td:first-child { color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; }
body.mv .mv-today-aging tbody tr + tr td { color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 500 !important; padding-bottom: 14px !important; }
body.mv .mv-today-aging tbody tr + tr { background: transparent !important; }
/* unpaid balance tables: 2 x 2 */
body.mv .mv-today-unpaid > .WidgetMainContent { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.mv .mv-today-unpaid > .WidgetMainContent > div { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; float: none !important; width: auto !important; margin: 0 0 16px !important; }
body.mv .mv-today-unpaid :is(.divSettingsleft, .divSettingsright) { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
body.mv .mv-today-unpaid .widgetSettings { margin: 0 !important; height: 100%; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 12px !important; overflow: hidden; }
body.mv .mv-today-unpaid .widgetTitleSettings { display: flex !important; align-items: center; height: auto !important; min-height: 0 !important; padding: 14px 16px 12px !important; background: var(--mv-surface) !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .mv-today-unpaid .widgetTitleSettings span { margin: 0 !important; color: var(--mv-ink) !important; font-size: var(--mv-fs-14) !important; font-weight: 700 !important; }
body.mv .mv-today-unpaid .WidgetMainContentSetting { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.mv .mv-today-unpaid .Grid1 { height: auto !important; max-height: 260px; min-height: 0; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.mv .mv-today-unpaid table { width: 100% !important; margin: 0 !important; }
body.mv .mv-today-unpaid :is(th, td) { padding: 9px 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; font-size: 13px !important; }
body.mv .mv-today-unpaid th { color: var(--mv-slate) !important; font-weight: 600 !important; background: #F8FAFB !important; font-size: 12px !important; }
body.mv .mv-today-unpaid td { font-variant-numeric: tabular-nums; }
body.mv .mv-today-unpaid :is(td, th):first-child { color: var(--mv-slate); text-align: left !important; width: 36px; }
body.mv .mv-today-unpaid td span[onclick] { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 7px; color: var(--mv-slate); }
body.mv .mv-today-unpaid td span[onclick]:hover { background: var(--mv-mist); color: var(--mv-teal-700); }
@media (max-width: 1100px) { body.mv .mv-today-unpaid > .WidgetMainContent > div { grid-template-columns: minmax(0, 1fr); } }
/* Today: all five aging cards share one grid (the fragment splits them over #Claims and #Ptl) */
body.mv .mv-today-aging > .WidgetContent { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
body.mv .mv-today-aging :is(#Claims, #Ptl) { display: contents !important; }
body.mv .mv-today-aging .summary_table .WidgetMainContent, body.mv .mv-today-aging .summary_table .Grid { height: auto !important; min-height: 0 !important; overflow: visible !important; }
body.mv .mv-today-aging tbody tr td:not(.align_right) { color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; }
/* an unpaid table with no rows says so */
body.mv .mv-today-unpaid .Grid1:not(:has(tbody tr)) { position: relative; }
body.mv .mv-today-unpaid .Grid1:not(:has(tbody tr))::after { content: "No unpaid charges here."; display: block; padding: 18px 16px; color: var(--mv-slate); font-size: 13px; }
body.mv .mv-today-aging .WidgetTitle > span.color_black { flex: 1 1 calc(100% - 50px) !important; }
body.mv .mv-today-aging .WidgetTitle > .mv-today-seg { flex: 0 0 auto !important; }
body.mv .mv-today-aging :is(th, td):first-child { width: 22% !important; }
body.mv .mv-today-aging :is(th, td) { padding-left: 10px !important; padding-right: 14px !important; }
body.mv .mv-today-aging :is(th, td):first-child { padding-left: 16px !important; }
body.mv .mv-today-aging .summary_table { border: 0 !important; background: transparent !important; box-shadow: none !important; }

/* =============================================================================
   Report fragments (EMR/Reports/*): toolbar, export, paging, grid
   ============================================================================= */
body.mv .WidgetReport { margin: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; }
body.mv .pagerReport {
    display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 14px; height: auto !important; min-height: 56px; margin: 0 !important; padding: 10px 14px !important;
    background: var(--mv-surface) !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; float: none !important; width: auto !important; box-sizing: border-box;
}
body.mv .pagerReport > * { float: none !important; margin: 0 !important; }
body.mv .pagerReport .PageEntries { display: inline-flex !important; align-items: center; gap: 6px; color: var(--mv-slate); font-size: 13px; width: auto !important; }
body.mv .pagerReport .PageEntries > span { float: none !important; margin: 0 !important; display: inline-flex; align-items: center; }
body.mv .pagerReport .PageEntries select { margin: 0 !important; height: 34px; width: 76px !important; }
body.mv .pagerReport .PageButtonsReports { display: inline-flex !important; align-items: center; width: auto !important; order: 3; margin-left: auto !important; }
body.mv .pagerReport .PageButtonsReports ul { float: none !important; margin: 0 !important; padding: 0 !important; display: flex; align-items: center; gap: 4px; }
body.mv .pagerReport .PageButtonsReports li { float: none !important; list-style: none; display: inline-flex; align-items: center; gap: 6px; color: var(--mv-slate); font-size: 13px; }
body.mv .pagerReport .PageButtonsReports input[type="text"] { width: 52px !important; height: 32px !important; min-height: 32px !important; padding: 0 6px !important; text-align: center; margin: 0 4px !important; }
body.mv .pagerReport .report-tools { display: inline-flex !important; align-items: center; order: 2; width: auto !important; }
body.mv .pagerReport .report-tools table, body.mv .pagerReport .report-tools tr { display: flex !important; align-items: center; gap: 6px; margin: 0 !important; border: 0 !important; background: transparent !important; }
body.mv .pagerReport .report-tools td { display: inline-flex !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.mv .pagerReport .report-export-wrapper { position: relative; display: inline-flex; float: none !important; }
body.mv .pagerReport .custom-export-drop-down { position: absolute; inset: 0; width: 100% !important; height: 100% !important; opacity: 0; cursor: pointer; z-index: 2; margin: 0 !important; }
body.mv .pagerReport :is(.custom-export-icon, .report-tool-icon) {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; height: 34px; padding: 0 12px; border: 1px solid var(--mv-line-strong); border-radius: 8px;
    background: var(--mv-surface); color: var(--mv-ink) !important; font-size: 13px; font-weight: 600; text-decoration: none !important;
}
body.mv .pagerReport :is(.custom-export-icon, .report-tool-icon) > :is(img, span) { display: none !important; }
body.mv .pagerReport .custom-export-icon::before { content: "Export"; order: 2; }
body.mv .pagerReport .custom-export-icon::after, body.mv .pagerReport .report-print-icon::after {
    content: ""; order: 1; width: 15px; height: 15px; background-color: currentColor;
    -webkit-mask: var(--mv-rt-ic) center / contain no-repeat; mask: var(--mv-rt-ic) center / contain no-repeat;
}
body.mv .pagerReport .custom-export-icon { --mv-rt-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/download.svg"); }
body.mv .pagerReport .report-print-icon { --mv-rt-ic: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/printer.svg"); }
body.mv .pagerReport .report-print-icon::before { content: "Print"; order: 2; }
body.mv .pagerReport .report-tool-icon[style*="display: none"], body.mv .pagerReport .report-tool-icon[style*="display:none"] { display: none !important; }
body.mv .pagerReport td:has(> .report-tool-icon[style*="display: none"]) { display: none !important; }
body.mv .pagerReport .report-export-wrapper:hover .custom-export-icon, body.mv .pagerReport .report-tool-icon:hover { background: var(--mv-mist); }
body.mv .WidgetReportContent { float: none !important; width: auto !important; }
body.mv .ReportGrid { margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.mv .ReportGrid table { width: 100% !important; border-collapse: collapse !important; margin: 0 !important; border: 0 !important; }
body.mv .ReportGrid :is(th, td) { padding: 9px 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; text-align: left; font-size: 13px !important; vertical-align: top; }
body.mv .ReportGrid th { background: #F8FAFB !important; color: var(--mv-slate) !important; font-weight: 600 !important; white-space: nowrap; vertical-align: middle; }
body.mv .ReportGrid th .report-column-title { color: inherit !important; }
body.mv .ReportGrid tbody tr:hover td { background: #FBFCFD; }
body.mv .pagerReport .custom-export-icon { position: static !important; float: none !important; margin: 0 !important; left: auto !important; top: auto !important; }
body.mv .pagerReport .report-export-wrapper { width: auto !important; height: auto !important; margin: 0 !important; }
body.mv .pagerReport .report-tool-icon { position: static !important; float: none !important; margin: 0 !important; }
body.mv .ReportGrid th { white-space: nowrap !important; }
body.mv .ReportGrid th .filterIcon { display: inline-flex !important; float: none !important; position: static !important; margin: 0 0 0 4px !important; vertical-align: middle; min-width: 20px; min-height: 20px; }
body.mv .ReportGrid th .report-column-title { display: inline !important; float: none !important; vertical-align: middle; }
body.mv .pagerReport :is(.custom-export-icon, .report-print-icon)::after { width: 15px !important; height: 15px !important; flex: 0 0 15px; display: block !important; }
body.mv .pagerReport .report-tools td:empty, body.mv .pagerReport .report-tools td:not(:has(*)) { display: none !important; }
body.mv .pagerReport :is(.custom-export-icon, .report-tool-icon) { width: auto !important; min-width: 0 !important; }

/* =============================================================================
   Scheduler (EMR/Scheduler.aspx): filter rail + jquery.weekcalendar theme
   ============================================================================= */
body.mv #divSchedular { float: none !important; width: 100% !important; margin-top: 20px; }
body.mv #divSchedular > table { width: 100% !important; border-collapse: separate !important; border-spacing: 0; }
body.mv #divSchedular > table > tbody > tr > td { padding: 0 !important; border: 0 !important; background: transparent !important; vertical-align: top; }
body.mv td.mv-sched-side { width: 260px !important; min-width: 260px; padding-right: 16px !important; }
body.mv #divAppointmentLeftMain { margin: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; overflow: hidden; box-shadow: none !important; }
body.mv #divAppointmentLeftMain .fixed-link-title {
    display: flex; align-items: center; justify-content: space-between; gap: 8px; height: auto !important; padding: 14px 16px !important; margin: 0 !important;
    background: var(--mv-surface) !important; background-image: none !important; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important;
}
body.mv #spnTotalAppointments { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 999px; background: var(--mv-teal-50); color: var(--mv-teal-700) !important; font-size: 12px !important; font-weight: 700 !important; }
body.mv #spnTotalAppointments:empty { display: none; }
body.mv #divAppointmentLeftMainContents { width: auto !important; padding: 6px 16px 16px !important; box-sizing: border-box; background: transparent !important; }
body.mv #calendar_selection { background: transparent !important; border: 0 !important; }
body.mv #calendar_selection .calendar-selection-inner { margin: 12px 0 0 !important; padding: 0 !important; float: none !important; width: auto !important; }
body.mv #calendar_selection .calendar-selection-inner h3 { margin: 0 0 6px !important; padding: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; background: none !important; border: 0 !important; }
body.mv #calendar_selection :is(select, input[type="text"]) { width: 100% !important; height: 38px !important; box-sizing: border-box; margin: 0 !important; }
body.mv #calendar_selection .dropdownMenuMultiCheckMainWrapper > div[onclick] { height: 38px !important; display: flex; align-items: center; padding: 0 34px 0 12px; box-sizing: border-box; cursor: pointer; }
body.mv #calendar_selection .custom-drop-down-label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mv-ink); font-size: 14px; background: none !important; }
body.mv #divServiceProvidersDropDown { top: 42px !important; z-index: 50; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28); overflow: hidden; }
body.mv #divServiceProvidersDropDown .divMultiCheckInsideDropdown label { display: flex; align-items: center; gap: 8px; padding: 8px 12px; margin: 0; cursor: pointer; font-size: 13.5px; }
body.mv #divServiceProvidersDropDown .divMultiCheckInsideDropdown label:hover { background: var(--mv-mist); }
body.mv #divServiceProvidersDropDown .divBottom { display: flex; justify-content: flex-end; padding: 8px 12px; border-top: 1px solid var(--mv-line); }
body.mv #calendar_selection .datepickerContainer { position: relative; }
body.mv #calendar_selection .datepickerContainer input { background-color: var(--mv-surface) !important; color: var(--mv-ink) !important; cursor: pointer; }
body.mv #calendar_selection .calendar-selection-inner:has(> .appointment-legend-div > ul:empty) { display: none; }
body.mv #calendar_selection .ul-legends { margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 4px; }
body.mv #calendar_selection .ul-legends li { list-style: none; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mv-text); }
/* calendar container */
body.mv #calendar .wc-container { border: 1px solid var(--mv-line) !important; border-radius: 12px; overflow: hidden; background: var(--mv-surface) !important; font-family: inherit; }
body.mv #calendar .wc-toolbar {
    display: flex; align-items: center; gap: 12px; height: auto !important; padding: 10px 12px !important; background: var(--mv-surface) !important; background-image: none !important;
    border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important;
}
body.mv #calendar .wc-toolbar .wc-nav { order: 1; float: none !important; display: inline-flex; gap: 4px; margin: 0 !important; }
body.mv #calendar .wc-toolbar .wc-title { order: 2; flex: 1 1 auto; float: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; color: var(--mv-ink) !important; font-size: 17px !important; font-weight: 700 !important; height: auto !important; line-height: 1.3 !important; }
body.mv #calendar .wc-toolbar .wc-display { order: 3; float: none !important; display: inline-flex; padding: 3px; gap: 2px; margin: 0 !important; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 9px; }
body.mv #calendar .wc-toolbar .ui-button {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; height: 34px; min-width: 34px; margin: 0 !important; padding: 0 10px !important;
    background: var(--mv-surface) !important; background-image: none !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important;
}
body.mv #calendar .wc-toolbar .ui-button:hover { background: var(--mv-mist) !important; }
body.mv #calendar .wc-toolbar .ui-button .ui-button-text { padding: 0 !important; line-height: 1 !important; font-size: 13px !important; }
body.mv #calendar .wc-toolbar :is(.wc-prev, .wc-next) .ui-button-text { display: none !important; }
body.mv #calendar .wc-toolbar .ui-button .ui-icon { position: static !important; margin: 0 !important; width: 16px !important; height: 16px !important; background: currentColor !important; text-indent: 0; overflow: hidden; }
body.mv #calendar .wc-toolbar .ui-icon-seek-prev { -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-left.svg") center / 14px no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-left.svg") center / 14px no-repeat; }
body.mv #calendar .wc-toolbar .ui-icon-seek-next { -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-right.svg") center / 14px no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-right.svg") center / 14px no-repeat; }
body.mv #calendar .wc-toolbar .ui-icon-home { -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar-event.svg") center / 14px no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar-event.svg") center / 14px no-repeat; }
body.mv #calendar .wc-toolbar .wc-display .ui-button { height: 28px; border: 0 !important; background: transparent !important; color: var(--mv-slate) !important; }
body.mv #calendar .wc-toolbar .wc-display .ui-button.ui-state-active { background: var(--mv-surface) !important; color: var(--mv-ink) !important; box-shadow: 0 1px 2px rgba(11,37,69,.14) !important; }
/* day header */
body.mv #calendar .wc-header { background: var(--mv-surface) !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv #calendar .wc-header table { border-collapse: collapse; }
body.mv #calendar .wc-header :is(td, th) { background: var(--mv-surface) !important; background-image: none !important; border-color: var(--mv-line) !important; color: var(--mv-ink) !important; font-size: 13px; font-weight: 600; padding: 8px 6px !important; }
body.mv #calendar .wc-header .wc-today { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }
body.mv #calendar .wc-header .wc-user-header { color: var(--mv-slate) !important; font-weight: 500; font-size: 12.5px; }
/* grid */
body.mv #calendar .wc-scrollable-grid { background: var(--mv-surface) !important; }
body.mv #calendar .wc-time-slots { border-collapse: collapse; }
body.mv #calendar .wc-grid-timeslot-header, body.mv #calendar .wc-time-header-cell { background: var(--mv-surface) !important; color: var(--mv-slate) !important; font-size: 12px !important; font-weight: 600; border-color: var(--mv-line) !important; }
body.mv #calendar .wc-time-slot { border-bottom: 1px dashed #EEF1F4 !important; }
body.mv #calendar .wc-hour-end { border-bottom: 1px solid var(--mv-line) !important; }
body.mv #calendar .wc-day-column { border-color: var(--mv-line) !important; }
body.mv #calendar .wc-day-column-inner, body.mv #calendar .wc-full-height-column { background: transparent !important; }
body.mv #calendar .wc-business-hours { background: transparent !important; }
body.mv #calendar .free-busy-busy { background: repeating-linear-gradient(135deg, #F4F6F8 0 6px, #EEF1F4 6px 12px) !important; opacity: 1 !important; }
body.mv #calendar .wc-cal-event { border-radius: 8px !important; border: 0 !important; box-shadow: 0 1px 2px rgba(11,37,69,.18) !important; overflow: hidden; }
/* refill requests notice */
body.mv [id$="divRefillRequests"] { border: 1px solid var(--mv-line) !important; border-radius: 12px !important; background: var(--mv-surface) !important; box-shadow: 0 16px 36px -16px rgba(11,37,69,.35) !important; overflow: hidden; padding: 0 !important; }
/* only show the refill notice when there are requests */
body.mv #divRefillRequests:not(:has(tbody tr)) { display: none !important; }
body.mv #divRefillRequests > div > div:first-child { display: flex; align-items: center; justify-content: space-between; height: auto !important; margin: 0 !important; padding: 12px 14px !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line); border-radius: 0 !important; color: var(--mv-ink) !important; font-size: 14px; }
body.mv #divRefillRequests > div > div:first-child > span { float: none !important; }
body.mv #divRefillRequests .Grid { width: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.mv #divSchedular > table { table-layout: fixed; }
body.mv #divSchedular #calendar, body.mv #divSchedular #calendar .wc-container { max-width: 100%; overflow: hidden; }
body.mv #divSchedular #calendar .wc-scrollable-grid { width: 100% !important; }
body.mv #divSchedular #calendar :is(.wc-header table, .wc-time-slots) { width: 100% !important; table-layout: fixed; }
body.mv #divSchedular #calendar .wc-container { overflow-x: hidden !important; }
body.mv #divSchedular #calendar :is(.wc-grid-timeslot-header, .wc-time-column-header) { width: 70px !important; }
body.mv #divSchedular #calendar .wc-header table { width: 100% !important; table-layout: fixed !important; }
body.mv #divSchedular #calendar .wc-header :is(td, th):not(.wc-time-column-header):not(.wc-scrollbar-shim) { width: auto !important; }
body.mv #divSchedular #calendar .wc-header { width: 100% !important; margin-top: 0 !important; }
body.mv #divSchedular #calendar .wc-toolbar { position: relative !important; width: auto !important; top: auto !important; left: auto !important; z-index: 2; }
body.mv #divSchedular #calendar .wc-time-header-cell { padding: 4px 10px 0 0 !important; text-align: right; white-space: nowrap; font-size: 12px !important; }
/* inline labelled filter in a list header */
body.mv .mv-field-inline { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; color: var(--mv-slate); font-size: 13px; font-weight: 500; }
body.mv .mv-field-inline select { height: 36px; min-width: 180px; margin: 0 !important; }
body.mv #AppointmentsContainer { float: none !important; width: auto !important; margin: 0 !important; }

/* =============================================================================
   Labelled filter bar (Audit log and other report pages)
   ============================================================================= */
body.mv .mv-filterbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 14px; margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--mv-line); background: var(--mv-surface); }
body.mv .mv-filterbar-field { position: relative; display: flex; flex-direction: column; gap: 6px; flex: 1 1 150px; min-width: 0; }
body.mv .mv-filterbar-field.mv-filterbar-wide { flex: 2 1 240px; }
body.mv .mv-filterbar-field label { margin: 0 !important; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
body.mv .mv-filterbar-field :is(input[type="text"], select) { width: 100% !important; height: 38px !important; margin: 0 !important; box-sizing: border-box; float: none !important; }
body.mv .mv-filterbar-actions { display: flex; gap: 8px; flex: 0 0 auto; }
html body.mv .mv-filterbar-actions input.mv-filterbar-go { height: 38px !important; padding: 0 20px !important; margin: 0 !important; background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; border-radius: 9px !important; font-weight: 600; }
html body.mv .mv-filterbar-actions input.mv-filterbar-go:hover { background: var(--mv-teal-700) !important; }
/* audit log grid inside the card */
body.mv #AuditContainer { border: 0 !important; padding: 0 !important; margin: 0 !important; }
body.mv #AuditContainer #AuditContainer { padding: 0 !important; }
body.mv #AuditContainer .width_100.float_left { float: none !important; width: auto !important; padding: 0 !important; }
body.mv #AuditContainer .Grid { margin: 0 !important; border: 0 !important; border-radius: 0 0 12px 12px !important; }
body.mv #AuditContainer .Grid > div[class*="h_325px"] { height: auto !important; max-height: 520px; border: 0 !important; }
/* audit log: full-width card, padded filter bar, user picker as a popover under its field */
body.mv .page-content > .Widget:has(> #AuditContainer) { width: auto !important; max-width: none !important; }
body.mv #AuditContainer > .mv-filterbar { padding: 14px 16px !important; }
body.mv .mv-filterbar-field .hdnDropdown { position: absolute; top: 100%; left: 0; z-index: 1000; }
body.mv .mv-filterbar-field .divPractices {
    position: static !important; margin: 4px 0 0 !important; width: 300px !important; max-width: none !important; padding: 0 !important; flex: none; float: none !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28) !important; overflow: hidden;
}
body.mv .mv-filterbar-field .divPractices > div[style*="overflow-y"] { height: auto !important; max-height: 260px; }
body.mv .mv-filterbar-field .divPractices table { width: 100% !important; margin: 0 !important; }
body.mv .mv-filterbar-field .divPractices :is(td, th) { padding: 7px 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; vertical-align: middle; font-size: 13px; }
body.mv .mv-filterbar-field .divPractices thead td { color: var(--mv-slate); font-weight: 600; background: #F8FAFB; }
body.mv .mv-filterbar-field .divPractices td:first-child { width: 34px; }
body.mv .mv-filterbar-field .divPractices tbody tr:hover td { background: var(--mv-mist); }
body.mv .mv-filterbar-field .divPractices thead i { display: inline-flex; cursor: pointer; }
body.mv .mv-filterbar-field .divPractices thead i img { padding: 0 !important; margin: 0 !important; }
body.mv .mv-filterbar-field .divPractices > div:not([style*="overflow-y"]) { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--mv-line); }
body.mv .page-content > .Widget:has(> #AuditContainer) { overflow: visible !important; width: 100% !important; box-sizing: border-box; }
body.mv .page-content:has(> .Widget > #AuditContainer) { width: auto !important; max-width: none !important; }
body.mv .mv-filterbar-field input#txtUserFilter { background: var(--mv-surface) url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") right 12px center / 12px no-repeat !important; color: var(--mv-ink) !important; padding-right: 32px !important; cursor: pointer; }
body.mv .page-content:has(> .Widget > #AuditContainer), body.mv .page-content > .Widget:has(> #AuditContainer) { float: none !important; }
/* PTL logs: the grid sits flush in its card instead of a second card inside it */
body.mv :is(#PatientPTLGrid, #ClaimPTLGrid, [id$="PTLGrid"]) { padding: 0 !important; border: 0 !important; }
body.mv :is(#PatientPTLGrid, #ClaimPTLGrid, [id$="PTLGrid"]) > .width_99 { float: none !important; width: auto !important; margin: 0 !important; }
body.mv :is(#PatientPTLGrid, #ClaimPTLGrid, [id$="PTLGrid"]) .Grid { margin: 0 !important; border: 0 !important; border-radius: 0 0 12px 12px !important; box-shadow: none !important; }
body.mv :is(#PatientPTLGrid, #ClaimPTLGrid, [id$="PTLGrid"]) .Grid > .scroll { height: auto !important; max-height: 360px; }
body.mv :is(#PatientPTLGrid, #ClaimPTLGrid, [id$="PTLGrid"]) thead :is(input[type="text"], select) { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
body.mv #divPTLGridClaim thead :is(input[type="text"], select) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
body.mv #divPTLGridClaim thead tr > :last-child { width: 150px; min-width: 150px; }
body.mv #divPTLGridClaim .Grid > div { overflow: visible !important; }
body.mv #divPTLGridClaim thead tr > :last-child { padding-right: 14px !important; } body.mv #divPTLGridClaim thead tr > :last-child select { width: calc(100% - 4px) !important; }
body.mv #divPTLGridClaim th { white-space: normal !important; }
body.mv #divPTLGridClaim .Grid table { border: 0 !important; box-sizing: border-box; }
body.mv #divPTLGridClaim thead .dropdownMenuMultiCheckMainWrapper { position: relative !important; margin-top: 0 !important; width: 100% !important; }

/* =============================================================================
   Multi-check dropdown (.dropdownMenuMultiCheck): PTL reasons, scheduler providers, others
   ============================================================================= */
body.mv .dropdownMenuMultiCheck {
    min-width: 240px; max-width: 320px; z-index: 1000 !important; padding: 0 !important; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important;
    box-shadow: 0 12px 28px -12px rgba(11,37,69,.28) !important; overflow: hidden;
}
body.mv th:last-child .dropdownMenuMultiCheck, body.mv td:last-child .dropdownMenuMultiCheck { right: 0; left: auto !important; }
body.mv .dropdownMenuMultiCheck .div-drop-down { height: auto !important; max-height: 260px; overflow-y: auto; padding: 4px 0 !important; }
body.mv .dropdownMenuMultiCheck ul { margin: 0 !important; padding: 0 !important; list-style: none; }
body.mv .dropdownMenuMultiCheck li { list-style: none; margin: 0 !important; padding: 0 !important; }
body.mv .dropdownMenuMultiCheck :is(li, .divMultiCheckInsideDropdown) > label {
    display: flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 7px 12px !important; cursor: pointer;
    color: var(--mv-ink); font-size: 13px; font-weight: 400; line-height: 1.35; white-space: normal; text-align: left;
}
body.mv .dropdownMenuMultiCheck :is(li, .divMultiCheckInsideDropdown) > label:hover { background: var(--mv-mist); }
body.mv .dropdownMenuMultiCheck input[type="checkbox"] { flex: 0 0 16px; width: 16px !important; height: 16px !important; min-height: 16px !important; margin: 0 !important; padding: 0 !important; }
body.mv .dropdownMenuMultiCheck .divBottom { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 12px !important; border-top: 1px solid var(--mv-line); background: var(--mv-surface); }
body.mv .dropdownMenuMultiCheck .divBottom input[type="button"] { height: 32px !important; min-width: 64px; margin: 0 !important; font-size: 13px !important; }
html body.mv .dropdownMenuMultiCheck input[type="checkbox"] { width: 16px !important; min-width: 16px !important; max-width: 16px !important; flex: 0 0 16px !important; }

/* =============================================================================
   Reports (EMR/ReportsNew/ReportsMasterPage.aspx): catalog rail + tabbed report view
   ============================================================================= */
body.mv .DivReportParent > .container {
    display: grid !important; grid-template-columns: 260px minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 12px 16px; align-items: start;
    width: auto !important; max-width: none !important; margin: 20px 0 32px !important; padding: 0 !important;
}
/* catalog */
body.mv .div_leftReportList {
    grid-column: 1; grid-row: 1 / span 2; position: sticky !important; top: 12px; float: none !important; width: auto !important; height: auto !important; max-height: calc(100vh - 120px);
    margin: 0 !important; padding: 0 0 8px !important; overflow-y: auto; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 12px; color: var(--mv-ink) !important;
}
body.mv .div_leftReportList > i.fa { display: none !important; }
body.mv #ReportsTag { display: block !important; width: auto !important; height: auto !important; padding: 14px 16px 6px !important; margin: 0 !important; background: transparent !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0; text-transform: none; }
body.mv .div_leftReportList > div:first-of-type { position: relative; display: block; padding: 6px 12px 8px; }
body.mv .div_leftReportList > div:first-of-type > span.width_80 { float: none !important; display: block; width: auto !important; margin: 0 !important; }
body.mv #txtSearchReport {
    width: 100% !important; height: 36px !important; margin: 0 !important; padding: 0 34px 0 12px !important; box-sizing: border-box; color: var(--mv-ink) !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important;
}
body.mv .div_leftReportList > div:first-of-type > span.float_right1 { position: absolute; right: 22px; top: 16px; float: none !important; margin: 0 !important; cursor: pointer; }
body.mv #divSearchReports { position: absolute; left: 12px; right: 12px; top: calc(100% + 4px); width: auto !important; margin: 0 !important; z-index: 20; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28); }
body.mv .div_leftReportList > table { width: 100% !important; margin: 4px 0 0 !important; border-collapse: collapse; }
body.mv .div_leftReportList tr { background: transparent !important; border: 0 !important; }
body.mv .div_leftReportList td.bgcolordiv1 {
    display: table-cell; padding: 9px 16px !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; cursor: pointer;
    color: var(--mv-ink) !important; font-weight: 600 !important;
}
body.mv .div_leftReportList td.bgcolordiv1:hover { background: var(--mv-mist) !important; }
body.mv .div_leftReportList td.bgcolordiv1 .ReportsCategoryHeader { color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 600 !important; }
body.mv .div_leftReportList td.bgcolordiv1 .float_right1 { color: var(--mv-slate) !important; padding: 2px 0 0 !important; }
body.mv .div_leftReportList td.nametd { padding: 6px 16px 6px 28px !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
body.mv .div_leftReportList td.nametd > span:first-child { display: none; }
body.mv .div_leftReportList .lblReportName { color: var(--mv-slate) !important; font-size: 13px !important; cursor: pointer; }
body.mv .div_leftReportList tr:hover > td.nametd .lblReportName { color: var(--mv-teal-700) !important; }
/* tabs + export + filter */
body.mv .ReportTiles {
    grid-column: 2; grid-row: 1; display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; position: static !important; float: none !important;
    width: auto !important; height: auto !important; min-height: 38px; margin: 0 !important; padding: 0 !important; background: transparent !important;
}
body.mv .ReportTiles .widgetsReportTiles {
    display: inline-flex !important; align-items: center; gap: 8px; height: 34px; padding: 0 8px 0 12px !important; margin: 0 !important; float: none !important; width: auto !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; color: var(--mv-ink) !important; font-size: 13px; font-weight: 600; cursor: pointer;
}
body.mv .ReportTiles .widgetsReportTiles .reportType { color: inherit !important; }
body.mv .ReportTiles .widgetsReportTiles .reportcloseicon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 5px; color: var(--mv-slate) !important; font-size: 0 !important; }
body.mv .ReportTiles .widgetsReportTiles .reportcloseicon::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg") center / contain no-repeat; }
body.mv .ReportTiles .widgetsReportTiles .reportcloseicon:hover { background: var(--mv-bad-50); color: var(--mv-bad) !important; }
body.mv .ReportTiles .widgetsReportTiles:is(.active, .selected, [style*="background"]) { background: var(--mv-teal-50) !important; border-color: var(--mv-teal) !important; color: var(--mv-teal-700) !important; }
body.mv .ReportTiles .report-export { order: 10; margin-left: auto !important; float: none !important; position: static !important; display: inline-flex; }
body.mv .ReportTiles .report-export > span { float: none !important; margin: 0 !important; }
body.mv .ReportTiles #ddlExportTo { height: 34px !important; width: 140px !important; margin: 0 !important; }
body.mv #ReportFilterId {
    order: 9; display: inline-flex !important; align-items: center; height: 34px !important; padding: 0 12px !important; margin: 0 !important; box-sizing: border-box; cursor: pointer;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong); border-radius: 8px !important; color: var(--mv-ink) !important; font-weight: 600 !important; font-size: 13px;
}
body.mv #ReportFilterId i { color: var(--mv-slate); margin-right: 6px; }
/* report body */
body.mv .div_RightReportShow {
    grid-column: 2; grid-row: 2; position: static !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden;
}
body.mv .div_RightReportShow #Maindiv { width: auto !important; margin: 0 !important; padding: 0 !important; }
body.mv .div_RightReportShow .Report_Body { width: auto !important; height: auto !important; min-height: 320px; margin: 0 !important; border: 0 !important; }
body.mv .div_RightReportShow .Report_Body:has(tbody tr td) { min-height: 0; }
body.mv .div_RightReportShow .report_message { width: auto !important; margin: 0 !important; padding: 10px 16px !important; color: var(--mv-slate); font-size: 13px; border-top: 1px solid var(--mv-line); }
body.mv .div_RightReportShow .Report_Footer {
    position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 10px 16px !important;
    background: var(--mv-surface) !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important;
}
body.mv .div_RightReportShow .Pagination_div { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; width: auto !important; height: auto !important; margin: 0 !important; background: transparent !important; }
body.mv .div_RightReportShow .PageButton { display: inline-flex !important; flex-direction: row-reverse; align-items: center; gap: 6px; float: none !important; margin: 0 !important; }
body.mv .div_RightReportShow .PageButton .Report_Footer_child {
    display: inline-flex !important; align-items: center; justify-content: center; width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; color: var(--mv-ink) !important; cursor: pointer;
}
body.mv .div_RightReportShow .PageButton .Report_Footer_child:hover { background: var(--mv-mist) !important; }
body.mv .div_RightReportShow .PageButton .txt_page_Number { width: 40px !important; height: 34px !important; margin: 0 6px !important; text-align: center; }
body.mv .div_RightReportShow .Report_Header, body.mv .div_RightReportShow .Reports_Rows_Per_Page { display: inline-flex !important; align-items: center; gap: 6px; float: none !important; width: auto !important; margin: 0 !important; background: transparent !important; color: var(--mv-slate); font-size: 13px; }
body.mv .div_RightReportShow .Reports_Rows_Per_Page > span { float: none !important; margin: 0 !important; padding: 0 !important; display: inline-flex; align-items: center; }
body.mv .div_RightReportShow #ddlPaging { width: 76px !important; height: 34px !important; margin: 0 !important; }
body.mv .div_leftReportList > div > span.float_right1 { display: none !important; }
body.mv #txtSearchReport { padding-left: 34px !important; padding-right: 12px !important; background: var(--mv-surface) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%235B6B7F%27 stroke-width=%271.5%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%277%27 cy=%277%27 r=%274.3%27/%3E%3Cpath d=%27m13.5 13.5-3.4-3.4%27/%3E%3C/svg%3E") 11px center / 15px no-repeat !important; }
body.mv .div_leftReportList td.nametd i, body.mv .div_leftReportList td.nametd > span:has(> i) { display: none !important; }
body.mv .div_leftReportList td.nametd { padding-left: 32px !important; }
body.mv .ReportTiles .widgetsReportTiles .reportcloseicon { position: static !important; float: none !important; margin: 0 !important; }
body.mv .div_RightReportShow .Pagination_div { width: 100% !important; gap: 12px; }
body.mv .div_RightReportShow .report_message .totalRows { float: none !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
body.mv .div_RightReportShow .report_message { display: flex; align-items: center; gap: 12px; }
html body.mv .div_leftReportList td.nametd .lblReportName { display: block; padding: 2px 0 2px 20px !important; margin: 0 !important; }
html body.mv .div_RightReportShow .report_message { background: transparent !important; }
html body.mv .div_RightReportShow .report_message .message:empty { display: none !important; }
html body.mv .div_RightReportShow .Pagination_div { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
html body.mv .div_RightReportShow .Pagination_div > .Report_Header { order: 1; }
html body.mv .div_RightReportShow .Pagination_div > .PageButton { order: 2; margin-left: auto !important; }
html body.mv .div_RightReportShow .Report_Footer { display: block !important; float: none !important; width: auto !important; max-width: none !important; box-sizing: border-box; }

/* =============================================================================
   Report filter dialogs (EMR/ReportsNew/filter/*): header, label/field rows, fake selects, time span
   ============================================================================= */
/* header: report name as the title, "Report criteria" as its caption */
body.mv .ui-dialog .divReportName:not([style*="display:none"]):not([style*="display: none"]):is(.positionfix, :has(> span)) {
    display: flex !important; flex-direction: column-reverse; align-items: flex-start; gap: 2px; position: static !important;
    width: auto !important; height: auto !important; margin: 0 0 14px !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--mv-line); background: transparent !important; text-align: left !important;
}
body.mv .ui-dialog .divReportName > span { float: none !important; margin: 0 !important; padding: 0 !important; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 500 !important; }
body.mv .ui-dialog .divReportName > span:last-child { color: var(--mv-ink) !important; font-size: 17px !important; font-weight: 700 !important; }
body.mv .ui-dialog:has(.divDialogReportFilterBoxInnerHeader) .ui-dialog-title:empty { display: none; }
/* label + field rows */
body.mv .ui-dialog .divBranchName {
    display: grid !important; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 12px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important;
}
body.mv .ui-dialog .divBranchName > .spnBranchName { float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; }
body.mv .ui-dialog .divBranchName > .BranceInput { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: relative; }
body.mv .ui-dialog [id^="div"][style*="padding-bottom"]:has(> .divBranchName) { padding-bottom: 12px !important; margin: 0 !important; }
body.mv .ui-dialog .BranceInput :is(select, input[type="text"]) { width: 100% !important; height: 38px !important; min-height: 38px; margin: 0 !important; box-sizing: border-box; float: none !important; }
/* fake select used for multi-pick lists */
body.mv .ui-dialog .reportdropdown { position: relative; margin: 0 !important; width: 100% !important; float: none !important; }
body.mv .ui-dialog .reportdropdown > :is(a, div[onclick]) {
    display: flex !important; align-items: center; justify-content: space-between; gap: 8px; height: 38px; padding: 0 12px !important; box-sizing: border-box; cursor: pointer; text-decoration: none !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; color: var(--mv-ink) !important;
}
body.mv .ui-dialog .reportdropdown > :is(a, div[onclick]):hover { border-color: var(--mv-slate) !important; }
body.mv .ui-dialog .reportdropdown .selectedText { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mv-ink) !important; font-size: 14px !important; }
body.mv .ui-dialog .reportdropdown .dropDownIcon { float: none !important; width: 12px !important; height: 12px !important; margin: 0 !important; flex: 0 0 12px; background: var(--mv-slate); -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv .ui-dialog .reportdropdown .dropDownIcon img { display: none !important; }
body.mv .ui-dialog .div-multi-checkboxes-wrapper {
    position: absolute; top: 42px !important; left: 0 !important; width: 100% !important; z-index: 30; box-sizing: border-box; overflow: auto;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28) !important;
}
body.mv .ui-dialog .div-multi-checkboxes-wrapper .ddlselect { margin: 0 !important; padding: 4px 0 !important; }
body.mv .ui-dialog .div-multi-checkboxes-wrapper ul { margin: 0 !important; padding: 0 !important; list-style: none; }
body.mv .ui-dialog .div-multi-checkboxes-wrapper li { float: none !important; width: auto !important; list-style: none; }
body.mv .ui-dialog .div-multi-checkboxes-wrapper label { display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; margin: 0 !important; padding: 7px 12px !important; cursor: pointer; font-size: 13px; color: var(--mv-ink); }
body.mv .ui-dialog .div-multi-checkboxes-wrapper label:hover { background: var(--mv-mist); }
html body.mv .ui-dialog .div-multi-checkboxes-wrapper input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px; margin: 0 !important; flex: 0 0 16px; }
/* time span and other fieldsets */
body.mv .ui-dialog fieldset.divTable { margin: 14px 0 0 !important; padding: 12px 16px 14px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; width: auto !important; box-sizing: border-box; }
body.mv .ui-dialog fieldset.divTable legend { width: auto !important; margin: 0 !important; padding: 0 6px !important; border: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--mv-ink) !important; }
body.mv .ui-dialog fieldset.divTable legend span { font: inherit !important; color: inherit !important; }
body.mv .ui-dialog fieldset.divTable label { display: inline-flex; align-items: center; gap: 8px; font-size: 13px !important; color: var(--mv-ink); }
body.mv .ui-dialog fieldset.divTable input[type="text"] { height: 36px !important; }
body.mv .ui-dialog fieldset.divTable input[type="text"]:disabled { background: #F4F6F8 !important; }
body.mv .ui-dialog .DateRangeMessage { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 8px; background: var(--mv-bad-50); color: var(--mv-bad); font-size: 13px; }
html body.mv .div_leftReportList td.nametd .lblReportName { padding-left: 0 !important; }
html body.mv .div_leftReportList td.nametd { padding-left: 28px !important; }
body.mv .ui-dialog .reportdropdown { border: 0 !important; height: auto !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
body.mv .ui-dialog .reportdropdown .selectedText { position: static !important; height: auto !important; line-height: 1.3; flex: 1 1 auto; }
/* report filters: empty jQuery title bar removed (the report name is the heading) */
body.mv .ui-dialog:has(.divDialogReportFilterBoxInnerHeader) > .ui-dialog-titlebar { display: none !important; }
body.mv .ui-dialog:has(.divDialogReportFilterBoxInnerHeader) > .ui-dialog-content { padding-top: 20px !important; }
/* insurance picker: read-only input + toggle + searchable list */
body.mv .ui-dialog .divBranchName:has(> #MultipleInsurancesTxt) { position: relative; grid-template-rows: auto auto; row-gap: 0; }
body.mv .ui-dialog .divBranchName > #MultipleInsurancesTxt {
    grid-column: 2; grid-row: 1; width: 100% !important; height: 38px !important; padding: 0 34px 0 12px !important; margin: 0 !important; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; color: var(--mv-ink) !important; font-size: 14px !important;
}
body.mv .ui-dialog .divBranchName > #showHideInsuDiv {
    position: absolute !important; top: 0; right: 0; left: 142px; height: 38px; width: auto !important; margin: 0 !important; float: none !important; cursor: pointer; z-index: 2;
    background: transparent !important; -webkit-mask: none; mask: none;
}
body.mv .ui-dialog .divBranchName > #showHideInsuDiv::after {
    content: ""; position: absolute; right: 12px; top: 13px; width: 12px; height: 12px; background: var(--mv-slate);
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat;
}
body.mv .ui-dialog .divBranchName > #showHideInsuDiv img { display: none !important; }
body.mv .ui-dialog .divBranchName:has(> #MultipleInsurancesTxt) > .BranceInput { grid-column: 2; grid-row: 2; }
body.mv .ui-dialog #Div_MultiInsurances {
    position: absolute; left: 0; right: 0; top: 4px; margin: 0 !important; z-index: 30; max-height: 260px; overflow: auto;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28);
}
body.mv .ui-dialog #Div_MultiInsurances ul { margin: 0 !important; padding: 4px 0 !important; list-style: none; }
body.mv .ui-dialog #Div_MultiInsurances li { list-style: none; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.mv .ui-dialog #Div_MultiInsurances li:first-child { padding: 6px 10px !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .ui-dialog #Div_MultiInsurances #searchMultiInsurances { width: 100% !important; height: 34px !important; box-sizing: border-box; margin: 0 !important; }
body.mv .ui-dialog #Div_MultiInsurances label { display: flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 7px 12px !important; cursor: pointer; font-size: 13px; }
body.mv .ui-dialog #Div_MultiInsurances label:hover { background: var(--mv-mist); }
html body.mv .ui-dialog #Div_MultiInsurances input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; flex: 0 0 16px; }
/* searchable report pickers (.reportdropdownNew): read-only input with the toggle over it */
body.mv .ui-dialog .reportdropdownNew { position: relative; margin: 0 !important; width: 100% !important; }
body.mv .ui-dialog .reportdropdownNew > div:first-child { position: relative; }
body.mv .ui-dialog .reportdropdownNew > div:first-child > input.selectedText { width: 100% !important; height: 38px !important; margin: 0 !important; padding: 0 34px 0 12px !important; box-sizing: border-box; background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; color: var(--mv-ink) !important; cursor: pointer; }
body.mv .ui-dialog .reportdropdownNew > div:first-child > .dropDownIconNewSearch { position: absolute !important; inset: 0; width: auto !important; height: 38px !important; margin: 0 !important; float: none !important; cursor: pointer; background: transparent !important; }
body.mv .ui-dialog .reportdropdownNew > div:first-child > .dropDownIconNewSearch::after { content: ""; position: absolute; right: 12px; top: 13px; width: 12px; height: 12px; background: var(--mv-slate); -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv .ui-dialog .reportdropdownNew .dropDownIconNewSearch img { display: none !important; }
body.mv .ui-dialog .reportdropdownNew .div-multi-checkboxes-wrapper { overflow-x: hidden !important; }
/* report time span line */
body.mv .div_RightReportShow .TimeSpan { display: flex; align-items: center; gap: 6px; padding: 10px 16px !important; margin: 0 !important; background: #F8FAFB !important; border-bottom: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 13px; text-align: left !important; }
body.mv .div_RightReportShow .TimeSpan > span:first-child { color: var(--mv-ink) !important; font-weight: 600 !important; }
body.mv .div_RightReportShow .TimeSpan > span:last-child { color: var(--mv-slate) !important; }
body.mv .div_RightReportShow .TimeSpan > span:last-child:empty::before { content: "All dates"; }
/* inline filter bars inside some reports (appointment summary, claim counts) */
body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin: 0 !important; padding: 12px 16px !important; background: #F8FAFB !important; border-bottom: 1px solid var(--mv-line); height: auto !important; width: auto !important; float: none !important; }
body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) > * { float: none !important; margin: 0 !important; }
body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) .lblMargin { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; }
body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) :is(input[type="text"], select) { height: 36px !important; min-height: 36px; width: 170px !important; margin: 0 !important; box-sizing: border-box; }
html body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) input[type="button"] { height: 36px !important; padding: 0 18px !important; background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; border-radius: 8px !important; }
body.mv .div_RightReportShow .report_message .message:not(:empty) { background: transparent !important; padding: 0 !important; color: var(--mv-slate); }
body.mv .ui-dialog .clsDiagnosis table td.leftTd { white-space: nowrap; }
body.mv .ui-dialog .clsDiagnosis table td.leftTd input[type="text"] { display: inline-block; vertical-align: middle; width: calc(100% - 34px) !important; }
body.mv .ui-dialog .clsDiagnosis table td.leftTd .spnRemove { vertical-align: middle; margin-left: 6px; }
html body.mv .div_RightReportShow #filterbtnAppointment, html body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) input[type="button"] { background: var(--mv-teal-600) !important; background-image: none !important; border: 1px solid var(--mv-teal-600) !important; color: #fff !important; height: 36px !important; padding: 0 18px !important; border-radius: 8px !important; }
body.mv .div_RightReportShow :is(.AppointmentSummaryfilter, .ClaimCountASubFilter) :is(input[type="text"], select) { width: 150px !important; }

/* =============================================================================
   RBS (EMR/RBS/RBS.aspx + NewRBSErrorCount fragments): view tabs in the page bar, one-line filter bar
   ============================================================================= */
body.mv .mv-rbstabs { position: fixed; top: 15px; right: 22px; z-index: 9; display: flex; gap: 2px; padding: 3px; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv .mv-rbstabs:not(:has(> .RBSFixed:not([style*="none"]))) { display: none; }
body.mv .mv-rbstabs > .RBSFixed { position: static !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent; border-radius: 7px; }
body.mv .mv-rbstabs > .RBSFixed > a {
    display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px; border-radius: 7px; cursor: pointer; white-space: nowrap;
    color: var(--mv-slate) !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important;
}
body.mv .mv-rbstabs > .RBSFixed > a i { font-size: 15px; line-height: 1; }
body.mv .mv-rbstabs > .RBSFixed > a:hover { color: var(--mv-ink) !important; background: rgba(255,255,255,.7); }
body.mv .mv-rbstabs > .RBSFixed.selectedrbs { background: var(--mv-surface); box-shadow: 0 1px 2px rgba(11,37,69,.12); }
body.mv .mv-rbstabs > .RBSFixed.selectedrbs > a { color: var(--mv-teal-700) !important; }
body.mv .mv-rbstabs > .RBSFixed.selectedrbs > a i { color: var(--mv-teal); }

/* filter bar */
body.mv .mv-rbsbar {
    display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 10px; box-sizing: border-box; width: auto !important;
    margin: 20px 0 16px !important; padding: 12px 16px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: var(--mv-radius);
}
body.mv .mv-rbsbar > :is(span, label, div) { float: none !important; position: static !important; margin: 0 !important; width: auto !important; padding: 0 !important; }
body.mv .mv-rbsbar > span:empty { display: none !important; }
body.mv .mv-rbsbar label.radio-inline { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 14px 0 0 !important; padding: 0 !important; cursor: pointer; }
body.mv .mv-rbsbar label.radio-inline[style*="none"] { display: none !important; }
body.mv .mv-rbsbar label.radio-inline input { margin: 0 !important; }
body.mv .mv-rbsbar label b { color: var(--mv-ink) !important; font-size: 13px; font-weight: 600; }
body.mv .mv-rbsbar .mv-rbslbl { margin-left: 6px !important; }
body.mv .mv-rbsbar .mv-rbslbl b { color: var(--mv-slate) !important; font-weight: 600; }
body.mv .mv-rbsbar #ddlSelectDate { position: static !important; width: 150px !important; height: 36px !important; margin: 0 !important; font-size: 14px !important; }
body.mv .mv-rbsbar :is(#DateFrom, #DateTo) { width: 116px !important; height: 36px !important; margin: 0 !important; padding: 0 10px !important; text-align: left !important; box-sizing: border-box; }
body.mv .mv-rbsbar #ClaimIds { width: 120px !important; height: 36px !important; margin: 0 !important; padding: 0 10px !important; text-align: left !important; box-sizing: border-box; }
body.mv .mv-rbsbar > .status { position: relative !important; width: 190px !important; }
body.mv .mv-rbsbar > .status > input[type="text"] { width: 100% !important; height: 36px !important; padding: 0 30px 0 10px !important; }
body.mv .mv-rbsbar > .status > .SelectedStatus { position: absolute !important; right: 12px; top: 10px; margin: 0 !important; width: auto !important; }
body.mv .mv-rbsbar > .status > #divMultiStatus { top: 42px; left: 0; z-index: 40; width: 100% !important; box-sizing: border-box; max-height: 280px; overflow: auto; border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28); }
/* actions sit at the end of the bar */
body.mv .mv-rbsbar > span:has(> .btnExecuteRBS) { display: inline-flex !important; gap: 8px; margin-left: auto !important; height: auto !important; }
body.mv .mv-rbsbar > span > input[type="button"] { margin: 0 !important; height: 36px; }
body.mv .mv-rbsbar .btnExecuteRBS { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
body.mv .mv-rbsbar .btnExecuteRBS:hover { background: var(--mv-teal-600) !important; }
body.mv .mv-rbsbar > .RbsErrorTCount:empty { display: none !important; }
/* grouped / by claim switch */
body.mv .mv-rbsbar > div:has(> .GroupView) { display: inline-flex !important; gap: 2px; padding: 3px !important; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 9px; }
body.mv .mv-rbsbar > div:has(> .GroupView):not(:has(> input[type="button"]:not([style*="none"]))) { display: none !important; }
body.mv .mv-rbsbar > div > :is(.GroupView, .ClaimView) { height: 30px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: var(--mv-slate) !important; box-shadow: none !important; font-weight: 600; }
body.mv .mv-rbsbar > div > :is(.GroupView, .ClaimView).active { background: var(--mv-surface) !important; color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11,37,69,.12) !important; }
/* fake selects in a table filter row fill their column instead of spilling into the next one */
body.mv th:has(> input.mv-fakeselect) { min-width: 120px; }
html body.mv th > input.mv-fakeselect { width: 100% !important; max-width: 100%; box-sizing: border-box !important; }
/* RBS: the view switch buttons drop the generic button look */
html body.mv .mv-rbsbar > div > input:is(.GroupView, .ClaimView) { height: 30px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: var(--mv-slate) !important; box-shadow: none !important; }
html body.mv .mv-rbsbar > div > input:is(.GroupView, .ClaimView).active { background: var(--mv-surface) !important; color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11,37,69,.12) !important; }
html body.mv .mv-rbsbar > div > input:is(.GroupView, .ClaimView):not(.active):hover { color: var(--mv-ink) !important; }
/* RBS result panels: quiet section headers, plain empty text, panels grow to fit their pager */
body.mv .mv-rbshead { max-height: none !important; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px !important; background: var(--mv-mist) !important; border: 1px solid var(--mv-line); border-bottom: 0; border-radius: 10px 10px 0 0; text-align: left !important; }
body.mv .mv-rbshead, body.mv .mv-rbshead * { color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; float: none !important; }
body.mv :is(#RBSErrorCountMain, .divExecuteRBSClaims, #divRBSErrorCount) .DMmessage { display: block; padding: 18px 12px; color: var(--mv-slate) !important; font-style: normal !important; font-weight: 500 !important; font-size: 13px; }
body.mv .DivRBSErrorlist, body.mv .DivRBSClaimMsg { height: auto !important; }
body.mv .mv-rbsbar #ddlSelectDate { width: 170px !important; }
body.mv .mv-rbsbar > .RbsErrorTCount { color: var(--mv-slate); font-size: 13px; }
/* RBS: each label stays with its field when the bar wraps */
body.mv .mv-rbsbar > .mv-rbsfield { display: inline-flex !important; align-items: center; gap: 8px; }
body.mv .mv-rbsbar > .mv-rbsfield > :is(span, div) { float: none !important; margin: 0 !important; padding: 0 !important; }
body.mv .mv-rbsbar > .mv-rbsfield > span:empty { display: none !important; }
body.mv .mv-rbsbar .mv-rbsfield .mv-rbslbl { margin: 0 !important; }
body.mv .mv-rbsbar > .mv-rbsfield > .status { position: relative !important; width: 170px !important; display: inline-block !important; }
body.mv .mv-rbsbar > .mv-rbsfield > .status[style*="none"] { display: none !important; }
body.mv .mv-rbsbar > .mv-rbsfield > .status > input[type="text"] { width: 100% !important; height: 36px !important; padding: 0 30px 0 10px !important; }
body.mv .mv-rbsbar > .mv-rbsfield > .status > .SelectedStatus { position: absolute !important; right: 12px; top: 10px; margin: 0 !important; width: auto !important; }
body.mv .mv-rbsbar > .mv-rbsfield > .status > #divMultiStatus { top: 42px; left: 0; z-index: 40; width: 100% !important; min-width: 220px; box-sizing: border-box; max-height: 280px; overflow: auto; border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28); }
/* RBS claim list: the table scrolls, the pager stays visible under it */
body.mv .DivRBSErrorlist > .Grid.scroll { height: auto !important; overflow: visible !important; }
body.mv .DivRBSErrorlist > .Grid.scroll > .department_table { max-height: 380px; overflow: auto; }
/* RBS status picker: floated rows collapsed the popover to 2px; lay them out as a checklist */
body.mv #divMultiStatus { background: var(--mv-surface) !important; padding: 4px 0 !important; }
body.mv #divMultiStatus ul { margin: 0 !important; padding: 0 !important; list-style: none; }
body.mv #divMultiStatus li { float: none !important; display: flex !important; align-items: center; gap: 10px; min-width: 0 !important; margin: 0 !important; padding: 7px 12px !important; border: 0 !important; list-style: none; font-size: 13px; color: var(--mv-ink); }
body.mv #divMultiStatus li:first-child { border-bottom: 1px solid var(--mv-line) !important; font-weight: 600; }
body.mv #divMultiStatus li:first-child > span { margin: 0 !important; width: auto !important; }
body.mv #divMultiStatus li:first-child > i { margin: 0 0 0 auto !important; float: none !important; cursor: pointer; color: var(--mv-slate); }
body.mv #divMultiStatus li label { float: none !important; display: flex !important; align-items: center; gap: 10px; min-width: 0 !important; width: 100%; margin: 0 !important; cursor: pointer; font-weight: 500; }
body.mv #divMultiStatus li:hover { background: var(--mv-mist); }
body.mv #divMultiStatus .StatuscheckBoxName { float: none !important; width: auto !important; order: 2; }
body.mv #divMultiStatus .StatuscheckBoxName:empty, body.mv #divMultiStatus .StatuscheckBoxName:not(:has(*)):is(:blank) { display: none; }
html body.mv #divMultiStatus input[type="checkbox"] { float: none !important; width: 16px !important; height: 16px !important; margin: 0 !important; flex: 0 0 16px; order: 1; }
/* inside the RBS status popover the shared list is not a popover of its own */
html body.mv .mv-rbsbar #divMultiStatus > #Div_MultiStatus { position: static !important; inset: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
html body.mv .mv-rbsbar #divMultiStatus > #Div_MultiStatus > div { display: block !important; max-height: none !important; overflow: visible !important; }
html body.mv .mv-rbsbar #divMultiStatus { height: auto !important; }
body.mv #divMultiStatus label .StatuscheckBoxName + .StatuscheckBoxName { display: none !important; }
body.mv #divMultiStatus li:first-child > i.fa-times { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 6px; font: 0/0 a !important; }
body.mv #divMultiStatus li:first-child > i.fa-times::before { content: "\00d7"; font: 400 20px/1 var(--mv-font) !important; color: var(--mv-slate); }
body.mv #divMultiStatus li:first-child > i.fa-times:hover { background: var(--mv-line); }
html body.mv .mv-rbsbar #divMultiStatus > #Div_MultiStatus > div { padding: 0 !important; border: 0 !important; }
html body.mv #divMultiStatus li { padding: 8px 12px !important; min-height: 0 !important; height: auto !important; }
html body.mv #divMultiStatus li label { padding: 0 !important; min-height: 0 !important; }
html body.mv #divMultiStatus li:first-child > i.fa-times { display: inline-flex !important; visibility: visible !important; }
html body.mv #divMultiStatus #ulMultiStatus > li:first-child { padding: 8px 12px !important; }
/* RBS location / provider pickers (RBSNewErrorCountHandler fragments) */
body.mv th > div[id^="divShowDDL"]:has(> .mv-pickpop) { top: 100%; right: 0; left: auto !important; margin-top: 4px; z-index: 40 !important; }
body.mv .mv-pickpop { width: 260px; box-sizing: border-box; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28); text-align: left; font-weight: 400; }
body.mv .mv-pickpop-list { max-height: 240px; overflow: auto; }
body.mv .mv-pickpop-list ul { margin: 0 !important; padding: 4px 0 !important; list-style: none; }
body.mv .mv-pickpop-list li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none; }
body.mv .mv-pickpop-search { display: flex !important; align-items: center; gap: 8px; padding: 6px 10px 8px !important; border-bottom: 1px solid var(--mv-line) !important; }
html body.mv .mv-pickpop-search > input[type="text"] { flex: 1; min-width: 0; width: auto !important; height: 34px !important; margin: 0 !important; padding: 0 10px !important; }
body.mv .mv-pickpop-search > i { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: var(--mv-slate); cursor: pointer; font-size: 13px; }
body.mv .mv-pickpop-search > i:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-pickpop-list label { display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; margin: 0 !important; padding: 8px 12px !important; cursor: pointer; color: var(--mv-ink); font-size: 13px; font-weight: 500; white-space: normal; }
body.mv .mv-pickpop-list label:hover { background: var(--mv-mist); }
html body.mv .mv-pickpop-list input[type="checkbox"] { float: none !important; width: 16px !important; height: 16px !important; margin: 0 !important; flex: 0 0 16px; }
body.mv .mv-pickpop-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--mv-line); }
body.mv .mv-pickbtn { height: 32px; padding: 0 14px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13px/1 var(--mv-font); cursor: pointer; }
body.mv .mv-pickbtn:hover { background: var(--mv-mist); }
body.mv .mv-pickbtn-primary { background: var(--mv-teal); border-color: var(--mv-teal); color: #fff; }
body.mv .mv-pickbtn-primary:hover { background: var(--mv-teal-600); }
body.mv .mv-pickbtn:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }

/* =============================================================================
   Settings (EMR/Settings/Settings.aspx): light navigation rail, icon over full name
   ============================================================================= */
body.mv td.prac_sidenav { width: 104px !important; min-width: 104px; padding: 0 16px 0 0 !important; vertical-align: top; background: transparent !important; }
body.mv td.prac_sidenav > .divAccrodian {
    width: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; margin: 0 !important; padding: 6px !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: var(--mv-radius) !important;
}
body.mv td.prac_sidenav .h3Wrapper { margin: 0 0 2px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
body.mv td.prac_sidenav .h3Wrapper > h3 {
    display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: auto !important; height: auto !important; min-height: 0 !important;
    margin: 0 !important; padding: 10px 4px !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important;
    background: transparent !important; color: var(--mv-slate) !important; text-align: center; cursor: pointer;
}
body.mv td.prac_sidenav .h3Wrapper > h3 > i { font-size: 19px; line-height: 1; }
body.mv td.prac_sidenav .h3Wrapper > h3 > span { display: block; float: none !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: var(--mv-fs-12) !important; font-weight: 600 !important; line-height: 1.25 !important; white-space: normal !important; }
body.mv td.prac_sidenav .h3Wrapper > h3 > img { display: none !important; }
body.mv td.prac_sidenav .h3Wrapper > h3:hover { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
body.mv td.prac_sidenav .h3Wrapper.mv-current > h3 { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }
/* Settings layout: rail | section list | content, as a flex row so hidden columns never stretch the rail */
body.mv #tbl-main, body.mv #tbl-main > tbody { display: block !important; width: 100% !important; margin-top: 20px; }
body.mv #tbl-main > tbody > tr { display: flex !important; align-items: flex-start; gap: 16px; }
body.mv #tbl-main > tbody > tr > td { padding: 0 !important; border: 0 !important; background: transparent !important; }
body.mv #tbl-main > tbody > tr > td.prac_sidenav { flex: 0 0 96px; width: 96px !important; min-width: 0; }
body.mv #tbl-main > tbody > tr > td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop, .prac_side) { flex: 0 0 232px; width: 232px !important; min-width: 0; }
body.mv #tbl-main > tbody > tr > td.prac { flex: 1 1 auto; width: auto !important; min-width: 0; }
/* section lists other than the practice one share its card look */
body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop) > .ulWrapper,
body.mv #tbl-main td#Ins_drop > .box-header {
    display: block !important; height: auto !important; max-height: 70vh; overflow: auto !important; margin: 0 0 8px !important; padding: 8px !important;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px;
}
body.mv #tbl-main td.invoice_drop > .ulWrapper[style*="none"] { display: none !important; }
body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop) ul { float: none !important; display: flex; flex-direction: column; gap: 2px; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop) li {
    float: none !important; display: flex !important; align-items: center; min-height: 38px; width: auto !important; margin: 0 !important; padding: 6px 12px !important;
    list-style: none; border: 0 !important; border-radius: 8px; background: none !important; cursor: pointer;
    color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.3; white-space: normal !important;
}
body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop) li :is(a, label) { color: inherit !important; font: inherit !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer; background: none !important; }
body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop) li:hover { background: var(--mv-mist) !important; }
body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop) li:is(.ulWrapper-li-Active, .active, .selected, .mv-current) {
    background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; font-weight: 600 !important; box-shadow: inset 3px 0 0 var(--mv-teal);
}
/* Settings > Files: actions sit in a row above the list instead of floating over it */
body.mv #divPatientDocumentContainer > div:first-child > span.float_right1:has(#addfilebutton) { float: none !important; display: flex; justify-content: flex-end; gap: 8px; margin: 0 0 12px; }
html body.mv #divPatientDocumentContainer :is(#AssignFileButton, #addfilebutton, #ImportPatientExcel) { position: static !important; margin: 0 !important; width: auto !important; height: 36px !important; }
html body.mv #divPatientDocumentContainer #ImportPatientExcel[style*="none"] { display: none !important; }
html body.mv #divPatientDocumentContainer #addfilebutton { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
/* Settings rail labels are buttons, not text to select */
body.mv td.prac_sidenav .h3Wrapper > h3 { -webkit-user-select: none; user-select: none; }
/* Settings content: pagers wrap instead of running out of the card */
body.mv #tbl-main td.prac .pager { flex-wrap: wrap; row-gap: 8px; }
body.mv #tbl-main > tbody > tr > td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop, .prac_side) { flex-basis: 212px; width: 212px !important; }
body.mv #tbl-main td.prac .pager { height: auto !important; min-height: 52px; } body.mv #tbl-main td.prac .pager > .PageButtons { margin-left: auto !important; }
/* Settings tools (delete, merge, shift claims, follow-up status): small forms with the label above the field */
body.mv .mv-setcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; padding: 16px; }
body.mv .mv-setcard { margin: 16px; padding: 16px 18px 18px; border: 1px solid var(--mv-line); border-radius: var(--mv-radius); background: var(--mv-surface); }
body.mv .mv-setcards > .mv-setcard { margin: 0; }
body.mv .mv-setcard-title { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3; background: none !important; }
body.mv .mv-inlineform { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
body.mv .mv-inlineform-bar { padding: 16px !important; }
body.mv .mv-inlineform > .mv-field { display: flex; flex-direction: column; gap: 6px; margin: 0 !important; padding: 0 !important; float: none !important; font-weight: 400; }
body.mv .mv-inlineform > .mv-field > span { color: var(--mv-slate); font-size: 12.5px; font-weight: 600; float: none !important; margin: 0 !important; }
html body.mv .mv-inlineform > .mv-field > input[type="text"] { width: 200px !important; height: 38px !important; margin: 0 !important; float: none !important; }
html body.mv .mv-inlineform > input[type="button"] { height: 38px !important; margin: 0 !important; float: none !important; position: static !important; }
html body.mv .mv-inlineform > input[type="button"]:is(#btnmergePatient, #btnShiftClaim, #btnAdd, #btnEdit) { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
html body.mv .mv-inlineform > input[type="button"]:is(#btnPatDel, #btnClaimDel) { background: var(--mv-surface) !important; border-color: var(--mv-bad) !important; color: var(--mv-bad) !important; }
html body.mv .mv-inlineform > input[type="button"]:is(#btnPatDel, #btnClaimDel):hover { background: var(--mv-bad-50) !important; }
body.mv td.prac_sidenav ::selection { background: transparent; }
body.mv td.prac_sidenav .h3Wrapper h3 > :hover { background: transparent !important; }
/* Settings: add buttons were pinned (position:fixed, top:41px) under the page bar where nobody could see them */
body.mv #tbl-main td.prac .top-action-bar { display: flex !important; justify-content: flex-end; align-items: center; gap: 8px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 14px 16px 0 !important; }
html body.mv #tbl-main td.prac :is(.add_staff, .adddep_btn) { position: static !important; top: auto !important; margin: 0 !important; height: 36px !important; float: none !important; }
html body.mv #tbl-main td.prac input:is(.add_staff, .adddep_btn) { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
body.mv #tbl-main td.prac .top-action-bar + script + .Grid, body.mv #tbl-main td.prac .top-action-bar + .Grid, body.mv #tbl-main td.prac .Grid:is(.mt_n55, .mt_n42px) { margin-top: 12px !important; }
body.mv #tbl-main td.prac :is(span, div):has(> input.add_staff):not(.top-action-bar) { display: flex !important; justify-content: flex-end; gap: 8px; float: none !important; width: auto !important; margin: 0 !important; padding: 14px 16px 12px !important; }
/* settings grids: headers keep their words; the table scrolls sideways when the columns do not fit */
body.mv #tbl-main td.prac .fixTable th { white-space: nowrap !important; }
body.mv #tbl-main td.prac .fixTable th:has(> img, > .mv-sort, > i) { padding-right: 18px !important; }
body.mv #tbl-main td.prac .fixTable { table-layout: auto !important; width: auto !important; min-width: 100% !important; } body.mv #tbl-main td.prac .fixTable th { overflow: visible !important; text-overflow: clip !important; }
/* Knowledge base search: one joined field and button in the brand colour */
body.mv #tbl-main td.prac div#Search { display: flex !important; justify-content: flex-end; float: none !important; margin: 14px 16px 12px !important; }
body.mv #tbl-main td.prac div#Search > span { float: none !important; margin: 0 !important; }
html body.mv #tbl-main td.prac div#Search input[type="text"] { width: 260px !important; height: 38px !important; margin: 0 !important; padding: 0 12px !important; border-radius: 8px 0 0 8px !important; }
html body.mv #tbl-main td.prac div#Search > span.fa-search { display: inline-flex !important; align-items: center; justify-content: center; width: 42px !important; height: 38px !important; padding: 0 !important; border-radius: 0 8px 8px 0 !important; background: var(--mv-teal) !important; color: #fff !important; font-size: 15px !important; }
html body.mv #tbl-main td.prac div#Search > span.fa-search:hover { background: var(--mv-teal-600) !important; }
/* Settings > Insurance: Add insurance / Payer request form were pinned under the page bar too */
html body.mv #tbl-main td.prac .SettingWrapperAction { position: static !important; display: flex !important; justify-content: flex-end; align-items: center; gap: 8px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 14px 16px 12px !important; top: auto !important; left: auto !important; right: auto !important; background: transparent !important; }
html body.mv #tbl-main td.prac .SettingWrapperAction > :is(a, input[type="button"]) { position: static !important; display: inline-flex !important; align-items: center; gap: 6px; height: 36px !important; margin: 0 !important; padding: 0 14px !important; line-height: 1 !important; float: none !important; border-radius: 8px !important; font-size: 13.5px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box; }
html body.mv #tbl-main td.prac .SettingWrapperAction > a.themeButton { order: 2; background: var(--mv-teal) !important; border: 1px solid var(--mv-teal) !important; color: #fff !important; }
html body.mv #tbl-main td.prac .SettingWrapperAction > a.themeButton:hover { background: var(--mv-teal-600) !important; }
html body.mv #tbl-main td.prac .SettingWrapperAction > a.themeButton > span { display: none !important; }
/* read-only values rendered as disabled inputs inside grid rows read as plain text */
html body.mv #tbl-main td.prac .fixTable tbody td > input[type="text"][disabled] { width: auto !important; min-width: 0; height: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--mv-text) !important; -webkit-text-fill-color: var(--mv-text); opacity: 1; field-sizing: content; }

/* Settings > Insurance > Add insurance: sectioned form, label beside field */
body.mv .mv-insform { margin: 0 !important; padding: 16px !important; }
body.mv .mv-insform-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
body.mv .mv-insform-wide { grid-column: 1 / -1; }
body.mv .mv-insform-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
body.mv .mv-insform-sec { min-width: 0; padding: 16px 18px 6px; border: 1px solid var(--mv-line); border-radius: var(--mv-radius); background: var(--mv-surface); }
body.mv .mv-insform-wide.mv-insform-sec { padding-bottom: 16px; }
body.mv .mv-insform-title { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv .mv-insform-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 12px; margin: 0 0 10px; }
body.mv .mv-insform-row > label { margin: 0 !important; color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 600 !important; text-align: left; }
body.mv .mv-insform-row > div { min-width: 0; position: relative; }
html body.mv .mv-insform-row :is(input[type="text"], select, textarea) { width: 100% !important; max-width: 360px; height: 38px !important; margin: 0 !important; float: none !important; box-sizing: border-box; }
html body.mv .mv-insform-row textarea { height: 64px !important; padding: 8px 10px !important; resize: vertical; }
html body.mv .mv-insform-row :is(input, select):disabled { background: #F4F6F8 !important; color: var(--mv-slate) !important; }
body.mv .mv-insform-inline { display: flex; align-items: center; gap: 8px; }
body.mv .mv-insform-inline > input { flex: 1 1 auto; }
body.mv .mv-iconbtn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-ink) !important; font-size: 16px; text-decoration: none !important; }
body.mv .mv-iconbtn:hover { background: var(--mv-mist); }
body.mv .mv-insform-results { position: absolute !important; top: 42px !important; left: 0 !important; width: 100% !important; max-width: 360px; z-index: 30; margin: 0 !important; }
body.mv .mv-insform-results:empty { display: none; }
body.mv .mv-check { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 500 !important; cursor: pointer; }
html body.mv .mv-check > input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; }
/* Save / Cancel under the form */
html body.mv .mv-insform-actions { display: none; float: none !important; justify-content: flex-end; gap: 8px; margin: 0 !important; padding: 0 16px 16px !important; }
html body.mv .mv-insform-actions:not(.hide), html body.mv .mv-insform-actions[style*="block"] { display: flex !important; }
html body.mv .mv-insform-actions > a { display: inline-flex !important; align-items: center; height: 38px !important; margin: 0 !important; padding: 0 16px !important; border-radius: 8px !important; font: 600 13.5px/1 var(--mv-font) !important; text-decoration: none !important; float: none !important; width: auto !important; }
html body.mv .mv-insform-actions > a.btn_Ins_cancel { order: 1; background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; color: var(--mv-ink) !important; }
html body.mv .mv-insform-actions > a.btn_Ins { order: 2; background: var(--mv-teal) !important; border: 1px solid var(--mv-teal) !important; color: #fff !important; }
html body.mv .mv-insform-actions > a.btn_Ins:hover { background: var(--mv-teal-600) !important; }
@media (max-width: 1280px) { body.mv .mv-insform-grid { grid-template-columns: minmax(0, 1fr); } }
html body.mv .mv-insform .inline-search-wrapper.mv-insform-results { height: auto !important; max-height: 220px; overflow: auto; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important; box-shadow: 0 12px 28px -12px rgba(11,37,69,.28) !important; padding: 4px 0 !important; } html body.mv .mv-insform .inline-search-wrapper td { padding: 8px 12px !important; cursor: pointer; } html body.mv .mv-insform .inline-search-wrapper tr:hover td { background: var(--mv-mist) !important; }
/* Settings forms (practice, location, staff, department): rows stay rows, labels read in full, Save is the primary action */
body.mv #tbl-main td.prac tr.loc_ifo_set, body.mv #tbl-main td.prac td.loc_ifo_set { float: none !important; padding-right: 0 !important; }
body.mv #tbl-main td.prac :is(td.text_right, td.nowrap, td.loc_staff) { overflow: visible !important; }
html body.mv #tbl-main td.prac input[type="button"]:is([value="Save"], [value="Update"], [value="Save Changes"]) { order: 2; background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
html body.mv #tbl-main td.prac input[type="button"]:is([value="Save"], [value="Update"], [value="Save Changes"]):hover { background: var(--mv-teal-600) !important; }
/* location view tabs */
body.mv #tbl-main td.prac .box-header > ul.ul_style { display: inline-flex !important; gap: 2px; margin: 14px 16px 12px !important; padding: 3px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; background: var(--mv-mist) !important; list-style: none; }
body.mv #tbl-main td.prac .box-header > ul.ul_style > li { float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; list-style: none; }
body.mv #tbl-main td.prac .box-header > ul.ul_style > li > a { display: inline-flex !important; align-items: center; height: 32px; padding: 0 14px !important; border-radius: 7px; background: transparent !important; color: var(--mv-slate) !important; font-size: 13.5px !important; font-weight: 600 !important; text-decoration: none !important; }
body.mv #tbl-main td.prac .box-header > ul.ul_style > li > a:hover { color: var(--mv-ink) !important; }
body.mv #tbl-main td.prac .box-header > ul.ul_style > li.active > a { background: var(--mv-surface) !important; color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11,37,69,.12); }
html body.mv #tbl-main td.prac select[id$="ddlLocationStates"] { width: 100% !important; }
body.mv #tbl-main td.prac td.border_grey { border: 1px solid var(--mv-line) !important; }
html body.mv #tbl-main td.prac input[type="button"][value="Delete"] { background: var(--mv-surface) !important; border-color: var(--mv-bad) !important; color: var(--mv-bad) !important; }
html body.mv #tbl-main td.prac input[type="button"][value="Delete"]:hover { background: var(--mv-bad-50) !important; }

/* =============================================================================
   My profile dialog (EMR/UserProfile/UserProfileDialogue.aspx in #divDialogUserProfile)
   ============================================================================= */
body.mv #divDialogUserProfile .ProfileBackground { display: none !important; }
body.mv #divDialogUserProfile .MainClass { position: static !important; }
body.mv #divDialogUserProfile .MainSubClass { display: grid !important; grid-template-columns: 72px minmax(0, 1fr); column-gap: 16px; row-gap: 14px; align-items: center; position: static !important; padding: 4px 2px 6px; }
body.mv #divDialogUserProfile .UserProfileImg { position: relative !important; top: auto !important; left: auto !important; float: none !important; width: 72px !important; height: 72px; margin: 0 !important; padding: 0 !important; border: 1px solid var(--mv-line) !important; border-radius: 50% !important; overflow: hidden; background: var(--mv-mist); }
body.mv #divDialogUserProfile .UserProfileImg .profile-sub-contents, body.mv #divDialogUserProfile .profile-image-box { position: relative; width: 72px; height: 72px; margin: 0 !important; padding: 0 !important; }
body.mv #divDialogUserProfile .profile-image-box img { width: 72px !important; height: 72px !important; object-fit: cover; margin: 0 !important; display: block; }
body.mv #divDialogUserProfile .change-photo-wrapper { position: absolute !important; left: 0; right: 0; bottom: 0; width: auto !important; height: 22px !important; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; background: rgba(11,37,69,.62) !important; color: #fff !important; font-size: 10.5px !important; font-weight: 600; opacity: 0 !important; transition: opacity .15s; }
body.mv #divDialogUserProfile .UserProfileImg:hover .change-photo-wrapper { opacity: 1 !important; }
body.mv #divDialogUserProfile #fuUserProfile { position: absolute !important; inset: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; opacity: 0; cursor: pointer; }
body.mv #divDialogUserProfile .profile-person-box1 { position: static !important; top: auto !important; left: auto !important; color: var(--mv-ink) !important; font-size: 14px !important; }
body.mv #divDialogUserProfile .profile-person-box1 table, body.mv #divDialogUserProfile .profile-person-box1 td { border: 0 !important; padding: 0 !important; background: none !important; }
body.mv #divDialogUserProfile #Titletd .profile-sub-label { color: var(--mv-ink) !important; font-size: 18px !important; font-weight: 700 !important; }
body.mv #divDialogUserProfile .profile-person-box1 tr + tr .profile-sub-label { color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 600 !important; }
/* detail sections span the dialog */
body.mv #divDialogUserProfile :is(.profile-sub-box, .profile-sub-box1) { grid-column: 1 / -1; position: static !important; float: none !important; width: auto !important; margin: 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; background: none !important; }
body.mv #divDialogUserProfile :is(.profile-sub-box, .profile-sub-box1)[style*="none"] { display: none !important; }
body.mv #divDialogUserProfile :is(.profile-sub-box, .profile-sub-box1) h4 { margin: 0 0 8px !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; }
body.mv #divDialogUserProfile .profile-sub-contents { position: relative; margin: 0 !important; padding: 0 !important; }
body.mv #divDialogUserProfile .profile-sub-contents table { width: 100%; border-collapse: collapse; }
body.mv #divDialogUserProfile .profile-sub-contents td { padding: 5px 0 !important; border: 0 !important; background: none !important; vertical-align: middle; }
body.mv #divDialogUserProfile .profile-sub-contents td:first-child { width: 150px; white-space: nowrap; }
body.mv #divDialogUserProfile .profile-sub-label { color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 600 !important; }
body.mv #divDialogUserProfile .profile-sub-text { color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 500 !important; }
body.mv #divDialogUserProfile .profile-edit-link { display: inline-flex !important; align-items: center; height: 30px; padding: 0 10px; margin: 4px 0 0; border: 1px solid var(--mv-line-strong); border-radius: 8px; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer; text-decoration: none !important; }
body.mv #divDialogUserProfile .profile-edit-link:hover { background: var(--mv-mist); }
/* the pencil pinned over the contact block duplicates the Edit link */
body.mv #divDialogUserProfile .profile-sub-contents > span[style*="absolute"] { display: none !important; }
/* change password panel */
body.mv #divDialogUserProfile #divDialogProfileWebAccount, body.mv #divDialogUserProfile #divDialogProfileContactInformation { float: none !important; width: auto !important; margin: 10px 0 0 !important; padding: 12px !important; border: 1px solid var(--mv-line); border-radius: var(--mv-radius); background: var(--mv-mist); }
html body.mv #divDialogUserProfile #divDialogProfileWebAccount input[type="password"], html body.mv #divDialogUserProfile #divDialogProfileWebAccount input[type="text"] { width: 100% !important; height: 36px !important; }
html body.mv #divDialogUserProfile #SavePassword { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; height: 36px !important; }
html body.mv #divDialogUserProfile #cancelPassword { height: 36px !important; }
body.mv #divDialogUserProfile .alert-danger { position: static !important; margin: 8px 0 0; height: auto !important; padding: 8px 12px !important; border-radius: 8px !important; background: var(--mv-bad-50) !important; border-color: transparent !important; color: var(--mv-bad) !important; text-align: left !important; }
body.mv #divDialogUserProfile .profile-sub-text:empty::after { content: "Not added"; color: var(--mv-slate); font-weight: 400; }
/* Check details (EMR/Claims/CheckDetails.aspx): summary card with the check's numbers */
body.mv .mv-checkcard { margin: 20px 0 16px; padding: 16px 18px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: var(--mv-radius); }
body.mv .mv-checkcard-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
body.mv .mv-checkcard-head h2 { margin: 0 !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
body.mv .mv-checkcard-actions { display: flex; gap: 8px; flex-wrap: wrap; }
html body.mv .mv-checkcard-actions input[type="button"] { height: 36px !important; margin: 0 !important; float: none !important; }
body.mv .mv-checkstats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 0; }
body.mv .mv-checkstats > div { padding: 10px 12px; border: 1px solid var(--mv-line); border-radius: 8px; background: var(--mv-mist); min-width: 0; }
body.mv .mv-checkstats dt { margin: 0 0 4px; color: var(--mv-slate); font-size: 12px; font-weight: 600; }
body.mv .mv-checkstats dd { margin: 0; color: var(--mv-ink); font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
body.mv .mv-checkstats dd.mv-num { font-variant-numeric: tabular-nums; }
body.mv .mv-checkstats dd span:empty::after { content: "\2014"; color: var(--mv-slate); font-weight: 400; }
body.mv .mv-checkstats .mv-checkstat-key { background: var(--mv-teal-50); border-color: transparent; }
body.mv .mv-checkstats .mv-checkstat-key dd { color: var(--mv-teal-700); }
body.mv .mv-checklink { color: var(--mv-teal-700) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body.mv .mv-checkstats dd.mv-num { overflow-wrap: normal; white-space: nowrap; font-size: clamp(13px, 1.05vw, 15px); } body.mv .mv-checkstats { grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); }
body.mv .mv-checkstats { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; }
/* sticky action bar at the bottom of a page (e.g. Client invoices > Create invoice) */
body.mv .mv-stickybar { position: fixed; left: var(--mv-sidebar); right: 0; bottom: 0; z-index: 20; display: flex; justify-content: flex-end; gap: 8px; padding: 12px 22px; background: rgba(255,255,255,.96); border-top: 1px solid var(--mv-line); box-shadow: 0 -6px 18px -12px rgba(11,37,69,.25); }
html body.mv .mv-stickybar input[type="button"] { height: 38px !important; margin: 0 !important; background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
html body.mv .mv-stickybar #btnCreatInvoice { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; }
/* collapsible widget headers (onclick ToggleDiv): title on the left, chevron on the right */
body.mv .WidgetTitle[onclick^="ToggleDiv"] { display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; height: auto !important; min-height: 52px; padding: 0 18px !important; text-align: left !important; cursor: pointer; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > b { order: 1; flex: 1 1 auto; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span[class*="widget-"] { display: none !important; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 { order: 2; float: none !important; margin: 0 !important; display: inline-flex; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 i { width: 16px; height: 16px; background: var(--mv-slate); -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 i[class*="minus"] { -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-up.svg"); mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-up.svg"); }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 i:not([style*="none"]):not(.hide), body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 i[style*="inline"] { display: inline-block !important; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 i[style*="none"] { display: none !important; }
body.mv .WidgetTitle[onclick^="ToggleDiv"] > span.float_right1 i img { display: none !important; }
body.mv .WidgetTitle[onclick^="ToggleDiv"]:hover > span.float_right1 i { background: var(--mv-ink); }
body.mv td.information, body.mv td.information * { text-decoration: none !important; }
body.mv .mv-eobsearch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 0 16px; }
body.mv .mv-eobsearch > span { padding: 0 !important; color: var(--mv-slate); font-size: 13px; font-weight: 600; }
html body.mv .mv-eobsearch > input[type="text"] { width: 180px !important; height: 38px !important; margin: 0 6px 0 0 !important; padding: 0 10px !important; }
body.mv .mv-eobsearch > input[type="image"] { width: 38px; height: 38px; border-radius: 8px; }
body.mv .mv-eobsearch > #divBillingManagerContent { flex: 1 1 100%; }
body.mv .Grid span[style*="color:blue"], body.mv .Grid a[style*="color:blue"] { color: var(--mv-teal-700) !important; text-underline-offset: 3px; }
/* section tabs under the Home.master header (Documents) */
body.mv .mv-subtabs { display: flex; gap: 4px; margin: 16px 24px 0; padding: 4px; width: max-content; max-width: calc(100% - 48px); background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv .mv-subtabs[hidden] { display: none; }
body.mv .mv-subtabs a { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 7px; color: var(--mv-slate) !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; }
body.mv .mv-subtabs a i { font-size: 15px; }
body.mv .mv-subtabs a:hover { background: var(--mv-mist); color: var(--mv-ink) !important; }
body.mv .mv-subtabs a.mv-current { background: var(--mv-teal-50); color: var(--mv-teal-700) !important; }
body.mv #DMSLable { display: none !important; }
body.mv .mv-dms-tabs { position: relative; z-index: 5; margin-top: 86px; }
/* =============================================================================
   Documents (EMR/DMS/*): page frame, title band, filters, summary stats
   ============================================================================= */
body.mv .mv-dms-tabs { margin: 86px 24px 0 !important; }
body.mv:has(.mv-dms-tabs:not([hidden])) .container-fluid { margin-top: 0 !important; padding: 0 24px 24px !important; }
body.mv:has(.mv-dms-tabs:not([hidden])) .container-fluid > .row.mt-4 { margin-top: 16px !important; }
/* the blue title band becomes the card header: title left, view switch right */
body.mv .blueheader_color { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 12px 16px !important; min-height: 56px; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-bottom: 0; border-radius: var(--mv-radius) var(--mv-radius) 0 0; color: var(--mv-ink) !important; }
body.mv .blueheader_color > div { flex: 0 0 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.mv .blueheader_color > div:empty, body.mv .blueheader_color > div:not(:has(*)) { display: none; }
body.mv .blueheader_color > div:first-child:not(:has(label, input, button)) { display: none; }
body.mv .blueheader_color #TitleAssignmentType { margin: 0; color: var(--mv-ink) !important; font-size: 16px; font-weight: 700; }
body.mv .blueheader_color span:has(> input[type="button"]) { display: inline-flex !important; gap: 2px; margin: 0 !important; padding: 3px; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; }
html body.mv .blueheader_color span > input[type="button"] { min-width: 0 !important; height: 32px !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: var(--mv-slate) !important; font-weight: 600 !important; box-shadow: none !important; }
html body.mv .blueheader_color span > input[type="button"][style*="0062cc"], html body.mv .blueheader_color span > input[type="button"][style*="0, 98, 204"] { background: var(--mv-surface) !important; color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11,37,69,.12) !important; }
html body.mv .blueheader_color span > input[type="button"][style*="none"] { display: none !important; }
/* filter row under the band */
body.mv .grey_color, body.mv .blueheader_color + .row:has(#divPatientDocumentContainer) #divPatientDocumentContainer > .row:first-child { margin: 0 !important; padding: 12px 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-top: 1px solid var(--mv-line); align-items: center; }
body.mv .grey_color strong, body.mv .grey_color span strong, body.mv .fontstyleclass { color: var(--mv-slate) !important; font-size: 13px; font-weight: 600; }
/* summary stat cards */
body.mv .mv-dmsstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
body.mv .mv-dmsstat { padding: 14px 16px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: var(--mv-radius); }
body.mv .mv-dmsstat h3 { margin: 0 0 10px !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; }
body.mv .mv-dmsstat dl { margin: 0; display: flex; flex-direction: column; gap: 6px; }
body.mv .mv-dmsstat dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid var(--mv-line); }
body.mv .mv-dmsstat dl > div:first-child { border-top: 0; }
body.mv .mv-dmsstat dt { color: var(--mv-slate); font-size: 13px; font-weight: 500; }
body.mv .mv-dmsstat dd { margin: 0; color: var(--mv-ink); font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
body.mv .mv-dmsstat dd span:empty::after { content: "0"; color: var(--mv-slate); }
body.mv .mv-dmsstat .mv-done dd { color: var(--mv-ok); }
@media (max-width: 1200px) { body.mv .mv-dmsstats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* summary grid group headers lose their coloured fills */
body.mv .fixTable td:is(.tdbgcolorsky, .tdbgcolorgreen, .tdbgcolorblue, .tdbgcolororange) { background: #F4F6F8 !important; color: var(--mv-slate) !important; border-color: var(--mv-line) !important; font-weight: 600; }
body.mv .mv-dmspage { padding: 0 24px 24px; margin-top: 16px; }
body.mv .summary-header { display: flex !important; align-items: center; height: auto !important; min-height: 56px; margin: 0 !important; padding: 12px 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-bottom: 0; border-radius: var(--mv-radius) var(--mv-radius) 0 0; text-align: left !important; }
body.mv .summary-header .labelsummary { margin: 0 !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
body.mv .grey_color { border-radius: 0 0 var(--mv-radius) var(--mv-radius); }
body.mv .grey_color > [class*="col-"]:has(> strong + div) { display: flex !important; align-items: center; gap: 8px; }
body.mv .grey_color > [class*="col-"] > strong + div { float: none !important; width: auto !important; flex: 1 1 auto; position: relative; }
body.mv .grey_color > [class*="col-"] > strong + div > input { width: 100% !important; }
body.mv .grey_color > [class*="col-"] > strong + div > span[onclick] { position: absolute !important; right: 12px; top: 50%; transform: translateY(-50%); margin: 0 !important; }
/* column totals shown above DMS grid headers: a neutral pill instead of a red badge */
body.mv th .fixtbl-badge.badge { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 18px; margin: 0 0 2px !important; padding: 0 6px !important; border-radius: 9px !important; background: var(--mv-info-50) !important; color: var(--mv-info) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; }
body.mv th:hover .fixtbl-badge.badge { background: var(--mv-surface) !important; }
/* AR pages: the work area was pulled up (-7%) over a banner that no longer exists */
body.mv.mv-home .bg4 { margin-top: 0 !important; }
body.mv.mv-home .background > .row:first-child:has(> .col-md-12.bg) { display: none !important; }
body.mv.mv-home .bg3:has(.statusName > span:empty) { display: none !important; }

/* =============================================================================
   AR (EMR/ARDashboard/*): toolbars and grids in the shared look
   ============================================================================= */
/* AR assign: navy filter bar and light-blue assignment band become one toolbar card */
body.mv.mv-home .colr-blue { margin: 16px 24px 0 !important; padding: 12px 16px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; border: 1px solid var(--mv-line); border-bottom: 0; border-radius: var(--mv-radius) var(--mv-radius) 0 0; align-items: center; gap: 8px 0; }
body.mv.mv-home .colr-blue b, body.mv.mv-home .colr-blue label { color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 600 !important; }
body.mv.mv-home .colr-blue + .row, body.mv.mv-home .row[style*="aadfff"] { margin: 0 24px !important; padding: 10px 16px !important; background: var(--mv-mist) !important; color: var(--mv-ink) !important; border: 1px solid var(--mv-line); align-items: center; }
body.mv.mv-home .row[style*="aadfff"] { border-radius: 0 0 var(--mv-radius) var(--mv-radius); }
body.mv.mv-home .row[style*="aadfff"] label, body.mv.mv-home .row[style*="aadfff"] span { font-size: 13px; }
/* AR grids: neutral header fills instead of blue / periwinkle */
body.mv.mv-home table.ARDashboard_table thead, body.mv.mv-home table.ARDashboard_table thead tr, body.mv.mv-home table.ARDashboard_table th,
body.mv.mv-home .background table thead th, body.mv.mv-home .countlbl { background: #F4F6F8 !important; color: var(--mv-slate) !important; border-color: var(--mv-line) !important; font-weight: 600 !important; }
body.mv.mv-home table.ARDashboard_table th { text-align: left !important; font-size: 12.5px !important; }
body.mv.mv-home table.ARDashboard_table td { border-color: var(--mv-line) !important; }
/* AR dashboard frame */
body.mv.mv-home #divARDashBoard { padding: 0 24px !important; }
body.mv.mv-home .background { box-shadow: none !important; background: transparent !important; }
body.mv.mv-home .colr-blue { margin-top: 51px !important; }
/* AR assign: status list and claim grid share the toolbar's 24px gutter */
body.mv.mv-home .row:has(> .col2AndHalf) { margin: 0 24px !important; gap: 16px; flex-wrap: nowrap; }
body.mv.mv-home .col2AndHalf { flex: 0 0 260px !important; max-width: 260px !important; padding: 0 !important; }
body.mv.mv-home .col2AndHalf > .GridFixheader { border: 1px solid var(--mv-line) !important; border-radius: var(--mv-radius); background: var(--mv-surface); overflow: hidden; }
body.mv.mv-home .row:has(> .col2AndHalf) > :not(.col2AndHalf) { flex: 1 1 auto !important; max-width: none !important; min-width: 0; padding: 0 !important; }

/* =============================================================================
   AR follow-up workspace (EMR/ARDashboard/ARFollowUp.aspx)
   ============================================================================= */
body.mv.mv-home .bg3:has(#Divtop1Note) { padding: 0 24px 24px !important; margin-top: 16px !important; background: transparent !important; }
body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 { gap: 16px; flex-wrap: nowrap; align-items: flex-start; }
body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 > [class*="col-md-6"] { flex: 1 1 0 !important; max-width: none !important; padding: 0 !important; min-width: 0; }
/* cards */
body.mv.mv-home :is(.geninfo, .geninfo1, #Divtop1Note) { margin: 0 0 12px !important; padding: 14px 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: var(--mv-radius); box-shadow: none !important; }
body.mv.mv-home .diagnicstable { margin: 0 0 12px !important; }
body.mv.mv-home .diagnicstable > .NewGrid { height: auto !important; max-height: 220px; overflow: auto; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: var(--mv-radius); }
/* general information: title row, three label/value lists */
body.mv.mv-home .geninfo { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 16px; position: relative !important; }
body.mv.mv-home .geninfo > div:first-child[style*="absolute"] { position: static !important; grid-column: 1 / -1; background: none !important; }
body.mv.mv-home .geninfo > div[style*="right"] { top: 12px !important; right: 16px !important; background: none !important; }
body.mv.mv-home .geninfo > [class*="col-md-4"], body.mv.mv-home .geninfo1 > [class*="col-md-4"] { flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.mv.mv-home :is(.geninfo, .geninfo1) .spntxt { color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv.mv-home :is(.geninfo, .geninfo1) table.table { width: 100% !important; margin: 0 !important; background: transparent !important; }
body.mv.mv-home :is(.geninfo, .geninfo1) table.table tr { background: transparent !important; }
body.mv.mv-home :is(.geninfo, .geninfo1) table.table td { padding: 4px 8px 4px 0 !important; border: 0 !important; color: var(--mv-ink); font-size: 13.5px; vertical-align: top; }
body.mv.mv-home :is(.geninfo, .geninfo1) table.table tbody td:first-child, body.mv.mv-home .geninfo1 table.table td:first-child { width: 92px; color: var(--mv-slate) !important; font-weight: 500; white-space: nowrap; }
body.mv.mv-home .geninfo table.table thead td { padding: 0 0 4px !important; }
body.mv.mv-home .spntxt1 { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 700 !important; }
body.mv.mv-home .spntxt1 u { text-decoration: none; }
body.mv.mv-home #ddlclaim { color: var(--mv-teal-700) !important; font-size: 13px; font-weight: 600; }
/* claim form card */
body.mv.mv-home .geninfo1 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 16px; }
body.mv.mv-home .geninfo1 > .borderclx { grid-column: 1 / -1; flex: none !important; max-width: none !important; padding: 0 !important; border: 0 !important; }
body.mv.mv-home .geninfo1 > .borderclx > .row { display: flex !important; justify-content: space-between; align-items: center; margin: 0 0 6px !important; }
html body.mv.mv-home .geninfo1 .edtclaim { height: 34px !important; margin: 0 !important; }
/* notes */
body.mv.mv-home #Divtop1Note > .notes { padding: 0 !important; }
body.mv.mv-home #Divtop1Note .notes > div:first-child { display: flex !important; align-items: center; justify-content: space-between; height: auto !important; margin-bottom: 8px; }
body.mv.mv-home #Divtop1Note .notes > div:first-child > span:first-child { float: none !important; margin: 0 !important; color: var(--mv-ink); font-size: 15px; font-weight: 700 !important; }
body.mv.mv-home #Divtop1Note .notes > div:first-child > span[style*="float:right"] { float: none !important; }
html body.mv.mv-home #Divtop1Note .savebtn { background: var(--mv-teal) !important; border-color: var(--mv-teal) !important; color: #fff !important; height: 36px !important; }
body.mv.mv-home #Divtop1Note .hrborder { display: none; }
body.mv.mv-home #Divtop1NoteTable > .row:first-child { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0 !important; }
body.mv.mv-home #Divtop1NoteTable .colwidth { display: flex; flex-direction: column; gap: 6px; width: auto !important; margin: 0 !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv.mv-home #Divtop1NoteTable .colwidth :is(input, select) { width: 100% !important; height: 36px !important; margin: 0 !important; }
body.mv.mv-home #Divtop1NoteTable .colwidth img { width: 13px; height: 13px; vertical-align: -1px; }
html body.mv.mv-home #Divtop1NoteTable textarea { display: block; width: 100% !important; height: auto !important; min-height: 90px; margin: 0 !important; box-sizing: border-box; }
/* the queue pager: info and buttons on one line */
body.mv.mv-home .bg3:has(#Divtop1Note) .row.pager { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px !important; padding: 10px 12px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-top: 0; border-radius: 0 0 var(--mv-radius) var(--mv-radius); }
body.mv.mv-home .bg3:has(#Divtop1Note) .row.pager > div { flex: 0 1 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.mv.mv-home .bg3:has(#Divtop1Note) .row.pager > div:last-child { margin-left: auto; }
@media (max-width: 1100px) {
    body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 { flex-direction: column; flex-wrap: wrap; }
    body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 > [class*="col-md-6"] { width: 100% !important; flex: none !important; }
}
@media (max-width: 760px) {
    body.mv.mv-home .bg3:has(#Divtop1Note) { padding: 0 12px 12px !important; }
    body.mv.mv-home :is(.geninfo, .geninfo1) { grid-template-columns: minmax(0, 1fr) !important; }
    body.mv.mv-home #Divtop1NoteTable > .row:first-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body.mv.mv-home :is(.geninfo, .geninfo1, #Divtop1Note, #Divtop1Note > .notes, #Divtop1NoteTable) { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
body.mv.mv-home #Divtop1NoteTable .colwidth { flex-direction: row !important; flex-wrap: wrap; align-items: center; column-gap: 4px; }
body.mv.mv-home #Divtop1NoteTable .colwidth > :is(input, select) { flex: 0 0 100%; }
body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.no-gutters.w-100:first-child + * , body.mv.mv-home .bg3:has(#Divtop1Note) .row.pager { box-shadow: none !important; }

body.mv.mv-home #Divtop1NoteTable .row.mt-2, body.mv.mv-home #Divtop1NoteTable .row.mt-2 > .col-12 { height: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }

body.mv.mv-home .geninfo > div[style*="right"] { z-index: 2 !important; }

@media (max-width: 1100px) {
    body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 > [class*="col-md-6"] { max-width: 100% !important; min-width: 0 !important; overflow: hidden; }
    body.mv.mv-home .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 > [class*="col-md-6"] :is(.GridFixheader, .Grid, .department_table, div:has(> table#CSQmainDivTable)) { max-width: 100%; overflow-x: auto !important; }
    body.mv.mv-home #Divtop1Note { margin-left: 0 !important; margin-right: 0 !important; }
    body.mv.mv-home .footer { position: static !important; }
}

@media (max-width: 1100px) { body.mv.mv-home .MQmarginTop, body.mv.mv-home .bg2 { min-width: 0 !important; } }

/* =============================================================================
   Support (EMR/CustomerSupportQuries): ticket stats as cards, neutral grid
   ============================================================================= */
body.mv.mv-home main:has(#MainGrid) { background: var(--mv-mist) !important; min-height: 0 !important; max-height: none !important; }
body.mv.mv-home main:has(#MainGrid) .mv-page-body { padding: 72px 24px 24px !important; }
body.mv.mv-home #MainGrid { width: auto !important; margin: 0 !important; padding: 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: var(--mv-radius); box-sizing: border-box; }
/* ticket counts */
body.mv.mv-home :is(#dashboardtabs1, #dashboardtabs2) { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 10px !important; }
body.mv.mv-home :is(#dashboardtabs1, #dashboardtabs2) > [class*="col-"] { flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.mv.mv-home #MainGrid .tile { height: 100%; min-height: 84px; margin: 0 !important; padding: 12px 14px !important; justify-content: center; background: var(--mv-surface) !important; color: var(--mv-ink) !important; border: 1px solid var(--mv-line); border-left: 4px solid var(--mv-info); border-radius: 10px; box-sizing: border-box; }
body.mv.mv-home #MainGrid .tile.bg-c-secondary { border-left-color: var(--mv-ink); }
body.mv.mv-home #MainGrid .tile.bg-c-warning { border-left-color: var(--mv-warn); }
body.mv.mv-home #MainGrid .tile img { display: none !important; }
body.mv.mv-home #MainGrid .tile > .col + .col { display: none; }
body.mv.mv-home #MainGrid .tile .row { flex-direction: column; align-items: flex-start; gap: 4px; }
body.mv.mv-home #MainGrid .tile .row > [class*="col-"] { flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.mv.mv-home #MainGrid .tile .col-7 span { color: var(--mv-slate); font-size: 13px; font-weight: 600; }
body.mv.mv-home #MainGrid .tile .col-5 span, body.mv.mv-home #MainGrid .tile .col-5 span span { color: var(--mv-ink); font-size: 24px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
/* the "Create new ticket" cell is an action, not a stat */
body.mv.mv-home #MainGrid .admin .tile { border: 0 !important; background: transparent !important; padding: 0 !important; align-items: flex-start; }
body.mv.mv-home #MainGrid .admin .tile > [onclick] { flex: none !important; max-width: none !important; width: auto !important; height: 40px !important; padding: 0 16px !important; border-radius: 8px !important; background: var(--mv-teal) !important; color: #fff !important; font-size: 13.5px !important; }
body.mv.mv-home #MainGrid .admin .tile > [onclick]:hover { background: var(--mv-teal-600) !important; }
/* date filter */
body.mv.mv-home #MainGrid .input-container input { height: 38px; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; }
body.mv.mv-home #MainGrid .input-container button { height: 38px; padding: 0 16px; border-radius: 8px; background: var(--mv-teal) !important; border: 0; }
/* practices grid */
body.mv.mv-home .All-practices-icon { display: none !important; }
body.mv.mv-home .All-practices-grid { padding-top: 0 !important; }
body.mv.mv-home .table-grid-wrapper { border: 1px solid var(--mv-line) !important; border-radius: 10px; overflow: auto; }
body.mv.mv-home .grid-table th, body.mv.mv-home .PracticeMaingridThead { background: #F4F6F8 !important; color: var(--mv-slate) !important; border-color: var(--mv-line) !important; font-weight: 600 !important; }
body.mv.mv-home .grid-table td { border-color: var(--mv-line) !important; }
body.mv.mv-home .pie-chart-box { border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); }
@media (max-width: 1100px) {
    body.mv.mv-home :is(#dashboardtabs1, #dashboardtabs2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mv.mv-home #MainGrid > .row > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
}
@media (max-width: 760px) {
    body.mv.mv-home main:has(#MainGrid) .mv-page-body { padding: 68px 12px 16px !important; }
}

/* =============================================================================
   QA board (EMR/QABoard): filter bar and band in the shared look
   ============================================================================= */
body.mv.mv-home .blue_color { margin: 0 !important; padding: 12px 16px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; border: 1px solid var(--mv-line); border-bottom: 0; border-radius: var(--mv-radius) var(--mv-radius) 0 0; align-items: center; }
body.mv.mv-home .blue_color :is(span, label, b, strong) { color: var(--mv-slate) !important; font-size: 13px; font-weight: 600; }
body.mv.mv-home .lightblue_color { margin: 0 !important; padding: 10px 16px !important; background: var(--mv-mist) !important; color: var(--mv-ink) !important; border: 1px solid var(--mv-line); border-radius: 0 0 var(--mv-radius) var(--mv-radius); align-items: center; }
body.mv.mv-home .lightblue_color label, body.mv.mv-home .lightblue_color span { color: var(--mv-ink) !important; font-size: 13px; }
body.mv.mv-home .row.mt-4:has(> .col-12 > .blue_color), body.mv.mv-home .row.mt-4:has(.blue_color) { margin: 16px 24px 0 !important; }

body.mv.mv-home #dashboardtabs1 { margin-top: 14px !important; }
body.mv.mv-home .All-practices-grid { border: 1px solid var(--mv-line) !important; border-radius: 10px; box-shadow: none !important; padding: 0 !important; }
body.mv.mv-home .All-practices-grid .table-grid-wrapper { border: 0 !important; box-shadow: none !important; }
body.mv.mv-home .pie-chart-box { box-shadow: none !important; border: 1px solid var(--mv-line) !important; }
body.mv.mv-home .pie-chart-box .heading, body.mv.mv-home .pie-chart-box span { color: var(--mv-ink); font-size: 13px; font-weight: 600; }
html body.mv.mv-home .lightblue_color button.butn { width: auto !important; min-width: 0 !important; white-space: nowrap; padding: 0 14px !important; height: 36px !important; margin: 0 0 0 8px !important; }

body.mv.mv-home .divformessageclass { display: block; width: auto !important; margin: 12px 24px !important; padding: 28px 16px !important; background: var(--mv-surface) !important; border: 1px dashed var(--mv-line-strong); border-radius: var(--mv-radius); color: var(--mv-slate) !important; font-size: 14px !important; font-weight: 500 !important; text-align: center !important; }

body.mv.mv-home .lightblue_color .btnfixwidth { width: auto !important; flex: 0 0 auto; float: right !important; margin-left: 8px; } html body.mv.mv-home .lightblue_color .btnfixwidth > button.butn { margin: 0 !important; }

/* DMS assignment filters: practices, date preset, from/to and actions in one wrapping row */
body.mv .grey_color:has(.mv-dms-actions) { display: flex !important; flex-wrap: wrap; gap: 10px 16px; }
body.mv .grey_color:has(.mv-dms-actions) > [class*="col-"] { flex: 0 1 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.mv .grey_color:has(.mv-dms-actions) > .col-3 { flex: 0 1 260px !important; }
body.mv .grey_color:has(.mv-dms-actions) > .col-9 { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 16px; flex: 1 1 auto !important; }
body.mv .grey_color .txtwidthandfloatF { float: none !important; width: auto !important; margin: 0 !important; display: flex; align-items: center; gap: 8px; }
body.mv .grey_color .txtwidthandfloatF > span { display: contents; }
html body.mv .grey_color .txtwidthandfloatF :is(select, input[type="text"]) { float: none !important; width: 150px !important; height: 36px; margin: 0 !important; }
body.mv .grey_color .mv-dms-actions { margin-left: auto !important; }
body.mv .grey_color .mv-dms-actions h6 { display: flex; gap: 8px; margin: 0; }
html body.mv .grey_color .mv-dms-actions .mv-btn { height: 36px; margin: 0 !important; white-space: nowrap; }

/* =============================================================================
   Practice files (EMR/Files/Files.aspx): EDI list bar with a file picker
   ============================================================================= */
body.mv .mv-filepick { position: relative; cursor: pointer; max-width: 260px; }
body.mv .mv-filepick > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv .mv-filepick > input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 0; }
body.mv .mv-filepick:focus-within { outline: 2px solid var(--mv-teal); outline-offset: 2px; }
body.mv .mv-edibar .mv-btn-primary i { color: #fff; }
body.mv .Widget:has(> .mv-edibar) #EDIFilesContainer { float: none !important; width: 100%; }

/* =============================================================================
   Bulk eligibility check (DataExtraction/CheckEligibilityMultiplePatient.aspx)
   ============================================================================= */
body.mv .mv-bulkelig { display: flex; flex-direction: column; gap: 16px; padding: 20px 0 24px; }
body.mv .mv-bulkelig-card { margin: 0 !important; }
body.mv .mv-bulkelig-file { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 13px; }
body.mv .mv-bulkelig-file strong { color: var(--mv-ink); font-weight: 600; }
body.mv .mv-bulkelig-file i { color: var(--mv-teal-600); font-size: 16px; }
body.mv .mv-bulkelig-section { padding: 16px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; }
body.mv .mv-bulkelig-section > h3 { margin: 0 0 12px !important; color: var(--mv-ink); font-size: 16px !important; font-weight: 700 !important; text-decoration: none !important; }
body.mv .mv-bulkelig-section .report-export { display: flex; justify-content: flex-end; margin: -40px 0 12px; }
body.mv .mv-bulkelig-export { display: flex; align-items: center; gap: 8px; color: var(--mv-slate); font-size: 13px; font-weight: 600; }
body.mv .mv-bulkelig-export select { height: 36px; min-width: 120px; }
body.mv .mv-bulkelig-section .GridReports { overflow-x: auto; float: none !important; }
body.mv .mv-bulkelig-section .report-export { float: none !important; }
body.mv .mv-bulkelig-section table { width: 100%; border-collapse: collapse; border: 1px solid var(--mv-line) !important; font-size: 13px; }
body.mv .mv-bulkelig-section table th { background: #F4F6F8 !important; color: var(--mv-slate); font-weight: 600; padding: 10px 12px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; white-space: nowrap; }
body.mv .mv-bulkelig-section table td { padding: 10px 12px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink); }
body.mv .mv-bulkelig-actions { display: flex; justify-content: flex-end; margin-top: 12px; }
@media (max-width: 760px) {
    body.mv .mv-bulkelig { padding-top: 12px; }
    body.mv .mv-bulkelig-section .report-export { margin: 0 0 12px; justify-content: flex-start; }
}

/* =============================================================================
   Extracted claims (DataExtraction/ClaimsDetail.aspx)
   ============================================================================= */
body.mv .mv-xclaims { display: flex; flex-direction: column; gap: 12px; padding: 20px 0 24px; }
body.mv .mv-xclaims-card { margin: 0 !important; }
body.mv .mv-xclaims .divClaimsDetail { max-height: calc(100vh - 260px); overflow: auto; margin: 0 !important; width: auto !important; border: 0 !important; border-radius: 0 !important; }
body.mv .mv-xclaims .divClaimsDetail table { width: 100%; }
body.mv .mv-xclaims td.ClaimId { color: var(--mv-teal-700) !important; font-weight: 600; cursor: pointer; }
body.mv .mv-xclaims td.ClaimId:hover { text-decoration: underline; }
body.mv .mv-xclaims-saved { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #BFE3D2; border-left: 4px solid var(--mv-ok); border-radius: 10px; background: var(--mv-ok-50, #ECF8F2); color: var(--mv-ink); font-size: 13.5px; font-weight: 500; }
body.mv .mv-xclaims-saved i { color: var(--mv-ok); font-size: 16px; }
body.mv tr.mv-emptyrow td { padding: 28px 16px !important; text-align: center !important; color: var(--mv-slate) !important; font-size: 13.5px; background: var(--mv-surface) !important; }
body.mv tr.mv-emptyrow td i { margin-right: 6px; }

/* shared buttons: an inline display:none (jQuery .hide()) still hides them */
html body.mv .mv-btn:is([style*="display: none"], [style*="display:none"]) { display: none !important; }
body.mv .mv-xclaims :is(th, td) input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; }

/* =============================================================================
   Claim details admin tool (EMR/AdminEMR/AdminClaimDetail.aspx)
   ============================================================================= */
body.mv #div_main { display: flex; flex-direction: column; gap: 12px; padding: 20px 0 24px; }
body.mv #div_main .divSearchClaim { box-sizing: border-box; width: auto !important; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 14px 16px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; }
body.mv #div_main .divSearchClaim > span { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
body.mv #div_main :is(#span_lbl, #span_lbl1) { color: var(--mv-slate); font-size: 13px; font-weight: 600; }
body.mv #div_main #span_lbl1 { margin-left: 16px !important; padding-left: 16px !important; border-left: 1px solid var(--mv-line); }
html body.mv #div_main :is(#txtid, #txtid2) { width: 160px !important; height: 38px !important; padding: 0 10px !important; margin: 0 !important; }
html body.mv #div_main :is(#btnsubmitclaim, #btnERA) { float: none !important; height: 38px !important; padding: 0 14px !important; border-radius: 9px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line-strong) !important; color: var(--mv-ink) !important; font: 600 13.5px/1 var(--mv-font) !important; cursor: pointer; }
html body.mv #div_main :is(#btnsubmitclaim, #btnERA):hover { background: var(--mv-mist) !important; }
body.mv #div_main > div:empty { display: none; }
/* result sections */
body.mv #div_main .Widget { float: none !important; width: auto !important; margin: 0 0 12px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 14px !important; overflow: hidden; }
body.mv #div_main .WidgetTitle { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; height: auto !important; min-height: 48px; padding: 0 16px !important; background: var(--mv-surface) !important; border: 0 !important; cursor: pointer; line-height: 1.3 !important; }
body.mv #div_main .WidgetTitle:hover { background: #FBFCFD !important; }
body.mv #div_main .WidgetTitle .mv-acd-title { color: var(--mv-ink) !important; font-size: var(--mv-fs-14); font-weight: 700; }
body.mv #div_main .WidgetTitle > i.bi { color: var(--mv-slate); font-size: 14px; }
body.mv #div_main .WidgetMainContent { float: none !important; width: auto !important; padding: 0 !important; background: var(--mv-surface) !important; border-top: 1px solid var(--mv-line); overflow-x: auto; }
body.mv #div_main .WidgetMainContent table { width: max-content; min-width: 100%; border-collapse: collapse; }
body.mv #div_main .WidgetMainContent :is(thead, tbody, tr) { float: none !important; width: auto !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
body.mv #div_main .WidgetMainContent tr { display: table-row !important; }
body.mv #div_main .WidgetMainContent td { display: table-cell !important; float: none !important; width: auto !important; padding: 8px 6px !important; vertical-align: middle; border: 0 !important; }
body.mv #div_main .WidgetMainContent thead td { background: #F4F6F8; color: var(--mv-slate); font-size: 12px !important; font-weight: 600 !important; white-space: nowrap; border-bottom: 1px solid var(--mv-line) !important; }
body.mv #div_main .WidgetMainContent tbody tr + tr td { border-top: 1px solid var(--mv-line) !important; }
html body.mv #div_main .WidgetMainContent td :is(input[type="text"], select) { width: 104px !important; height: 34px; margin: 0 !important; font-size: 13px !important; }
html body.mv #div_main .WidgetMainContent td :is(input[type="button"], button) { height: 34px !important; padding: 0 12px !important; border-radius: 8px !important; background: var(--mv-teal-600) !important; border: 1px solid var(--mv-teal-600) !important; color: #fff !important; font-weight: 600 !important; cursor: pointer; }

body.mv #div_main .WidgetTitle > i.bi { transition: transform .15s; }
body.mv #div_main .WidgetTitle:not(:has(+ .WidgetMainContent:is([style*="display: none"], [style*="display:none"]))) > i.bi { transform: rotate(180deg); }

/* Allergy types (EMR/Allergy/AllergyTypes.aspx) */
body.mv #divAT .mv-allergy-scroll { max-height: calc(100vh - 300px); overflow: auto; }
body.mv .mv-updates .User_table { height: auto !important; max-height: calc(100vh - 300px); overflow: auto; }
body.mv .mv-updates td:has(> .spnedit) { white-space: nowrap; } body.mv .mv-updates td > :is(.spnedit, .spndelete) { display: inline-flex !important; float: none !important; vertical-align: middle; margin: 0 2px !important; }
body.mv #divAT .fixTable :is(th, td) { text-align: left !important; }
body.mv #divAT .fixTable { width: 100% !important; table-layout: auto; }
body.mv #divAT .fixTable :is(thead, tbody) input[type="text"] { width: 100% !important; box-sizing: border-box; }

/* Segmented radio filter: <div class="mv-segmented"><span><input type=radio><label></span>...</div> */
body.mv .mv-segmented { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv .mv-segmented > span { position: relative; display: inline-flex; margin: 0 !important; }
body.mv .mv-segmented input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
body.mv .mv-segmented label { display: inline-flex; align-items: center; height: 32px; margin: 0 !important; padding: 0 14px; border-radius: 7px; color: var(--mv-slate) !important; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
body.mv .mv-segmented label:hover { color: var(--mv-ink) !important; }
body.mv .mv-segmented input:checked + label { background: var(--mv-surface); color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11, 37, 69, .12); }
body.mv .mv-segmented input:focus-visible + label { outline: 2px solid var(--mv-teal); outline-offset: 1px; }

/* Visit charts (EMR/Chart/ChartSummary.aspx) */
body.mv .mv-chartsum { margin: 20px 0 24px !important; }
body.mv .mv-chartsum > #divchartFilter { margin: 12px 16px; }
body.mv .mv-chartsum > div[style*="float: right"] { display: none; }
body.mv .mv-chartsum-body .Grid { width: auto !important; }
body.mv .mv-chartsum-body .Grid :is(th, td) { text-align: left !important; }
/* Signed chart: read-only notice and readable disabled fields (P3.4; the lock itself is enforced by the server, P3.4a) */
body.mv .mv-chart-lockbar { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 10px 14px; background: var(--mv-info-50); border: 1px solid var(--mv-line); border-left: 4px solid var(--mv-info); border-radius: var(--mv-radius-sm); color: var(--mv-text); font-size: 13px; font-weight: 600; }
body.mv .mv-chart-lockbar i { color: var(--mv-info); }
body.mv .mv-chart-locked :is(input, select, textarea):disabled { background: var(--mv-mist) !important; color: var(--mv-text) !important; -webkit-text-fill-color: var(--mv-text); opacity: 1 !important; cursor: not-allowed; }

/* 999 / 277 file viewer (EMR/ClaimsStatusResponse277/ClaimStatusResponse999.aspx) */
body.mv .mv-edifiles { display: flex; flex-direction: column; gap: 16px; padding: 20px 0 24px; }
body.mv .mv-edifiles .Widget { margin: 0 !important; }
body.mv .mv-edifiles-error:not(:empty) { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--mv-line); color: var(--mv-bad); font-size: 13px; font-weight: 600; }
body.mv .mv-edifiles-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
body.mv .mv-edifiles .Grid { max-height: calc(100vh - 320px); overflow: auto; }
body.mv .mv-edifiles .Grid table { width: 100%; }
body.mv .mv-edifiles .Grid :is(th, td) { text-align: left !important; }
body.mv .mv-edifiles .Grid :is(th, td):first-child { width: 48px; color: var(--mv-slate); }
body.mv .mv-edifiles-seg { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12.5px; word-break: break-all; }
body.mv td.mv-edifiles-errseg { background: var(--mv-bad-50) !important; color: var(--mv-bad) !important; font-weight: 600; box-shadow: inset 3px 0 0 var(--mv-bad); }
body.mv .mv-edifiles-grid:not(:has(tbody tr)) { display: none; }
@media (max-width: 1100px) { body.mv .mv-edifiles-grid { grid-template-columns: minmax(0, 1fr); } }

/* Practice and payer details (EMR/ComparePrcandInsInformation, Home.master) */
body.mv.mv-home .mv-compare-page { padding: 76px 24px 24px !important; }
body.mv.mv-home #header { width: 100% !important; }
body.mv.mv-home .mv-compare-page .row { margin: 0 !important; }
body.mv.mv-home .mv-compare .fixTable { width: 100% !important; }
body.mv.mv-home .mv-compare-page > .row > .col-12, body.mv.mv-home .mv-compare-page .row > .col-12 { padding: 0 !important; }
body.mv.mv-home .mv-compare { margin: 0 !important; }
body.mv.mv-home .mv-compare-bar { flex-wrap: wrap; row-gap: 10px; }
body.mv.mv-home .mv-compare .divScriber { float: none; width: auto; margin: 0; padding: 3px; }
body.mv.mv-home .mv-compare #griddiv { float: none !important; width: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.mv.mv-home .mv-compare .fixTable thead tr:first-child th { text-align: center !important; color: var(--mv-ink) !important; font-size: 12.5px !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv.mv-home .mv-compare .fixTable thead tr:first-child th + th { border-left: 1px solid var(--mv-line) !important; }
body.mv.mv-home .mv-compare .fixTable :is(th, td):nth-child(5), body.mv.mv-home .mv-compare .fixTable tbody td:nth-child(11), body.mv.mv-home .mv-compare .fixTable thead tr + tr th:nth-child(11) { border-right: 1px solid var(--mv-line) !important; }

/* =============================================================================
   CRM shell (EMR/CRM/CRM.master): white top bar, navy section rail, mist canvas
   ============================================================================= */
body.mv.mv-crm { background: var(--mv-mist) !important; color: var(--mv-text); font-family: var(--mv-font) !important; }
body.mv.mv-crm .Topbar { display: none !important; }
body.mv.mv-crm #global-loader { background: rgba(243, 246, 248, .85) !important; }
/* top bar */
body.mv.mv-crm .app-header { position: fixed !important; top: 0; left: 0 !important; right: 0; width: auto !important; height: 64px !important; padding: 0 !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important; box-shadow: none !important; z-index: 1030 !important; }
body.mv.mv-crm .app-header > .container-fluid { height: 100%; padding: 0 20px !important; }
body.mv.mv-crm .app-header > .container-fluid > .d-flex { height: 100%; align-items: center; }
body.mv.mv-crm .app-header .app-sidebar__logo { position: static !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; display: flex; align-items: center; }
body.mv.mv-crm .app-header .header-brand-img { height: 28px !important; width: auto !important; }
body.mv.mv-crm .app-header .header-brand-img:not(.desktop-lgo) { display: none !important; }
body.mv.mv-crm .app-header .app-sidebar__toggle { display: none !important; }
body.mv.mv-crm .app-header .profile-dropdown > .nav-link { display: flex; align-items: center; height: 44px; padding: 0 12px 0 6px !important; border: 1px solid var(--mv-line); border-radius: 12px; }
body.mv.mv-crm .app-header .profile-dropdown > .nav-link:hover { background: var(--mv-mist); }
body.mv.mv-crm .app-header .profile-name { display: flex; align-items: center; gap: 10px; color: var(--mv-ink) !important; font-size: 13.5px; font-weight: 600; }
body.mv.mv-crm .app-header .profile-name span { color: var(--mv-ink) !important; }
body.mv.mv-crm .app-header .profile-name img { width: 30px; height: 30px; border-radius: 8px; }
body.mv.mv-crm .profile-dropdown .dropdown-menu { min-width: 240px; padding: 6px !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38) !important; }
body.mv.mv-crm .profile-dropdown .dropdown-menu .dropdown-item { align-items: center; gap: 10px; height: 38px; padding: 0 10px !important; border-radius: 8px; color: var(--mv-ink) !important; font-size: 13.5px; }
body.mv.mv-crm .profile-dropdown .dropdown-menu .dropdown-item:hover { background: var(--mv-mist) !important; }
body.mv.mv-crm .profile-dropdown .dropdown-menu .dropdown-item .mt-1 { margin: 0 !important; }
body.mv.mv-crm .profile-dropdown .dropdown-menu .dropdown-item i { margin: 0 !important; color: var(--mv-slate); }
/* section rail */
body.mv.mv-crm .app-sidebar { position: fixed !important; top: 64px !important; bottom: 0; left: 0; width: var(--mv-sidebar) !important; height: auto !important; padding: 16px 12px !important; background: var(--mv-ink) !important; border: 0 !important; box-shadow: none !important; overflow-y: auto; z-index: 1020 !important; }
body.mv.mv-crm .app-sidebar3, body.mv.mv-crm .side-menu { margin: 0 !important; padding: 0 !important; background: none !important; }
body.mv.mv-crm .side-menu { display: flex; flex-direction: column; gap: 2px; }
body.mv.mv-crm .side-menu > li { margin: 0 !important; border: 0 !important; background: none !important; }
body.mv.mv-crm .side-menu__item { display: flex !important; align-items: center; gap: 12px; height: 40px; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px; background: transparent !important; color: #C9D6E3 !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; }
body.mv.mv-crm .side-menu__item:hover { background: var(--mv-ink-2) !important; color: #fff !important; }
body.mv.mv-crm .side-menu__item.active { background: rgba(255, 255, 255, .08) !important; color: #fff !important; box-shadow: inset 3px 0 0 #5EEAD4; }
body.mv.mv-crm .side-menu__item .sidemenu_icon { width: 18px !important; height: auto !important; margin: 0 !important; color: inherit !important; font-size: 16px !important; line-height: 1 !important; text-align: center; }
body.mv.mv-crm .side-menu__label { color: inherit !important; font-size: inherit !important; white-space: nowrap; }
/* canvas */
body.mv.mv-crm .app-content { min-width: 0 !important; width: auto !important; margin-left: var(--mv-sidebar) !important; padding: 0 !important; background: transparent !important; min-height: 100vh; }
body.mv.mv-crm .side-app { padding: 84px 24px 24px !important; }
body.mv.mv-crm .card { border: 1px solid var(--mv-line) !important; border-radius: 14px !important; box-shadow: none !important; background: var(--mv-surface) !important; }

body.mv.mv-crm .mv-crm-brand { display: flex; align-items: center; gap: 12px; text-decoration: none !important; }
body.mv.mv-crm .mv-crm-logo { height: 26px; width: auto; display: block; }
body.mv.mv-crm .mv-crm-section { padding-left: 12px; border-left: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 14px; font-weight: 600; }
body.mv.mv-crm .side-app { padding-top: 20px !important; }
body.mv.mv-crm .side-app > .row:first-child, body.mv.mv-crm .side-app > :first-child { margin-top: 0 !important; padding-top: 0 !important; }
body.mv.mv-crm .card .card-header { min-height: 0; padding: 16px 20px 8px !important; background: none !important; border: 0 !important; }
body.mv.mv-crm .card .card-header .card-title { margin: 0 !important; padding: 0 !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv.mv-crm .card .card-header .card-title::before { display: none !important; }
body.mv.mv-crm .mv-crm-sub { margin-left: 8px; color: var(--mv-slate); font-size: 13px; font-weight: 500; }

body.mv.mv-crm .card .card-header .card-title, body.mv.mv-crm .card .card-header .card-title * { text-transform: none !important; }
body.mv.mv-crm .meetings-card .date_time { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 4px; border-radius: 10px; background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; text-align: center; }
body.mv.mv-crm .meetings-card .date_time .date { color: inherit !important; font-size: 12.5px !important; font-weight: 700; line-height: 1.2 !important; }
body.mv.mv-crm .meetings-card .list-group-item { background: none !important; }
body.mv.mv-crm .meetings-card .h5 { color: var(--mv-ink) !important; font-weight: 600 !important; }
body.mv.mv-crm .card-options .btn, body.mv.mv-crm .btn-outline-light { height: 34px; padding: 0 12px !important; display: inline-flex; align-items: center; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; }
body.mv.mv-crm .card-options .btn:hover { background: var(--mv-mist) !important; }
body.mv.mv-crm .charts-info table :is(th, td) { padding: 5px 8px !important; border-color: var(--mv-line) !important; font-size: 13px; }

body.mv.mv-crm .charts-info .table-responsive { overflow: visible !important; }

body.mv.mv-crm .mv-crm-chartbox { position: relative; height: 200px; }

/* CRM controls: card header toolbar, select2, buttons, tables, dropdowns */
body.mv.mv-crm .card > .card-header { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 16px 20px 12px !important; }
body.mv.mv-crm .card > .card-header .card-options { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 0 auto !important; }
body.mv.mv-crm .card > .card-header .btn-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; }
body.mv.mv-crm .card > .card-header .btn-list > * { margin: 0 !important; float: none !important; }
body.mv.mv-crm .card > .card-header .btn-list > a.btn.p-0 { height: auto; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.mv.mv-crm .card > .card-header .btn-list .form-group { margin: 0 !important; }
body.mv.mv-crm .form-control { height: 38px !important; padding: 0 12px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background-color: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 13.5px !important; box-shadow: none !important; }
body.mv.mv-crm .form-control:focus { border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
body.mv.mv-crm .form-control::placeholder { color: #8A99AB !important; }
body.mv.mv-crm .fc-datepicker { min-width: 170px; }
/* select2 */
body.mv.mv-crm .select2-container { min-width: 170px; }
body.mv.mv-crm .select2-container--default .select2-selection--single { height: 38px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important; }
body.mv.mv-crm .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px !important; padding: 0 32px 0 12px !important; color: var(--mv-ink) !important; font-size: 13.5px; font-weight: 500; text-align: left; }
body.mv.mv-crm .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #8A99AB !important; }
body.mv.mv-crm .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important; right: 8px !important; }
body.mv.mv-crm .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--mv-teal) !important; }
body.mv.mv-crm .select2-dropdown { border: 1px solid var(--mv-line) !important; border-radius: 10px !important; box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38) !important; overflow: hidden; }
body.mv.mv-crm .select2-results__option { padding: 8px 12px !important; font-size: 13.5px; color: var(--mv-ink); }
body.mv.mv-crm .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }
body.mv.mv-crm .select2-container--default .select2-results__option[aria-selected="true"] { background: var(--mv-mist) !important; color: var(--mv-ink) !important; font-weight: 600; }
body.mv.mv-crm .select2-search--dropdown .select2-search__field { height: 34px; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px; }
/* buttons */
body.mv.mv-crm .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 14px !important; border-radius: 9px !important; font-size: 13.5px !important; font-weight: 600 !important; box-shadow: none !important; }
body.mv.mv-crm :is(.btn-outline-light, .btn-light, .btn-white) { border: 1px solid var(--mv-line-strong) !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; }
body.mv.mv-crm :is(.btn-outline-light, .btn-light, .btn-white):hover { background: var(--mv-mist) !important; }
body.mv.mv-crm :is(.btn-primary, .btn-success, .btn-info) { border: 1px solid var(--mv-teal-600) !important; background: var(--mv-teal-600) !important; color: #fff !important; }
body.mv.mv-crm :is(.btn-primary, .btn-success, .btn-info):hover { background: var(--mv-teal-700) !important; border-color: var(--mv-teal-700) !important; }
body.mv.mv-crm .btn-danger { border: 1px solid #E8B4AE !important; background: var(--mv-surface) !important; color: var(--mv-bad) !important; }
body.mv.mv-crm .btn i.feather { font-size: 15px; margin: 0 !important; }
body.mv.mv-crm .btn.dropdown-toggle::after { margin-left: 4px; }
body.mv.mv-crm .card .dropdown-menu { min-width: 160px; padding: 6px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important; box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38) !important; }
body.mv.mv-crm .card .dropdown-menu li > a, body.mv.mv-crm .card .dropdown-menu .dropdown-item { display: flex; align-items: center; height: 34px; padding: 0 10px !important; border-radius: 7px; color: var(--mv-ink) !important; font-size: 13.5px; text-decoration: none !important; }
body.mv.mv-crm .card .dropdown-menu li > a:hover, body.mv.mv-crm .card .dropdown-menu .dropdown-item:hover { background: var(--mv-mist) !important; }
/* tables */
body.mv.mv-crm .card .table { margin: 0 !important; border: 0 !important; color: var(--mv-ink); font-size: 13.5px; }
body.mv.mv-crm .card .table :is(th, td) { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; vertical-align: middle !important; }
body.mv.mv-crm .card .table thead th { background: #F4F6F8 !important; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap; }
body.mv.mv-crm .card .table-striped tbody tr:nth-of-type(odd) { background: transparent !important; }
body.mv.mv-crm .card .table tbody tr:hover { background: #FBFCFD !important; }
body.mv.mv-crm .card .table-responsive { border: 1px solid var(--mv-line); border-radius: 10px; }
body.mv.mv-crm .card .card-body { padding: 4px 20px 20px !important; }

/* CRM filter wrappers: inputs and selects wrapped in .btn anchors carry no box of their own */
body.mv.mv-crm .card > .card-header :is(a, span).btn:has(> :is(input, select, .select2, .form-group, span.select2)) { height: auto; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }

body.mv.mv-crm .card > .card-header .card-options > :is(a, span).btn { margin: 0 !important; float: none !important; }
body.mv.mv-crm .card > .card-header .card-options .form-group { margin: 0 !important; }
/* date fields with a calendar prefix */
body.mv.mv-crm .input-group { flex-wrap: nowrap !important; }
body.mv.mv-crm .input-group > .form-control { min-width: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
body.mv.mv-crm .input-group-prepend { margin: 0 !important; }
body.mv.mv-crm .input-group-text { height: 38px; padding: 0 10px !important; border: 1px solid var(--mv-line-strong) !important; border-right: 0 !important; border-radius: 9px 0 0 9px !important; background: var(--mv-mist) !important; color: var(--mv-slate) !important; }
body.mv.mv-crm .card-header span:not([class]), body.mv.mv-crm .card-header label { color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }

/* Dashboards (EMR/Dashboards.aspx): chart cards in a grid */
body.mv .mv-dash2 { display: flex; flex-direction: column; gap: 16px; float: none !important; width: auto !important; padding: 20px 0 24px !important; }
body.mv .mv-dash2-nav { align-self: flex-start; }
body.mv .mv-dash2-nav a { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 7px; color: var(--mv-slate) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; }
body.mv .mv-dash2-nav a:hover { background: var(--mv-surface); color: var(--mv-ink) !important; }
body.mv .mv-dash2-section { scroll-margin-top: 90px; }
body.mv .mv-dash2-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.mv .mv-dash2-card { min-width: 0; padding: 16px 18px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; }
body.mv .mv-dash2-card h3 { margin: 0 0 8px !important; color: var(--mv-ink); font-size: 15px !important; font-weight: 700 !important; }
body.mv .mv-dash2-wide { grid-column: 1 / -1; }
body.mv .mv-dash2-chart { width: 100%; height: 280px; }
body.mv .mv-dash2-wide .mv-dash2-chart { height: 300px; }
@media (max-width: 1100px) { body.mv .mv-dash2-grid { grid-template-columns: minmax(0, 1fr); } }

body.mv .mv-chart-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; height: 100%; min-height: 160px; color: var(--mv-slate); font-size: 13.5px; } body.mv .mv-chart-empty i { font-size: 28px; color: var(--mv-line-strong); }

body.mv.mv-home #MainGrid .input-container { border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; } body.mv.mv-home #MainGrid .input-container button { color: #fff !important; font-weight: 600; } body.mv.mv-home #MainGrid .input-container button:hover { background: var(--mv-teal-600) !important; }

body.mv.mv-home #MainGrid .input-container { margin-bottom: 8px !important; } body.mv.mv-home #MainGrid :is(label, span):has(+ .input-container), body.mv.mv-home #MainGrid .text-primary { color: var(--mv-slate) !important; font-weight: 600; font-size: 12.5px; }

body.mv.mv-home #MainGrid .color-primary { color: var(--mv-slate) !important; font-size: 12.5px; font-weight: 600; margin-bottom: 4px; }

/* ERA file reader (EMR/EDI/Claim.aspx) */
body.mv .mv-eraimport { float: none !important; display: flex; flex-direction: column; gap: 0; margin: 20px 0 0; padding: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv .mv-eraimport-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; border-top: 1px solid var(--mv-line); }
body.mv .mv-eraimport-pick:not(:has(input[type="file"])) { display: none; }
body.mv .mv-eraimport #tblISA, body.mv .mv-eraimport > table.Grid { width: calc(100% - 32px) !important; margin: 0 16px 16px !important; }
body.mv .mv-eraimport input[id$="btnProcess"] { float: none !important; margin: 0 16px 16px !important; }

/* Raw eligibility request (EMR/Eligibility/CustomEligibilityCheck.aspx) */
body.mv .mv-rawelig { display: flex; flex-direction: column; gap: 16px; padding: 20px 0 24px; }
body.mv .mv-rawelig .Widget { margin: 0 !important; overflow: visible !important; }
body.mv .mv-rawelig-search { position: relative; }
body.mv .mv-rawelig-search label { margin: 0; color: var(--mv-slate); font-size: 13px; font-weight: 600; }
html body.mv .mv-rawelig-search #txtPatId { width: 160px !important; height: 38px; margin: 0 !important; }
body.mv .mv-rawelig-results { position: absolute; top: calc(100% + 6px); right: 0; z-index: 20; width: 300px; max-height: 260px; overflow: auto; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38); }
body.mv .mv-rawelig-results tbody tr { cursor: pointer; }
body.mv .mv-rawelig .box-content { padding: 0 16px 16px !important; background: none !important; }
html body.mv .mv-rawelig textarea { box-sizing: border-box; display: block; width: 100% !important; min-height: 140px; padding: 10px 12px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 10px !important; font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important; font-size: 12.5px !important; word-break: break-all; }

body.mv.mv-shell :is(.mv-rawelig, .mv-bulkelig, .mv-edifiles, .mv-xclaims) > .Widget:has(> .mv-listbar) { margin: 0 !important; }

body.mv #divEMRUpdate td:last-child { white-space: nowrap; width: 1%; } body.mv #divEMRUpdate td:last-child > * { display: inline-block; vertical-align: middle; margin: 0 4px !important; }

/* Escalated provider claims (EMR/EsclatedProvider, Home.master) */
body.mv.mv-home #divDashBoard { padding: 0 24px !important; margin-top: 12px; overflow-x: auto; max-width: 100% !important; flex: 0 0 100% !important; box-sizing: border-box; }
body.mv.mv-home .row:has(> #divDashBoard) { margin: 0 !important; }
body.mv.mv-home #divDashBoard > table { margin: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 14px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: 13px; }
body.mv.mv-home #divDashBoard > table thead, body.mv.mv-home #divDashBoard > table thead tr { background: #F4F6F8 !important; }
body.mv.mv-home #divDashBoard > table th { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; white-space: nowrap; }
body.mv.mv-home #divDashBoard > table td { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important; background: transparent !important; text-align: left !important; }
body.mv.mv-home #divDashBoard > table tbody tr:nth-of-type(odd) { background: transparent !important; }
body.mv.mv-home #divDashBoard > table tbody tr:hover { background: #FBFCFD !important; }
body.mv.mv-home #divDashBoard .eye_click { cursor: pointer; color: var(--mv-teal-700); }
body.mv.mv-home .butn-color { height: 36px; padding: 0 16px !important; border-radius: 8px !important; background: var(--mv-teal-600) !important; border: 1px solid var(--mv-teal-600) !important; color: #fff !important; font-weight: 600; }
body.mv.mv-home .butn-color:hover { background: var(--mv-teal-700) !important; }
body.mv.mv-home .m-50:has(#divDashBoard) { margin-top: 76px !important; }

/* =============================================================================
   Follow-up workspace (EMR/FollowUp/FollowUp.aspx + its AJAX panels)
   ============================================================================= */
body.mv .mv-fu { display: flex !important; align-items: flex-start; gap: 16px; float: none !important; padding: 20px 0 24px; background: none !important; }
/* section nav */
body.mv .mv-fu > .leftnavtab { flex: 0 0 220px; width: 220px !important; height: auto !important; min-height: 0 !important; padding: 8px !important; float: none !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 14px; box-shadow: none !important; }
body.mv .mv-fu > .leftnavtab ol { display: flex; flex-direction: column; gap: 2px; float: none !important; margin: 0 !important; padding: 0 !important; list-style: none; }
body.mv .mv-fu .li1st { padding: 8px 10px 6px !important; margin: 0 !important; background: none !important; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; border: 0 !important; }
body.mv .mv-fu .list { display: flex; align-items: center; height: 36px; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 8px; background: none !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 500 !important; cursor: pointer; }
body.mv .mv-fu .list:hover { background: var(--mv-mist) !important; }
body.mv .mv-fu .list.activelist { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; font-weight: 600 !important; box-shadow: inset 3px 0 0 var(--mv-teal); }
/* work area */
body.mv .mv-fu > .width-87p { flex: 1 1 auto; min-width: 0; width: auto !important; float: none !important; }
body.mv .mv-fu .rightdivrtab { margin: 0 !important; padding: 16px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; }
body.mv .mv-fu .divTopFollowup > div { border-bottom-color: var(--mv-line) !important; }
body.mv .mv-fu .divTopFollowup .divtdother { color: var(--mv-ink) !important; font-size: 14px !important; }
body.mv .mv-fu .divTopFollowup .divtdother:first-child { color: var(--mv-slate) !important; font-size: 13px !important; }
body.mv .mv-fu #supervisorName { color: var(--mv-ink); font-weight: 700; }
body.mv .mv-fu :is(.CustomeChk1, .datelbl) { color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; }
body.mv .mv-fu #lblshifttime { color: var(--mv-ink) !important; font-size: 13.5px !important; }
/* checkboxes and radios: a 16px box beside the label instead of a coloured block */
body.mv .mv-fu :is(.CustomeChk, .CustomRbt) { display: inline-flex !important; align-items: center; gap: 8px; height: 34px !important; padding: 0 12px 0 34px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; }
body.mv .mv-fu :is(.CustomeChk, .CustomRbt):hover { background: var(--mv-mist) !important; }
body.mv .mv-fu .CustomeChk .checkmark, body.mv .mv-fu .CustomRbt .checkmarkrbt { top: 50% !important; left: 10px !important; width: 16px !important; height: 16px !important; transform: translateY(-50%); background: var(--mv-surface) !important; border: 1.5px solid var(--mv-line-strong); border-radius: 4px; }
body.mv .mv-fu .CustomRbt .checkmarkrbt { border-radius: 50%; }
body.mv .mv-fu .CustomeChk input:checked ~ .checkmark, body.mv .mv-fu .CustomRbt input:checked ~ .checkmarkrbt { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600); }
body.mv .mv-fu .CustomeChk .checkmark:after { left: 4.5px !important; top: 1.5px !important; width: 4px !important; height: 8px !important; border-width: 0 2px 2px 0 !important; }
body.mv .mv-fu .CustomRbt .checkmarkrbt:after { top: 4px !important; left: 4px !important; width: 5px !important; height: 5px !important; border-radius: 50%; background: #fff !important; }
body.mv .mv-fu .AddDisableColor { opacity: .5; }
/* aging buckets: pill toggles tinted by age */
body.mv .mv-fu :is(.CustomeChkBlue, .CustomeChkYellow, .CustomeChkRed, .CustomeChkGray) { display: inline-flex !important; align-items: center; height: 34px !important; padding: 0 12px 0 34px !important; border: 1px solid var(--mv-line) !important; border-radius: 999px; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600 !important; }
body.mv .mv-fu :is(.checkmarkBlue, .checkmarkYellow, .checkmarkRed, .checkmarkGray) { top: 50% !important; left: 12px !important; width: 14px !important; height: 14px !important; transform: translateY(-50%); border-radius: 50%; background: var(--mv-surface) !important; border: 1.5px solid var(--mv-line-strong); }
body.mv .mv-fu :is(.checkmarkBlue, .checkmarkYellow, .checkmarkRed, .checkmarkGray):after { left: 3.5px !important; top: 1px !important; width: 4px !important; height: 7px !important; border-width: 0 2px 2px 0 !important; }
body.mv .mv-fu .CustomeChkBlue:has(input:checked) { background: var(--mv-teal-50) !important; border-color: #A7DCD3 !important; }
body.mv .mv-fu .CustomeChkBlue input:checked ~ .checkmarkBlue { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600); }
body.mv .mv-fu .CustomeChkYellow:has(input:checked) { background: var(--mv-warn-50) !important; border-color: #EAD3A1 !important; }
body.mv .mv-fu .CustomeChkYellow input:checked ~ .checkmarkYellow { background: var(--mv-warn) !important; border-color: var(--mv-warn); }
body.mv .mv-fu .CustomeChkRed:has(input:checked) { background: var(--mv-bad-50) !important; border-color: #EBC1BB !important; }
body.mv .mv-fu .CustomeChkRed input:checked ~ .checkmarkRed { background: var(--mv-bad) !important; border-color: var(--mv-bad); }
body.mv .mv-fu .CustomeChkGray:has(input:checked) { background: #EEF1F4 !important; border-color: var(--mv-line-strong) !important; }
body.mv .mv-fu .CustomeChkGray input:checked ~ .checkmarkGray { background: var(--mv-slate) !important; border-color: var(--mv-slate); }
body.mv .mv-fu .divtdother { width: auto !important; margin: 0 8px 8px 0 !important; float: left; }
body.mv .mv-fu .divfilterleft .CustomeChk1 { position: static !important; display: block; margin: 10px 0 18px !important; }
html body.mv .mv-fu .divtdother input[type="text"] { height: 34px; width: 150px !important; box-sizing: border-box; }
/* grid */
body.mv .mv-fu thead.tableHeader, body.mv .mv-fu thead.tableHeader tr, body.mv .mv-fu thead.tableHeader td { background: #F4F6F8 !important; color: var(--mv-slate) !important; border-color: var(--mv-line) !important; font-size: 12.5px !important; font-weight: 600 !important; }
body.mv .mv-fu thead.tableHeader tr:first-child td { padding: 10px 8px !important; text-align: left !important; }
html body.mv .mv-fu thead.tableHeader :is(input, select) { width: 100% !important; height: 32px; box-sizing: border-box; }
body.mv .mv-fu .tbodyclass td { padding: 8px !important; border-color: var(--mv-line) !important; color: var(--mv-ink); font-size: 13px; }
body.mv .mv-fu [id$="gridHeight"], body.mv .mv-fu #SuperFollowUpgridHeight { height: auto !important; max-height: calc(100vh - 420px); min-height: 120px; }
body.mv .mv-fu .tbodyclass:not(:has(tr))::after { content: "No claims match these filters."; display: block; padding: 28px 16px; color: var(--mv-slate); font-size: 13.5px; text-align: center; }
/* actions */
html body.mv .mv-fu .btnnew { height: 36px !important; margin: 0 0 0 8px !important; padding: 0 14px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font: 600 13.5px/1 var(--mv-font) !important; box-shadow: none !important; cursor: pointer; }
html body.mv .mv-fu .btnnew:hover { background: var(--mv-mist) !important; }
html body.mv .mv-fu #SendTOAR { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
body.mv .mv-fu .divTopFollowup:has(> .floatR > .btnnew) { margin-top: 12px; }
@media (max-width: 1100px) {
    body.mv .mv-fu { flex-direction: column; }
    body.mv .mv-fu > .leftnavtab { flex: none; width: 100% !important; }
    body.mv .mv-fu > .leftnavtab ol { flex-direction: row; overflow-x: auto; }
    body.mv .mv-fu .li1st { display: none; }
    body.mv .mv-fu .list { flex: 0 0 auto; white-space: nowrap; }
    body.mv .mv-fu > .width-87p { width: 100% !important; }
    body.mv .mv-fu .rightdivrtab { overflow-x: auto; }
}

body.mv .mv-fu .rightdivrtab { display: flow-root; }
body.mv .mv-fu #divrbtmain { display: flex !important; flex-wrap: wrap; gap: 8px; width: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.mv .mv-fu #divrbtmain > div { position: static !important; float: none !important; margin: 0 !important; width: auto !important; }
body.mv .mv-fu td:has(> #divrbtmain), body.mv .mv-fu tr:has(#divrbtmain) { height: auto !important; }
html body.mv .mv-fu :is(#txtDatefrom, #txtDateto) { height: 34px !important; box-sizing: border-box !important; }
body.mv .mv-fu .ui-datepicker-trigger { width: 18px !important; height: 18px !important; margin: 0 0 0 -28px !important; vertical-align: middle; opacity: .7; }
body.mv .mv-fu #FilterdivForSupervisor > table, body.mv .mv-fu #FilterdivForSupervisor td { background: none !important; box-shadow: none !important; }

body.mv .mv-fu input[type="radio"], body.mv .mv-fu input[type="checkbox"] { accent-color: var(--mv-teal-600); }
body.mv .mv-fu .rightdivrtab :is(label, span):not([class*="CustomeChk"]):not([class*="checkmark"]):not(.CustomRbt) { color: inherit; }
body.mv .mv-fu .rightdivrtab [style*="color: #2196f3"], body.mv .mv-fu .rightdivrtab [style*="color:#2196f3"], body.mv .mv-fu .rightdivrtab [style*="color: rgb(33, 150, 243)"], body.mv .mv-fu .rightdivrtab [style*="color:#006291"], body.mv .mv-fu .rightdivrtab [style*="color: #006291"] { color: var(--mv-ink) !important; }

/* Pending free claims (EMR/FreeClaim/FreeClaims.aspx) */
body.mv #divPendingSubmission { margin: 20px 0 24px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv div:has(> #divPendingSubmission) { position: static !important; margin-top: 0 !important; }
body.mv div:has(> #divPendingSubmission) > .box-header { display: none; }
body.mv .mv-freeclaims-fact { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; min-height: 38px; padding: 6px 12px; line-height: 1.3; box-sizing: border-box; border: 1px solid var(--mv-line); border-radius: 9px; background: var(--mv-mist); color: var(--mv-ink); font-size: 13px; font-weight: 600; }
body.mv .mv-freeclaims-fact > span:first-child { color: var(--mv-slate); font-weight: 500; }
body.mv #divPendingSubmission > .Grid { width: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }

/* Lab order / result search (EMR/Lab/LabOrderSearch, LabResultsSearch) */
body.mv .mv-labsearch { float: none !important; width: auto !important; max-width: 100%; margin: 20px 0 24px !important; box-sizing: border-box; }
body.mv .mv-labsearch > .Contentdiv { float: none !important; width: auto !important; min-width: 0; box-sizing: border-box; padding: 16px !important; background: none !important; }
body.mv .mv-labform { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 16px; align-items: end; }
body.mv .mv-labfield { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.mv .mv-labfield-wide { grid-column: span 2; }
body.mv .mv-labfield > label { margin: 0; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-labfield :is(input[type="text"], select) { width: 100% !important; height: 38px; box-sizing: border-box; margin: 0 !important; }
body.mv .mv-labpick { display: flex; gap: 6px; align-items: center; }
html body.mv .mv-labpick input[type="text"] { flex: 1 1 auto; min-width: 0; background: var(--mv-mist) !important; }
html body.mv .mv-labpick input.mv-labloinc { flex: 0 0 90px; }
html body.mv .mv-labpick .mv-btn { flex: 0 0 auto; width: 38px; height: 38px !important; padding: 0 !important; justify-content: center; }
body.mv .mv-labcheck { display: inline-flex; align-items: center; gap: 8px; height: 38px; margin: 0; color: var(--mv-ink); font-size: 13.5px; }
body.mv .mv-labactions { display: flex; justify-content: flex-end; margin: 16px 0; }
body.mv .mv-labsearch .Grid { width: auto !important; max-width: 100%; border: 1px solid var(--mv-line); border-radius: 10px; overflow-x: auto; }
@media (max-width: 1100px) { body.mv .mv-labform { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { body.mv .mv-labform { grid-template-columns: minmax(0, 1fr); } body.mv .mv-labfield-wide { grid-column: auto; } }

/* Messages (EMR/Messages/Messages.aspx) */
body.mv .mv-msg { display: flex; align-items: flex-start; gap: 16px; float: none !important; width: auto !important; padding: 20px 0 24px; }
body.mv .mv-msg .leftPanel { position: static !important; top: auto !important; left: auto !important; flex: 0 0 220px; width: 220px !important; float: none !important; margin: 0 !important; padding: 12px !important; display: flex; flex-direction: column; gap: 10px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; box-sizing: border-box; }
body.mv .mv-msg .leftPanel > .mv-btn, body.mv .mv-msg .mv-msg-support { width: 100%; justify-content: center; }
body.mv .mv-msg .nav-list { display: flex; flex-direction: column; gap: 2px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none; }
body.mv .mv-msg .nav-list > li { float: none !important; width: auto !important; margin: 0 !important; background: none !important; border: 0 !important; border-radius: 8px; cursor: pointer; }
body.mv .mv-msg .nav-list > li > a { display: flex !important; align-items: center; gap: 10px; height: 36px; padding: 0 10px !important; color: var(--mv-ink) !important; font-size: 13.5px; font-weight: 500; background: none !important; text-decoration: none !important; }
body.mv .mv-msg .nav-list > li > a i { color: var(--mv-slate); font-size: 15px; }
body.mv .mv-msg .nav-list > li:hover { background: var(--mv-mist) !important; }
body.mv .mv-msg .nav-list > li.selected { background: var(--mv-teal-50) !important; box-shadow: inset 3px 0 0 var(--mv-teal); }
body.mv .mv-msg .nav-list > li.selected > a, body.mv .mv-msg .nav-list > li.selected > a i { color: var(--mv-teal-700) !important; font-weight: 600; }
body.mv .mv-msg .lblUnreadMessageCount:not(:empty) { top: 50% !important; transform: translateY(-50%); right: 8px !important; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--mv-teal-600); color: #fff !important; font-size: var(--mv-fs-12); font-weight: 700; line-height: 20px; text-align: center; }
body.mv .mv-msg .leftPanel > div { margin: 0 !important; }
body.mv .mv-msg .rightPanel { flex: 1 1 auto; min-width: 0; width: auto !important; float: none !important; margin: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv .mv-msg #divMessageHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; float: none !important; width: auto !important; height: auto !important; padding: 12px 16px !important; background: none !important; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-msg #divMessageHeader > div:first-child { display: flex; align-items: center; gap: 6px; float: none !important; }
body.mv .mv-msg #divMessageHeader a.btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 !important; padding: 0 !important; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface); color: var(--mv-ink); font-size: 15px; cursor: pointer; }
body.mv .mv-msg #divMessageHeader a.btn:hover { background: var(--mv-mist); }
body.mv .mv-msg #divMessageActions { display: inline-flex; gap: 6px; }
body.mv .mv-msg #divMessageActions[style*="none"] { display: none !important; }
body.mv .mv-msg #divSearch { position: relative; float: none !important; width: auto !important; margin: 0 !important; }
html body.mv .mv-msg #txtSearchMessage { width: 260px !important; height: 36px; padding-right: 36px !important; box-sizing: border-box; }
body.mv .mv-msg #divSearch .iconSearchMessage { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); margin: 0 !important; }
body.mv .mv-msg #divMessagesList { display: block !important; float: none !important; width: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
@media (max-width: 1100px) {
    body.mv .mv-msg { flex-direction: column; }
    body.mv .mv-msg .leftPanel { flex: none; width: 100% !important; flex-direction: row; flex-wrap: wrap; align-items: center; }
    body.mv .mv-msg .leftPanel > .mv-btn { width: auto; }
    body.mv .mv-msg .nav-list { flex-direction: row; flex-wrap: wrap; }
    body.mv .mv-msg .rightPanel { width: 100% !important; }
}
@media (max-width: 760px) { body.mv .mv-msg #divMessageHeader { flex-wrap: wrap; } html body.mv .mv-msg #txtSearchMessage { width: 100% !important; } body.mv .mv-msg #divSearch { flex: 1 1 100%; } }

body.mv .mv-msg .nav-list > li { height: auto !important; line-height: normal !important; }
body.mv .mv-msg .nav-list > li > a { float: none !important; width: auto !important; }
body.mv .mv-msg #tblMessageList { width: 100% !important; }
body.mv #divComposeMessage > table, body.mv #divComposeMessage > div > table { width: 100% !important; table-layout: fixed; }
body.mv #divComposeMessage td:first-child { width: 120px; }
html body.mv #divComposeMessage :is(input[type="text"], select) { width: 100% !important; box-sizing: border-box; }
body.mv #divComposeMessage :is(.mceLayout, .mceEditor, table.mceLayout, iframe) { width: 100% !important; max-width: 100%; }
body.mv #divComposeMessage .mceToolbar { white-space: normal !important; }

body.mv .ui-dialog:has(> #divComposeMessage) { width: min(760px, calc(100vw - 32px)) !important; } body.mv #divComposeMessage { overflow-x: hidden !important; }

/* Refunds (EMR/RefundPayments/RefundPayment.aspx) */
body.mv .mv-refund { margin: 20px 0 24px !important; padding: 0 0 16px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv .mv-refund-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 14px 16px; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-refund-head h2 { margin: 0 !important; color: var(--mv-ink); font-size: 16px !important; font-weight: 700 !important; }
body.mv .mv-refund-check { display: inline-flex; gap: 6px; align-items: center; height: 32px; padding: 0 12px; border-radius: 8px; background: var(--mv-mist); color: var(--mv-slate); font-size: 13px; }
body.mv .mv-refund-check strong { color: var(--mv-ink); }
body.mv .mv-refund > .row { margin: 12px 16px 0 !important; }
body.mv .mv-refund > .row > [class*="col-"] > .row { flex-direction: column; margin: 0 !important; gap: 6px; }
body.mv .mv-refund > .row > [class*="col-"] > .row > [class*="col-"] { flex: none !important; max-width: none !important; width: 100% !important; padding: 0 !important; text-align: left !important; }
body.mv .mv-refund .clr-black { color: var(--mv-slate) !important; font-size: 12.5px; font-weight: 600; }
body.mv .mv-req { color: var(--mv-bad); }
html body.mv .mv-refund :is(select, input[type="text"], input[type="number"], textarea) { width: 100% !important; max-width: 100% !important; height: 38px; box-sizing: border-box; margin: 0 !important; flex: none !important; }
body.mv .mv-refund .align_right { display: flex; justify-content: flex-end; gap: 8px; padding: 4px 0 0 !important; }
body.mv .mv-refund > .Grid { margin: 16px 16px 0 !important; width: auto !important; border: 1px solid var(--mv-line); border-radius: 10px; overflow-x: auto; }

body.mv .mv-refund > .row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 16px; margin: 12px 16px 0 !important; } body.mv .mv-refund > .row > [class*="col-"] { flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; } body.mv .mv-refund > .row > .col-md-8 { grid-column: span 2; } body.mv .mv-refund > .row > .col-md-12 { grid-column: 1 / -1; } body.mv .mv-refund > .row > .col-md-4:not(:has(:is(select, input:not([type="hidden"]), textarea))) { display: none; } @media (max-width: 760px) { body.mv .mv-refund > .row { grid-template-columns: minmax(0, 1fr); } body.mv .mv-refund > .row > .col-md-8 { grid-column: auto; } } body.mv .mv-refund-check:has(strong > span:empty) { display: none; }

body.mv .mv-refund > .row::before, body.mv .mv-refund > .row::after { display: none !important; content: none !important; }

/* Print previews (e.g. EMR/Reports/PatientInformationView.aspx): sheet on the canvas */
body.mv .print-preview-wrapper { padding: 20px 0 32px !important; background: none !important; overflow-x: auto; }
body.mv .mv-printbar { display: flex; justify-content: flex-end; gap: 8px; width: 874px; max-width: 100%; margin: 0 auto 12px; }
body.mv .print-preview-wrapper #divFormPrint { max-width: 100%; }
body.mv .print-preview-wrapper .print-page { background: #fff !important; border: 1px solid var(--mv-line) !important; border-radius: 4px; box-shadow: 0 10px 30px -18px rgba(11, 37, 69, .35) !important; }

body.mv .mv-soon { display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: 460px; margin: 10vh auto 0; padding: 32px 24px; text-align: center; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; } body.mv .mv-soon > i { font-size: 32px; color: var(--mv-teal-600); } body.mv .mv-soon h2 { margin: 0 !important; color: var(--mv-ink); font-size: 18px !important; font-weight: 700 !important; } body.mv .mv-soon p { margin: 0 0 6px; color: var(--mv-slate); font-size: 14px; }

/* Upload practice files (EMR/uploadfiles/MultipleUploadFiles.aspx) */
body.mv .mv-upload { float: none !important; display: block !important; width: auto !important; margin: 20px 0 24px !important; }
body.mv .mv-upload-body { display: flex; flex-direction: column; gap: 16px; padding: 16px; }
body.mv .mv-upload-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 120px; padding: 20px; border: 1.5px dashed var(--mv-line-strong); border-radius: 12px; background: var(--mv-mist); color: var(--mv-slate) !important; font-size: 13.5px; text-align: center; text-decoration: none !important; cursor: pointer; }
body.mv .mv-upload-drop:hover { border-color: var(--mv-teal); background: var(--mv-teal-50); }
body.mv .mv-upload-drop i { font-size: 28px; color: var(--mv-teal-600); }
body.mv .mv-upload-drop strong { color: var(--mv-teal-700); }
body.mv .mv-upload-files:empty { display: none; }
body.mv .mv-upload-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px 16px; }
body.mv .mv-upload-grid .mv-labfield > span { color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
body.mv .mv-upload .mv-labactions { margin: 0; }

/* Billing holds (EMR/StopBilling/StopBilling.aspx) */
body.mv .mv-stopbill { margin: 20px 0 24px !important; }
body.mv .mv-stopbill-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 16px; }
body.mv .mv-stopbill-head h2 { margin: 0 !important; color: var(--mv-ink); font-size: 16px !important; font-weight: 700 !important; }
body.mv .mv-stopbill-head span { color: var(--mv-slate); font-size: 12.5px; }
body.mv .mv-stopbill .subParent { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; float: none !important; padding: 0 !important; background: none !important; }
body.mv .mv-stopbill :is(.divleft, .divRight) { float: none !important; width: auto !important; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
body.mv .mv-stopbill :is(.divPracticeLevel, .divProviderLevel, .divPayerLevel) { float: none !important; width: auto !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv .mv-stopbill .title { padding: 12px 16px; text-align: left !important; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-stopbill .title h3 { margin: 0 !important; color: var(--mv-ink); font-size: var(--mv-fs-14) !important; font-weight: 700 !important; }
body.mv .mv-stopbill .Grid { display: block !important; float: none !important; width: auto !important; max-height: 420px; overflow: auto; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.mv .mv-stopbill .Grid table { width: 100%; }
body.mv .mv-stopbill .Grid table.fixTable { width: 100% !important; }
body.mv .mv-stopbill .Grid:not(:has(tbody tr))::after { content: "No holds."; display: block; padding: 20px 16px; color: var(--mv-slate); font-size: 13.5px; text-align: center; }
body.mv .mv-rowact { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 4px; border-radius: 7px; color: var(--mv-slate); cursor: pointer; }
body.mv .mv-rowact:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-rowact-danger:hover { background: var(--mv-bad-50); color: var(--mv-bad); }
@media (max-width: 1100px) { body.mv .mv-stopbill .subParent { grid-template-columns: minmax(0, 1fr); } }

/* Supervisor notes (EMR/SupervisorNotes, Home.master) */
body.mv.mv-home .mv-supnotes { margin: 76px 24px 24px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv.mv-home .mv-supnotes #divSN { margin: 0 !important; }
body.mv.mv-home .mv-supnotes #divSN > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
body.mv.mv-home .mv-supnotes .GridFixheader { height: auto !important; max-height: calc(100vh - 300px); overflow: auto; border: 0 !important; }
body.mv.mv-home .mv-supnotes .tblHeadBackGround, body.mv.mv-home .mv-supnotes thead tr { background: #F4F6F8 !important; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; }
body.mv.mv-home .mv-supnotes span.mv-btn { cursor: pointer; }

body.mv.mv-home .mv-supnotes table :is(th, td):first-child { padding-left: 16px !important; }

body.mv .mv-manualera, body.mv .mv-manualera .Widget { height: auto !important; overflow: visible !important; }

body.mv .mv-manualera-bar > div { display: flex; gap: 8px; }
body.mv .mv-manualera { margin-bottom: 80px !important; }
body.mv .mv-manualera .EditERAEOB { height: auto !important; }
body.mv .mv-manualera .footer { height: 0; }
html body.mv .mv-manualera :is(input.txt, input.txtheight, select.ddlheight) { height: 34px !important; box-sizing: border-box; }

body.mv .mv-manualera .WidgetTitle.bk_blue { display: flex !important; align-items: center; justify-content: space-between; height: auto !important; min-height: 44px; padding: 0 14px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; cursor: pointer; } body.mv .mv-manualera .WidgetTitle.bk_blue:hover { background: var(--mv-mist) !important; } body.mv .mv-manualera .mv-collapse-title { color: var(--mv-ink) !important; font-size: 14px; font-weight: 700; } body.mv .mv-manualera .WidgetTitle.bk_blue i.bi { color: var(--mv-slate) !important; }

/* Upload files, drag and drop (EMR/uploadfiles/UploadMultipleFiles.aspx, Home.master) */
body.mv.mv-home .mv-upload2-head { margin: 76px 24px 0; padding: 16px 20px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-bottom: 0; border-radius: 14px 14px 0 0; }
body.mv.mv-home .mv-upload2-head h2 { margin: 0 !important; color: var(--mv-ink); font-size: 16px !important; font-weight: 700 !important; }
body.mv.mv-home .mv-upload2-head span { color: var(--mv-slate); font-size: 12.5px; }
body.mv.mv-home .mv-upload2-head ~ .dropdownarea { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px 16px; float: none !important; width: auto !important; margin: 0 24px; padding: 16px 20px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-top: 1px solid var(--mv-line); box-sizing: border-box; }
body.mv.mv-home .dropdownarea .w20 { display: flex; flex-direction: column; gap: 6px; float: none !important; width: auto !important; }
body.mv.mv-home .dropdownarea :is(.label, .dropdonlist) { float: none !important; width: auto !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv.mv-home .dropdownarea select { width: 100% !important; height: 38px; }
body.mv.mv-home .mv-upload2-head ~ .maindiv { display: flex; flex-direction: column; gap: 12px; width: auto !important; margin: 0 24px 24px !important; padding: 16px 20px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-top: 0; border-radius: 0 0 14px 14px; box-sizing: border-box; }
body.mv.mv-home .maindiv > br { display: none; }
body.mv.mv-home #drop-area { position: relative; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 1.5px dashed var(--mv-line-strong) !important; border-radius: 12px !important; background: var(--mv-mist); font-family: inherit !important; }
body.mv.mv-home #drop-area:hover, body.mv.mv-home #drop-area.highlight { border-color: var(--mv-teal) !important; background: var(--mv-teal-50); }
body.mv.mv-home #drop-area .drapdroptext { position: absolute !important; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 0 !important; color: var(--mv-slate); font-size: 13.5px; pointer-events: none; }
body.mv.mv-home #drop-area .drapdroptext i { font-size: 28px; color: var(--mv-teal-600); }
body.mv.mv-home #drop-area .drapdroptext strong { color: var(--mv-teal-700); }
body.mv.mv-home #drop-area #uploader { display: block; width: 100% !important; height: 150px !important; padding: 0 !important; opacity: 0; cursor: pointer; }
html body.mv.mv-home #btnUpload { align-self: flex-end; float: none !important; height: 38px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid var(--mv-teal-600) !important; border-radius: 9px !important; background: var(--mv-teal-600) !important; color: #fff !important; font: 600 13.5px/1 var(--mv-font) !important; cursor: pointer; }
html body.mv.mv-home #btnUpload:hover { background: var(--mv-teal-700) !important; }
body.mv.mv-home .maindiv .divViewImage { margin: 0 !important; }
body.mv.mv-home .maindiv .progress:not(:has(.progress-bar[style*="width"])) { display: none; }
@media (max-width: 760px) { body.mv.mv-home .mv-upload2-head, body.mv.mv-home .mv-upload2-head ~ :is(.dropdownarea, .maindiv) { margin-left: 12px !important; margin-right: 12px !important; } }

/* Admin panel file summary (AdminPanel/AdminPanel.aspx) */
body.mv .DivFileSummery { width: auto !important; margin: 20px 0 24px !important; }
body.mv .DivFileSummery > .Widget { background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 14px; overflow: visible !important; }
body.mv .DivFileSummery > .Widget > .WidgetTitle { display: flex !important; align-items: center; height: auto !important; min-height: 56px; margin: 0 !important; padding: 0 16px !important; background: none !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .DivFileSummery .mv-filesum-tools { display: flex; align-items: center; gap: 8px; float: none !important; width: 100% !important; }
body.mv .DivFileSummery .mv-filesum-title { margin-right: auto; color: var(--mv-ink); font-size: 15px; font-weight: 700; }
body.mv .DivFileSummery .mv-filesum-tools a.btn_blue { width: 34px; padding: 0 !important; justify-content: center; background: var(--mv-surface) !important; }
body.mv .DivFileSummery .mv-filesum-tools .refresh_btn { width: 15px !important; height: 15px !important; }
html body.mv .DivFileSummery #txtuploadfileDate { width: 150px !important; height: 34px; box-sizing: border-box; }
body.mv .DivFileSummery #FileSummeryId { width: auto !important; margin: 0 !important; box-shadow: none !important; overflow-x: auto; }
body.mv .DivFileSummery :is(.Widget_level2, .Widget_level3) > .WidgetTitle span { color: var(--mv-ink) !important; }

body.mv .DivFileSummery .mv-filesum-tools a.btn_blue .refresh_btn { display: none !important; }
body.mv .DivFileSummery .mv-filesum-tools a.btn_blue::before { content: "\F130"; font-family: "bootstrap-icons"; font-size: 15px; color: var(--mv-ink); }
@media (max-width: 640px) { body.mv .DivFileSummery .mv-filesum-tools { flex-wrap: wrap; } body.mv .DivFileSummery .mv-filesum-title { flex: 1 1 100%; white-space: nowrap; text-align: left; } body.mv .DivFileSummery .mv-filesum-tools input[type="text"] { flex: 1 1 auto; min-width: 0; } }
body.mv .DivFileSummery #FileSummeryId :is(.Grid, .scroll, div[style*="height"]) { height: auto !important; max-height: calc(100vh - 260px); width: auto !important; }
body.mv .DivFileSummery #FileSummeryId > * { margin: 0 !important; }

body.mv .DivFileSummery { overflow: visible !important; } body.mv .hideShowRightdiv.mt_n3 { margin-top: 0 !important; } body.mv .hideShowRightdiv:empty { display: none !important; }

body.mv .DivFileSummery #FileSummeryId table { width: 100% !important; } body.mv .DivFileSummery #FileSummeryId > div { width: auto !important; }

body.mv .DivFileSummery > :is(.Widget_level2, .Widget_level3) { margin-top: 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv .DivFileSummery > :is(.Widget_level2, .Widget_level3) > .WidgetTitle { display: flex !important; align-items: center; gap: 10px; height: auto !important; min-height: 52px; padding: 0 16px !important; background: none !important; border-bottom: 1px solid var(--mv-line) !important; }
body.mv .DivFileSummery > :is(.Widget_level2, .Widget_level3) > .WidgetTitle .fa-plus { float: none !important; margin: 0 !important; color: var(--mv-slate) !important; }
body.mv .DivFileSummery > :is(.Widget_level2, .Widget_level3) > .WidgetTitle span { font-size: 15px; font-weight: 700; }
body.mv .DivFileSummery [style*="color: green"], body.mv .DivFileSummery [style*="color:green"], body.mv .DivFileSummery .color_green { color: var(--mv-slate) !important; }
body.mv .DivFileSummery .level_2 .fa-filter, body.mv .DivFileSummery .level_3 .fa-filter { font-size: 15px !important; color: var(--mv-slate) !important; }

/* My daily tasks (AdminPanel/GetUserDailyTasks.aspx): collapsible section headers */
body.mv :is(#PendingWork, #udt, #claimdailytask, [id$="DailyTask"]) > .Widget { margin: 0 0 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; padding-bottom: 0 !important; }
body.mv .widgetTitleSettings[onclick] { display: flex !important; align-items: center; justify-content: space-between; height: auto !important; min-height: 52px; margin: 0 !important; padding: 0 16px !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important; text-align: left !important; }
body.mv .widgetTitleSettings[onclick]:hover { background: #FBFCFD !important; }
body.mv .widgetTitleSettings[onclick] > span:first-child:has(img) { display: none; }
body.mv .widgetTitleSettings[onclick] > .color_black { order: -1; color: var(--mv-ink) !important; font-size: 15px; font-weight: 700; }
body.mv .widgetTitleSettings[onclick]::after { content: "\F282"; font-family: "bootstrap-icons"; color: var(--mv-slate); font-size: 14px; }
body.mv div:has(> .Widget > .widgetTitleSettings[onclick]) { margin-bottom: 0 !important; }

body.mv.mv-shell .contentWrapper:has(#PendingWork) { height: calc(100vh - 70px) !important; }

body.mv #PendingWork { margin-top: 20px !important; }

/* Psychiatric worksheet (EMR/Chart/PsychiatricWorksheet.aspx) */
body.mv .mv-psych { float: none !important; width: auto !important; padding: 20px 0 32px !important; }
body.mv .mv-psych > .mv-psych-title { margin: 0 0 12px !important; color: var(--mv-ink); font-size: 18px !important; font-weight: 700 !important; }
body.mv .mv-psych .tabs { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; }
body.mv .mv-psych .tabs > ul { display: inline-flex; gap: 2px; margin: 0 !important; padding: 3px !important; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; list-style: none; }
body.mv .mv-psych .tabs > ul > li { float: none !important; margin: 0 !important; border: 0 !important; background: none !important; }
body.mv .mv-psych .tabs > ul > li > a { display: inline-flex; align-items: center; height: 34px; padding: 0 14px !important; border: 0 !important; border-radius: 7px; background: none !important; color: var(--mv-slate) !important; font-size: 13.5px; font-weight: 600; cursor: pointer; }
body.mv .mv-psych .tabs > ul > li.active > a { background: var(--mv-surface) !important; color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11, 37, 69, .12); }
body.mv .mv-psych .tabs > div[style*="float"] { float: none !important; }
body.mv .mv-psych .tabContent { border: 0 !important; background: none !important; padding: 0 !important; }
body.mv .mv-psych .task-form-widget { background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 14px; box-shadow: none !important; overflow: hidden; margin-bottom: 16px; }
body.mv .mv-psych .task-form-widget-title { padding: 12px 16px !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv .mv-psych .task-form-widget-content { padding: 12px 16px 16px !important; background: none !important; }
body.mv .mv-psych .task-form-sub-widget { background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; box-shadow: none !important; overflow: hidden; }
body.mv .mv-psych .task-form-sub-widget-title { padding: 10px 12px !important; background: #F4F6F8 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 700 !important; }
body.mv .mv-psych .task-form-sub-widget-content { padding: 10px 12px !important; background: var(--mv-surface) !important; color: var(--mv-ink); font-size: 13px; }
body.mv .mv-psych .task-form-sub-widget-content table th { background: none !important; color: var(--mv-slate) !important; font-weight: 600 !important; }
html body.mv .mv-psych textarea { width: 100% !important; box-sizing: border-box; min-height: 64px; }
body.mv .mv-psych input[type="radio"], body.mv .mv-psych input[type="checkbox"] { accent-color: var(--mv-teal-600); }

body.mv .mv-psych :is(.task-form-sub-widget, .task-form-widget) { box-sizing: border-box; } body.mv .mv-psych .tabs > ul > li > a span { border: 0 !important; background: none !important; padding: 0 !important; color: inherit !important; }

/* =============================================================================
   Patient portal shell (PatientEHR/PatientMaster.master)
   ============================================================================= */
body.mv.mv-portal { background: var(--mv-mist) !important; color: var(--mv-text); font-family: var(--mv-font) !important; }
body.mv.mv-portal .mv-portal-top { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 20px; width: auto !important; height: 64px !important; padding: 0 24px !important; margin: 0 !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line); box-shadow: none !important; float: none !important; }
body.mv.mv-portal .mv-portal-brand { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; text-decoration: none !important; }
body.mv.mv-portal .mv-portal-brand img { height: 26px; width: auto; }
body.mv.mv-portal .mv-portal-brand span { padding-left: 12px; border-left: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 14px; font-weight: 600; white-space: nowrap; }
body.mv.mv-portal .mv-portal-navwrap { flex: 1 1 auto; min-width: 0; height: 100%; }
body.mv.mv-portal .mv-portal-nav { display: flex; align-items: stretch; gap: 2px; height: 100%; margin: 0 !important; padding: 0 !important; list-style: none; overflow-x: auto; scrollbar-width: none; float: none !important; width: auto !important; }
body.mv.mv-portal .mv-portal-nav::-webkit-scrollbar { display: none; }
body.mv.mv-portal .mv-portal-nav > li { display: flex; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.mv.mv-portal .mv-portal-nav > li > a { display: flex !important; align-items: center; gap: 8px; height: 100%; padding: 0 12px !important; border-bottom: 2px solid transparent; color: var(--mv-slate) !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap; background: none !important; }
body.mv.mv-portal .mv-portal-nav > li > a i { font-size: 16px; }
body.mv.mv-portal .mv-portal-nav > li > a .spn-lnk-text { position: static !important; color: inherit !important; font: inherit !important; }
body.mv.mv-portal .mv-portal-nav > li > a:hover { color: var(--mv-ink) !important; background: var(--mv-mist) !important; }
body.mv.mv-portal .mv-portal-nav > li.selectedLi > a { color: var(--mv-teal-700) !important; border-bottom-color: var(--mv-teal); }
body.mv.mv-portal .mv-portal-me { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
body.mv.mv-portal .mv-portal-photo { position: relative; width: 36px; height: 36px; float: none !important; margin: 0 !important; border-radius: 50%; overflow: hidden; background: var(--mv-mist); cursor: pointer; }
body.mv.mv-portal .mv-portal-photo img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.mv.mv-portal .mv-portal-photo .phr-changePhoto { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: rgba(11, 37, 69, .55) !important; color: #fff !important; font-size: 14px; opacity: 0; transition: opacity .12s; }
body.mv.mv-portal .mv-portal-photo:hover .phr-changePhoto, body.mv.mv-portal .mv-portal-photo:focus-within .phr-changePhoto { opacity: 1; }
body.mv.mv-portal .mv-portal-photo #fuPatient { position: absolute; inset: 0; width: 100% !important; height: 100%; opacity: 0; cursor: pointer; z-index: 2; }
body.mv.mv-portal .mv-portal-who { display: flex; flex-direction: column; line-height: 1.25; }
body.mv.mv-portal .mv-portal-who strong { color: var(--mv-ink); font-size: 13.5px; font-weight: 700; }
body.mv.mv-portal .mv-portal-who span { color: var(--mv-slate); font-size: 12px; }
body.mv.mv-portal .mv-portal-who span span { color: inherit; }
body.mv.mv-portal .mv-portal-out { margin-left: 4px; }
/* canvas */
body.mv.mv-portal .phr-contentWrapper { position: static !important; margin: 0 !important; width: auto !important; min-width: 0 !important; height: auto !important; padding: 20px 24px 32px !important; background: none !important; }
body.mv.mv-portal .phr-contentWrapper > .content { width: auto !important; max-width: 1280px; margin: 0 auto !important; float: none !important; }
@media (max-width: 1100px) {
    body.mv.mv-portal .mv-portal-top { gap: 12px; padding: 0 12px !important; }
    body.mv.mv-portal .mv-portal-brand span, body.mv.mv-portal .mv-portal-who, body.mv.mv-portal .mv-portal-out span { display: none; }
    body.mv.mv-portal .mv-portal-nav > li > a .spn-lnk-text { display: none; }
    body.mv.mv-portal .mv-portal-nav > li > a { padding: 0 10px !important; }
}
@media (max-width: 760px) {
    body.mv.mv-portal .mv-portal-brand img { content: url('../Images/brand-mark.png'); height: 30px; }
    body.mv.mv-portal .phr-contentWrapper { padding: 12px !important; }
}

@media (max-width: 1480px) { body.mv.mv-portal .mv-portal-brand span { display: none; } body.mv.mv-portal .mv-portal-nav > li > a { padding: 0 10px !important; gap: 6px; font-size: 13.5px !important; } }

body.mv.mv-portal .mv-portal-nav > li { flex: 0 0 auto !important; min-width: 0 !important; } body.mv.mv-portal .mv-portal-nav > li > a { width: auto !important; min-width: 0 !important; line-height: 1 !important; } body.mv.mv-portal .mv-portal-nav > li > a .spn-lnk-text { top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; width: auto !important; }

body.mv.mv-portal .mv-portal-nav > li > a .spn-lnk-text { height: auto !important; display: inline !important; font-family: inherit !important; }

/* Patient portal dashboard (PatientEHR/Home.aspx) */
body.mv.mv-portal .mv-pdash { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.mv.mv-portal .mv-pdash > .phr-HomeSection { position: static !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; min-width: 0; }
body.mv.mv-portal .mv-pdash .phr-div-line { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.mv.mv-portal .mv-pdash .pat-WidgetTitle { position: static !important; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: auto !important; height: auto !important; min-height: 52px; margin: 0 !important; padding: 0 16px !important; background: none !important; border-bottom: 1px solid var(--mv-line); }
body.mv.mv-portal .mv-pdash .phr-spn-WidgetTitle { display: none !important; }
body.mv.mv-portal .mv-pdash .spn-titleText { position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv.mv-portal .mv-pdash .spn-title-link-right { position: static !important; float: none !important; margin: 0 !important; }
body.mv.mv-portal .mv-pdash .Widget { position: static !important; top: auto !important; left: auto !important; width: auto !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.mv.mv-portal .mv-pdash .WidgetContent { width: auto !important; height: auto !important; max-height: 280px; padding: 12px 16px !important; overflow: auto; background: none !important; }
body.mv.mv-portal .mv-pdash .WidgetContent:has(> .mv-pquad) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-height: none; }
body.mv.mv-portal .mv-pdash .mv-pquad { float: none !important; width: auto !important; height: auto !important; min-height: 140px; margin: 0 !important; padding: 12px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; background: var(--mv-mist); }
body.mv.mv-portal .mv-pdash .mv-pquad > div:not(.phr-chart-icon) { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; line-height: 1.5 !important; }
body.mv.mv-portal .mv-pdash .phr-chart-icon { display: none !important; }
body.mv.mv-portal .mv-pdash .h4-patientEHR-dashboard { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 8px !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; }
body.mv.mv-portal .mv-pdash .h4-patientEHR-dashboard span { float: none !important; color: var(--mv-teal-700) !important; text-decoration: none !important; font-weight: 600; font-size: 13px; }
body.mv.mv-portal .mv-pdash .h4-patientEHR-dashboard span:hover { text-decoration: underline !important; }
body.mv.mv-portal .mv-pdash .mv-pquad span[onclick] { color: var(--mv-teal-700) !important; text-decoration: none !important; font-weight: 600; }
body.mv.mv-portal .mv-pdash .mv-pquad :is(table, td, th, tr) { border: 0 !important; color: var(--mv-ink); font-size: 13px; }
body.mv.mv-portal .mv-pdash .mv-pquad td:first-child { color: var(--mv-slate); }
body.mv.mv-portal .mv-pdash .Grid { width: auto !important; margin: 0 !important; border: 1px solid var(--mv-line); border-radius: 10px; overflow: auto; }
body.mv.mv-portal .mv-pdash .Grid table { width: 100%; }
@media (max-width: 1100px) { body.mv.mv-portal .mv-pdash { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { body.mv.mv-portal .mv-pdash .WidgetContent:has(> .mv-pquad) { grid-template-columns: minmax(0, 1fr); } }

body.mv.mv-portal .mv-pdash .spn-title-link-right { background: none !important; padding: 0 !important; width: auto !important; height: auto !important; } body.mv.mv-portal .mv-pdash .Grid, body.mv.mv-portal .mv-pdash table.Grid { display: block; float: none !important; width: 100% !important; } body.mv.mv-portal .mv-pdash table.Grid { display: table; } body.mv.mv-portal .mv-pdash .Grid > table { width: 100% !important; }

body.mv.mv-portal .mv-pdash .WidgetContent:has(table):not(:has(.mv-pquad)):not(:has(tbody tr:not([style*="none"]))):not(:has(tbody td))::after { content: "Nothing to show yet."; display: block; padding: 16px 4px 4px; color: var(--mv-slate); font-size: 13.5px; }

@media (max-width: 1100px) { body.mv.mv-portal .mv-portal-nav > li > a .spn-lnk-text { display: none !important; } } body.mv.mv-portal .mv-pdash > .phr-HomeSection, body.mv.mv-portal .phr-contentWrapper > .content { min-width: 0 !important; max-width: 100%; box-sizing: border-box; } body.mv.mv-portal .mv-pdash .phr-div-line > * { max-width: 100%; }

/* Legacy "No record found" messages: red italic bold becomes a quiet empty-state line */
body.mv :is(span, td, div, p)[style*="italic"]:is([style*="color: red"], [style*="color:red"], [style*="color: Red"], [style*="color:Red"], [style*="rgb(255, 0, 0)"], [style*="#ff0000"], [style*="#FF0000"]) { color: var(--mv-slate) !important; font-style: normal !important; font-weight: 500 !important; }
/* Patient portal: shared pieces */
body.mv.mv-portal #PersonPhoto.mv-portal-photo { flex: 0 0 36px; width: 36px !important; height: 36px !important; }
body.mv.mv-portal .phr-contentWrapper fieldset { margin: 0 0 16px !important; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 14px; overflow: hidden; width: auto !important; box-sizing: border-box; }
body.mv.mv-portal .phr-contentWrapper fieldset > legend { float: left; width: 100%; margin: 0 !important; padding: 14px 16px !important; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv.mv-portal .phr-contentWrapper fieldset > legend + * { clear: both; }
body.mv.mv-portal .phr-contentWrapper fieldset > :not(legend) { margin: 12px 16px 16px !important; }

body.mv.mv-portal .mv-pportal-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 16px; }
body.mv.mv-portal .mv-pportal-head h2 { margin: 0 !important; color: var(--mv-ink); font-size: 20px !important; font-weight: 700 !important; }
body.mv.mv-portal .mv-pportal-head span { color: var(--mv-slate); font-size: 13.5px; }
body.mv.mv-portal .mv-pportal-card { float: none !important; width: auto !important; margin: 12px 0 0 !important; padding: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 14px; overflow: hidden; }
body.mv.mv-portal .mv-pportal-card > :not(legend) { margin: 0 !important; }
body.mv.mv-portal .mv-pportal-card .Grid { width: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.mv.mv-portal .mv-pportal-card .Grid table { width: 100% !important; }
body.mv.mv-portal .mv-pportal-card .Grid :is(th, td) { text-align: left !important; }
body.mv.mv-portal #divChartSummary > div[style*="float"] { display: none; }

body.mv .WidgetContent-side-bar .ui-datepicker-inline { width: 100% !important; box-sizing: border-box; padding: 4px !important; }
body.mv .WidgetContent-side-bar .ui-datepicker-calendar { width: 100% !important; }
body.mv .WidgetContent-side-bar .ui-datepicker-calendar :is(th, td) { padding: 1px !important; }
body.mv.mv-portal .mv-pportal-card .Grid, body.mv.mv-portal .mv-pportal-card .Grid > table { display: block; width: 100% !important; float: none !important; }
body.mv.mv-portal .mv-pportal-card .Grid > table { display: table; }
body.mv.mv-portal #divchartFilter.mv-segmented { display: inline-flex; float: none; }
body.mv.mv-portal #divchartFilter.mv-segmented + .mv-pportal-card { display: block; clear: both; float: none !important; }
body.mv.mv-portal .mv-pportal-head + #divchartFilter { margin-bottom: 4px; }

body.mv.mv-portal .WidgetContent-side-bar ~ *, body.mv.mv-portal .Widget:has(> .WidgetContent-side-bar) > .WidgetTitle { text-align: left !important; } body.mv .WidgetContent-side-bar .ui-datepicker-header { margin-bottom: 6px !important; }

body.mv.mv-portal #PatientInformation { padding: 16px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; overflow: hidden; }
body.mv.mv-portal .mv-pcontact-form { margin: 0 16px 0 0; padding: 16px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 14px; }
body.mv.mv-portal .mv-pcontact-form #tblNewContact td { padding: 4px 8px 8px 0 !important; vertical-align: top; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv.mv-portal .mv-pcontact-form :is(input[type="text"], select, textarea) { width: 100% !important; box-sizing: border-box; }
body.mv.mv-portal .phr-contentWrapper h2 { color: var(--mv-ink); font-size: 18px !important; font-weight: 700 !important; }

/* =============================================================================
   Super admin (SuperAdmin/SuperAdminMaster.master): navy rail + mist canvas
   ============================================================================= */
body.mv.mv-sa { margin: 0; background: var(--mv-mist) !important; color: var(--mv-text); font-family: var(--mv-font) !important; }
body.mv.mv-sa .mv-sa-rail { position: fixed; inset: 0 auto 0 0; z-index: 40; display: flex; flex-direction: column; gap: 20px; width: var(--mv-sidebar); padding: 20px 12px 16px; box-sizing: border-box; background: var(--mv-ink); }
body.mv.mv-sa .mv-sa-brand { display: flex; flex-direction: column; gap: 6px; padding: 0 10px; text-decoration: none !important; }
body.mv.mv-sa .mv-sa-brand img { height: 30px; width: auto; align-self: flex-start; }
body.mv.mv-sa .mv-sa-brand span { color: #8FA6BF; font-size: 12.5px; font-weight: 600; }
body.mv.mv-sa .mv-sa-nav { display: flex; flex-direction: column; gap: 2px; }
body.mv.mv-sa .mv-sa-nav a { display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 12px; border-radius: 8px; color: #C9D6E3 !important; font-size: 14px; font-weight: 500; text-decoration: none !important; }
body.mv.mv-sa .mv-sa-nav a i { width: 18px; font-size: 16px; text-align: center; }
body.mv.mv-sa .mv-sa-nav a:hover { background: var(--mv-ink-2); color: #fff !important; }
body.mv.mv-sa .mv-sa-nav a.active { background: rgba(255, 255, 255, .08); color: #fff !important; box-shadow: inset 3px 0 0 #5EEAD4; }
body.mv.mv-sa .mv-sa-nav a:last-child { margin-top: 12px; }
body.mv.mv-sa .mv-sa-me { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 10px; border-top: 1px solid rgba(255, 255, 255, .08); }
body.mv.mv-sa .mv-sa-photo { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
body.mv.mv-sa .mv-sa-out { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; height: 36px; padding: 0 8px; border-radius: 8px; color: #E6EDF4 !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; }
body.mv.mv-sa .mv-sa-out span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv.mv-sa .mv-sa-out i { color: #8FA6BF; font-size: 16px; }
body.mv.mv-sa .mv-sa-out:hover { background: var(--mv-ink-2); }
body.mv.mv-sa .mv-sa-out:hover i { color: #fff; }
body.mv.mv-sa .mv-sa-main { display: block; margin-left: var(--mv-sidebar); padding: 28px 32px 40px; max-width: 1400px; box-sizing: border-box; }
/* practices list */
body.mv.mv-sa .Widget.mv-sa-card { width: auto !important; margin: 0 !important; float: none !important; }
body.mv.mv-sa .mv-sa-card .Grid table { width: 100%; border-collapse: collapse; }
body.mv.mv-sa .mv-sa-card .Grid th { padding: 10px 16px !important; background: #F4F6F8 !important; color: var(--mv-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; border-bottom: 1px solid var(--mv-line) !important; white-space: nowrap; }
body.mv.mv-sa .mv-sa-card .Grid td { padding: 12px 16px !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink); font-size: 13.5px; background: var(--mv-surface) !important; }
body.mv.mv-sa .mv-sa-card .Grid tbody tr:last-child td { border-bottom: 0 !important; }
body.mv.mv-sa .mv-sa-card .Grid tbody tr:hover td { background: #FBFCFD !important; }
body.mv.mv-sa .mv-sa-card .mv-sa-name { font-weight: 600; }
body.mv.mv-sa .mv-sa-card .mv-num { font-variant-numeric: tabular-nums; }
body.mv.mv-sa .mv-sa-card .mv-sa-acts { width: 1%; white-space: nowrap; text-align: right !important; }
/* setup wizard */
body.mv.mv-sa .mv-sa-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
body.mv.mv-sa .mv-sa-head h2 { margin: 0 0 12px; color: var(--mv-ink); font-size: 22px; font-weight: 700; }
body.mv.mv-sa .mv-sa-steps { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
body.mv.mv-sa .mv-sa-steps li { display: flex; align-items: center; gap: 8px; color: var(--mv-slate); font-size: 13.5px; font-weight: 600; }
body.mv.mv-sa .mv-sa-steps li span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; box-sizing: border-box; border: 1.5px solid var(--mv-line-strong); border-radius: 50%; background: var(--mv-surface); font-size: 12px; }
body.mv.mv-sa .mv-sa-steps li.is-current { color: var(--mv-ink); }
body.mv.mv-sa .mv-sa-steps li.is-current span { border-color: var(--mv-teal-600); background: var(--mv-teal-600); color: #fff; }
body.mv.mv-sa .mv-sa-steps li.is-done span { border-color: var(--mv-teal-600); color: var(--mv-teal-700); }
body.mv.mv-sa .mv-sa-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; align-items: start; }
body.mv.mv-sa .mv-sa-sec { padding: 20px; border: 1px solid var(--mv-line); border-radius: 14px; background: var(--mv-surface); }
body.mv.mv-sa .mv-sa-sec > header { margin-bottom: 16px; }
body.mv.mv-sa .mv-sa-sec h3 { margin: 0 0 2px; color: var(--mv-ink); font-size: 15px; font-weight: 700; }
body.mv.mv-sa .mv-sa-sec header p { margin: 0; color: var(--mv-slate); font-size: 12.5px; line-height: 1.45; }
body.mv.mv-sa .mv-sa-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
body.mv.mv-sa .mv-sa-field:last-child { margin-bottom: 0; }
body.mv.mv-sa .mv-sa-field label { color: var(--mv-ink); font-size: 13px; font-weight: 600; }
html body.mv.mv-sa .mv-sa-field :is(input, select) { width: 100% !important; height: 38px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background-color: var(--mv-surface) !important; color: var(--mv-ink) !important; font: 500 13.5px var(--mv-font) !important; box-shadow: none !important; }
html body.mv.mv-sa .mv-sa-field :is(input, select):focus { outline: none; border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
html body.mv.mv-sa .mv-sa-field input:disabled { background-color: var(--mv-mist) !important; cursor: not-allowed; }
html body.mv.mv-sa .mv-sa-field input.error { border-color: var(--mv-bad) !important; background-color: var(--mv-bad-50) !important; }
body.mv.mv-sa .mv-sa-actions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding: 14px 0; background: linear-gradient(to top, var(--mv-mist) 70%, rgba(243, 246, 248, 0)); }
/* modules */
body.mv.mv-sa .mv-sa-form-2 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
body.mv.mv-sa .mv-sa-modgroup > header { padding-bottom: 14px; border-bottom: 1px solid var(--mv-line); }
body.mv.mv-sa .mv-sa-modgroup > header p { margin-top: 4px; padding-left: 28px; }
body.mv.mv-sa .mv-sa-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 4px 12px; }
body.mv.mv-sa .mv-sa-check { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 8px; border-radius: 8px; color: var(--mv-ink); font-size: 13.5px; cursor: pointer; }
body.mv.mv-sa .mv-sa-check[style*="display: none"] { display: none !important; }
body.mv.mv-sa .mv-sa-check:hover { background: var(--mv-mist); }
body.mv.mv-sa .mv-sa-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--mv-teal-600); }
body.mv.mv-sa .mv-sa-check-main { padding-left: 0; font-size: 15px; font-weight: 700; }
body.mv.mv-sa .mv-sa-check-main:hover { background: none; }
/* chart of accounts (rows are cloned by the Setup.aspx script) */
body.mv.mv-sa #divChartOfAccount { width: auto !important; margin: 0 !important; }
body.mv.mv-sa .mv-sa-coahead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding: 16px 20px; border: 1px solid var(--mv-line); border-radius: 14px; background: var(--mv-surface); }
body.mv.mv-sa .mv-sa-coahead h3 { margin: 0 0 2px; color: var(--mv-ink); font-size: 15px; font-weight: 700; }
body.mv.mv-sa .mv-sa-coahead p { margin: 0; color: var(--mv-slate); font-size: 12.5px; }
body.mv.mv-sa table.AccountingGroup { width: 100% !important; margin: 0 0 12px !important; border: 1px solid var(--mv-line) !important; border-radius: 14px; border-collapse: separate !important; border-spacing: 0; overflow: hidden; background: var(--mv-surface) !important; }
body.mv.mv-sa table.AccountingGroup th { padding: 10px 14px !important; background: #F4F6F8 !important; border-bottom: 1px solid var(--mv-line) !important; text-align: right; }
body.mv.mv-sa table.AccountingGroup th a { color: var(--mv-teal-700) !important; font-size: 13px; font-weight: 600; text-decoration: none; }
body.mv.mv-sa table.AccountingGroup td { padding: 8px 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
body.mv.mv-sa table.AccountingGroup tr:last-child td { border-bottom: 0 !important; }
body.mv.mv-sa table.AccountingGroup tr.subgroup td { background: #F7F9FB !important; }
body.mv.mv-sa table.AccountingGroup tr.Account td { background: var(--mv-teal-50) !important; }
body.mv.mv-sa table.AccountingGroup tr.subgroup td:first-child { padding-left: 24px !important; }
body.mv.mv-sa table.AccountingGroup tr.Account td:first-child { padding-left: 40px !important; }
html body.mv.mv-sa table.AccountingGroup :is(input[type="text"], select) { width: 100% !important; min-width: 90px; height: 34px !important; padding: 0 10px !important; box-sizing: border-box; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; background-color: var(--mv-surface) !important; color: var(--mv-ink) !important; font: 500 13px var(--mv-font) !important; }
body.mv.mv-sa table.AccountingGroup td img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; cursor: pointer; }
@media (max-width: 1100px) {
    body.mv.mv-sa .mv-sa-rail { width: 72px; padding: 16px 10px; }
    body.mv.mv-sa .mv-sa-brand { padding: 0; align-items: center; }
    body.mv.mv-sa .mv-sa-brand img { content: url('../Images/brand-mark.png'); height: 32px; align-self: center; }
    body.mv.mv-sa .mv-sa-brand span, body.mv.mv-sa .mv-sa-nav a span, body.mv.mv-sa .mv-sa-out span { display: none; }
    body.mv.mv-sa .mv-sa-nav a { justify-content: center; padding: 0; }
    body.mv.mv-sa .mv-sa-me { justify-content: center; padding: 10px 0; }
    body.mv.mv-sa .mv-sa-photo { display: none; }
    body.mv.mv-sa .mv-sa-out { flex: 0 0 auto; justify-content: center; }
    body.mv.mv-sa .mv-sa-main { margin-left: 72px; padding: 20px; }
    body.mv.mv-sa .mv-sa-card .WidgetMainContent, body.mv.mv-sa #divChartOfAccount { overflow-x: auto; }
}
@media (max-width: 760px) {
    body.mv.mv-sa .mv-sa-rail { inset: auto 0 0 0; flex-direction: row; align-items: center; width: auto; height: 60px; padding: 0 8px; gap: 4px; }
    body.mv.mv-sa .mv-sa-brand { display: none; }
    body.mv.mv-sa .mv-sa-nav { flex-direction: row; flex: 1 1 auto; justify-content: space-around; }
    body.mv.mv-sa .mv-sa-nav a { width: 48px; height: 44px; margin: 0 !important; }
    body.mv.mv-sa .mv-sa-nav a.active { box-shadow: inset 0 -3px 0 #5EEAD4; }
    body.mv.mv-sa .mv-sa-me { margin: 0; padding: 0; border: 0; }
    body.mv.mv-sa .mv-sa-main { margin: 0; padding: 16px 16px 84px; }
    body.mv.mv-sa .mv-sa-form, body.mv.mv-sa .mv-sa-form-2 { grid-template-columns: 1fr; }
    body.mv.mv-sa .mv-sa-actions { bottom: 60px; }
    body.mv.mv-sa .mv-sa-card .mv-listbar { flex-wrap: wrap; }
}

body.mv.mv-sa .mv-sa-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.mv.mv-sa .mv-sa-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (max-width: 1100px) { body.mv.mv-sa .mv-sa-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { body.mv.mv-sa .mv-sa-form { grid-template-columns: 1fr; } }

body.mv.mv-sa table.AccountingGroup { float: none !important; }
body.mv.mv-sa .mv-sa-actions { clear: both; width: auto !important; }

@media (max-width: 760px) {
    body.mv.mv-sa .mv-sa-card .Grid thead { display: none; }
    body.mv.mv-sa .mv-sa-card .Grid :is(table, tbody) { display: block; }
    body.mv.mv-sa .mv-sa-card .Grid tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 14px 16px; border-bottom: 1px solid var(--mv-line); }
    body.mv.mv-sa .mv-sa-card .Grid tbody tr:last-child { border-bottom: 0; }
    body.mv.mv-sa .mv-sa-card .Grid tbody td { display: block; grid-column: 1; padding: 0 !important; border: 0 !important; background: none !important; color: var(--mv-slate); font-size: 12.5px; }
    body.mv.mv-sa .mv-sa-card .Grid tbody td:empty { display: none; }
    body.mv.mv-sa .mv-sa-card .Grid tbody td.mv-sa-name { color: var(--mv-ink); font-size: 14px; }
    body.mv.mv-sa .mv-sa-card .Grid tbody td.mv-num::before { content: attr(data-label) " "; }
    body.mv.mv-sa .mv-sa-card .Grid tbody td.mv-sa-acts { grid-column: 2; grid-row: 1 / span 4; align-self: center; width: auto; }
    body.mv.mv-sa .mv-sa-card .WidgetMainContent { overflow: visible; }
}

@media (max-width: 760px) {
    html body.mv.mv-sa .mv-sa-card .Grid tbody tr { height: auto !important; min-height: 0 !important; }
    html body.mv.mv-sa .mv-sa-card .Grid tbody td { height: auto !important; line-height: 1.45 !important; white-space: normal !important; }
    html body.mv.mv-sa .mv-sa-card .Grid tbody td.mv-sa-acts { grid-row: 1 / span 6; }
}

/* Portal payment dialog fragment (PatientEHR/CashRegisterDetails.aspx) */
body.mv .mv-pay-set { margin: 0 0 16px; padding: 12px 16px 16px; border: 1px solid var(--mv-line); border-radius: 12px; }
body.mv .mv-pay-set legend { padding: 0 6px; color: var(--mv-ink); font-size: 14px; font-weight: 700; }
body.mv .mv-pay-set .tblCashRegister { width: 100%; border-collapse: collapse; font-size: 13px; color: var(--mv-slate); }
body.mv .mv-pay-set .tblCashRegister td { padding: 6px 8px; }
body.mv .mv-pay-group { padding-top: 12px !important; color: var(--mv-ink); font-weight: 700; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-pay-amt { color: var(--mv-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
body.mv .mv-pay-input { width: 100%; height: 34px; padding: 0 10px; box-sizing: border-box; border: 1px solid var(--mv-line-strong); border-radius: 8px; font: 500 13px var(--mv-font); }
body.mv .mv-pay-total td { border-top: 1px solid var(--mv-line); background: #F4F6F8; color: var(--mv-ink); font-weight: 700; }
body.mv .mv-pay-empty { color: var(--mv-slate); font-size: 13px; }
body.mv .mv-pay-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 0; }
body.mv .mv-pay-summary > div { padding: 10px 12px; border-radius: 10px; background: var(--mv-mist); }
body.mv .mv-pay-summary dt { color: var(--mv-slate); font-size: 12px; font-weight: 600; }
body.mv .mv-pay-summary dd { margin: 2px 0 0; color: var(--mv-ink); font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }

/* Report criteria dialogs: From / To date pairs laid out as two equal columns */
body.mv .ui-dialog .BranceInput > div:has(> div > span + span input[type="text"]) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; width: 100% !important; float: none !important; }
body.mv .ui-dialog .BranceInput > div:has(> div > span + span input[type="text"]) > div { display: flex !important; align-items: center; gap: 8px; width: auto !important; float: none !important; margin: 0 !important; }
body.mv .ui-dialog .BranceInput > div:has(> div > span + span input[type="text"]) > div > span { float: none !important; width: auto !important; margin: 0 !important; }
body.mv .ui-dialog .BranceInput > div:has(> div > span + span input[type="text"]) > div > span:first-child { flex: 0 0 auto; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
body.mv .ui-dialog .BranceInput > div:has(> div > span + span input[type="text"]) > div > span:last-child { flex: 1 1 auto; min-width: 0; }
body.mv .ui-dialog .divBranchName:has(> .BranceInput > div > div > span + span input[type="text"]) > .spnBranchName { margin: 0 !important; align-self: center; }
body.mv .ui-dialog [id][style*="padding-bottom:45px"]:has(.BranceInput) { padding-bottom: 12px !important; }

/* searchable report pickers keep their height in the row (legacy CSS made them absolute) */
body.mv .ui-dialog .BranceInput > .reportdropdownNew { position: relative !important; top: auto !important; left: auto !important; }
body.mv .ui-dialog .reportdropdownNew > div:first-child { position: relative !important; top: auto !important; height: 38px; }
body.mv .ui-dialog .reportdropdownNew > div:first-child > input.selectedText { position: static !important; top: auto !important; }
body.mv .ui-dialog .reportdropdownNew > div:first-child > .dropDownIconNewSearch { top: 0 !important; }
body.mv .ui-dialog .reportdropdownNew > .div-multi-checkboxes-wrapper { top: 42px !important; z-index: 20; }

/* criteria rows: label sits on the first line of its field, so multi-line fields read correctly */
body.mv .ui-dialog .divBranchName { align-items: start !important; }
body.mv .ui-dialog .divBranchName > .spnBranchName { padding-top: 10px !important; }
body.mv .ui-dialog .BranceInput > .mv-filesearch { width: 100% !important; margin: 8px 0 0 !important; float: none !important; }

/* time span and patient filter boxes: same 38px field height as the rest of the dialog */
html body.mv .ui-dialog fieldset.divTable input[type="text"] { box-sizing: border-box !important; height: 38px !important; padding: 0 10px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; font-size: 13.5px !important; }
html body.mv .ui-dialog #txtpatientFilter { width: 100% !important; max-width: 320px; }
body.mv .ui-dialog #timeDurationAgencyReportFilterBox td { vertical-align: middle !important; }

body.mv .ui-dialog .mv-daterange { display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: center; gap: 8px; }
body.mv .ui-dialog .mv-daterange > span { color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .ui-dialog .mv-daterange input { width: 100% !important; height: 38px !important; box-sizing: border-box; margin: 0 !important; }

body.mv .ui-dialog table:has(.mv-daterange) td:first-child { color: var(--mv-ink); font-size: 13px; font-weight: 600; }


/* Public pages on the sign-in shell: patient portal sign-in and sign-up, landing, device code */
html body.mv-login button.mv-login-submit {
    display: block; width: 100%; height: 46px; border: 1px solid var(--mv-teal-600); border-radius: 8px;
    background: var(--mv-teal-600); color: #fff; font: 600 15px var(--mv-font); cursor: pointer;
}
html body.mv-login button.mv-login-submit:hover { background: var(--mv-teal-700); }
html body.mv-login button.mv-login-submit:disabled { opacity: .55; cursor: not-allowed; }
body.mv-login .mv-login-alt { margin: 20px 0 0; color: var(--mv-slate); font-size: 13.5px; text-align: center; }
body.mv-login .mv-login-alt a { color: var(--mv-teal-700); font-weight: 600; }
body.mv-login .mv-signup-card { max-width: 460px; }
body.mv-login .mv-signup-card .mv-login-sub { margin-bottom: 22px; }
body.mv-login .mv-signup-card .mv-field { margin-bottom: 14px; }
body.mv-login .mv-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.mv-login .mv-field-hint { margin: -4px 0 16px; color: var(--mv-slate); font-size: 12.5px; }
body.mv-login .mv-field input.error { border-color: var(--mv-bad) !important; background: var(--mv-bad-50) !important; }
body.mv-login .mv-req { color: var(--mv-bad); }
body.mv-login .mv-login-error.mv-login-ok { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; border-color: #A7DCD3 !important; }
body.mv-login .mv-landing-choices { display: flex; flex-direction: column; gap: 12px; }
body.mv-login .mv-landing-choice { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--mv-line); border-radius: 12px; background: var(--mv-surface); color: var(--mv-ink) !important; text-decoration: none !important; }
body.mv-login .mv-landing-choice:hover { border-color: var(--mv-teal); background: var(--mv-teal-50); }
body.mv-login .mv-landing-choice i { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--mv-mist); color: var(--mv-teal-700); font-size: 19px; }
body.mv-login .mv-landing-choice span { display: flex; flex-direction: column; gap: 2px; }
body.mv-login .mv-landing-choice strong { font-size: 15px; }
body.mv-login .mv-landing-choice small { color: var(--mv-slate); font-size: 13px; }
body.mv-login .mv-device-id { margin: 18px 0 0; color: var(--mv-slate); font-size: 12.5px; text-align: center; }
body.mv-login .mv-device-id span { color: var(--mv-ink); font-family: ui-monospace, Consolas, monospace; }
@media (max-width: 480px) { body.mv-login .mv-field-row { grid-template-columns: 1fr; gap: 0; } }

/* Settings sections loaded into the practice tab: heading on the left, Add on the right */
body.mv :is(div, .mv-sec-head):has(> .mv-sec-title) { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; float: none !important; width: auto !important; margin: 0 0 12px !important; text-align: left !important; }
body.mv .mv-sec-title { margin: 0 !important; color: var(--mv-ink); font-size: 16px; font-weight: 700; }
body.mv :is(div, .mv-sec-head):has(> .mv-sec-title) > span { float: none !important; margin: 0 !important; }

body.mv #FilterIconRed[style*="display:none"], body.mv #FilterIconRed[style*="display: none"], body.mv #FilterIconBlue[style*="display:none"], body.mv #FilterIconBlue[style*="display: none"] { display: none !important; }

/* CMS-1500 print preview: the form image is the page background, not the small print icon */
html body.mv #divCMS #imgCMSBG { content: normal !important; width: 1050px !important; height: auto !important; max-width: none !important; vertical-align: top; background: #fff !important; filter: none !important; opacity: 1 !important; -webkit-mask: none !important; mask: none !important; padding: 0 !important; border: 0 !important; }

/* Roles and rights tree: chevrons instead of the crossed-eye toggle, and the shared select chevron */
html body.mv #divPracticeRoleAndRights :is(.hideIcon, .showIcon) { display: inline-block; box-sizing: content-box; width: 12px !important; height: 12px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; margin: 4px 8px 0 0 !important; background: var(--mv-slate) !important; cursor: pointer; -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv #divPracticeRoleAndRights .showIcon { -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-right.svg"); mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-right.svg"); }
body.mv #divPracticeRoleAndRights .dropDownIcon { width: 12px !important; height: 12px !important; margin: 7px 8px 0 0 !important; background: var(--mv-slate) !important; -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-down.svg") center / contain no-repeat; }
body.mv #divPracticeRoleAndRights .dropDownIcon img { display: none !important; }

/* missing images: soft placeholder (patient photo, insurance cards) */
html body.mv img.mv-img-missing { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/image.svg"); object-fit: contain; padding: 18%; box-sizing: border-box; background: var(--mv-mist) !important; opacity: .45; border-radius: 8px; }
html body.mv #imgPatientPhoto.mv-img-missing { content: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person.svg"); width: 56px !important; height: 56px !important; padding: 10px; border-radius: 50%; }
/* check-in form insurance tabs */
body.mv .box-header-patient { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 12px !important; height: auto !important; }
body.mv .box-header-patient ul { display: inline-flex; gap: 2px; margin: 0 !important; padding: 3px !important; background: var(--mv-mist); border: 1px solid var(--mv-line); border-radius: 10px; list-style: none; float: none !important; }
body.mv .box-header-patient li { float: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; height: auto !important; }
body.mv .box-header-patient li a { display: inline-flex; align-items: center; height: 32px; padding: 0 14px !important; border-radius: 7px; color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; background: none !important; }
body.mv .box-header-patient li.active a { background: var(--mv-surface) !important; color: var(--mv-teal-700) !important; box-shadow: 0 1px 2px rgba(11, 37, 69, .12); }

html body.mv img.image-insurance-cards.mv-img-missing { padding: 26% 36%; }
/* Superbill: keep each checkbox with its code, lighter rules */
body.mv #divSuperBillMainWrapper td:has(input[type="checkbox"]) { white-space: nowrap; } body.mv #divSuperBillMainWrapper td:has(input[type="checkbox"]) *:not(.charges-info-container, .charges-info-container *) { white-space: nowrap; display: inline; }
body.mv #divSuperBillMainWrapper table td, body.mv #divSuperBillMainWrapper table th { border-color: var(--mv-line-strong) !important; }
body.mv #divSuperBillMainWrapper input[type="checkbox"] { vertical-align: -2px; margin: 0 4px 0 0; accent-color: var(--mv-teal-600); }

body.mv #divSearchReports .closeSesarchedDiv { display: flex !important; justify-content: flex-end; padding: 4px 8px 0 !important; text-align: right !important; float: none !important; width: auto !important; }

/* Add/edit insurance dialog: one field height */
html body.mv .ui-dialog:has(#txtSearchInsuranceMaster) :is(input[type="text"], select) { height: 38px !important; min-height: 38px; box-sizing: border-box !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv .ui-dialog:has(#txtSearchInsuranceMaster) td:has(> #txtSearchInsuranceMaster), html body.mv .ui-dialog:has(#txtSearchInsuranceMaster) td:has(> #txtTypeName) { white-space: nowrap; }

/* Scheduler side panel: each label sits below the field above it */
body.mv .calendar-selection-inner { height: auto !important; min-height: 0 !important; overflow: visible !important; }
body.mv .calendar-selection-inner > h3 { margin: 0 0 6px !important; }
body.mv .calendar-selection-inner > h3 ~ h3 { margin-top: 16px !important; }
body.mv .calendar-selection-inner :is(select, input[type="text"], .custom-drop-down-label) { position: relative !important; top: auto !important; }

body.mv .calendar-selection-inner > .dropdownMenuMultiCheckMainWrapper { min-height: 38px; }
body.mv .calendar-selection-inner > .dropdownMenuMultiCheckMainWrapper > select { float: none !important; width: 100% !important; }
body.mv .calendar-selection-inner > h3 { height: auto !important; line-height: 1.3 !important; padding: 0 !important; }

body.mv .calendar-selection-inner { display: flow-root !important; }
body.mv .calendar-selection-inner select { float: none !important; }

body.mv .calendar-selection-inner:has(.appointment-legend-div):not(:has(.ul-legends li)) { display: none !important; }
body.mv .calendar-selection-inner .appointment-legend-div { float: none !important; height: auto !important; }

/* fixed 375px grid scrollers: grow with the window instead, scroll sideways when columns are wide */
html body.mv :is(div[style*="overflow-y:scroll"], div[style*="375px"]):has(> table.fixTable) { height: auto !important; max-height: calc(100vh - 290px); min-height: 160px; overflow: auto !important; }
body.mv #PatientContainer { float: none !important; width: auto !important; margin: 0 !important; }
body.mv .Widget:has(> .mv-listbar) { max-width: 100%; }

/* list cards never grow past their column: wide tables scroll inside the card */
html body.mv .Widget:has(> .mv-listbar) { float: none !important; min-width: 0; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; }
html body.mv .Widget:has(> .mv-listbar) .department_table.scroll { height: auto !important; max-height: calc(100vh - 290px); min-height: 160px; overflow: auto !important; }

/* rights notice: inline banner at the top of the content */
html body.mv .divRights.mv-rights-note { position: static !important; left: auto !important; width: auto !important; margin: 16px 0 0 !important; padding: 12px 16px 12px 44px !important; border: 1px solid #EBC1BB !important; border-radius: 12px !important; background: var(--mv-bad-50) !important; color: var(--mv-bad) !important; font: 600 13.5px/1.45 var(--mv-font) !important; font-style: normal !important; z-index: auto !important; position: relative !important; }
html body.mv .divRights.mv-rights-note::before { content: ""; position: absolute; left: 16px; top: 13px; width: 18px; height: 18px; background: var(--mv-bad); -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield-lock.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield-lock.svg") center / contain no-repeat; }

/* Today cards: label column only as wide as its words, amounts stay on one line */
html body.mv .summary_table .Grid table :is(td, th):first-child { width: 1% !important; white-space: nowrap; padding-right: 14px !important; }
html body.mv .summary_table .Grid table :is(td, th):not(:first-child) { white-space: nowrap; padding-left: 6px !important; padding-right: 8px !important; }

/* QA board: uploaded files as cards, claim panel header and claim rows */
body.mv div:has(> table > #tbodyfilelist) { background: transparent !important; padding: 2px; }
body.mv table:has(> #tbodyfilelist) { width: 100%; border-collapse: separate !important; border-spacing: 0 8px; }
body.mv #tbodyfilelist > tr > td { padding: 10px 12px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; cursor: pointer; }
body.mv #tbodyfilelist > tr:hover > td { border-color: var(--mv-teal) !important; }
body.mv #tbodyfilelist .fontstyleclass { color: var(--mv-slate) !important; font-size: 12.5px !important; }
body.mv #tbodyfilelist .fontstyleclass span, body.mv #tbodyfilelist div[style*="font-weight:600"] span { color: var(--mv-ink); font-weight: 600; }
body.mv #tbodyfilelist div[style*="font-weight:600"] { color: var(--mv-slate); font-size: 12.5px; }
body.mv #tbodyfilelist span[title] { color: var(--mv-teal-700) !important; text-decoration: none !important; font-weight: 600; }
body.mv .table_font th.FileNameth { padding: 10px 14px !important; background: var(--mv-mist) !important; color: var(--mv-ink) !important; border: 1px solid var(--mv-line) !important; font-size: 13px; font-weight: 500; text-align: left; }
body.mv .table_font th.FileNameth strong { color: var(--mv-slate); font-weight: 600; }
body.mv .FileLCaimDetailTbody div[style*="width: 18%"] { width: 16% !important; }
body.mv .FileLCaimDetailTbody div[style*="width: 15%"][style*="float: left"]:not([style*="display:flex"]) { width: 14% !important; }
body.mv .FileLCaimDetailTbody div[style*="width: 28%"] { width: 24% !important; }
body.mv .FileLCaimDetailTbody div[style*="width: 24%"] { width: 32% !important; }
body.mv .FileLCaimDetailTbody div[style*="width: 24%"] .font11px { white-space: nowrap; }
body.mv .FileLCaimDetailTbody div[style*="display:flex"][style*="width: 15%"] { width: 14% !important; padding-right: 6px !important; }

/* Report results: grow with the rows up to the window, scroll only when they really do not fit */
html body.mv .div_RightReportShow .report_table.tableHeight { height: auto !important; max-height: calc(100vh - 300px); }
html body.mv .div_RightReportShow #printableArea.GridReports { height: auto !important; }

html body.mv .div_RightReportShow .common_Report { display: flow-root; }

/* Admin panel Tasks / Users buttons sit in the page bar row like other page actions */
html body.mv #admin_btns { top: 16px !important; right: 24px !important; left: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 20; }
html body.mv #admin_btns > a { margin: 0 0 0 8px !important; }

html body.mv.mv-crm .selfpay-tbl { overflow-x: auto !important; width: fit-content !important; max-width: 100%; }
html body.mv.mv-crm .mv-selfpay { display: flex; align-items: center; gap: 16px; min-height: 170px; }
html body.mv.mv-crm .mv-selfpay-table { flex: 1 1 0; min-width: 0; }
html body.mv.mv-crm .mv-selfpay-table .selfpay-tbl { width: 100% !important; margin: 0 !important; border: 1px solid var(--mv-line); border-radius: 10px; }
html body.mv.mv-crm .mv-selfpay-table .table { width: 100% !important; margin: 0 !important; }
html body.mv.mv-crm .mv-selfpay-chart { flex: 0 0 150px; height: 150px; }
@media (max-width: 640px) { html body.mv.mv-crm .mv-selfpay { flex-wrap: wrap; justify-content: center; } html body.mv.mv-crm .mv-selfpay-table { flex-basis: 100%; } }
html body.mv.mv-crm #piechart { width: 100%; height: 100%; }
html body.mv.mv-crm #piechart.mv-chart-empty { display: flex; align-items: center; justify-content: center; border: 1px dashed var(--mv-line); border-radius: 50%; color: var(--mv-slate); font-size: 12.5px; text-align: center; }
html body.mv.mv-crm .mv-chart-none canvas { display: none !important; }
html body.mv.mv-crm .mv-chart-none::after { content: attr(data-empty); display: flex; align-items: center; justify-content: center; min-height: 160px; color: var(--mv-slate); font-size: 13px; }
html body.mv.mv-crm .card_bars:has(.mv-chart-none) { height: auto !important; min-height: 0 !important; }
html body.mv.mv-crm .card_bars .mv-chart-none { height: auto !important; }
/* Reports catalog: collapsed groups point right, open groups point down */
html body.mv .color_gray1 > i.fas.fa-angle-left { transform: rotate(180deg); }
html body.mv .div_RightReportShow .report_message { border-left: 0 !important; border-right: 0 !important; }
@media (max-width: 640px) {
    html body.mv.mv-crm .side-app .row { margin-left: 0 !important; margin-right: 0 !important; }
    html body.mv.mv-crm .side-app [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
    html body.mv.mv-crm .side-app .card { height: auto !important; min-height: 0 !important; margin-bottom: 12px !important; }
    html body.mv.mv-crm .side-app .card-header { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; justify-content: space-between !important; gap: 8px; text-align: left !important; }
    html body.mv.mv-crm .side-app .card-header .card-title { margin: 0 !important; text-align: left !important; }
    html body.mv.mv-crm .side-app .card-options { margin: 0 !important; }
    html body.mv.mv-crm .side-app .card-options .btn { margin: 0 !important; }
    html body.mv.mv-crm .side-app:has(.charts-info) .mv-chart-none, html body.mv.mv-crm .side-app:has(.charts-info) .mv-crm-chartbox:has(.mv-chart-none) { height: auto !important; }
    html body.mv.mv-crm .charts-info .card-body { padding: 14px !important; }
    html body.mv.mv-crm .side-app { padding-left: 10px !important; padding-right: 10px !important; }
    html body.mv.mv-crm .side-app .card > .card-header .card-options { flex: 1 1 100%; width: 100%; }
    html body.mv.mv-crm .side-app .card-options .btn-list { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
    html body.mv.mv-crm .side-app .card-options { display: flex !important; flex-wrap: wrap; gap: 8px; }
    html body.mv.mv-crm .side-app .card-options :is(.btn-list > *, .card-options > a):has(select, input.form-control):not(:has(.custom-export-drop-down)) { flex: 1 1 100%; width: 100% !important; min-width: 0 !important; float: none !important; }
    html body.mv.mv-crm .side-app .card-options :is(.btn-list > *, .card-options > a) :is(.select2-container, input.form-control, select.form-control, .form-group) { width: 100% !important; max-width: none !important; margin: 0 !important; float: none !important; }
    html body.mv.mv-crm .side-app .card-options .btn-list > * { margin: 0 !important; float: none !important; }
    html body.mv.mv-crm .mv-selfpay { min-height: 0; }
    html body.mv.mv-crm .mv-chart-none::after { min-height: 96px; }
    html body.mv.mv-crm .meetings-inner { height: auto !important; max-height: none !important; }
}
html body.mv.mv-crm .side-app:has(.charts-info) .table-responsive:has(#tbCRMReports):not(:has(#tbCRMReports tr)) .report-tbl { display: none; }
html body.mv.mv-crm .side-app:has(.charts-info) .table-responsive:has(#tbCRMReports):not(:has(#tbCRMReports tr))::after { content: "No bi-weekly reports yet."; display: block; padding: 4px 20px 20px; color: var(--mv-slate); font-size: 13px; }
html body.mv.mv-crm .side-app:has(.charts-info) .table-responsive:has(#tbCRMReports):not(:has(#tbCRMReports tr)) { border-top: 0 !important; margin-top: 0 !important; }
html body.mv.mv-crm .mv-crm-empty { display: none; margin: 0; padding: 4px 20px 20px; color: var(--mv-slate); font-size: 13px; }
html body.mv.mv-crm .meetings-inner:not(:has(.list-group-item)) .mv-crm-empty { display: block; }
html body.mv.mv-crm .selfpay-tbl .table :is(th, td) { padding: 8px 10px !important; }

/* Admin panel section menu (.divleftNav): was a fixed column hidden behind the app sidebar.
   Now a tab bar under the page bar; Tasks / Users in the page bar switch which set shows. */
html body.mv.mv-shell .divleftNav { position: fixed !important; top: 70px !important; left: var(--mv-sidebar) !important; right: 0 !important; width: auto !important; height: auto !important; z-index: 7 !important; display: flex; align-items: center; padding: 6px 24px !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink) !important; box-sizing: border-box; }
html body.mv.mv-shell .divleftNav[style*="display: none"], html body.mv.mv-shell .divleftNav[style*="display:none"] { display: none !important; }
html body.mv.mv-shell .divleftNav > ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 !important; padding: 0 !important; list-style: none; }
html body.mv.mv-shell .divleftNav > ul > li { position: relative; display: flex; align-items: center; height: 36px !important; width: auto !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px; background: transparent !important; color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 600; white-space: nowrap; cursor: pointer; }
html body.mv.mv-shell .divleftNav > ul > li[style*="display:none"], html body.mv.mv-shell .divleftNav > ul > li[style*="display: none"] { display: none !important; }
html body.mv.mv-shell .divleftNav > ul > li:hover { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
html body.mv.mv-shell .divleftNav > ul > li[style*="black"] { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }
html body.mv.mv-shell .divleftNav > ul > li i { margin: 0 8px 0 0 !important; padding: 0 !important; color: inherit !important; font-size: 13px; }
html body.mv.mv-shell .divleftNav > ul > li > span { display: inline-flex; align-items: center; color: inherit !important; }
html body.mv.mv-shell .divleftNav .arrow-icon, html body.mv.mv-shell .divleftNav .arrow-icon1 { display: none !important; }
/* View Tasks / Tasks Assign sub-choices open as a small menu under the tab */
html body.mv.mv-shell .divleftNav :is(.innerUl, .innerUl1) { position: absolute; top: 40px; left: 0; z-index: 30; min-width: 170px; margin: 0 !important; padding: 6px !important; list-style: none; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38); }
html body.mv.mv-shell .divleftNav :is(.innerUl, .innerUl1) > li { display: flex; align-items: center; height: 34px; padding: 0 10px !important; border: 0 !important; border-radius: 7px; background: transparent !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 500; }
html body.mv.mv-shell .divleftNav :is(.innerUl, .innerUl1) > li:hover { background: var(--mv-mist) !important; }
/* room for the tab bar above the admin content */
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) { padding-top: 52px !important; }
/* admin sections: drop the legacy offsets that made room for the old left menu */
html body.mv.mv-shell .content:has(.divleftNav) .hideShowRightdiv:is(.ml_7p5, .ml_7, .width_925, .width_93p) { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body.mv.mv-shell .content:has(.divleftNav) .DivEMRNewUpdates { text-align: left; }
html body.mv.mv-shell .content:has(.divleftNav) .DivEMRNewUpdates .mv-listbar-title { align-items: flex-start; text-align: left; }
/* admin Search tab: claim / patient lookup */
html body.mv .mv-adminsearch { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; width: auto !important; margin: 0 0 16px !important; padding: 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 12px; text-align: left; }
html body.mv .mv-adminsearch-field { display: flex; flex-direction: column; gap: 6px; margin: 0 !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-adminsearch-row { display: flex; gap: 8px; }
html body.mv .mv-adminsearch-row input[type="text"] { flex: 1 1 auto; min-width: 0; width: auto !important; height: 38px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; font: 13.5px var(--mv-font) !important; color: var(--mv-ink) !important; }
html body.mv .mv-adminsearch-out { width: auto !important; margin: 0 !important; }
html body.mv .mv-adminsearch-out:empty { display: none; }
/* admin task grids: legacy status blocks painted by Task.js become status pills */
html body.mv .spnstatus, html body.mv #fileStatus[style*="background"] { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: auto !important; padding: 4px 10px 4px 8px !important; border-radius: 999px !important; background: var(--mv-info-50) !important; color: var(--mv-info) !important; font-size: 12px !important; font-weight: 600; line-height: 1 !important; }
html body.mv .spnstatus::before, html body.mv #fileStatus[style*="background"]::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
html body.mv :is(.spnstatus, #fileStatus)[style*="249, 115, 115"] { background: var(--mv-warn-50) !important; color: var(--mv-warn) !important; }
html body.mv :is(.spnstatus, #fileStatus)[style*="133, 219, 160"], html body.mv :is(.spnstatus, #fileStatus)[style*="#85DBA0"] { background: var(--mv-ok-50) !important; color: var(--mv-ok) !important; }
html body.mv .mv-taskdate { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-taskdate input { width: 150px !important; height: 38px !important; margin: 0 !important; }
html body.mv .mv-adminsearch-out :is(.department_table, .patient_claim_table) { height: auto !important; max-height: 60vh; }
html body.mv .mv-adminsearch-out .Widget { width: auto !important; margin: 0 0 16px !important; }
html body.mv .mv-adminsearch-out .page-content { padding: 0 !important; }

/* users set (Users Lists, New Updates) on the left of the same bar, task set after it */
html body.mv.mv-shell .divleftNav:not(.divleftNavTask) { right: auto !important; z-index: 8 !important; border-bottom: 0; background: transparent !important; padding-right: 0 !important; }
html body.mv.mv-shell .divleftNav.divleftNavTask { padding-left: calc(24px + 250px) !important; border-top: 0 !important; }
html body.mv.mv-shell .divleftNav:not(.divleftNavTask)[style*="display: none"] + * ~ .divleftNavTask, html body.mv.mv-shell .content:not(:has(.divleftNav:not(.divleftNavTask):not([style*="none"]))) .divleftNav.divleftNavTask { padding-left: 24px !important; }
html body.mv.mv-shell .divleftNav:not(.divleftNavTask) > ul { padding-right: 12px !important; margin-right: 8px !important; border-right: 1px solid var(--mv-line) !important; }
@media (max-width: 760px) {
    /* phone: each set is one fixed row that scrolls sideways; submenus drop under the rows */
    html body.mv.mv-shell .divleftNav, html body.mv.mv-shell .divleftNav.divleftNavTask, html body.mv.mv-shell .divleftNav:not(.divleftNavTask) { top: 70px !important; left: var(--mv-sidebar) !important; right: 0 !important; height: 46px !important; padding: 4px 8px !important; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important; }
    html body.mv.mv-shell .divleftNav.divleftNavTask { top: 116px !important; }
    html body.mv.mv-shell .content:not(:has(.divleftNav:not(.divleftNavTask):not([style*="none"]))) .divleftNav.divleftNavTask { top: 70px !important; }
    html body.mv.mv-shell .divleftNav > ul { flex-wrap: nowrap; }
    html body.mv.mv-shell .divleftNav:not(.divleftNavTask) > ul { padding-right: 0 !important; margin-right: 0 !important; border-right: 0 !important; }
    html body.mv.mv-shell .divleftNav > ul > li { padding: 0 10px !important; }
    html body.mv.mv-shell .divleftNav :is(.innerUl, .innerUl1) { position: fixed; top: 166px; left: calc(var(--mv-sidebar) + 12px); }
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) { padding-top: 104px !important; }
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav[style*="none"]) { padding-top: 58px !important; }
}

/* Admin panel > Users list: filter bar, practice picker and user cards */
html body.mv .mv-userbar { display: flex !important; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; height: auto !important; margin: 0 0 16px !important; padding: 14px 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 12px; box-sizing: border-box; float: none !important; width: auto !important; }
html body.mv .mv-userbar-field { position: relative; display: flex; flex-direction: column; gap: 5px; margin: 0 !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-userbar :is(select, input[type="text"]) { height: 38px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font: 13.5px var(--mv-font) !important; box-sizing: border-box; float: none !important; }
html body.mv .mv-userbar select { width: 130px !important; }
html body.mv .mv-userbar-pick { position: relative; display: block; width: 200px; cursor: pointer; }
html body.mv .mv-userbar-pick input { width: 100% !important; padding-right: 30px !important; cursor: pointer; text-overflow: ellipsis; }
html body.mv .mv-userbar-pick i { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); color: var(--mv-slate); font-size: 12px; pointer-events: none; }
html body.mv .mv-userbar-search { display: flex; gap: 8px; flex: 1 1 260px; max-width: 420px; }
html body.mv .mv-userbar-search input[type="text"] { flex: 1 1 auto; width: auto !important; min-width: 0; }
html body.mv .mv-userbar-total { align-self: flex-end; line-height: 38px; margin-left: auto; color: var(--mv-slate); font-size: 13px; white-space: nowrap; }
html body.mv .mv-userbar-add { display: inline-flex; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body.mv .mv-userbar .mv-btn { margin: 0 !important; float: none !important; }
html body.mv .mv-pick-pop { position: absolute !important; top: 64px !important; left: 0 !important; z-index: 40 !important; width: 280px !important; max-height: none !important; margin: 0 !important; padding: 6px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .38); float: none !important; }
html body.mv .mv-pick-pop #ulMultiPractices { max-height: 240px; overflow-y: auto; margin: 0 !important; padding: 0 !important; list-style: none; }
html body.mv .mv-pick-pop li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html body.mv .mv-pick-pop li.mv-pick-all { border-bottom: 1px solid var(--mv-line) !important; margin-bottom: 4px !important; padding-bottom: 4px !important; }
html body.mv .mv-pick-pop label { display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; margin: 0 !important; padding: 7px 8px; border-radius: 7px; color: var(--mv-ink); font-size: 13px; font-weight: 500; cursor: pointer; }
html body.mv .mv-pick-pop label:hover { background: var(--mv-mist); }
html body.mv .mv-pick-pop input[type="checkbox"] { flex: none; width: 16px !important; height: 16px !important; margin: 0 !important; float: none !important; accent-color: var(--mv-teal-600); }
html body.mv .mv-pick-pop .checkBoxName { float: none !important; width: auto !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv .mv-pick-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; padding: 8px 4px 2px; border-top: 1px solid var(--mv-line); }
html body.mv .mv-pick-actions .mv-btn { height: 34px !important; min-height: 34px; }

html body.mv .userlistsdiv { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; margin: 0 !important; padding: 0 !important; }
html body.mv .userlistsdiv::before, html body.mv .userlistsdiv::after { content: none !important; }
html body.mv .mv-user-card { display: flex !important; align-items: center; gap: 12px; float: none !important; width: auto !important; height: auto !important; min-width: 0; margin: 0 !important; padding: 12px 14px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; box-shadow: none !important; box-sizing: border-box; }
html body.mv .mv-user-card:hover { border-color: #A7DCD3 !important; }
html body.mv .mv-user-card .divleftImageUser { flex: none; width: 44px !important; height: 44px !important; margin: 0 !important; float: none !important; border-radius: 50%; overflow: hidden; background: var(--mv-mist); }
html body.mv .mv-user-card .imgNewLogo { display: block; width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; }
html body.mv .mv-user-card .divRightSingleUser { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; margin: 0 !important; }
html body.mv .mv-user-card .leftUserInfo { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; margin: 0 !important; color: var(--mv-ink); font-size: 13px; line-height: 1.35; }
html body.mv .mv-user-card .leftUserInfo strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600; }
html body.mv .mv-user-card .mv-user-role { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mv-slate); }
html body.mv .mv-user-card .mv-user-role:empty::before { content: "No job title"; color: var(--mv-slate); opacity: .7; }
html body.mv .mv-user-card .mv-user-state { align-self: flex-start; margin-top: 2px; padding: 1px 8px; border-radius: 999px; background: var(--mv-teal-50); color: var(--mv-teal-700); font-size: var(--mv-fs-12); font-weight: 600; }
html body.mv .mv-user-card.mv-user-off .mv-user-state { background: var(--mv-mist); color: var(--mv-slate); }
html body.mv .mv-user-card.mv-user-off .leftUserInfo strong { color: var(--mv-slate); }
html body.mv .mv-user-card .RightUserAction { display: flex; flex: none; gap: 2px; float: none !important; width: auto !important; margin: 0 !important; }
html body.mv .mv-user-card .mv-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0 !important; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--mv-slate); font-size: 15px; cursor: pointer; }
html body.mv .mv-user-card .mv-icon-btn:hover { background: var(--mv-mist); color: var(--mv-teal-700); }
html body.mv .mv-user-card .mv-icon-btn:focus-visible { outline: 2px solid var(--mv-teal); outline-offset: 1px; }
html body.mv.mv-shell .divRightBody { float: none !important; width: auto !important; height: auto !important; background: transparent !important; }
html body.mv.mv-shell .divRightBody > .DivUserLists { width: auto !important; margin: 0 !important; }
html body.mv :is(.mv-userbar, .mv-user-card, .mv-pick-pop) { text-align: left !important; }
html body.mv .DivUserLists.User_list { height: auto !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
@media (max-width: 640px) {
    html body.mv .mv-userbar { align-items: stretch; }
    html body.mv .mv-userbar-field, html body.mv .mv-userbar-pick, html body.mv .mv-userbar select, html body.mv .mv-userbar-search { width: 100% !important; max-width: none; flex: 1 1 100%; }
    html body.mv .mv-userbar-total { margin-left: 0; }
    html body.mv .mv-pick-pop { width: 100% !important; }
    html body.mv .userlistsdiv { grid-template-columns: 1fr; }
}

/* Admin > View Tasks > By users: user list beside the tasks and files panels */
html body.mv .divByUsers { display: grid !important; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; text-align: left; }
html body.mv .divByUsers #leftSide { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 12px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px; box-sizing: border-box; }
html body.mv .divByUsers #leftSideTableRows { height: auto !important; max-height: 560px; }
html body.mv .divByUsers #RightSide { display: flex; flex-direction: column; gap: 16px; float: none !important; width: auto !important; margin: 0 !important; min-width: 0; }
html body.mv .divByUsers :is(#userTasks, #UserFiles) { height: auto !important; margin: 0 !important; padding: 0 0 4px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; overflow: hidden; }
html body.mv .mv-tu-search { display: flex; align-items: center; gap: 4px; margin: 0 0 10px !important; }
html body.mv .mv-tu-search input[type="text"] { flex: 1 1 auto; min-width: 0; width: auto !important; height: 38px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; font: 13.5px var(--mv-font) !important; }
html body.mv .mv-tu-search .mv-icon-btn, html body.mv .mv-tu-head .mv-icon-btn { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px !important; height: 34px; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 8px; background: transparent; color: var(--mv-slate); font-size: 14px; cursor: pointer; }
html body.mv .mv-tu-search .mv-icon-btn:hover, html body.mv .mv-tu-head .mv-icon-btn:hover { background: var(--mv-mist); color: var(--mv-ink); }
html body.mv .mv-tu-search #clearUserSearchTxt { position: static !important; float: none !important; margin: 0 !important; }
html body.mv .mv-tu-head { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--mv-line); }
html body.mv .mv-tu-head h3 { margin: 0 auto 0 0 !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
html body.mv .divByUsers .UserNameTd, html body.mv .divByUsers .SelectAll td { padding: 9px 10px !important; border-radius: 7px; cursor: pointer; }
html body.mv .divByUsers #UserNamesTbody tr:hover td { background: var(--mv-mist); }
@media (max-width: 760px) {
    html body.mv .divByUsers { grid-template-columns: 1fr; }
    html body.mv .divByUsers #leftSideTableRows { max-height: 220px; }
    html body.mv .mv-tu-head { flex-wrap: wrap; }
}

/* Admin > Add / edit user dialog */
html body.mv .ui-dialog:has(.mv-userform) { max-width: calc(100vw - 32px); }
html body.mv .ui-dialog:has(.mv-userform) .ui-dialog-content { max-height: calc(100vh - 200px) !important; overflow-y: auto !important; }
html body.mv .ui-dialog-content :is(.modal-dialog, .modal-content, .modal-body):has(.mv-userform) { width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
html body.mv .mv-uf-practices.divpractices { height: auto !important; max-height: none !important; overflow: visible !important; }
html body.mv a.mv-attach-btn, html body.mv #linkUploadFiles.mv-attach-btn { float: none !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center; gap: 6px; height: 38px !important; padding: 0 14px !important; line-height: 1 !important; vertical-align: middle; }
html body.mv a.mv-attach-btn i { font-size: 15px; line-height: 1; margin: 0 !important; }
html body.mv .mv-userform { float: none !important; width: auto !important; margin: 0 !important; padding: 0 4px !important; text-align: left; color: var(--mv-ink); }
html body.mv .mv-userform .divAddUserParent { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
html body.mv .mv-uf-title { margin: 18px 0 10px !important; padding: 0 !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; }
html body.mv .mv-userform .divAddUserParent > .mv-uf-title:first-child { margin-top: 4px !important; }
html body.mv .mv-uf-top { display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 20px; align-items: start; }
html body.mv .mv-uf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
html body.mv .mv-uf-field { display: flex; flex-direction: column; gap: 5px; margin: 0 !important; color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-uf-field > label { margin: 0 !important; color: inherit; font: inherit; }
html body.mv .mv-uf-field .mv-req, html body.mv .mv-uf-field b { color: var(--mv-bad); font-weight: 600; }
html body.mv .mv-uf-field :is(input[type="text"], input[type="password"], select) { width: 100% !important; height: 38px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font: 13.5px var(--mv-font) !important; box-sizing: border-box; float: none !important; }
html body.mv .mv-uf-field :is(input, select).error { border-color: var(--mv-bad) !important; background: var(--mv-bad-50) !important; }
html body.mv .mv-uf-pass { position: relative; display: block; }
html body.mv .mv-uf-pass input { padding-right: 40px !important; }
html body.mv .mv-uf-pass .mv-icon-btn { position: absolute; right: 3px; top: 3px; }
html body.mv .mv-userform .mv-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px !important; height: 32px; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 7px; background: transparent; color: var(--mv-slate); font-size: 14px; cursor: pointer; }
html body.mv .mv-userform .mv-icon-btn:hover { background: var(--mv-mist); color: var(--mv-ink); }
html body.mv .mv-userform .mv-uf-danger:hover { background: var(--mv-bad-50); color: var(--mv-bad); }
html body.mv .mv-uf-photo { float: none !important; width: 132px !important; height: auto !important; margin: 22px 0 0 !important; position: relative; border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; background: var(--mv-mist); }
html body.mv .mv-uf-photo img { display: block; width: 100% !important; height: 132px !important; object-fit: cover; margin: 0 !important; border: 0 !important; }
html body.mv .mv-uf-photo .ChangePhotoWrapper { position: relative; width: auto !important; height: 34px !important; margin: 0 !important; }
html body.mv .mv-uf-photo .ChangePhotoWrapper input[type="file"] { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }
html body.mv .mv-uf-photo .ChangePhoto { display: flex !important; align-items: center; justify-content: center; width: auto !important; height: 34px !important; margin: 0 !important; background: var(--mv-surface) !important; border-top: 1px solid var(--mv-line); color: var(--mv-teal-700) !important; font-size: 12.5px !important; font-weight: 600; }
html body.mv .mv-uf-checks { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
html body.mv .mv-uf-checks label, html body.mv .mv-uf-selall { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; color: var(--mv-ink) !important; font-size: 13.5px; font-weight: 500; cursor: pointer; float: none !important; width: auto !important; }
html body.mv .mv-userform input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; accent-color: var(--mv-teal-600); float: none !important; }
html body.mv .mv-uf-check { display: inline-flex; align-items: center; gap: 2px; }
html body.mv .mv-uf-practhead { display: flex !important; align-items: center; justify-content: space-between; float: none !important; width: auto !important; height: auto !important; margin: 22px 0 10px !important; padding: 16px 0 0 !important; border-top: 1px solid var(--mv-line); background: none !important; }
html body.mv .mv-uf-practhead .mv-uf-title { margin: 0 !important; }
html body.mv .mv-uf-practices { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; float: none !important; width: auto !important; }
html body.mv .mv-uf-practices .divSinglePracticeInfo { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 6px 8px; align-items: center; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 10px 10px 12px !important; border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); box-sizing: border-box; }
html body.mv .mv-uf-practices .divSinglePracticeInfo:has(._checkbox:checked) { border-color: #A7DCD3; background: var(--mv-teal-50); }
html body.mv .mv-uf-practices .divcheckbox { float: none !important; width: auto !important; margin: 0 !important; display: flex; }
html body.mv .mv-uf-practices .divPracticeId { display: flex; align-items: center; justify-content: space-between; gap: 6px; float: none !important; width: auto !important; min-width: 0; margin: 0 !important; }
html body.mv .mv-uf-practices .spnPracticeName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600; float: none !important; }
html body.mv .mv-uf-practices .mv-uf-task { grid-column: 2; margin: 0 !important; }
html body.mv .mv-uf-practices .mv-uf-task select { width: 100% !important; height: 34px !important; margin: 0 !important; padding: 0 8px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; font: 13px var(--mv-font) !important; float: none !important; }
html body.mv .mv-uf-actions { position: sticky; bottom: -1px; display: flex; justify-content: flex-end; gap: 8px; margin: 16px -4px 0 !important; padding: 12px 4px !important; background: var(--mv-surface); border-top: 1px solid var(--mv-line); }
@media (max-width: 640px) {
    html body.mv .mv-uf-top { grid-template-columns: 1fr; }
    html body.mv .mv-uf-grid { grid-template-columns: 1fr; }
    html body.mv .mv-uf-photo { grid-row: 1; margin: 0 !important; }
}

/* AR > Assign claims: assignment filters and counts in one toolbar */
html body.mv .mv-artoolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 12px 0 !important; padding: 10px 14px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; color: var(--mv-ink); font-size: 13.5px; }
html body.mv .NewGrid:has(> #CSQmainDivTable):not(:has(#CSQmainDivTable tbody tr))::after { content: "No claims match these filters."; display: block; padding: 40px 16px; color: var(--mv-slate); font-size: 13px; text-align: center; }
html body.mv.mv-home #divRoles { box-sizing: border-box; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
html body.mv.mv-home #Divtop1Note > .notes { border: 0 !important; box-shadow: none !important; }
/* AR assignment report (unlinked page) */
html body.mv .mv-arreport { margin: 84px 24px 24px !important; }
html body.mv .mv-arreport-head h1 { margin: 0 0 4px !important; color: var(--mv-ink); font-size: 20px !important; font-weight: 700; }
html body.mv .mv-arreport-head p { margin: 0 0 12px; color: var(--mv-slate); font-size: 13.5px; }
html body.mv .mv-arreport .GridFixheader { height: auto !important; max-height: 70vh; overflow: auto; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 12px; }
html body.mv .mv-arreport .GridFixheader table { width: 100% !important; margin: 0 !important; font-size: 13.5px; }
html body.mv .mv-arreport .GridFixheader thead tr, html body.mv .mv-arreport .tblHeadBackGround { background: var(--mv-mist) !important; border-color: var(--mv-line) !important; color: var(--mv-slate) !important; }
html body.mv .mv-arreport .GridFixheader :is(th, td) { padding: 10px 12px !important; border-right: 0 !important; }
@media (max-width: 760px) { html body.mv .mv-arreport { margin: 72px 12px 16px !important; } html body.mv .mv-arreport .GridFixheader table { min-width: 640px; } }
@media (max-width: 640px) {
    /* DMS > User tasks filters stack on phones */
    html body.mv #divPatientDocumentContainer > .row:first-child { display: flex; flex-direction: column; gap: 10px; margin: 0 0 10px !important; }
    html body.mv #divPatientDocumentContainer > .row:first-child > [class*="col-"] { flex: none; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
    html body.mv #divPatientDocumentContainer > .row:first-child > [class*="col-"]:has(.txtwidthandfloatF) { display: flex; gap: 8px; }
    html body.mv #divPatientDocumentContainer .txtwidthandfloatF { flex: 1 1 0; float: none !important; width: auto !important; min-width: 0; margin: 0 !important; }
    html body.mv #divPatientDocumentContainer .txtwidthandfloatF :is(input, button) { width: 100% !important; margin: 0 !important; }
}
/* AR follow-up: follow-up / claim notes switch */
html body.mv .mv-notetabs { display: inline-flex; gap: 2px; margin: 0 0 8px; padding: 3px; background: var(--mv-mist); border-radius: 9px; }
html body.mv .mv-notetabs button.spntxt2.spntxt2 { height: 30px; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 7px; background: transparent !important; color: var(--mv-slate) !important; font: 600 13px var(--mv-font); cursor: pointer; float: none !important; }
html body.mv .mv-notetabs button.spntxt2.spntxt2.is-active { background: var(--mv-surface) !important; color: var(--mv-ink) !important; box-shadow: 0 1px 2px rgba(11, 37, 69, .12); }
html body.mv .mv-artoolbar { width: 100%; box-sizing: border-box; float: none !important; clear: both; }
html body.mv .mv-artoolbar-group:has(#PracticeNamespan:empty) { display: none; }
html body.mv .mv-artoolbar-group { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 !important; }
html body.mv .mv-artoolbar-label { color: var(--mv-slate); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-artoolbar label { display: inline-flex; align-items: center; gap: 6px; margin: 0 !important; font-weight: 500; cursor: pointer; white-space: nowrap; }
html body.mv .mv-artoolbar input[type="radio"], html body.mv .mv-artoolbar input[type="checkbox"] { width: 16px; height: 16px; margin: 0 !important; accent-color: var(--mv-teal-600); }
html body.mv .mv-artoolbar select { height: 34px !important; min-width: 130px; margin: 0 !important; padding: 0 8px !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; background: var(--mv-surface) !important; font: 13.5px var(--mv-font) !important; }
html body.mv .mv-arcount { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 10px; border: 1px solid var(--mv-line); border-radius: 999px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13px var(--mv-font); white-space: nowrap; }
html body.mv button.mv-arcount { cursor: pointer; }
html body.mv button.mv-arcount:hover { background: var(--mv-mist); }
html body.mv .mv-arcount-assigned b { color: var(--mv-teal-700); }
html body.mv .mv-arcount-open b { color: var(--mv-warn); }
html body.mv .mv-artoolbar-actions { margin-left: auto; display: flex; gap: 8px; }
html body.mv label.mv-artoolbar-status { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap; align-items: center; }
html body.mv .mv-artoolbar-status select { display: inline-block !important; width: auto !important; }
html body.mv .mv-artoolbar-actions .myBtn { margin: 0 !important; }
@media (max-width: 640px) {
    html body.mv .mv-artoolbar { align-items: stretch; gap: 12px; }
    html body.mv .mv-artoolbar-group, html body.mv .mv-artoolbar-actions { flex: 1 1 100%; margin-left: 0; }
    html body.mv .mv-artoolbar-status select { flex: 1 1 auto; }
    html body.mv .mv-artoolbar-actions .myBtn { flex: 1 1 auto; }
}

html body.mv #divARDashBoard > .container-fluid { margin-top: 20px !important; margin-left: 0 !important; border-radius: 12px; }
html body.mv .row.bg3:has(.statusName:empty) { display: none !important; }
html body.mv #divARDashBoard .row.pager { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 !important; }
html body.mv #divARDashBoard .row.pager > div { flex: 0 1 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
html body.mv #divARDashBoard .row.pager > div:has(.spanInfo) { margin-left: auto; }
html body.mv .mv-ar-actions, html body.mv #divARDashBoard .row.pager > .mv-ar-actions { flex: 1 1 100% !important; width: 100% !important; margin: 8px 0 0 !important; }
html body.mv .mv-ar-actions > .col-12 { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 0 !important; }
html body.mv .mv-ar-actions button { margin: 0 !important; }
html body.mv .mv-filter-glyph { color: var(--mv-slate); font-size: 18px; line-height: 1; }

/* @@MOBILE-LAYER@@ keep this block last: new desktop rules go above it */

/* =============================================================================
   Mobile and tablet layer. Desktop rules above stay as they are; these only
   apply below 1024px (tablet) and 760px (phone).
   ============================================================================= */
@media (max-width: 1024px) {
    /* the legacy content frame insisted on 960px */
    body.mv .contentWrapper, body.mv #contentWrapper { min-width: 0 !important; }
    body.mv .Grid, body.mv .department_table, body.mv .GridFixheader { max-width: 100%; overflow-x: auto !important; }
    body.mv .mv-dmsstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mv .mv-checkstats { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; }
}

@media (max-width: 760px) {
    :root { --mv-sidebar: 56px; }
    html, body.mv { overflow-x: hidden; }
    body.mv.mv-shell #nav > li > a { min-height: 44px; }
    body.mv.mv-shell .contentWrapper > .content { padding-left: 12px !important; padding-right: 12px !important; }

    /* New EOB: stack the two halves and let the field table shrink to the card */
    body.mv .mv-formcard > div:not(.WidgetTitle) > .Widget { flex-direction: column; gap: 12px; padding: 14px 14px 6px !important; }
    body.mv .mv-formcard :is(#left, #Right) { min-width: 0; width: 100% !important; }
    body.mv .mv-formcard .tblNewEOB { table-layout: fixed; width: 100% !important; }
    body.mv .mv-formcard .tblNewEOB td.tdLabel { width: 104px; white-space: normal; }
    body.mv .mv-formcard .tblNewEOB td { padding-right: 0 !important; }
    body.mv .mv-formcard .tblNewEOB tr:has(> td > input[type="radio"]) > td.tdLabel:empty { display: none; }
    body.mv .mv-formcard .tblNewEOB td:has(> input[type="radio"]) { width: auto; gap: 6px; }
    body.mv .mv-formcard .tblNewEOB td:has(> input[type="radio"]) label { margin-right: 12px !important; }
    body.mv .mv-formcard .PatientArea { width: 100% !important; }

    /* page bar: title only, smaller */
    body.mv.mv-shell .mv-pagebar { max-width: none !important; right: 0 !important; padding: 0 12px !important; }
    body.mv.mv-shell .mv-pagebar .mv-pagebar-title { font-size: 17px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    /* page actions move to a bottom bar that scrolls sideways */
    body.mv.mv-shell .quicklaunch {
        top: auto !important; bottom: 0 !important; height: 56px !important; z-index: 30 !important;
        flex-direction: row !important; justify-content: flex-start !important; overflow-x: auto !important; overflow-y: hidden !important;
        padding: 0 10px !important; pointer-events: auto !important;
        background: var(--mv-surface) !important; border-top: 1px solid var(--mv-line) !important; border-bottom: 0 !important;
        box-shadow: 0 -6px 18px -12px rgba(11,37,69,.25);
        -webkit-overflow-scrolling: touch; scrollbar-width: none;
    }
    body.mv.mv-shell .quicklaunch::-webkit-scrollbar { display: none; }
    body.mv.mv-shell .quicklaunch > * { flex: 0 0 auto; }
    body.mv.mv-shell:has(.quicklaunch) .contentWrapper > .content { padding-bottom: 72px !important; }
    body.mv .mv-stickybar { left: var(--mv-sidebar); padding: 10px 12px; }

    /* cards, widgets and grids fill the width; grids scroll inside themselves */
    body.mv .Widget, body.mv .WidgetContent, body.mv .WidgetMainContent { width: auto !important; max-width: 100% !important; }
    body.mv .pager { flex-wrap: wrap !important; height: auto !important; row-gap: 8px; }
    body.mv .pager > .PageButtons { margin-left: 0 !important; }

    /* toolbars and filter bars wrap */
    body.mv :is(.mv-listbar, .mv-filterbar, .mv-rbsbar, .mv-eobsearch, .mv-inlineform, .mv-checkcard-head) { flex-wrap: wrap !important; }
    html body.mv :is(.mv-rbsbar, .mv-inlineform, .mv-eobsearch) input[type="text"], html body.mv .mv-rbsbar select { max-width: 100%; }

    /* two-column layouts stack */
    body.mv :is(.mv-insform-grid, .mv-dmsstats, .mv-setcards) { grid-template-columns: minmax(0, 1fr) !important; }
    body.mv .mv-insform-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    body.mv .mv-checkstats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

    /* My work: section nav above the list */
    body.mv .bg3 { flex-direction: column !important; gap: 12px; }
    body.mv .bg3 > .sidebar { flex: none !important; max-width: none !important; width: 100% !important; position: static; }
    body.mv .mv-worknav { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; }
    body.mv .mv-worknav-group { display: none; }
    body.mv .mv-worknav a { flex: 0 0 auto; }

    /* Settings: rail becomes a scrolling strip, then the section list, then the content */
    body.mv #tbl-main > tbody > tr { flex-direction: column !important; gap: 12px; }
    body.mv #tbl-main > tbody > tr > td { width: 100% !important; flex: none !important; }
    body.mv td.prac_sidenav > .divAccrodian { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 4px; }
    body.mv td.prac_sidenav .h3Wrapper { flex: 0 0 92px; }
    body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop, .prac_side) ul { flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto; }
    body.mv #tbl-main td:is(.prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop, .prac_side) li { flex: 0 0 auto; white-space: nowrap !important; }

    /* RBS view tabs sit in the content, not over the title */
    body.mv .mv-rbstabs { position: static; margin: 12px 0 0; overflow-x: auto; }

    /* dialogs fit the screen */
    body.mv .ui-dialog { max-width: calc(100vw - 16px) !important; left: 8px !important; }
    body.mv .ui-dialog .ui-dialog-content { max-height: calc(100vh - 140px) !important; overflow: auto !important; }

    /* Home.master workspace: nav scrolls sideways, content uses the full width */
    body.mv.mv-home #header { padding: 0 10px !important; }
    body.mv.mv-home #header .mv-topnav { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
    body.mv.mv-home #header .mv-topnav::-webkit-scrollbar { display: none; }
    body.mv.mv-home #header .mv-user-text { display: none !important; }
    body.mv.mv-home .mv-subtabs, body.mv .mv-dms-tabs { margin-left: 12px !important; margin-right: 12px !important; max-width: calc(100% - 24px); overflow-x: auto; }
    body.mv.mv-home :is(.colr-blue, .colr-blue + .row, .row[style*="aadfff"]) { margin-left: 12px !important; margin-right: 12px !important; }
    body.mv.mv-home .row:has(> .col2AndHalf) { flex-direction: column; margin: 0 12px !important; }
    body.mv.mv-home .col2AndHalf { flex: none !important; max-width: none !important; width: 100% !important; }
    body.mv .mv-dmspage, body.mv:has(.mv-dms-tabs:not([hidden])) .container-fluid { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (max-width: 760px) {
    /* dashboard */
    body.mv .mv-kpis { grid-template-columns: minmax(0, 1fr) !important; gap: 10px; margin-top: 12px; }
    body.mv .mv-buckets { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 12px; }
    body.mv .mv-dash-bar { padding: 0 12px !important; gap: 10px; }
    body.mv .mv-dash-title h1 { font-size: 17px !important; }
    body.mv .mv-dash-title p { display: none !important; }
    html body.mv .mv-dash-actions .mv-btn { padding: 0 10px !important; }
    body.mv .mv-card-head { flex-wrap: wrap; padding: 14px 14px 0; gap: 10px; }
    /* Settings strip: beat the desktop column widths */
    body.mv #tbl-main > tbody > tr > td:is(.prac_sidenav, .prac_drop, .files_drop, .invoice_drop, .know_drop, #Ins_drop, .prac_side, .prac) { width: 100% !important; min-width: 0 !important; flex: none !important; }
    body.mv td.prac_sidenav > .divAccrodian { width: 100% !important; box-sizing: border-box; }
}
@media (max-width: 760px) {
    /* practice / location views: the two side-by-side panels stack */
    body.mv [id$="divPracticeInformation"] > table > tbody > tr > td,
    body.mv #tbl-main td.prac table > tbody > tr > td:is(.w_49, .width_30, .border_grey, .width_1) { display: block !important; width: auto !important; border-left: 0 !important; }
    body.mv [id$="divPracticeInformation"] > table > tbody > tr > td + td { margin-top: 12px; }
}
@media (max-width: 760px) {
    /* Home.master pages use fixed bootstrap columns (col-3, col-4...) that never stack; stack them in the content */
    body.mv.mv-home form > div:not(:has(> #right-panel)) .row > [class*="col-"],
    body.mv.mv-home #right-panel ~ * .row > [class*="col-"],
    body.mv.mv-home .background .row > [class*="col-"],
    body.mv.mv-home .container-fluid .row > [class*="col-"]:not(.mv-cs [class*="col-"]) { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
    body.mv.mv-home #header .row > [class*="col-"] { flex: 0 1 auto !important; width: auto !important; max-width: none !important; }
    body.mv.mv-home .background, body.mv.mv-home .container-fluid { padding-left: 12px !important; padding-right: 12px !important; }
    body.mv.mv-home :is(.background, .container-fluid) [style*="width:"]:not(input):not(select):not(th):not(td):not(img) { max-width: 100% !important; }
    body.mv.mv-home table { max-width: none; }
    body.mv.mv-home .table-responsive, body.mv.mv-home .GridFixheader, body.mv.mv-home .Grid { overflow-x: auto !important; }
}
@media (max-width: 1100px) {
    /* page actions: bottom bar on tablets too (the top band has no room beside the title) */
    body.mv.mv-shell .mv-pagebar { max-width: none !important; right: 0 !important; }
    body.mv.mv-shell .quicklaunch {
        top: auto !important; bottom: 0 !important; height: 56px !important; z-index: 30 !important;
        flex-direction: row !important; justify-content: flex-start !important; overflow-x: auto !important; overflow-y: hidden !important;
        padding: 0 12px !important; pointer-events: auto !important;
        background: var(--mv-surface) !important; border-top: 1px solid var(--mv-line) !important; border-bottom: 0 !important;
        box-shadow: 0 -6px 18px -12px rgba(11,37,69,.25); scrollbar-width: none;
    }
    body.mv.mv-shell .quicklaunch > * { flex: 0 0 auto; }
    body.mv.mv-shell:has(.quicklaunch) .contentWrapper > .content { padding-bottom: 72px !important; }
    /* AR toolbars wrap, side list stacks over the grid */
    body.mv.mv-home .colr-blue { flex-wrap: wrap !important; row-gap: 10px; }
    body.mv.mv-home .colr-blue > * { width: auto !important; flex: 0 1 auto; }
    body.mv.mv-home .row[style*="aadfff"] > * { flex: 0 1 auto !important; max-width: none !important; width: auto !important; }
    body.mv.mv-home .row:has(> .col2AndHalf) { flex-direction: column; flex-wrap: wrap !important; }
    body.mv.mv-home .col2AndHalf { flex: none !important; max-width: none !important; width: 100% !important; }
}
@media (max-width: 1100px) {
    body.mv.mv-home .col2AndHalf > .GridFixheader { height: auto !important; max-height: 220px; }
    body.mv.mv-home #header .mv-topnav { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; min-width: 0; }
    body.mv.mv-home #header .mv-topnav::-webkit-scrollbar { display: none; }
    body.mv.mv-home #header .mv-topnav > a { flex: 0 0 auto; }
    body.mv.mv-home #header .mv-user-text { display: none !important; }
    html, body.mv.mv-home { overflow-x: hidden; }
}
@media (max-width: 760px) {
    body.mv.mv-home #MainGrid .row > [class*="col-"]:not(.tile [class*="col-"]):not(.mv-cs [class*="col-"]) { flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0 !important; margin-bottom: 8px; }
    body.mv.mv-home #MainGrid .input-container input { width: 100% !important; }
}
@media (max-width: 760px) {
    body.mv.mv-shell .contentWrapper .page-content { width: auto !important; max-width: 100% !important; min-width: 0 !important; }
    body.mv .DivReportParent > .container { grid-template-columns: minmax(0, 1fr) !important; width: auto !important; max-width: 100% !important; }
    body.mv .DivReportParent .div_leftReportList { width: auto !important; max-height: 300px; }
    body.mv .DivReportParent .ReportTiles { flex-wrap: wrap; width: auto !important; }
}
@media (max-width: 760px) {
    body.mv .DivReportParent > .container > * { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
    body.mv .DivReportParent .div_leftReportList { width: 100% !important; }
    body.mv .DivReportParent table.fixTable td { min-width: 96px; }
    body.mv .DivReportParent table.fixTable td:is(:nth-child(3)) { min-width: 200px; }
    body.mv .DivReportParent .pagerReport, body.mv .DivReportParent .PageButton { flex-wrap: wrap; max-width: 100%; }
}
@media (max-width: 760px) {
    body.mv .DivReportParent > .container > * { grid-column: 1 / -1 !important; grid-row: auto !important; position: static !important; }
    body.mv .DivReportParent .div_leftReportList { max-height: 260px !important; }
    body.mv .DivReportParent :is(.pagerReport, .PageButton) { flex-direction: row !important; justify-content: flex-start; gap: 6px; }
}
@media (max-width: 760px) {
    /* Scheduler: filters above the calendar */
    body.mv #divSchedular > table, body.mv #divSchedular > table > tbody, body.mv #divSchedular > table > tbody > tr { display: block !important; width: 100% !important; }
    body.mv #divSchedular > table > tbody > tr > td { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 0 0 12px !important; }
    body.mv td.mv-sched-side #divAppointmentLeftMain { width: 100% !important; }
    /* RBS: view tabs become a bottom tab bar, actions wrap */
    body.mv .mv-rbstabs { position: fixed !important; top: auto !important; bottom: 0; left: var(--mv-sidebar); right: 0; margin: 0 !important; border-radius: 0; justify-content: space-around; padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); background: var(--mv-surface); border: 0; border-top: 1px solid var(--mv-line); z-index: 30; }
    body.mv .mv-rbstabs > .RBSFixed > a { flex-direction: column; gap: 2px; height: auto; padding: 6px 8px; font-size: var(--mv-fs-12); }
    body.mv:has(.mv-rbstabs .RBSFixed:not([style*="none"])) .contentWrapper > .content { padding-bottom: 76px !important; }
    body.mv .mv-rbsbar > span:has(> .btnExecuteRBS) { flex-wrap: wrap; margin-left: 0 !important; }
}
@media (max-width: 760px) { body.mv td.mv-sched-side :is(#divAppointmentLeftMain, #divAppointmentLeftMainContents) { height: auto !important; min-height: 0 !important; max-height: none !important; } }
@media (max-width: 760px) { body.mv td.mv-sched-side #divAppointmentLeftMain { position: static !important; } body.mv td.mv-sched-side { height: auto !important; } }
@media (max-width: 760px) { body.mv td.mv-sched-side #divAppointmentLeftMain { float: none !important; } }
@media (max-width: 760px) { body.mv .wc-toolbar { display: flex !important; flex-wrap: wrap !important; gap: 8px; height: auto !important; } body.mv .wc-toolbar .wc-title { font-size: 15px !important; white-space: nowrap; order: -1; flex: 1 1 100%; } }
@media (max-width: 760px) {
    /* claim form: header columns stack, line items scroll sideways */
    body.mv #divNewClaimForm .row > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
    body.mv #divNewClaimForm .row { margin-left: 0 !important; margin-right: 0 !important; }
    body.mv #divNewClaimForm .row { flex-wrap: wrap !important; }
    body.mv #divNewClaimForm .row.mv-sechead { flex-wrap: wrap !important; align-items: center; row-gap: 6px; }
    body.mv #divNewClaimForm .row.mv-sechead > :first-child { min-width: 0 !important; }
    body.mv #divNewClaimForm .row.mv-sechead > [class*="col-"] { flex: 1 1 auto !important; width: auto !important; max-width: none !important; }
    body.mv #divNewClaimForm .row.mv-sechead > .mv-sechead-actions { flex: 0 1 auto !important; min-width: 0; margin-left: auto; padding-right: 0 !important; }
    body.mv #divNewClaimForm .row.mv-sechead > .mv-sechead-actions .mv-btn { white-space: nowrap; }
    /* info panels: one label + field pair per line */
    body.mv #MainCreateDiv .border > .row.mt-1 { grid-auto-flow: row !important; grid-template-rows: none !important; grid-template-columns: 92px minmax(0, 1fr) !important; align-items: center; row-gap: 8px !important; }
    body.mv #MainCreateDiv .border > .row.mt-1 select { width: 100% !important; }
    body.mv #MainCreateDiv #UpdateInsDiv > .row.mt-1 > .col-1, body.mv #MainCreateDiv #UpdateInsDiv > .row.mt-1 > .col-1 span:not(.spnError) { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; }
    body.mv #MainCreateDiv #UpdateInsDiv > .row.mt-1 > .col-3 { font-weight: 500 !important; }
    body.mv #divNewClaimForm :is(div:has(> #tblClaimServices), .table-responsive) { overflow-x: auto !important; max-width: 100%; }
    body.mv #divNewClaimForm label { max-width: 100%; }
}

/* narrow rail: the signed-in user button shows the avatar only */
@media (max-width: 1100px) {
    html body.mv.mv-shell #UserName.mv-side-user { left: 8px !important; width: calc(var(--mv-sidebar) - 16px) !important; padding: 0 !important; justify-content: center; gap: 0; border-color: transparent !important; }
    body.mv.mv-shell .mv-side-user :is(.mv-side-who, .bi-chevron-expand) { display: none !important; }
}

/* patient record: profile panel above the record on tablets, one column of widgets on phones */
@media (max-width: 900px) {
    body.mv #demographics:not([style*="none"]) { grid-template-columns: minmax(0, 1fr); }
    body.mv #demographics .mv-pt-flags { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
    body.mv #demographics .mv-pt-flag { min-width: 0; white-space: normal; line-height: 1.25; padding-block: 6px; }
}
@media (max-width: 600px) {
    body.mv :is(#viewDemographics, #EditDemographics):not([style*="none"]) { grid-template-columns: minmax(0, 1fr); padding: 12px !important; }
    body.mv :is(#viewDemographics, #EditDemographics) > * { grid-column: 1 / -1 !important; grid-row: auto !important; }
}

/* tablets: legacy page frames carry fixed desktop widths */
@media (max-width: 1100px) {
    body.mv.mv-shell .contentWrapper .page-content { width: auto !important; max-width: 100% !important; min-width: 0 !important; float: none !important; }
    body.mv .Widget, body.mv .WidgetContent, body.mv .WidgetMainContent { width: auto !important; max-width: 100% !important; }
    /* Home.master top nav scrolls; fade its right edge so a cut-off link reads as "more" */
    body.mv.mv-home #header .mv-topnav { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); padding-right: 24px; }
    body.mv.mv-home #header > .row > .col-md-7 { min-width: 0; flex: 1 1 0 !important; max-width: none !important; }
    body.mv .pager { flex-wrap: wrap !important; height: auto !important; row-gap: 8px; }
    body.mv .pager > .PageButtons { margin-left: 0 !important; }
    /* Settings two-column info cards stack */
    body.mv #tbl-main { width: 100% !important; }
    body.mv #tbl-main > tbody { display: block; }
    body.mv .setting-content-wrapper table.w_100 > tbody > tr:has(> td.w_49) { display: block !important; }
    body.mv .setting-content-wrapper table.w_100 > tbody > tr > td.w_49 { display: block !important; float: none !important; width: 100% !important; border-left: 0 !important; padding: 0 0 12px !important; }
    body.mv .setting-content-wrapper table.w_100 > tbody > tr > td.w_49 + td.w_49 { padding-top: 12px !important; border-top: 1px solid var(--mv-line) !important; }
}

/* phones: Home.master header keeps the mark only so the section nav has room */
@media (max-width: 760px) {
    body.mv.mv-home #header .mv-brand img { content: url('../Images/brand-mark.png'); height: 30px !important; }
    body.mv.mv-home #header .mv-topnav { margin-left: 8px; padding-left: 8px; }
    body.mv .mv-dms-tabs a { white-space: nowrap; }
    body.mv .mv-dms-tabs { scrollbar-width: none; }
    body.mv .mv-dms-tabs::-webkit-scrollbar { display: none; }
}

/* Claim details tool on phones: label above, field and button on one line */
@media (max-width: 760px) {
    body.mv #div_main .divSearchClaim { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 8px; }
    body.mv #div_main :is(#span_lbl, #span_lbl1) { grid-column: 1 / -1; }
    body.mv #div_main #span_lbl1 { margin: 8px 0 0 !important; padding: 8px 0 0 !important; border-left: 0; border-top: 1px solid var(--mv-line); }
    body.mv #div_main :is(#span_txt, #span_txt2) { display: block; min-width: 0; }
    html body.mv #div_main :is(#txtid, #txtid2) { width: 100% !important; box-sizing: border-box; }
}

/* CRM shell on tablets and phones: icon rail, brand mark only */
@media (max-width: 1100px) {
    body.mv.mv-crm .app-sidebar { width: 64px !important; padding: 12px 8px !important; }
    body.mv.mv-crm .side-menu__item { justify-content: center; padding: 0 !important; }
    body.mv.mv-crm .side-menu__label { display: none !important; }
    body.mv.mv-crm .app-content { margin-left: 64px !important; width: calc(100% - 64px) !important; }
    body.mv.mv-crm .app-sidebar { margin-top: 0 !important; }
    body.mv.mv-crm .side-app > .row { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (max-width: 760px) {
    body.mv.mv-crm .app-sidebar { width: 56px !important; }
    body.mv.mv-crm .app-content { margin-left: 56px !important; width: calc(100% - 56px) !important; }
    body.mv.mv-crm .side-app { padding: 16px 12px !important; }
    body.mv.mv-crm .mv-crm-logo { content: url('../Images/brand-mark.png'); height: 30px; }
    body.mv.mv-crm .app-header .profile-name > span { display: none; }
}

/* Follow-up on phones: filter chips wrap inside the card */
@media (max-width: 760px) {
    body.mv .mv-fu > .leftnavtab ol { scrollbar-width: none; }
    body.mv .mv-fu .rightdivrtab { padding: 12px !important; }
    body.mv .mv-fu #FilterdivForSupervisor .width-10p { display: none !important; }
    body.mv .mv-fu .filterdivleft { width: 100% !important; float: none !important; }
    body.mv .mv-fu :is(#FilterdivForSupervisor, .divTopFollowup) :is(table, tbody, tr, td) { display: block; width: 100% !important; }
    body.mv .mv-fu .divtdother { max-width: 100%; }
    body.mv .mv-fu .divTopFollowup .divtdother { margin-left: 0 !important; }
}

/* Today cards on phones: tighter numbers, and the table scrolls inside its card if it still does not fit */
@media (max-width: 760px) {
    html body.mv .summary_table .Grid { overflow-x: auto !important; }
    html body.mv .summary_table .Grid table :is(td, th) { padding-left: 4px !important; padding-right: 6px !important; font-size: 12px !important; }
    html body.mv .summary_table .Grid table td span { font-size: inherit; }
    html body.mv .summary_table .Grid table :is(td, th):first-child { padding-right: 12px !important; }
    html body.mv .summary_table .Grid table { table-layout: auto !important; }
}
@media (max-width: 760px) {
    html body.mv .mv-today-aging .summary_table { min-width: 0 !important; width: 100% !important; max-width: 100% !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }
    html body.mv .mv-today-aging .summary_table :is(.Widget, .WidgetMainContent, .Grid) { width: 100% !important; float: none !important; box-sizing: border-box !important; }
    html body.mv .mv-today-aging .summary_table .Grid table { width: 100% !important; }
    html body.mv .mv-today-aging .WidgetContent > div:has(> .summary_table) { float: none !important; width: auto !important; }
    html body.mv .mv-today-aging #Claims, html body.mv .mv-today-aging > .WidgetContent { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Busy state: a control that started a save/post is disabled and dimmed until the request ends (see mvBusy in medverra.js). */
body.mv .mv-busy, body.mv [aria-busy="true"].mv-btn { opacity: .65; cursor: progress !important; pointer-events: none; }
body.mv .mv-busy::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: mv-spin .7s linear infinite; vertical-align: -2px; }
@keyframes mv-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body.mv .mv-busy::after { animation: none; border-right-color: currentColor; } }


/* Patient identity banner + encounter context bar for clinical screens (design-system.md 5.19 / 5.20; roadmap 3.2).
   Markup: <section class="mv-ptbanner" aria-label="Patient identity"> name, facts (DOB/age, sex, account) </section> + <div class="mv-encbar"> encounter facts </div>.
   Tokens fall back to the current palette when the Phase 1 tokens (--mv-sunken, --mv-text-2, --mv-muted) are not applied yet. */
body.mv .mv-ptbanner { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; padding: 10px 16px; margin: 0 0 8px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-left: 4px solid var(--mv-ink); border-radius: var(--mv-radius); }
body.mv .mv-ptbanner .mv-pt-name { font-size: 18px; font-weight: 700; color: var(--mv-ink); line-height: 1.25; overflow-wrap: anywhere; }
body.mv .mv-ptbanner .mv-pt-facts { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; font-size: 13px; color: var(--mv-text); }
body.mv .mv-ptbanner .mv-pt-facts > div { display: flex; flex-direction: column; min-width: 0; }
body.mv .mv-ptbanner .mv-pt-facts dt { font-size: var(--mv-fs-12); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--mv-muted, var(--mv-slate)); }
body.mv .mv-ptbanner .mv-pt-facts dd { margin: 0; font-weight: 600; }
body.mv .mv-ptbanner--sticky { position: sticky; top: 0; z-index: 20; }
body.mv .mv-encbar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 8px 16px; margin: 0 0 12px; background: var(--mv-sunken, #F7F9FA); border: 1px solid var(--mv-line); border-radius: var(--mv-radius-sm); font-size: 12.5px; color: var(--mv-text); }
body.mv .mv-encbar b { margin-right: 4px; font-weight: 600; color: var(--mv-text-2, var(--mv-slate)); }
body.mv .mv-encbar .mv-enc-state { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-weight: 600; background: var(--mv-warn-50); color: var(--mv-warning, #8A5300); }
body.mv .mv-encbar .mv-enc-state[data-state="signed"], body.mv .mv-encbar .mv-enc-state[data-state="cosigned"] { background: var(--mv-ok-50); color: var(--mv-success, #166534); }
body.mv .mv-encbar .mv-enc-state[data-state="complete"] { background: var(--mv-info-50); color: var(--mv-info); }
@media (max-width: 600px) {
    body.mv .mv-ptbanner { padding: 8px 12px; }
    body.mv .mv-ptbanner .mv-pt-name { flex: 1 0 100%; }
    body.mv .mv-ptbanner--sticky { position: static; }
}
@media print { body.mv .mv-ptbanner--sticky { position: static; } }


/* Responsive nav, EMR shell (UX-C15, UI-U9-06, UI-U1-10): below 1100px the 68px rail gets a Menu button that opens it to full width with labels.
   The button is created by medverra.js (P6.1a); it is hidden on desktop and styled for every shell here. */
body.mv .mv-navtoggle { display: none; }
@media (max-width: 1100px) {
    html body.mv .mv-navtoggle { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #fff !important; font-size: 22px; cursor: pointer; box-shadow: none !important; }
    html body.mv .mv-navtoggle:hover { background: var(--mv-ink-2) !important; }
    html body.mv .mv-navtoggle:focus-visible { outline: 2px solid var(--mv-focus-on-dark, #93C5FD); outline-offset: -2px; }
    body.mv.mv-shell.mv-nav-open #header { width: 232px !important; z-index: 1100 !important; box-shadow: 8px 0 24px -8px rgba(11,37,69,.45); }
    body.mv.mv-shell.mv-nav-open :is(.divPracticeName, #UserName) { display: block !important; }
    html body.mv.mv-shell.mv-nav-open #nav > li > a { font-size: 14px !important; justify-content: flex-start; padding: 0 12px !important; gap: 12px; }
}
/* phone rail is 56px: give the icon links a full 44px width (they were 36px) */
@media (max-width: 760px) {
    html body.mv.mv-shell #header .menu > ul#nav { padding-left: 6px !important; padding-right: 6px !important; }
    html body.mv.mv-shell.mv-nav-open #header .menu > ul#nav { padding-left: 10px !important; padding-right: 10px !important; }
}


/* Responsive nav, CRM shell (UX-C15): the 56/64px icon rail opens to 232px with labels from the Menu button (P6.1a/P6.1b). */
@media (max-width: 1100px) {
    body.mv.mv-crm .app-sidebar > .mv-navtoggle { margin-bottom: 8px !important; }
    html body.mv.mv-crm .side-menu__item { min-height: 44px; min-width: 40px; }
    body.mv.mv-crm .app-sidebar { padding-left: 6px !important; padding-right: 6px !important; }
    body.mv.mv-crm.mv-nav-open .app-sidebar { width: 232px !important; z-index: 1100 !important; box-shadow: 8px 0 24px -8px rgba(11,37,69,.45); }
    body.mv.mv-crm.mv-nav-open .side-menu__item { justify-content: flex-start; padding: 0 12px !important; gap: 12px; }
    body.mv.mv-crm.mv-nav-open .side-menu__label { display: inline !important; }
}


/* Responsive nav, Super admin shell (UX-C15, UI-U9-06): tablet rail opens with labels; the phone bottom bar shows a label under each icon
   (no Menu button needed there) and every item is at least 44px wide. */
@media (max-width: 1100px) {
    body.mv.mv-sa .mv-sa-rail > .mv-navtoggle { align-self: center; }
    body.mv.mv-sa.mv-nav-open .mv-sa-rail { width: 232px; padding: 20px 12px 16px; z-index: 60; box-shadow: 8px 0 24px -8px rgba(11,37,69,.45); }
    body.mv.mv-sa.mv-nav-open .mv-sa-brand span, body.mv.mv-sa.mv-nav-open .mv-sa-nav a span, body.mv.mv-sa.mv-nav-open .mv-sa-out span { display: inline; }
    body.mv.mv-sa.mv-nav-open .mv-sa-brand { align-items: flex-start; }
}
@media (max-width: 600px) {
    body.mv.mv-sa .mv-sa-rail > .mv-navtoggle { display: none !important; }
    body.mv.mv-sa .mv-sa-nav { flex-direction: row; flex: 1; min-width: 0; }
    body.mv.mv-sa .mv-sa-nav a { flex: 1 1 0; min-width: 44px; flex-direction: column; justify-content: center; gap: 2px; height: 56px; padding: 0 2px; font-size: 11px; text-align: center; }
    body.mv.mv-sa .mv-sa-nav a:last-child { margin-top: 0; }
    body.mv.mv-sa .mv-sa-nav a span { display: block !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body.mv.mv-sa .mv-sa-brand { display: none; }
}


/* Responsive nav, portal (UX-C15, UI-U8-09): below 1100px the icon-only top nav becomes a labelled dropdown under the Menu button. */
@media (max-width: 1100px) {
    body.mv.mv-portal .mv-portal-top { position: relative; }
    html body.mv.mv-portal .mv-navtoggle { color: var(--mv-ink) !important; }
    html body.mv.mv-portal .mv-navtoggle:hover { background: var(--mv-mist) !important; }
    html body.mv.mv-portal :is(.mv-portal-out, .mv-portal-nav > li > a) { min-height: 44px; min-width: 44px; box-sizing: border-box; }
    body.mv.mv-portal .mv-portal-navwrap { display: none; }
    body.mv.mv-portal.mv-nav-open .mv-portal-navwrap { display: block; position: absolute; top: 100%; left: 0; right: 0; z-index: 1100; background: var(--mv-surface); border-bottom: 1px solid var(--mv-line); box-shadow: 0 12px 24px -12px rgba(11,37,69,.3); }
    body.mv.mv-portal.mv-nav-open .mv-portal-nav { display: flex; flex-direction: column; align-items: stretch; margin: 0; padding: 8px 12px; }
    body.mv.mv-portal.mv-nav-open .mv-portal-nav > li > a { display: flex !important; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px !important; font-size: 14.5px !important; }
    body.mv.mv-portal.mv-nav-open .mv-portal-nav > li > a .spn-lnk-text { display: inline !important; }
}


/* Grids never clip (UI-U8-09, UX-C15): below 1100px a legacy .Grid scrolls sideways inside its own card instead of being cut off. */
@media (max-width: 1100px) {
    /* a <fieldset> defaults to min-width:min-content, which stretched the portal cards (and the whole page) to the table width */
    body.mv fieldset { min-width: 0; }
    body.mv .Grid { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    body.mv.mv-portal :is(.WidgetContent, .mv-pportal-card):has(> .Grid) { overflow-x: auto; max-width: 100%; }
}


/* Portal Contact us on phones (UI-U8-09): the two-column layout table stacks, so the form gets the full card width. */
@media (max-width: 760px) {
    body.mv.mv-portal .page-content > table:has(.mv-pcontact-form), body.mv.mv-portal .page-content > table:has(.mv-pcontact-form) > tbody,
    body.mv.mv-portal .page-content > table:has(.mv-pcontact-form) > tbody > tr, body.mv.mv-portal .page-content > table:has(.mv-pcontact-form) > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
    body.mv.mv-portal .mv-pcontact-form { margin-right: 0; }
}


/* Touch targets on phones (UI-U9-07): checkboxes and radios become 44px hit areas drawn at the same visual size, and small icon buttons get a 44px box.
   Opt out with class mv-keep-native. Desktop and tablet are unchanged. */
@media (max-width: 600px) {
    html body.mv :is(input[type="checkbox"], input[type="radio"]):not(.mv-keep-native) {
        -webkit-appearance: none; appearance: none; width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px; flex: 0 0 44px; margin: 0 !important; padding: 0; border: 0; border-radius: 0; background: transparent no-repeat center / 22px 22px; cursor: pointer; vertical-align: middle;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect x='2' y='2' width='18' height='18' rx='4' fill='%23fff' stroke='%237F8FA3' stroke-width='1.6'/%3E%3C/svg%3E");
    }
    html body.mv input[type="radio"]:not(.mv-keep-native) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9' fill='%23fff' stroke='%237F8FA3' stroke-width='1.6'/%3E%3C/svg%3E"); }
    html body.mv input[type="checkbox"]:not(.mv-keep-native):checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect x='2' y='2' width='18' height='18' rx='4' fill='%230A7266'/%3E%3Cpath d='M6 11.5l3.4 3.4L16 8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
    html body.mv input[type="radio"]:not(.mv-keep-native):checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9' fill='%23fff' stroke='%230A7266' stroke-width='1.6'/%3E%3Ccircle cx='11' cy='11' r='5' fill='%230A7266'/%3E%3C/svg%3E"); }
    html body.mv :is(input[type="checkbox"], input[type="radio"]):focus-visible { outline: 2px solid var(--mv-focus); outline-offset: -4px; }
    html body.mv :is(a, button, input[type="button"], input[type="submit"]):is(.mv-icon-btn, .btn-sm, .mv-count, [class*="icon"]):not(.mv-navtoggle) { min-width: 44px; min-height: 44px; }
}


/* Portal touch targets and form glitches (UI-U8-14, UI-U9-07): 44px controls on phones; datepicker month/year selects sit in the header row
   instead of over the weekday names; the refill pharmacy labels stop overlapping their inputs. */
body.mv.mv-portal .ui-datepicker .ui-datepicker-header { display: flex; align-items: center; justify-content: center; position: relative; padding: 4px 28px 8px !important; margin-bottom: 6px; height: auto !important; }
body.mv.mv-portal .ui-datepicker .ui-datepicker-title { display: flex; gap: 6px; margin: 0 !important; line-height: normal !important; height: auto !important; }
html body.mv.mv-portal .ui-datepicker .ui-datepicker-title select { width: auto !important; margin: 0 !important; min-height: 32px; }
body.mv.mv-portal .ui-datepicker .ui-datepicker-calendar { margin-top: 0; }
html body.mv.mv-portal #tblPharmacy td { padding-right: 8px !important; box-sizing: border-box; height: auto !important; }
html body.mv.mv-portal #tblPharmacy :is(input[type="text"], select) { max-width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 600px) {
    html body.mv.mv-portal :is(button, input[type="button"], input[type="submit"], select, input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"], input[type="number"], input:not([type]), textarea, .mv-portal-out, .mv-btn, .ui-button, .fc-button) { min-height: 44px !important; min-width: 44px !important; }
    html body.mv.mv-portal .ui-datepicker .ui-datepicker-title select { min-height: 44px; }
    html body.mv.mv-portal #tblPharmacy, html body.mv.mv-portal #tblPharmacy tbody, html body.mv.mv-portal #tblPharmacy tr, html body.mv.mv-portal #tblPharmacy td { display: block; width: 100% !important; }
    html body.mv.mv-portal #tblPharmacy :is(input[type="text"], select) { width: 100% !important; }
    html body.mv.mv-portal #tblPharmacy td:has(:is(input, select)) { min-height: 52px; height: auto !important; overflow: visible; }
    html body.mv.mv-portal .ui-datepicker td a, html body.mv.mv-portal .ui-datepicker td span { padding: 10px 0 !important; }
    body.mv.mv-portal .ui-datepicker { max-width: 100%; box-sizing: border-box; }
}


/* Empty state (design-system.md 5.14): icon, title, one sentence, optional next step. Built by mvEmpty() / mvEmptyRow() in medverra.js. */
body.mv .mv-empty-state { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 16px; text-align: center; color: var(--mv-slate); }
body.mv .mv-empty-state > i { font-size: 28px; color: var(--mv-slate); }
body.mv .mv-empty-state-title { margin: 0; font-size: 15px; font-weight: 600; color: var(--mv-ink); }
body.mv .mv-empty-state-text { margin: 0; font-size: 13px; }

/* P1.1b: legacy sheets (ApplicationTheme.css) force Arial/Verdana on body with !important; the design-system font stack must win on body. */
html body.mv { font-family: var(--mv-font) !important; }
/* P1.2j: shared page header block. Markup: <header class="mv-pagehead"> <h1> ... optional <div class="mv-pagehead-actions"> ... </header>. One h1 per page. */
body.mv .mv-pagehead-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }

/* === mockup: emr-login === */
/* the shared main#mv-main rule sets display:flow-root; the sign-in shell is a two-column grid (brand panel left, card right) */
html body.mv-login main#mv-main.mv-login-shell { display: grid; grid-template-columns: minmax(380px, 46%) 1fr; min-height: 100vh; }
body.mv-login .mv-login-brand { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 24px; min-height: 100vh; }
body.mv-login .mv-login-brand .mv-login-logo { width: 190px; }
body.mv-login .mv-login-brand .mv-login-pitch { margin-top: auto; margin-bottom: auto; }
body.mv-login .mv-login-points { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; color: #C9D8EA; font-size: 13.5px; }
body.mv-login .mv-login-points li { position: relative; padding-left: 28px; }
body.mv-login .mv-login-points li::before { content: ""; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; background-color: #5EEAD4; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
body.mv-login .mv-login-card { background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 16px; box-shadow: 0 1px 2px rgba(11,37,69,.06), 0 12px 32px -16px rgba(11,37,69,.22); padding: 32px 32px 28px; max-width: 420px; box-sizing: border-box; }
body.mv-login .mv-login-sub { margin-bottom: 22px; }
body.mv-login .mv-login-brand .mv-login-pulse { opacity: .35; bottom: 8%; }
@media (max-width: 860px) {
    html body.mv-login main#mv-main.mv-login-shell { grid-template-columns: 1fr; }
    body.mv-login .mv-login-brand { min-height: 0; }
    body.mv-login .mv-login-points { display: none; }
    body.mv-login .mv-login-card { padding: 24px 20px; }
}

/* === mockup: emr-switchpractices-switchpractices === */
/* "Open practice" is a visible button on every card (the whole card still opens the practice) */
body.mv .mv-practice-card { position: relative; display: flex; flex-direction: column; gap: 14px; }
body.mv .mv-practice-open { position: static; align-self: flex-start; opacity: 1; margin-top: auto; padding: 8px 14px; border-radius: 8px; background: var(--mv-teal-600); color: #fff !important; font-size: 13px; font-weight: 600; }
body.mv .mv-practice-card:hover .mv-practice-open { background: var(--mv-teal-700); }
body.mv .mv-practice-card:hover .mv-practice-name, body.mv .mv-practice-card:focus-visible .mv-practice-name { padding-right: 0; }
body.mv .mv-practice-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

/* === mockup: emr-patient-demographics === */
/* identity banner */
body.mv #demographics .mv-pd-banner { margin: 0; padding: 14px 18px; gap: 10px 18px; align-items: center; justify-content: space-between; border-left-width: 4px; border-radius: 12px; }
body.mv #demographics .mv-pd-banner .mv-pt-id { gap: 16px; flex: 1 1 auto; align-items: center; }
body.mv #demographics .mv-pd-banner .PersonPhoto { flex: 0 0 52px; width: 52px !important; height: 52px !important; }
body.mv #demographics .mv-pd-banner .profileInfoSingleDetail { gap: 6px; }
body.mv #demographics .mv-pd-banner #ContentPlaceHolder1_lblName { font-size: 20px !important; }
body.mv #demographics .mv-pd-banner .mv-pt-facts { gap: 4px 28px; }
body.mv #demographics .mv-pd-banner .mv-pt-facts dd { color: var(--mv-ink); font-weight: 600; font-size: 13px; }
body.mv #demographics .mv-pd-banner .mv-pt-facts dd .mv-pd-age { font-weight: 500; color: var(--mv-slate); }
body.mv #demographics .mv-pd-banner .mv-pt-facts dd:not(:has(span:not(:empty)))::after { content: "Not recorded"; color: var(--mv-slate); font-style: italic; font-weight: 400; }
body.mv #demographics .mv-pd-legacy { display: none !important; }
body.mv #demographics .mv-pd-banner--new .mv-pt-facts, body.mv #demographics .mv-pd-banner--new .mv-pd-chips { display: none; }
body.mv #demographics .mv-pd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
body.mv #demographics .mv-pd-chips:not(:has(*)) { display: none; }
body.mv #demographics .mv-pd-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 10px; border: 1px solid var(--mv-line-strong); border-radius: 999px; background: var(--mv-mist); color: var(--mv-ink); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
/* page header: mode hint and actions */
body.mv #demographics .mv-pd-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
body.mv #demographics .mv-pd-mode { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--mv-slate); font-size: 13.5px; }
body.mv #demographics .mv-pd-mode b { color: var(--mv-ink); }
body.mv #demographics .mv-pd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
body.mv #demographics .mv-pd-actions .mv-btn { flex-shrink: 0; width: auto; float: none; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface); color: var(--mv-ink); font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
body.mv #demographics .mv-pd-actions .mv-btn:hover { background: var(--mv-mist); }
body.mv #demographics .mv-pd-actions .mv-btn i { color: var(--mv-teal-600); font-size: 15px; }
body.mv #demographics .mv-pd-actions .mv-btn-primary { background: var(--mv-teal-600); border-color: var(--mv-teal-600); color: #fff; }
body.mv #demographics .mv-pd-actions .mv-btn-primary i { color: #fff; }
body.mv #demographics .mv-pd-actions .mv-btn-primary:hover { background: var(--mv-teal-700); border-color: var(--mv-teal-700); }
body.mv #demographics .mv-pd-actions .mv-btn:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }
body.mv #demographics .mv-pd-mode-edit, body.mv #demographics .mv-pd-p-cancel, body.mv #demographics .mv-pd-p-save { display: none; }
body.mv #demographics:has(#updatebtn:not([style*="none"])) .mv-pd-mode-view, body.mv #demographics:has(#updatebtn:not([style*="none"])) .mv-pd-p-edit { display: none; }
body.mv #demographics:has(#updatebtn:not([style*="none"])) :is(span.mv-pd-mode-edit, i.mv-pd-mode-edit) { display: inline; }
body.mv #demographics:has(#updatebtn:not([style*="none"])) :is(.mv-pd-p-cancel, .mv-pd-p-save) { display: inline-flex; }
body.mv #demographics:has(#cancelbtn[style*="none"]) .mv-pd-p-cancel, body.mv #demographics:has(#printbtn[style*="none"]) .mv-pd-p-print { display: none; }
/* the card header actions move to the page header; the buttons stay in place as the click targets */
body.mv #demographics #MainRighWigetDiv > .WidgetTitle { display: none !important; }
body.mv #demographics #MainRighWigetDiv { border: 0 !important; background: none !important; }
body.mv #demographics #MainRighWigetDiv #EditViewDemographics > .box-content, body.mv #demographics #MainRighWigetDiv :is(#viewDemographics, #EditDemographics) { padding: 0 !important; border-top: 0 !important; }
/* left rail: sections first, billing flags below */
body.mv #demographics .leftSideTabs { order: 1; }
body.mv #demographics .profileInfoDiv { order: 2; padding: 0 !important; gap: 0; }
body.mv #demographics .mv-pd-cardtitle { margin: 0; padding: 16px 18px 14px; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink); font-size: 15px; font-weight: 700; }
body.mv #demographics .profileInfoDiv .mv-pt-flags { grid-template-columns: 1fr; gap: 2px; padding: 10px 14px 6px; border-top: 0; }
body.mv #demographics .profileInfoDiv .mv-pt-flag { min-height: 34px; padding: 0 6px; border: 0; background: none; font-size: 13.5px !important; }
body.mv #demographics .profileInfoDiv .mv-pt-flag:has(input:checked) { background: none; }
body.mv #demographics .profileInfoDiv .btnPatientfreeze:has(input:checked) { color: var(--mv-bad) !important; }
body.mv #demographics:not(:has(#updatebtn:not([style*="none"]))) .profileInfoDiv .mv-pt-flag { cursor: default; opacity: .85; }
body.mv #demographics:not(:has(#updatebtn:not([style*="none"]))) .profileInfoDiv .mv-pt-flag :is(a, input) { cursor: default; }
body.mv #demographics .mv-pd-hint { margin: 0; padding: 4px 18px 16px; color: var(--mv-slate); font-size: 12.5px; line-height: 1.4; }
/* section nav: counts and the current section */
body.mv #demographics .mv-pt-nav .LargeTabs .mv-pt-count { margin-left: auto; color: var(--mv-slate); font-size: 13px; font-weight: 500; }
body.mv .mv-pt-count:empty { display: none; }
body.mv #demographics .mv-pt-nav #Demographicstab { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; font-weight: 600 !important; }
body.mv #demographics .mv-pt-nav #Demographicstab i { color: var(--mv-teal-700); }
body.mv.mv-shell .quicklaunch #mySidenav .mv-btn .mv-pt-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--mv-mist); color: var(--mv-ink); font-size: 12px; font-weight: 600; }
/* read view: empty values */
body.mv #viewDemographics .InfoLabel:empty::before { content: "Not recorded"; color: var(--mv-slate); font-style: italic; font-weight: 400; }
body.mv #demographics .mv-pd-banner .PersonPhoto img { object-fit: cover; }
@media (max-width: 820px) {
    body.mv #demographics .mv-pd-banner .mv-pd-chips { margin-left: 0; }
    body.mv #demographics .mv-pd-actions { margin-left: 0; width: 100%; }
    body.mv #demographics .mv-pd-actions .mv-btn { flex: 1 1 auto; }
}

/* === mockup: patientehr-home === */
/* nav order follows the mockup (Dashboard, Appointments, Health record, Documents, My profile, Education, Contact us); markup order is unchanged */
body.mv.mv-portal .mv-portal-nav { display: flex; }
body.mv.mv-portal #liDashboard { order: 1; } body.mv.mv-portal #liAppointment { order: 2; } body.mv.mv-portal #liChart { order: 3; }
body.mv.mv-portal #liDocuments { order: 4; } body.mv.mv-portal #liPersonalProfile { order: 5; } body.mv.mv-portal #liEducation { order: 6; } body.mv.mv-portal #liContactUs { order: 7; }
/* greeting header and a centred content column */
body.mv.mv-portal .mv-pdash-head { max-width: 1240px; margin: 0 auto; padding: 24px 0 16px; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
body.mv.mv-portal .mv-pdash-head h1 { margin: 0 0 4px; font-size: 26px !important; font-weight: 700 !important; color: var(--mv-ink); letter-spacing: -0.02em; }
body.mv.mv-portal .mv-pdash-head p { margin: 0; color: var(--mv-slate); font-size: 14px; }
body.mv.mv-portal .mv-pdash { max-width: 1240px; margin: 0 auto; }
body.mv.mv-portal .mv-link { color: var(--mv-teal-700) !important; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
/* card order: balance and visits first, then health summary, labs, education */
body.mv.mv-portal .mv-pdash > .mv-ps-balance { order: 1; } body.mv.mv-portal .mv-pdash > .mv-ps-visits { order: 2; }
body.mv.mv-portal .mv-pdash > .mv-ps-health { order: 3; } body.mv.mv-portal .mv-pdash > .mv-ps-lab { order: 4; } body.mv.mv-portal .mv-pdash > .mv-ps-education { order: 5; }
body.mv.mv-portal .mv-pdash > .mv-ps-balance, body.mv.mv-portal .mv-pdash > .mv-ps-visits { align-self: stretch; }
body.mv.mv-portal .mv-pdash .mv-ps-health .WidgetContent { max-height: none; }
body.mv.mv-portal .mv-pdash .Grid th { background: var(--mv-mist); color: var(--mv-slate); font-size: 12px; font-weight: 600; }
body.mv.mv-portal .mv-pdash .mv-ps-education .WidgetContent:not(:has(*))::after { content: "Nothing assigned yet. Your care team can share reading material here."; display: block; padding: 18px 4px; color: var(--mv-slate); font-size: 13.5px; }
@media (max-width: 600px) { body.mv.mv-portal .mv-pdash-head { padding: 16px 16px 8px; } body.mv.mv-portal .mv-pdash-head h1 { font-size: 22px !important; } body.mv.mv-portal .mv-pdash { padding: 0 8px; } }

/* === mockup: emr-claims-billingmanager === */
/* page header: title + subtitle, then the action row (the legacy .quicklaunch bar, moved into the page flow for this screen) */
html body.mv.mv-shell .mv-claims-head { display: flex; flex-direction: column; gap: 14px; margin: 0 0 16px; padding: 0; }
html body.mv.mv-shell .mv-claims-titles h1 { margin: 0; color: var(--mv-ink); font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
html body.mv.mv-shell .mv-claims-titles p { margin: 4px 0 0; color: var(--mv-slate); font-size: 13.5px; line-height: 1.45; }
html.mv-claims-sub body.mv.mv-shell .mv-claims-titles { display: none; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage {
    position: static !important; top: auto !important; left: auto !important; right: auto !important; width: auto !important; max-width: none !important; height: auto !important; z-index: auto !important;
    padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; overflow: visible !important; pointer-events: auto;
    display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px;
}
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; height: 36px !important; margin: 0 !important; padding: 0 14px !important; box-sizing: border-box;
    border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important;
    font: 600 13px/1 var(--mv-font) !important; white-space: nowrap; text-decoration: none !important; cursor: pointer;
}
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa:hover { background: var(--mv-mist) !important; border-color: #AEBBC9 !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa .button-center { display: inline-flex !important; align-items: center; gap: 6px; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; color: inherit !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa :is(.button-left, .button-right, .button-image, .selected-icons) { display: none !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa .button-text { color: inherit !important; font: inherit !important; padding: 0 !important; margin: 0 !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-ql-icon { font-size: 15px; line-height: 1; color: var(--mv-ink); }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa-primary { background: var(--mv-teal-600) !important; border-color: var(--mv-teal-600) !important; color: #fff !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa-primary:hover { background: var(--mv-teal-700) !important; border-color: var(--mv-teal-700) !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-qa-primary .mv-ql-icon { color: #fff; }
.mv-splitbtn { display: inline-flex; position: relative; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-splitbtn:has(> .mv-createmore) > a.mv-qa-primary { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.mv-createmore { display: inline-flex; position: relative; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-createmore-btn { width: 38px; padding: 0 !important; margin-left: -1px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left-color: #3F8E85 !important; }
html body.mv.mv-shell .quicklaunch.mv-ql-inpage .mv-createmore-btn i { color: #fff; font-size: 13px; }
.mv-createmenu, .mv-rowmenu { z-index: 1100; min-width: 210px; padding: 6px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 16px 36px -14px rgba(11,37,69,.40); }
.mv-createmenu[hidden], .mv-rowmenu[hidden] { display: none; }
.mv-createmenu { position: absolute; right: 0; top: calc(100% + 6px); }
.mv-rowmenu { position: fixed; min-width: 160px; text-align: left; }
html body.mv .mv-createmenu a, html body.mv .mv-rowmenu button {
    display: flex !important; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; margin: 0; border: 0 !important; border-radius: 6px; background: none !important;
    color: var(--mv-ink) !important; font: 600 13px/1.2 var(--mv-font) !important; text-align: left; text-decoration: none !important; cursor: pointer; box-sizing: border-box; height: auto;
}
html body.mv .mv-createmenu a .button-center { display: inline-flex !important; align-items: center; background: none !important; padding: 0 !important; height: auto !important; }
html body.mv .mv-createmenu a :is(.button-image, .selected-icons) { display: none !important; }
html body.mv .mv-createmenu a .button-text { color: inherit !important; font: inherit !important; padding: 0 !important; }
html body.mv .mv-createmenu a:hover, html body.mv .mv-rowmenu button:hover, html body.mv .mv-createmenu a:focus-visible, html body.mv .mv-rowmenu button:focus-visible { background: var(--mv-mist) !important; outline: none; }
/* card toolbar: filter count badge */
body.mv .mv-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 2px; border-radius: 999px; background: var(--mv-neutral-50); border: 1px solid var(--mv-line-strong); color: var(--mv-ink); font-size: 11.5px; font-weight: 700; line-height: 1; }
body.mv .mv-count[hidden] { display: none; }
/* active filter chips + selection bar */
body.mv .mv-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 18px; border-bottom: 1px solid var(--mv-line); font-size: 12.5px; }
body.mv .mv-chips[hidden] { display: none; }
body.mv .mv-chips-label { color: var(--mv-slate); margin-right: 2px; }
body.mv .mv-fchip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--mv-sunken); border: 1px solid var(--mv-line-strong); color: var(--mv-ink); font-weight: 600; max-width: 100%; }
body.mv .mv-fchip:has(.mv-fchip-x) { padding-right: 4px; }
body.mv .mv-fchip-x { display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--mv-slate); cursor: pointer; font-size: 10px; }
body.mv .mv-fchip-x:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-fchip-x:focus-visible { outline: 2px solid var(--mv-focus); }
body.mv .mv-btn-sm { height: 30px; padding: 0 10px; font-size: 12.5px; }
body.mv .mv-btn-link { border: 0 !important; background: none !important; color: var(--mv-teal-600) !important; font-weight: 600; cursor: pointer; }
body.mv .mv-btn-link:hover { text-decoration: underline; }
body.mv .mv-bulkbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 8px 18px; background: var(--mv-teal-50); border-bottom: 1px solid #BFE3DC; color: #075F55; font-size: 13px; font-weight: 600; }
body.mv .mv-bulkbar[hidden] { display: none; }
body.mv .mv-bulkbar .mv-bulk-clear { margin-left: auto; }
/* grid cells */
body.mv #divClaims table.fixTable .mv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.mv #divClaims table.fixTable a.mv-claimlink { color: var(--mv-teal-600); font-weight: 600; text-decoration: none; cursor: pointer; }
body.mv #divClaims table.fixTable a.mv-claimlink:hover { text-decoration: underline; }
body.mv #divClaims table.fixTable tbody tr.mv-selected > td { background: var(--mv-teal-50); }
body.mv #divClaims table.fixTable :is(td, th).mv-chk { text-align: center !important; }
body.mv #divClaims table.fixTable tbody :is(td:nth-child(12), td:nth-child(13)) { font-variant-numeric: tabular-nums; }
body.mv #divClaims table.fixTable .mv-cr { color: var(--mv-warning); font-weight: 700; }
body.mv #divClaims table.fixTable .mv-cpt { font-variant-numeric: tabular-nums; }
body.mv #divClaims table.fixTable tbody td:is(:nth-child(6), :nth-child(9), :nth-child(14), :nth-child(15)) { max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
body.mv .mv-resp { display: inline-flex; align-items: center; padding: 1px 6px; border-radius: 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .03em; }
body.mv .mv-resp-payer { color: var(--mv-ink); background: #E6ECF4; }
body.mv .mv-resp-patient { color: #9D2F6B; background: #FBEAF3; }
body.mv #divClaims table.fixTable :is(th, td).mv-rowmenu-th, body.mv #divClaims table.fixTable td.mv-rowmenu-cell { width: 36px !important; padding-left: 2px !important; padding-right: 8px !important; text-align: center !important; }
body.mv .mv-rowmenu-btn { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--mv-slate); cursor: pointer; font-size: 16px; }
body.mv .mv-rowmenu-btn:hover, body.mv .mv-rowmenu-btn[aria-expanded="true"] { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-rowmenu-btn:focus-visible { outline: 2px solid var(--mv-focus); }
/* pager: "Showing x to y of z claims", rows per page, page buttons */
body.mv #divClaims .iconInfo { display: none !important; }
body.mv #divClaims .pager.mv-pager > .PageEntries { border-left: 0; padding-left: 0; color: var(--mv-slate); font-size: 12.5px; }
@media (max-width: 820px) {
    html body.mv.mv-shell .quicklaunch.mv-ql-inpage { justify-content: flex-start; }
    html body.mv.mv-shell .mv-claims-titles h1 { font-size: 21px; }
}
body.mv #demographics .mv-pd-banner .profileInfoSingleDetail, body.mv #demographics .mv-pd-banner .profileInfoSingleDetail * { line-height: 1.35 !important; }
body.mv #demographics .mv-pd-banner .profileInfoSingleDetail .mv-pt-facts dd { height: auto; }
body.mv #demographics .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-cancel, body.mv #demographics .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-save { display: none; }
body.mv #demographics:has(#updatebtn:not([style*="none"])) .mv-pd-head .mv-pd-actions .mv-btn:is(.mv-pd-p-cancel, .mv-pd-p-save) { display: inline-flex; }
body.mv #demographics:has(#updatebtn:not([style*="none"])) .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-edit { display: none; }
body.mv #demographics:has(#cancelbtn[style*="none"]) .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-cancel, body.mv #demographics:has(#printbtn[style*="none"]) .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-print { display: none; }
body.mv #demographics .mv-pd-cardtitle { text-align: left; }

/* === shell: grouped sidebar, global search, collapse control, breadcrumb (mockup: application shell) === */
body.mv.mv-shell #liSchedule { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liPayments { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 6.5C16 5 14.3 4.5 12 4.5c-2.8 0-4.5 1.3-4.5 3.3 0 4.7 9.5 2.3 9.5 7.6 0 2.1-2 3.6-5 3.6-2.4 0-4.2-.8-5.3-2.4'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liReports { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liAdminPanel { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='4.5'/%3E%3Cpath d='m10.7 12.3 9.8-9.8M16 7l3 3M19 4l2 2'/%3E%3C/svg%3E"); }
/* group labels (WORK / REVENUE CYCLE / INSIGHT / ADMINISTRATION) */
body.mv.mv-shell #nav > li.mv-nav-group {
    width: 100% !important; box-sizing: border-box; padding: 14px 12px 4px !important; color: #9FB3C8; font-size: 11px; font-weight: 700;
    letter-spacing: .08em; text-transform: uppercase; line-height: 1.3; pointer-events: none; user-select: none;
}
body.mv.mv-shell #nav > li.mv-nav-group:first-child { padding-top: 4px !important; }
/* practice card doubles as the switch-practice link */
body.mv.mv-shell a.mv-ctx { display: block; text-decoration: none !important; border-radius: 10px; position: relative; }
body.mv.mv-shell a.mv-ctx:hover .divPracticeName { background: rgba(255,255,255,.12); }
body.mv.mv-shell a.mv-ctx:focus-visible { outline: 2px solid #5EEAD4 !important; outline-offset: 2px; }
body.mv.mv-shell a.mv-ctx::after {
    content: ""; position: absolute; right: 10px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: #9FB3C8;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* global search (sidebar) */
body.mv.mv-shell .mv-gsearch { position: relative; margin: 0 -6px; }
body.mv.mv-shell .mv-gsearch-box {
    display: flex; align-items: center; gap: 7px; height: 38px; margin: 0; padding: 0 9px; box-sizing: border-box;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 9px; color: #C2D1E2; cursor: text;
}
body.mv.mv-shell .mv-gsearch-box:focus-within { background: rgba(255,255,255,.14); border-color: #5EEAD4; }
body.mv.mv-shell .mv-gsearch-box > i { font-size: 14px; line-height: 1; flex: 0 0 auto; }
html body.mv.mv-shell .mv-gsearch-box input {
    flex: 1 1 auto; min-width: 0; width: 100% !important; height: 34px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; color: #fff !important; font-size: 11.5px !important; text-overflow: ellipsis;
    -webkit-appearance: none; appearance: none;
}
html body.mv.mv-shell .mv-gsearch-box input::placeholder { color: #B7C6D8; opacity: 1; }
html body.mv.mv-shell .mv-gsearch-box input::-webkit-search-cancel-button { display: none; }
body.mv.mv-shell .mv-kbd { flex: 0 0 auto; min-width: 18px; padding: 1px 5px; border: 1px solid rgba(255,255,255,.28); border-radius: 5px; color: #C2D1E2; font: 600 11px/16px inherit; font-family: inherit; text-align: center; background: transparent; }
body.mv.mv-shell .mv-kbd { display: none; }
body.mv.mv-shell .mv-gsearch-icon { display: none; }
body.mv.mv-shell .mv-gsearch-list {
    position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 1200; margin: 0; padding: 4px; list-style: none;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 10px; box-shadow: 0 20px 40px -14px rgba(11,37,69,.5);
    width: max(100%, 232px);
}
body.mv.mv-shell .mv-gsearch-list[hidden] { display: none; }
body.mv.mv-shell .mv-gsearch-list li { display: block; padding: 9px 10px; border-radius: 7px; color: var(--mv-ink); font-size: 13px; font-weight: 500; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv.mv-shell .mv-gsearch-list li[aria-selected="true"], body.mv.mv-shell .mv-gsearch-list li:hover { background: var(--mv-mist); color: var(--mv-teal-700, #086A5F); }
/* collapse control (footer of the sidebar) */
html body.mv.mv-shell .mv-collapse {
    display: flex !important; align-items: center; gap: 10px; flex: 0 0 auto; width: calc(100% - 20px); height: 36px; margin: 0 10px 8px !important; padding: 0 12px !important;
    background: transparent !important; border: 0 !important; border-radius: 8px !important; color: #B7C6D8 !important; font: 500 13px/1 inherit !important; font-family: inherit !important;
    text-align: left; cursor: pointer; box-shadow: none !important;
}
html body.mv.mv-shell .mv-collapse:hover { background: var(--mv-ink-2) !important; color: #fff !important; }
html body.mv.mv-shell .mv-collapse:focus-visible { outline: 2px solid #5EEAD4 !important; outline-offset: -2px; }
body.mv.mv-shell .mv-collapse i { font-size: 15px; line-height: 1; width: 18px; text-align: center; }
/* breadcrumb in the page bar (the page bar ignores the pointer; links opt back in) */
body.mv.mv-shell .mv-crumbnav { max-width: 100%; }
body.mv.mv-shell .mv-crumbs { display: flex; align-items: center; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; font-size: 12.5px; font-weight: 600; line-height: 1.3; color: var(--mv-slate); white-space: nowrap; overflow: hidden; }
body.mv.mv-shell .mv-crumbs li { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-shell .mv-crumbs li + li::before { content: "\203A"; margin: 0 6px; color: #8A98A8; font-weight: 400; }
body.mv.mv-shell .mv-crumbs li:has(> .mv-pagebar-section:empty), body.mv.mv-shell .mv-crumbs li.mv-crumb-page:empty, body.mv.mv-shell .mv-pagebar.mv-crumb-dup .mv-crumb-page { display: none; }
body.mv.mv-shell .mv-crumb-practice { flex: 0 1 150px; }
body.mv.mv-shell .mv-crumb-section, body.mv.mv-shell .mv-crumb-page { flex: 0 1 auto; }
body.mv.mv-shell .mv-crumb-page { color: var(--mv-ink); }
body.mv.mv-shell .mv-crumbs a { color: inherit; text-decoration: none; pointer-events: auto; }
body.mv.mv-shell .mv-crumbs a:hover { color: var(--mv-teal-700, #086A5F); text-decoration: underline; }
body.mv.mv-shell .mv-pagebar { max-width: 340px; }

/* collapsed sidebar: icons only (same look as the tablet rail), remembered per browser */
@media (min-width: 1101px) {
    html.mv-rail { --mv-sidebar: 68px; }
    html.mv-rail body.mv.mv-shell a#logo { width: 36px !important; background-image: url('../Images/brand-mark.png') !important; }
    html.mv-rail body.mv.mv-shell .logoWrapper { align-items: center; padding-left: 8px !important; padding-right: 8px !important; }
    html.mv-rail body.mv.mv-shell a.mv-ctx, html.mv-rail body.mv.mv-shell .mv-gsearch-box { display: none !important; }
    html.mv-rail body.mv.mv-shell .mv-gsearch-icon { display: inline-flex; }
    html.mv-rail body.mv.mv-shell #nav > li > a { font-size: 0 !important; justify-content: center; padding: 0 !important; }
    html.mv-rail body.mv.mv-shell #nav > li.mv-nav-group { display: none !important; }
    html.mv-rail body.mv.mv-shell #header .menu > ul#nav { padding-left: 6px !important; padding-right: 6px !important; }
    html.mv-rail body.mv.mv-shell .mv-collapse { justify-content: center; padding: 0 !important; }
    html.mv-rail body.mv.mv-shell .mv-collapse span { display: none; }
    html.mv-rail body.mv.mv-shell #UserName.mv-side-user { left: 8px !important; width: calc(var(--mv-sidebar) - 16px) !important; padding: 0 !important; justify-content: center; gap: 0; border-color: transparent !important; }
    html.mv-rail body.mv.mv-shell .mv-side-user :is(.mv-side-who, .bi-chevron-expand) { display: none !important; }
    html.mv-rail body.mv.mv-shell .drop_list.mv-side-menu { left: 8px !important; }
}
/* tablet / phone rail: search is an icon until the menu opens; the collapse control is not needed */
@media (max-width: 1100px) {
    html body.mv.mv-shell .mv-collapse, body.mv.mv-shell a.mv-ctx::after { display: none !important; }
    body.mv.mv-shell .mv-gsearch-box { display: none; }
    body.mv.mv-shell .mv-gsearch-icon { display: inline-flex; }
    body.mv.mv-shell.mv-nav-open .mv-gsearch-box { display: flex; }
    body.mv.mv-shell.mv-nav-open .mv-gsearch-icon { display: none; }
    body.mv.mv-shell #nav > li.mv-nav-group { display: none; }
    body.mv.mv-shell.mv-nav-open #nav > li.mv-nav-group { display: block; }
    body.mv.mv-shell.mv-nav-open a.mv-ctx { display: block; }
    body.mv.mv-shell:not(.mv-nav-open) a.mv-ctx { display: none; }
    body.mv.mv-shell.mv-nav-open a.mv-ctx::after { display: block !important; }
}
body.mv.mv-shell .mv-gsearch-icon, body.mv.mv-shell #mvSearchOpen {
    align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important;
    background: transparent !important; color: #C2D1E2 !important; font-size: 18px; cursor: pointer; box-shadow: none !important;
}
body.mv.mv-shell #mvSearchOpen:hover { background: var(--mv-ink-2) !important; color: #fff !important; }

/* === mockup: emr-claims-checkdetails === */
body.mv .mv-checkcard { box-shadow: 0 1px 2px rgba(11,37,69,.04); }
body.mv .mv-checkstats dd .mv-checklink { color: var(--mv-ink) !important; text-decoration: none; }
body.mv .mv-checkstats a.mv-checkrefunds { display: inline-block; margin-top: 4px; color: var(--mv-teal-700) !important; font-size: 12.5px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.mv .mv-checkstats a.mv-checkrefunds:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; border-radius: 3px; }
body.mv .mv-checkcard-foot { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--mv-line); color: var(--mv-slate); font-size: 12.5px; line-height: 1.45; }
body.mv .mv-checklines { margin: 0 0 16px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: var(--mv-radius); box-shadow: 0 1px 2px rgba(11,37,69,.04); min-width: 0; }
body.mv .mv-checklines-head { padding: 14px 18px 12px; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-checklines-head h2 { margin: 0 !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
body.mv .mv-checklines-hint { margin: 4px 0 0; color: var(--mv-slate); font-size: 12.5px; line-height: 1.45; max-width: 860px; }
body.mv .mv-checklines-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
html body.mv .mv-checklines-wrap > table#TableGrid { width: 100% !important; min-width: 1180px; margin: 0 !important; border: 0 !important; border-radius: 0 0 var(--mv-radius) var(--mv-radius) !important; }
body.mv .mv-checklines-wrap #TableGrid th { white-space: normal; line-height: 1.25; vertical-align: bottom; }
body.mv .mv-checklines-wrap #TableGrid td.mv-money { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.mv .mv-checklines-wrap #TableGrid tr:first-child > th:nth-child(n+6):nth-child(-n+14) { text-align: right; }
body.mv .mv-checklines-wrap #TableGrid td.tdClaimAmountDue { font-weight: 700; color: var(--mv-ink) !important; }
body.mv .mv-checklines-wrap #TableGrid td.tdClaimId { font-variant-numeric: tabular-nums; font-weight: 600; }
body.mv .mv-checklines-wrap #TableGrid td .mv-status { white-space: normal; line-height: 1.2; }
body.mv .mv-checklines-wrap #TableGrid td:last-child { white-space: nowrap; }
body.mv .mv-checklines-wrap #TableGrid .mv-rowact { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-left: 2px; border-radius: 6px; color: var(--mv-slate); cursor: pointer; }
body.mv .mv-checklines-wrap #TableGrid .mv-rowact:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-checklines-wrap #TableGrid .mv-rowact:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 1px; }
body.mv .mv-eraconflicts { margin: 0 0 16px !important; }
body.mv .mv-eraconflicts table.Grid { width: 100%; border-color: var(--mv-warn-line, #EBC77A) !important; }
body.mv .mv-eraconflicts table.Grid tr:first-child th { background: var(--mv-warn-50) !important; color: var(--mv-warning) !important; }
@media (max-width: 820px) {
    body.mv .mv-checklines-head { padding: 12px 14px 10px; }
}
/* mockup: dense grid (row height, checkbox size, fit at 1440) */
html body.mv.mv-shell .mv-claims-head { margin-top: 18px; }
body.mv #divClaims table.fixTable :is(#mvSelectAll, .mv-rowchk) { width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0; vertical-align: middle; accent-color: var(--mv-teal-600); }
body.mv #divClaims table.fixTable tbody td { height: 34px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12.5px !important; line-height: 1.3; vertical-align: middle; }
body.mv #divClaims table.fixTable thead tr:first-child th { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px !important; font-weight: 700; color: var(--mv-text-2, #4A5B70); }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th { height: auto !important; padding-top: 4px !important; padding-bottom: 4px !important; }
body.mv #divClaims table.fixTable :is(th, td):not(:nth-child(2)):not(.mv-rowmenu-th):not(.mv-rowmenu-cell) { padding-left: 5px !important; padding-right: 5px !important; }
body.mv #divClaims table.fixTable :is(th, td):nth-child(2) { width: 36px !important; min-width: 36px; padding-left: 10px !important; padding-right: 2px !important; text-align: center !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(2) { text-align: left !important; }
body.mv #divClaims table.fixTable thead tr:first-child th:is(.thAttending, :nth-child(9), :nth-child(15)) { min-width: 0; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th { min-width: 0; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th > :is(input, select) { min-width: 0 !important; padding-left: 6px !important; padding-right: 6px !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th.thAttending > input { min-width: 0 !important; }
/* the shell forces .mv-btn to inline-flex with !important, so the mode toggles need it too */
html body.mv #demographics .mv-pd-head .mv-pd-actions .mv-btn:is(.mv-pd-p-cancel, .mv-pd-p-save) { display: none !important; }
html body.mv #demographics:has(#updatebtn:not([style*="none"])) .mv-pd-head .mv-pd-actions .mv-btn:is(.mv-pd-p-cancel, .mv-pd-p-save) { display: inline-flex !important; }
html body.mv #demographics:has(#updatebtn:not([style*="none"])) .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-edit { display: none !important; }
html body.mv #demographics:has(#cancelbtn[style*="none"]) .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-cancel, html body.mv #demographics:has(#printbtn[style*="none"]) .mv-pd-head .mv-pd-actions .mv-btn.mv-pd-p-print { display: none !important; }
body.mv.mv-shell .quicklaunch #mySidenav span.mv-btn .mv-pt-count { width: auto !important; flex: 0 0 auto; margin: 0 0 0 2px !important; position: static !important; }
body.mv #demographics .mv-pd-head .mv-pd-mode { flex: 1 1 320px; min-width: 0; }
body.mv #demographics .mv-pd-head .mv-pd-actions { flex: 0 1 auto; }
@media (min-width: 1100px) { body.mv #demographics .mv-pd-head .mv-pd-actions { flex-wrap: nowrap; } }
/* === mockup: emr-patient-patientsearch === */
body.mv .mv-ps-intro { margin: 0 0 12px; color: var(--mv-slate); font-size: 13.5px; }

/* === mockup: emr-claims-billingmanager-claimform === */
/* patient banner: avatar mark, labelled facts */
body.mv .mv-claimhead > .col-8 > .row.blue_color > #divPatientName { position: relative; padding-left: 50px !important; min-height: 40px; }
body.mv .mv-claimhead > .col-8 > .row.blue_color > #divPatientName::before {
    content: ""; position: absolute; left: 0; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%;
    background: var(--mv-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c.8-4 4-6 8-6s7.2 2 8 6'/%3E%3C/svg%3E") center / 20px no-repeat;
}
body.mv #divPatientName #PatientName { flex: 0 0 100%; }
body.mv #divPatientName :is(#lblDOBPatient, #lblGenderPatient, #lblMaritalStatusPatient, #lblAddressPatient)::before {
    display: block; color: var(--mv-slate); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.3;
}
body.mv #divPatientName #lblDOBPatient::before { content: "DOB"; }
body.mv #divPatientName #lblGenderPatient::before { content: "Sex"; }
body.mv #divPatientName #lblMaritalStatusPatient::before { content: "Marital"; }
body.mv #divPatientName #lblAddressPatient::before { content: "Address"; }
body.mv #divPatientName :is(#lblDOBPatient, #lblGenderPatient, #lblMaritalStatusPatient, #lblAddressPatient) { color: var(--mv-ink); font-size: 13px; }
/* claim context strip */
body.mv #divNewClaimForm .mv-encbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; margin: 0 0 12px; padding: 10px 16px; box-sizing: border-box;
    background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: var(--mv-radius); font-size: 13px; color: var(--mv-ink);
}
body.mv #divNewClaimForm .mv-encbar > span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
body.mv #divNewClaimForm .mv-encbar b { color: var(--mv-slate); font-weight: 600; }
body.mv #divNewClaimForm .mv-encbar .mv-ctx-chip { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--mv-mist); border: 1px solid var(--mv-line-strong); font-size: 12px; font-weight: 600; white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
/* section titles on the three top cards */
body.mv #divNewClaimForm .mv-cfsec[data-mv-section]::before {
    content: attr(data-mv-section); display: block; margin: 0 -15px 10px; padding: 10px 15px; border-bottom: 1px solid var(--mv-line);
    color: var(--mv-ink); font-size: 14px; font-weight: 700; line-height: 1.3;
}
/* action bar: Back on the left; Cancel, Validate, Save on the right (Save last, primary) */
body.mv #btndiv .btnBack { order: 0; }
body.mv #btndiv #btnbackSaveClaim { order: 1; }
body.mv #btndiv input[value="Validate"] { order: 2; }
body.mv #btndiv #btn_SaveClaim { order: 3; }
@media (max-width: 820px) {
    body.mv #divNewClaimForm .mv-encbar { gap: 6px 14px; padding: 10px 12px; }
    body.mv #divNewClaimForm .mv-encbar .mv-ctx-chip { max-width: 180px; }
}
/* mockup: trim long text columns so the 17-column grid fits at 1440 without sideways scroll */
body.mv #divClaims table.fixTable tbody td:nth-child(6) { max-width: 118px; }
body.mv #divClaims table.fixTable tbody td:nth-child(9) { max-width: 84px; }
body.mv #divClaims table.fixTable tbody td:nth-child(15) { max-width: 92px; }
body.mv #divClaims table.fixTable tbody td.thAttending { max-width: 104px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th:is(:nth-child(9), :nth-child(14), :nth-child(15), :nth-child(16), :nth-child(17)) > :is(input, select) { max-width: 100%; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(16) { max-width: 120px; }
body.mv #divClaims table.fixTable tbody td:nth-child(16) { max-width: 150px; }
body.mv #divClaims table.fixTable tbody td:nth-child(16) .mv-status, body.mv #divClaims table.fixTable tbody td:nth-child(17) .mv-status { font-size: 11.5px; padding: 0 7px; height: 22px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th > :is(input, select) { width: 44px !important; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th:is(:nth-child(6), :nth-child(9), :nth-child(14), :nth-child(15), :nth-child(16), :nth-child(17)) > :is(input, select) { width: 64px !important; }
body.mv #divClaims table.fixTable :is(th, td):not(:nth-child(2)):not(.mv-rowmenu-th):not(.mv-rowmenu-cell) { padding-left: 4px !important; padding-right: 4px !important; }
body.mv #divClaims table.fixTable :is(thead tr:first-child th, tbody td) { font-size: 12px !important; }
body.mv #divClaims table.fixTable tbody td:nth-child(16) .mv-status { font-size: 11px; padding: 0 6px; }
body.mv #divClaims table.fixTable tbody td:nth-child(6) { max-width: 104px; }
body.mv #divClaims table.fixTable tbody td.thAttending { max-width: 84px; }
body.mv #divClaims table.fixTable tbody td:nth-child(9) { max-width: 74px; }
body.mv #divClaims table.fixTable tbody td:nth-child(6) { max-width: 92px; }
body.mv #divClaims table.fixTable thead tr:nth-child(2) > th:is(.thAttending, :nth-child(9), :nth-child(17)) > :is(input, select) { width: 52px !important; }
/* claimform section titles: the dates and provider cards have no side padding; the payer card has 15px */
body.mv #divNewClaimForm .mv-cfsec.col-2[data-mv-section]::before, body.mv #divNewClaimForm .mv-cfsec.col-4[data-mv-section]::before { margin: 0 0 10px; padding: 10px 14px; }
html body.mv .mv-rowmenu button[style*="display: none"], html body.mv .mv-rowmenu button[style*="display:none"] { display: none !important; }
/* breadcrumb: on these two pages the action band starts further right, so the crumb keeps its full width until it lacks room */
body.mv.mv-shell:has(#demographics) .mv-pagebar { max-width: 400px; }
body.mv.mv-shell:has(.mv-ps-intro) .mv-pagebar { max-width: 640px; }
body.mv.mv-shell:is(:has(#demographics), :has(.mv-ps-intro)) .mv-crumb-practice { flex: 0 1 auto; }

/* === mockup: remaining screens, second pass (dashboard legend, settings rail groups, scheduler, switch practices, admin panel) === */
/* dashboard: Status colours card under Needs attention */
body.mv .mv-dash-grid > .mv-aging { grid-row: span 2; }
body.mv .mv-legend-list { list-style: none; margin: 0; padding: 12px 16px 16px; display: grid; gap: 10px; color: var(--mv-slate); font-size: 12.5px; }
body.mv .mv-legend-list .mv-status { margin-right: 6px; }
@media (max-width: 1100px) { body.mv .mv-dash-grid > .mv-aging { grid-row: auto; } }
/* settings: the left rail is grouped under headings (CSS order; markup order and every onclick unchanged) */
body.mv td.prac_sidenav > .divAccrodian { display: flex !important; flex-direction: column; }
body.mv td.prac_sidenav .mv-rail-group { order: 0; padding: 10px 6px 4px; color: var(--mv-slate); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-align: center; }
body.mv td.prac_sidenav .mv-rg-practice { order: 0; } body.mv td.prac_sidenav .mv-rg-payers { order: 10; } body.mv td.prac_sidenav .mv-rg-records { order: 20; } body.mv td.prac_sidenav .mv-rg-access { order: 30; }
body.mv td.prac_sidenav .h3Wrapper { order: 40; }
body.mv td.prac_sidenav .h3Wrapper:has(> h3[onclick^="showPracticeDetails"]) { order: 1; }
body.mv td.prac_sidenav .h3Wrapper:has(> h3[onclick^="practicelocation"]) { order: 2; }
body.mv td.prac_sidenav #divProviderTimingsRail { order: 3; }
body.mv td.prac_sidenav .h3Wrapper:has(> h3[onclick^="showInsurances"]) { order: 11; }
body.mv td.prac_sidenav #divClientInvoices { order: 12; }
body.mv td.prac_sidenav .h3Wrapper[onclick^="showCPTCodeDetails"] { order: 13; }
body.mv td.prac_sidenav .h3Wrapper:has(> h3[onclick^="showNewFile"]) { order: 21; }
body.mv td.prac_sidenav .h3Wrapper:has(> h3[onclick^="showCPTCODE()"]) { order: 22; }
body.mv td.prac_sidenav .h3Wrapper[onclick^="ReferringPhysician"] { order: 23; }
body.mv td.prac_sidenav .h3Wrapper[onclick^="MergePatientViewDialogue"] { order: 24; }
body.mv td.prac_sidenav .h3Wrapper[onclick^="MergePatientClaimViewDialogue"] { order: 25; }
body.mv td.prac_sidenav .h3Wrapper[onclick^="FollowUpStatusViewDialogue"] { order: 26; }
body.mv td.prac_sidenav .h3Wrapper[onclick^="showDelPatientAndClaim"] { order: 27; }
body.mv td.prac_sidenav #divUserRoles { order: 31; } body.mv td.prac_sidenav #divUserRights { order: 32; }
/* scheduler: header action and Day/Week switch */
body.mv #btnNewAppointmentTop { float: right; margin: -2px 6px 0 0; font-size: 12.5px; }
/* switch practices: Cards/List toggle and list layout */
body.mv .mv-viewtoggle { display: inline-flex; padding: 3px; border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); }
body.mv .mv-viewtoggle button { min-height: 34px; padding: 0 14px; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--mv-slate) !important; font-size: 13px; font-weight: 600; cursor: pointer; }
body.mv .mv-viewtoggle button.mv-viewtoggle-on { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
body.mv .mv-practice-grid.mv-practice-list { grid-template-columns: 1fr; gap: 8px; }
body.mv .mv-practice-grid.mv-practice-list .mv-practice-card { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 16px; padding: 12px 16px; }
body.mv .mv-practice-grid.mv-practice-list .mv-practice-head { flex: 1 1 260px; }
body.mv .mv-practice-grid.mv-practice-list .mv-practice-meta { flex: 1 1 200px; }
body.mv .mv-practice-grid.mv-practice-list .mv-practice-stats { flex: 0 1 300px; }
body.mv .mv-practice-grid.mv-practice-list .mv-practice-open { margin-top: 0; }
/* admin panel: users as one table-like list and a count on the tab */
html body.mv .userlistsdiv { grid-template-columns: 1fr; gap: 0; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; }
html body.mv .userlistsdiv .mv-user-card { border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; border-radius: 0 !important; }
html body.mv .userlistsdiv .mv-user-card:last-child { border-bottom: 0 !important; }
html body.mv .userlistsdiv .mv-user-card:hover { background: #F8FAFB !important; }
html body.mv.mv-shell .divleftNav > ul > li.li_UserList[data-count]::after { content: attr(data-count); margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: var(--mv-mist); color: var(--mv-slate); font-size: 11.5px; font-weight: 700; }
html body.mv .mv-viewtoggle button { background: transparent !important; box-shadow: none !important; }
html body.mv .mv-viewtoggle button.mv-viewtoggle-on { background: var(--mv-mist) !important; }
body.mv .mv-switch-head { justify-content: flex-start; }
body.mv .mv-switch-head > div:first-child { flex: 1 1 320px; }
body.mv .mv-switch-head .mv-search { flex: 0 1 340px; }
body.mv .mv-dash-grid:has(> .mv-legend) { grid-template-rows: auto 1fr; }
@media (max-width: 1100px) { body.mv .mv-dash-grid:has(> .mv-legend) { grid-template-rows: none; } }
/* mockup: opt-in content header (.mv-content-head) - the page bar shows the breadcrumb only */
body.mv.mv-shell .mv-pagebar.mv-pagebar-crumb-only .mv-pagebar-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* breadcrumb: only the last crumb gets an ellipsis; practice and section keep their text (the bar width itself is fitted in medverra.js) */
body.mv.mv-shell .mv-crumbs li.mv-crumb-practice, body.mv.mv-shell .mv-crumbs li.mv-crumb-section { flex: 0 0 auto; max-width: none; overflow: visible; text-overflow: clip; }
body.mv.mv-shell .mv-crumbs li.mv-crumb-page { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
body.mv.mv-shell .mv-crumbs li.mv-crumb-practice > a { display: block; }
html body.mv .mv-switch .mv-viewtoggle button { border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--mv-slate) !important; }
html body.mv .mv-switch .mv-viewtoggle button.mv-viewtoggle-on { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }

/* === agent N: sidebar sub-menus and new section icons (issues list 2026-10-19) === */
body.mv.mv-shell #nav > li.mv-has-sub { position: relative; }
body.mv.mv-shell #nav > li.mv-has-sub > a { padding-right: 40px !important; }
html body.mv.mv-shell #nav .mv-subtoggle {
    position: absolute; top: 3px; right: 4px; width: 32px; height: 32px; margin: 0 !important; padding: 0 !important; min-width: 0 !important;
    border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; color: #9FB3C8 !important; cursor: pointer;
}
html body.mv.mv-shell #nav .mv-subtoggle::before {
    content: ""; display: block; width: 14px; height: 14px; margin: 0 auto; background: currentColor; transition: transform .15s ease;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.mv.mv-shell #nav li.mv-sub-open > .mv-subtoggle::before { transform: rotate(180deg); }
html body.mv.mv-shell #nav .mv-subtoggle:hover { background: var(--mv-ink-2) !important; color: #fff !important; }
html body.mv.mv-shell #nav .mv-subtoggle:focus-visible { outline: 2px solid #5EEAD4 !important; outline-offset: -2px; }
body.mv.mv-shell #nav .mv-subnav { display: none; margin: 2px 0 6px 21px !important; padding: 0 0 0 12px !important; list-style: none; border-left: 1px solid rgba(255,255,255,.14); }
body.mv.mv-shell #nav li.mv-sub-open > .mv-subnav { display: block; height: auto !important; }
body.mv.mv-shell #nav .mv-subnav > li { margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; height: auto !important; background: none !important; border: 0 !important; }
body.mv.mv-shell #nav .mv-subnav > li > a {
    display: block !important; float: none !important; width: auto !important; height: auto !important; min-height: 30px; line-height: 30px !important; padding: 0 10px !important; border-radius: 6px;
    color: #B7C6D8 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.mv.mv-shell #nav .mv-subnav > li > a::before { content: none !important; display: none !important; }
body.mv.mv-shell #nav .mv-subnav > li > a:hover { background: var(--mv-ink-2) !important; color: #fff !important; }
body.mv.mv-shell #nav .mv-subnav > li.mv-sub-current > a { color: #fff !important; background: rgba(14,159,142,.14) !important; font-weight: 600 !important; }
body.mv.mv-shell #nav .mv-subnav > li > a:focus-visible { outline: 2px solid #5EEAD4 !important; outline-offset: -2px; }
/* icon-only rail (collapsed or tablet/phone with the menu closed): no sub-menus, the section link still works */
@media (min-width: 1101px) { html.mv-rail body.mv.mv-shell #nav :is(.mv-subnav, .mv-subtoggle) { display: none !important; } html.mv-rail body.mv.mv-shell #nav > li.mv-has-sub > a { padding-right: 0 !important; } }
@media (max-width: 1100px) {
    body.mv.mv-shell:not(.mv-nav-open) #nav :is(.mv-subnav, .mv-subtoggle) { display: none !important; }
    body.mv.mv-shell:not(.mv-nav-open) #nav > li.mv-has-sub > a { padding-right: 0 !important; }
    body.mv.mv-shell.mv-nav-open #nav .mv-subtoggle { top: 6px; }
    body.mv.mv-shell.mv-nav-open #nav .mv-subnav > li > a { min-height: 40px; line-height: 40px !important; }
}
body.mv.mv-shell #liAR { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liRBS { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liWorkspace { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M15 14.5a5 5 0 0 1 6.5 4.5'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liSupport { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='14' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='14' width='4' height='6' rx='1.5'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liSetting { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E"); }
body.mv.mv-shell #liHome { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
/* === end agent N sidebar === */

/* === agent N: Admin panel secondary pages (Task.aspx intro, My daily tasks cards, admin shortcuts on phones) === */
html body.mv .mv-task-intro { box-sizing: border-box; max-width: 760px; margin: 8px 0 0; padding: 20px 24px; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; }
html body.mv .mv-task-intro h2 { margin: 0 0 4px !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
html body.mv .mv-task-intro > p { margin: 0 0 14px !important; color: var(--mv-slate) !important; font-size: 13px; }
html body.mv .mv-task-intro ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none; }
html body.mv .mv-task-intro li { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px !important; border: 1px solid var(--mv-line); border-radius: 8px; background: var(--mv-sunken, #F7F9FA); }
html body.mv .mv-task-intro li b { color: var(--mv-ink); font-size: 13px; font-weight: 600; }
html body.mv .mv-task-intro li span { color: var(--mv-slate); font-size: 12.5px; }
/* tab bar scrolls sideways on narrow screens instead of clipping */
@media (max-width: 1100px) {
    html body.mv.mv-shell .divleftNav.divleftNavTask > ul { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    html body.mv.mv-shell .divleftNav.divleftNavTask > ul > li { flex: 0 0 auto; }
}
/* Users / Tasks shortcuts duplicate the sidebar's Admin panel entries; on phones they covered the page title */
@media (max-width: 700px) { html body.mv #admin_btns { display: none !important; } }
/* My daily tasks: collapsed task cards keep the full width */
html body.mv :is(#PendingWork, #claimdailytask, #udt) { box-sizing: border-box; width: 100% !important; }
html body.mv :is(#PendingWork, #claimdailytask, #udt) > .Widget { box-sizing: border-box; width: 100% !important; }
/* === end agent N admin panel pages === */

/* === agent N: jQuery UI dialogs, design-system 5.10 (header, close button, height cap with body scroll, phones) === */
/* close button: the jQuery UI sprite never loaded, so the X was invisible; draw it, keep the button's own label for screen readers */
html body.mv .ui-dialog .ui-dialog-titlebar { position: relative; }
html body.mv .ui-dialog .ui-dialog-title { float: none !important; display: block; width: auto !important; padding-right: 40px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv .ui-dialog .ui-dialog-titlebar-close { position: absolute !important; top: 50% !important; right: 12px !important; margin: -16px 0 0 !important; width: 32px !important; height: 32px !important; padding: 0 !important; color: var(--mv-slate) !important; cursor: pointer; }
html body.mv .ui-dialog .ui-dialog-titlebar-close :is(.ui-icon, .ui-button-icon-primary) { background-image: none !important; opacity: 0; }
html body.mv .ui-dialog .ui-dialog-titlebar-close .ui-button-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; padding: 0 !important; }
html body.mv .ui-dialog .ui-dialog-titlebar-close::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.mv .ui-dialog .ui-dialog-titlebar-close:hover { color: var(--mv-ink) !important; }
html body.mv .ui-dialog .ui-dialog-titlebar-close:focus-visible { outline: 2px solid var(--mv-focus, #0E9F8E) !important; outline-offset: 2px; }
/* never taller than the window: the dialog body scrolls (viewport minus 48px, minus header and footer) */
/* legacy jquery.ui.dialog.css pins every dialog at top: 13% !important, so the cap is the rest of the window minus a 24px margin */
html body.mv .ui-dialog { max-height: calc(87vh - 24px) !important; max-width: calc(100vw - 32px) !important; }
html body.mv .ui-dialog .ui-dialog-content { max-height: calc(87vh - 166px) !important; overflow-y: auto !important; }
html body.mv .ui-dialog:not(:has(.ui-dialog-buttonpane)) .ui-dialog-content { max-height: calc(87vh - 96px) !important; }
@media (max-width: 600px) {
    html body.mv .ui-dialog { position: fixed !important; top: 12px !important; left: 8px !important; max-width: calc(100vw - 16px) !important; width: calc(100vw - 16px) !important; max-height: calc(100vh - 24px) !important; }
    html body.mv .ui-dialog .ui-dialog-content { max-height: calc(100vh - 160px) !important; }
    html body.mv .ui-dialog:not(:has(.ui-dialog-buttonpane)) .ui-dialog-content { max-height: calc(100vh - 90px) !important; }
    html body.mv .ui-dialog .ui-dialog-titlebar { padding: 12px 14px !important; }
    html body.mv .ui-dialog .ui-dialog-content { padding: 14px !important; }
    html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; flex-wrap: wrap; justify-content: flex-start; }
    html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { min-height: 44px; }
}
/* === end agent N dialogs === */

/* === agent N: sidebar fits the window (practice card + search pinned on top, Collapse + user card pinned at the bottom,
   the grouped list scrolls between them) and Home's icon === */
@media (min-width: 1101px) {
    html body.mv.mv-shell #header { display: flex !important; flex-direction: column !important; height: 100vh !important; max-height: 100vh !important; box-sizing: border-box; padding-bottom: 76px !important; overflow: hidden !important; }
    html body.mv.mv-shell #header > .logoWrapper, html body.mv.mv-shell #header > .mv-collapse { flex: 0 0 auto !important; }
    html body.mv.mv-shell #header .menu { flex: 1 1 0 !important; min-height: 0 !important; height: auto !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain;
        scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.28) transparent; }
    html body.mv.mv-shell #header .menu::-webkit-scrollbar { width: 6px; }
    html body.mv.mv-shell #header .menu::-webkit-scrollbar-thumb { background: rgba(255,255,255,.28); border-radius: 3px; }
    html body.mv.mv-shell #header .menu::-webkit-scrollbar-track { background: transparent; }
}
html body.mv.mv-shell #liHome { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
/* === end agent N sidebar fit === */

/* === agent N: main navigation component (nav#nav.mv-sidenav, rendered by EMRMaster SideNav()) ===
   Scoped with a higher-specificity selector so legacy menu rules (old ul/li/a backgrounds, floats, sprite spans) cannot leak in. */
html body.mv.mv-shell nav#nav.mv-sidenav { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 2px 10px 12px !important; float: none !important; position: static !important; background: transparent !important; }
html body.mv.mv-shell nav#nav.mv-sidenav :is(ul, li) { display: block; float: none !important; width: auto !important; height: auto !important; min-height: 0; margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body.mv.mv-shell nav#nav.mv-sidenav li { position: relative; }
html body.mv.mv-shell nav#nav.mv-sidenav [hidden] { display: none !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-navsect + .mv-navsect { margin-top: 6px; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-nav-heading { margin: 0 !important; padding: 12px 12px 4px !important; color: #9FB3C8 !important; font-family: inherit !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .08em; text-transform: uppercase; background: none !important; border: 0 !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink {
    display: flex !important; align-items: center; gap: 12px; box-sizing: border-box; width: 100% !important; height: 40px !important; min-height: 40px; margin: 0 !important; padding: 0 10px 0 12px !important;
    border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: #C2D1E2 !important;
    font-family: inherit !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.2 !important; text-align: left; text-decoration: none !important; cursor: pointer; float: none !important;
}
html body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink::before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--mv-icon) center / contain no-repeat; mask: var(--mv-icon) center / contain no-repeat; }
:where(html body.mv.mv-shell nav#nav.mv-sidenav .mv-navitem) { --mv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E"); }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink > span:first-child { display: block !important; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; color: inherit !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-navbtn > span:last-child { display: block !important; flex: 0 0 14px; width: 14px !important; height: 14px !important; margin: 0 !important; padding: 0 !important; background: currentColor !important; opacity: .8; transition: transform .15s ease;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-sub-open > .mv-navbtn > span:last-child { transform: rotate(180deg); }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink:hover { background: var(--mv-ink-2) !important; color: #fff !important; }
/* current page: accent bar, tint, bold; its section shows a quieter "contains current" state */
html body.mv.mv-shell nav#nav.mv-sidenav li.selectedLi:not(.mv-has-sub) > .mv-navlink, html body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink[aria-current="page"] {
    background: rgba(14,159,142,.20) !important; color: #fff !important; font-weight: 700 !important; box-shadow: inset 3px 0 0 var(--mv-teal, #0E9F8E) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-contains-current > .mv-navbtn { color: #fff !important; font-weight: 600 !important; background: rgba(255,255,255,.05) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-subnav { display: none !important; margin: 2px 0 6px 21px !important; padding: 0 0 0 12px !important; border-left: 1px solid rgba(255,255,255,.16) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-sub-open > .mv-subnav { display: block !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-sublink {
    display: block !important; box-sizing: border-box; width: auto !important; height: 34px !important; margin: 0 !important; padding: 0 10px !important; float: none !important;
    border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; color: #B7C6D8 !important;
    font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important; line-height: 34px !important; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-sublink::before { content: none !important; display: none !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-sublink:hover { background: rgba(255,255,255,.07) !important; color: #fff !important; }
html body.mv.mv-shell nav#nav.mv-sidenav .mv-sublink[aria-current="page"] { background: rgba(14,159,142,.20) !important; color: #fff !important; font-weight: 700 !important; box-shadow: inset 3px 0 0 var(--mv-teal, #0E9F8E) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav :is(.mv-navlink, .mv-sublink):focus-visible { outline: 2px solid #5EEAD4 !important; outline-offset: -2px; }
/* icon-only rail: collapsed on desktop, or tablet/phone with the drawer closed. Headings become thin dividers; sections open as a flyout */
@media (min-width: 1101px) {
    html.mv-rail body.mv.mv-shell nav#nav.mv-sidenav { padding: 2px 6px 12px !important; }
    html.mv-rail body.mv.mv-shell nav#nav.mv-sidenav .mv-nav-heading { font-size: 0 !important; height: 1px; padding: 0 !important; margin: 8px 8px !important; background: rgba(255,255,255,.14) !important; overflow: hidden; }
    html.mv-rail body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink { justify-content: center; gap: 0; padding: 0 !important; height: 44px !important; }
    html.mv-rail body.mv.mv-shell nav#nav.mv-sidenav .mv-navlink > span { display: none !important; }
    html.mv-rail body.mv.mv-shell nav#nav.mv-sidenav li.mv-has-sub > .mv-subnav { display: none !important; }
}
@media (max-width: 1100px) {
    body.mv.mv-shell:not(.mv-nav-open) nav#nav.mv-sidenav { padding: 2px 6px 12px !important; }
    html body.mv.mv-shell:not(.mv-nav-open) nav#nav.mv-sidenav .mv-nav-heading { font-size: 0 !important; height: 1px; padding: 0 !important; margin: 8px 8px !important; background: rgba(255,255,255,.14) !important; overflow: hidden; }
    html body.mv.mv-shell:not(.mv-nav-open) nav#nav.mv-sidenav .mv-navlink { justify-content: center; gap: 0; padding: 0 !important; height: 44px !important; }
    html body.mv.mv-shell:not(.mv-nav-open) nav#nav.mv-sidenav .mv-navlink > span { display: none !important; }
    html body.mv.mv-shell:not(.mv-nav-open) nav#nav.mv-sidenav li.mv-has-sub > .mv-subnav { display: none !important; }
    html body.mv.mv-shell.mv-nav-open nav#nav.mv-sidenav .mv-navlink { height: 44px !important; }
    html body.mv.mv-shell.mv-nav-open nav#nav.mv-sidenav .mv-sublink { height: 44px !important; line-height: 44px !important; }
}
/* flyout (rail only; positioned by the script) */
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-has-sub.mv-flyout > .mv-subnav {
    display: block !important; position: fixed !important; z-index: 1300; min-width: 220px; max-height: calc(100vh - 16px); overflow-y: auto; margin: 0 !important; padding: 6px !important;
    background: var(--mv-surface, #fff) !important; border: 1px solid var(--mv-line, #DCE3EA) !important; border-radius: 10px !important; box-shadow: 0 18px 40px -14px rgba(11,37,69,.45) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-flyout > .mv-subnav::before { content: attr(aria-label); display: block; padding: 6px 10px 4px; color: var(--mv-slate, #5B6B7F); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-flyout .mv-sublink { color: var(--mv-ink, #0B2545) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-flyout .mv-sublink:hover { background: var(--mv-mist, #EEF2F5) !important; color: var(--mv-ink, #0B2545) !important; }
html body.mv.mv-shell nav#nav.mv-sidenav li.mv-flyout .mv-sublink[aria-current="page"] { background: var(--mv-teal-50, #E6F6F4) !important; color: var(--mv-teal-700, #086A5F) !important; box-shadow: inset 3px 0 0 var(--mv-teal, #0E9F8E) !important; }
/* === end agent N main navigation === */

/* ===== Super admin, 2026-10 restructure: practice registry (Companies.aspx) and the add-practice wizard (Setup.aspx) ===== */
body.mv.mv-sa .mv-sa-main { max-width: 1320px; }
body.mv.mv-sa .mv-sa-pagehead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 20px; margin-bottom: 20px; }
body.mv.mv-sa .mv-sa-pagehead h1, body.mv.mv-sa .mv-sa-head h1 { margin: 0; color: var(--mv-ink); font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
body.mv.mv-sa .mv-sa-pagehead p { margin: 4px 0 0; color: var(--mv-text-2); font-size: 14px; }
body.mv.mv-sa .Widget.mv-sa-card { overflow: hidden; border: 1px solid var(--mv-line) !important; border-radius: 14px !important; background: var(--mv-surface) !important; box-shadow: none !important; }
body.mv.mv-sa .mv-sa-toolbar { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--mv-line); }
body.mv.mv-sa .mv-sa-search { position: relative; display: block; width: min(420px, 100%); margin: 0; }
body.mv.mv-sa .mv-sa-search > i { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); color: var(--mv-muted); font-size: 15px; pointer-events: none; }
html body.mv.mv-sa .mv-sa-search input { width: 100% !important; height: 38px !important; margin: 0 !important; padding: 0 12px 0 36px !important; box-sizing: border-box; border: 1px solid var(--mv-line-input) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-text); font: 14px var(--mv-font) !important; }
html body.mv.mv-sa .mv-sa-search input:focus { outline: none; border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
body.mv.mv-sa .mv-sa-card .Grid th { height: 40px; padding: 0 16px !important; background: var(--mv-sunken) !important; }
body.mv.mv-sa .mv-sa-card .Grid td { height: 64px; padding: 0 16px !important; vertical-align: middle; color: var(--mv-text); }
body.mv.mv-sa .mv-sa-card td.mv-sa-name { min-width: 240px; }
body.mv.mv-sa .mv-sa-namewrap { display: flex; align-items: center; gap: 12px; }
body.mv.mv-sa .mv-sa-mono { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; background: var(--mv-teal-50); color: var(--mv-teal-700); font-size: 13.5px; font-weight: 700; letter-spacing: .02em; }
body.mv.mv-sa .mv-sa-ident { display: inline-flex; flex-direction: column; gap: 2px; min-width: 0; }
body.mv.mv-sa .mv-sa-pname { color: var(--mv-ink); font-size: 14px; font-weight: 600; line-height: 1.3; }
body.mv.mv-sa .mv-sa-pid { color: var(--mv-muted); font-size: 12.5px; font-weight: 500; font-variant-numeric: tabular-nums; }
body.mv.mv-sa .mv-sa-card .Grid tbody tr:hover td { background: var(--mv-sunken) !important; }
body.mv.mv-sa .mv-sa-card .Grid td.mv-sa-acts { padding-right: 12px !important; }
body.mv.mv-sa .mv-sa-act { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; min-width: 32px; margin: 0 0 0 6px; padding: 0 10px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13px var(--mv-font); cursor: pointer; vertical-align: middle; }
body.mv.mv-sa .mv-sa-act i { font-size: 14px; }
body.mv.mv-sa .mv-sa-act:hover { border-color: var(--mv-teal); background: var(--mv-teal-50); color: var(--mv-teal-700); }
body.mv.mv-sa .mv-sa-act-danger { width: 32px; padding: 0; color: var(--mv-muted); }
body.mv.mv-sa .mv-sa-act-danger:hover { border-color: var(--mv-danger); background: var(--mv-bad-50); color: var(--mv-danger); }
body.mv.mv-sa .mv-sa-act:focus-visible, body.mv.mv-sa .mv-sa-link:focus-visible, body.mv.mv-sa .mv-sa-back:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }
body.mv.mv-sa .mv-sa-empty { flex-direction: column; align-items: center; gap: 8px; padding: 48px 16px; color: var(--mv-text-2); text-align: center; }
body.mv.mv-sa .mv-sa-empty:not([style*="none"]) { display: flex; }
body.mv.mv-sa .mv-sa-empty i { color: var(--mv-line-input); font-size: 28px; }
body.mv.mv-sa .mv-sa-empty p { max-width: 46ch; margin: 0; font-size: 14px; }

/* wizard header and stepper */
body.mv.mv-sa .mv-sa-head { display: block; margin-bottom: 24px; }
body.mv.mv-sa .mv-sa-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; color: var(--mv-text-2) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; }
body.mv.mv-sa .mv-sa-back:hover { color: var(--mv-action) !important; }
body.mv.mv-sa .mv-sa-steps { display: flex; flex-wrap: nowrap; gap: 0; max-width: 720px; margin: 18px 0 0; }
body.mv.mv-sa .mv-sa-steps li { flex: 1 1 0; gap: 10px; min-width: 0; color: var(--mv-muted); font-size: 13.5px; font-weight: 600; white-space: nowrap; }
body.mv.mv-sa .mv-sa-steps li:not(:last-child)::after { content: ""; flex: 1 1 auto; height: 2px; min-width: 16px; margin: 0 14px 0 4px; border-radius: 1px; background: var(--mv-line); }
body.mv.mv-sa .mv-sa-steps li.is-done:not(:last-child)::after { background: var(--mv-teal-600); }
body.mv.mv-sa .mv-sa-steps li:last-child, body.mv.mv-sa .mv-sa-steps li:has(+ li[style*="none"]) { flex: 0 0 auto; }
body.mv.mv-sa .mv-sa-steps li:has(+ li[style*="none"])::after { display: none; }
body.mv.mv-sa .mv-sa-steps li .mv-sa-dot { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 28px; height: 28px; box-sizing: border-box; border: 1.5px solid var(--mv-line-strong); border-radius: 50%; background: var(--mv-surface); color: var(--mv-muted); font-size: 13px; }
body.mv.mv-sa .mv-sa-dot b { font-weight: 700; }
body.mv.mv-sa .mv-sa-dot i { display: none; font-size: 15px; }
body.mv.mv-sa .mv-sa-steps li.is-current { color: var(--mv-ink); }
body.mv.mv-sa .mv-sa-steps li.is-current .mv-sa-dot { border-color: var(--mv-teal-600); background: var(--mv-teal-600); color: #fff; box-shadow: 0 0 0 4px rgba(14, 159, 142, .15); }
body.mv.mv-sa .mv-sa-steps li.is-done { color: var(--mv-ink); }
body.mv.mv-sa .mv-sa-steps li.is-done .mv-sa-dot { border-color: var(--mv-teal-600); background: var(--mv-teal-50); color: var(--mv-teal-700); }
body.mv.mv-sa .mv-sa-steps li.is-done .mv-sa-dot b { display: none; }
body.mv.mv-sa .mv-sa-steps li.is-done .mv-sa-dot i { display: block; }

/* step 1: one sheet, each section's explanation on the left and its fields on the right */
body.mv.mv-sa .mv-sa-sheet { border: 1px solid var(--mv-line); border-radius: 14px; background: var(--mv-surface); }
body.mv.mv-sa .mv-sa-row { display: grid; grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); gap: 16px 48px; padding: 28px 32px; }
body.mv.mv-sa .mv-sa-row + .mv-sa-row { border-top: 1px solid var(--mv-line); }
body.mv.mv-sa .mv-sa-row > header h2, body.mv.mv-sa .mv-sa-coahead h2 { margin: 0 0 6px; color: var(--mv-ink); font-size: 16px; font-weight: 700; line-height: 1.3; }
body.mv.mv-sa .mv-sa-row > header p { max-width: 36ch; margin: 0; color: var(--mv-text-2); font-size: 13.5px; line-height: 1.55; }
body.mv.mv-sa .mv-sa-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; max-width: 720px; }
body.mv.mv-sa .mv-sa-grid3 { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, 1fr); gap: 18px 20px; }
body.mv.mv-sa .mv-sa-wide { grid-column: 1 / -1; }
body.mv.mv-sa .mv-sa-sheet .mv-sa-field { margin: 0; }
body.mv.mv-sa .mv-sa-opt { margin-left: 4px; color: var(--mv-muted); font-size: 12.5px; font-weight: 500; }
html body.mv.mv-sa .mv-sa-field :is(input, select) { height: 40px !important; border-color: var(--mv-line-input) !important; color: var(--mv-text) !important; font: 14px var(--mv-font) !important; }

/* action bar pinned to the bottom of the window */
body.mv.mv-sa .mv-sa-actions { position: fixed; right: 0; bottom: 0; left: var(--mv-sidebar); z-index: 30; align-items: center; width: auto !important; margin: 0; padding: 14px 32px; box-sizing: border-box; border-top: 1px solid var(--mv-line); background: var(--mv-surface); box-shadow: 0 -8px 24px -18px rgba(11, 37, 69, .25); }
body.mv.mv-sa .mv-sa-main:has(.mv-sa-actions) { padding-bottom: 104px; }
html body.mv.mv-sa #divChartOfAccount { height: auto !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.mv.mv-sa .mv-sa-stepnote { margin-right: auto; color: var(--mv-text-2); font-size: 13px; }
body.mv.mv-sa .mv-sa-actions .mv-btn { height: 40px; padding: 0 18px; }

/* step 2: modules */
body.mv.mv-sa .mv-sa-form.mv-sa-form-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
body.mv.mv-sa .mv-sa-modgroup { padding: 0; overflow: hidden; }
body.mv.mv-sa .mv-sa-modgroup > header { margin: 0; padding: 20px 24px 16px; border-bottom: 1px solid var(--mv-line); }
body.mv.mv-sa .mv-sa-modgroup > header p { margin: 4px 0 0; padding-left: 30px; color: var(--mv-text-2); font-size: 13px; line-height: 1.5; }
body.mv.mv-sa .mv-sa-modgroup .mv-sa-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 16px 24px 24px; }
body.mv.mv-sa .mv-sa-checks .mv-sa-check { min-height: 44px; padding: 0 12px; border: 1px solid var(--mv-line); border-radius: 10px; font-size: 14px; }
body.mv.mv-sa .mv-sa-checks .mv-sa-check:has(input:checked) { border-color: rgba(11, 130, 116, .45); background: var(--mv-teal-50); }
body.mv.mv-sa .mv-sa-checks .mv-sa-check:hover { border-color: var(--mv-teal); }
body.mv.mv-sa .mv-sa-check-main { font-size: 16px; }
body.mv.mv-sa .mv-sa-check input { width: 20px; height: 20px; }

/* step 3: chart of accounts */
body.mv.mv-sa .mv-sa-coahead { padding: 20px 24px; }
body.mv.mv-sa .mv-sa-coahead p { color: var(--mv-text-2); font-size: 13.5px; }
body.mv.mv-sa .mv-sa-coanote { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid rgba(11, 130, 116, .3); border-radius: 12px; background: var(--mv-teal-50); color: var(--mv-ink); font-size: 14px; line-height: 1.5; }
body.mv.mv-sa .mv-sa-coanote i { margin-top: 2px; color: var(--mv-teal-700); font-size: 16px; }
body.mv.mv-sa .mv-sa-coanote[style*="none"] { display: none !important; }
body.mv.mv-sa table.AccountingGroup th { text-align: right !important; }
body.mv.mv-sa table.AccountingGroup tr[style] { background: none !important; }
body.mv.mv-sa .mv-sa-link { display: inline-flex; align-items: center; gap: 6px; height: 30px; margin: 0; padding: 0 8px; border: 0; border-radius: 7px; background: none; color: var(--mv-action); font: 600 13px var(--mv-font); cursor: pointer; white-space: nowrap; }
body.mv.mv-sa .mv-sa-link:hover { background: var(--mv-teal-50); }
body.mv.mv-sa .mv-sa-link-danger { color: var(--mv-danger); }
body.mv.mv-sa .mv-sa-link-danger:hover { background: var(--mv-bad-50); }

@media (max-width: 1100px) {
    body.mv.mv-sa .mv-sa-row { grid-template-columns: 1fr; gap: 16px; padding: 24px; }
    body.mv.mv-sa .mv-sa-row > header p { max-width: 60ch; }
    body.mv.mv-sa .mv-sa-actions { left: 72px; padding: 12px 20px; }
    body.mv.mv-sa .mv-sa-card .Grid :is(th, td):is(:nth-child(4), :nth-child(6)) { display: none; }
    body.mv.mv-sa .mv-sa-card .WidgetMainContent { overflow-x: auto; }
    body.mv.mv-sa .mv-sa-card td.mv-sa-name { min-width: 0; }
    body.mv.mv-sa .mv-sa-card .Grid :is(th, td) { padding-left: 12px !important; padding-right: 12px !important; }
    body.mv.mv-sa .mv-sa-act span { display: none; }
    body.mv.mv-sa .mv-sa-act { width: 34px; padding: 0; }
    html body.mv.mv-sa #divChartOfAccount { overflow-x: auto !important; }
}
@media (max-width: 760px) {
    body.mv.mv-sa .mv-sa-pagehead .mv-btn { width: 100%; justify-content: center; }
    body.mv.mv-sa .mv-sa-grid, body.mv.mv-sa .mv-sa-grid3, body.mv.mv-sa .mv-sa-form.mv-sa-form-2, body.mv.mv-sa .mv-sa-modgroup .mv-sa-checks { grid-template-columns: 1fr; }
    body.mv.mv-sa .mv-sa-row { padding: 20px 16px; }
    body.mv.mv-sa .mv-sa-steps li { flex: 0 0 auto; gap: 0; font-size: 0; }
    body.mv.mv-sa .mv-sa-steps li.is-current { gap: 8px; font-size: 13.5px; }
    body.mv.mv-sa .mv-sa-steps li:not(:last-child)::after { flex: 0 0 24px; margin: 0 8px; }
    body.mv.mv-sa .mv-sa-actions { flex-wrap: wrap; bottom: 60px; left: 0; padding: 10px 16px; }
    body.mv.mv-sa .mv-sa-main:has(.mv-sa-actions) { padding-bottom: 200px; }
    body.mv.mv-sa .mv-sa-stepnote { flex: 1 1 100%; }
    body.mv.mv-sa .mv-sa-actions .mv-btn { flex: 1 1 0; justify-content: center; }
    body.mv.mv-sa .mv-sa-card .Grid td { height: auto; }
    body.mv.mv-sa .mv-sa-card td.mv-sa-name { min-width: 0; padding-bottom: 6px !important; }
    body.mv.mv-sa .mv-sa-card .Grid tbody td[data-label]::before, body.mv.mv-sa .mv-sa-card .Grid tbody td.mv-num::before { content: attr(data-label) ": "; color: var(--mv-muted); }
    body.mv.mv-sa .mv-sa-card .Grid tbody td[data-label] { padding-left: 50px !important; }
    body.mv.mv-sa .mv-sa-act span { display: none; }
    body.mv.mv-sa .mv-sa-act { width: 36px; height: 36px; padding: 0; }
}

/* ===== Switch practice: instructions shown before a practice opens (SwitchPractices.aspx + SwitchPracticeHandler.aspx) ===== */
body.mv .mv-ins-modal .modal-dialog { max-width: 560px; }
body.mv .mv-ins-modal .modal-content { max-height: min(720px, calc(100vh - 48px)); }
body.mv .mv-ins-modal .modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 20px 16px 24px !important; }
body.mv .mv-ins-head { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
body.mv .mv-ins-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--mv-teal-50); color: var(--mv-teal-700); font-size: 19px; }
body.mv .mv-ins-modal .modal-title { margin: 0 !important; padding: 0 !important; color: var(--mv-ink) !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35; text-align: left !important; }
body.mv .mv-ins-sub { margin: 4px 0 0; color: var(--mv-text-2); font-size: 13.5px; line-height: 1.45; }
body.mv .mv-ins-close { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 34px; height: 34px; margin: -4px -4px 0 0; padding: 0; border: 0; border-radius: 8px; background: none; color: var(--mv-muted); font-size: 15px; cursor: pointer; }
body.mv .mv-ins-close:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-ins-close:focus-visible, body.mv .mv-ins-modal .mv-btn:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }
body.mv .mv-ins-modal .modal-body { margin: 0 !important; padding: 0 24px !important; overflow-y: auto; }
body.mv .mv-ins-list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.mv .mv-ins-item { margin: 0 !important; padding: 18px 0 !important; list-style: none !important; }
body.mv .mv-ins-item + .mv-ins-item { border-top: 1px solid var(--mv-line); }
body.mv .mv-ins-title { margin: 0 0 6px !important; color: var(--mv-ink); font-size: 14.5px !important; font-weight: 700; line-height: 1.4; }
/* Instructions are typed in a rich-text editor; authors' fonts, sizes, colours and highlights are evened out so every practice's notes read the same. */
body.mv .mv-ins-body, body.mv .mv-ins-body * { max-width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--mv-text) !important; font-family: var(--mv-font) !important; font-size: 14px !important; line-height: 1.6 !important; text-align: left !important; text-indent: 0 !important; letter-spacing: normal !important; box-sizing: border-box; }
body.mv .mv-ins-body :is(b, strong, h1, h2, h3, h4, h5, h6) { font-weight: 700 !important; }
body.mv .mv-ins-body :is(p, div, h1, h2, h3, h4, h5, h6) + :is(p, div, ul, ol, h1, h2, h3, h4, h5, h6) { margin-top: 6px !important; }
body.mv .mv-ins-body :is(ul, ol) { padding-left: 22px !important; }
body.mv .mv-ins-body ul > li { list-style: disc !important; }
body.mv .mv-ins-body ol > li { list-style: decimal !important; }
body.mv .mv-ins-body li + li { margin-top: 2px !important; }
body.mv .mv-ins-body a { color: var(--mv-action) !important; text-decoration: underline !important; text-underline-offset: 2px; }
body.mv .mv-ins-body img { height: auto !important; border-radius: 8px; }
body.mv .mv-ins-body br + br { display: none; }
body.mv .mv-ins-body :is(div, p, span, font, b, strong):empty, body.mv .mv-ins-body :is(div, p):has(> br:only-child) { display: none !important; }
body.mv .mv-ins-body > :last-child > br:last-child, body.mv .mv-ins-body > br:last-child { display: none; }
body.mv .mv-ins-modal .modal-footer { display: flex; justify-content: flex-end; gap: 8px; margin: 0 !important; padding: 14px 24px !important; }
body.mv .mv-ins-modal .modal-footer > * { margin: 0 !important; }
html body.mv .mv-ins-modal .mv-btn:not(.mv-btn-primary) { border: 1px solid var(--mv-line-strong) !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; }
html body.mv .mv-ins-modal .mv-btn:not(.mv-btn-primary):hover { border-color: var(--mv-teal) !important; background: var(--mv-teal-50) !important; }
html body.mv .mv-ins-modal .mv-btn { width: auto !important; min-width: 0 !important; height: 40px !important; padding: 0 18px !important; white-space: nowrap; }
@media (max-width: 600px) {
    body.mv .mv-ins-modal .modal-dialog { margin: 12px; }
    body.mv .mv-ins-modal .modal-header { padding: 16px 12px 14px 16px !important; }
    body.mv .mv-ins-modal .modal-body { padding: 0 16px !important; }
    body.mv .mv-ins-modal .modal-footer { padding: 12px 16px !important; }
    body.mv .mv-ins-modal .modal-footer .mv-btn { flex: 1 1 0; justify-content: center; }
}

/* ===== Customer support (EMR/CustomerSupportQuries): dashboard, practice tickets, ticket + conversation ===== */
body.mv.mv-home .mv-cs-page { box-sizing: border-box; max-width: 1440px; margin: 0 auto; padding: 88px 28px 40px; }
html body.mv.mv-home #MainGrid.mv-cs-host { display: block; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body.mv .mv-cs { color: var(--mv-text); font-family: var(--mv-font); font-size: 14px; }
body.mv .mv-cs-hidden { display: none !important; }
body.mv .mv-cs .hide { display: none !important; }

/* page head */
body.mv .mv-cs-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px; margin-bottom: 20px; }
body.mv .mv-cs-head h1 { margin: 0; color: var(--mv-ink); font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
body.mv .mv-cs-head p { margin: 4px 0 0; color: var(--mv-text-2); font-size: 14px; }
body.mv .mv-cs-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
body.mv .mv-cs-back { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 8px; padding: 0; border: 0; background: none; color: var(--mv-text-2); font: 600 13px var(--mv-font); cursor: pointer; }
body.mv .mv-cs-back:hover { color: var(--mv-action); }
body.mv .mv-cs .mv-btn { height: 38px; }
body.mv .mv-cs :is(.mv-cs-back, .mv-cs-act, .mv-cs-iconbtn, .mv-cs-chip-btn, .mv-cs-sendbtn):focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; }

/* date range */
body.mv .mv-cs-range { display: flex; align-items: center; gap: 8px; }
body.mv .mv-cs-date { position: relative; display: block; margin: 0; }
body.mv .mv-cs-date > i { position: absolute; top: 50%; right: 11px; transform: translateY(-50%); color: var(--mv-muted); font-size: 14px; pointer-events: none; }
html body.mv.mv-home #MainGrid .mv-cs-date input, html body.mv .mv-cs-date input { background-image: none !important; width: 140px !important; height: 38px !important; margin: 0 !important; padding: 0 32px 0 12px !important; box-sizing: border-box; border: 1px solid var(--mv-line-input) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-text) !important; font: 14px var(--mv-font) !important; }
body.mv .mv-cs-to { color: var(--mv-muted); font-size: 13px; }

/* status counts: one bar, each count with its status colour */
body.mv .mv-cs-stats { display: flex; margin-bottom: 20px; border: 1px solid var(--mv-line); border-radius: 14px; background: var(--mv-surface); overflow: hidden; }
html body.mv.mv-home .mv-cs-statgroup:is(#dashboardtabs1, #dashboardtabs2), body.mv .mv-cs-statgroup { display: contents !important; margin: 0 !important; }
body.mv .mv-cs-stat { --tone: var(--mv-line-strong); position: relative; display: flex; flex: 1 1 0; flex-direction: column; gap: 6px; min-width: 0; padding: 16px 18px 15px; }
body.mv .mv-cs-stat + .mv-cs-stat, body.mv .mv-cs-statgroup + .mv-cs-statgroup > .mv-cs-stat:first-child { border-left: 1px solid var(--mv-line); }
body.mv .mv-cs-stat::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--tone); }
body.mv .mv-cs-stat-label { display: flex; align-items: center; gap: 7px; color: var(--mv-text-2); font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mv .mv-cs-stat-num { color: var(--mv-ink); font-size: 26px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
body.mv .mv-cs-stat-total { --tone: var(--mv-ink); flex-grow: 1.15; background: var(--mv-sunken); }
body.mv .mv-cs-stat[data-tone="open"] { --tone: #1D4ED8; }
body.mv .mv-cs-stat[data-tone="assigned"] { --tone: var(--mv-teal-600); }
body.mv .mv-cs-stat[data-tone="review"] { --tone: #B7791F; }
body.mv .mv-cs-stat[data-tone="provider"] { --tone: #5B47D6; }
body.mv .mv-cs-stat[data-tone="rejected"] { --tone: var(--mv-danger); }
body.mv .mv-cs-stat[data-tone="closed"] { --tone: #15803D; }
body.mv .mv-cs-stat[data-tone="pending"] { --tone: #B7791F; }

/* cards */
body.mv .mv-cs-card { min-width: 0; border: 1px solid var(--mv-line); border-radius: 14px; background: var(--mv-surface); }
body.mv .mv-cs-cardhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 16px 20px; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-cs-cardhead h2 { margin: 0; color: var(--mv-ink); font-size: 16px; font-weight: 700; }
body.mv .mv-cs-cardhead p { margin: 2px 0 0; color: var(--mv-text-2); font-size: 13px; }
body.mv .mv-cs-body { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
body.mv .mv-cs-charts { display: flex; flex-direction: column; gap: 20px; }
body.mv .mv-cs-chartcard { padding: 18px 20px 14px; }
body.mv .mv-cs-chartcard h2.heading { margin: 0 0 10px; color: var(--mv-ink); font-size: 15px; font-weight: 700; line-height: 1.35; }
body.mv .mv-cs-chartcard h2.heading small { display: block; margin-top: 2px; color: var(--mv-text-2); font-size: 13px; font-weight: 500; }
body.mv .mv-cs-chart { position: relative; height: 240px; }
body.mv .mv-cs-chartmsg { padding: 24px 0; color: var(--mv-text-2); text-align: center; }

/* tables */
body.mv .mv-cs-tablewrap { position: relative; overflow-x: auto; }
html body.mv .mv-cs-table { width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; background: none !important; }
html body.mv .mv-cs-table thead th { height: 40px; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: var(--mv-sunken) !important; color: var(--mv-text-2) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; white-space: nowrap; position: static !important; }
html body.mv .mv-cs-table tbody td { height: 48px; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: none !important; color: var(--mv-text) !important; font-size: 13.5px !important; text-align: left !important; vertical-align: middle; white-space: nowrap; }
html body.mv .mv-cs-table :is(th, td).mv-num { text-align: right !important; font-variant-numeric: tabular-nums; }
html body.mv .mv-cs-table tbody tr { background: none !important; }
html body.mv .mv-cs-table tbody tr:last-child td { border-bottom: 0 !important; }
html body.mv .mv-cs-table tbody tr:hover td { background: var(--mv-sunken) !important; }
body.mv .mv-cs-practices tbody tr { cursor: pointer; }
html body.mv .mv-cs-practices tbody tr.is-selected td { background: var(--mv-teal-50) !important; }
html body.mv .mv-cs-practices tbody tr.is-selected td:first-child { box-shadow: inset 3px 0 0 var(--mv-teal-600); }
body.mv .mv-cs-practices .PracticeNameAryClass { max-width: 260px; overflow: hidden; color: var(--mv-ink) !important; font-weight: 600; text-overflow: ellipsis; }
body.mv .mv-cs-rowact { width: 1%; text-align: right !important; }
body.mv .mv-cs-act { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; min-width: 32px; margin: 0 0 0 6px; padding: 0 10px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13px var(--mv-font); cursor: pointer; vertical-align: middle; }
body.mv .mv-cs-act:hover { border-color: var(--mv-teal); background: var(--mv-teal-50); color: var(--mv-teal-700); }
body.mv .mv-cs-act-danger { width: 32px; padding: 0; color: var(--mv-muted); }
body.mv .mv-cs-act-danger:hover { border-color: var(--mv-danger); background: var(--mv-bad-50); color: var(--mv-danger); }
body.mv .mv-cs-empty { display: none; flex-direction: column; align-items: center; gap: 8px; padding: 40px 16px; color: var(--mv-text-2); text-align: center; }
body.mv .mv-cs-empty i { color: var(--mv-line-input); font-size: 26px; }
body.mv .mv-cs-empty p { max-width: 44ch; margin: 0; }
body.mv .mv-cs-tablewrap:not(:has(tbody tr)) .mv-cs-empty { display: flex; }
body.mv .mv-cs-tablewrap:not(:has(tbody tr)) table { display: none; }

/* practice tickets */
body.mv .mv-cs-sortable { cursor: pointer; user-select: none; }
body.mv .mv-cs-sortable:hover { color: var(--mv-ink) !important; }
body.mv .mv-cs-sorticons { display: inline-flex; margin-left: 6px; color: var(--mv-line-input); font-size: 12px; vertical-align: -1px; }
body.mv .mv-cs-sorticons .imgGreenUp, body.mv .mv-cs-sorticons .imgGreenDown { color: var(--mv-teal-700); }
html body.mv .mv-cs-filters td { height: auto !important; padding: 8px 6px !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important; }
html body.mv .mv-cs-filters :is(input, select) { width: 100% !important; min-width: 84px; height: 32px !important; margin: 0 !important; padding: 0 8px !important; box-sizing: border-box; border: 1px solid var(--mv-line-strong) !important; border-radius: 7px !important; background: var(--mv-surface) !important; color: var(--mv-text) !important; font: 13px var(--mv-font) !important; }
html body.mv .mv-cs-filters :is(input, select):focus { outline: none; border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
body.mv .mv-cs-tno { color: var(--mv-ink) !important; font-weight: 600; }
body.mv .mv-cs-muted { color: var(--mv-muted) !important; }
body.mv .mv-cs-subject { max-width: 220px; overflow: hidden; color: var(--mv-ink) !important; font-weight: 600; text-overflow: ellipsis; }
body.mv .mv-cs-clip { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
body.mv .mv-cs-status { --c: var(--mv-neutral); --b: var(--mv-neutral-50); display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--b); color: var(--c); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
body.mv .mv-cs-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
body.mv .mv-cs-s1 { --c: #1D4ED8; --b: #E8EEFC; }
body.mv .mv-cs-s2, body.mv .mv-cs-s4, body.mv .mv-cs-s5 { --c: #8A5300; --b: #FDF4E1; }
body.mv .mv-cs-s3 { --c: var(--mv-teal-700); --b: var(--mv-teal-50); }
body.mv .mv-cs-s6 { --c: #4C3BC4; --b: #EEEBFC; }
body.mv .mv-cs-s7 { --c: var(--mv-danger); --b: var(--mv-bad-50); }
body.mv .mv-cs-s8 { --c: #166534; --b: #E8F5EC; }
body.mv .mv-cs-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 16px; border-top: 1px solid var(--mv-line); }
body.mv .mv-cs-rows { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--mv-text-2); font-size: 13px; font-weight: 500; }
html body.mv .mv-cs-rows select { width: auto !important; height: 34px !important; padding: 0 28px 0 10px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; font: 13px var(--mv-font) !important; }
body.mv .mv-cs-pager .spanInfo { color: var(--mv-text-2); font-size: 13px; }
body.mv .mv-cs-pager .PageButtons ul { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }

/* ticket: form beside the conversation */
body.mv .mv-cs-ticket { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
body.mv .mv-cs-form { padding: 22px 24px 0; }
body.mv .mv-cs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
body.mv .mv-cs-wide { grid-column: 1 / -1; }
body.mv .mv-cs-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.mv .mv-cs-field > label { margin: 0; color: var(--mv-ink); font-size: 13px; font-weight: 600; }
html body.mv .mv-cs-field :is(input:not([type="hidden"]):not([type="search"]), select, textarea) { background-image: none; width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box; border: 1px solid var(--mv-line-input) !important; border-radius: 9px !important; background: var(--mv-surface) !important; color: var(--mv-text) !important; font: 14px var(--mv-font) !important; box-shadow: none !important; }
html body.mv .mv-cs-field textarea { height: auto !important; min-height: 104px; padding: 10px 12px !important; line-height: 1.5; resize: vertical; }
html body.mv .mv-cs-field :is(input, select, textarea):focus { outline: none; border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
html body.mv .mv-cs-field input[readonly] { cursor: pointer; }
body.mv .mv-cs-datefield, body.mv .mv-cs-assign { position: relative; }
body.mv .mv-cs-datefield > i, body.mv .mv-cs-assign > i { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); color: var(--mv-muted); font-size: 14px; pointer-events: none; }
body.mv .mv-cs-assignlist { position: absolute; top: calc(100% + 4px); right: 0; left: 0; z-index: 20; padding: 8px; border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); box-shadow: 0 16px 40px -12px rgba(11, 37, 69, .3); }
html body.mv .mv-cs-assignlist input[type="search"] { width: 100% !important; height: 34px !important; margin: 0 0 6px !important; padding: 0 10px !important; box-sizing: border-box; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; font: 13px var(--mv-font) !important; }
body.mv .mv-cs-assignlist ul { max-height: 200px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
body.mv .mv-cs-assignlist li { padding: 8px 10px; border-radius: 7px; color: var(--mv-text); font-size: 13.5px; cursor: pointer; }
body.mv .mv-cs-assignlist li:hover { background: var(--mv-teal-50); color: var(--mv-teal-700); }
body.mv .mv-cs-assignmsg { padding: 8px 10px; color: var(--mv-text-2); font-size: 13px; }
body.mv .mv-cs-formfoot { display: flex; justify-content: flex-end; gap: 8px; margin: 20px -24px 0; padding: 14px 24px; border-top: 1px solid var(--mv-line); }
html body.mv .mv-cs-formfoot :is(input, button).mv-btn { width: auto !important; height: 40px !important; padding: 0 18px !important; }

/* conversation */
body.mv .mv-cs-chattools { display: flex; align-items: center; gap: 6px; }
body.mv .mv-cs-chip-btn { height: 30px; padding: 0 12px; border: 1px solid var(--mv-line-strong); border-radius: 999px; background: var(--mv-surface); color: var(--mv-text-2); font: 600 12.5px var(--mv-font); cursor: pointer; }
body.mv .mv-cs-chip-btn:hover { border-color: var(--mv-teal); color: var(--mv-teal-700); }
body.mv .mv-cs-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: none; color: var(--mv-muted); font-size: 15px; cursor: pointer; }
body.mv .mv-cs-iconbtn:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-cs-chatbody { position: relative; }
html body.mv .mv-cs-chat #chat-box.chat-container, html body.mv .mv-cs-chat .chat-container { display: flex !important; flex-direction: column !important; height: 520px !important; max-height: none !important; padding: 0 !important; }
html body.mv #MainGrid .mv-cs-chat .messages { flex: 1 1 auto; height: auto !important; max-height: none !important; min-height: 0; margin: 0 !important; padding: 16px 18px !important; overflow-y: auto; border: 0 !important; background: var(--mv-sunken) !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row { display: flex !important; flex-wrap: nowrap !important; margin: 0 0 14px !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] { flex: 0 1 auto !important; max-width: 78% !important; width: auto !important; padding: 0 !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .send { justify-content: flex-end !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row { flex-wrap: nowrap !important; align-items: flex-start; gap: 8px; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row > [class*="col-"] { flex: 0 0 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row > .col-9 { flex: 1 1 auto !important; min-width: 0; }
html body.mv #MainGrid .mv-cs-chat .messages .col-9 > .row { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 4px; }
html body.mv #MainGrid .mv-cs-chat .messages .col-9 > .row > .col-12 { flex: none !important; max-width: 100% !important; width: auto !important; margin: 0 !important; padding-left: 0; padding-right: 0; }
html body.mv #MainGrid .mv-cs-chat .messages :is(.bg-c-primary, .bg-light).rounded { padding: 9px 12px !important; border-radius: 12px !important; font-size: 14px; line-height: 1.45; }
html body.mv #MainGrid .mv-cs-chat .messages .send .col-12.bg-c-primary { background: var(--mv-teal-600) !important; color: #fff !important; border-bottom-right-radius: 4px !important; }
html body.mv #MainGrid .mv-cs-chat .messages .recieved .col-12.bg-light { border: 1px solid var(--mv-line); background: var(--mv-surface) !important; color: var(--mv-text) !important; border-bottom-left-radius: 4px !important; }
html body.mv #MainGrid .mv-cs-chat .messages .rmessage { margin-bottom: 4px !important; padding-left: 8px; border-left: 2px solid currentColor; font-size: 12.5px; opacity: .8; }
html body.mv #MainGrid .mv-cs-chat .messages hr { display: none; }
html body.mv #MainGrid .mv-cs-chat .messages .time-stamp { color: var(--mv-muted); font-size: 11.5px; }
html body.mv #MainGrid .mv-cs-chat .messages .send .time-stamp { display: block; text-align: right; }
html body.mv #MainGrid .mv-cs-chat .messages .img-container { display: flex; align-items: center; justify-content: center; width: 30px !important; height: 30px; margin: 0 auto 2px !important; border-radius: 50%; background: var(--mv-mist); color: var(--mv-muted); font-size: 20px; }
html body.mv #MainGrid .mv-cs-chat .messages .img-container img { display: none; }
html body.mv #MainGrid .mv-cs-chat .messages span.d-block { color: var(--mv-text-2); font-size: 11px !important; }
html body.mv #MainGrid .mv-cs-chat .messages [onclick^="replyToggle"] { display: inline-flex !important; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0 !important; border-radius: 6px !important; background: none !important; color: var(--mv-muted) !important; font-size: 14px; line-height: 1; cursor: pointer; }
html body.mv #MainGrid .mv-cs-chat .messages [onclick^="replyToggle"]:hover { background: var(--mv-mist) !important; color: var(--mv-ink) !important; }
body.mv .mv-cs-chat .reply-ddl, body.mv .mv-cs-chat .reply-ddl-send { z-index: 15; min-width: 170px; padding: 6px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important; background: var(--mv-surface) !important; box-shadow: 0 16px 40px -12px rgba(11, 37, 69, .3) !important; color: var(--mv-text) !important; font-weight: 500 !important; text-align: left; }
body.mv .mv-cs-chat :is(.reply-ddl, .reply-ddl-send) ul { margin: 0 !important; padding: 0 !important; list-style: none; }
body.mv .mv-cs-chat :is(.reply-ddl, .reply-ddl-send) li { display: flex; align-items: center; gap: 8px; padding: 7px 10px !important; border-radius: 7px; color: var(--mv-text) !important; font-size: 13px; cursor: pointer; }
body.mv .mv-cs-chat :is(.reply-ddl, .reply-ddl-send) li:hover { background: var(--mv-mist); }
body.mv .mv-cs-chat .reply-header { display: flex; align-items: center; gap: 10px; height: auto !important; padding: 8px 14px !important; border-top: 1px solid var(--mv-line); background: var(--mv-teal-50); color: var(--mv-ink); font-size: 13px; }
body.mv .mv-cs-chat .reply-header.hide { display: none !important; }
body.mv .mv-cs-chat #replymsgtext { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mv .mv-cs-chat .reply-header .time-stamp { color: var(--mv-muted); font-size: 12px; white-space: nowrap; }
html body.mv .mv-cs-chat .message-sender { position: relative; display: flex; align-items: center; gap: 8px; height: auto !important; padding: 12px 14px !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; background: var(--mv-surface); border-radius: 0 0 14px 14px; }
html body.mv .mv-cs-chat #message { flex: 1 1 auto; min-width: 0; height: 40px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--mv-line-input) !important; border-radius: 999px !important; background: var(--mv-surface) !important; color: var(--mv-text) !important; font: 14px var(--mv-font) !important; outline: none; }
html body.mv .mv-cs-chat #message:focus { border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
body.mv .mv-cs-chat .send-message { position: relative; display: flex; align-items: center; gap: 4px; }
body.mv .mv-cs-composerbtn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 !important; border-radius: 8px; color: var(--mv-muted); font-size: 16px; cursor: pointer; }
body.mv .mv-cs-composerbtn:hover { background: var(--mv-mist); color: var(--mv-ink); }
body.mv .mv-cs-sendbtn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--mv-teal-600); color: #fff; font-size: 16px; cursor: pointer; }
body.mv .mv-cs-sendbtn:hover { background: var(--mv-action-hover); }
body.mv .mv-cs-chat .isvisiblecheckdropdown { position: absolute; right: 0; bottom: calc(100% + 10px); z-index: 15; display: flex; flex-direction: column; gap: 4px; min-width: 210px; padding: 10px 12px; border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); box-shadow: 0 16px 40px -12px rgba(11, 37, 69, .3); }
body.mv .mv-cs-chat .isvisiblecheckdropdown.hide { display: none !important; }
body.mv .mv-cs-vishead { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 4px !important; color: var(--mv-ink); font-size: 13px; font-weight: 700; }
body.mv .mv-cs-vishead i { color: var(--mv-muted); cursor: pointer; }
body.mv .mv-cs-chat .isvisiblecheckdropdown label { display: flex; align-items: center; gap: 8px; margin: 0; padding: 4px 0; color: var(--mv-text); font-size: 13.5px; font-weight: 500; cursor: pointer; }
body.mv .mv-cs-chat .isvisiblecheckdropdown input { width: 16px; height: 16px; margin: 0; accent-color: var(--mv-teal-600); }
body.mv .mv-cs-chat .edit-mode-text { position: absolute; top: -26px; left: 14px; padding: 2px 10px; border-radius: 999px; background: #FDF4E1; color: #8A5300; font-size: 12px; font-weight: 600; }
body.mv .mv-cs-chat .edit-mode-exit { position: absolute; top: -26px; left: 136px; color: var(--mv-muted); cursor: pointer; }
body.mv .mv-cs-chat .chat-hider { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border-radius: 0 0 14px 14px; background: var(--mv-surface); color: var(--mv-text-2); text-align: center; }
body.mv .mv-cs-chat .chat-hider.hide { display: none !important; }
body.mv .mv-cs-chat .chat-hider i { color: var(--mv-line-input); font-size: 30px; }
body.mv .mv-cs-chat .chat-hider p { max-width: 32ch; margin: 0; }
body.mv .mv-cs-chat .file-view:not(.file-view-show) { display: none !important; }

@media (max-width: 1200px) {
    body.mv .mv-cs-body, body.mv .mv-cs-ticket { grid-template-columns: 1fr; }
    body.mv .mv-cs-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mv .mv-cs-stats { flex-wrap: wrap; }
    body.mv .mv-cs-stat { flex: 1 1 25%; }
    body.mv .mv-cs-stat-total { flex-basis: 100%; }
    body.mv .mv-cs-stat { border-top: 1px solid var(--mv-line); }
    body.mv .mv-cs-stat-total { border-top: 0; }
}
@media (max-width: 760px) {
    body.mv.mv-home .mv-cs-page { padding: 76px 12px 24px; }
    body.mv .mv-cs-head h1 { font-size: 21px; }
    body.mv .mv-cs-tools, body.mv .mv-cs-range { width: 100%; }
    body.mv .mv-cs-range { flex-wrap: wrap; }
    body.mv .mv-cs-date { flex: 1 1 0; }
    html body.mv.mv-home #MainGrid .mv-cs-date input, html body.mv .mv-cs-date input { width: 100% !important; }
    body.mv .mv-cs-range .mv-btn, body.mv .mv-cs-tools > .mv-btn { flex: 1 1 100%; justify-content: center; }
    body.mv .mv-cs-stat { flex: 1 1 50%; padding: 12px 14px; }
    body.mv .mv-cs-stat + .mv-cs-stat, body.mv .mv-cs-statgroup + .mv-cs-statgroup > .mv-cs-stat:first-child { border-left: 0; }
    body.mv .mv-cs-stat:nth-child(odd):not(.mv-cs-stat-total) { border-left: 1px solid var(--mv-line); }
    body.mv .mv-cs-stat-num { font-size: 22px; }
    body.mv .mv-cs-charts { grid-template-columns: 1fr; }
    body.mv .mv-cs-grid { grid-template-columns: 1fr; }
    body.mv .mv-cs-form { padding: 18px 16px 0; }
    body.mv .mv-cs-formfoot { margin: 18px -16px 0; padding: 12px 16px; }
    body.mv .mv-cs-formfoot > * { flex: 1 1 0; }
    body.mv .mv-cs-chat .chat-container { height: 460px; }
    body.mv .mv-cs-act span { display: none; }
    body.mv .mv-cs-act { width: 34px; padding: 0; }
    body.mv .mv-cs-pager { justify-content: center; }
}

/* customer support: legacy wrappers drew their own underline; the action column stays in view while the wide ticket table scrolls */
html body.mv .mv-cs .Add-input-wrapper { margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
html body.mv .mv-cs-tickets :is(th, td):last-child { position: sticky; right: 0; z-index: 1; background: var(--mv-surface) !important; box-shadow: -8px 0 12px -10px rgba(11, 37, 69, .25); }
html body.mv .mv-cs-tickets thead tr:first-child th:last-child { background: var(--mv-sunken) !important; }
html body.mv .mv-cs-tickets tbody tr:hover td:last-child { background: var(--mv-sunken) !important; }
html body.mv .mv-cs-tickets tbody td.mv-num:not(:first-child) { text-align: left !important; }
html body.mv #MainGrid .mv-cs-chat .messages .col-9 > .row { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row > .col-2 { flex: 0 0 48px !important; width: 48px !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row > .col-2 > .row { display: block !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row > .col-2 > .row > .col-12 { width: auto !important; max-width: none !important; padding: 0 !important; text-align: center; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] > .row > .col-1 { flex: 0 0 26px !important; width: 26px !important; }
html body.mv #MainGrid .mv-cs-chat .messages > .row > [class*="col-"] { min-width: 0; }
html body.mv #MainGrid .mv-cs-chat .messages :is(.message, .rmessage) { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: inherit !important; }
html body.mv #MainGrid .mv-cs-chat .messages .rmessage { margin-bottom: 6px !important; padding-left: 8px !important; border-left: 2px solid currentColor !important; font-size: 12.5px; opacity: .8; }
html body.mv #MainGrid .mv-cs-chat .messages :is(.reply-ddl, .reply-ddl-send) { position: absolute !important; top: auto !important; bottom: calc(100% + 4px) !important; }
html body.mv #MainGrid .mv-cs-chat .messages .reply-ddl { left: 0 !important; right: auto !important; }
html body.mv #MainGrid .mv-cs-chat .messages .reply-ddl-send { right: 0 !important; left: auto !important; }
body.mv .mv-cs-attach { position: relative; overflow: hidden; }
body.mv .mv-cs-attach input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
html body.mv #MainGrid .mv-cs-chat .file-view.file-view-show { display: flex !important; align-items: center; gap: 8px; margin: 0; padding: 8px 14px; border-top: 1px solid var(--mv-line); background: var(--mv-sunken); color: var(--mv-text); font-size: 13px; }
html body.mv #MainGrid .mv-cs-chat .file-view .fileicon img { height: 22px; }
html body.mv #MainGrid .mv-cs-chat .file-view .filename { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv .mv-cs-field :is(input, select, textarea):is([readonly], :disabled):not(#AssignToInput) { background: var(--mv-sunken) !important; color: var(--mv-text-2) !important; cursor: default; }
body.mv .mv-cs-chart.is-empty { height: auto; } body.mv .mv-cs-chart.is-empty canvas { display: none !important; }

/* Eligibility / claim status popup (EMR/Eligibility/PatientInsuranceDetail.aspx) */
body.mv .mv-elig { display: flex; flex-direction: column; gap: 14px; padding: 4px 0 6px; }
body.mv .mv-elig-field { display: flex; flex-direction: column; gap: 6px; }
body.mv .mv-elig-field > label { margin: 0; color: var(--mv-ink); font-size: 13px; font-weight: 600; }
body.mv .mv-elig-opt { margin-left: 4px; color: var(--mv-muted); font-size: 12.5px; font-weight: 500; }
html body.mv .mv-elig-field :is(select, input[type="text"]) { width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box; float: none !important; border: 1px solid var(--mv-line-input) !important; border-radius: 9px !important; background-color: var(--mv-surface) !important; color: var(--mv-text) !important; font: 14px var(--mv-font) !important; }
html body.mv .mv-elig-field :is(select, input[type="text"]):focus { outline: none; border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .15) !important; }
body.mv .mv-elig-via { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2px 0 0; padding: 0; border: 0; }
body.mv .mv-elig-via legend { float: left; width: 100%; margin: 0 0 6px; padding: 0; color: var(--mv-ink); font-size: 13px; font-weight: 600; }
body.mv .mv-elig-via label { display: inline-flex; align-items: center; gap: 8px; height: 38px; margin: 0; padding: 0 14px; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface); color: var(--mv-text); font-size: 13.5px; font-weight: 500; cursor: pointer; }
body.mv .mv-elig-via label:has(input:checked) { border-color: var(--mv-teal-600); background: var(--mv-teal-50); color: var(--mv-teal-700); font-weight: 600; }
body.mv .mv-elig-via input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: var(--mv-teal-600); }
body.mv .mv-elig-note { flex-basis: 100%; margin: 0; color: var(--mv-muted); font-size: 12.5px; line-height: 1.4; }
body.mv .mv-elig-sample { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px; padding: 12px 14px; border: 1px solid #F0D9A8; border-radius: 10px; background: #FDF4E1; color: #6B4300; font-size: 13.5px; line-height: 1.45; }
body.mv .mv-elig-sample i { margin-top: 2px; color: #8A5300; }

/* Eligibility response (EMR/Eligibility/CheckPatientEligibility.aspx, shown in #EligibilityResponse) */
html body.mv #EligibilityResponse { max-height: min(70vh, 640px); overflow-y: auto; padding: 4px 4px 8px !important; }
body.mv .mv-er { display: flex; flex-direction: column; gap: 16px; color: var(--mv-text); font-size: 14px; }
body.mv .mv-er-summary { display: grid; grid-template-columns: auto auto minmax(0, 1fr); border: 1px solid var(--mv-line); border-radius: 12px; background: var(--mv-surface); overflow: hidden; }
body.mv .mv-er-sumitem { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 18px; }
body.mv .mv-er-sumitem + .mv-er-sumitem { border-left: 1px solid var(--mv-line); }
body.mv .mv-er-k { color: var(--mv-text-2); font-size: 12.5px; font-weight: 600; }
body.mv .mv-er-v { color: var(--mv-ink); font-size: 15px; font-weight: 600; }
body.mv .mv-er-pid { margin-left: 6px; color: var(--mv-muted); font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
body.mv .mv-er-status { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--mv-neutral-50); color: var(--mv-neutral) !important; font-size: 13.5px; font-weight: 700; }
body.mv .mv-er-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.mv .mv-er-status.is-active { background: #E8F5EC; color: #166534 !important; }
body.mv .mv-er-status.is-inactive { background: var(--mv-bad-50); color: var(--mv-danger) !important; }
body.mv .mv-er-card { border: 1px solid var(--mv-line); border-radius: 12px; background: var(--mv-surface); overflow: hidden; }
body.mv .mv-er-cardhead { padding: 14px 18px 12px; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-er-cardhead-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
body.mv .mv-er-cardhead h3 { margin: 0; color: var(--mv-ink); font-size: 15px; font-weight: 700; }
body.mv .mv-er-cardhead p { margin: 3px 0 0; color: var(--mv-text-2); font-size: 13px; line-height: 1.45; }
body.mv .mv-er-diffkey { display: inline-block; padding: 0 7px; border-radius: 999px; background: #FDF4E1; color: #8A5300; font-size: 12px; font-weight: 700; }
html body.mv .mv-er-compare { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; }
html body.mv .mv-er-compare :is(th, td) { height: 40px; padding: 0 18px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: none !important; text-align: left !important; vertical-align: middle; font-size: 13.5px !important; }
html body.mv .mv-er-compare thead th { height: 34px; background: var(--mv-sunken) !important; color: var(--mv-text-2) !important; font-size: 12.5px !important; font-weight: 600 !important; }
html body.mv .mv-er-compare tbody th { width: 30%; color: var(--mv-text-2) !important; font-weight: 600 !important; }
html body.mv .mv-er-compare tbody td { width: 35%; color: var(--mv-ink) !important; }
html body.mv .mv-er-compare tbody tr:last-child :is(th, td) { border-bottom: 0 !important; }
html body.mv .mv-er-compare tbody tr:has(.red) :is(th, td) { background: #FFFBF2 !important; }
html body.mv .mv-er-compare tbody tr:has(.red) td:last-child { color: #8A5300 !important; font-weight: 600; }
html body.mv .mv-er-compare .link.red { display: inline-flex; align-items: center; gap: 6px; color: var(--mv-action) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
html body.mv .mv-er-compare .link.red::after { content: "Differs"; padding: 0 7px; border-radius: 999px; background: #FDF4E1; color: #8A5300; font-size: 11.5px; font-weight: 700; text-decoration: none; }
html body.mv .mv-er-compare .link.red:hover { color: var(--mv-action-hover) !important; }
body.mv .mv-er-showall { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--mv-ink); font-size: 13.5px; font-weight: 600; }
body.mv .mv-er-showall input { width: 16px; height: 16px; margin: 0; accent-color: var(--mv-teal-600); }
body.mv .mv-er-showall label { margin: 0 !important; cursor: pointer; }
body.mv .mv-er-sections { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 18px; }
body.mv .mv-er-section { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 12px; border: 1px solid var(--mv-line-strong); border-radius: 999px; background: var(--mv-surface); color: var(--mv-text); font-size: 13px; font-weight: 500; cursor: pointer; }
body.mv .mv-er-section:hover { border-color: var(--mv-teal); }
body.mv .mv-er-section:has(input:checked) { border-color: var(--mv-teal-600); background: var(--mv-teal-50); color: var(--mv-teal-700); font-weight: 600; }
body.mv .mv-er-section input { width: 15px; height: 15px; margin: 0; accent-color: var(--mv-teal-600); }
body.mv .mv-er-benefits { display: flex; flex-direction: column; gap: 10px; padding: 0 18px; }
body.mv .mv-er-benefits:has(.mv-er-benefit:not([style*="none"])) { padding-bottom: 16px; }
html body.mv .mv-er-benefit { float: none !important; width: auto !important; margin: 0 !important; border: 1px solid var(--mv-line) !important; border-radius: 10px !important; box-shadow: none !important; overflow: hidden; }
html body.mv .mv-er-benefithead { display: flex !important; align-items: center; gap: 8px; height: auto !important; padding: 10px 14px !important; background: var(--mv-sunken) !important; color: var(--mv-ink) !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; cursor: pointer; }
html body.mv .mv-er-benefithead :is(.iconDown, .iconUp) { display: inline-block; flex: 0 0 auto; width: 10px; height: 10px; border-right: 2px solid var(--mv-muted); border-bottom: 2px solid var(--mv-muted); background: none !important; transform: rotate(45deg) translateY(-2px); }
html body.mv .mv-er-benefithead .iconUp { transform: rotate(-135deg) translateY(-2px); }
html body.mv .mv-er :is(.accordion-content, .Grid) { outline: 0 !important; border: 0 !important; overflow-x: auto; }
html body.mv .mv-er table.tblBenefitPlanIfo { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; }
html body.mv .mv-er table.tblBenefitPlanIfo th { height: 34px; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: var(--mv-surface) !important; color: var(--mv-text-2) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; white-space: nowrap; }
html body.mv .mv-er table.tblBenefitPlanIfo td { padding: 8px 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: none !important; color: var(--mv-text) !important; font-size: 13px !important; text-align: left !important; vertical-align: top; }
html body.mv .mv-er table.tblBenefitPlanIfo tr:last-child td { border-bottom: 0 !important; }
body.mv .mv-er-reject { margin: 0 18px 16px; border: 1px solid #F3C2BC; border-radius: 10px; background: var(--mv-bad-50); overflow: hidden; }
body.mv .mv-er-reject h4 { display: flex; align-items: center; gap: 8px; margin: 0; padding: 10px 14px; color: var(--mv-danger); font-size: 14px; font-weight: 700; }
html body.mv .mv-er-reject table.tblBenefitPlanIfo { background: var(--mv-surface); }
@media (max-width: 760px) {
    body.mv .mv-er-summary { grid-template-columns: 1fr 1fr; }
    body.mv .mv-er-payer { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid var(--mv-line); }
    html body.mv .mv-er-compare :is(th, td) { padding: 8px 12px !important; height: auto; }
    html body.mv .mv-er-compare tbody th { width: 28%; }
}
html body.mv .mv-er table.tblBenefitPlanIfo tr { background: none !important; }
html body.mv .mv-er table.tblBenefitPlanIfo td { height: auto !important; line-height: 1.45 !important; color: var(--mv-text) !important; }
html body.mv .mv-er table.tblBenefitPlanIfo td:first-child { color: var(--mv-ink) !important; font-weight: 500; }
html body.mv .mv-er table.tblBenefitPlanIfo td > br:last-child { display: none; }
html body.mv .mv-er table.tblBenefitPlanIfo tr:hover td { background: var(--mv-sunken) !important; }
@media (max-width: 760px) {
    html body.mv .mv-er-compare { table-layout: fixed; }
    html body.mv .mv-er-compare :is(th, td) { padding: 8px 8px !important; font-size: 13px !important; overflow-wrap: anywhere; }
    html body.mv .mv-er-compare tbody th { width: 34%; }
    html body.mv .mv-er-compare tbody td { width: 33%; }
    html body.mv .mv-er-compare .link.red { flex-direction: column; align-items: flex-start; gap: 3px; }
}
html body.mv .mv-er :is(.mv-er-section, .mv-er-showall) { min-height: 0 !important; margin: 0 !important; box-shadow: none !important; }
html body.mv .mv-er .mv-er-section { padding: 7px 12px !important; border-radius: 999px !important; }
html body.mv .mv-er .mv-er-showall { padding: 0 !important; border: 0 !important; background: none !important; }
html body.mv .mv-er :is(.mv-er-section, .mv-er-showall) input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; }
html body.mv .mv-er .mv-er-showall label { min-height: 0 !important; padding: 0 0 0 6px !important; }
html body.mv .mv-er :is(.mv-er-section, .mv-er-showall) input[type="checkbox"], html body.mv .mv-elig-via input[type="radio"] { -webkit-appearance: auto !important; appearance: auto !important; background: none !important; box-shadow: none !important; }
html body.mv .mv-elig-via input[type="radio"] { width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; }

/* Patient face sheet (EMR/Reports/PatientInformationView.aspx): a paper-like sheet on screen, the sheet alone on paper */
body.mv .mv-fs-page { padding: 20px 0 40px; }
body.mv .mv-fs-page .mv-printbar { width: 820px; }
body.mv .mv-fs { box-sizing: border-box; width: 820px; max-width: 100%; margin: 0 auto; padding: 44px 52px 36px; border: 1px solid var(--mv-line); border-radius: 6px; background: #fff; box-shadow: 0 12px 32px -20px rgba(11, 37, 69, .35); color: #1A2733; font: 13.5px/1.5 var(--mv-font); }
body.mv .mv-fs-hidden { display: none !important; }
body.mv .mv-fs-head { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 18px; border-bottom: 2px solid var(--mv-ink); }
body.mv .mv-fs-practice h2 { margin: 0 0 4px; color: var(--mv-ink); font-size: 17px; font-weight: 700; }
body.mv .mv-fs-practice p, body.mv .mv-fs-doc p { margin: 0; color: #4A5B70; font-size: 13px; }
body.mv .mv-fs-doc { text-align: right; }
body.mv .mv-fs-doc h1 { margin: 0 0 4px; color: var(--mv-ink); font-size: 22px; font-weight: 700; letter-spacing: -0.01em; }
body.mv .mv-fs-k { color: #6B7A8C; font-weight: 600; }
body.mv .mv-fs-patient { display: flex; align-items: center; gap: 16px; padding: 20px 0 6px; }
body.mv .mv-fs-photo { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; }
body.mv .mv-fs-who h2 { margin: 0; color: var(--mv-ink); font-size: 20px; font-weight: 700; }
body.mv .mv-fs-who p { margin: 2px 0 0; color: #4A5B70; font-size: 13px; font-variant-numeric: tabular-nums; }
body.mv .mv-fs-sec { margin-top: 18px; break-inside: avoid; }
body.mv .mv-fs-sec h3 { margin: 0 0 8px; padding-bottom: 6px; border-bottom: 1px solid #D5DDE5; color: var(--mv-ink); font-size: 13px; font-weight: 700; letter-spacing: .02em; }
body.mv .mv-fs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 24px; margin: 0; }
body.mv .mv-fs-grid > div { min-width: 0; }
body.mv .mv-fs-grid .mv-fs-wide { grid-column: span 3; }
body.mv .mv-fs-grid dt { margin: 0; color: #6B7A8C; font-size: 12px; font-weight: 600; }
body.mv .mv-fs-grid dd { margin: 1px 0 0; color: #1A2733; font-size: 13.5px; font-weight: 500; overflow-wrap: anywhere; }
body.mv .mv-fs-grid dd:not(:has(span:not(:empty))):not(:has(img:not(.mv-fs-hidden)))::after { content: "Not recorded"; color: #8A97A6; font-style: italic; font-weight: 400; }
html body.mv .mv-fs-table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; font-size: 12.5px; }
html body.mv .mv-fs-table th { padding: 6px 8px !important; border: 0 !important; border-bottom: 1px solid #C3CEDA !important; background: #F4F6F8 !important; color: #4A5B70 !important; font-size: 11.5px !important; font-weight: 700 !important; text-align: left !important; white-space: nowrap; }
html body.mv .mv-fs-table td { padding: 7px 8px !important; border: 0 !important; border-bottom: 1px solid #E3E8EE !important; background: none !important; color: #1A2733 !important; vertical-align: top; }
html body.mv .mv-fs-table :is(th, td).mv-num { text-align: right !important; }
html body.mv .mv-fs-table td:empty::after { content: "\2014"; color: #8A97A6; }
body.mv .mv-fs-cov { color: #4A5B70 !important; font-weight: 600; }
body.mv .mv-fs-plan { font-weight: 600; }
body.mv .mv-fs-none { display: none; margin: 8px 0 0; color: #6B7A8C; font-style: italic; }
body.mv .mv-fs-sec:has(.mv-fs-table tbody:not(:has(tr))) .mv-fs-table { display: none; }
body.mv .mv-fs-sec:has(.mv-fs-table tbody:not(:has(tr))) .mv-fs-none { display: block; }
body.mv .mv-fs-foot { margin: 28px 0 0; padding-top: 10px; border-top: 1px solid #E3E8EE; color: #6B7A8C; font-size: 11px; }
@media (max-width: 760px) {
    body.mv .mv-fs { padding: 24px 18px; border-radius: 0; }
    body.mv .mv-fs-head { flex-direction: column; gap: 10px; }
    body.mv .mv-fs-doc { text-align: left; }
    body.mv .mv-fs-grid { grid-template-columns: 1fr 1fr; }
    body.mv .mv-fs-grid .mv-fs-wide { grid-column: span 2; }
    body.mv .mv-fs-sec:has(.mv-fs-table) { overflow-x: auto; }
}
@media print {
    @page { size: letter; margin: 14mm 12mm; }
    html body.mv * { visibility: hidden !important; }
    html body.mv #divFormPrint, html body.mv #divFormPrint * { visibility: visible !important; }
    html body.mv #divFormPrint .mv-fs-hidden { display: none !important; }
    html body.mv #divFormPrint { position: absolute; top: 0; left: 0; width: 100% !important; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
    html body.mv { background: #fff !important; }
    html body.mv .contentWrapper, html body.mv .content, html body.mv main { overflow: visible !important; height: auto !important; }
    body.mv .mv-fs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.mv .mv-fs-head { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    html body.mv .mv-fs-table th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
body.mv .mv-fs-practice p:has(> span:last-child:empty) { display: none; }
@media print {
    html, html body.mv, html body.mv form { height: auto !important; min-height: 0 !important; overflow: visible !important; }
    html body.mv :is(.contentWrapper, .content, main, .mv-fs-page) { position: static !important; inset: auto !important; width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; }
    html body.mv #divFormPrint { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; }
    html body.mv :is(#mvSidebar, .mv-sidebar, #header, .topWrapper, .quicklaunch, .mv-pagebar, .mv-printbar, nav) { display: none !important; }
}

/* =============================================================================
   Settings > Clearinghouses (EMR/Settings/Clearinghouses.aspx, js/Clearinghouses.js)
   ============================================================================= */
body.mv td.prac_sidenav #divClearinghousesRail { order: 12; }
body.mv #divClearinghouses { box-sizing: border-box; width: 100%; padding: 22px 24px 28px !important; }
body.mv .mv-ch { color: var(--mv-text); }
body.mv .mv-ch-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
body.mv .mv-ch-head h2 { margin: 0 0 3px !important; font-size: var(--mv-fs-20) !important; font-weight: 700 !important; color: var(--mv-ink) !important; line-height: 1.25; }
body.mv .mv-ch-head p { margin: 0; max-width: 640px; color: var(--mv-text-2); font-size: var(--mv-fs-13); }
body.mv .mv-ch-head .mv-ch-payers { flex-shrink: 0; }
body.mv .mv-ch-note { margin: 8px 0 12px; color: var(--mv-text-2); font-size: var(--mv-fs-13); }
body.mv .mv-ch-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 12px 16px; border: 1px solid #BFE3DC; border-radius: var(--mv-radius); background: var(--mv-teal-50); }
body.mv .mv-ch-banner:empty { display: none; }
body.mv .mv-ch-banner > i { flex-shrink: 0; font-size: 20px; color: var(--mv-teal-700); }
body.mv .mv-ch-banner > div { flex: 1 1 auto; min-width: 0; }
body.mv .mv-ch-banner p { margin: 0; color: var(--mv-ink); font-size: var(--mv-fs-14); }
body.mv .mv-ch-banner strong { font-weight: 700; }
body.mv .mv-ch-banner span:not(.mv-ch-mode) { display: block; margin-top: 1px; color: var(--mv-text-2); font-size: var(--mv-fs-12); }
body.mv .mv-ch-result:empty, body.mv .mv-ch-msg:empty { display: none; }
body.mv .mv-ch-result, body.mv .mv-ch-msg { margin: 0 0 12px; padding: 8px 12px; border-radius: var(--mv-radius-sm); font-size: var(--mv-fs-13); }
body.mv .mv-ch-msg { margin: 0 18px 12px; }
body.mv :is(.mv-ch-result, .mv-ch-msg).is-ok { background: var(--mv-ok-50); color: var(--mv-success); }
body.mv :is(.mv-ch-result, .mv-ch-msg).is-bad { background: var(--mv-bad-50); color: var(--mv-danger); }
body.mv .mv-ch-list { display: flex; flex-direction: column; gap: 10px; }
body.mv .mv-ch-card { background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; min-width: 0; transition: border-color .12s, box-shadow .12s; }
body.mv .mv-ch-card:hover { border-color: var(--mv-line-strong); }
body.mv .mv-ch-card.is-active { border-color: #9ED6CC; box-shadow: inset 3px 0 0 var(--mv-teal); }
body.mv .mv-ch-card.is-open { box-shadow: 0 6px 18px -12px rgba(11, 37, 69, .35); }
body.mv .mv-ch-card.is-active.is-open { box-shadow: inset 3px 0 0 var(--mv-teal), 0 6px 18px -12px rgba(11, 37, 69, .35); }
body.mv .mv-ch-card-head { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px 18px; }
body.mv .mv-ch-logo { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--mv-mist); border: 1px solid var(--mv-line); color: var(--mv-ink); font-size: 13px; font-weight: 700; letter-spacing: .02em; }
body.mv .mv-ch-card.is-active .mv-ch-logo { background: var(--mv-teal-50); border-color: #BFE3DC; color: var(--mv-teal-700); }
body.mv .mv-ch-title { min-width: 0; }
body.mv .mv-ch-title h3 { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 700 !important; color: var(--mv-ink) !important; line-height: 1.3; background: none !important; border: 0 !important; }
body.mv .mv-ch-meta { margin: 2px 0 0; color: var(--mv-muted); font-size: var(--mv-fs-12); }
body.mv .mv-ch-meta:empty { display: none; }
body.mv .mv-ch-needs { display: flex; align-items: flex-start; gap: 6px; margin: 4px 0 0; color: var(--mv-warning); font-size: var(--mv-fs-12); font-weight: 600; line-height: 1.4; }
body.mv .mv-ch-needs > span { min-width: 0; }
body.mv .mv-ch-needs .mv-ch-link { margin-left: 4px !important; white-space: nowrap; }
body.mv .mv-ch-needs-soft { color: var(--mv-text-2); font-weight: 500; }
body.mv .mv-ch-needs i { font-size: 13px; line-height: 1.3; }
body.mv .mv-ch-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
body.mv .mv-ch-mode { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; font-size: var(--mv-fs-12); font-weight: 600; line-height: 1.2; white-space: nowrap; }
body.mv .mv-ch-mode i { font-size: 12px; }
body.mv .mv-ch-mode-test { background: var(--mv-warn-50); color: var(--mv-warning); }
body.mv .mv-ch-mode-prod { background: var(--mv-surface); color: var(--mv-ink); box-shadow: inset 0 0 0 1px var(--mv-line-strong); }
body.mv .mv-ch-actions { display: flex; align-items: center; gap: 8px; }
body.mv .mv-ch-link { display: inline; padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: auto !important; border: 0 !important; background: none !important; color: var(--mv-action) !important; font: inherit !important; font-weight: 600 !important; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; box-shadow: none !important; }
body.mv .mv-ch-link:hover { color: var(--mv-action-hover) !important; text-decoration-thickness: 2px; }
body.mv .mv-ch-confirm { display: flex; gap: 12px; margin: 0 18px 14px; padding: 14px 16px; border: 1px solid #F1D9A8; border-radius: var(--mv-radius); background: var(--mv-warn-50); }
body.mv .mv-ch-confirm[hidden] { display: none; }
body.mv .mv-ch-confirm > i { font-size: 18px; color: var(--mv-warning); line-height: 1.3; }
body.mv .mv-ch-confirm-body { min-width: 0; }
body.mv .mv-ch-confirm-body p { margin: 0 0 4px; color: var(--mv-text); font-size: var(--mv-fs-13); }
body.mv .mv-ch-confirm-body p.mv-ch-confirm-title { margin-bottom: 6px; color: var(--mv-ink); font-size: var(--mv-fs-14); font-weight: 700; }
body.mv .mv-ch-confirm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
body.mv .mv-ch-form { padding: 4px 18px 18px; border-top: 1px solid var(--mv-line); }
body.mv .mv-ch-form[hidden] { display: none; }
body.mv .mv-ch-intro { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 4px; color: var(--mv-text-2); font-size: var(--mv-fs-13); }
body.mv .mv-ch-intro i { margin-top: 2px; color: var(--mv-info); }
body.mv .mv-ch-sec { padding: 16px 0; border-bottom: 1px solid var(--mv-line); }
body.mv .mv-ch-sec:last-of-type { border-bottom: 0; }
body.mv .mv-ch-sec-head { margin: 0 0 12px; }
body.mv .mv-ch-sec-head h4 { display: flex; align-items: center; gap: 8px; margin: 0 !important; color: var(--mv-ink) !important; font-size: var(--mv-fs-14) !important; font-weight: 700 !important; }
body.mv .mv-ch-sec-head h4 i { color: var(--mv-teal-700); font-size: 15px; }
body.mv .mv-ch-sec-head p { margin: 2px 0 0 23px; color: var(--mv-muted); font-size: var(--mv-fs-12); }
body.mv .mv-ch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px 16px; }
body.mv .mv-ch-grid .mv-field { min-width: 0; }
body.mv .mv-ch .mv-field label { display: flex; align-items: baseline; gap: 2px; flex-wrap: wrap; }
body.mv .mv-ch-req { margin-left: 1px; color: var(--mv-danger); font-weight: 700; }
body.mv .mv-ch-code { margin-left: 4px; color: var(--mv-muted); font-size: 11px; font-weight: 600; letter-spacing: .02em; }
body.mv .mv-ch .mv-field input::placeholder { color: #8A97A6; }
body.mv .mv-ch-hint { color: var(--mv-muted); font-size: var(--mv-fs-12); }
body.mv .mv-ch-hint[hidden], body.mv .mv-ch-pwnote:empty { display: none; }
body.mv .mv-ch-pwnote { color: var(--mv-warning); font-weight: 600; }
body.mv .mv-ch .mv-field input[hidden] { display: none !important; }
body.mv .mv-ch-saved { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 36px; padding: 0 10px; box-sizing: border-box; border: 1px dashed var(--mv-line-strong); border-radius: var(--mv-radius-sm); background: var(--mv-sunken); }
body.mv .mv-ch-saved > span { display: inline-flex; align-items: center; gap: 6px; color: var(--mv-success); font-size: var(--mv-fs-13); font-weight: 600; }
body.mv .mv-ch-unsaved > span { color: var(--mv-muted); font-weight: 500; }
body.mv .mv-ch-saved .mv-ch-link { font-size: var(--mv-fs-12) !important; white-space: nowrap; }
body.mv .mv-ch-secret:has(.mv-ch-saved) input { margin-top: 6px !important; }
body.mv .mv-ch-more { margin-top: 14px; }
body.mv .mv-ch-more > summary { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; margin-left: -8px; border-radius: var(--mv-radius-sm); color: var(--mv-action); font-size: var(--mv-fs-13); font-weight: 600; cursor: pointer; list-style: none; }
body.mv .mv-ch-more > summary::-webkit-details-marker { display: none; }
body.mv .mv-ch-more > summary::before { content: "\F285"; font-family: "bootstrap-icons" !important; font-size: 11px; transition: transform .12s; }
body.mv .mv-ch-more[open] > summary::before { transform: rotate(90deg); }
body.mv .mv-ch-more > summary:hover { background: var(--mv-action-subtle); color: var(--mv-action-hover); }
body.mv .mv-ch-more > .mv-ch-grid { margin-top: 10px; }
body.mv .mv-ch-seg { margin: 0 0 14px; }
body.mv .mv-ch-manual { margin: 0; padding: 10px 12px; border-radius: var(--mv-radius-sm); background: var(--mv-sunken); color: var(--mv-text-2); font-size: var(--mv-fs-13); }
body.mv .mv-ch-manual[hidden], body.mv .mv-ch-sftp[hidden] { display: none; }
body.mv .mv-ch-hostkey { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; color: var(--mv-muted); font-size: var(--mv-fs-12); }
body.mv .mv-ch-hostkey i { font-size: 13px; }
body.mv .mv-ch-check { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-top: 10px; }
body.mv .mv-ch-check .mv-ch-hint { margin: 0; }
body.mv .mv-ch-fp { display: grid; gap: 8px; justify-items: start; margin-top: 10px; padding: 10px 12px; border-radius: var(--mv-radius-sm); background: var(--mv-sunken); color: var(--mv-text-2); font-size: var(--mv-fs-13); }
body.mv .mv-ch-fp[hidden] { display: none; }
body.mv .mv-ch-fp p { margin: 0; }
body.mv .mv-ch-fp.is-bad { background: var(--mv-bad-50); color: var(--mv-danger); }
body.mv .mv-ch-fp-value { max-width: 100%; padding: 4px 8px; border: 1px solid var(--mv-line); border-radius: var(--mv-radius-sm); background: var(--mv-surface, #fff); color: var(--mv-text); font-size: var(--mv-fs-12); overflow-wrap: anywhere; word-break: break-all; }
body.mv .mv-ch-modehint { margin: 0; color: var(--mv-text-2); font-size: var(--mv-fs-13); }
body.mv .mv-ch-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 16px; border-top: 1px solid var(--mv-line); }
body.mv .mv-ch button[hidden] { display: none !important; }
@media (max-width: 760px) {
    body.mv #divClearinghouses { padding: 16px 14px 20px !important; }
    /* the grouped rail (flex column, rail groups above) turned the phone strip into a column of 92px-tall items: keep the strip */
    body.mv td.prac_sidenav > .divAccrodian { flex-direction: row !important; }
    body.mv td.prac_sidenav .mv-rail-group { display: none; }
    body.mv .mv-ch-head { flex-direction: column; gap: 10px; }
    body.mv .mv-ch-head h2 { font-size: 18px !important; }
    body.mv .mv-ch-banner { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 6px 10px; padding: 12px 14px; }
    body.mv .mv-ch-banner > i { font-size: 18px; line-height: 1.2; }
    body.mv .mv-ch-banner > .mv-ch-mode { grid-column: 2; justify-self: start; }
    body.mv .mv-ch-card-head { grid-template-columns: 36px minmax(0, 1fr); align-items: start; gap: 10px 12px; padding: 14px; }
    body.mv .mv-ch-logo { width: 36px; height: 36px; font-size: 12px; }
    body.mv .mv-ch-tags { grid-column: 2; justify-content: flex-start; }
    body.mv .mv-ch-actions { grid-column: 1 / -1; flex-wrap: wrap; }
    body.mv .mv-ch-actions .mv-btn { flex: 1 1 0; justify-content: center; }
    body.mv .mv-ch-msg { margin: 0 14px 12px; }
    body.mv .mv-ch-confirm { margin: 0 14px 14px; padding: 12px; }
    body.mv .mv-ch-confirm-actions .mv-btn { flex: 1 1 auto; justify-content: center; }
    body.mv .mv-ch-form { padding: 0 14px 14px; }
    body.mv .mv-ch-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    body.mv .mv-ch-sec-head p { margin-left: 0; }
    body.mv .mv-ch-foot .mv-btn { flex: 1 1 auto; justify-content: center; }
}

/* === regression fix: retired 11.5px half-step (P7.3b-3, 2026-10-20) ===
   Later mockup/nav passes brought 11.5px back: explicit rules below, and text that inherits the legacy
   EHRdefaultCSS body rule (11.5px !important) inside the page area, the sidebar search box and the collapse button
   (whose `font: 500 13px/1 inherit` shorthand is invalid, so it fell back to 11.5px). Snapped to --mv-fs-12. */
html body.mv.mv-shell #mv-main { font-size: var(--mv-fs-12); }
html body.mv.mv-shell .mv-gsearch-box, html body.mv.mv-shell .mv-gsearch-box .mv-visually-hidden { font-size: var(--mv-fs-12); }
html body.mv.mv-shell .mv-gsearch-box input { font-size: var(--mv-fs-12) !important; }
html body.mv.mv-shell .mv-collapse { font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; }
html body.mv .mv-count, html body.mv .mv-resp { font-size: var(--mv-fs-12); }
html body.mv #divClaims table.fixTable tbody td:nth-child(16) .mv-status, html body.mv #divClaims table.fixTable tbody td:nth-child(17) .mv-status { font-size: var(--mv-fs-12); }
html body.mv.mv-shell .divleftNav > ul > li.li_UserList[data-count]::after { font-size: var(--mv-fs-12); }
html body.mv #MainGrid .mv-cs-chat .messages .time-stamp { font-size: var(--mv-fs-12); }
html body.mv .mv-er-compare .link.red::after { font-size: var(--mv-fs-12); }
/* === end regression fix 11.5px === */

/* === settings:C === */
/* Practice settings, records and enrollment sections: Insurance enrollment, EDI/ERA enrollment, Insurance portals, Practice instructions,
   Referring physicians, Follow-up status, Merge patients, Shift claims. Scoped to their content containers and their dialogs. */
/* section header: title left, primary action right, no extra blank band above the table */
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .mv-sec-head { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; margin: 0 0 12px !important; padding: 0 !important; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .mv-sec-head > span { display: inline-flex; float: none !important; margin: 0 !important; padding: 0 !important; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .mv-sec-head .mv-btn { height: 36px; margin: 0 !important; white-space: nowrap; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) :is(.page-content, .WidgetMainContent, .Grid, #InsurancePortal, #divEnrolllment) { margin-top: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-left: 0 !important; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .page-content { float: none !important; width: auto !important; margin-right: 0 !important; }
/* tables: same pattern as the Claim list (header, filter row, compact rows, scroll inside the card) */
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .department_table.scroll { height: auto !important; min-height: 0 !important; max-height: calc(100vh - 300px); overflow: auto !important; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable { width: 100% !important; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable :is(th, td) { box-sizing: border-box; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable tbody td { max-width: 280px; padding-top: 6px !important; padding-bottom: 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable tbody td:last-child { overflow: visible; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable tbody tr { height: auto !important; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable thead th { white-space: nowrap; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable thead tr:last-child :is(input[type="text"], select) { width: 100% !important; min-width: 70px; height: 32px; margin: 0 !important; box-sizing: border-box; font-size: 13px; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable thead img { width: 8px !important; margin-left: 4px; vertical-align: middle; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable :is(td.InsPorAction, th.InsPorAction, td.tdaction), html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) table.fixTable tbody td:last-child:has(> :is(.spnedit, .spndelete)) { white-space: nowrap; text-align: center; width: 84px; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) :is(.spnedit, .spndelete)[role="button"]:focus-visible { outline: 2px solid var(--mv-focus, #0E9F8E); outline-offset: 1px; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .spnstatus { display: inline-block; padding: 2px 8px !important; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.5; color: #fff; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .message { min-height: 40px; }
/* insurance portals: the password cell keeps the masked field and the eye button on one line */
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) td:has(> .hideShowPwd) { white-space: nowrap; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) td > span:has(> input.Password) { float: none !important; display: inline-block; width: 110px !important; vertical-align: middle; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) td > span.hideShowPwd { float: none !important; display: inline-block; width: auto !important; margin: 0 0 0 4px !important; vertical-align: middle; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) input.Password { width: 100% !important; height: 28px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
/* follow-up status: add bar */
html body.mv #divFUStatus .mv-inlineform-bar { padding: 0 0 12px !important; }
html body.mv #divFUStatus .mv-inlineform > input[type="button"] { height: 36px !important; }
html body.mv #divFUStatus .mv-inlineform > .mv-field > input[type="text"] { width: 280px !important; height: 36px !important; }
html body.mv #divFUStatus .mt_5 { margin-top: 0 !important; }
html body.mv #divFUStatus :is(#PatientContainer, .Grid) { float: none !important; width: 100% !important; margin: 0 !important; }
/* merge patients / shift claims: one card (the settings card), not a card inside a card */
html body.mv :is(#divMergePatient, #divShiftClaim) { width: auto !important; margin: 0 !important; padding: 0 !important; }
html body.mv :is(#divMergePatient, #divShiftClaim) .mv-setcard { margin: 0; padding: 20px; border: 0; border-radius: 0; background: none; }
html body.mv :is(#divMergePatient, #divShiftClaim) .mv-setcard-title { font-size: 16px !important; }
html body.mv :is(#divMergePatient, #divShiftClaim) .mvs-hint { margin: -6px 0 14px; max-width: 640px; color: var(--mv-slate); font-size: 13px; line-height: 1.5; }
html body.mv :is(#divMergePatient, #divShiftClaim) .mv-inlineform > .mv-field > input[type="text"] { width: 220px !important; height: 36px !important; }
html body.mv :is(#divMergePatient, #divShiftClaim) .mv-inlineform > input[type="button"] { height: 36px !important; }
/* referring physicians: add/edit form */
html body.mv #divReferringPhysician #AddEditRefDiv { padding: 0; }
/* shared form layout: labelled fields in a two-column grid, label above the field, one input height */
html body.mv .mvs-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; align-items: start; }
html body.mv .mvs-formpage { max-width: 720px; }
html body.mv .mvs-form > .mvs-f { display: flex; flex-direction: column; gap: 5px; min-width: 0; margin: 0; padding: 0; float: none; width: auto; }
html body.mv .mvs-f.mvs-wide { grid-column: 1 / -1; }
html body.mv .mvs-f.mvs-rel { position: relative; }
html body.mv .mvs-l { margin: 0; padding: 0; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; line-height: 1.3; text-align: left; }
html body.mv .mvs-l .spnError { position: static !important; display: inline; margin: 0 !important; float: none !important; color: var(--mv-bad); }
html body.mv .mvs-f :is(input[type="text"], input[type="password"], select, textarea) { width: 100% !important; margin: 0 !important; box-sizing: border-box; font-size: 13px; }
html body.mv .mvs-f :is(input[type="text"], input[type="password"], select) { height: 36px; }
html body.mv .mvs-f textarea { min-height: 88px; padding-top: 8px; resize: vertical; }
html body.mv .mvs-f :is(input, select, textarea).error { border-color: var(--mv-bad) !important; background: var(--mv-bad-50) !important; }
html body.mv .mvs-f input:disabled { background: var(--mv-mist) !important; color: var(--mv-slate); }
html body.mv .mvs-actions { display: flex; justify-content: flex-end; gap: 8px; margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid var(--mv-line); float: none !important; }
html body.mv .mvs-actions .mv-btn { height: 36px; margin: 0 !important; }
/* insurance search results under the Insurance field */
html body.mv .mvs-rel :is(#insuFilterDiv, .divInsuranceserach) { position: absolute; top: 100%; left: 0; right: 0; z-index: 20; margin: 2px 0 0 !important; max-height: 220px; overflow: auto; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 8px; box-shadow: 0 8px 24px rgba(16,42,67,.14); }
html body.mv .mvs-rel :is(#insuFilterDiv, .divInsuranceserach) table { width: 100% !important; }
/* dialogs: one column of fields, attachments beside the form on wide screens */
html body.mv .ui-dialog:has(:is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv, #divInsurancePortal, #divPracticeInstr)) { max-width: calc(100vw - 24px); }
html body.mv .ui-dialog:has(:is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv, #divInsurancePortal, #divPracticeInstr)) .ui-dialog-content { box-sizing: border-box; max-width: 100%; overflow-x: hidden; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px 28px; align-items: start; padding: 4px 2px; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) :is(.divDialogDocumentForm, #divPatientDocumentsForm) { display: contents; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDialogDocumentForm[style*="display: none"], html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDialogDocumentForm[style*="display:none"] { display: none; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divAddUpdateForm, html body.mv #divAddEditInsurCred #AddEditInsuCred { grid-column: 1; grid-row: 1; width: auto !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail { grid-column: 1; grid-row: 2; float: none !important; width: auto !important; margin: 0 !important; padding: 12px 0 0 !important; border-top: 1px solid var(--mv-line); }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail .header { margin: 0 0 8px !important; color: var(--mv-ink); font-size: 13px; font-weight: 700; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail .float-left-100 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail .float-left-100 > div { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; min-width: 0; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail :is(span, .tdEditDoc) { display: block; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail input { width: 100% !important; height: 36px; margin: 4px 0 0 !important; box-sizing: border-box; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .uploadfileboxDiv { position: static !important; grid-column: 2; grid-row: 1 / span 2; float: none !important; width: auto !important; margin: 0 !important; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .uploadfileboxDiv .header { display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px !important; color: var(--mv-ink); font-size: 13px; font-weight: 700; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .uploadfileboxDiv .header > div { float: none !important; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) #divPatientDocumentsFilesInner { float: none !important; height: 180px; border: 1px dashed var(--mv-line-strong) !important; border-radius: 8px; background: var(--mv-sunken, #F7F9FA) !important; }
@media (max-width: 760px) {
    html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) { grid-template-columns: minmax(0, 1fr); }
    html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) :is(.divAddUpdateForm, #AddEditInsuCred, .divDocumentDetail, .uploadfileboxDiv) { grid-column: 1; grid-row: auto; }
    html body.mv .mvs-form { grid-template-columns: minmax(0, 1fr); }
    html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail .float-left-100 { grid-template-columns: minmax(0, 1fr); }
    html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId) .mv-sec-head { flex-wrap: wrap; }
}
/* insurance portal dialog and practice instruction dialog: table forms become label-above-field stacks */
html body.mv #divInsurancePortal .divInsPortalSection table, html body.mv #divInsurancePortal .divInsPortalSection tbody { display: block; width: 100%; }
html body.mv #divInsurancePortal .divInsPortalSection tr { display: flex; flex-direction: column; gap: 5px; margin: 0 0 14px; }
html body.mv #divInsurancePortal .divInsPortalSection td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; text-align: left; }
html body.mv #divInsurancePortal .divInsPortalSection td:first-child { color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
html body.mv #divInsurancePortal .divInsPortalSection .spnError { position: static !important; color: var(--mv-bad); }
html body.mv #divInsurancePortal .divInsPortalSection :is(input[type="text"], input[type="password"], select, textarea) { width: 100% !important; margin: 0 !important; box-sizing: border-box; font-size: 13px; }
html body.mv #divInsurancePortal .divInsPortalSection :is(input[type="text"], input[type="password"], select) { height: 36px; }
html body.mv #divInsurancePortal .divInsPortalSection textarea { min-height: 72px; resize: vertical; }
html body.mv #divPracticeInstr :is(input[type="text"], select) { height: 36px; box-sizing: border-box; }
html body.mv #divPracticeInstr .editor { max-width: 100%; box-sizing: border-box; }
html body.mv #divAddEditInsurCred > div:not(.mvs-form) { display: contents; }
html body.mv #divReferringPhysician .mvs-formpage .mvs-actions { max-width: none; }
html body.mv :is(#divReferringPhysician, #divFUStatus, #divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId, #divMergePatient, #divShiftClaim) .mv-btn, html body.mv .mvs-actions .mv-btn { height: 36px !important; min-height: 36px !important; }
html body.mv :is(#divAddEditInsurCred, .divAddUpdateEnrollmentDiv) .divDocumentDetail { border-top: 0 !important; padding-top: 0 !important; }
/* shift claims and merge patients: preview dialogs */
html body.mv #dialogShiftClaim { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
html body.mv #dialogShiftClaim .w50 { float: none; width: auto; min-width: 0; }
html body.mv #dialogShiftClaim .centerdiv { margin: 0; padding: 0; }
html body.mv #dialogShiftClaim :is(.HeaderTag, .MHShiftClaim) { float: none !important; display: block; width: auto !important; margin: 0 0 4px; padding: 0; }
html body.mv #dialogShiftClaim .HeaderTag { color: var(--mv-ink); font-size: 13.5px; font-weight: 700; }
html body.mv #dialogShiftClaim .MHShiftClaim { color: var(--mv-slate) !important; font-size: 12.5px; font-weight: 500; }
html body.mv #dialogShiftClaim :is(#SCmessage, #STCmessage) { margin: 12px 0 0; color: var(--mv-bad); text-align: left; font-size: 13px; }
html body.mv #dialogShiftClaim .Grid { overflow-x: auto; max-height: 50vh; overflow-y: auto; }
html body.mv #dialogShiftClaim table { width: 100%; }
html body.mv #dialogShiftClaim tbody td, html body.mv #mergePatientdialogue tbody td { padding: 8px 10px; }
@media (max-width: 760px) { html body.mv #dialogShiftClaim { grid-template-columns: minmax(0, 1fr); } }
/* the settings page header already names the section: keep the in-section title for screen readers only and right-align the action */
html body.mv :is(#divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId, #mainRefPhyDiv) .mv-sec-head { justify-content: flex-end; margin-bottom: 8px !important; }
html body.mv :is(#divInsuranceCredentialingWrapperId, #divInsuranceEnrollmentWrapperId, #divInsurancePortalWrapperId, #divPracticeInstrWrapperId, #mainRefPhyDiv) .mv-sec-head > .mv-sec-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* === end settings:C === */






/* === settings:B === */
/* Practice settings data sections: Files (list, claims search, payment files), Knowledge base (CPT, Dx, adjustment, remark codes), CPT charges,
   Insurance (grid, mapping), Appointment reasons. One table pattern: header row, filter row, compact rows, numbers right, text truncated with a
   tooltip, the table scrolls sideways inside its card, icon actions, shared footer. Scoped to the section containers. */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) { box-sizing: border-box; }
/* the card: no fixed heights, the wrapper scrolls sideways when the columns do not fit */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(.Grid, .Grid.height, .Grid.Widget) { height: auto !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; float: none !important; width: auto !important; overflow: visible !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) .department_table { height: auto !important; max-height: none !important; min-height: 0; overflow-x: auto !important; overflow-y: visible !important; margin: 0 !important; width: 100% !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) table.fixTable, html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) .Grid > table, html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) .Grid table { width: 100% !important; min-width: 100%; table-layout: auto !important; }
/* header, filter row */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) thead th { padding: 0 10px !important; height: 40px; font-size: 12px !important; font-weight: 600; white-space: nowrap !important; vertical-align: middle; text-align: left; overflow: visible !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) thead tr:nth-child(2) th { height: 46px; padding-top: 6px !important; padding-bottom: 6px !important; background: #FBFCFD !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) thead :is(input[type="text"], input[type="number"], select) { width: 100% !important; min-width: 88px; height: 32px !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; box-sizing: border-box; float: none !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) thead tr:nth-child(2) th:first-child { min-width: 0; }
/* rows */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td { height: auto; padding: 9px 10px !important; font-size: 13px !important; line-height: 1.35; vertical-align: middle; text-align: left; max-width: clamp(160px, 55vw, 760px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody tr, html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody tr.h_32px { height: auto !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td.align_right:not(.mv-num), html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td.align-right:not(.mv-num), html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td.align_center:not(:has(input)):not(.mv-num) { text-align: left; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(thead th, tbody td).mv-num { text-align: right !important; font-variant-numeric: tabular-nums; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(thead tr:nth-child(2) th).mv-num input { text-align: right; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td:first-child, html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) thead th:first-child { width: 52px; max-width: 64px; color: var(--mv-muted); text-align: left; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td:has(> input[type="checkbox"]), html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) thead th:has(> input[type="checkbox"]) { width: 40px; max-width: 48px; text-align: center; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td:has(> .spnedit, > .spndelete, > .spnview, > div > .spnedit, > span > .spnedit), html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) td.action { overflow: visible; text-overflow: clip; width: 1%; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td.action > div, tbody td:has(> span > .spnedit), html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td:has(> .spnedit) { white-space: nowrap; }
/* icon actions */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(.spnedit, .spndelete, .spnview, .spnNotes, .spnlock, .spnImportable, .spnImportablePending)[role="button"]:not([style*="none"]) { display: inline-flex !important; float: none !important; margin: 0 2px !important; cursor: pointer; vertical-align: middle; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(.spnedit, .spndelete, .spnview, .spnNotes, .spnlock, .spnImportable, .spnImportablePending)[role="button"]:focus-visible { outline: 2px solid var(--mv-focus, #0E9F8E); outline-offset: 1px; border-radius: 6px; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) #fileActionWrapper { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
/* links inside cells (file name, claim view) */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td.Assigned_color, html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td .Assigned_color { color: var(--mv-action) !important; text-decoration: none !important; font-weight: 500; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) tbody td.Assigned_color:hover { text-decoration: underline !important; }
/* footer: info, page size, pager */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) .message { display: flex; align-items: center; gap: 6px; min-height: 44px; margin: 0 !important; padding: 0 16px !important; font-size: 13px; color: var(--mv-slate); }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) .pager { min-height: 52px; padding: 8px 16px !important; }
/* toolbar: search and primary action on the right */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(div#Search, #SearchWithFileName, .SettingWrapperAction) { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; float: none !important; width: auto !important; height: auto !important; margin: 16px 16px 12px !important; padding: 0 !important; position: static !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(div#Search, #SearchWithFileName) > :is(span, div) { float: none !important; margin: 0 !important; padding: 0 !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain, #divNewFileMain_ClaimDetails) :is(div#Search, #SearchWithFileName) input[type="text"] { width: 260px; max-width: 100%; height: 38px !important; padding: 0 12px !important; margin: 0 !important; box-sizing: border-box; }
/* Files > File claims search: patient, file name and exact match in one row */
html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName { justify-content: flex-start; }
html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName > span.tooltip { order: 5; position: relative; display: inline-flex; }
html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName > span.tooltip > span:not(.tooltiptext) { float: none !important; display: inline-flex; align-items: center; justify-content: center; width: 38px !important; height: 38px !important; padding: 0 !important; margin: 0 !important; border: 1px solid var(--mv-line-strong); border-radius: 8px !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 16px; font-weight: 700; }
html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName > span.fa-search { float: none !important; display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px !important; height: 38px !important; padding: 0 !important; margin: 0 8px 0 -8px !important; border-radius: 0 8px 8px 0 !important; background: var(--mv-teal) !important; color: #fff !important; font-size: 15px !important; }
html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName > span.fa-search:hover { background: var(--mv-teal-600) !important; }
html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName input[type="text"] { border-radius: 8px 0 0 8px !important; }
/* appointment reasons: the table sits in a fixed-height wrapper, and the action icons stay in one row */
html body.mv #tbl-main td.prac #divAppointmentReasonMain :is(#gridAppointmentReasons, #gridAppointmentReasons > div) { height: auto !important; max-height: none !important; overflow: visible !important; }
html body.mv #tbl-main td.prac #divAppointmentReasonMain #gridAppointmentReasons > div:has(> table) { overflow-x: auto !important; }
html body.mv #tbl-main td.prac :is(#divAppointmentReasonMain, #divNewFileMain, #divPracticeInsurancesMain, #divCPTCodeDetails) td.action > div { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
html body.mv #tbl-main td.prac #divAppointmentReasonMain thead th:last-child, html body.mv #tbl-main td.prac #divAppointmentReasonMain tbody td.action { text-align: left; width: 96px; }
/* file names: never break mid-word, cut with an ellipsis (the full name is the tooltip) */
html body.mv #tbl-main td.prac #divNewFileMain tbody td.filename, html body.mv #tbl-main td.prac #divNewFileMain tbody td.filename > span { white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; padding-left: 0 !important; padding-right: 0 !important; }
html body.mv #tbl-main td.prac #divNewFileMain tbody td.filename { padding-left: 10px !important; padding-right: 10px !important; max-width: 280px; }
html body.mv #tbl-main td.prac #divNewFileMain tbody td.txtNotes { max-width: 200px; }
html body.mv #tbl-main td.prac #divNewFileMain tbody td.align_center.mv-num, html body.mv #tbl-main td.prac #divNewFileMain tbody td.align-center.mv-num { text-align: right; }
/* the actions column stays in view while a wide table scrolls sideways */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPracticeInsurancesMain, #divCPTCodeDetails, #divAppointmentReasonMain) :is(th, td).mv-actcol { position: sticky !important; right: 0; z-index: 2; background: var(--mv-surface) !important; box-shadow: -1px 0 0 var(--mv-line); text-align: left; width: 1%; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPracticeInsurancesMain, #divCPTCodeDetails, #divAppointmentReasonMain) thead :is(th).mv-actcol { background: #F6F8FA !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPracticeInsurancesMain, #divCPTCodeDetails, #divAppointmentReasonMain) thead tr:nth-child(2) th.mv-actcol { background: #FBFCFD !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPracticeInsurancesMain, #divCPTCodeDetails, #divAppointmentReasonMain) tbody tr:hover td.mv-actcol { background: #F3F9F8 !important; }
/* Insurance: search and the two buttons share one row */
html body.mv #tbl-main td.prac #divPracticeInsurancesMain #divInsurances > .float_right1 { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; float: none !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain #divInsurances > .float_right1 > div#Search { order: 1; margin: 16px 0 12px 16px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain #divInsurances > .float_right1 > .SettingWrapperAction { order: 2; margin: 16px 16px 12px 0 !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain #divInsurances > .float_right1 > #divInsuranceGrid { order: 3; flex: 0 0 100%; min-width: 0; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divPracticeInsurancesMain, #divCPTCodeDetails, #divAppointmentReasonMain) :is(.spnImportable, .spnImportablePending)[style*="none"] { display: none !important; }
/* CPT codes: the toolbar search is commented out in the page (the filter row searches), so its button alone is hidden */
html body.mv #tbl-main td.prac #divCPTCODE div#Search[style*="none"] { display: none !important; }
/* Insurance mapping (eligibility payers to 837 payers): two cards, selectors with an icon add button */
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 16px; align-items: start; padding: 16px; background: transparent !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv > .Widget { float: none !important; width: auto !important; min-width: 100% !important; box-sizing: border-box; margin: 0 !important; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .WidgetTitle { display: flex; align-items: center; justify-content: flex-start !important; height: auto !important; min-height: 44px; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: #FBFCFD !important; text-align: left !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .WidgetTitle b { color: var(--mv-ink); font-size: 14px; font-weight: 700; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .WidgetTitle .widget-diagnosis-icon { display: none; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content { box-sizing: border-box !important; width: 100% !important; height: auto !important; min-height: 0; padding: 14px 16px 16px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child { display: flex; align-items: center; gap: 8px; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child > div { width: auto !important; flex: 1 1 auto; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child > div > div { display: flex; align-items: center; gap: 8px; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv select { flex: 1 1 0; width: auto !important; min-width: 0 !important; max-width: none !important; height: 38px !important; display: block !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv span.fa-plus { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 38px; float: none !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border-radius: 8px !important; background: var(--mv-teal) !important; color: #fff !important; font-size: 14px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv span.fa-plus:hover { background: var(--mv-teal-600) !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset { height: auto !important; width: 100% !important; margin: 12px 0 0 !important; padding: 0 !important; border: 1px solid var(--mv-line); border-radius: 10px; box-sizing: border-box; min-width: 0; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset legend { width: auto; margin: 0 0 0 10px; padding: 0 6px; border: 0; color: var(--mv-slate); font-size: 12px; font-weight: 600; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset .Grid { height: 320px !important; max-height: 50vh; margin: 0 !important; border: 0 !important; box-shadow: none !important; overflow-y: auto !important; border-radius: 0 0 10px 10px; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset #D837 { display: block; min-height: 320px; max-height: 50vh; overflow-y: auto; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv #lblD270Selected { display: block; padding: 8px 12px; color: var(--mv-ink); font-weight: 600; text-shadow: none !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv tr.tr270 td { padding: 8px 12px !important; font-size: 13px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv tr.tr270 { cursor: pointer; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv tr.selectedRow td { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .divSaveButton { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 16px 16px !important; display: flex; justify-content: flex-end; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .saveEditSpan { float: none !important; display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 36px !important; margin: 0 !important; padding: 0 16px !important; border-radius: 8px !important; background: var(--mv-teal) !important; color: #fff !important; font-size: 13.5px !important; font-weight: 600; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .saveEditSpan:hover { background: var(--mv-teal-600) !important; }
@media (max-width: 1100px) { html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv { grid-template-columns: minmax(0, 1fr); } }
/* CHC payer mapping: one compact form row */
html body.mv #tbl-main td.prac #divPracticeInsurancesMain :is(.Grid:has(> .WidgetTitle > b)) { height: auto !important; overflow: visible !important; border: 0 !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > .WidgetTitle { display: none; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) { width: 100% !important; margin: 0 !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) tbody tr { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 16px; border: 0 !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) td { display: block; width: auto !important; height: auto !important; padding: 0 !important; border: 0 !important; color: var(--mv-slate); font-size: 13px; font-weight: 600; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) select { width: 320px !important; max-width: 100%; height: 38px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) input[type="text"] { width: 200px !important; height: 38px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) .BtnUpdate { height: 38px !important; padding: 0 18px !important; border-radius: 8px !important; background: var(--mv-teal) !important; border: 1px solid var(--mv-teal) !important; color: #fff !important; font-weight: 600; cursor: pointer; }
/* the section header already names these pages */
html body.mv #tbl-main td.prac #divClearinghouses .mv-ch-head h2, html body.mv #tbl-main td.prac #divPracticeInsurancesMain .chp-bar h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset table { table-layout: fixed !important; width: 100% !important; min-width: 0 !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 8px 10px !important; font-size: 13px !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset table td:first-child { width: 84px; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv #D837 table td:first-child { width: 40px; text-align: center; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv #D837 table td:nth-child(2) { width: 84px; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv fieldset table td:last-child:empty { width: 0; padding: 0 !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child, html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child > div, html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child > div > div { min-width: 0; max-width: 100%; box-sizing: border-box; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .box-content > div:first-child > div { width: 100% !important; }
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .ParentDiv .Widget:first-child fieldset table td:nth-child(3) { width: 0; padding: 0 !important; }
/* toolbars on phones: the search field takes the row, the button stays beside it */
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divNewFileMain_ClaimDetails, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain) div#Search { flex-wrap: nowrap !important; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divNewFileMain_ClaimDetails, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain) div#Search > span:first-child { flex: 1 1 auto; min-width: 0; }
html body.mv #tbl-main td.prac :is(#divNewFileMain, #divNewFileMain_ClaimDetails, #divPaymentFiles, #divCPTCODE, #divDxCode, #divClaimAdjustmentCode, #divClaimRemarkCode, #divCPTCodeDetails, #divPracticeInsurancesMain, #divAppointmentReasonMain) div#Search input[type="text"] { width: 100% !important; max-width: 260px; }
@media (max-width: 600px) {
  html body.mv #tbl-main td.prac #divPracticeInsurancesMain #divInsurances > .float_right1 > div#Search { flex: 1 1 100%; margin: 12px 16px 0 !important; }
  html body.mv #tbl-main td.prac #divPracticeInsurancesMain #divInsurances > .float_right1 > .SettingWrapperAction { flex: 1 1 100%; justify-content: flex-end; margin: 8px 16px 12px !important; }
  html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName { display: grid !important; grid-template-columns: minmax(0, 1fr) 38px; gap: 8px 0; align-items: center; }
  html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName > span.fa-search { margin: 0 !important; }
  html body.mv #tbl-main td.prac #divNewFileMain_ClaimDetails #SearchWithFileName input[type="text"] { width: 100% !important; max-width: none; }
  html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) :is(select, input[type="text"]) { width: 100% !important; }
  html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) td { width: 100% !important; }
}
html body.mv #tbl-main td.prac #divPracticeInsurancesMain .Grid > table:has(.BtnUpdate) :is(select, input[type="text"]) { max-width: 100%; box-sizing: border-box; }
/* === end settings:B === */

/* === settings:A === */
/* Practice settings shell (EMR/Settings/Settings.aspx, Scripts/Setting.js): frame, rail, sub-page column, section header,
   content card, rights notices, and the sections owned by the shell (practice, staff, departments, locations, timings,
   invoices, delete records, roles, rights). Everything is scoped to .mv-set (the settings shell wrapper). */
/* the page scrolls inside #contentWrapper, which starts under the 71px page bar */
html body.mv .mv-set { --mv-set-top: 16px; --mv-set-maxh: calc(100vh - 71px - 32px); --mv-set-sub: 212px; }

/* no blue frame around the content when it takes focus after a click and a key press */
html body.mv:has(.mv-set) main#mv-main:focus-visible { outline: none !important; }

/* layout: rail | sub-page column (only for sections that have sub-pages) | header + card */
html body.mv .mv-set #tbl-main { margin-top: 16px !important; }
html body.mv .mv-set #tbl-main > tbody > tr { align-items: flex-start !important; gap: 16px !important; }
html body.mv .mv-set #tbl-main > tbody > tr > td.prac { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; }

/* rail: stays in view and scrolls by itself, so the last entries (Access) are always reachable */
html body.mv .mv-set #tbl-main > tbody > tr > td.prac_sidenav { position: sticky; top: var(--mv-set-top); align-self: flex-start; z-index: 2; }
html body.mv .mv-set td.prac_sidenav > .divAccrodian { max-height: var(--mv-set-maxh) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-width: thin; padding: 4px !important; }
html body.mv .mv-set td.prac_sidenav .divAccrodian > * { order: 0 !important; }
html body.mv .mv-set td.prac_sidenav .mv-rail-group { padding: 10px 4px 4px !important; }
html body.mv .mv-set td.prac_sidenav .mv-rail-group:first-child { padding-top: 6px !important; }
html body.mv .mv-set td.prac_sidenav .h3Wrapper > h3 { padding: 8px 4px !important; gap: 4px !important; }
html body.mv .mv-set td.prac_sidenav .h3Wrapper > h3 > i { font-size: 18px; }
html body.mv .mv-set td.prac_sidenav .h3Wrapper > h3:focus-visible { outline: 2px solid var(--mv-focus) !important; outline-offset: -2px !important; }

/* sub-page column: one look for every section (practice, locations, timings, insurance, invoices, files, knowledge base) */
html body.mv .mv-set #tbl-main > tbody > tr > td.mv-subcol:not(#mv-n) { display: none !important; }
/* :not(#mv-n) lifts these over the older rules that name #Ins_drop inside :is() (id specificity) */
html body.mv .mv-set #tbl-main > tbody > tr > td.mv-subcol.mv-sub-on:not(#mv-n) {
    display: block !important; position: sticky; top: var(--mv-set-top); align-self: flex-start;
    flex: 0 0 var(--mv-set-sub) !important; width: var(--mv-set-sub) !important; min-width: 0 !important; padding: 0 !important;
}
html body.mv .mv-set #tbl-main td.mv-subcol.mv-sub-on > :is(.ulWrapper, .box-header) {
    display: block !important; float: none !important; width: auto !important; height: auto !important; max-height: var(--mv-set-maxh) !important;
    overflow-x: hidden !important; overflow-y: auto !important; margin: 0 !important; padding: 6px !important; box-sizing: border-box;
    background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; box-shadow: none !important;
}
html body.mv .mv-set #tbl-main td.mv-subcol ul { float: none !important; display: flex !important; flex-direction: column; gap: 2px; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none; background: none !important; border: 0 !important; }
html body.mv .mv-set #tbl-main td.mv-subcol li {
    float: none !important; display: flex !important; align-items: center; min-height: 36px; width: auto !important; height: auto !important; margin: 0 !important; padding: 7px 12px !important;
    list-style: none; border: 0 !important; border-radius: 8px !important; background: none !important; box-shadow: none !important; cursor: pointer;
    color: var(--mv-ink) !important; font: 500 13.5px/1.3 var(--mv-font) !important; white-space: normal !important; overflow-wrap: anywhere;
}
html body.mv .mv-set #tbl-main td.mv-subcol li[style*="none"] { display: none !important; }
html body.mv .mv-set #tbl-main td.mv-subcol li :is(a, label) { display: block !important; width: 100%; min-height: 0 !important; color: inherit !important; font: inherit !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; cursor: pointer; }
html body.mv .mv-set #tbl-main td.mv-subcol li:hover { background: var(--mv-mist) !important; }
html body.mv .mv-set #tbl-main td.mv-subcol li.mv-current { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; font-weight: 600 !important; box-shadow: inset 3px 0 0 var(--mv-teal) !important; }
/* the old "active" marks (first item in the markup, grey background set by script) no longer compete with the current one */
html body.mv .mv-set #tbl-main td.mv-subcol li:is(.active, .ulWrapper-li-Active):not(.mv-current) { background: none !important; color: var(--mv-ink) !important; font-weight: 500 !important; box-shadow: none !important; }
html body.mv .mv-set #tbl-main td.mv-subcol li:is(.active, .ulWrapper-li-Active):not(.mv-current):hover { background: var(--mv-mist) !important; }
html body.mv .mv-set #tbl-main td.mv-subcol input[type="hidden"] { display: none; }

/* section header: what is open (section > sub-page), above the content card */
html body.mv .mv-set #tbl-main td.prac > .mv-set-head { display: flex; flex-direction: column; gap: 2px; width: auto !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 2px 0 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body.mv .mv-set .mv-set-eyebrow { color: var(--mv-slate); font: 600 12px/1.3 var(--mv-font); }
html body.mv .mv-set .mv-set-eyebrow:empty { display: none; }
html body.mv .mv-set .mv-set-title { margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--mv-ink) !important; font: 700 18px/1.3 var(--mv-font) !important; letter-spacing: -0.01em; background: none !important; }

/* content card */
html body.mv .mv-set #tbl-main td.prac > .contents-details { display: flow-root !important; min-height: 320px; padding: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; box-shadow: none !important; min-width: 0; }
html body.mv .mv-set #tbl-main td.prac > .contents-details > #divContentsDetails { margin: 0 !important; padding: 0 !important; }
html body.mv .mv-set #tbl-main td.prac .contents-details .box.setting-content-wrapper { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* rights notices: a calm empty state inside the section, never an empty bar */
html body.mv .mv-set [id$="divRightsSettings"]:empty { display: none !important; }
html body.mv .mv-set :is([id$="divRightsSettings"], [id$="divPracticeNoRights"]):not(:empty):not([style*="display:none"]):not([style*="display: none"]) {
    display: flex !important; align-items: center; gap: 12px; position: relative !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important;
    margin: 0 0 12px !important; padding: 18px 20px !important; border: 1px dashed var(--mv-line-strong, #C9D3DD) !important; border-radius: 12px !important;
    background: var(--mv-surface) !important; color: var(--mv-text-2, #4A5B6C) !important; font: 500 13.5px/1.5 var(--mv-font) !important; font-style: normal !important; text-align: left !important; box-shadow: none !important; z-index: auto !important;
}
html body.mv .mv-set [id$="divPracticeNoRights"]:not([style*="none"]) { margin: 16px !important; }
html body.mv .mv-set :is([id$="divRightsSettings"], [id$="divPracticeNoRights"])::before {
    content: "" !important; position: static !important; flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 0 !important; background: var(--mv-slate) !important;
    -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/lock.svg") center / contain no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/lock.svg") center / contain no-repeat;
}
html body.mv .mv-set [id$="divPracticeNoRights"] > :is(img, span.icon, i) { display: none !important; }

/* actions the user holds no right for are not offered (server adds mv-deny-<Right>; handlers keep their own checks) */
html body.mv .mv-set.mv-deny-PracticeEdit [onclick^="loadPracticeInformationEditView"],
html body.mv .mv-set.mv-deny-ProviderTimingsEdit #divProviderTimingsMain .SettingWrapperAction,
html body.mv .mv-set.mv-deny-UserRoleAdd #divPracticeRoleAndRights #btnNewRole,
html body.mv .mv-set.mv-deny-UserRoleEdit #divPracticeRoleAndRights :is([onclick^="modifyRolesClick"], #btnsaveRoleRights),
html body.mv .mv-set.mv-deny-UserRoleDelete #divPracticeRoleAndRights [onclick^="deleteRole"],
html body.mv .mv-set.mv-deny-UserRightEdit #divPracticeRoleAndRights :is([onclick^="modifyUserRightsClick"], #btnsaveRights) { display: none !important; }

/* --- shell sections --- */
/* wide lists scroll inside the card instead of being cut off at its right edge */
html body.mv .mv-set #gridStaff .department_table,
html body.mv .mv-set #divLoadClientInvoices #ERAContainer .Grid,
html body.mv .mv-set #ClientInvoiceLogContainer .Grid { overflow-x: auto !important; max-width: 100%; }
html body.mv .mv-set #gridStaff td.action > div { display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; }
html body.mv .mv-set #gridStaff :is(th, td):last-child { width: 1% !important; white-space: nowrap !important; }

/* Timings: sub-pages come from the sub-page column; the old grey tab bar goes */
html body.mv .mv-set #divProviderTimingsMain > .box-header { display: none !important; }
html body.mv .mv-set #divProviderTimingsMain :is(#divSchedule, #divTransferAppointment) { margin-top: 0 !important; }
html body.mv .mv-set #divProviderTimingsMain #divPracticeStaffTimings > div:first-child,
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings,
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments { width: auto !important; max-width: 100%; }
html body.mv .mv-set #divProviderTimingsMain #divPracticeStaffTimings > div:first-child { padding: 0 16px; }
html body.mv .mv-set #divProviderTimingsMain :is(#divPracticeStaffTimings > div:first-child, #tblproviderTimings, #tblTransferAppointments) td { width: auto !important; padding: 6px 8px !important; white-space: nowrap; color: var(--mv-text-2, #4A5B6C); font-size: 13px; }
html body.mv .mv-set #divProviderTimingsMain :is(#divPracticeStaffTimings > div:first-child, #tblproviderTimings, #tblTransferAppointments) td:has(> :is(select, input)) { white-space: normal; }
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings { margin: 0 16px 8px; }
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments { margin: 0 16px 16px; }
html body.mv .mv-set #divProviderTimingsMain :is(#divPracticeStaffTimings, #tblTransferAppointments) select { width: 220px !important; max-width: 100%; height: 36px !important; }
html body.mv .mv-set #divProviderTimingsMain input:is([id$="txtTimeFrom"], [id$="txtTimeThrough"]) { width: 150px !important; height: 36px !important; margin: 0 !important; }
html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting { width: 100% !important; }
html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting select { width: 100% !important; min-width: 96px; height: 34px !important; }
html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent > table { width: 100% !important; }
html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent > table > tbody > tr > td { padding: 0 16px 16px !important; }
html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent div[style*="height: 300px"] { height: auto !important; max-height: 360px; border: 1px solid var(--mv-line); border-radius: 10px; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] td { padding: 4px 12px 4px 0 !important; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] label { margin-left: 6px; }

/* Invoices: filter bar in one row, the list scrolls, Generate Invoice sits under the list (no window-wide fixed bar) */
html body.mv .mv-set #divLoadClientInvoices { margin: 0 !important; }
html body.mv .mv-set #divLoadClientInvoices .page-content { padding: 0 !important; margin: 0 !important; }
html body.mv .mv-set .mv-inv { margin: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
html body.mv .mv-set .mv-inv-filter { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; height: auto !important; padding: 14px 16px !important; background: none !important; }
html body.mv .mv-set .mv-inv-filter > * { float: none !important; margin: 0 !important; }
html body.mv .mv-set .mv-inv-filter > table.width_83 { width: auto !important; max-width: 100%; }
html body.mv .mv-set .mv-inv-filter > table.width_83 > tbody > tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body.mv .mv-set .mv-inv-filter > table.width_83 td { display: block; width: auto !important; padding: 0 !important; white-space: nowrap; }
html body.mv .mv-set .mv-inv-filter > table.width_83 td:empty { display: none; }
html body.mv .mv-set #ClientInvoiceLogContainer td:last-child { white-space: nowrap; }
html body.mv .mv-set .mv-inv-filter select#ddlSelectCI { margin: 0 !important; min-width: 160px; height: 36px !important; }
html body.mv .mv-set .mv-inv-filter input:is(#txtDateFrom, #txtDateTo) { width: 130px !important; height: 36px !important; }
html body.mv .mv-set .mv-inv-filter .clsAmountCheckBox td { padding: 0 6px 0 0 !important; white-space: nowrap; }
html body.mv .mv-set #divLoadClientInvoices #ERAContainer { float: none !important; }
html body.mv .mv-set #divLoadClientInvoices .mv-inv-actions { display: flex; justify-content: flex-end; clear: both; padding: 12px 16px; border-top: 1px solid var(--mv-line); }
html body.mv .mv-set #divLoadClientInvoices .mv-inv-actions input#btnCreatInvoice { height: 36px !important; margin: 0 !important; padding: 0 16px !important; background: var(--mv-teal) !important; border: 1px solid var(--mv-teal) !important; border-radius: 8px !important; color: #fff !important; font-weight: 600 !important; }
html body.mv .mv-set #divLoadClientInvoices .mv-inv-actions input#btnCreatInvoice:hover { background: var(--mv-teal-600) !important; }
html body.mv .mv-set #divLoadClientInvoicesLog #ClientInvoiceLogContainer { float: none !important; margin: 0 !important; }
html body.mv .mv-set #divLoadClientInvoicesLog .Widget { margin: 0 !important; border: 0 !important; box-shadow: none !important; }

/* Locations: the location view fits the card (it had a 16px left margin plus a border and ran out on the right) */
html body.mv .mv-set #divPracticeLocationMain > .box-content { float: none !important; width: auto !important; margin: 0 16px 16px !important; border: 0 !important; box-sizing: border-box; }
html body.mv .mv-set #divPracticeLocationMain > .box-header { margin: 0 !important; }
html body.mv .mv-set #divPracticeLocationMain #divPracticeLocationInfo { margin: 0 !important; padding: 0 !important; }
html body.mv .mv-set #divPracticeLocationMain #divPracticeLocationInfo td.pt_15px > div { width: auto !important; margin-right: 12px; white-space: nowrap; }
/* Timings > Schedule: location/provider and time fields wrap; the week table scrolls inside the card when narrow */
html body.mv .mv-set #divProviderTimingsMain #divPracticeStaffTimings > div:first-child > table,
html body.mv .mv-set #divProviderTimingsMain #divPracticeStaffTimings > div:first-child > table > tbody,
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings,
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings > tbody { display: block; }
html body.mv .mv-set #divProviderTimingsMain #divPracticeStaffTimings > div:first-child > table > tbody > tr,
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings > tbody > tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
html body.mv .mv-set #divProviderTimingsMain #divPracticeStaffTimings > div:first-child > table > tbody > tr > td,
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings > tbody > tr > td { display: block; padding: 0 !important; }
html body.mv .mv-set #divProviderTimingsMain #tblproviderTimings { margin: 12px 16px !important; }
html body.mv .mv-set #divProviderTimingsMain #divPracticeTimeSettings { overflow-x: auto; }

/* Timings > Transfer appointments: fields wrap instead of running out of the card; statuses read as one row of checkboxes */
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments,
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments > tbody { display: block; }
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments > tbody > tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments > tbody > tr > td { display: block; padding: 0 !important; }
html body.mv .mv-set #divProviderTimingsMain #tblTransferAppointments > tbody > tr > td:nth-child(odd) { min-width: 170px; text-align: right; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"],
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] > tbody { display: block; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] > tbody > tr { display: flex; flex-wrap: wrap; gap: 6px 16px; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] td { display: inline-flex; align-items: center; gap: 6px; padding: 0 !important; white-space: nowrap; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] input { margin: 0 !important; }
html body.mv .mv-set #divProviderTimingsMain [id$="cbAppointmentStatus"] label { margin: 0 !important; color: var(--mv-ink); }

/* Delete records: the two forms sit side by side in the card, not as cards in a card */
html body.mv .mv-set #divDelPatientAndClaim .mv-setcards { gap: 0; padding: 0; }
html body.mv .mv-set #divDelPatientAndClaim .mv-setcard { margin: 0; padding: 20px; border: 0; border-radius: 0; background: none; }
html body.mv .mv-set #divDelPatientAndClaim .mv-setcard + .mv-setcard { border-left: 1px solid var(--mv-line); }

/* Roles and Rights: two panels side by side, readable tree with aligned checkboxes */
html body.mv .mv-set #divRoles { margin: 0 !important; }
html body.mv .mv-set #divRoles > div:not(.action-button-wrapper),
html body.mv .mv-set #divUserRights > div:has(> .width_45) { display: grid !important; grid-template-columns: minmax(260px, 2fr) minmax(0, 3fr); align-items: start; float: none !important; clear: both; width: auto !important; margin: 0 !important; }
html body.mv .mv-set #divRoles > div > :is(.w_40, .width_60),
html body.mv .mv-set #divUserRights > div > :is(.width_45, .width_55) { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; }
html body.mv .mv-set :is(#divRoles > div > .width_60, #divUserRights > div > .width_55) { border-left: 1px solid var(--mv-line); }
html body.mv .mv-set #divPracticeRoleAndRights .divTitle { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; float: none !important; width: auto !important; height: auto !important; min-height: 48px; margin: 0 !important; padding: 8px 16px !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; box-sizing: border-box; }
html body.mv .mv-set #divPracticeRoleAndRights .divTitle h1 { margin: 0 !important; padding: 0 !important; float: none !important; color: var(--mv-ink) !important; font: 700 14px/1.3 var(--mv-font) !important; background: none !important; }
html body.mv .mv-set #divPracticeRoleAndRights .divTitle #btnNewRole { position: static !important; display: inline-flex !important; align-items: center; height: 32px !important; margin: 0 !important; padding: 0 12px !important; float: none !important; border-radius: 8px !important; font-size: 13px !important; line-height: 1 !important; }
html body.mv .mv-set #divPracticeRoleAndRights .divTitle #btnNewRole > span { display: none !important; }
html body.mv .mv-set #divPracticeRoleAndRights .divContent { float: none !important; width: auto !important; margin: 0 !important; padding: 12px 16px !important; border: 0 !important; box-sizing: border-box; }
html body.mv .mv-set #divPracticeRoleAndRights .divContent:is(.h_540, .h_450, .h_295, .h_100) { height: auto !important; max-height: calc(100vh - 330px); min-height: 120px; overflow: auto !important; }
html body.mv .mv-set #divPracticeRoleAndRights .divContent.h_100 { max-height: 180px; min-height: 0; }
html body.mv .mv-set #divPracticeRoleAndRights .divContent:has(> #tblRoles) { padding: 0 !important; max-height: calc(100vh - 380px); overflow: auto; }
html body.mv .mv-set #divPracticeRoleAndRights :is(.width_996, .width_975) { width: auto !important; }
html body.mv .mv-set #divPracticeRoleAndRights #txtRoleTitle { width: 100% !important; max-width: 280px; height: 36px !important; margin: 0 8px 0 0 !important; }
html body.mv .mv-set #divPracticeRoleAndRights .divContent > table.width_100 td { padding: 0 8px 0 0 !important; white-space: nowrap; color: var(--mv-text-2, #4A5B6C); font-size: 13px; }
html body.mv .mv-set #divPracticeRoleAndRights .divContent > table.width_100 td + td { width: 100%; }
html body.mv .mv-set #divPracticeRoleAndRights :is(#btnsaveRoleRights, #btncancellRoleRights, #btnsaveRights, #btncancell) { height: 32px !important; padding: 0 12px !important; display: inline-flex; align-items: center; line-height: 1 !important; border-radius: 8px !important; }
html body.mv .mv-set #divPracticeRoleAndRights :is(#btnsaveRoleRights, #btncancellRoleRights, #btnsaveRights, #btncancell)[style*="none"] { display: none !important; }
html body.mv .mv-set #divPracticeRoleAndRights :is(#btnsaveRoleRights, #btncancellRoleRights, #btnsaveRights, #btncancell) > span { display: none !important; }
html body.mv .mv-set #divPracticeRoleAndRights :is(#tblRoles, #tblUsers) { width: 100% !important; margin: 0 !important; }
html body.mv .mv-set #divPracticeRoleAndRights #tblRoles td:last-child { width: 1%; white-space: nowrap; }
html body.mv .mv-set #divPracticeRoleAndRights #tblRoles td:last-child > :is(.spnedit, .spndelete) { display: inline-flex !important; float: none !important; vertical-align: middle; margin: 0 2px !important; }
html body.mv .mv-set #divPracticeRoleAndRights #tblModulesWrapper .dropDownMenu { top: 0 !important; margin: 2px 8px 2px 0 !important; }
html body.mv .mv-set :is(#divPracticeRoleAndRights #txtRoleTitle, #divProviderTimingsMain input[type="text"], #divProviderTimingsMain select, .mv-inv-filter :is(input[type="text"], select)) { box-sizing: border-box !important; }
/* tree */
html body.mv .mv-set #tblModulesWrapper { width: 100% !important; border-collapse: collapse; }
html body.mv .mv-set #tblModulesWrapper table { width: 100% !important; border-collapse: collapse; }
html body.mv .mv-set #tblModulesWrapper td { border-color: var(--mv-line) !important; vertical-align: middle !important; }
html body.mv .mv-set #tblModulesWrapper td.nowrap { padding: 6px 0 6px 12px !important; }
html body.mv .mv-set #tblModulesWrapper :is(td.pl_20px, td.pl_50px) { padding-left: 24px !important; }
html body.mv .mv-set #tblModulesWrapper #tblRights td { padding: 4px 0 !important; }
html body.mv .mv-set #tblModulesWrapper :is(td, span.masterModule, span.subModuleNameChkBox, span.moduleRight) { line-height: 20px; }
html body.mv .mv-set #tblModulesWrapper span:is(.masterModule, .subModuleNameChkBox, .moduleRight),
html body.mv .mv-set #tblUserRoles td > span:has(> input[type="checkbox"]) { display: inline-flex !important; align-items: center; gap: 8px; vertical-align: middle; }
html body.mv .mv-set :is(#tblModulesWrapper, #tblUserRoles) input[type="checkbox"] { flex: 0 0 16px; width: 16px !important; height: 16px !important; margin: 0 !important; vertical-align: middle !important; float: none !important; position: static !important; }
html body.mv .mv-set :is(#tblModulesWrapper, #tblUserRoles) label { display: inline-block; margin: 0 0 0 8px !important; padding: 0 !important; float: none !important; vertical-align: middle; color: var(--mv-ink) !important; font: 500 13px/20px var(--mv-font) !important; white-space: normal; }
html body.mv .mv-set #tblModulesWrapper span:is(.masterModule, .subModuleNameChkBox) > label { font-weight: 700 !important; margin-left: 0 !important; }
html body.mv .mv-set #tblModulesWrapper span:is(.masterModule, .subModuleNameChkBox, .moduleRight) > label { margin-left: 0 !important; }
html body.mv .mv-set #tblModulesWrapper td > :is(.hideIcon, .showIcon) { vertical-align: middle; margin: 0 6px 0 0 !important; }
html body.mv .mv-set #tblModulesWrapper .dropDownMenu { margin: 0 8px 0 0 !important; }
/* module names stored without spaces ("InsuranceCredentialing") read as words; the label text itself is unchanged (the scripts read it) */
html body.mv .mv-set :is(#tblModulesWrapper, #tblUserRoles) label[data-mv-label] { font-size: 0 !important; }
html body.mv .mv-set :is(#tblModulesWrapper, #tblUserRoles) label[data-mv-label]::after { content: attr(data-mv-label); font-size: 13px; }

/* narrower screens: rail and sub-pages become scrolling strips above the content; nothing scrolls the page sideways */
@media (max-width: 1100px) {
    html body.mv .mv-set #tbl-main > tbody > tr { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
    html body.mv .mv-set #tbl-main > tbody > tr > td,
    html body.mv .mv-set #tbl-main > tbody > tr > td:is(.prac, .prac_sidenav, .mv-subcol.mv-sub-on):not(#mv-n) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; flex: none !important; align-self: stretch !important; box-sizing: border-box; }
    html body.mv .mv-set #tbl-main > tbody > tr > td:is(.prac_sidenav, .mv-subcol.mv-sub-on) { position: static; }
    html body.mv .mv-set td.prac_sidenav > .divAccrodian { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 4px; max-height: none !important; width: 100% !important; box-sizing: border-box; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: thin; }
    html body.mv .mv-set td.prac_sidenav .mv-rail-group { display: none !important; }
    html body.mv .mv-set { --mv-set-sub: 100%; }
    html body.mv .mv-set td.prac_sidenav .h3Wrapper { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
    html body.mv .mv-set td.prac_sidenav .h3Wrapper > h3 { flex-direction: row !important; gap: 6px !important; min-height: 36px !important; padding: 6px 12px !important; white-space: nowrap; }
    html body.mv .mv-set td.prac_sidenav .h3Wrapper > h3 > span { white-space: nowrap !important; font-size: 13px !important; }
    html body.mv .mv-set td.prac_sidenav .h3Wrapper > h3 > i { font-size: 16px; }
    html body.mv .mv-set #tbl-main td.mv-subcol.mv-sub-on > :is(.ulWrapper, .box-header) { max-height: none !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 4px !important; }
    html body.mv .mv-set #tbl-main td.mv-subcol ul { flex-direction: row !important; flex-wrap: nowrap !important; }
    html body.mv .mv-set #tbl-main td.mv-subcol li { flex: 0 0 auto; white-space: nowrap !important; min-height: 34px; padding: 6px 12px !important; }
    html body.mv .mv-set #tbl-main td.mv-subcol li.mv-current { box-shadow: inset 0 -2px 0 var(--mv-teal) !important; }
    html body.mv .mv-set #tbl-main td.prac > .contents-details { min-height: 200px; overflow-x: auto; }
}
@media (max-width: 760px) {
    html body.mv .mv-set #divRoles > div:not(.action-button-wrapper),
    html body.mv .mv-set #divUserRights > div:has(> .width_45) { grid-template-columns: minmax(0, 1fr); }
    html body.mv .mv-set :is(#divRoles > div > .width_60, #divUserRights > div > .width_55) { border-left: 0; border-top: 1px solid var(--mv-line); }
    html body.mv .mv-set #divPracticeRoleAndRights .divContent { overflow-x: auto !important; }
    html body.mv .mv-set #divPracticeRoleAndRights .divContent:is(.h_540, .h_450, .h_295) { max-height: 60vh; }
    html body.mv .mv-set #divPracticeLocationMain > .box-header { overflow-x: auto; }
    html body.mv .mv-set #divPracticeLocationMain > .box-header > ul.ul_style { flex-wrap: nowrap; white-space: nowrap; }
    html body.mv .mv-set #divPracticeLocationMain > .box-header > ul.ul_style a { white-space: nowrap !important; }
    html body.mv .mv-set #divDelPatientAndClaim .mv-setcard + .mv-setcard { border-left: 0; border-top: 1px solid var(--mv-line); }
    html body.mv .mv-set .mv-set-title { font-size: 17px !important; }
    html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent > table,
    html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent > table > tbody,
    html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent > table > tbody > tr,
    html body.mv .mv-set #divProviderTimingsMain .divTypeTimingsContent > table > tbody > tr > td { display: block; width: auto !important; }
}
/* === end settings:A === */

/* === teams:M1 Patient details insurance dialogs (Search insurance, move open claims) === */
/* Search insurance: filter boxes fill their own column, one-line 40px rows, long names cut with an ellipsis. */
html body.mv #InsuranceSearchBox .Grid.scroll { overflow-x: auto !important; }
html body.mv #InsuranceSearchBox table.fixTable { table-layout: auto; width: 100%; min-width: 760px; }
html body.mv #InsuranceSearchBox table.fixTable th { width: auto !important; }
html body.mv #InsuranceSearchBox table.fixTable th:nth-child(1) { width: 40px !important; }
html body.mv #InsuranceSearchBox table.fixTable th:nth-child(2) { width: 30% !important; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult td.insuranceName { max-width: 300px; }
html body.mv #InsuranceSearchBox table.fixTable thead tr:nth-child(2) th { padding: 6px 4px !important; }
html body.mv #InsuranceSearchBox table.fixTable thead :is(input, select) { width: 100% !important; min-width: 0; height: 32px !important; box-sizing: border-box; margin: 0 !important; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult td { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult td:first-child { text-align: center; color: var(--mv-slate); font-variant-numeric: tabular-nums; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult td:first-child i { font-style: normal; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult tr:hover td { background: var(--mv-mist); }

/* Insurance form: the name box is filled from Search insurance, so the search button sits inside the row, as a search icon. */
html body.mv #Add-or-EditInsuranceDiv .tdDataField > div:has(> .txtInsuranceName) { display: flex; align-items: center; gap: 6px; }
html body.mv #Add-or-EditInsuranceDiv .tdDataField > div > .txtInsuranceName { flex: 1 1 auto; width: auto !important; min-width: 0; float: none !important; }
html body.mv #Add-or-EditInsuranceDiv .tdDataField > div > .spnAdd { float: none !important; flex: 0 0 36px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--mv-line, #C3CEDA); background: #fff; border-radius: 6px;
  --mv-ic: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%277%27 cy=%277%27 r=%274.3%27/%3E%3Cpath d=%27m13.5 13.5-3.4-3.4%27/%3E%3C/svg%3E"); }

/* Insurance form fields follow the 36px field standard (text boxes were 44px, dropdowns 32px). */
html body.mv #Add-or-EditInsuranceDiv .tdDataField :is(input[type=text], select) { height: 36px !important; min-height: 36px; box-sizing: border-box; }
html body.mv #Add-or-EditInsuranceDiv .tdDataField > :is(input[type=text], select) { width: 100% !important; }

/* Move open claims to the new insurance */
html body.mv .mv-claim-move { width: 100%; }
html body.mv .mv-claim-move-help { margin: 0 0 10px; color: var(--mv-slate); font-size: 13px; }
html body.mv .mv-claim-move .Grid { max-height: 50vh; overflow: auto; }
html body.mv .mv-claim-move table { width: 100%; table-layout: auto; }
html body.mv .mv-claim-move .Grid table :is(thead th, tbody td) { white-space: nowrap; padding: 0 12px !important; text-align: left !important; }
html body.mv .mv-claim-move th { height: 40px; }
html body.mv .mv-claim-move td { height: 40px; white-space: nowrap; }
html body.mv .mv-claim-move .mv-claim-move-chk { width: 44px; text-align: center; }
html body.mv .mv-claim-move .mv-claim-move-chk label { display: inline-flex; margin: 0; cursor: pointer; }
html body.mv .mv-claim-move input[type=checkbox] { width: 15px; height: 15px; margin: 0; accent-color: #0E9F8E; }

/* === M18: Add patient / edit demographics form. Cards stacked; title on the left, labels above fields in a 2-column grid; sticky footer. === */
html body.mv #demographics #EditDemographics:not([style*="none"]) { display: flex !important; flex-direction: column; gap: 16px; padding: 16px 18px 0 !important; }
html body.mv #demographics #EditDemographics > :is(.patient-widget-outer, .patient-widget-double-outer) { grid-column: auto !important; grid-row: auto !important; width: auto !important; }
html body.mv #demographics #EditDemographics .patient-widget { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 0 32px; align-items: start; height: auto !important; padding: 20px 24px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-style: solid !important; border-radius: 12px !important; }
html body.mv #demographics #EditDemographics .patient-widget-title { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
html body.mv #demographics #EditDemographics .patient-widget-content { padding: 0 !important; display: block; }
html body.mv #demographics #EditDemographics .patient-widget-content::before { content: none !important; }
html body.mv #demographics #EditDemographics .patient-widget-content > span:first-child::before { content: none !important; }
html body.mv #demographics #EditDemographics .patient-widget-content :is(table, tbody) { display: block !important; width: 100% !important; }
html body.mv #demographics #EditDemographics .patient-widget-content tbody { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; max-width: 760px; }
html body.mv #demographics #EditDemographics .patient-widget-content tr { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv #demographics #EditDemographics .patient-widget-content td { display: block; width: auto !important; padding: 0 !important; text-align: left !important; vertical-align: top !important; }
html body.mv #demographics #EditDemographics .patient-widget-content td.tdLabel { white-space: normal !important; padding: 0 !important; }
html body.mv #demographics #EditDemographics .patient-widget-content tr:has(#txtAddress, #txtPharmacyInfo) { grid-column: 1 / -1; }
html body.mv #demographics #EditDemographics :is(.spanTitle, label.spanTitle) { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.3; }
html body.mv #demographics #EditDemographics .spnError { color: #C0392B !important; margin-left: 2px; font-size: 12.5px !important; line-height: 1.3 !important; }
html body.mv #demographics #EditDemographics .patient-widget-content tbody { align-items: start; }
html body.mv #demographics #EditDemographics .patient-widget-content td.tdLabel { display: block; height: 16px; line-height: 16px; }
html body.mv #demographics #EditDemographics :is(input[type="text"], input[type="password"], select) { height: 36px !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; background-color: #fff; color: var(--mv-ink); font-size: 13px !important; box-sizing: border-box; width: 100% !important; margin: 0 !important; }
html body.mv #demographics #EditDemographics select { padding-right: 26px !important; }
html body.mv #demographics #EditDemographics :is(input, select):focus { outline: none; border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); }
html body.mv #demographics #EditDemographics :is(input, select):disabled { background-color: #EEF2F5 !important; color: #5B6B7F !important; }
html body.mv #demographics #EditDemographics :is(input, select).error { border-color: #C0392B !important; background-color: #fff !important; }
html body.mv #demographics #EditDemographics .mv-field-error { margin: 5px 0 0; color: #C0392B; font-size: 12.5px; line-height: 1.3; }
html body.mv #demographics #EditDemographics .mv-pd-web .patient-widget-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; max-width: 760px; }
html body.mv #demographics #EditDemographics .mv-pd-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv #demographics #EditDemographics .mv-pd-field:first-child { grid-column: 1 / -1; }
html body.mv #demographics #EditDemographics .patient-widget-title .mv-inline-check { margin-left: 0 !important; font-size: 13px; font-weight: 500 !important; }
html body.mv #demographics #EditDemographics .mv-pd-help { margin: 0 0 14px; color: var(--mv-slate); font-size: 13px; line-height: 1.5; max-width: 60ch; }
html body.mv #demographics #EditDemographics .mv-pd-fileblock { position: relative; display: flex; flex-direction: column; gap: 5px; max-width: 760px; }
html body.mv #demographics #EditDemographics .mv-pd-filerow { display: flex; gap: 8px; align-items: center; }
html body.mv #demographics #EditDemographics .mv-pd-filerow > input { flex: 1 1 auto; min-width: 0; }
html body.mv #demographics #EditDemographics .mv-pd-filerow .mv-btn { flex: 0 0 auto; }
html body.mv #demographics #EditDemographics .mv-pd-filelist { position: absolute !important; top: 64px; left: 0; right: 0; width: auto !important; height: auto !important; max-height: 220px; margin: 0 !important; overflow: auto; background: #fff; border: 1px solid var(--mv-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(11, 37, 69, .14); z-index: 40; }
html body.mv #demographics #EditDemographics .mv-pd-filelist .Grid { width: 100% !important; height: auto !important; max-height: 220px; }
html body.mv #demographics #EditDemographics .mv-pd-foot { position: sticky; bottom: 0; z-index: 12; display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin: 0 -18px; padding: 12px 24px; background: var(--mv-surface); border-top: 1px solid var(--mv-line); box-shadow: 0 -8px 24px -18px rgba(11, 37, 69, .25); }
html body.mv #demographics #EditDemographics .mv-pd-foot-note { margin-right: auto; color: #C0392B; font-size: 12.5px; font-weight: 600; }
@media (max-width: 1100px) {
    html body.mv #demographics #EditDemographics .mv-pd-foot { bottom: 56px; }
}
@media (max-width: 900px) {
    html body.mv #demographics #EditDemographics .patient-widget { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 18px 16px !important; }
}
@media (max-width: 600px) {
    html body.mv #demographics #EditDemographics:not([style*="none"]) { padding: 12px 12px 0 !important; }
    html body.mv #demographics #EditDemographics .patient-widget-content tbody, html body.mv #demographics #EditDemographics .mv-pd-web .patient-widget-content { grid-template-columns: minmax(0, 1fr); }
    html body.mv #demographics #EditDemographics .mv-pd-foot { margin: 0 -12px; padding: 10px 12px; }
    html body.mv #demographics #EditDemographics .mv-pd-foot .mv-btn { flex: 1 1 0; justify-content: center; }
    html body.mv #demographics #EditDemographics .mv-pd-filerow { flex-wrap: wrap; }
    html body.mv #demographics #EditDemographics :is(input[type="text"], input[type="password"], select) { height: 40px !important; }
}
/* === end M18 form === */

/* === M18: patient page action band and phone details === */
html body.mv.mv-shell .quicklaunch :is(#AddNewPatientBtn a, #btnQuickAddPatient, #AddNewPatientNodeBtn) { height: 38px !important; box-sizing: border-box; }
html body.mv.mv-shell .quicklaunch #mySidenav span.mv-btn { height: 38px !important; min-height: 38px; box-sizing: border-box; }
html body.mv.mv-shell .quicklaunch #AddNewPatientBtn { display: inline-flex; height: 38px; }
html body.mv.mv-shell .quicklaunch #AddNewPatientBtn a { display: inline-flex !important; align-items: center; margin-top: 0 !important; }
html body.mv.mv-shell .quicklaunch .mv-patient-tools #contact { height: 36px !important; box-sizing: border-box; border-radius: 6px !important; border-color: #7F8FA3 !important; }
@media (max-width: 760px) {
    html body.mv #demographics .mv-pt-flag input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; background: none !important; padding: 0 !important; }
    html body.mv #demographics .mv-pt-flag { min-height: 40px; }
    html body.mv #demographics .mv-pt-flag.btnPatientfreeze { white-space: nowrap; }
    html body.mv #demographics .profileInfoDiv .mv-pt-flag { min-height: 40px; }
    html body.mv.mv-shell:has(#demographics) #contentWrapper > .content { padding-bottom: 80px !important; }
}

/* === M19: Quick add patient dialog === */
html body.mv .mv-qa-dialog .ui-dialog-content { padding: 16px 24px 8px !important; }
html body.mv .mv-qa-help { margin: 0 0 16px; color: var(--mv-slate); font-size: 13px; line-height: 1.5; }
html body.mv .mv-qa-sec + .mv-qa-sec { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--mv-line); }
html body.mv .mv-qa-sec h3 { margin: 0 0 12px !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; }
html body.mv .mv-qa-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
html body.mv .mv-qa-wide { grid-column: 1 / -1; }
html body.mv .mv-qa-field { position: relative; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv .mv-qa-field > label { margin: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.3; text-align: left !important; }
html body.mv .mv-qa-field .spnError { color: #C0392B !important; }
html body.mv .mv-qa :is(input[type="text"], select) { width: 100% !important; height: 36px !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; background-color: #fff; color: var(--mv-ink); font-size: 13px !important; box-sizing: border-box; }
html body.mv .mv-qa select { padding-right: 26px !important; }
html body.mv .mv-qa :is(input, select):focus { outline: none; border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); }
html body.mv .mv-qa :is(input, select):disabled { background-color: #EEF2F5 !important; color: #5B6B7F !important; }
html body.mv .mv-qa :is(input, select).error { border-color: #C0392B !important; }
html body.mv .mv-qa .mv-field-error { margin: 0; color: #C0392B; font-size: 12.5px; line-height: 1.3; }
html body.mv .mv-qa .mv-qa-hint { color: var(--mv-slate); font-size: 12px; }
html body.mv .mv-qa-inline { display: flex; align-items: center; gap: 8px; }
html body.mv .mv-qa-inline > input[type="text"] { flex: 1 1 auto; min-width: 0; }
html body.mv .mv-qa-inline > .mv-btn { flex: 0 0 auto; }
html body.mv .mv-qa-inline > .iconSearchSmall { flex: 0 0 auto; }
html body.mv .mv-qa .inline-search-wrapper { position: absolute !important; top: 100% !important; left: 0; right: 0; min-width: 0 !important; }
html body.mv .mv-qa-dialog .ui-dialog-buttonpane { display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; }
html body.mv .mv-qa-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { display: flex; flex-direction: row; gap: 8px; width: 100%; justify-content: flex-end; }
html body.mv .mv-qa-dialog .ui-dialog-buttonpane button:last-child { background: #0A7266 !important; border: 1px solid #0A7266 !important; color: #fff !important; }
html body.mv .mv-qa-dialog .ui-dialog-buttonpane button:first-child:not(:last-child) { background: #fff !important; border: 1px solid #C3CEDA !important; color: var(--mv-ink) !important; }
@media (max-width: 600px) {
    html body.mv .mv-qa-grid { grid-template-columns: minmax(0, 1fr); }
    html body.mv .mv-qa-dialog .ui-dialog-content { padding: 14px 14px 6px !important; }
    html body.mv .mv-qa :is(input[type="text"], select) { height: 40px !important; }
    html body.mv .mv-qa-inline { flex-wrap: wrap; }
}
/* === M19: Search insurance header/cell alignment, 40px header === */
html body.mv #InsuranceSearchBox table.fixTable thead tr:first-child th { height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #5B6B7F !important; font-style: normal; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult td { padding-left: 10px !important; padding-right: 10px !important; }
html body.mv #InsuranceSearchBox #ShowInsuranceResult td:first-child { padding-left: 0 !important; padding-right: 0 !important; }
html body.mv #InsuranceSearchBox table.fixTable thead tr:first-child th:first-child { padding-left: 0 !important; padding-right: 0 !important; }
html body.mv .mv-qa .iconSearchSmall[style*="none"] { display: none !important; }
/* === end M19 === */

/* === M21: patient details view === */
html body.mv #viewDemographics .mv-pd-filelabel { color: var(--mv-slate); font-size: 13px; margin-right: 6px; }
html body.mv #viewDemographics .mv-pd-filelink:has(.InfoLabel:empty) { pointer-events: none; cursor: default !important; }
html body.mv #viewDemographics .mv-pd-filelink .InfoLabel:empty { text-decoration: none !important; }
html body.mv #viewDemographics .mv-pd-filelink .InfoLabel:empty::before { content: "No file linked" !important; color: var(--mv-slate) !important; font-style: normal !important; font-weight: 400 !important; text-decoration: none !important; }
html body.mv #demographics .PersonPhoto img[src^="data:image/svg+xml"] { padding: 14px; box-sizing: border-box; object-fit: contain; }
/* M21: Insurances grid */
html body.mv #demographics #viewInsurance thead th { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #5B6B7F !important; }
html body.mv #demographics #viewInsurance tbody td { height: 40px; padding-top: 4px !important; padding-bottom: 4px !important; vertical-align: middle; }
html body.mv #demographics #viewInsurance tbody td:first-child { font-style: normal; }
html body.mv #demographics #viewInsurance .mv-rowact { display: inline-grid; place-items: center; width: 32px; height: 32px; margin: 0 2px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--mv-slate); font-size: 15px; cursor: pointer; }
html body.mv #demographics #viewInsurance .mv-rowact:hover { background: var(--mv-mist); color: var(--mv-ink); }
html body.mv #demographics #viewInsurance .mv-rowact-del:hover { color: #C0392B; }
html body.mv #demographics #viewInsurance .mv-rowact:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
@media (max-width: 760px) { html body.mv #demographics #viewInsurance .mv-rowact { width: 40px; height: 40px; } }

/* M21: Insurance popup: every field the same 36px / 13px / 6px, dates look like dates */
html body.mv #Add-or-EditInsuranceDiv :is(input[type="text"], select) { height: 36px !important; min-height: 36px; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font-size: 13px !important; box-sizing: border-box; background-color: #fff; }
html body.mv #Add-or-EditInsuranceDiv select { padding-right: 26px !important; }
html body.mv #Add-or-EditInsuranceDiv :is(input, select):disabled { background-color: #EEF2F5 !important; color: #5B6B7F !important; }
html body.mv #Add-or-EditInsuranceDiv :is(#txtPrimaryEffectiveDate, #txtPrimaryTerminationDate, [id$="txtPrimaryEffectiveDate"], [id$="txtPrimaryTerminationDate"]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235B6B7F'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; background-size: 14px; padding-right: 30px !important; }
html body.mv #Add-or-EditInsuranceDiv .mv-pd-help { margin: 0 0 6px; color: var(--mv-slate); font-size: 12.5px; line-height: 1.4; }
html body.mv #Add-or-EditInsuranceDiv #CkTerminate { width: 15px; height: 15px; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; }
html body.mv #Add-or-EditInsuranceDiv #AddbtnSubscriber { display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #C3CEDA; border-radius: 6px; background: #fff; color: var(--mv-ink); cursor: pointer; font-size: 16px; --mv-ic: none; }
html body.mv #Add-or-EditInsuranceDiv #AddbtnSubscriber[style*="none"] { display: none !important; }
html body.mv #Add-or-EditInsuranceDiv #AddbtnSubscriber::before { content: none !important; }
html body.mv #Add-or-EditInsuranceDiv td:has(> #divShowDDLSubscriberName) { display: flex; align-items: center; gap: 6px; position: relative; }
html body.mv #Add-or-EditInsuranceDiv td:has(> #divShowDDLSubscriberName) > input[type="text"] { flex: 1 1 auto; float: none !important; width: auto !important; min-width: 0; }
html body.mv #Add-or-EditInsuranceDiv .spanTitle { font-size: 13px; }

/* M21: Check eligibility popup: standard fields */
html body.mv .mv-elig-field :is(select, input[type="text"]) { height: 36px !important; padding: 5px 9px !important; font-size: 13px !important; border-radius: 6px !important; border-color: #7F8FA3 !important; }
html body.mv .mv-elig-via input[type="radio"] { width: 15px !important; height: 15px !important; }
html body.mv #demographics #viewInsurance tbody td { white-space: nowrap; }
html body.mv #demographics #viewInsurance thead th { white-space: nowrap !important; }

/* === M22: Documents list + Add document dialog === */
html body.mv .float-left-100 > span.inline-icons.mv-disabled { opacity: .45; cursor: not-allowed !important; pointer-events: auto; }
html body.mv #viewDocuments table thead tr:first-child th { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #5B6B7F !important; }
html body.mv #viewDocuments table tbody td:first-child i, html body.mv #viewDocuments table td > i { font-style: normal; color: var(--mv-slate); font-variant-numeric: tabular-nums; }
html body.mv #viewDocuments table :is(th, td):nth-child(2) { width: 44px !important; min-width: 44px; text-align: center !important; padding-left: 0 !important; padding-right: 0 !important; }
html body.mv #viewDocuments table :is(#cbDocumentsAll, .CheckUncheckDoc) { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; max-width: 15px !important; margin: 0 !important; padding: 0 !important; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; background: none !important; vertical-align: middle; }
html body.mv #viewDocuments table td.p_0 { padding: 0 !important; }
html body.mv .mv-pdoc { width: 100% !important; }
html body.mv .mv-pdoc table { width: 100%; }
html body.mv .mv-pdoc table td { padding: 0 !important; border: 0 !important; background: none !important; }
html body.mv .mv-pdoc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
html body.mv .mv-pdoc-wide { grid-column: 1 / -1; }
html body.mv .mv-pdoc-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv .mv-pdoc-field > label { margin: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; }
html body.mv .mv-pdoc-field .spnError { color: #C0392B !important; }
html body.mv .mv-pdoc-check { justify-content: flex-end; }
html body.mv .mv-pdoc-check label, html body.mv .mv-pdoc-check span { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mv-ink); }
html body.mv .mv-pdoc-check input { width: 15px !important; height: 15px !important; margin: 0 !important; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; }
html body.mv .mv-pdoc :is(input[type="text"], select) { width: 100% !important; height: 36px !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; background-color: #fff; font-size: 13px !important; box-sizing: border-box; float: none !important; }
html body.mv .mv-pdoc select { padding-right: 26px !important; }
html body.mv .mv-pdoc textarea { width: 100% !important; min-height: 64px; height: 72px !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font-size: 13px !important; box-sizing: border-box; resize: vertical; }
html body.mv .mv-pdoc :is(input, select, textarea):focus { outline: none; border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); }
html body.mv .mv-pdoc :is(input, select, textarea).error { border-color: #C0392B !important; }
html body.mv .mv-pdoc-inline { display: flex; gap: 8px; align-items: center; }
html body.mv .mv-pdoc-files { margin-top: 18px; }
html body.mv .mv-pdoc-fileshead { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
html body.mv .mv-pdoc-filestitle { color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
html body.mv .mv-pdoc-fileactions { display: flex; gap: 8px; }
html body.mv .mv-pdoc-fileactions .mv-btn-sm { height: 32px !important; min-height: 32px; padding: 0 12px !important; position: relative; overflow: hidden; }
html body.mv .mv-pdoc-drop { min-height: 96px; max-height: 260px; overflow: auto; padding: 12px; border: 1px dashed #A9B7C6; border-radius: 8px; background: #F8FAFB; display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
html body.mv .mv-pdoc-drop:not(:has(.patient-document-files-wrapper))::before { content: attr(data-empty); color: var(--mv-slate); font-size: 13px; align-self: center; margin: auto; text-align: center; }
html body.mv .mv-pdoc-drop .patient-document-files-wrapper { position: relative; width: auto !important; max-width: 100%; }
html body.mv .mv-pdoc-drop img { max-width: 160px; max-height: 120px; border-radius: 6px; display: block; }
@media (max-width: 600px) {
    html body.mv .mv-pdoc-grid { grid-template-columns: minmax(0, 1fr); }
    html body.mv .mv-pdoc :is(input[type="text"], select) { height: 40px !important; }
    html body.mv .mv-pdoc-fileactions .mv-btn-sm { height: 40px !important; }
}
html body.mv .mv-pdoc-files { width: 100% !important; float: none !important; }
html body.mv .mv-pdoc-drop { width: 100% !important; height: auto !important; box-sizing: border-box; }
html body.mv .mv-pdoc-check > span { display: inline-flex; align-items: center; gap: 8px; }
html body.mv .mv-pdoc-check label { margin: 0 !important; }

/* M19 follow-up: Add patient button keeps its teal fill and label in every state */
html body.mv div.ui-dialog.mv-qa-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:is(:hover, :focus, :active, :disabled, .ui-state-hover, .ui-state-focus, .ui-state-active) { background: #0A7266 !important; border-color: #0A7266 !important; color: #fff !important; opacity: 1; }
html body.mv div.ui-dialog.mv-qa-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover { background: #086A5F !important; }
html body.mv div.ui-dialog.mv-qa-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:disabled { opacity: .6; cursor: not-allowed; }
html body.mv div.ui-dialog.mv-qa-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus-visible { outline: 2px solid #2563EB !important; outline-offset: 2px; }
html body.mv div.ui-dialog.mv-qa-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:not(:last-child):is(:hover, :focus, :active, .ui-state-hover, .ui-state-focus, .ui-state-active) { background: #F3F6F8 !important; color: var(--mv-ink) !important; border-color: #C3CEDA !important; }

/* === M21 follow-up: Insurances grid fits without sideways scroll; actions stay visible; cards on phones === */
html body.mv #demographics #viewInsurance .document_table { overflow-x: auto; }
html body.mv #demographics #viewInsurance table { min-width: 0 !important; width: 100% !important; }
html body.mv #demographics #viewInsurance thead th:last-child, html body.mv #demographics #viewInsurance tbody td:last-child { position: sticky; right: 0; background: var(--mv-surface, #fff); box-shadow: -8px 0 8px -8px rgba(11, 37, 69, .18); white-space: nowrap; width: 84px; text-align: center !important; padding-left: 6px !important; padding-right: 6px !important; }
html body.mv #demographics #viewInsurance thead th:last-child { background: #F6F8FA; }
@media (max-width: 1700px) {
    html body.mv #demographics #viewInsurance thead th:is(:nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7)),
    html body.mv #demographics #viewInsurance tbody td:is(:nth-child(6), :nth-child(7), :nth-child(8), :nth-child(9)) { display: none; }
}
@media (max-width: 1200px) and (min-width: 601px) {
    html body.mv #demographics #viewInsurance thead th:is(:nth-child(8), :nth-child(10), :nth-child(11)),
    html body.mv #demographics #viewInsurance tbody td:is(:nth-child(10), :nth-child(12), :nth-child(13)) { display: none; }
}
@media (max-width: 600px) {
    html body.mv #demographics #viewInsurance .document_table { overflow: visible; }
    html body.mv #demographics #viewInsurance table, html body.mv #demographics #viewInsurance tbody { display: block; }
    html body.mv #demographics #viewInsurance thead { display: none; }
    html body.mv #demographics #viewInsurance tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; padding: 14px 16px; border-bottom: 1px solid var(--mv-line); position: relative; }
    html body.mv #demographics #viewInsurance tbody td { display: none; height: auto; padding: 0 !important; border: 0 !important; white-space: normal; }
    html body.mv #demographics #viewInsurance tbody td:is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(10), :nth-child(11), :nth-child(12), :nth-child(13)) { display: block; min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
    html body.mv #demographics #viewInsurance tbody td:is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(10), :nth-child(11), :nth-child(12), :nth-child(13))::before { display: block; margin-bottom: 1px; color: var(--mv-slate); font-size: 12px; font-weight: 600; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(3)::before { content: "Payer type"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(4)::before { content: "Payer name"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(5)::before { content: "Policy number"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(10)::before { content: "Relationship"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(11)::before { content: "Subscriber"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(12)::before { content: "Effective"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(13)::before { content: "Terminated"; }
    html body.mv #demographics #viewInsurance tbody td:nth-child(12):empty, html body.mv #demographics #viewInsurance tbody td:nth-child(13):empty { display: none; }
    html body.mv #demographics #viewInsurance tbody td:last-child { display: flex !important; grid-column: 1 / -1; position: static; justify-content: flex-end; gap: 4px; width: auto; box-shadow: none; background: none; text-align: right !important; border-top: 1px solid var(--mv-line) !important; padding-top: 8px !important; }
}
@media (max-width: 600px) {
    html body.mv #demographics #viewInsurance .document_table { height: auto !important; max-height: none !important; }
    html body.mv #demographics #viewInsurance tbody tr { height: auto !important; max-height: none !important; overflow: visible; }
}
html body.mv #demographics #viewInsurance tbody td:last-child .mv-rowact { margin: 0; }
@media (max-width: 600px) { html body.mv #demographics #viewInsurance tbody td:last-child { justify-content: flex-end !important; } }
html body.mv #divDialogDocumentForm .mv-pdoc-files { position: static !important; float: none !important; clear: both; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; }
html body.mv .mv-pdoc-fileshead { width: 100%; }
html body.mv .mv-pdoc-drop img { height: auto; }

/* Add subscriber dialog: footer buttons (were white-on-white legacy links), right-aligned. */
html body.mv #divSubscriberAdd td.mv-subscriber-foot { border-top: 1px solid var(--mv-line, #E3E8EF); padding: 12px 0 0 !important; text-align: right; }
html body.mv #divSubscriberAdd .mv-subscriber-actions { display: flex; justify-content: flex-end; gap: 8px; }
/* Insurance form, Subscriber first name: the add-subscriber button sits on the same line as the box, same height. */
html body.mv #Add-or-EditInsuranceDiv #txtPrimarySubscriberFirstName { float: none !important; display: inline-block; width: calc(100% - 44px) !important; vertical-align: middle; }
html body.mv #Add-or-EditInsuranceDiv #AddbtnSubscriber { width: 36px; height: 36px; margin: 0 0 0 6px !important; vertical-align: middle; align-items: center; justify-content: center; border: 1px solid var(--mv-line-strong, #C3CEDA); border-radius: 6px; background: #fff; float: none !important; position: static !important; }
html body.mv #Add-or-EditInsuranceDiv #AddbtnSubscriber[style*="inline"] { display: inline-flex !important; }
/* Add subscriber form: labels above fields (12.5px/600), full-width 36px fields, two columns on desktop, one on phone. */
html body.mv #tblAddSubscriber > tbody > tr > td { vertical-align: top; padding: 0 10px !important; }
html body.mv #tblAddSubscriber .header { font-size: 13.5px; font-weight: 600; color: var(--mv-ink, #0B2545); padding: 0 0 8px; margin-bottom: 8px; border-bottom: 1px solid var(--mv-line, #E3E8EF); }
html body.mv #tblAddSubscriber table.tblContent, html body.mv #tblAddSubscriber table.tblContent > tbody { display: block; width: 100%; }
html body.mv #tblAddSubscriber table.tblContent > tbody > tr { display: flex; flex-direction: column; gap: 5px; margin-bottom: 10px; }
html body.mv #tblAddSubscriber table.tblContent td.tdLabel, html body.mv #tblAddSubscriber table.tblContent td.tdDataField { display: block; width: auto !important; text-align: left !important; padding: 0 !important; border: 0 !important; }
html body.mv #tblAddSubscriber td.tdLabel .spanTitle { font-size: 12.5px; font-weight: 600; color: var(--mv-ink, #0B2545); }
html body.mv #tblAddSubscriber td.tdDataField :is(input[type=text], select) { width: 100% !important; height: 36px !important; box-sizing: border-box; float: none !important; margin: 0 !important; }
@media (max-width: 600px) {
  html body.mv #tblAddSubscriber, html body.mv #tblAddSubscriber > tbody, html body.mv #tblAddSubscriber > tbody > tr { display: block; width: 100%; }
  html body.mv #tblAddSubscriber > tbody > tr > td { display: block; width: auto !important; padding: 0 0 8px !important; }
}
/* Keep the dialog inside the window: the body scrolls, the footer stays visible. */
html body.mv #divSubscriberAdd { max-height: calc(100vh - 140px); overflow-y: auto; }
html body.mv #divSubscriberAdd td.mv-subscriber-foot { position: sticky; bottom: 0; background: var(--mv-surface, #fff); z-index: 2; padding-bottom: 4px !important; }

/* === PAT-verify fixes === */
@media (max-width: 760px) {
    html body.mv #Add-or-EditInsuranceDiv .box-content { display: flex !important; flex-direction: column; width: 100% !important; box-sizing: border-box; }
    html body.mv #Add-or-EditInsuranceDiv .box-content > .patient-widget-outer { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 0 !important; box-sizing: border-box; }
    html body.mv #Add-or-EditInsuranceDiv .patient-widget, html body.mv #Add-or-EditInsuranceDiv .patient-widget-content { width: 100% !important; float: none !important; box-sizing: border-box; }
    html body.mv #Add-or-EditInsuranceDiv table, html body.mv #Add-or-EditInsuranceDiv tbody { display: block; width: 100% !important; }
    html body.mv #Add-or-EditInsuranceDiv tr { display: flex; flex-direction: column; gap: 5px; margin-bottom: 10px; }
    html body.mv #Add-or-EditInsuranceDiv td { display: block; width: auto !important; padding: 0 !important; text-align: left !important; }
    html body.mv #Add-or-EditInsuranceDiv :is(input[type="text"], select) { width: 100% !important; max-width: 100% !important; }
    html body.mv #Add-or-EditInsuranceDiv td:has(> #divShowDDLSubscriberName) > input[type="text"] { width: calc(100% - 44px) !important; }
    html body.mv #Add-or-EditInsuranceDiv .tdDataField > div:has(> .txtInsuranceName) > .txtInsuranceName { width: calc(100% - 44px) !important; }
    html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) { width: calc(100vw - 16px) !important; left: 8px !important; }
}
@media (max-width: 1100px) {
    html body.mv #demographics #EditDemographics .mv-pd-docs { margin-bottom: 84px !important; }
}
html body.mv #demographics #viewInsurance tbody tr { height: 40px; }
html body.mv #demographics #viewInsurance tbody td { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.3; }
html body.mv #demographics #viewInsurance tbody td:last-child .mv-rowact { width: 30px; height: 30px; }
html body.mv .mv-pdoc-check input[type="checkbox"], html body.mv #demographics #EditDemographics .patient-widget-title .mv-inline-check input[type="checkbox"], html body.mv #demographics .patient-widget-title .mv-inline-check input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; max-width: 15px !important; margin: 0 !important; padding: 0 !important; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; background: none !important; }
html body.mv .mv-pdoc-check > span, html body.mv #demographics .patient-widget-title .mv-inline-check, html body.mv #demographics .patient-widget-title .mv-inline-check > span { display: inline-flex; align-items: center; gap: 8px; }
html body.mv #viewDocuments table thead tr:nth-child(2) th { height: auto !important; padding: 5px 4px !important; }
html body.mv #viewDocuments table thead tr:nth-child(2) :is(input[type="text"], select) { height: 32px !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; }
html body.mv #viewDocuments table tbody tr { height: 40px; }
html body.mv #viewDocuments table tbody td { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv #Add-or-EditInsuranceDiv #CkTerminate { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 8px 0 0 !important; }

/* === INS-RESP: Insurance dialog responds to its own width (container-based, not a phone breakpoint) === */
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) { max-width: calc(100vw - 32px) !important; box-sizing: border-box; }
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) .ui-dialog-content { max-height: calc(100vh - 200px) !important; height: auto !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box; }
html body.mv #Add-or-EditInsuranceDiv, html body.mv #Add-or-EditInsuranceDiv .box-content { width: 100% !important; max-width: 100% !important; float: none !important; box-sizing: border-box; overflow: visible; }
html body.mv #Add-or-EditInsuranceDiv .box-content { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; align-items: start; padding: 4px !important; }
html body.mv #Add-or-EditInsuranceDiv .box-content > .patient-widget-outer { float: none !important; width: auto !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; box-sizing: border-box; }
html body.mv #Add-or-EditInsuranceDiv :is(.patient-widget, .patient-widget-content) { float: none !important; width: 100% !important; min-width: 0; box-sizing: border-box; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content { padding: 12px 14px !important; display: flex; flex-direction: column; gap: 12px; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content table, html body.mv #Add-or-EditInsuranceDiv .patient-widget-content tbody { display: block !important; width: 100% !important; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content tr { display: flex !important; flex-direction: column; gap: 5px; margin: 0 0 12px; min-width: 0; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content tr:last-child { margin-bottom: 0; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content td { display: block !important; width: auto !important; max-width: 100%; padding: 0 !important; text-align: left !important; min-width: 0; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content td.tdLabel, html body.mv #Add-or-EditInsuranceDiv .spanTitle { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; white-space: normal !important; }
html body.mv #Add-or-EditInsuranceDiv :is(input[type="text"], select) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; box-sizing: border-box !important; }
html body.mv #Add-or-EditInsuranceDiv .tdDataField > div:has(> .txtInsuranceName) { display: flex !important; align-items: center; gap: 8px; width: 100% !important; float: none !important; }
html body.mv #Add-or-EditInsuranceDiv .tdDataField > div > .txtInsuranceName { flex: 1 1 auto; width: auto !important; min-width: 0 !important; }
html body.mv #Add-or-EditInsuranceDiv .tdDataField > div > .spnAdd { flex: 0 0 36px; float: none !important; margin: 0 !important; position: static !important; }
html body.mv #Add-or-EditInsuranceDiv td:has(> #divShowDDLSubscriberName) { display: flex !important; align-items: center; gap: 8px; position: relative; }
html body.mv #Add-or-EditInsuranceDiv td:has(> #divShowDDLSubscriberName) > input[type="text"] { flex: 1 1 auto; width: auto !important; min-width: 0 !important; }
html body.mv #Add-or-EditInsuranceDiv #AddbtnSubscriber { flex: 0 0 36px; margin: 0 !important; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content > .spanTitle { display: block; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content .uploaded-file-span { display: block; width: 100%; min-width: 0; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content label.spanTitle { display: block; margin: 0 0 5px; }
html body.mv #Add-or-EditInsuranceDiv .mv-pd-help { overflow-wrap: anywhere; white-space: normal; max-width: 100%; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content tr:has(#CkTerminate) td { display: flex !important; align-items: center; gap: 8px; }
html body.mv #Add-or-EditInsuranceDiv #divShowDDLSubscriberName { max-width: 100%; }
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) { display: flex !important; flex-direction: column; height: auto !important; max-height: calc(100vh - 32px) !important; }
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) .ui-dialog-titlebar { flex: 0 0 auto; }
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) .ui-dialog-content { flex: 1 1 auto; min-height: 0 !important; max-height: none !important; }
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) .ui-dialog-buttonpane { flex: 0 0 auto; float: none !important; position: static !important; width: auto !important; clear: both; }
html body.mv .ui-dialog:has(#Add-or-EditInsuranceDiv) { position: fixed !important; top: 50% !important; transform: translateY(-50%); }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content:has(> label.spanTitle) { gap: 5px; }
html body.mv #Add-or-EditInsuranceDiv .patient-widget-content:has(> label.spanTitle) + .patient-widget-content { padding-top: 0 !important; }
/* === end teams:M1 === */

/* === teams:SET (see scratchpad) === */
/* M3/M13: section content gets the standard 16-18px card padding */
html body.mv .mv-set #divClearinghouses > .mv-ch { padding: 16px 18px 18px; }

/* ===== settings form component (.mvs-*): section title + help left, 2-column grid right, labels above, sticky footer ===== */
html body.mv .mv-set .mvs-form { display: block; margin: 0; }
html body.mv .mv-set .mvs-sec { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 8px 32px; padding: 20px 24px; border-bottom: 1px solid var(--mv-line); }
html body.mv .mv-set .mvs-sec > header h3 { margin: 0 0 3px !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--mv-ink) !important; font: 700 15px/1.3 var(--mv-font) !important; }
html body.mv .mv-set .mvs-sec > header p { margin: 0; color: var(--mv-text-2); font-size: 12.5px; line-height: 1.45; }
html body.mv .mv-set .mvs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; align-items: start; margin: 0; max-width: 760px; }
html body.mv .mv-set .mvs-wide { grid-column: 1 / -1; }
html body.mv .mv-set .mvs-f { position: relative; display: flex; flex-direction: column; gap: 5px; min-width: 0; margin: 0; }
html body.mv .mv-set .mvs-f > label, html body.mv .mv-set .mvs-f > dt { display: block; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; color: var(--mv-ink) !important; font: 600 12.5px/1.3 var(--mv-font) !important; text-align: left !important; }
html body.mv .mv-set .mvs-f > dt { color: var(--mv-text-2) !important; }
html body.mv .mv-set .mvs-f > dd { margin: 0; min-height: 20px; color: var(--mv-ink); font: 400 13.5px/1.45 var(--mv-font); overflow-wrap: anywhere; }
html body.mv .mv-set .mvs-f > dd:empty, html body.mv .mv-set .mvs-f > dd:has(> :is(span, label):empty:only-child) { color: var(--mv-muted); }
html body.mv .mv-set .mvs-f > dd:has(> :is(span, label):empty:only-child)::before { content: "Not set"; }
html body.mv .mv-set .mvs-f .spnError { color: var(--mv-bad); }
html body.mv .mv-set .mvs-opt { margin-left: 4px; color: var(--mv-muted); font-weight: 500; }
html body.mv .mv-set .mvs-f :is(input:not([type="checkbox"], [type="radio"], [type="file"], [type="button"]), select, textarea) { width: 100% !important; max-width: none !important; height: 36px !important; min-height: 36px; margin: 0 !important; padding: 5px 9px !important; box-sizing: border-box !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; background-color: var(--mv-surface) !important; color: var(--mv-ink); font: 400 13px/1.3 var(--mv-font) !important; float: none !important; }
html body.mv .mv-set .mvs-f select { padding-right: 26px !important; }
html body.mv .mv-set .mvs-f :is(input, select, textarea):focus { outline: none; border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16) !important; }
html body.mv .mv-set .mvs-f :is(input, select):disabled { background-color: #EEF2F5 !important; color: #5B6B7F; }
html body.mv .mv-set .mvs-f input.error, html body.mv .mv-set .mvs-f select.error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv .mv-set .mvs-hint { margin: 0; color: var(--mv-text-2); font-size: 12px; line-height: 1.4; }
html body.mv .mv-set .mvs-err { margin: 0; color: #C0392B; font-size: 12px; line-height: 1.4; }
html body.mv .mv-set .mvs-foot { position: sticky; bottom: 0; z-index: 3; display: flex; justify-content: flex-end; gap: 8px; padding: 12px 24px; border-top: 1px solid var(--mv-line); background: var(--mv-surface); border-radius: 0 0 12px 12px; }
html body.mv .mv-set .mvs-foot .mv-btn { height: 38px !important; min-height: 38px; margin: 0 !important; }
html body.mv .mv-set .mvs-foot .mv-btn:is(.mv-btn-primary) { background: #0A7266 !important; border-color: #0A7266 !important; }
html body.mv .mv-set .mvs-foot .mv-btn .bi { margin-right: 6px; }
html body.mv .mv-set .mvs-foot > .mvs-foot-left { margin-right: auto; }
html body.mv .mv-set .mvs-zip .inline-search-wrapper { position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: auto !important; height: auto !important; margin-top: 2px !important; z-index: 20; }
html body.mv .mv-set .mvs-zip .divZipCityResult { border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); box-shadow: 0 8px 20px -8px rgba(11, 37, 69, .35); }
html body.mv .mv-set .mvs-zip .divZipCityResult:empty { display: none; }
html body.mv .mv-set .mv-loc-add { width: calc(100% - 16px); margin: 8px 8px 4px; justify-content: center; }
@media (max-width: 760px) {
    html body.mv .mv-set .mvs-sec { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 12px; }
    html body.mv .mv-set .mvs-grid { grid-template-columns: minmax(0, 1fr); }
    html body.mv .mv-set .mvs-foot { padding: 12px 16px; }
    html body.mv .mv-set .mvs-foot .mv-btn { min-height: 40px; }
}

/* ===== M8 staff list ===== */
html body.mv .mv-set #gridStaff .mv-staff-new { position: static !important; height: 38px !important; margin: 0 !important; float: none !important; }
html body.mv .mv-set #divStaffInformation > .top-action-bar { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin: 0 !important; padding: 14px 16px 10px; width: auto !important; }
html body.mv .mv-set #divStaffInformation .mv-staff-new { height: 38px !important; margin: 0 !important; background: #0A7266 !important; border-color: #0A7266 !important; }
html body.mv .mv-set #divStaffInformation .mv-staff-new .bi { margin-right: 6px; }
html body.mv .mv-set #gridStaff { margin: 0 !important; padding: 0 16px 8px; }
html body.mv .mv-set #gridStaff table { width: 100%; border-collapse: collapse; }
html body.mv .mv-set #gridStaff thead tr:first-child th { height: 36px; box-sizing: border-box; padding: 0 10px !important; background: #F6F8FA !important; color: #5B6B7F !important; font: 600 12px/1.2 var(--mv-font) !important; text-align: left !important; white-space: nowrap; border-bottom: 1px solid var(--mv-line) !important; }
html body.mv .mv-set #gridStaff thead tr:nth-child(2) th { height: auto; padding: 6px 4px !important; background: var(--mv-surface) !important; border-bottom: 1px solid var(--mv-line) !important; }
html body.mv .mv-set #gridStaff thead tr:nth-child(2) :is(input, select) { width: 100% !important; min-width: 0; height: 32px !important; margin: 0 !important; padding: 3px 8px !important; box-sizing: border-box !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; font: 400 13px/1.2 var(--mv-font) !important; background-color: var(--mv-surface) !important; }
html body.mv .mv-set #gridStaff thead tr:nth-child(2) select { min-width: 88px; padding-right: 22px !important; }
html body.mv .mv-set #gridStaff thead .filter_icon { font-size: 16px; color: var(--mv-text-2); cursor: pointer; }
html body.mv .mv-set #gridStaff tbody tr { height: 40px; }
html body.mv .mv-set #gridStaff tbody td { padding: 4px 10px !important; height: 40px; box-sizing: border-box; font: 400 13px/1.35 var(--mv-font) !important; color: var(--mv-ink); border-bottom: 1px solid var(--mv-line) !important; vertical-align: middle; }
html body.mv .mv-set #gridStaff tbody tr:hover td { background: #FBFCFD !important; }
html body.mv .mv-set #gridStaff td.action { padding: 4px 10px !important; }
html body.mv .mv-set #gridStaff .mv-rowacts { display: flex; align-items: center; gap: 4px; justify-content: flex-end; }
html body.mv .mv-set .mv-btn.mv-iconbtn { box-sizing: border-box !important; width: 32px !important; min-width: 32px; flex: 0 0 32px; height: 32px !important; min-height: 32px; padding: 0 !important; justify-content: center; align-items: center; margin: 0 !important; }
html body.mv .mv-set .mv-btn.mv-iconbtn .bi { margin: 0 !important; font-size: 15px; line-height: 1; }
html body.mv .mv-set #gridStaff tr.mv-emptyrow td { height: auto; padding: 28px 16px !important; text-align: center !important; color: var(--mv-text-2) !important; }
@media (min-width: 601px) {
    /* all columns stay: the grid scrolls inside its card, the actions are pinned to the right edge */
    html body.mv .mv-set #gridStaff .department_table { overflow-x: auto !important; max-width: 100%; }
    html body.mv .mv-set #gridStaff table.fixTable { table-layout: auto !important; width: 100% !important; min-width: 1060px !important; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(1) { width: 36px !important; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(2) { min-width: 168px; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(3) { width: 84px !important; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(4) { min-width: 130px; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(5) { width: 104px !important; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(6) { width: 124px !important; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(7) { min-width: 170px; }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(8) { min-width: 170px; }
    html body.mv .mv-set #gridStaff :is(thead tr:first-child th:nth-child(9), thead tr:nth-child(2) th:nth-child(9), tbody td.action) { position: sticky !important; right: 0; z-index: 2; width: 132px !important; min-width: 132px; background: var(--mv-surface); box-shadow: -8px 0 8px -8px rgba(11, 37, 69, .25); }
    html body.mv .mv-set #gridStaff thead tr:first-child th:nth-child(9) { background: #F6F8FA !important; text-align: right !important; }
    html body.mv .mv-set #gridStaff thead tr:nth-child(2) select { min-width: 0; }
    html body.mv .mv-set #gridStaff tbody tr:not(.mv-emptyrow) td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    html body.mv .mv-set #gridStaff tbody td.action { overflow: visible; }
    html body.mv .mv-set #gridStaff tbody tr { height: 40px; }
    html body.mv .mv-set #gridStaff tbody td { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; }
}
@media (max-width: 600px) {
    html body.mv .mv-set .mv-btn.mv-iconbtn { width: 40px !important; min-width: 40px; flex-basis: 40px; height: 40px !important; min-height: 40px; }
    html body.mv .mv-set #gridStaff { padding: 0 12px 8px; }
    html body.mv .mv-set #gridStaff, html body.mv .mv-set #gridStaff .department_table { overflow: visible !important; height: auto !important; max-height: none !important; }
    html body.mv .mv-set #gridStaff table, html body.mv .mv-set #gridStaff tbody { display: block; }
    html body.mv .mv-set #gridStaff thead { display: block; }
    html body.mv .mv-set #gridStaff thead th { position: static !important; top: auto !important; }
    html body.mv .mv-set #gridStaff thead tr:first-child { display: none; }
    html body.mv .mv-set #gridStaff thead tr:nth-child(2) { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; height: auto !important; margin-bottom: 10px; }
    html body.mv .mv-set #gridStaff thead { height: auto !important; }
    html body.mv .mv-set #gridStaff thead tr:nth-child(2) th { display: block; padding: 0 !important; border: 0 !important; width: auto !important; }
    html body.mv .mv-set #gridStaff thead tr:nth-child(2) th:is(:first-child, :last-child) { display: none; }
    html body.mv .mv-set #gridStaff tbody tr:not(.mv-emptyrow) { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; height: auto; margin: 0 0 10px; padding: 12px; border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); }
    html body.mv .mv-set #gridStaff tbody tr:not(.mv-emptyrow) td { display: block; min-width: 0; height: auto; padding: 0 !important; border: 0 !important; width: auto !important; white-space: normal !important; overflow-wrap: anywhere; text-align: left !important; }
    html body.mv .mv-set #gridStaff tbody tr:not(.mv-emptyrow) td::before { content: attr(data-label); display: block; color: var(--mv-text-2); font: 600 11.5px/1.3 var(--mv-font); }
    html body.mv .mv-set #gridStaff tbody tr:not(.mv-emptyrow) td:is([data-label="#"], [data-label="Name"], [data-label="Actions"]) { grid-column: 1 / -1; }
    html body.mv .mv-set #gridStaff tbody tr td[data-label="#"] { display: none; }
    html body.mv .mv-set #gridStaff tbody tr td[data-label="Name"] { font-weight: 700 !important; font-size: 14px !important; }
    html body.mv .mv-set #gridStaff tbody tr td[data-label="Name"]::before, html body.mv .mv-set #gridStaff tbody tr td[data-label="Actions"]::before { display: none; }
    html body.mv .mv-set #gridStaff tbody tr td[data-label="Actions"] .mv-rowacts { justify-content: flex-start; margin-top: 4px; }
    html body.mv .mv-set #gridStaff tbody tr td:empty { display: none; }
}

/* phone/tablet: the sub-page strip stays above fields that scroll under it (fields with position:relative painted over it) */
@media (max-width: 1100px) {
    html body.mv .mv-set { --mv-set-top: 0px; }
    html body.mv .mv-set #tbl-main > tbody > tr > td.mv-subcol.mv-sub-on:not(#mv-n) { z-index: 5; background: var(--mv-mist, #F3F6F8); }
}

/* ===== M9 staff form ===== */
html body.mv .mv-set .mvs-f textarea { height: auto !important; min-height: 64px !important; resize: vertical; }
html body.mv .mv-set .mvs-photo { flex-direction: row; align-items: center; gap: 14px; }
html body.mv .mv-set .mvs-photobox { width: 64px; height: 64px; flex: 0 0 64px; border: 1px solid var(--mv-line); border-radius: 50%; overflow: hidden; background: var(--mv-mist); }
html body.mv .mv-set .mvs-photobox img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; }
html body.mv .mv-set .mvs-photo .mv-btn { margin: 0 !important; }
html body.mv .mv-set .mvs-photo .mv-btn .bi { margin-right: 6px; }
html body.mv .mv-set .mvs-switch, html body.mv .mv-set .mvs-check { display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; margin: 0 !important; color: var(--mv-ink) !important; font: 500 13px/1.3 var(--mv-font) !important; cursor: pointer; }
html body.mv .mv-set .mvs-switch input { position: absolute; opacity: 0; width: 1px !important; height: 1px !important; }
html body.mv .mv-set .mvs-switch-ui { position: relative; flex: 0 0 34px; width: 34px; height: 20px; border-radius: 999px; background: #B7C3D0; transition: background .12s; }
html body.mv .mv-set .mvs-switch-ui::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .12s; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
html body.mv .mv-set .mvs-switch input:checked + .mvs-switch-ui { background: var(--mv-teal); }
html body.mv .mv-set .mvs-switch input:checked + .mvs-switch-ui::after { transform: translateX(14px); }
html body.mv .mv-set .mvs-switch input:focus-visible + .mvs-switch-ui { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-set .mvs-check input[type="checkbox"] { width: 15px !important; height: 15px !important; margin: 0 !important; accent-color: var(--mv-teal); }
html body.mv .mv-set .mvs-grid .create-web-account-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
html body.mv .mv-set .mvs-grid .create-web-account-wrapper[style*="none"] { display: none; }
/* location picker: field + dropdown panel with search, checkbox rows and Apply */
html body.mv .mv-set .mvs-loc-wrap { position: relative; }
html body.mv .mv-set .mvs-loc-wrap::after { content: "\F282"; font-family: "bootstrap-icons"; position: absolute; right: 10px; top: 0; height: 36px; display: flex; align-items: center; color: var(--mv-text-2); pointer-events: none; font-size: 12px; }
html body.mv .mv-set input.mvs-locbtn { cursor: pointer; padding-right: 30px !important; text-overflow: ellipsis; background-color: var(--mv-surface) !important; }
html body.mv .mv-set .mvs-locpanel { position: absolute !important; left: 0 !important; right: 0 !important; top: calc(100% + 4px) !important; bottom: auto !important; width: auto !important; margin: 0 !important; z-index: 30; padding: 8px; box-sizing: border-box; border: 1px solid var(--mv-line-strong); border-radius: 10px; background: var(--mv-surface); box-shadow: 0 10px 24px -10px rgba(11, 37, 69, .4); max-height: 320px; overflow: auto; }
html body.mv .mv-set .mvs-locclose { display: none; }
html body.mv .mv-set .mvs-locsearch input { width: 100% !important; height: 32px !important; margin: 0 0 6px !important; padding: 3px 9px !important; box-sizing: border-box !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; }
html body.mv .mv-set .mvs-locpanel table { width: 100%; border-collapse: collapse; }
html body.mv .mv-set .mvs-locpanel thead { display: none; }
html body.mv .mv-set .mvs-locpanel td { padding: 0 !important; border: 0 !important; }
html body.mv .mv-set .mvs-locrow { display: flex !important; align-items: center; gap: 8px; float: none !important; width: auto !important; min-height: 36px; padding: 0 6px; border-radius: 6px; font-size: 13px; color: var(--mv-ink); cursor: pointer; }
html body.mv .mv-set .mvs-locrow:hover { background: var(--mv-mist); }
html body.mv .mv-set .mvs-locrow input[type="checkbox"] { width: 15px !important; height: 15px !important; margin: 0 !important; accent-color: var(--mv-teal); }
html body.mv .mv-set .mvs-locfoot { display: flex; justify-content: flex-end; padding-top: 6px; border-top: 1px solid var(--mv-line); margin-top: 6px; }
html body.mv .mv-set .mvs-locfoot .mv-btn { margin: 0 !important; background: #0A7266 !important; border-color: #0A7266 !important; }
html body.mv .mv-set .mvs-staffform .mvs-sec:last-of-type .mvs-grid { overflow: visible; }
html body.mv .mv-set .mvs-staffform .mvs-grid > .mv-field-error { margin-top: -2px; }

/* ===== M10 locations ===== */
html body.mv .mv-set #divPracticeLocationMain > .box-content { margin: 0 !important; padding: 0 !important; border: 0 !important; }
html body.mv .mv-set #divPracticeLocationMain .mvs-sec.mvs-danger { grid-template-columns: 230px minmax(0, 1fr); align-items: center; border-bottom: 0; background: #FDF8F7; border-radius: 0 0 12px 12px; }
html body.mv .mv-set .mvs-danger > header h3 { font-size: 14px !important; }
html body.mv .mv-set .mvs-view .mvs-foot { position: static; border-top: 1px solid var(--mv-line); }
html body.mv .mv-set .mvs-view > .mvs-foot { justify-content: flex-end; }
@media (max-width: 760px) { html body.mv .mv-set #divPracticeLocationMain .mvs-sec.mvs-danger { grid-template-columns: minmax(0, 1fr); } }

/* ===== M11 insurance companies ===== */
html body.mv .mv-set #divInsurances .mv-rowacts { display: inline-flex; align-items: center; gap: 4px; }
html body.mv .mv-set #divInsuranceGrid thead tr:first-child th { height: 36px; box-sizing: border-box; padding: 0 10px !important; background: #F6F8FA !important; color: #5B6B7F !important; font: 600 12px/1.2 var(--mv-font) !important; white-space: nowrap; }
html body.mv .mv-set #divInsuranceGrid thead tr:nth-child(2) th { height: auto; padding: 6px 4px !important; }
html body.mv .mv-set #divInsuranceGrid thead tr:nth-child(2) :is(input, select) { height: 32px !important; padding: 3px 8px !important; box-sizing: border-box !important; font: 400 13px var(--mv-font) !important; }
html body.mv .mv-set #divInsuranceGrid tbody tr { height: 40px; }
html body.mv .mv-set #divInsuranceGrid tbody td { height: 40px; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; font: 400 13px/1.3 var(--mv-font) !important; vertical-align: middle; }
html body.mv .mv-set #divInsuranceGrid tbody td.action { padding: 4px 10px !important; }
/* Add / edit insurance: labels above, 36px fields, 12.5px labels, footer inside the card */
html body.mv .mv-set .mv-insform-row { grid-template-columns: minmax(0, 1fr) !important; gap: 5px !important; margin: 0 0 12px; align-items: stretch; }
html body.mv .mv-set .mv-insform-row > label { color: var(--mv-ink) !important; font: 600 12.5px/1.3 var(--mv-font) !important; }
html body.mv .mv-set .mv-insform-row :is(input[type="text"], select) { height: 36px !important; min-height: 36px; max-width: none !important; padding: 5px 9px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; font: 400 13px/1.3 var(--mv-font) !important; }
html body.mv .mv-set .mv-insform-row textarea { max-width: none !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; padding: 5px 9px !important; font: 400 13px/1.3 var(--mv-font) !important; }
html body.mv .mv-set .mv-insform-row select { padding-right: 26px !important; }
html body.mv .mv-set .mv-insform-row :is(input, select, textarea):focus { border-color: var(--mv-teal) !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16) !important; outline: none; }
html body.mv .mv-set .mv-insform-row :is(input, select).error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv .mv-set .mv-insform-row .mv-field-error { display: block; margin-top: 4px; }
html body.mv .mv-set .mv-insform-row .mv-insform-inline > .mv-iconbtn { flex: 0 0 36px; width: 36px; height: 36px; }
html body.mv .mv-set .mv-insform-results { top: 40px !important; max-width: none; }
html body.mv .mv-set .mv-insform .inline-search-wrapper.mv-insform-results { border: 1px solid var(--mv-line-strong) !important; border-radius: 8px !important; box-shadow: 0 8px 20px -8px rgba(11, 37, 69, .35) !important; background: var(--mv-surface) !important; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-insform-actions { box-sizing: border-box; width: auto !important; max-width: 100%; margin: 0 !important; padding: 12px 18px !important; border-top: 1px solid var(--mv-line); background: var(--mv-surface); position: sticky; bottom: 0; z-index: 3; border-radius: 0 0 12px 12px; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-insform-actions > a { height: 38px !important; border-radius: 9px !important; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-insform-actions > a.btn_Ins { background: #0A7266 !important; border-color: #0A7266 !important; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-insform-actions > a.btn_Ins_cancel { order: 1; margin-right: auto !important; }
html body.mv .mv-set #divInsuranceGrid tbody input.InsuranceType { height: 20px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; width: 100% !important; font: 400 13px/20px var(--mv-font) !important; color: inherit !important; }
html body.mv .mv-set #divInsuranceGrid thead tr:first-child th { height: 36px !important; line-height: 1.2 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain #divInsuranceGrid tbody td { padding: 0 10px !important; height: 40px !important; }
html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain #divInsuranceGrid tbody td.action { padding: 4px 10px !important; }
html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain #divInsuranceGrid thead tr:first-child th { padding: 0 10px !important; height: 36px !important; }
html body.mv .mv-set .mv-insform-results:has(> .divZipCityResult:empty) { display: none !important; }

/* ===== M12 insurance mapping ===== */
html body.mv .mv-set .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html body.mv .mv-set .mvm { padding: 16px 18px 0; }
html body.mv .mv-set .mvm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
html body.mv .mv-set .mvm-card { min-width: 0; padding: 16px 18px; border: 1px solid var(--mv-line); border-radius: 12px; background: var(--mv-surface); }
html body.mv .mv-set .mvm-card > header h3 { margin: 0 0 3px !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--mv-ink) !important; font: 700 15px/1.3 var(--mv-font) !important; }
html body.mv .mv-set .mvm-card > header p { margin: 0 0 12px; color: var(--mv-text-2); font-size: 12.5px; line-height: 1.45; }
html body.mv .mv-set .mvm-selected { margin: 0 0 10px; font-size: 13px; color: var(--mv-ink); }
html body.mv .mv-set .mvm-sel-label { margin-right: 6px; color: var(--mv-text-2); font-weight: 600; font-size: 12.5px; }
html body.mv .mv-set .mvm-add { display: flex; gap: 8px; margin: 0 0 10px; }
html body.mv .mv-set .mvm-add select { flex: 1 1 auto; min-width: 0; width: auto !important; height: 36px !important; margin: 0 !important; padding: 5px 26px 5px 9px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; box-sizing: border-box; }
html body.mv .mv-set .mvm-add .mv-btn { flex: 0 0 auto; height: 36px !important; margin: 0 !important; }
html body.mv .mv-set .mvm-add .mv-btn .bi { margin-right: 5px; }
html body.mv .mv-set .mvm-search { margin: 0 0 8px; }
html body.mv .mv-set .mvm-search input { width: 100% !important; height: 32px !important; margin: 0 !important; padding: 3px 9px !important; box-sizing: border-box !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; }
html body.mv .mv-set .mvm-list { max-height: 340px; min-height: 120px; overflow: auto; border: 1px solid var(--mv-line); border-radius: 8px; }
html body.mv .mv-set .mvm-table { width: 100%; border-collapse: collapse; }
html body.mv .mv-set .mvm-table thead th { position: sticky; top: 0; height: 36px; padding: 0 10px; background: #F6F8FA; color: #5B6B7F; font: 600 12px/1.2 var(--mv-font); text-align: left; border-bottom: 1px solid var(--mv-line); }
html body.mv .mv-set .mvm-table tbody td { height: 40px; box-sizing: border-box; padding: 0 10px; font: 400 13px/1.3 var(--mv-font); color: var(--mv-ink); border-bottom: 1px solid var(--mv-line); vertical-align: middle; }
html body.mv .mv-set .mvm-table tbody tr:last-child td { border-bottom: 0; }
html body.mv .mv-set .mvm-table tr.tr270 { cursor: pointer; }
html body.mv .mv-set .mvm-table tr.tr270:hover td { background: var(--mv-mist); }
html body.mv .mv-set .mvm-table tr.selectedRow td { background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; font-weight: 600; }
html body.mv .mv-set .mvm-table .mvm-act { width: 44px; text-align: right; }
html body.mv .mv-set .mvm-table .mvm-chk { width: 40px; text-align: center; }
html body.mv .mv-set .mvm-table input[type="checkbox"] { width: 15px; height: 15px; margin: 0; accent-color: var(--mv-teal); }
html body.mv .mv-set .mvm-empty { margin: 0; padding: 28px 16px; text-align: center; color: var(--mv-text-2); font-size: 13px; }
html body.mv .mv-set .mvm-foot { position: static; margin: 16px -18px 0; padding: 12px 18px; }
@media (max-width: 900px) { html body.mv .mv-set .mvm-grid { grid-template-columns: minmax(0, 1fr); } }
/* insurance list: lower-value columns drop out below 1700px so the Action column stays visible without sideways scroll */
@media (max-width: 1699px) {
    html body.mv .mv-set #divInsuranceGrid :is(th, td):is(:nth-child(6), :nth-child(8), :nth-child(9), :nth-child(10)) { display: none !important; }
    html body.mv .mv-set #divInsuranceGrid table.fixTable { width: 100% !important; min-width: 0 !important; table-layout: auto !important; }
    html body.mv .mv-set #divInsuranceGrid .department_table { overflow-x: visible !important; }
    html body.mv .mv-set #divInsuranceGrid tbody td { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 760px) {
    html body.mv .mv-set #divInsuranceGrid :is(th, td):is(:nth-child(4), :nth-child(5), :nth-child(7)) { display: none !important; }
    html body.mv .mv-set #divInsuranceGrid tbody td, html body.mv .mv-set #divInsuranceGrid thead tr:first-child th { padding: 0 6px !important; }
    html body.mv .mv-set #divInsuranceGrid .mv-rowacts { gap: 2px; }
}
@media (max-width: 760px) {
    html body.mv .mv-set #divInsuranceGrid table.fixTable { table-layout: fixed !important; }
    html body.mv .mv-set #divInsuranceGrid thead tr:first-child th:nth-child(1) { width: 30px !important; }
    html body.mv .mv-set #divInsuranceGrid thead tr:first-child th:nth-child(3) { width: 84px !important; }
    html body.mv .mv-set #divInsuranceGrid thead tr:first-child th:nth-child(11) { width: 112px !important; }
    html body.mv .mv-set #divInsuranceGrid thead :is(input, select) { min-width: 0 !important; width: 100% !important; }
    html body.mv .mv-set #divInsuranceGrid .mv-iconbtn { width: 34px !important; min-width: 34px !important; flex-basis: 34px !important; }
}
html body.mv .mv-set #tbl-main td.prac .mvm-table { table-layout: fixed; width: 100% !important; }
html body.mv .mv-set #tbl-main td.prac .mvm-table thead th:first-child { width: 86px; }
html body.mv .mv-set #tbl-main td.prac .mvm-table .mvm-act { width: 52px; }
html body.mv .mv-set #tbl-main td.prac .mvm-table tbody td { padding: 0 10px !important; height: 40px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv .mv-set #tbl-main td.prac .mvm-table tbody td.mvm-act { padding: 4px 8px !important; overflow: visible; }
html body.mv .mv-set .mvm-table tr.mvm-removed td { text-decoration: line-through; color: var(--mv-text-2); background: #FDF1EF; }
html body.mv .mv-set .mvm-table tr.mvm-removed td.mvm-act { text-decoration: none; }
html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain .mvm-table tbody td { padding: 0 10px !important; height: 40px !important; }
html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain .mvm-table tbody td.mvm-act { padding: 4px 8px !important; }
html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain .mvm-table thead th { padding: 0 10px !important; height: 36px !important; }

/* ===== M13 / M14 ===== */
html body.mv .mv-set #divPracticeInsurancesMain .chp { padding: 16px 18px 18px !important; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-empty-state { padding: 40px 16px; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-empty-state > i { font-size: 32px; }
html body.mv .mv-set #divPracticeInsurancesMain .mv-empty-state .mv-btn { margin-top: 8px; }
html body.mv .mv-set .mvc { display: grid; gap: 16px; }
html body.mv .mv-set .mvc .mvm-card { max-width: 760px; }
html body.mv .mv-set .mvc .mvs-grid { max-width: none; }
html body.mv .mv-set .mvc-foot { position: static; margin: 14px 0 0; padding: 0; border: 0; background: none; justify-content: flex-start; }
html body.mv .mv-set .mvc-none { color: var(--mv-muted); }
html body.mv .mv-set .mvc .mvs-f :is(select, input) { height: 36px !important; }
html body.mv .mv-set .mvc .mvm-table tbody td { white-space: nowrap; }
html body.mv .mv-set #tbl-main td.prac #tblChc thead th:first-child { width: auto; }
html body.mv .mv-set #tbl-main td.prac #tblChc thead th:nth-child(2) { width: 220px; }
html body.mv .mv-set .mvc .mvm-list { min-height: 0; }
/* staff grid header text row: 36px whatever the grid script does to the header cells */
html body.mv .mv-set #tbl-main td.prac #gridStaff table.fixTable thead tr:first-child { height: 36px !important; }
html body.mv .mv-set #tbl-main td.prac #gridStaff table.fixTable thead tr:first-child th { height: 36px !important; min-height: 36px; box-sizing: border-box !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 34px !important; vertical-align: middle !important; }
/* checkboxes in the staff form cards stay 15x15 and native on every width */
html body.mv .mv-set .mvs-staffform .mvs-check > input[type="checkbox"], html body.mv .mv-set .mvs-staffform .mvs-grid input[type="checkbox"]:not(.chkBoxAll):not(.chkBoxAllEdit):not(.MultiCheckchkBoxPL):not(.MultiCheckchkBoxPLEdit):not(#IsActivePracticeStaff) { width: 15px !important; min-width: 15px !important; max-width: 15px !important; height: 15px !important; min-height: 15px !important; -webkit-appearance: checkbox !important; appearance: auto !important; flex: 0 0 15px; }
/* delete confirmations: full text, a red confirm button */
html body.mv .mv-dangerdialog .ui-dialog-content { height: auto !important; min-height: 0 !important; padding: 16px 20px !important; font-size: 14px; line-height: 1.5; color: var(--mv-ink); overflow: visible; }
html body.mv .mv-dangerdialog .ui-dialog-buttonpane button:first-child { background: #C0392B !important; border-color: #C0392B !important; color: #fff !important; }
html body.mv .mv-infodialog .ui-dialog-buttonpane button:first-child { background: var(--mv-surface) !important; border-color: var(--mv-line-strong) !important; color: var(--mv-ink) !important; }
html body.mv .ui-dialog.mv-dangerdialog .ui-dialog-buttonpane .ui-dialog-buttonset > button:first-child:not(.ui-state-hover) { background-color: #C0392B !important; border-color: #C0392B !important; color: #fff !important; }
html body.mv .ui-dialog.mv-dangerdialog .ui-dialog-buttonpane .ui-dialog-buttonset > button:first-child:hover { background-color: #A93226 !important; border-color: #A93226 !important; color: #fff !important; }
html body.mv .ui-dialog.mv-infodialog .ui-dialog-buttonpane .ui-dialog-buttonset > button:first-child, html body.mv .ui-dialog.mv-infodialog .ui-dialog-buttonpane .ui-dialog-buttonset > button:first-child:hover { background-color: var(--mv-surface) !important; border-color: var(--mv-line-strong) !important; color: var(--mv-ink) !important; }
html body.mv .ui-dialog.mv-dangerdialog.mv-infodialog .ui-dialog-buttonpane .ui-dialog-buttonset > button:first-child:not(.ui-state-hover) { background-color: var(--mv-surface) !important; border-color: var(--mv-line-strong) !important; color: var(--mv-ink) !important; }
/* CHC payer mapping list on phone: one card per payer (payer, CHC payer ID, edit) */
@media (max-width: 760px) {
    html body.mv .mv-set #tblChc, html body.mv .mv-set #tblChc tbody { display: block; width: 100% !important; }
    html body.mv .mv-set #tblChc thead { display: none; }
    html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain #tblChc tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; height: auto !important; margin: 0 0 8px; padding: 10px 12px; border: 1px solid var(--mv-line); border-radius: 10px; background: var(--mv-surface); }
    html body.mv .mv-set #tbl-main td.prac #divPracticeInsurancesMain #tblChc tbody td { display: block; height: auto !important; padding: 0 !important; border: 0 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip; width: auto !important; }
    html body.mv .mv-set #tblChc tbody td[data-label="Payer"] { grid-column: 1; font-weight: 600; }
    html body.mv .mv-set #tblChc tbody td.mvc-chc { grid-column: 1; }
    html body.mv .mv-set #tblChc tbody td.mvc-chc::before { content: attr(data-label) ": "; color: var(--mv-text-2); font-weight: 500; }
    html body.mv .mv-set #tblChc tbody td.mvm-act { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
    html body.mv .mv-set #tblChc .mv-iconbtn { width: 40px !important; height: 40px !important; flex-basis: 40px; }
    html body.mv .mv-set #divPracticeInsurancesMain .mvc .mvm-list { max-height: none; border: 0; overflow: visible; }
}
/* 601-760px: keep the staff table (the generic phone-card rule only applies to the staff grid at 600px and below) */
@media (min-width: 601px) and (max-width: 760px) {
    html body.mv .mv-set #gridStaff table.fixTable { display: table !important; min-width: 1060px !important; }
    html body.mv .mv-set #gridStaff table.fixTable thead { display: table-header-group !important; }
    html body.mv .mv-set #gridStaff table.fixTable tbody { display: table-row-group !important; }
    html body.mv .mv-set #gridStaff table.fixTable tbody tr:not(.mv-emptyrow) { display: table-row !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
    html body.mv .mv-set #gridStaff table.fixTable tbody td { display: table-cell !important; height: 40px !important; padding: 0 10px !important; max-width: 220px !important; white-space: nowrap !important; overflow: hidden !important; }
    html body.mv .mv-set #gridStaff table.fixTable tbody td.action { overflow: visible !important; max-width: none !important; }
    html body.mv .mv-set #gridStaff table.fixTable tbody td::before { display: none !important; content: none !important; }
    html body.mv .mv-set #gridStaff table.fixTable tbody td[data-label="Actions"] .mv-rowacts { justify-content: flex-end; }
    html body.mv .mv-set #gridStaff table.fixTable tbody td[data-label="#"] { display: table-cell !important; }
}
/* === end teams:SET === */

/* === teams:DASH (see scratchpad) === */
/* Dashboard + shell on phones (M6). Below 600px the icon rail is gone: only the menu button stays, the full menu opens from it. */
@media (max-width: 600px) {
    :root { --mv-sidebar: 0px; }
    html body.mv.mv-shell:not(.mv-nav-open) #header { background: transparent !important; box-shadow: none !important; padding: 0 !important; pointer-events: none; height: 0 !important; }
    html body.mv.mv-shell:not(.mv-nav-open) #header > :not(.logoWrapper) { display: none !important; }
    html body.mv.mv-shell:not(.mv-nav-open) #header .logoWrapper { padding: 0 !important; height: 0; width: 0 !important; }
    html body.mv.mv-shell:not(.mv-nav-open) #header .logoWrapper > :not(.mv-navtoggle) { display: none !important; }
    html body.mv.mv-shell:not(.mv-nav-open) .mv-navtoggle { position: fixed; top: 13px; left: 6px; z-index: 1001; pointer-events: auto; color: var(--mv-ink) !important; }
    html body.mv.mv-shell:not(.mv-nav-open) .mv-navtoggle:hover { background: var(--mv-mist) !important; }
    html body.mv.mv-shell:not(.mv-nav-open) .mv-navtoggle:focus-visible { outline-color: var(--mv-focus) !important; }
    html body.mv.mv-shell.mv-nav-open #header { --mv-sidebar: 232px; }
    html body.mv.mv-shell.mv-nav-open #UserName.mv-side-user { padding: 0 11px !important; justify-content: flex-start; gap: 10px; border-color: rgba(255,255,255,.14) !important; }
    html body.mv.mv-shell.mv-nav-open .mv-side-user .mv-side-who, html body.mv.mv-shell.mv-nav-open .mv-side-user .bi-chevron-expand { display: flex !important; }
    /* page title bars start after the menu button */
    html body.mv.mv-shell :is(.mv-pagebar, .mv-dash-bar) { padding-left: 56px !important; }

    /* Dashboard: the page scrolls, not an inner panel */
    html body.mv.mv-shell #contentWrapper:has(.mv-dash) { position: static !important; height: auto !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: visible !important; display: flow-root; scrollbar-gutter: auto; }
    html body.mv.mv-shell:has(.mv-dash) { height: auto; min-height: 100vh; overflow-y: visible; }
    html body.mv .mv-dash { padding-bottom: 24px !important; }
    html body.mv .mv-dash-actions { gap: 6px; }
    html body.mv .mv-dash-actions .mv-btn { height: 40px !important; min-height: 40px; }
    html body.mv .mv-aging .mv-seg button { min-height: 40px !important; height: 40px !important; }
}
/* Dashboard aging table header: standard table header */
html body.mv .mv-aging-table thead th { height: 36px; font-size: 12px !important; font-weight: 600 !important; color: #5B6B7F !important; }
/* Toasts sit under the 70px action band, so they never cover the page buttons (top-right) */
html body.mv.mv-shell .divMesg { top: 80px !important; }
/* === end teams:DASH === */

/* === teams:SA (see scratchpad) === */
/* Super admin Practices list (M4) and Add practice wizard (M5): form/table sizes follow the shared UI standard */
/* M4 list */
html body.mv.mv-sa .mv-sa-search input { height: 36px !important; padding: 0 12px 0 34px !important; border-color: #7F8FA3 !important; border-radius: 6px !important; font: 13px var(--mv-font) !important; }
html body.mv.mv-sa .mv-sa-card .Grid th { height: 36px; box-sizing: border-box; padding: 0 12px !important; background: #F6F8FA !important; color: #5B6B7F !important; font-size: 12px !important; font-weight: 600 !important; }
html body.mv.mv-sa .mv-sa-card .Grid th.mv-sa-acts { text-align: right !important; }
html body.mv.mv-sa .mv-sa-card .Grid td { height: 40px; box-sizing: border-box; padding: 3px 12px !important; font-size: 13px; line-height: 1.3; }
html body.mv.mv-sa .mv-sa-card .mv-sa-mono { width: 28px; height: 28px; border-radius: 8px; font-size: 11.5px; }
html body.mv.mv-sa .mv-sa-card .mv-sa-namewrap { gap: 10px; min-width: 0; }
html body.mv.mv-sa .mv-sa-card .mv-sa-ident { flex-direction: row; flex-wrap: nowrap; align-items: baseline; gap: 0 10px; }
html body.mv.mv-sa .mv-sa-card .mv-sa-pname { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
html body.mv.mv-sa .mv-sa-card .mv-sa-pid { font-size: 12px; white-space: nowrap; }
html body.mv.mv-sa .mv-sa-card td.mv-sa-name { min-width: 0; }
html body.mv.mv-sa .mv-sa-card .Grid td.mv-num { white-space: nowrap; }
html body.mv.mv-sa .mv-sa-act { border-radius: 9px; }
html body.mv.mv-sa .mv-sa-card td.mv-sa-acts { white-space: nowrap; line-height: 0; }
@media (max-width: 1100px) {
    html body.mv.mv-sa .mv-sa-act, html body.mv.mv-sa .mv-sa-act-danger { width: 40px; height: 40px; min-width: 40px; padding: 0; }
}
@media (max-width: 760px) {
    html body.mv.mv-sa .mv-sa-card .mv-sa-pname { max-width: 100%; }
    html body.mv.mv-sa .mv-sa-card .mv-sa-ident { flex-wrap: wrap; }
    html body.mv.mv-sa .mv-sa-card .Grid tbody td[data-label="Phone"] { white-space: nowrap !important; }
    html body.mv.mv-sa .mv-sa-card .Grid td { height: auto; }
}
/* delete confirm dialog */
html body.mv .ui-dialog.mv-sa-confirm-dlg .ui-dialog-content p { margin: 0; color: var(--mv-text); font-size: 13.5px; line-height: 1.5; }
html body.mv .ui-dialog.mv-sa-confirm-dlg .ui-dialog-content b { color: var(--mv-ink); font-weight: 700; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.mv-dlg-danger { background: #B42318 !important; border-color: #B42318 !important; color: #fff !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.mv-dlg-danger:hover { background: #912018 !important; border-color: #912018 !important; }
html body.mv .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.mv-dlg-danger:focus-visible { outline: 2px solid var(--mv-focus) !important; outline-offset: 2px; }

/* M5 step 1 fields */
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field { gap: 5px; }
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field label { color: #0B2545; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field :is(input, select) { height: 36px !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 13px var(--mv-font) !important; }
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field select { padding-right: 26px !important; }
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field :is(input, select).error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field :is(input, select):focus { border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16) !important; }
html body.mv.mv-sa .mv-sa-sheet .mv-sa-field input:disabled { background-color: #EEF2F5 !important; color: #5B6B7F !important; }
html body.mv.mv-sa .mv-sa-err { color: #C0392B; font-size: 12.5px; font-weight: 500; line-height: 1.35; }

/* M5 step 2 checkboxes */
html body.mv.mv-sa .mv-sa-check { gap: 8px; }
html body.mv.mv-sa .mv-sa-check input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; flex: 0 0 15px; accent-color: #0E9F8E; }

/* M5 footer: bar spans the window, its buttons line up with the cards' right edge */
html body.mv.mv-sa .mv-sa-actions { padding-right: max(32px, calc(100vw - var(--mv-sidebar) - 1320px + 32px)); }
html body.mv.mv-sa .mv-sa-actions .mv-btn { height: 38px !important; padding: 0 14px; font-size: 13.5px; font-weight: 600; }
html body.mv.mv-sa .mv-sa-actions .mv-btn-ghost { background: #fff !important; border: 1px solid #C3CEDA !important; color: var(--mv-ink) !important; }

/* M5 step 3 */
html body.mv.mv-sa .mv-sa-coanote span { display: block; min-width: 0; }
html body.mv.mv-sa #divChartOfAccount table.AccountingGroup th { height: 36px; box-sizing: border-box; padding: 2px 8px !important; }
html body.mv.mv-sa #divChartOfAccount table.AccountingGroup td { height: 40px; box-sizing: border-box; padding: 2px 8px !important; font-size: 13px; }
html body.mv.mv-sa #divChartOfAccount table.AccountingGroup :is(input[type="text"], select) { height: 36px !important; margin: 0 !important; padding: 5px 9px !important; box-sizing: border-box; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 13px var(--mv-font) !important; }
html body.mv.mv-sa #divChartOfAccount table.AccountingGroup select { padding-right: 26px !important; }
html body.mv.mv-sa #divChartOfAccount table.AccountingGroup input.error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv.mv-sa #divChartOfAccount .mv-sa-link { height: 32px; padding: 0 12px; border-radius: 9px; font-size: 13px; }

@media (max-width: 760px) {
    html body.mv.mv-sa .mv-sa-back { min-height: 40px; }
    html body.mv.mv-sa .mv-sa-actions .mv-btn { height: 40px !important; min-height: 40px !important; }
    html body.mv.mv-sa .mv-sa-actions { padding-right: 16px; }
}

@media (max-width: 1100px) {
    html body.mv.mv-sa .mv-sa-card .mv-sa-ident { flex-wrap: wrap; }
    html body.mv.mv-sa .mv-sa-card .mv-sa-pname { max-width: 200px; }
}
@media (min-width: 761px) and (max-width: 900px) {
    html body.mv.mv-sa .mv-sa-card .Grid :is(th, td):nth-child(3) { display: none; }
}
@media (max-width: 1180px) {
    /* one card per accounting group; each label sits above its field */
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup { display: block; width: 100%; margin: 0 0 12px !important; overflow: hidden; border: 1px solid var(--mv-line) !important; border-radius: 12px; background: var(--mv-surface); }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup :is(tbody, tr, th, td) { display: block; width: auto; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup tr { height: auto !important; padding: 12px 14px; border-top: 1px solid var(--mv-line); }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup tr:first-child { padding: 10px 14px; border-top: 0; background: #F6F8FA; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup th { height: auto; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup td { height: auto !important; padding: 0 !important; border: 0 !important; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup td:not(:has(input, select, button)) { margin: 10px 0 5px; color: #0B2545; font-size: 12.5px; font-weight: 600; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup tr > td:first-child { margin-top: 0; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup td:has(button) { margin-top: 12px; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup :is(input[type="text"], select) { display: block; width: 100% !important; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup td { white-space: normal !important; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup tr.subgroup { border-left: 3px solid #0E9F8E; background: #F6F8FA !important; }
    html body.mv.mv-sa #divChartOfAccount table.AccountingGroup tr.Account { margin-left: 12px; border-left: 3px solid #C3CEDA; }
    html body.mv.mv-sa #divChartOfAccount .mv-sa-link { min-height: 40px; }
}
/* === end teams:SA === */

/* === teams:CLAIM (see scratchpad) === */
/* Claim form: procedures grid, pointer popup, Dates / Certification / Accident / Ambulance sections */
/* procedures: fixed columns so every row lines up; one control height (36px) in every cell */
html body.mv #divNewClaimForm #tblClaimServices { table-layout: fixed !important; width: 100% !important; min-width: 1100px; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(1) { width: 40px !important; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(2) { width: auto !important; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(3) { width: 56px !important; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(4) { width: 86px !important; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(5) { width: 124px !important; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(6) { width: 88px !important; }
html body.mv #divNewClaimForm #tblClaimServices :is(th, td):nth-child(n+7):nth-child(-n+13) { width: 60px !important; min-width: 0 !important; }
html body.mv #divNewClaimForm #tblClaimServices th:nth-child(14) { width: 132px !important; }
html body.mv #divNewClaimForm #tblClaimServices td { padding: 6px 6px !important; white-space: nowrap; }
html body.mv #divNewClaimForm #tblClaimServices td:nth-child(2) { overflow: hidden; }
html body.mv #divNewClaimForm #tblClaimServices td input[type="text"],
html body.mv #divNewClaimForm #tblClaimServices td select,
html body.mv #divNewClaimForm #tblClaimServices a.drop-down-box { height: 36px !important; min-height: 36px !important; box-sizing: border-box; font-family: inherit !important; font-size: 13px !important; }
html body.mv #divNewClaimForm #tblClaimServices td > input.modifiers { width: calc(50% - 3px) !important; min-width: 0 !important; }
html body.mv #divNewClaimForm #tblClaimServices td:has(> input.modifiers) { width: auto !important; }
html body.mv #divNewClaimForm #tblClaimServices a.drop-down-box { min-width: 0; width: 100%; }
html body.mv #divNewClaimForm #tblClaimServices td.action > div { gap: 4px; }
html body.mv #divNewClaimForm #tblClaimServices td.action > div > :is(.spndrug, .spndelete, .spnview) {
    display: inline-flex !important; width: 32px !important; height: 32px !important; min-width: 32px; flex: 0 0 32px; align-items: center; justify-content: center; border-radius: 8px; box-sizing: border-box; margin: 0 !important;
}
html body.mv #divNewClaimForm #tblClaimServices td.action > div > .spndelete[style*="display: none"] { display: none !important; } /* hidden by the page logic (paid or deactivated lines) stays hidden */
html body.mv #divNewClaimForm #tblClaimServices td.action > div > .spndelete:hover { background-color: var(--mv-bad-50, #FDECEA) !important; color: var(--mv-bad, #C0392B); }
html body.mv #divNewClaimForm #tblClaimServices td.action > div > :is(.spndelete, .spnview)::before { width: 18px !important; height: 18px !important; }
/* pointer popup: 4 x 3 grid, Public Sans labels, buttons below, never taller than the viewport */
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox {
    width: 320px !important; max-width: calc(100vw - 16px); padding: 14px !important; border: 1px solid var(--mv-line-strong, #C3CEDA) !important; border-radius: 12px !important;
    box-shadow: 0 20px 44px -16px rgba(11,37,69,.42) !important; font-family: "Public Sans", system-ui, sans-serif !important; white-space: normal;
}
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox tbody { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox td { background: none !important; width: auto !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox td span {
    display: flex !important; align-items: center; gap: 8px !important; height: 28px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; font-family: inherit !important;
}
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox td span:has(input:checked) { background: none !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox td input[type="checkbox"] { width: 15px !important; height: 15px !important; margin: 0 !important; accent-color: #0E9F8E; flex: 0 0 15px; position: static !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox td label { font-family: "Public Sans", system-ui, sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; color: #0B2545 !important; margin: 0 !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .div-drop-down { overflow: visible !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .divBottom { display: flex !important; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; float: none !important; clear: both; margin: 12px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid var(--mv-line, #E2E8EE) !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .divBottom input[type="button"] { height: 32px !important; min-height: 32px !important; min-width: 72px !important; padding: 0 14px !important; background-image: none !important; text-indent: 0 !important; margin: 0 !important; font: 600 13px "Public Sans", system-ui, sans-serif !important; border-radius: 9px !important; cursor: pointer; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .divBottom input[value="Cancel"] { background: #fff !important; color: #0B2545 !important; border: 1px solid #C3CEDA !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .divBottom input[value="OK"] { background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; }
/* collapsible sections: labels above fields, grid, Public Sans */
html body.mv #divNewClaimForm .mv-cf { padding: 14px 16px 16px !important; margin: 0 0 8px; background: var(--mv-surface, #fff); border: 1px solid var(--mv-line, #E2E8EE); border-radius: 12px; font-family: "Public Sans", system-ui, sans-serif; }
html body.mv #divNewClaimForm .mv-cf-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 16px; align-items: end; }
html body.mv #divNewClaimForm .mv-cf-f { display: flex; flex-direction: column; gap: 5px; min-width: 0; position: relative; }
html body.mv #divNewClaimForm .mv-cf-f.mv-cf-wide { grid-column: 1 / -1; }
html body.mv #divNewClaimForm .mv-cf-f > label { display: block; margin: 0 !important; font: 600 12.5px/1.3 "Public Sans", system-ui, sans-serif !important; color: #0B2545 !important; white-space: normal; }
html body.mv #divNewClaimForm .mv-cf :is(input[type="text"], select, textarea) { width: 100% !important; max-width: none !important; height: 36px !important; min-height: 36px; margin: 0 !important; padding: 5px 9px !important; box-sizing: border-box; font: 400 13px "Public Sans", system-ui, sans-serif !important; border: 1px solid #7F8FA3; border-radius: 6px; background: #fff; color: #0B2545; }
html body.mv #divNewClaimForm .mv-cf select { padding-right: 26px !important; }
html body.mv #divNewClaimForm .mv-cf textarea { height: auto !important; min-height: 64px; resize: none; }
html body.mv #divNewClaimForm .mv-cf :is(input[type="text"], select, textarea):focus { outline: 0; border-color: #0E9F8E; box-shadow: 0 0 0 3px rgba(14,159,142,.16); }
html body.mv #divNewClaimForm .mv-cf :is(input[type="text"], select, textarea):disabled { background: #EEF2F5; color: #5B6B7F; }
html body.mv #divNewClaimForm .mv-cf-inline { display: flex; gap: 8px; align-items: center; min-width: 0; }
html body.mv #divNewClaimForm .mv-cf-inline > :is(input, select) { flex: 1 1 0; min-width: 0; }
html body.mv #divNewClaimForm .mv-cf-inline > select { flex: 0 0 84px; }
html body.mv #divNewClaimForm .mv-cf-inline > .mv-btn { flex: 0 0 auto; white-space: nowrap; }
html body.mv #divNewClaimForm .mv-cf-checks { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 8px; }
html body.mv #divNewClaimForm .mv-cf-checks > span { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; }
html body.mv #divNewClaimForm .mv-cf-checks input[type="checkbox"] { width: 15px !important; height: 15px !important; margin: 0 !important; accent-color: #0E9F8E; }
html body.mv #divNewClaimForm .mv-cf-checks label { margin: 0 16px 0 0 !important; padding: 0 !important; font: 600 13px "Public Sans", system-ui, sans-serif !important; color: #0B2545 !important; }
html body.mv #divNewClaimForm .mv-cf-set { grid-column: 1 / -1; margin: 16px 0 0; padding: 12px 14px 14px; border: 1px solid var(--mv-line, #E2E8EE); border-radius: 10px; min-width: 0; }
html body.mv #divNewClaimForm .mv-cf-set > legend { width: auto; margin: 0; padding: 0 6px; font: 700 13px "Public Sans", system-ui, sans-serif; color: #0B2545; border: 0; }
html body.mv #divNewClaimForm .mv-cf-set .inline-search-wrapper { position: absolute; left: 0; top: 100% !important; width: 100% !important; }
html body.mv #divNewClaimForm .mv-cf > .mv-cf-grid + .mv-cf-set { margin-top: 16px; }
html body.mv .ui-datepicker { z-index: 3000 !important; }
html body.mv #divNewClaimForm #DateDiv .mv-cf-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) { html body.mv #divNewClaimForm .mv-cf-grid, html body.mv #divNewClaimForm #DateDiv .mv-cf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    html body.mv #divNewClaimForm .mv-cf-grid, html body.mv #divNewClaimForm #DateDiv .mv-cf-grid { grid-template-columns: minmax(0, 1fr); }
    html body.mv #divNewClaimForm .mv-cf-inline { flex-wrap: wrap; }
    html body.mv #divNewClaimForm #tblClaimServices td.action > div > :is(.spndrug, .spndelete, .spnview) { width: 40px !important; height: 40px !important; flex-basis: 40px; }
    html body.mv #divNewClaimForm .mv-cf :is(input[type="text"], select) { height: 40px !important; }
}
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox tbody { grid-auto-rows: 28px; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox td { height: 28px !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .divBottom input[type="button"] { text-align: center !important; }
html body.mv #divNewClaimForm #CertificateDiv > .mv-cf-grid > .mv-cf-f:nth-child(3) { grid-column: span 2; }
html body.mv #divNewClaimForm #AmbulanceDiv > .mv-cf-grid > .mv-cf-f:nth-child(-n+2) { grid-column: span 2; }
@media (max-width: 600px) { html body.mv #divNewClaimForm :is(#CertificateDiv, #AmbulanceDiv) .mv-cf-grid > .mv-cf-f { grid-column: auto !important; } }
/* narrow screens: the grid scrolls sideways, so the popup is centred on the screen instead of hanging off the cell */
@media (max-width: 1200px) {
    html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox { position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; margin: 0 !important; transform: translate(-50%, -50%); max-height: calc(100vh - 16px); overflow: auto; z-index: 3001 !important; }
}
html body.mv #divNewClaimForm :is(#tblClaimServices .dropdownMenuMultipleCheckBox td, .mv-cf-checks) input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; max-width: 15px !important; padding: 0 !important; }
html body.mv #divNewClaimForm :is(#tblClaimServices .dropdownMenuMultipleCheckBox td, .mv-cf-checks) input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; }
html body.mv #divNewClaimForm #tblClaimServices .dropdownMenuMultipleCheckBox .divBottom { height: auto !important; min-height: 44px; box-sizing: border-box; overflow: visible !important; }
@media (max-width: 600px) { html body.mv #divNewClaimForm .mv-cf-checks { display: grid; grid-template-columns: 15px 1fr; gap: 12px 8px; align-items: center; } html body.mv #divNewClaimForm .mv-cf-checks label { margin: 0 !important; } }

/* clearinghouse reports grids (all reports, claim processing, electronic remittance) */
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) .department_table { overflow-x: auto; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable { table-layout: fixed; width: 100%; min-width: 900px; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):is(:nth-child(1), :nth-child(2)) { width: 36px !important; text-align: center !important; padding-left: 0 !important; padding-right: 0 !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):nth-child(3) { width: auto !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):is(:nth-child(4), :nth-child(5), :nth-child(7), :nth-child(8)) { width: 104px !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):nth-child(6) { width: 124px !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):nth-child(9) { width: 112px !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):nth-child(10) { width: 52px !important; text-align: center !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7), :nth-child(8), :nth-child(9)) { text-align: left !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv #ClearingHouseReportsGridView table.fixTable thead tr:nth-child(2) th > :is(input[type="text"], select) { width: 100% !important; height: 32px !important; min-height: 32px; box-sizing: border-box; margin: 0 !important; }
html body.mv #ClearingHouseReportsGridView table.fixTable input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; max-width: 15px !important; margin: 0 !important; padding: 0 !important; accent-color: #0E9F8E; -webkit-appearance: checkbox !important; appearance: auto !important; vertical-align: middle; }
html body.mv #ClearingHouseReportsGridView button.mv-ch-eye { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--mv-slate, #5B6B7F); cursor: pointer; font-size: 16px; }
html body.mv #ClearingHouseReportsGridView button.mv-ch-eye:hover { background: var(--mv-mist, #EEF2F5); color: var(--mv-teal-700, #0A7266); }
html body.mv #ClearingHouseReportsGridView button.mv-ch-eye:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
@media (max-width: 900px) { html body.mv #ClearingHouseReportsGridView button.mv-ch-eye { width: 40px; height: 40px; } }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td) { box-sizing: border-box; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):nth-child(n+3) { padding-left: 8px !important; padding-right: 8px !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable :is(th, td):nth-child(1) { width: 28px !important; }
html body.mv #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable thead th { white-space: normal; line-height: 1.25; }
/* ===== M23 claim list ===== */
html body.mv .mv-rowmenu { min-width: 176px; padding: 6px !important; display: flex; flex-direction: column; gap: 2px; background: #fff; border: 1px solid var(--mv-line, #E2E8EE); border-radius: 12px; box-shadow: 0 12px 30px -8px rgba(11,37,69,.25); }
html body.mv .mv-rowmenu[hidden] { display: none !important; }
html body.mv .mv-rowmenu > button[role="menuitem"]:not(#a):not(#b):not(#c):not(#d) { display: flex !important; align-items: center; gap: 10px; width: 100% !important; height: 36px !important; min-height: 36px; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: #0B2545 !important; font: 500 13px "Public Sans", system-ui, sans-serif !important; text-align: left; cursor: pointer; }
html body.mv .mv-rowmenu > button[role="menuitem"]:hover, html body.mv .mv-rowmenu > button[role="menuitem"]:focus-visible { background: var(--mv-mist, #EEF2F5) !important; outline: 0; }
html body.mv .mv-rowmenu > button[role="menuitem"]:focus-visible { outline: 2px solid #2563EB; outline-offset: -2px; }
html body.mv .mv-rowmenu > button[role="menuitem"]::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--mv-mi) center / contain no-repeat; mask: var(--mv-mi) center / contain no-repeat; }
html body.mv .mv-rowmenu > button[onclick^="loadCreateClaimForm"] { --mv-mi: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/box-arrow-up-right.svg"); }
html body.mv .mv-rowmenu > button[onclick^="printClaim"] { --mv-mi: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/printer.svg"); }
html body.mv .mv-rowmenu > button.lockClaim { --mv-mi: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/unlock.svg"); }
html body.mv .mv-rowmenu > button.unlockClaim { --mv-mi: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/lock.svg"); }
html body.mv .mv-rowmenu > button[role="menuitem"][style*="display:none"]:not(#a):not(#b):not(#c):not(#d), html body.mv .mv-rowmenu > button[role="menuitem"][style*="display: none"]:not(#a):not(#b):not(#c):not(#d) { display: none !important; }
/* balance / provider spacing */
html body.mv #divClaims table.fixTable :is(th, td):nth-child(13):not(#a):not(#b):not(#c) { padding-right: 14px !important; }
html body.mv #divClaims table.fixTable :is(th, td):nth-child(14):not(#a):not(#b):not(#c) { padding-left: 14px !important; }
/* filter row: 32px controls, Public Sans, 15px checkboxes */
html body.mv #divClaims table.fixTable thead tr:nth-child(2) :is(input:not([type="hidden"]):not([type="checkbox"]), select) { height: 32px !important; min-height: 32px !important; font-family: "Public Sans", system-ui, sans-serif !important; font-size: 13px !important; box-sizing: border-box; }
html body.mv #divClaims table.fixTable input[type="checkbox"]:not(#a):not(#b):not(#c) { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; accent-color: #0E9F8E; }
html body.mv #divClaims .mv-fakeselect { font-family: "Public Sans", system-ui, sans-serif !important; }
html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(16) > :is(input, select), html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(16) .mv-fakeselect { max-width: 130px; }
html body.mv #divClaims table.fixTable tbody td:nth-child(16) { max-width: 150px; }
html body.mv #divClaims table.fixTable :is(th, td):is(:nth-child(6), :nth-child(9)):not(#a):not(#b):not(#c) { max-width: 76px; }
html body.mv #divClaims table.fixTable tbody td:is(:nth-child(6), :nth-child(9)) { overflow: hidden; text-overflow: ellipsis; }
html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:is(:nth-child(6), :nth-child(9)) > :is(input, .mv-fakeselect) { max-width: 60px; }
/* ===== M24 / M26 claim form ===== */
/* primary insurance: always show the payer select (under its label, like Secondary insurance) */
html body.mv #divNewClaimForm .priInsdetail { display: block !important; }
html body.mv #divNewClaimForm #lblPrimaryInsurance { display: none !important; }
html body.mv #divNewClaimForm #ddlPrimaryInsurance { width: 100% !important; max-width: none; }
html body.mv #divNewClaimForm .mv-addins { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-left: 6px; border: 1px solid #C3CEDA; border-radius: 8px; background: #fff; color: #0B2545; cursor: pointer; vertical-align: middle; }
html body.mv #divNewClaimForm .mv-addins:hover { background: var(--mv-mist, #EEF2F5); }
html body.mv #divNewClaimForm .mv-addins:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
/* follow-up status labels with no value: hide the empty pair */
html body.mv #divNewClaimForm div:has(> span[title="Follow-up status"]):has(+ div > span:empty) { visibility: hidden; }
html body.mv #divNewClaimForm div:has(> span[title="Follow-up status"]) + div > span:empty { display: none; }
/* General / Payments / Notes: standard segmented control */
html body.mv .mv-claimhead ul.mxemr-btn { display: inline-flex !important; flex-wrap: nowrap; width: auto !important; max-width: 100%; padding: 3px !important; gap: 2px; border-radius: 10px; }
html body.mv .mv-claimhead ul.mxemr-btn li { flex: 0 0 auto !important; width: auto !important; position: static !important; }
html body.mv .mv-claimhead ul.mxemr-btn li .btn_style { height: 32px !important; padding: 0 14px !important; border-radius: 8px !important; font-size: 13px !important; width: auto !important; min-width: 0 !important; margin: 0 !important; position: static !important; }
/* fields and action buttons */
html body.mv #divNewClaimForm .divdiagnoseCode td input[type="text"] { height: 36px !important; min-height: 36px !important; }
html body.mv :is(.btnBack, #btn_SaveClaim, #btnbackSaveClaim) { height: 38px !important; font-size: 13.5px !important; padding: 0 14px !important; }
html body.mv :is(.btnBack, #btn_SaveClaim, #btnbackSaveClaim, input[value="Validate"], button.mv-validate) { height: 38px !important; min-height: 38px !important; font-size: 13.5px !important; }
/* totals: "$0.00" and no gap after the dollar sign */
html body.mv #divNewClaimForm :is(#spnTotalChargesClaimSummary1, #spnPaidAmountClaimSummary1, #spnAdjustedAmountClaimSummary1):empty::before { content: "0.00"; }
html body.mv #divNewClaimForm #spnBalanceDueClaimSummary1:empty::before { content: "$0.00"; }
html body.mv #divNewClaimForm :is(#spnTotalChargesClaimSummary1, #spnPaidAmountClaimSummary1, #spnAdjustedAmountClaimSummary1, #spnBalanceDueClaimSummary1) { margin-left: 0 !important; padding-left: 0 !important; }
html body.mv #divNewClaimForm label:has(> #spnTotalChargesClaimSummary1, > #spnPaidAmountClaimSummary1, > #spnAdjustedAmountClaimSummary1, > #spnBalanceDueClaimSummary1) { display: inline-flex; gap: 4px; white-space: nowrap; width: auto !important; min-width: 0 !important; }
/* CPT picker: about 8 rows */
html body.mv #divCPTSearched .divCPTSearched { max-height: 312px !important; height: auto !important; }
html body.mv #divNewClaimForm .priInsdetail { display: flex !important; align-items: center; gap: 6px; }
html body.mv #divNewClaimForm .priInsdetail > #ddlPrimaryInsurance { flex: 1 1 0; min-width: 0; width: auto !important; }
html body.mv #divNewClaimForm .priInsdetail > .mv-addins { margin-left: 0; flex: 0 0 32px; }
html body.mv #divNewClaimForm label:has(> #spnTotalChargesClaimSummary1, > #spnPaidAmountClaimSummary1, > #spnAdjustedAmountClaimSummary1, > #spnBalanceDueClaimSummary1) { gap: 0; }
html body.mv :is(.btnBack, #btn_SaveClaim, #btnbackSaveClaim):not(#a):not(#b):not(#c), html body.mv :is(button, input[type="button"]):is([onclick*="ValidateClaim"], [value="Validate"]):not(#a):not(#b):not(#c) { height: 38px !important; min-height: 38px !important; font-size: 13.5px !important; padding: 0 14px !important; }
html body.mv #divNewClaimForm #spnBalanceDueClaimSummary1 { margin-left: 5px !important; }
/* ===== M25 claim submission ===== */
html body.mv .mv-cs-head { margin: 0 0 12px; }
html body.mv .mv-cs-head h2 { margin: 0; font: 700 20px/1.3 "Public Sans", system-ui, sans-serif; color: #0B2545; }
html body.mv .mv-cs-head p { margin: 2px 0 0; font-size: 13px; color: #5B6B7F; }
html body.mv td.prac_side li.mv-segwrap { padding: 0 0 12px !important; margin: 0 0 4px; border-bottom: 1px solid var(--mv-line, #E2E8EE); list-style: none; }
html body.mv .mv-seg { display: flex; padding: 3px; gap: 2px; background: var(--mv-mist, #EEF2F5); border: 1px solid var(--mv-line, #E2E8EE); border-radius: 10px; }
html body.mv .mv-seg .mv-seg-btn { flex: 1 1 0; height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: #5B6B7F; font: 600 13px "Public Sans", system-ui, sans-serif; cursor: pointer; }
html body.mv .mv-seg .mv-seg-btn.active { background: #fff; color: #0B2545; box-shadow: 0 1px 2px rgba(11,37,69,.12); }
html body.mv .mv-seg .mv-seg-btn:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html body.mv .mv-cs-refresh { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #C3CEDA; border-radius: 8px; background: #fff; color: #0B2545; cursor: pointer; }
html body.mv .mv-cs-refresh:hover { background: var(--mv-mist, #EEF2F5); }
html body.mv td.prac_side + td { position: relative; }
/* toolbar row per tab: banner, then Individual + Generate on one line, then the grid */
html body.mv td.prac_side + td .Tab-Content { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding-top: 4px; }
html body.mv td.prac_side + td .Tab-Content > .mv-ch-sendto { flex: 1 1 100%; margin: 0 !important; }
html body.mv td.prac_side + td .Tab-Content > .Grid { flex: 1 1 100%; width: 100% !important; margin: 0 !important; }
html body.mv td.prac_side + td .Tab-Content > .individualdivclass { order: 1; margin: 0 0 0 auto !important; float: none !important; display: inline-flex; align-items: center; gap: 8px; }
html body.mv td.prac_side + td .Tab-Content > div.float_right1 { order: 2; margin: 0 !important; float: none !important; padding: 0 !important; }
html body.mv td.prac_side + td .Tab-Content > .individualdivclass > span { float: none !important; margin: 0 !important; }
html body.mv td.prac_side + td .Tab-Content input[type="button"][value="Generate Submission File"] { height: 38px; padding: 0 14px; background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; border-radius: 9px; font: 600 13.5px "Public Sans", system-ui, sans-serif !important; cursor: pointer; }
html body.mv td.prac_side + td .Tab-Content input[type="button"][value="Generate Submission File"]:disabled { background: #EEF2F5 !important; color: #5B6B7F !important; border-color: #C3CEDA !important; cursor: not-allowed; }
html body.mv td.prac_side + td .Tab-Content input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; accent-color: #0E9F8E; }
/* grids span the card: full-width fixed tables, 36px header, 40px rows, 32px filters */
html body.mv td.prac_side + td .Tab-Content .department_table { width: 100%; overflow-x: auto; }
html body.mv td.prac_side + td .Tab-Content table.fixTable { width: 100% !important; min-width: 720px; }
html body.mv td.prac_side + td .Tab-Content table.fixTable thead tr:first-child th { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px !important; }
html body.mv td.prac_side + td .Tab-Content table.fixTable tbody td { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv td.prac_side + td .Tab-Content table.fixTable thead tr:nth-child(2) th > :is(input[type="text"], select) { height: 32px !important; min-height: 32px !important; width: 100% !important; box-sizing: border-box; }
html body.mv td.prac_side + td .Tab-Content table.fixTable thead tr:nth-child(2) th { height: 44px; }
html body.mv td.prac_side + td .Free_claim_btn, html body.mv td.prac_side + td .download_files { float: none !important; margin: 0 8px 8px 0 !important; }
html body.mv td.prac_side + td .Free_claim_btn a, html body.mv td.prac_side + td .download_files a { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1px solid #C3CEDA; border-radius: 8px; background: #fff; color: #0B2545 !important; font: 600 13px "Public Sans", system-ui, sans-serif; text-decoration: none; }
@media (max-width: 760px) {
    html body.mv td.prac_side + td .Tab-Content > .individualdivclass { margin: 0 !important; order: 1; flex: 1 1 auto; }
    html body.mv td.prac_side + td .Tab-Content > div.float_right1 { order: 2; flex: 0 0 auto; }
    html body.mv .mv-ql-inpage .mv-qa-primary, html body.mv .mv-claims-head .mv-createwrap { width: auto !important; max-width: 100%; }
}
html body.mv td.prac_side + td .Tab-Content > .Grid { order: 3; }
html body.mv td.prac_side + td .Tab-Content > .mv-ch-sendto { order: 0; }
html body.mv .mv-seg { box-sizing: border-box; width: 100%; }
/* A segmented control beside a card title (dashboard Claims aging) keeps its own width so the title is not squeezed */
html body.mv .mv-card-head > .mv-seg { width: auto; flex: 0 0 auto; }
html body.mv .mv-card-head > div:first-child { flex: 1 1 auto; min-width: 0; }
html body.mv td.prac_side + td .Free_claim_btn, html body.mv td.prac_side + td .download_files { background: none !important; border: 0 !important; padding: 0 !important; position: static !important; display: inline-block; width: auto !important; height: auto !important; box-shadow: none !important; }
html body.mv td.prac_side + td .Free_claim_btn::before, html body.mv td.prac_side + td .Free_claim_btn::after { display: none !important; }
html body.mv td.prac_side + td .Tab-Content > .mv-ch-sendto { margin-bottom: 0 !important; }
html body.mv td.prac_side + td .Tab-Content input[type="button"][value="Generate Submission File"]:not(:disabled):not(#a):not(#b):not(#c) { background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; }
html body.mv td.prac_side + td .Tab-Content input[type="button"][value="Generate Submission File"]:disabled:not(#a):not(#b):not(#c) { background: #EEF2F5 !important; color: #5B6B7F !important; border: 1px solid #C3CEDA !important; }
/* ===== M26 new claim ===== */
html body.mv .mv-newclaim-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; width: 100%; margin: 4px 0 14px; padding: 0 4px; }
html body.mv .mv-newclaim-head[style*="display: none"] { display: none !important; }
html body.mv .mv-newclaim-title h2 { margin: 0; font: 700 20px/1.3 "Public Sans", system-ui, sans-serif; color: #0B2545; }
html body.mv .mv-newclaim-title p { margin: 2px 0 0; font-size: 13px; color: #5B6B7F; }
html body.mv .mv-newclaim-find { display: flex; align-items: center; gap: 8px; flex: 0 1 520px; min-width: 260px; }
html body.mv .mv-newclaim-find #txtSearchPatients { flex: 1 1 auto; width: auto !important; height: 36px !important; min-width: 0; }
html body.mv .mv-newclaim-find #btnAddPatient { height: 38px !important; padding: 0 14px !important; border-radius: 9px; background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; font: 600 13.5px "Public Sans", system-ui, sans-serif !important; white-space: nowrap; }
html body.mv.mv-nopatient #divPatientName::before { display: none !important; }
html body.mv.mv-nopatient .mv-claimhead > .col-8 > .row.blue_color > #divPatientName { padding-left: 0 !important; min-height: 0; flex: 0 0 0; }
html body.mv.mv-nopatient .mv-claimhead #lblPatientId { display: none; }
html body.mv .mv-claimtools button:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 600px) { html body.mv .mv-newclaim-find { flex: 1 1 100%; flex-wrap: wrap; } html body.mv .mv-newclaim-find #txtSearchPatients { flex: 1 1 100%; height: 40px !important; } }
html body.mv .mv-newclaim-find { position: relative; }
html body.mv .mv-newclaim-find #divAllClaimsDropDown { position: absolute !important; left: 0 !important; right: auto !important; top: calc(100% + 4px) !important; width: 100% !important; height: auto !important; max-height: 260px; z-index: 3000; background: #fff; border: 1px solid var(--mv-line, #E2E8EE); border-radius: 10px; box-shadow: 0 12px 30px -8px rgba(11,37,69,.25); overflow: auto; }
/* ===== M29 / M34 shared: primary action button, grid fits its card ===== */
html body.mv td.prac_side + td .Tab-Content input.mv-primary-send:not(#a):not(#b):not(#c):not(#d) { height: 38px; padding: 0 14px; border-radius: 9px; font: 600 13.5px "Public Sans", system-ui, sans-serif !important; cursor: pointer; background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; }
html body.mv td.prac_side + td .Tab-Content input.mv-primary-send:disabled:not(#a):not(#b):not(#c):not(#d) { background: #EEF2F5 !important; color: #5B6B7F !important; border-color: #C3CEDA !important; cursor: not-allowed; }
html body.mv td.prac_side + td .Tab-Content > div.float_right1 { margin-left: auto !important; }
html body.mv td.prac_side + td .Tab-Content .department_table { box-sizing: border-box; max-width: 100%; }
html body.mv td.prac_side + td .Tab-Content .Grid { box-sizing: border-box; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
/* ===== M34 patient invoices ===== */
html body.mv td.prac_side + td .Tab-Content input.gen_invoice:not(#a):not(#b):not(#c):not(#d) { height: 38px; padding: 0 14px; border-radius: 9px; font: 600 13.5px "Public Sans", system-ui, sans-serif !important; cursor: pointer; background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; }
html body.mv input.gen_invoice:not(#a):not(#b):not(#c):not(#d) { height: 38px; padding: 0 14px; border-radius: 9px; font: 600 13.5px "Public Sans", system-ui, sans-serif !important; cursor: pointer; background: #0A7266 !important; color: #fff !important; border: 1px solid #0A7266 !important; }
html body.mv input.gen_invoice:disabled:not(#a):not(#b):not(#c):not(#d) { background: #EEF2F5 !important; color: #5B6B7F !important; border-color: #C3CEDA !important; cursor: not-allowed; }
html body.mv #divPendingInvoices table.fixTable :is(th, td):nth-child(n+6):nth-child(-n+10) { text-align: right !important; }
html body.mv #divPendingInvoices table.fixTable thead tr:first-child th { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv #divPendingInvoices table.fixTable thead tr:nth-child(2) th > input[type="text"] { height: 32px !important; min-height: 32px !important; width: 100% !important; box-sizing: border-box; }
html body.mv #divPendingInvoices table.fixTable td:nth-child(3) { text-align: left !important; }
/* ===== M25 follow-up: fit at 1440 ===== */
html body.mv td.prac_side + td .Tab-Content table.fixTable :is(th, td) { padding-left: 6px !important; padding-right: 6px !important; }
html body.mv td.prac_side + td .Tab-Content table.fixTable thead tr:first-child th { white-space: normal !important; line-height: 1.2; height: auto !important; min-height: 36px; vertical-align: middle; }
html body.mv td.prac_side + td .Tab-Content table.fixTable :is(th, td).width_2p { width: 36px !important; }
html body.mv td.prac_side + td .Tab-Content table.fixTable tbody td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
html body.mv td.prac_side + td .Tab-Content table.fixTable thead tr:nth-child(2) th > :is(input[type="text"], select) { min-width: 0 !important; }
html body.mv td.prac_side li.mv-segwrap, html body.mv td.prac_side .box-header ul { overflow: visible; box-sizing: border-box; max-width: 100%; }
html body.mv td.prac_side li.mv-segwrap .mv-seg { width: 100% !important; min-width: 0; }
html body.mv .mv-seg .mv-seg-btn { padding: 0 6px; min-width: 0; white-space: nowrap; font-size: 12.5px; }
html body.mv td.prac_side + td #divPendingSubmission > #spnFreeClaim { order: 1; margin: 0 auto 0 0 !important; }
html body.mv td.prac_side + td #divPendingSubmission > .individualdivclass { margin-left: 0 !important; }
html body.mv #divPendingSubmission table.fixTable thead tr:first-child th:nth-child(n+9) { white-space: nowrap !important; }
/* ===== verify fixes ===== */
/* header row 36px on every tab */
html body.mv td.prac_side + td .Tab-Content table.fixTable thead tr:first-child th:not(#a):not(#b):not(#c) { height: 36px !important; min-height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; line-height: 36px; box-sizing: border-box; }
/* claim form: the row divider spans the whole table (hidden action cell keeps its box) */
html body.mv #divNewClaimForm #tbodyClaimServices tr.procedurecodeRow > td.action { display: table-cell !important; }
html body.mv #divNewClaimForm #tblClaimServices tr.procedurecodeRow > td { border-top: 1px solid var(--mv-line, #E2E8EE) !important; }
/* claim list: fit at 1440 */
html body.mv #divClaims table.fixTable :is(th, td):not(#a):not(#b):not(#c):not(#d):not(:nth-child(2)) { padding-left: 4px !important; padding-right: 4px !important; }
html body.mv #divClaims table.fixTable tbody td:is(:nth-child(14), :nth-child(15)):not(#a):not(#b) { max-width: 84px; overflow: hidden; text-overflow: ellipsis; }
html body.mv #divClaims table.fixTable .mv-status { padding: 3px 7px 3px 6px; }
/* phone: one card per row, label above value */
@media (max-width: 760px) {
    html body.mv td.prac_side + td .Tab-Content table.fixTable { min-width: 0 !important; display: block; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable thead { display: none; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody { display: block; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 0 0 10px; padding: 12px; border: 1px solid var(--mv-line, #E2E8EE); border-radius: 12px; background: #fff; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody td { display: block !important; height: auto !important; max-width: none !important; border: 0 !important; padding: 0 !important; text-align: left !important; white-space: normal; overflow: visible; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody td[data-label]:not(:empty)::before { content: attr(data-label); display: block; margin-bottom: 2px; font: 600 11.5px "Public Sans", system-ui, sans-serif; color: #5B6B7F; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody td[style*="display:none"], html body.mv td.prac_side + td .Tab-Content table.fixTable tbody td[style*="display: none"] { display: none !important; }
    html body.mv td.prac_side + td .Tab-Content .department_table { overflow-x: visible; }
    html body.mv td.prac_side + td .Tab-Content > .individualdivclass { display: inline-flex !important; align-items: center; gap: 8px; }
    html body.mv td.prac_side + td .Tab-Content > .individualdivclass > span { display: inline-flex !important; width: auto !important; overflow: visible !important; }
    html body.mv td.prac_side + td .Tab-Content > .individualdivclass input[type="checkbox"] { display: inline-block !important; opacity: 1 !important; position: static !important; visibility: visible !important; }
}
html body.mv #divClaims table.fixTable :is(th, td):is(:nth-child(6), :nth-child(9)):not(#a):not(#b):not(#c):not(#d) { max-width: 66px; }
html body.mv #divClaims table.fixTable tbody td:nth-child(16):not(#a):not(#b) { max-width: 138px; }
html body.mv #divClaims table.fixTable th:nth-child(16) { max-width: 138px; }
@media (max-width: 760px) { html body.mv td.prac_side + td .Tab-Content input[type="checkbox"]:not(#a):not(#b):not(#c) { -webkit-appearance: checkbox !important; appearance: auto !important; width: 15px !important; min-width: 15px !important; max-width: 15px !important; height: 15px !important; min-height: 15px !important; padding: 0 !important; } }
@media (max-width: 760px) {
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody tr:not(#a):not(#b):not(#c) { height: auto !important; min-height: 0 !important; }
    html body.mv td.prac_side + td .Tab-Content :is(.Grid, .department_table, .height, .scroll):not(#a):not(#b) { height: auto !important; min-height: 0 !important; max-height: none !important; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable { height: auto !important; border: 0 !important; }
    html body.mv td.prac_side + td .Tab-Content table.fixTable tbody tr > td { min-width: 0; overflow-wrap: anywhere; }
}
/* ===== AUDITFIX Claims ===== */
html body.mv .mv-seg .mv-seg-btn { height: 32px; }
/* procedures grid: always scrolls inside its card, never past it */
html body.mv #divNewClaimForm div.Grid:has(> #tblClaimServices) { overflow-x: auto !important; max-width: 100%; }
html body.mv #divNewClaimForm div:has(> #tblClaimServices) { overflow-x: auto !important; max-width: 100%; }
html body.mv #divNewClaimForm .background_Blue label:has(> span[id^="spn"]) { white-space: normal !important; width: auto !important; min-width: 0 !important; }
html body.mv #divNewClaimForm .background_Blue > [class*="col-"] { min-width: 0; }
/* fixed action bar must not cover the last fields */
html body.mv #divNewClaimForm { padding-bottom: 84px; }
/* payments tab grids scroll inside their card */
html body.mv #divClaimPaymentMain div:has(> table) { max-width: 100%; overflow-x: auto; }
@media (max-width: 800px) {
    html body.mv .mv-qa, html body.mv a.mv-qa, html body.mv button.mv-qa { min-height: 40px; }
    html body.mv .mv-rowmenu-btn { width: 40px; height: 40px; }
    html body.mv #ClaimsList td, html body.mv #divClaims tbody td { height: 40px; }
    html body.mv .mv-claimtools .mv-btn, html body.mv .mv-btn-sm, html body.mv .mv-seg .mv-seg-btn, html body.mv .mv-cs-refresh { min-height: 40px; height: 40px; }
    html body.mv .mv-cs-refresh { width: 40px; }
    html body.mv td.prac_side li > a { display: flex; align-items: center; min-height: 40px; }
    html body.mv td.prac_side + td .Free_claim_btn a { min-height: 40px; }
    html body.mv a.mv-claimlink { display: inline-flex; align-items: center; min-height: 40px; min-width: 40px; }
    html body.mv #divNewClaimForm :is(input[type="text"], select):not(.mv-sr-only):not([type="checkbox"]) { min-height: 40px; height: 40px; }
    html body.mv #divNewClaimForm #tblClaimServices td input[type="text"], html body.mv #divNewClaimForm #tblClaimServices td select, html body.mv #divNewClaimForm #tblClaimServices a.drop-down-box { height: 40px !important; min-height: 40px !important; }
    html body.mv #divNewClaimForm :is(.spnview, .spnRemove, .spndelete, .spndrug) { min-width: 40px !important; min-height: 40px !important; width: 40px !important; height: 40px !important; }
    html body.mv #divNewClaimForm .mv-claimhead ul.mxemr-btn li .btn_style { height: 40px !important; }
}
@media (max-width: 800px) {
    html body.mv #divNewClaimForm :is(input[type="text"], select):not([type="checkbox"]):not(#a):not(#b):not(#c):not(#d) { min-height: 40px !important; height: 40px !important; }
    html body.mv :is(.btnBack, #btn_SaveClaim, #btnbackSaveClaim, input[value="Validate"]):not(#a):not(#b):not(#c):not(#d) { height: 40px !important; min-height: 40px !important; }
    html body.mv #divNewClaimForm a.underline-link { display: inline-flex; align-items: center; min-height: 40px; }
    html body.mv #divNewClaimForm label.switch { min-height: 40px; display: inline-flex; align-items: center; }
}
/* claim list: action column pinned while the grid scrolls inside its card */
html body.mv #divClaims table.fixTable :is(td.mv-rowmenu-cell, th.mv-rowmenu-th) { position: sticky; right: 0; z-index: 3; background: #fff; box-shadow: -10px 0 8px -10px rgba(11,37,69,.25); }
html body.mv #divClaims table.fixTable thead th.mv-rowmenu-th { background: #F6F8FA; }
/* scroll cue: soft shadows at the edges of grids that scroll inside their card */
html body.mv :is(#divClaimPaymentMain .Grid-Simple, #divNewClaimForm div.Grid:has(> #tblClaimServices), #divClaims .department_table, td.prac_side + td .Tab-Content .department_table) {
    background: linear-gradient(to right, #fff 30%, rgba(255,255,255,0)) left center / 28px 100% no-repeat local,
                linear-gradient(to left, #fff 30%, rgba(255,255,255,0)) right center / 28px 100% no-repeat local,
                radial-gradient(farthest-side at 0 50%, rgba(11,37,69,.18), rgba(11,37,69,0)) left center / 10px 100% no-repeat scroll,
                radial-gradient(farthest-side at 100% 50%, rgba(11,37,69,.18), rgba(11,37,69,0)) right center / 10px 100% no-repeat scroll;
    background-color: transparent;
}
@media (max-width: 600px) {
    html body.mv #btndiv { flex-wrap: nowrap; justify-content: space-between !important; gap: 6px !important; padding: 0 8px !important; }
    html body.mv #btndiv > * { flex: 1 1 0; min-width: 0; margin: 0 !important; }
    html body.mv #btndiv :is(input[type="button"], button) { width: 100% !important; min-width: 0 !important; padding: 0 6px !important; }
}
html body.mv #divClaims table.fixTable tbody td.mv-rowmenu-cell:not(#a):not(#b):not(#c):not(#d) { position: sticky !important; right: 0; z-index: 5; background: #fff !important; }
html body.mv #divClaims table.fixTable tbody tr:hover td.mv-rowmenu-cell:not(#a):not(#b):not(#c):not(#d) { background: #F6F8FA !important; }
html body.mv #divClaims table.fixTable tbody .mv-status { position: relative; z-index: 1; }
html body.mv .mv-seg .mv-seg-btn:not(#a):not(#b):not(#c):not(#d) { height: 32px !important; min-height: 32px; }
html body.mv #divNewClaimForm #tblClaimServices :is(th, td):first-child:not(#a):not(#b):not(#c) { width: 44px !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; }
html body.mv #divNewClaimForm #tblClaimServices td:first-child input[type="checkbox"] { margin: 0 auto !important; display: block; }
@media (max-width: 800px) { html body.mv #divNewClaimForm .spnEye { display: inline-flex !important; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; } }
@media (max-width: 800px) {
    html body.mv #divNewClaimForm #tblClaimServices td:first-child input[type="checkbox"]:not(#a):not(#b):not(#c):not(#d) { width: 15px !important; min-width: 15px !important; max-width: 15px !important; height: 15px !important; min-height: 15px !important; margin: 0 auto !important; }
    html body.mv .mv-seg .mv-seg-btn:not(#a):not(#b):not(#c):not(#d):not(#e) { height: 40px !important; min-height: 40px !important; }
    html body.mv a.underline-link:not(#a):not(#b) { display: inline-flex; align-items: center; min-height: 40px; min-width: 40px; }
    html body.mv .emr-searchfield:not(#a):not(#b):not(#c), html body.mv #btnAddPatient:not(#a):not(#b):not(#c), html body.mv input.gen_invoice:not(#a):not(#b):not(#c):not(#d), html body.mv input.mv-primary-send:not(#a):not(#b):not(#c):not(#d) { height: 40px !important; min-height: 40px !important; }
    html body.mv .mv-claimhead span[onclick="showPriddl()"], html body.mv #divNewClaimForm span[onclick="showPriddl()"] { display: inline-flex; align-items: center; min-height: 40px; }
    html body.mv td.prac_side + td .Tab-Content thead input[type="text"]:not(#a):not(#b):not(#c) { height: 40px !important; min-height: 40px !important; }
    html body.mv #FilterIcon_InvoiceFiles, html body.mv #FilterIcon1, html body.mv #FilterIcon { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 800px) {
    html body.mv .mv-addins:not(#a):not(#b) { width: 40px !important; height: 40px !important; flex-basis: 40px !important; }
    html body.mv #divNewClaimForm .priInsdetail { flex-wrap: nowrap; }
    html body.mv #divNewClaimForm .priInsdetail > #ddlPrimaryInsurance { min-width: 120px; }
    html body.mv ul.mxemr-btn li .btn_style:not(#a):not(#b):not(#c):not(#d) { height: 40px !important; }
    html body.mv input.Save-btn:not(#a):not(#b):not(#c) { min-height: 40px !important; min-width: 40px !important; height: 40px !important; }
    html body.mv #spanClaimNumberClaimForm1 { display: inline-flex; align-items: center; min-height: 40px; }
}
html body.mv #divNewClaimForm #tblClaimServices td:has(> .cbIncludeInSubmission):not(#a):not(#b):not(#c):not(#d) { padding: 6px 0 !important; text-align: center !important; overflow: visible !important; }
html body.mv #divNewClaimForm #tblClaimServices .cbIncludeInSubmission input[type="checkbox"]:not(#a):not(#b):not(#c):not(#d):not(#e) { width: 15px !important; min-width: 15px !important; max-width: 15px !important; height: 15px !important; min-height: 15px !important; margin: 0 !important; }
@media (max-width: 600px) {
    html body.mv #divNewClaimForm .background_Blue label:has(> span[id^="spn"]):not(#a):not(#b):not(#c):not(#d) { display: block !important; white-space: nowrap !important; }
    html body.mv #divNewClaimForm .background_Blue > [class*="col-"] { flex: 0 0 50%; max-width: 50%; }
    html body.mv #divNewClaimForm .divdiagnoseCode td input[type="text"]:not(#a):not(#b):not(#c):not(#d) { min-width: 84px !important; }
    html body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(2) input[type="text"]:not(#a):not(#b):not(#c):not(#d) { width: 96px !important; }
}
@media (max-width: 600px) {
    html body.mv #divNewClaimForm .background_Blue label:has(> span[id^="spn"]):not(#a):not(#b):not(#c):not(#d):not(#e) { white-space: normal !important; font-size: 12.5px !important; }
    html body.mv #divNewClaimForm .divdiagnoseCode td input[type="text"]:not(#a):not(#b):not(#c):not(#d):not(#e) { min-width: 56px !important; }
    html body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(2) input[type="text"]:not(#a):not(#b):not(#c):not(#d):not(#e) { width: 76px !important; }
    html body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(3) input[type="text"]:not(#a):not(#b):not(#c):not(#d):not(#e) { width: 100% !important; min-width: 0 !important; }
}
@media (max-width: 600px) {
    html body.mv #divNewClaimForm .divdiagnoseCode table:not(#a):not(#b) { width: 100% !important; table-layout: auto; }
    html body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(2):not(#a):not(#b):not(#c) { width: 1% !important; white-space: nowrap; padding-right: 6px !important; }
    html body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(3):not(#a):not(#b):not(#c) { width: auto !important; }
    html body.mv #divNewClaimForm .divdiagnoseCode td:nth-child(3) input[type="text"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) { width: auto !important; min-width: 60px !important; flex: 1 1 60px; }
}
@media (max-width: 800px) {
    html body.mv #divNewClaimForm .priInsdetail:not(#a):not(#b) { flex-wrap: wrap; }
    html body.mv #divNewClaimForm .priInsdetail > #ddlPrimaryInsurance:not(#a):not(#b):not(#c) { min-width: 0 !important; flex: 1 1 90px; max-width: calc(100% - 46px); }
}
@media (max-width: 800px) { html body.mv #divNewClaimForm .priInsdetail > #ddlPrimaryInsurance:not(#a):not(#b):not(#c):not(#d) { flex: 1 1 100% !important; max-width: 100% !important; min-width: 120px !important; } }
@media (max-width: 900px) {
    html body.mv #divNewClaimForm .row:has(> .mv-cfsec):not(#a):not(#b) { flex-wrap: wrap !important; }
    html body.mv #divNewClaimForm .row:has(> .mv-cfsec) > [class*="col"]:not(#a):not(#b):not(#c) { flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 12px; }
}
/* ===== claim list v2: all columns kept, compact widths, scroll inside the card, pinned checkbox + claim (left) and menu (right) ===== */
@media (min-width: 601px) {
    html body.mv #divClaims table.fixTable { table-layout: fixed !important; width: 100% !important; min-width: 1000px; }
    html body.mv #divClaims table.fixTable :is(th, td):not(#a):not(#b):not(#c):not(#d):not(#e) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 40px !important; min-width: 40px !important; max-width: 40px !important; position: sticky; left: 0; z-index: 4; background: #fff !important; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; position: sticky; left: 40px; z-index: 4; background: #fff !important; box-shadow: 8px 0 8px -8px rgba(11,37,69,.22); }
    html body.mv #divClaims table.fixTable thead :is(th):is(:nth-child(2), :nth-child(3)):not(#a):not(#b):not(#c):not(#d):not(#e) { background: #F6F8FA; z-index: 6; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(6):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):is(:nth-child(7), :nth-child(8)):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 84px !important; min-width: 84px !important; max-width: 84px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(9):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(10):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(11):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 56px !important; min-width: 56px !important; max-width: 56px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):is(:nth-child(12), :nth-child(13)):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 76px !important; min-width: 76px !important; max-width: 76px !important; text-align: right !important; }
    html body.mv #divClaims table.fixTable :is(th, td):is(:nth-child(14), :nth-child(15)):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(16):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 160px !important; min-width: 160px !important; max-width: 160px !important; overflow: visible; }
    html body.mv #divClaims table.fixTable :is(th, td):nth-child(17):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 84px !important; min-width: 84px !important; max-width: 84px !important; }
    html body.mv #divClaims table.fixTable :is(th, td):is(.mv-rowmenu-cell, .mv-rowmenu-th):not(#a):not(#b):not(#c):not(#d):not(#e) { width: 40px !important; min-width: 40px !important; max-width: 40px !important; overflow: visible; }
    html body.mv #divClaims table.fixTable thead tr:nth-child(2) th > :is(input, .mv-fakeselect, select) { max-width: 100% !important; }
}
/* phone: one card per claim (claim no., patient, DOS, status, balance, menu) */
@media (max-width: 600px) {
    html body.mv #divClaims table.fixTable { display: block; min-width: 0 !important; table-layout: auto !important; }
    html body.mv #divClaims table.fixTable thead { display: none; }
    html body.mv #divClaims table.fixTable tbody { display: block; }
    html body.mv #divClaims table.fixTable tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; position: relative; margin: 0 0 10px; padding: 12px 52px 12px 12px; border: 1px solid var(--mv-line, #E2E8EE); border-radius: 12px; background: #fff; height: auto !important; }
    html body.mv #divClaims table.fixTable tbody td { display: none !important; height: auto !important; border: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; text-align: left !important; white-space: normal; overflow: visible; position: static !important; box-shadow: none !important; background: transparent !important; }
    html body.mv #divClaims table.fixTable tbody td:is(:nth-child(3), :nth-child(6), :nth-child(7), :nth-child(13), :nth-child(16)) { display: block !important; }
    html body.mv #divClaims table.fixTable tbody td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 1px; font: 600 11.5px "Public Sans", system-ui, sans-serif; color: #5B6B7F; }
    html body.mv #divClaims table.fixTable tbody td:nth-child(2) { display: block !important; position: absolute !important; top: 12px; right: 52px; }
    html body.mv #divClaims table.fixTable tbody td.mv-rowmenu-cell { display: block !important; position: absolute !important; top: 8px; right: 6px; }
    html body.mv #divClaims table.fixTable tbody td.mv-rowmenu-cell::before { content: none !important; }
    html body.mv #divClaims .department_table { overflow-x: visible; background: none; }
}
@media (min-width: 601px) {
    html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) { position: static !important; left: auto !important; box-shadow: none !important; background: transparent !important; width: auto !important; min-width: 0 !important; max-width: none !important; }
}
@media (max-width: 600px) { html body.mv #divClaims table.fixTable tbody td:nth-child(13):not(#a):not(#b):not(#c):not(#d):not(#e) { text-align: left !important; } html body.mv #divClaims table.fixTable tbody td:empty { display: none !important; } }
@media (min-width: 601px) { html body.mv #divClaims table.fixTable thead tr:first-child th:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) { left: 0 !important; } }
@media (min-width: 601px) {
    html body.mv #divClaims table.fixTable thead tr:first-child th:is(:nth-child(2), :nth-child(3), .mv-rowmenu-th):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) { position: sticky !important; z-index: 7; }
    html body.mv #divClaims table.fixTable thead tr:first-child th:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) { left: 0 !important; }
    html body.mv #divClaims table.fixTable thead tr:first-child th:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) { left: 40px !important; }
    html body.mv #divClaims table.fixTable thead tr:first-child th.mv-rowmenu-th:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) { right: 0 !important; left: auto !important; }
}
@media (min-width: 601px) {
    html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:is(:nth-child(2), :nth-child(3)):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) { position: sticky !important; background: #F6F8FA !important; z-index: 7; }
    html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) { left: 0 !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; }
    html body.mv #divClaims table.fixTable thead tr:nth-child(2) th:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) { left: 40px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
}
@media (max-width: 600px) {
    html body.mv #divClaims table.fixTable tbody td.mv-rowmenu-cell:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) { display: flex !important; align-items: center; justify-content: center; position: absolute !important; top: 6px !important; right: 6px !important; left: auto !important; bottom: auto !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; }
    html body.mv #divClaims table.fixTable tbody tr:not(#a):not(#b):not(#c):not(#d) { position: relative !important; }
}
/* === end teams:CLAIM === */

/* === teams:SA20 (see scratchpad) === */
/* Patients > Find a patient (PatientSearch.aspx): compact filters, standard row heights, patient cards on phones */
html body.mv #PatientContainer thead tr:nth-child(2) :is(input, select) { height: 32px !important; padding: 0 9px !important; font-size: 13px !important; border-radius: 6px !important; box-sizing: border-box !important; }
html body.mv #PatientContainer thead tr:nth-child(2) select { padding-right: 26px !important; }
html body.mv #PatientContainer thead tr:first-child th { height: 38px; padding: 0 12px !important; box-sizing: border-box; }
html body.mv #PatientContainer thead tr:nth-child(2) th { height: 40px; padding: 4px 8px !important; box-sizing: border-box; }
html body.mv #patientList td { height: 40px; padding: 0 12px !important; box-sizing: border-box; }
html body.mv .Widget:has(#PatientContainer) .mv-inline-field { color: #0B2545 !important; font-size: 12.5px !important; font-weight: 600 !important; }
html body.mv .Widget:has(#PatientContainer) .mv-inline-field > span { font-size: 12.5px !important; font-weight: 600 !important; }
@media (max-width: 760px) {
    html body.mv #PatientContainer .Grid > div:first-child { height: auto !important; max-height: none !important; overflow: visible !important; }
    html body.mv #PatientContainer table.fixTable, html body.mv #PatientContainer table.fixTable :is(thead, tbody) { display: block; width: 100% !important; }
    html body.mv #PatientContainer table.fixTable thead tr:first-child { display: none; }
    html body.mv #PatientContainer thead tr:nth-child(2) { height: auto !important; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--mv-line); }
    html body.mv #PatientContainer thead tr:nth-child(2) th { display: block; width: auto !important; height: auto; padding: 0 !important; border: 0 !important; position: static !important; }
    html body.mv #PatientContainer thead tr:nth-child(2) th:first-child { grid-column: 1 / -1; text-align: right; }
    html body.mv #PatientContainer thead tr:nth-child(2) th:is(:nth-child(8), :last-child) { grid-column: 1 / -1; }
    html body.mv #PatientContainer thead tr:nth-child(2) :is(input, select) { height: 40px !important; width: 100% !important; max-width: 100% !important; }
    html body.mv #PatientContainer #FilterIcon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; }
    html body.mv #PatientContainer #FilterIcon { border: 1px solid #C3CEDA; border-radius: 9px; background: #fff; color: #065172 !important; }
    html body.mv #PatientContainer #FilterIcon.active { border-color: #0A7266; background: #0A7266; color: #fff !important; }
    html body.mv #PatientContainer #patientList tr { height: auto !important; max-height: none !important; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 12px 14px; border-top: 1px solid var(--mv-line); }
    html body.mv #PatientContainer #patientList td { display: block; height: auto; min-width: 0; padding: 0 !important; border: 0 !important; background: none !important; font-size: 13px; }
    html body.mv #PatientContainer #patientList td::before { content: attr(data-label); display: block; color: var(--mv-slate); font-size: 11.5px; font-weight: 600; }
    html body.mv #PatientContainer #patientList td:first-child { display: none; }
    html body.mv #PatientContainer #patientList td:is(:nth-child(8), :nth-child(9)) { grid-column: 1 / -1; max-width: none; }
    html body.mv #PatientContainer #patientList td, html body.mv #PatientContainer #patientList td * { white-space: normal !important; overflow-wrap: anywhere; }
}
html body.mv #PatientContainer thead tr:nth-child(2) :is(input, select)::placeholder { color: transparent; }
@media (max-width: 760px) {
    html body.mv #PatientContainer thead tr:nth-child(2) :is(input, select)::placeholder { color: var(--mv-muted); }
}
/* === end teams:SA20 === */

/* === teams:SA15 (see scratchpad) === */
/* Practice settings: Appointment types, Appointment reasons grids and dialogs, Timings note */
html body.mv :is(#gridAppointmentTypes, #gridAppointmentReasons) thead tr:first-child th { height: 36px; box-sizing: border-box; padding: 0 12px !important; font-size: 12px !important; font-weight: 600 !important; color: #5B6B7F !important; background: #F6F8FA !important; }
html body.mv :is(#gridAppointmentTypes, #gridAppointmentReasons) tbody td { height: 40px; box-sizing: border-box; padding: 4px 12px !important; font-size: 13px; vertical-align: middle; }
html body.mv #gridAppointmentTypes thead tr:nth-child(2) th { height: 40px; box-sizing: border-box; padding: 4px 12px !important; }
html body.mv #gridAppointmentTypes thead tr:nth-child(2) :is(input[type="text"], select) { height: 32px !important; padding: 0 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 13px var(--mv-font) !important; box-sizing: border-box; }
html body.mv #gridAppointmentTypes thead tr:nth-child(2) select { padding-right: 26px !important; }
html body.mv #gridAppointmentTypes thead i.fa-filter { color: #5B6B7F; font-size: 16px; }
html body.mv :is(#gridAppointmentTypes, #gridAppointmentReasons) td.action > div { display: flex; justify-content: center; gap: 6px; }
html body.mv .mv-rowbtn { width: 32px; height: 32px; min-width: 32px; min-height: 32px; margin: 0 !important; padding: 0 !important; border: 1px solid #C3CEDA !important; border-radius: 9px !important; background: #fff !important; cursor: pointer; }
html body.mv .mv-rowbtn:hover { background: var(--mv-mist) !important; }
html body.mv .mv-rowbtn.spndelete:hover { border-color: #C0392B !important; color: #C0392B; }
html body.mv .mv-rowbtn:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv :is(#divAppointmentTypesMain, #divAppointmentReasonMain) :is(.SettingWrapperAction, .top-action-bar) { display: flex; justify-content: flex-end; padding: 0 0 12px; }
html body.mv :is(#divAppointmentTypesMain, #divAppointmentReasonMain) :is(.SettingWrapperAction, .top-action-bar) .mv-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; }
/* empty reasons list */
html body.mv #gridAppointmentReasons tr.mv-emptyrow td { height: auto; padding: 32px 16px !important; text-align: center; }
html body.mv #gridAppointmentReasons .mv-empty-title { display: block; color: #0B2545; font-size: 14px; font-weight: 700; }
html body.mv #gridAppointmentReasons .mv-empty-help { display: block; margin: 4px 0 14px; color: #5B6B7F; font-size: 13px; }
/* dialogs */
html body.mv .mv-dlg-form { width: 100%; }
html body.mv .mv-dlg-field { margin: 0 0 14px; }
html body.mv .mv-dlg-field label, html body.mv #divDialogAddAppointmentType td:first-child { display: block; margin: 0 0 5px; color: #0B2545; font-size: 12.5px; font-weight: 600; }
html body.mv #divDialogAddAppointmentType table, html body.mv #divDialogAddAppointmentType tbody, html body.mv #divDialogAddAppointmentType tr, html body.mv #divDialogAddAppointmentType td { display: block; width: 100%; padding: 0 !important; box-sizing: border-box; }
html body.mv #divDialogAddAppointmentType tr { height: auto !important; margin: 0 0 14px; }
html body.mv #divDialogAddAppointmentType td { height: auto !important; }
html body.mv :is(#divDialogAddAppointmentType, #divDialogAddAppointmentReasons) :is(input[type="text"], select) { display: block; float: none !important; width: 100% !important; height: 36px !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; box-sizing: border-box; font: 13px var(--mv-font) !important; }
html body.mv :is(#divDialogAddAppointmentType, #divDialogAddAppointmentReasons) select { padding-right: 26px !important; }
html body.mv :is(#divDialogAddAppointmentType, #divDialogAddAppointmentReasons) :is(input, select):focus { border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16) !important; outline: none; }
html body.mv :is(#divDialogAddAppointmentType, #divDialogAddAppointmentReasons) :is(input, select).error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv .mv-dlg-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
html body.mv .mv-dlg-actions .mv-btn { height: 38px; padding: 0 14px; }
html body.mv .mv-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
html body.mv .mv-swatch { width: 28px; height: 28px; min-width: 28px; padding: 0 !important; border: 2px solid #fff !important; border-radius: 8px !important; box-shadow: 0 0 0 1px #C3CEDA; cursor: pointer; }
html body.mv .mv-swatch.is-selected { box-shadow: 0 0 0 2px #0E9F8E; }
html body.mv .mv-swatch:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
@media (max-width: 760px) {
    html body.mv .mv-rowbtn { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
    html body.mv .mv-swatch { width: 40px; height: 40px; min-width: 40px; }
    html body.mv :is(#divDialogAddAppointmentType, #divDialogAddAppointmentReasons) { width: auto !important; }
}
/* Timings > Schedule note */
html body.mv .mv-timings-note { margin: 0 16px 14px; padding: 12px 14px; border: 1px solid rgba(11, 130, 116, .3); border-radius: 10px; background: var(--mv-teal-50); color: #0B2545; font-size: 13.5px; line-height: 1.5; }
html body.mv #divProviderTimingsMain .box-header li a { white-space: normal; }
/* Timings > Schedule card */
html body.mv #divProviderTimingsMain #divSchedule .SettingWrapperAction { display: flex; justify-content: flex-end; padding: 0 0 12px; }
html body.mv #divProviderTimingsMain #divSchedule .SettingWrapperAction .mv-btn { height: 38px; padding: 0 14px; }
html body.mv #divProviderTimingsMain #divSchedule :is(select, input[type="text"]) { height: 36px !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; box-sizing: border-box; font: 13px var(--mv-font) !important; }
html body.mv #divProviderTimingsMain #divSchedule select { padding-right: 26px !important; min-width: 118px; }
html body.mv #divProviderTimingsMain #divSchedule select[id*="breaktype"] { min-width: 140px; }
html body.mv #divProviderTimingsMain #divSchedule :is(select, input).error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv #divProviderTimingsMain #divSchedule td { font-size: 13px; }
html body.mv #mvTimingsNote { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
@media (max-width: 760px) {
    html body.mv #divProviderTimingsMain #divSchedule .mv-btn { height: 40px; }
    html body.mv #divProviderTimingsMain #divSchedule :is(select, input[type="text"]) { height: 40px !important; }
}
/* === end teams:SA15 === */

/* === teams:SCHED (see scratchpad) === */
/* Super Bill dialog (Scheduler / Chart): everything scoped to #divSuperBillMainWrapper or .sb-dialog; popover scoped to .mv-apt-pop */
html body.mv .sb-dialog .ui-dialog-content { padding: 0 !important; background: #F3F6F8; }
html body.mv #divSuperBillMainWrapper { font-family: var(--mv-font); font-size: 13px; color: #172A3A; padding: 16px 20px 0; box-sizing: border-box; }
html body.mv #divSuperBillMainWrapper .sb-clinic { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
html body.mv #divSuperBillMainWrapper .sb-clinic h3 { text-align: left; margin: 0; font-size: 16px; font-weight: 700; color: #0B2545; }
html body.mv #divSuperBillMainWrapper .sb-ref { font-size: 12.5px; color: #5B6B7F; }
html body.mv #divSuperBillMainWrapper .sb-card { display: grid; grid-template-columns: 220px 1fr; gap: 20px; background: #fff; border: 1px solid #DCE3EA; border-radius: 12px; padding: 18px 20px; margin: 0 0 14px; clear: both; }
html body.mv #divSuperBillMainWrapper .sb-card-title { margin: 0 0 4px; font-size: 15px; font-weight: 700; color: #0B2545; }
html body.mv #divSuperBillMainWrapper .sb-card-help { margin: 0; font-size: 12.5px; color: #5B6B7F; line-height: 1.45; }
html body.mv #divSuperBillMainWrapper .sb-card-body { min-width: 0; }
html body.mv #divSuperBillMainWrapper .sb-proc-card, html body.mv #divSuperBillMainWrapper .sb-dx-card { grid-template-columns: 1fr; gap: 12px; }
html body.mv #divSuperBillMainWrapper .sb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 16px; }
html body.mv #divSuperBillMainWrapper .sb-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv #divSuperBillMainWrapper .sb-label { font-size: 12.5px; font-weight: 600; color: #0B2545; }
html body.mv #divSuperBillMainWrapper .sb-label .spnError { color: #C0392B; margin-left: 2px; }
html body.mv #divSuperBillMainWrapper .sb-value { min-height: 36px; display: flex; align-items: center; padding: 0 9px; background: #EEF2F5; color: #5B6B7F; border-radius: 6px; }
html body.mv #divSuperBillMainWrapper input.date { height: 36px; box-sizing: border-box; width: 100%; padding: 5px 9px; font: 13px var(--mv-font); border: 1px solid #7F8FA3; border-radius: 6px; background: #fff; }
html body.mv #divSuperBillMainWrapper input.date:focus { outline: 0; border-color: #0E9F8E; box-shadow: 0 0 0 3px rgba(14,159,142,.16); }
html body.mv #divSuperBillMainWrapper .sb-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 16px; margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid #DCE3EA; }
html body.mv #divSuperBillMainWrapper .sb-summary dt { font-size: 12px; font-weight: 600; color: #5B6B7F; margin: 0 0 2px; }
html body.mv #divSuperBillMainWrapper .sb-summary dd { margin: 0; font-size: 13px; color: #172A3A; min-height: 18px; }
/* code tables */
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div:first-child, html body.mv #divSuperBillMainWrapper .div-icd-wrapper > div:first-child { margin: 0 0 8px; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper + .div-cpt-wrapper { margin-top: 18px; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper h3, html body.mv #divSuperBillMainWrapper .div-icd-wrapper h3 { text-align: left; margin: 0; font-size: 13px; font-weight: 700; color: #0B2545; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div > table, html body.mv #divSuperBillMainWrapper .div-icd-wrapper > div > table { width: 100%; border-collapse: collapse; border: 1px solid #DCE3EA; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div > table > tbody > tr > td, html body.mv #divSuperBillMainWrapper .div-icd-wrapper > div > table > tbody > tr > td { border: 1px solid #E6ECF1; padding: 5px 10px !important; min-height: 32px; height: 32px; vertical-align: middle; font-weight: 400; font-size: 13px; color: #172A3A; line-height: 20px; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div > table > tbody > tr > th { height: 36px; background: #F6F8FA; color: #5B6B7F; font-size: 12px; font-weight: 600; border: 1px solid #E6ECF1; padding: 0 10px; text-align: left; }
html body.mv #divSuperBillMainWrapper td b, html body.mv #divSuperBillMainWrapper td strong { font-weight: 400; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper td div.td-left, html body.mv #divSuperBillMainWrapper .div-icd-wrapper td div.td-left { display: block; font-size: 12.5px; float: none; width: auto; line-height: 18px; padding: 0 10px 0 0; white-space: normal; overflow-wrap: normal; word-break: normal; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper td div.td-right, html body.mv #divSuperBillMainWrapper .div-icd-wrapper td div.td-right { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); float: none; width: max-content; white-space: nowrap; line-height: 20px; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div > table > tbody > tr > td:has(> .td-right) { padding-right: 116px !important; position: relative; }
html body.mv #divSuperBillMainWrapper .div-icd-wrapper > div > table > tbody > tr > td:has(> .td-right) { padding-right: 88px !important; position: relative; }
html body.mv #divSuperBillMainWrapper .div-icd-wrapper > div > table, html body.mv #divSuperBillMainWrapper .div-cpt-wrapper + .div-cpt-wrapper > div > table { table-layout: fixed; }
html body.mv #divSuperBillMainWrapper td::after { content: ""; display: table; clear: both; }
html body.mv #divSuperBillMainWrapper td span.aspNetDisabled, html body.mv #divSuperBillMainWrapper td > span { white-space: nowrap; }
html body.mv #divSuperBillMainWrapper input[type=checkbox] { width: 15px; height: 15px; margin: 0 8px 0 0; accent-color: #0E9F8E; vertical-align: -2px; }
html body.mv #divSuperBillMainWrapper td label { font-size: 13px; font-weight: 400; vertical-align: middle; }
html body.mv #divSuperBillMainWrapper .div-cpt-wrapper textarea { width: 100% !important; box-sizing: border-box; min-height: 64px; height: 100% !important; padding: 5px 9px; font: 13px var(--mv-font); border: 1px solid #7F8FA3; border-radius: 6px; }
html body.mv #divSuperBillMainWrapper .charges-info-container { top: 100%; left: auto; right: 0; margin-top: 6px; border: 1px solid #C3CEDA; border-radius: 10px; box-shadow: 0 8px 24px rgba(11,37,69,.16); line-height: 1.3; }
html body.mv #divSuperBillMainWrapper .charges-info-container td { height: auto; line-height: 1.3; border: 0; padding: 2px 4px; }
html body.mv #divSuperBillMainWrapper .charges-info-container input[type=text] { height: 32px; box-sizing: border-box; width: 100%; padding: 4px 8px; border: 1px solid #7F8FA3; border-radius: 6px; font: 13px var(--mv-font); }
html body.mv #divSuperBillMainWrapper .charges-info-container .action-button-wrapper { margin-top: 6px; text-align: right; }
/* footer */
html body.mv #divSuperBillMainWrapper .sb-footer { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 -20px; padding: 12px 20px; background: #fff; border-top: 1px solid #DCE3EA; }
html body.mv #divSuperBillMainWrapper .sb-footer-right { display: flex; gap: 10px; }
html body.mv #divSuperBillMainWrapper .sb-footer .mv-btn { height: 38px; padding: 0 14px; border-radius: 9px; font: 600 13.5px var(--mv-font); cursor: pointer; }
html body.mv #divSuperBillMainWrapper .sb-footer .mv-btn-primary { background: #0A7266; border: 1px solid #0A7266; color: #fff; }
html body.mv #divSuperBillMainWrapper .sb-footer .mv-btn-primary:hover { background: #085A51; }
html body.mv #divSuperBillMainWrapper .sb-footer .mv-btn-ghost { background: #fff; border: 1px solid #C3CEDA; color: #0B2545; }
html body.mv #divSuperBillMainWrapper .sb-footer .mv-btn:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
@media (max-width: 760px) {
    html body.mv #divSuperBillMainWrapper { padding: 12px 12px 0; }
    html body.mv #divSuperBillMainWrapper .sb-card { grid-template-columns: 1fr; gap: 12px; padding: 14px; }
    html body.mv #divSuperBillMainWrapper .sb-grid, html body.mv #divSuperBillMainWrapper .sb-summary { grid-template-columns: 1fr; }
    html body.mv #divSuperBillMainWrapper .sb-card-body { overflow-x: auto; }
    html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div > table, html body.mv #divSuperBillMainWrapper .div-icd-wrapper > div > table { min-width: 640px; }
    html body.mv #divSuperBillMainWrapper .sb-footer { margin: 0 -12px; padding: 10px 12px; }
    html body.mv #divSuperBillMainWrapper .sb-footer .mv-btn { height: 40px; }
}

/* Appointment quick-detail popover (Scheduler "i") */
html body.mv .appointment-details-container { width: 272px; height: auto; max-height: calc(100vh - 16px); overflow-y: auto; padding: 0; background: #fff; border: 1px solid #DCE3EA; border-radius: 12px; box-shadow: 0 12px 32px rgba(11,37,69,.18); font-family: var(--mv-font); font-size: 13px; color: #172A3A; }
html body.mv .mv-apt-pop-head { display: flex; align-items: center; gap: 10px; padding: 12px 12px 12px 14px; background: #F6F8FA; border-bottom: 1px solid #DCE3EA; border-radius: 12px 12px 0 0; }
html body.mv .mv-apt-pop-photo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; background: #E7ECF1; }
html body.mv .mv-apt-pop-photo[src=""] { display: none; }
html body.mv .mv-apt-pop-title { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html body.mv .mv-apt-pop-title strong { font-size: 13.5px; font-weight: 700; color: #0B2545; text-decoration: none; }
html body.mv .mv-apt-pop-title span { color: #5B6B7F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv button.mv-apt-pop-close { width: 32px; height: 32px; flex: none; border: 0; background: transparent; border-radius: 8px; color: #5B6B7F; cursor: pointer; }
html body.mv .mv-apt-pop-close:hover { background: #E7ECF1; }
html body.mv .mv-apt-pop-actions { list-style: none; margin: 0; padding: 8px; display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid #DCE3EA; }
html body.mv .mv-apt-pop-actions li { margin: 0; padding: 0; }
html body.mv .mv-apt-pop-actions button.mv-apt-act { display: flex; align-items: center; gap: 10px; width: 100%; height: 32px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: #0B2545; font: 500 13px var(--mv-font); text-align: left; cursor: pointer; }
html body.mv .mv-apt-pop-actions button.mv-apt-act:hover { background: #E7F6F3; color: #0A7266; }
html body.mv .mv-apt-pop-actions button.mv-apt-act i { font-size: 15px; width: 16px; color: #0A7266; }
html body.mv .mv-apt-pop-actions button.mv-apt-act:focus-visible, html body.mv .mv-apt-pop-close:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-apt-pop-list { margin: 0; padding: 10px 14px 14px; display: flex; flex-direction: column; gap: 6px; }
html body.mv .mv-apt-pop-list > div { display: flex; justify-content: space-between; gap: 12px; }
html body.mv .mv-apt-pop-list dt { font-weight: 500; color: #5B6B7F; flex: none; }
html body.mv .mv-apt-pop-list dd { margin: 0; text-align: right; color: #172A3A; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 760px) { html body.mv .mv-apt-pop-actions button.mv-apt-act, html body.mv button.mv-apt-pop-close { height: 40px; } html body.mv button.mv-apt-pop-close { width: 40px; } }

html body.mv #divSuperBillMainWrapper .div-cpt-wrapper > div > table > tbody > tr > td:not(:has(> .td-right)) { white-space: nowrap; }
html body.mv #divSuperBillMainWrapper .div-icd-wrapper h3 { display: none; }
html body.mv #divSuperBillMainWrapper td div.td-left b, html body.mv #divSuperBillMainWrapper td div.td-left * { white-space: normal; display: inline; }

/* ===== Scheduler (M37): appointment cards, sidebar controls ===== */
html body.mv #calendar .wc-cal-event { border-radius: 8px !important; color: #0B2545 !important; font-family: var(--mv-font) !important; box-shadow: 0 1px 2px rgba(11,37,69,.08); }
html body.mv #calendar .wc-cal-event.mv-event-past { opacity: .85; }
html body.mv #calendar .wc-cal-event .wc-time { padding: 4px 8px 0 8px !important; height: auto !important; color: #0B2545 !important; font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; text-align: left !important; background: transparent !important; border: 0 !important; }
html body.mv #calendar .wc-cal-event .patiant-name { margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #0B2545; text-align: left; }
html body.mv #calendar .wc-cal-event .patiant-name span { font-size: 13px; font-weight: 600; }
html body.mv #calendar .wc-cal-event .wc-title { padding: 0 8px !important; color: #475467 !important; font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; text-align: left !important; background: transparent !important; }
html body.mv #calendar .wc-cal-event .wc-title .float-left-100 { margin: 0 !important; height: 18px; }
html body.mv #calendar .wc-cal-event .status-wrapper { height: 18px; width: auto; max-width: calc(100% - 52px); display: flex; align-items: center; font-size: 12px; cursor: pointer; }
html body.mv #calendar .wc-cal-event .status-wrapper > div:first-child { display: flex; align-items: center; }
html body.mv #calendar .wc-cal-event .status-dropdown-icon { background: var(--mv-status-dot, #5B6B7F) !important; width: 8px !important; height: 8px !important; border-radius: 50%; margin: 0 6px 0 0 !important; float: none !important; flex: none; }
html body.mv #calendar .wc-cal-event .status-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: none !important; font-size: 12px !important; margin: 0 !important; color: #475467; font-weight: 500; }
html body.mv #calendar .wc-cal-event .custom-dropdown-list { background: #fff !important; color: #0B2545 !important; font-size: 12.5px !important; border: 1px solid #DCE3EA; border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.3); padding: 4px !important; top: 20px; left: 0; min-width: 130px; }
html body.mv #calendar .wc-cal-event .custom-dropdown-list td { padding: 6px 10px !important; border-radius: 6px; cursor: pointer; white-space: nowrap; }
html body.mv #calendar .wc-cal-event .custom-dropdown-list tr:hover td { background: #E7F6F3; color: #0A7266; }
html body.mv #calendar .wc-cal-event .appointment-top-icon, html body.mv #calendar .wc-cal-event .wc-cal-event-delete { width: 22px !important; height: 22px !important; margin: 0 !important; background: #5B6B7F !important; border-radius: 0; text-indent: -999px; overflow: hidden; cursor: pointer; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 15px; mask-size: 15px; }
html body.mv #calendar .wc-cal-event .patient-info-icon { -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/info-circle.svg"); mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/info-circle.svg"); float: none; display: block; }
html body.mv #calendar .wc-cal-event .wc-cal-event-delete { position: absolute !important; right: 3px !important; top: 21px !important; -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg"); mask-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg"); }
html body.mv #calendar .wc-cal-event .patient-info-icon-wrapper { position: absolute !important; right: 25px !important; top: 21px !important; width: 22px; height: 22px; }
html body.mv #calendar .wc-cal-event .appointment-top-icon:hover, html body.mv #calendar .wc-cal-event .wc-cal-event-delete:hover { background: #0A7266 !important; }
html body.mv #calendar .wc-cal-event .spnPatientEligibilityIcon.eligibility-icon-check { background: #0A7266 !important; width: 14px !important; height: 14px !important; margin: 0 5px 0 0 !important; -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield-check.svg") center / 14px no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/shield-check.svg") center / 14px no-repeat; }
html body.mv #calendar .wc-cal-event .spnPatientEligibilityIcon { margin: 0 5px 0 0 !important; float: none !important; flex: none; }
html body.mv #calendar .wc-cal-event .spnPatientEligibility { float: none !important; font-size: 12px !important; font-weight: 600; color: #0A7266; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70px; }
html body.mv #calendar .wc-cal-event .float-left-100 > div[onclick] { cursor: pointer; display: flex; align-items: center; }
html body.mv #calendar_selection :is(select, input[type="text"]) { height: 36px !important; }
html body.mv #calendar_selection .dropdownMenuMultiCheckMainWrapper > div[onclick] { height: 36px !important; padding-right: 30px; }
html body.mv #calendar_selection .dropdownMenuMultiCheckMainWrapper { min-height: 36px; }
html body.mv #calendar_selection .custom-drop-down-label { font-size: 13px; }
html body.mv #divServiceProvidersDropDown { top: 40px !important; }
html body.mv #calendar_selection input.calender-icon, html body.mv #calendar_selection .datepickerContainer input { font-family: var(--mv-font) !important; font-size: 13px !important; }
html body.mv .ui-datepicker, html body.mv .ui-datepicker * { font-family: var(--mv-font); }
html body.mv #calendar .wc-toolbar .ui-button { height: 36px !important; border-radius: 8px !important; font-family: var(--mv-font) !important; }
html body.mv #calendar .wc-toolbar :is(.wc-prev, .wc-next) { width: 36px; }

/* ===== New / edit appointment dialog (M38) ===== */
html body.mv .mv-appt-dialog .ui-dialog-content { padding: 14px 18px !important; background: #F3F6F8; }
html body.mv .mv-appt { display: flex; flex-direction: column; gap: 12px; font-family: var(--mv-font); font-size: 13px; color: #172A3A; }
html body.mv .mv-appt-card { background: #fff; border: 1px solid #DCE3EA; border-radius: 12px; padding: 14px 16px 16px; }
html body.mv .mv-appt-title { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: #0B2545; }
html body.mv .mv-appt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; }
html body.mv .mv-appt-full { grid-column: 1 / -1; }
html body.mv .mv-appt-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv .mv-appt-label { font-size: 12.5px; font-weight: 600; color: #0B2545; white-space: nowrap; margin: 0; }
html body.mv .mv-appt-label .spnError { color: #C0392B; margin-left: 2px; }
html body.mv .mv-appt-value { min-height: 36px; display: flex; align-items: center; padding: 0 9px; background: #EEF2F5; color: #5B6B7F; border-radius: 6px; white-space: nowrap; }
html body.mv .mv-appt-hint { font-size: 12px; color: #5B6B7F; }
html body.mv .mv-appt :is(select, input[type="text"]) { height: 36px; box-sizing: border-box; width: 100% !important; margin: 0 !important; padding: 5px 9px; font: 13px var(--mv-font) !important; border: 1px solid #7F8FA3; border-radius: 6px; background-color: #fff; }
html body.mv .mv-appt select { padding-right: 26px; }
html body.mv .mv-appt textarea { box-sizing: border-box; width: 100% !important; min-height: 64px; height: 72px !important; padding: 5px 9px; font: 13px var(--mv-font) !important; border: 1px solid #7F8FA3; border-radius: 6px; }
html body.mv .mv-appt :is(select, input[type="text"], textarea):focus { outline: 0; border-color: #0E9F8E; box-shadow: 0 0 0 3px rgba(14,159,142,.16); }
html body.mv .mv-appt :is(select, input)[disabled], html body.mv .mv-appt select:disabled { background-color: #EEF2F5; color: #5B6B7F; }
html body.mv .mv-appt-check { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #172A3A; margin: 0 0 4px; cursor: pointer; }
html body.mv .mv-appt input[type=checkbox] { width: 15px; height: 15px; margin: 0; accent-color: #0E9F8E; }
html body.mv .mv-appt-search { align-items: end; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; }
html body.mv .mv-appt-search .mv-appt-full { grid-column: 1 / -1; }
html body.mv .mv-appt .patient-info-wrapper:has(.spnPatientName:empty) { display: none !important; }
html body.mv .mv-appt-addpt { align-self: end; }
html body.mv .mv-appt-addpt .mv-btn { height: 36px; padding: 0 12px; border-radius: 9px; width: auto; }
html body.mv .mv-appt .divSearchResults { top: 100%; left: 0; width: 100% !important; margin-top: 4px; background: #fff; border: 1px solid #C3CEDA; border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.3) !important; overflow: auto; }
html body.mv .mv-appt .divSearchResults th { width: auto !important; height: 36px; background: #F6F8FA; font-size: 12px; font-weight: 600; color: #5B6B7F; text-align: left; padding: 0 10px; }
html body.mv .mv-appt .divSearchResults td { height: 36px; padding: 0 10px; font-size: 13px; cursor: pointer; }
html body.mv .mv-appt #divAppointmentPatient { margin-top: 12px; }
html body.mv .mv-appt .patient-info-wrapper { float: none; height: auto; display: flex; gap: 12px; align-items: flex-start; }
html body.mv .mv-appt .patient-photo-wrapper { float: none; width: 64px; height: 64px; flex: none; }
html body.mv .mv-appt .patient-photo-wrapper:has(img:not([src])), html body.mv .mv-appt .patient-photo-wrapper:has(img[src=""]) { display: none; }
html body.mv .mv-appt .patient-photo-wrapper img { border-radius: 50%; object-fit: cover; }
html body.mv .mv-appt .patient-information { float: none; width: auto; margin: 0; }
html body.mv .mv-appt .patient-information ul { margin: 0; padding: 0; list-style: none; }
html body.mv .mv-appt .patient-information li { list-style: none; float: none; width: auto; line-height: 20px; color: #172A3A; }
html body.mv .mv-appt .patient-information .gray { color: #5B6B7F; margin-right: 4px; }
html body.mv .mv-appt .patient-information .gray::after { content: none; }
html body.mv .mv-appt-warning { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 12px; padding: 9px 12px; background: #FDF4E1; color: #7A4B00; border: 1px solid #E8C67A; border-radius: 8px; font-size: 13px; }
html body.mv .mv-appt-days table { width: 100%; border-collapse: collapse; border: 0; margin: 0; }
html body.mv .mv-appt-days td { border: 0 !important; padding: 2px 0 !important; text-align: center; width: 14.28%; font-size: 12.5px; color: #5B6B7F; }
html body.mv .mv-appt-days tr:last-child td { padding-bottom: 4px !important; }
html body.mv .mv-appt-for { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
html body.mv .mv-appt .mv-appt-for select { width: 72px !important; }
html body.mv .mv-appt .mv-appt-for select#ddlRecurrenceUnit { width: 112px !important; }
@media (max-width: 760px) {
    html body.mv .mv-appt-grid, html body.mv .mv-appt-search { grid-template-columns: 1fr; }
    html body.mv .mv-appt-dialog { left: 8px !important; }
}

/* ===== Appointments list (M39) ===== */
html body.mv #AppointmentsContainer .Grid table thead th { padding-left: 8px !important; padding-right: 8px !important; }
html body.mv #AppointmentsContainer .Grid table thead tr:first-child th { box-sizing: border-box; height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 36px; }
html body.mv #AppointmentsContainer .Grid table thead tr:nth-child(2) th { box-sizing: border-box; height: 44px !important; padding-top: 6px !important; padding-bottom: 6px !important; vertical-align: middle; }
html body.mv #AppointmentsContainer .Grid table thead :is(select, input[type="text"]) { height: 32px !important; box-sizing: border-box; font-size: 13px; padding-top: 0; padding-bottom: 0; width: 100% !important; }
html body.mv #AppointmentsContainer #appointmentsList tr { height: 40px !important; }
html body.mv #AppointmentsContainer #appointmentsList td { box-sizing: border-box; height: 40px !important; padding: 4px 8px !important; font-style: normal !important; vertical-align: middle; font-size: 13px; }
html body.mv #AppointmentsContainer #appointmentsList td i { font-style: normal; }
html body.mv #AppointmentsContainer #appointmentsList td select { height: 32px !important; min-width: 116px; width: 100% !important; box-sizing: border-box; font-size: 13px; }
html body.mv #AppointmentsContainer #appointmentsList td:first-child { color: #5B6B7F; }
@media (min-width: 761px) { html body.mv #AppointmentsContainer #appointmentsList td { white-space: nowrap; }
  html body.mv #AppointmentsContainer #appointmentsList td:is([data-label="Patient"], [data-label="Location"], [data-label="Provider"]) { white-space: normal; line-height: 1.3; } }
html body.mv #AppointmentsContainer .mv-row-actions { height: auto !important; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
html body.mv #AppointmentsContainer .mv-row-actions .mv-btn { height: 32px; padding: 0 12px; border-radius: 8px; font-size: 13px; font-weight: 600; white-space: nowrap; }
html body.mv #AppointmentsContainer #appointmentsList td select { display: block; }
html body.mv #AppointmentsContainer .mv-open-btn { vertical-align: middle; height: 32px; padding: 0 10px; border-radius: 8px; font-size: 13px; font-weight: 600; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
html body.mv #AppointmentsContainer .mv-iconbtn { width: 32px; height: 32px; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #5B6B7F; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background-image: none !important; float: none; }
html body.mv #AppointmentsContainer .mv-iconbtn i { font-size: 16px; }
html body.mv #AppointmentsContainer .mv-iconbtn-danger:hover { background: #FBEAE8; color: #C0392B; border-color: #F0C7C2; }
html body.mv #AppointmentsContainer .mv-iconbtn:focus-visible, html body.mv #AppointmentsContainer .mv-btn:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-open-menu { position: absolute; z-index: 100000; list-style: none; margin: 0; padding: 4px; min-width: 168px; background: #fff; border: 1px solid #DCE3EA; border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.3); }
html body.mv .mv-open-menu li { margin: 0; padding: 0; list-style: none; }
html body.mv .mv-open-menu button.mv-open-item { display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #0B2545; font: 500 13px var(--mv-font); text-align: left; cursor: pointer; }
html body.mv .mv-open-menu button.mv-open-item:hover { background: #E7F6F3; color: #0A7266; }
html body.mv .mv-open-menu button.mv-open-item i { color: #0A7266; font-size: 15px; }
html body.mv .mv-confirm-dialog .ui-dialog-content { padding: 16px 20px !important; }
html body.mv .mv-confirm-help { margin: 0 0 10px; color: #5B6B7F; font-size: 13px; line-height: 1.45; }
html body.mv .mv-confirm-label { display: block; margin: 0 0 5px; font-size: 12.5px; font-weight: 600; color: #0B2545; }
html body.mv #divDialogPracticeRoomsMaster select, html body.mv #dialog-confirm-app-delete textarea { width: 100% !important; box-sizing: border-box; border: 1px solid #7F8FA3; border-radius: 6px; font: 13px var(--mv-font); }
html body.mv #divDialogPracticeRoomsMaster select { height: 36px; padding: 5px 26px 5px 9px; }
html body.mv #dialog-confirm-app-delete textarea { min-height: 64px; padding: 5px 9px; }
html body.mv .mv-confirm-dialog .ui-dialog-buttonpane button:first-child, html body.mv .mv-confirm-dialog .ui-dialog-buttonpane button.mv-btn-danger-solid { background: #C0392B !important; border-color: #C0392B !important; color: #fff !important; }
@media (max-width: 760px) {
    html body.mv #AppointmentsContainer .Grid { overflow: visible !important; }
    html body.mv #AppointmentsContainer .Grid table, html body.mv #AppointmentsContainer .Grid tbody, html body.mv #AppointmentsContainer .Grid thead { display: block; width: 100% !important; min-width: 0 !important; }
    html body.mv #AppointmentsContainer .Grid thead, html body.mv #AppointmentsContainer .Grid thead th { position: static !important; }
    html body.mv #AppointmentsContainer #appointmentsList tr, html body.mv #AppointmentsContainer #appointmentsList td { height: auto !important; }
    html body.mv #AppointmentsContainer .Grid thead tr { height: auto !important; }
    html body.mv #AppointmentsContainer .Grid thead tr:first-child { display: none; }
    html body.mv #AppointmentsContainer .Grid thead tr:nth-child(2) { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 0; }
    html body.mv #AppointmentsContainer .Grid thead tr:nth-child(2) th { display: block; width: auto !important; height: auto !important; padding: 0 !important; border: 0; }
    html body.mv #AppointmentsContainer .Grid thead tr:nth-child(2) th:empty, html body.mv #AppointmentsContainer .Grid thead tr:nth-child(2) th:has(.iconSearch) { display: none; }
    html body.mv #AppointmentsContainer #appointmentsList tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; height: auto; margin: 0 0 10px; padding: 12px; background: #fff; border: 1px solid #DCE3EA; border-radius: 12px; }
    html body.mv #AppointmentsContainer #appointmentsList td { display: flex; flex-direction: column; gap: 2px; height: auto; padding: 0 !important; border: 0 !important; min-width: 0; }
    html body.mv #AppointmentsContainer #appointmentsList td::before { content: attr(data-label); font-size: 12px; font-weight: 600; color: #5B6B7F; }
    html body.mv #AppointmentsContainer #appointmentsList td:first-child { display: none; }
    html body.mv #AppointmentsContainer #appointmentsList td[data-label="Patient"] { grid-column: 1 / -1; font-weight: 600; font-size: 14px; }
    html body.mv #AppointmentsContainer #appointmentsList td[data-label="Status"], html body.mv #AppointmentsContainer #appointmentsList td[data-label="Open record"] { grid-column: auto; }
    html body.mv #AppointmentsContainer #appointmentsList td.action { grid-column: 1 / -1; }
    html body.mv #AppointmentsContainer #appointmentsList td.action::before { display: none; }
    html body.mv #AppointmentsContainer #appointmentsList td select, html body.mv #AppointmentsContainer .mv-open-btn, html body.mv #AppointmentsContainer .mv-row-actions .mv-btn, html body.mv #AppointmentsContainer .mv-iconbtn { height: 40px !important; }
    html body.mv #AppointmentsContainer .mv-iconbtn { width: 40px; }
    html body.mv #AppointmentsContainer .mv-row-actions { justify-content: flex-start; }
}

/* ===================== SCHEDX: modern scheduler shell ===================== */
html body.mv #divSchedular { float: none !important; width: 100% !important; }
html body.mv #divSchedular > table, html body.mv #divSchedular > table > tbody { display: block; width: 100% !important; }
html body.mv #divSchedular > table > tbody > tr { display: flex; align-items: flex-start; gap: 16px; }
html body.mv #divSchedular > table > tbody > tr > td { display: block; padding: 0 !important; }
html body.mv #divSchedular td.mv-sched-side { flex: 0 0 272px; width: 272px !important; position: sticky; top: 8px; }
html body.mv #divSchedular td.mv-sched-main { flex: 1 1 auto; width: auto !important; min-width: 0; position: relative; }
html body.mv #divSchedular #divAppointmentLeftMain { background: #fff; border: 1px solid #DCE3EA; border-radius: 14px; box-shadow: none !important; overflow: hidden; }
html body.mv #divSchedular #divAppointmentLeftMain .fixed-link-title { display: none; }
html body.mv #divSchedular #divAppointmentLeftMainContents { height: auto !important; max-height: calc(100vh - 140px); width: auto !important; padding: 6px 16px 16px !important; overflow-y: auto; }
html body.mv #divSchedular #calendar_selection .dropdownMenuMultiCheckMainWrapper { display: none; }
html body.mv #divSchedular #calendar_selection .datepickerContainer { display: none; }
html body.mv .mv-chips { display: flex; flex-direction: column; gap: 6px; }
html body.mv .mv-chip { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; min-height: 34px; padding: 3px 10px 3px 4px; border: 1px solid #DCE3EA; border-radius: 999px; background: #fff; color: #0B2545; font: 500 13px var(--mv-font); text-align: left; cursor: pointer; }
html body.mv .mv-chip[aria-pressed="false"] { background: #F6F8FA; color: #5B6B7F; }
html body.mv .mv-chip[aria-pressed="false"] .mv-av { opacity: .45; }
html body.mv .mv-chip[aria-pressed="true"] { border-color: #0E9F8E; box-shadow: 0 0 0 3px rgba(14,159,142,.12); }
html body.mv .mv-chip-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv .mv-chip:focus-visible, html body.mv .mv-pt-row:focus-visible, html body.mv .mv-linkbtn:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-av { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: none; border-radius: 50%; color: #fff; font: 700 11px var(--mv-font); letter-spacing: .02em; }
html body.mv .mv-av-sm { width: 24px; height: 24px; font-size: 10px; }
html body.mv .mv-minical .ui-datepicker { width: 100% !important; padding: 0; border: 0; background: transparent; box-shadow: none; }
html body.mv .mv-minical .ui-datepicker-header { background: transparent; border: 0; padding: 2px 0 6px; }
html body.mv .mv-minical .ui-datepicker-title { font-size: 13px; font-weight: 700; color: #0B2545; }
html body.mv .mv-minical .ui-datepicker table { width: 100%; font-size: 12px; margin: 0; }
html body.mv .mv-minical .ui-datepicker th { padding: 4px 0; font-size: 11px; color: #5B6B7F; font-weight: 600; }
html body.mv .mv-minical .ui-datepicker td { padding: 1px; }
html body.mv .mv-minical .ui-datepicker td a, html body.mv .mv-minical .ui-datepicker td span { text-align: center; padding: 6px 0; border: 0; border-radius: 8px; background: transparent; color: #172A3A; }
html body.mv .mv-minical .ui-datepicker td a:hover { background: #E7F6F3; }
html body.mv .mv-minical .ui-datepicker td .ui-state-active { background: #0A7266; color: #fff; font-weight: 700; }
html body.mv .mv-minical .ui-datepicker td .ui-state-highlight:not(.ui-state-active) { background: #E7F6F3; color: #0A7266; font-weight: 700; }
html body.mv .mv-minical .ui-datepicker .ui-datepicker-other-month a { color: #9AA8B8; }
html body.mv .mv-sched-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; order: 4; }
html body.mv #divSchedular td.mv-sched-main > .mv-sched-actions { display: none; }
html body.mv .wc-toolbar .mv-sched-actions { display: flex; }
html body.mv #mvFiltersBtn { display: none !important; height: 36px; border-radius: 9px; }
html body.mv #btnNewAppointmentTop { height: 36px; padding: 0 14px; border-radius: 9px; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
html body.mv #calendar .wc-toolbar { flex-wrap: wrap; row-gap: 8px; }
html body.mv .mv-rail-backdrop { display: none; position: fixed; inset: 0; background: rgba(11,37,69,.45); z-index: 2147483000; }
/* grid */
html body.mv #calendar .wc-container { border-radius: 14px; }
html body.mv #calendar .wc-time-slot { border-bottom: 1px solid transparent !important; }
html body.mv #calendar .wc-time-slot:nth-child(4n+2) { border-bottom: 1px dashed #E3E9EF !important; }
html body.mv #calendar .wc-time-slot.wc-hour-end { border-bottom: 1px solid #DCE3EA !important; }
html body.mv #calendar .wc-freebusy.free-busy-busy { background: repeating-linear-gradient(135deg, rgba(91,107,127,.075) 0 6px, rgba(91,107,127,0) 6px 12px) !important; opacity: 1 !important; border: 0 !important; }
html body.mv #calendar .wc-freebusy.free-busy-free { background: transparent !important; }
html body.mv #calendar .wc-hourline { height: 0; border-top: 2px solid #E5484D; z-index: 4; }
html body.mv #calendar .wc-hourline::before { content: ""; position: absolute; left: -5px; top: -6px; width: 10px; height: 10px; border-radius: 50%; background: #E5484D; }
html body.mv #calendar .wc-user-header { vertical-align: middle; padding: 8px 6px !important; font-size: 12.5px; font-weight: 600; color: #0B2545 !important; line-height: 1.25; }
html body.mv #calendar .wc-user-header .mv-av { display: flex; margin: 0 auto 4px; }
html body.mv #calendar .wc-header .wc-day-column-header { background: #fff !important; color: #0B2545 !important; border-bottom: 1px solid #DCE3EA; font-size: 12.5px; padding: 8px 4px !important; }
html body.mv #calendar .wc-header .wc-today { background: #fff !important; color: #0A7266 !important; }
html body.mv .mv-sched-notice { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; margin: 0 0 8px; padding: 6px 12px; background: #F6F8FA; border: 1px solid #DCE3EA; border-radius: 8px; font-size: 12.5px; color: #475467; }
html body.mv .mv-sched-notice::before { content: ""; width: 14px; height: 14px; flex: none; background: #5B6B7F; -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/clock-history.svg") center / 14px no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/clock-history.svg") center / 14px no-repeat; }
/* cards */
html body.mv #calendar .wc-cal-event { border-width: 1px !important; border-left-width: 3px !important; border-radius: 8px !important; overflow: hidden !important; }
html body.mv #calendar .wc-cal-event .wc-time { padding: 5px 8px 0 !important; }
html body.mv #calendar .wc-cal-event .mv-ev-meta { font-size: 12px; font-weight: 500; line-height: 16px; color: #475467; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.mv #calendar .wc-cal-event .patiant-name { padding-right: 0; }
html body.mv #calendar .wc-cal-event .status-wrapper { display: inline-flex; width: auto; height: 18px; padding: 0 8px 0 6px; margin-top: 2px; border-radius: 999px; background: color-mix(in srgb, var(--mv-status-dot, #5B6B7F) 16%, #fff); }
html body.mv #calendar .wc-cal-event .status-label { color: #0B2545 !important; font-size: 11.5px !important; font-weight: 600 !important; }
html body.mv #calendar .wc-cal-event .wc-title .float-left-100 { display: none; }
html body.mv #calendar .wc-cal-event.mv-ev-tall .wc-title .float-left-100 { display: block; margin-top: 2px !important; }
html body.mv #calendar .wc-cal-event .mv-ev-actions { position: absolute; top: 2px; right: 52px; display: flex; gap: 2px; opacity: 0; transition: opacity .12s; }
html body.mv #calendar .wc-cal-event:hover .mv-ev-actions, html body.mv #calendar .wc-cal-event:hover .patient-info-icon-wrapper, html body.mv #calendar .wc-cal-event:hover .wc-cal-event-delete, html body.mv #calendar .wc-cal-event:focus-within .mv-ev-actions { opacity: 1; }
html body.mv #calendar .wc-cal-event .patient-info-icon-wrapper, html body.mv #calendar .wc-cal-event .wc-cal-event-delete { opacity: 0; transition: opacity .12s; top: 2px !important; }
html body.mv #calendar .wc-cal-event .patient-info-icon-wrapper { right: 27px !important; }
html body.mv #calendar .wc-cal-event .wc-cal-event-delete { right: 3px !important; }
html body.mv #calendar .wc-cal-event .mv-ev-act { width: 24px; height: 24px; border: 0; border-radius: 6px; background: transparent; color: #5B6B7F; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
html body.mv #calendar .wc-cal-event .mv-ev-act:hover { background: #E7F6F3; color: #0A7266; }
@media (hover: none) { html body.mv #calendar .wc-cal-event .mv-ev-actions, html body.mv #calendar .wc-cal-event .patient-info-icon-wrapper, html body.mv #calendar .wc-cal-event .wc-cal-event-delete { opacity: 1; } }
/* agenda (phone) */
html body.mv .mv-agenda { display: none; }
html body.mv .mv-ag-card { display: flex; gap: 12px; align-items: flex-start; position: relative; margin: 0 0 8px; padding: 12px 40px 12px 12px; background: #fff; border: 1px solid #DCE3EA; border-left: 4px solid #5B6B7F; border-radius: 12px; cursor: pointer; }
html body.mv .mv-ag-time { display: flex; flex-direction: column; min-width: 58px; font-size: 12px; color: #5B6B7F; }
html body.mv .mv-ag-time strong { font-size: 14px; color: #0B2545; }
html body.mv .mv-ag-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html body.mv .mv-ag-body strong { font-size: 14px; color: #0B2545; }
html body.mv .mv-ag-body small { font-size: 12px; color: #5B6B7F; }
html body.mv .mv-ag-status { display: inline-flex; align-items: center; gap: 6px; width: fit-content; margin-top: 4px; padding: 2px 10px 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--dot) 16%, #fff); font-size: 11.5px; font-weight: 600; color: #0B2545; }
html body.mv .mv-ag-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--dot); }
html body.mv .mv-ag-card .patient-info-icon-wrapper { position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; }
html body.mv .mv-ag-card .patient-info-icon { display: block; width: 32px; height: 32px; background: #5B6B7F; -webkit-mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/info-circle.svg") center / 16px no-repeat; mask: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/info-circle.svg") center / 16px no-repeat; }
html body.mv .mv-ag-empty { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 32px 16px; text-align: center; color: #5B6B7F; background: #fff; border: 1px dashed #C3CEDA; border-radius: 12px; }
html body.mv .mv-ag-empty i { font-size: 28px; color: #0A7266; }
html body.mv .mv-ag-empty strong { color: #0B2545; }
/* responsive shell */
@media (max-width: 1100px) {
    html body.mv #mvFiltersBtn { display: inline-flex !important; align-items: center; gap: 6px; }
    html body.mv #divSchedular td.mv-sched-side, html body.mv > td.mv-sched-side { position: fixed; left: 0; top: 0; bottom: 0; width: min(320px, 92vw) !important; flex: none; z-index: 2147483001; transform: translateX(-105%); transition: transform .2s ease; background: #fff; box-shadow: 0 0 40px rgba(11,37,69,.3); overflow: auto; }
    html body.mv > td.mv-sched-side.mv-rail-in { transform: none; }
    html body.mv > td.mv-sched-side { display: block; padding: 0; }
    html body.mv > td.mv-sched-side #divAppointmentLeftMain { border: 0; border-radius: 0; min-height: 100%; background: #fff; }
    html body.mv #divSchedular #divAppointmentLeftMain { border: 0; border-radius: 0; min-height: 100%; }
    html body.mv #divSchedular #divAppointmentLeftMainContents { max-height: none; }
    html body.mv #divSchedular > table > tbody > tr { display: block; }
}
@media (max-width: 860px) {
    html body.mv .mv-agenda { display: block; margin: 12px 0; }
    html body.mv #calendar .wc-header, html body.mv #calendar .wc-scrollable-grid { position: absolute !important; left: -10000px !important; top: 0; width: 900px !important; height: 900px !important; overflow: hidden !important; }
    html body.mv #calendar .wc-toolbar { padding: 8px !important; }
    html body.mv #calendar .wc-toolbar .wc-title { flex-basis: 100%; order: 0 !important; }
    html body.mv #calendar .wc-toolbar .wc-nav { order: 1 !important; }
    html body.mv .mv-sched-actions { width: 100%; order: 5; }
    html body.mv #btnNewAppointmentTop { flex: 1; justify-content: center; height: 40px; }
    html body.mv #mvFiltersBtn { height: 40px; }
    html body.mv .mv-sched-notice { width: auto; }
}
/* ===================== SCHEDX: booking sheet ===================== */
html body.mv .mv-switch { padding: 0 !important; min-height: 24px; display: inline-flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 13px; font-weight: 500; color: #172A3A; cursor: pointer; position: relative; }
html body.mv .mv-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
html body.mv .mv-switch-track { position: relative; width: 34px; height: 20px; flex: none; border-radius: 999px; background: #C3CEDA; transition: background .15s; }
html body.mv .mv-switch-track::after { content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: left .15s; }
html body.mv .mv-switch input:checked + .mv-switch-track { background: #0A7266; }
html body.mv .mv-switch input:checked + .mv-switch-track::after { left: 16px; }
html body.mv .mv-switch input:focus-visible + .mv-switch-track { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-appt .mv-appt-searchwrap > input[type="text"] { margin: 0 0 10px !important; }
html body.mv .mv-appt-searchrow { position: relative; display: flex; align-items: center; }
html body.mv .mv-appt-searchrow i { position: absolute; left: 11px; color: #5B6B7F; pointer-events: none; }
html body.mv .mv-appt .mv-appt-searchrow input#mvApptSearch { padding-left: 34px !important; }
html body.mv .mv-hidden-input { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; padding: 0 !important; border: 0 !important; }
html body.mv .mv-linkbtn { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; height: auto; padding: 2px 0; border: 0; background: none; color: #0A7266; font: 600 13px var(--mv-font); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
html body.mv .mv-legacy-results { display: none !important; }
html body.mv .mv-pt-results { display: none; position: absolute; z-index: 30; left: 0; right: 0; top: 100%; margin: -34px 0 0; padding: 4px; max-height: 240px; overflow: auto; list-style: none; background: #fff; border: 1px solid #C3CEDA; border-radius: 10px; box-shadow: 0 12px 28px -12px rgba(11,37,69,.3); }
html body.mv .mv-pt-results li { list-style: none; margin: 0; padding: 0; }
html body.mv .mv-pt-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 6px 8px; border: 0; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; font-family: var(--mv-font); }
html body.mv .mv-pt-row:hover { background: #E7F6F3; }
html body.mv .mv-pt-text { display: flex; flex-direction: column; min-width: 0; }
html body.mv .mv-pt-text strong { font-size: 13px; color: #0B2545; }
html body.mv .mv-pt-text small { font-size: 12px; color: #5B6B7F; }
html body.mv .mv-pt-empty { padding: 10px; font-size: 12.5px; color: #5B6B7F; }
html body.mv .mv-appt-card:has(.spnPatientName:not(:empty)) .mv-appt-findpt { display: none; }
html body.mv .mv-appt .patient-info-wrapper { position: relative; padding: 10px 12px; background: #F6F8FA; border: 1px solid #DCE3EA; border-radius: 12px; }
html body.mv .mv-appt .mv-pt-change { position: absolute; top: 8px; right: 12px; }
html body.mv .mv-appt .mv-appt-value { background: #F6F8FA; border: 1px solid #DCE3EA; color: #0B2545; font-weight: 500; }
html body.mv .mv-appt-dur { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #E7F6F3; color: #0A7266; font-size: 12px; font-weight: 600; }
html body.mv .mv-appt-dur:empty { display: none; }
html body.mv .mv-appt-field:has(#chkIsRecurrence:not(:checked)) .mv-appt-repeat-more { display: none; }
html body.mv .mv-pills { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
html body.mv .mv-pill { position: relative; display: inline-flex; margin: 0; }
html body.mv .mv-pill input[type="checkbox"] { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
html body.mv .mv-pill span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #C3CEDA; background: #fff; color: #172A3A; font-size: 13px; font-weight: 600; }
html body.mv .mv-pill input:checked + input + span { background: #0A7266; border-color: #0A7266; color: #fff; }
html body.mv .mv-pill input:disabled + input + span { opacity: .5; }
html body.mv .mv-pill input:focus-visible + input + span { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv .mv-reasonwrap { position: relative; }
html body.mv .mv-reason-dot { position: absolute; left: 10px; top: 14px; width: 9px; height: 9px; border-radius: 50%; background: transparent; z-index: 1; }
html body.mv .mv-reasonwrap select { padding-left: 28px !important; }
html body.mv .mv-appt-dialog { max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); display: flex !important; flex-direction: column; }
html body.mv .mv-appt-dialog .ui-dialog-titlebar, html body.mv .mv-appt-dialog .ui-dialog-buttonpane { flex: none; }
html body.mv .mv-appt-dialog .ui-dialog-content { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: none !important; overflow-y: auto !important; }
@media (max-width: 640px) {
    html body.mv .mv-appt-dialog { left: 0 !important; top: 0 !important; width: 100vw !important; height: 100dvh !important; max-height: none; max-width: none; border-radius: 0 !important; display: flex !important; flex-direction: column; position: fixed !important; }
    html body.mv .mv-appt-dialog .ui-dialog-content { flex: 1 1 auto; height: auto !important; max-height: none !important; }
    html body.mv .mv-appt-dialog .ui-dialog-buttonpane { flex: none; }
}

html body.mv #calendar td.wc-today, html body.mv #calendar td.wc-today.ui-state-active, html body.mv #calendar .wc-today.ui-state-highlight { background: rgba(14,159,142,.03) !important; }
html body.mv #divSchedular #calendar_selection :is(select, input) { max-width: 100%; box-sizing: border-box; }
html body.mv .mv-chip .mv-av { width: 26px; height: 26px; }
html body.mv .mv-chips { max-height: 232px; overflow-y: auto; padding: 2px; }
html body.mv .mv-appt textarea { margin: 0 !important; display: block; }

@media (max-width: 640px) {
    html body.mv .ui-dialog.mv-appt-dialog.ui-widget { left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; border-radius: 0 !important; }
}
html body.mv .mv-drag-ghost { position: absolute; left: 2px; right: 2px; z-index: 6; background: rgba(14,159,142,.16); border: 1px dashed #0E9F8E; border-radius: 8px; pointer-events: none; }
html body.mv #calendar.mv-week .wc-user-header { font-size: 0 !important; padding: 6px 0 !important; }
html body.mv #calendar.mv-week .wc-user-header .mv-av { width: 16px; height: 16px; font-size: 7px; margin: 0 auto; }

/* SCHEDX2 */
html body.mv .mv-appt-searchwrap:has(#chkBookAppointment:not(:checked)) #txtBookingReferenceNo { display: none; }
html body.mv #calendar .wc-user-header .mv-uh-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
@media (min-width: 1101px) {
    html body.mv #divSchedular #divAppointmentLeftMain { display: flex; flex-direction: column; max-height: calc(100vh - 120px); }
    html body.mv #divSchedular #divAppointmentLeftMainContents { flex: 1 1 auto; min-height: 0; max-height: none; }
}

/* AUDITFIX Scheduler: dialog title vs close button, link button height, touch targets */
html body.mv .mv-appt-dialog .ui-dialog-titlebar { position: relative; }
html body.mv .mv-appt-dialog .ui-dialog-title { display: block; float: none !important; box-sizing: border-box; max-width: calc(100% - 64px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv .mv-appt-dialog .ui-dialog-titlebar-close { width: 32px; height: 32px; }
html body.mv .mv-linkbtn { min-height: 32px; padding: 6px 0; }
@media (max-width: 1100px) {
    html body.mv .mv-appt-dialog .ui-dialog-titlebar-close { width: 40px; height: 40px; }
    html body.mv .mv-appt :is(select, input[type="text"]) { height: 40px; }
    html body.mv .mv-linkbtn { min-height: 40px; }
    html body.mv .mv-switch { min-height: 40px; }
    html body.mv .mv-appt-dialog .ui-dialog-buttonpane button { min-height: 40px; }
}

/* AUDITFIX CRM */
html body.mv.mv-crm .mv-selfpay { flex-wrap: wrap; }
html body.mv.mv-crm .mv-selfpay-table { flex: 1 1 260px; overflow-x: auto; }
html body.mv.mv-crm .mv-selfpay-chart { flex: 0 0 150px; margin: 0 auto; }
html body.mv.mv-crm #tblMeeting thead .trSearch input:not([type="checkbox"]) { height: 32px; box-sizing: border-box; padding: 0 8px; font-size: 13px; width: 100% !important; min-width: 70px; }
@media (max-width: 1100px) {
    html body.mv.mv-crm a.btn, html body.mv.mv-crm .modal-effect.btn { min-height: 40px; display: inline-flex; align-items: center; }
    html body.mv.mv-crm .form-control { min-height: 40px; }
}

/* AUDITFIX RBS */
html body.mv:has(#divRBSErrorCount) .mv-viewbtn { min-height: 32px; height: 32px; }
@media (max-width: 767px) {
    html body.mv:has(#divRBSErrorCount) :is(select, input[type="text"], input[type="button"], input[type="submit"], button, .mv-viewbtn, .Datetxtbox) { min-height: 40px; }
    html body.mv:has(#divRBSErrorCount) .mv-viewbtn { height: 40px; }
}
html body.mv.mv-crm .mv-selfpay-chart:has(.mv-chart-empty) { flex: 1 1 100%; height: auto; margin: 8px 0 0; }
html body.mv.mv-crm #piechart.mv-chart-empty { height: auto; min-height: 44px; border-radius: 10px; padding: 12px; }
html body.mv.mv-crm .card:has(.mv-selfpay) { height: auto !important; min-height: 0 !important; }

/* AUDITFIX RBS2: grids fit the card, one-line rows, compact filters */
html body.mv:has(#divRBSErrorCount) .Grid table { table-layout: auto; width: 100%; }
html body.mv:has(#divRBSErrorCount) .Grid tbody td { white-space: nowrap; padding: 4px 6px !important; height: 40px !important; box-sizing: border-box; max-width: 94px; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
html body.mv:has(#divRBSErrorCount) .Grid tbody tr { height: 40px !important; }
html body.mv:has(#divRBSErrorCount) .Grid thead th { white-space: nowrap; padding: 0 6px !important; }
html body.mv:has(#divRBSErrorCount) .Grid thead tr:first-child th { height: 36px !important; box-sizing: border-box; }
html body.mv:has(#divRBSErrorCount) .Grid thead tr:nth-child(2) th { height: 44px !important; box-sizing: border-box; }
html body.mv:has(#divRBSErrorCount) .Grid thead tr:nth-child(2) :is(input, select) { height: 32px !important; min-height: 32px !important; box-sizing: border-box; width: 100% !important; min-width: 40px; padding: 0 6px !important; font-size: 13px !important; margin: 0 !important; }
html body.mv:has(#divRBSErrorCount) .Grid thead input[type="checkbox"], html body.mv:has(#divRBSErrorCount) .Grid tbody input[type="checkbox"] { width: 16px !important; height: 16px !important; min-height: 0 !important; }
html body.mv:has(#divRBSErrorCount) :is(.divExecuteRBS, #divRBSFilterFixClaims) { overflow-x: auto; background: linear-gradient(to right, #fff 30%, rgba(255,255,255,0)) 0 0 / 40px 100% no-repeat local, linear-gradient(to left, #fff 30%, rgba(255,255,255,0)) 100% 0 / 40px 100% no-repeat local, linear-gradient(to right, rgba(11,37,69,.14), rgba(11,37,69,0)) 0 0 / 12px 100% no-repeat scroll, linear-gradient(to left, rgba(11,37,69,.14), rgba(11,37,69,0)) 100% 0 / 12px 100% no-repeat scroll; }
@media (max-width: 767px) { html body.mv:has(#divRBSErrorCount) .Grid thead tr:nth-child(2) :is(input, select) { height: 40px !important; min-height: 40px !important; } }
/* === end teams:SCHED === */

/* === teams:SET2 (see scratchpad) === */
/* ===== M30 RBS ===== */
body.mv .mv-rbsbar { row-gap: 10px; }
body.mv .mv-rbsbar label b, body.mv .mv-rbsbar .mv-rbslbl b { font-size: 12.5px; font-weight: 600; }
body.mv .mv-rbsbar label.radio-inline b { color: var(--mv-ink) !important; }
html body.mv .mv-rbsbar #ddlSelectDate { font-size: 13px !important; padding: 5px 26px 5px 9px; border: 1px solid #7F8FA3; border-radius: 6px; background-color: var(--mv-surface); }
html body.mv .mv-rbsbar :is(#DateFrom, #DateTo, #ClaimIds) { font-size: 13px; border: 1px solid #7F8FA3; border-radius: 6px; }
html body.mv .mv-rbsbar > .status > input[type="text"], html body.mv #divRBSUnverified thead input[readonly], html body.mv .divRBSVerified thead input[readonly] { background-color: var(--mv-surface) !important; color: var(--mv-ink); border: 1px solid #7F8FA3 !important; border-radius: 6px !important; cursor: pointer; font-size: 13px; }
body.mv .mv-rbsbar > .status > .SelectedStatus i { color: var(--mv-text-2); font-size: 12px !important; }
html body.mv .mv-rbsbar :is(.btnfilter_UnVerfied, .btnFilterFixedClaims, .btnfilterVerfied, .btnfilterMain) { display: none !important; }
html body.mv .mv-rbsbar .mv-rbsapply, html body.mv .mv-rbsbar .btnExecuteRBS { height: 38px !important; border-radius: 9px !important; padding: 0 14px !important; font: 600 13.5px/1 var(--mv-font) !important; margin: 0 !important; }
html body.mv .mv-rbsbar .mv-rbsapply { background: var(--mv-surface) !important; border: 1px solid #C3CEDA !important; color: var(--mv-ink) !important; }
html body.mv .mv-rbsbar .btnExecuteRBS { background: #0A7266 !important; border: 1px solid #0A7266 !important; color: #fff !important; }
html body.mv .mv-rbsbar .mv-rbsfixed { display: inline-flex; align-items: center; gap: 6px; margin: 0 !important; font: 500 13px var(--mv-font); color: var(--mv-ink); cursor: pointer; }
html body.mv .mv-rbsbar .mv-rbsfixed input { width: 15px; height: 15px; margin: 0; accent-color: var(--mv-teal); }
html body.mv .mv-rbsbar:has(.btnFilterFixedClaims[style*="none"]) .mv-rbsfixed { display: none; }
html body.mv .mv-rbsbar > span:has(> .btnExecuteRBS) { align-items: center; }
/* select-all box: same 15px box as the row boxes, in the same column */
html body.mv .divExecuteRBS th.allCheckbox > input.chkHeader, html body.mv .Grid th.allCheckbox > input.chkHeader, html body.mv th.allCheckbox > input[type="checkbox"].chkHeader { width: 15px !important; height: 15px !important; min-height: 0 !important; min-width: 0 !important; margin: 0 !important; vertical-align: middle; accent-color: var(--mv-teal); }
html body.mv :is(#divRBSUnverified, .divRBSVerified, #divRBSFilterFixClaims) th.allCheckbox { text-align: center; padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 760px) {
    body.mv .mv-rbsbar { flex-wrap: wrap; }
    body.mv .mv-rbsbar > :is(span, div) { max-width: 100%; }
    html body.mv .mv-rbsbar #ddlSelectDate { width: 100% !important; }
    html body.mv .mv-rbsbar > .mv-rbsfield, html body.mv .mv-rbsbar > .status { width: 100% !important; display: flex !important; align-items: center; gap: 8px; }
    html body.mv .mv-rbsbar .mv-rbsfield > span { flex: 1 1 auto; min-width: 0; }
    html body.mv .mv-rbsbar :is(#DateFrom, #DateTo, #ClaimIds) { width: 100% !important; }
    html body.mv .mv-rbsbar > span:has(> .btnExecuteRBS) { width: 100%; margin-left: 0 !important; flex-wrap: wrap; }
}

/* ===== M32 Process EDI files ===== */
html body.mv .mv-fileinput-hidden { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden; pointer-events: none; }
html body.mv .mv-listbar-tools .mv-btn { height: 38px !important; margin: 0 !important; }
html body.mv .mv-listbar-tools .mv-btn:disabled { opacity: .5; cursor: not-allowed; }
html body.mv .mv-listbar-tools .mv-btn-primary { background: #0A7266 !important; border-color: #0A7266 !important; color: #fff !important; }
html body.mv .mv-listbar-tools .mv-btn .bi { margin-right: 6px; }
html body.mv .mv-filenote { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mv-text-2); font-size: 13px; }
html body.mv .mv-filenote:empty { display: none; }
html body.mv .mv-more { position: relative; display: inline-block; }
html body.mv .mv-more-menu { position: absolute; right: 0; top: calc(100% + 4px); z-index: 30; min-width: 190px; padding: 4px; border: 1px solid var(--mv-line-strong); border-radius: 10px; background: var(--mv-surface); box-shadow: 0 10px 24px -10px rgba(11, 37, 69, .4); }
html body.mv .mv-more-menu[hidden] { display: none; }
html body.mv .mv-more-item { display: flex; align-items: center; gap: 8px; width: 100%; height: 36px; padding: 0 10px; border: 0; border-radius: 6px; background: none; color: var(--mv-ink); font: 500 13.5px var(--mv-font); text-align: left; cursor: pointer; }
html body.mv .mv-more-item:hover { background: var(--mv-mist); }
html body.mv .mv-more-danger { color: var(--mv-bad); }
html body.mv .mv-more-danger:hover { background: var(--mv-bad-50); }
html body.mv #EDIFilesContainer thead tr:first-child th { height: 36px !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.2; }
html body.mv #EDIFilesContainer thead tr:nth-child(2) th { vertical-align: middle; padding-top: 6px !important; padding-bottom: 6px !important; }
html body.mv #EDIFilesContainer thead tr:nth-child(2) :is(input[type="text"], select) { height: 36px !important; min-height: 36px; box-sizing: border-box !important; margin: 0 !important; font-size: 13px; }
html body.mv #EDIFilesContainer thead tr:nth-child(2) select { padding-right: 24px; }
html body.mv #EDIFilesContainer :is(input.chkProcess, #chkCheckAllFiles) { width: 15px !important; height: 15px !important; min-height: 0 !important; min-width: 0 !important; margin: 0 !important; vertical-align: middle; accent-color: var(--mv-teal); }
html body.mv #EDIFilesContainer thead tr:nth-child(2) th:nth-child(2) { text-align: center; padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 760px) { html body.mv .mv-listbar-tools { width: 100%; } html body.mv .mv-more-menu { right: auto; left: 0; } }

/* ===== M35 Claim file batches ===== */
html body.mv .mv-batch #divGrid thead tr:first-child th { height: 36px !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.2; }
html body.mv .mv-batch #divGrid thead tr:nth-child(2) th { padding: 6px 4px !important; vertical-align: middle; }
html body.mv .mv-batch #divGrid thead tr:nth-child(2) input[type="text"] { width: 100% !important; min-width: 0; height: 32px !important; min-height: 32px; box-sizing: border-box !important; margin: 0 !important; padding: 3px 8px !important; font-size: 13px; }
html body.mv .mv-batch #divGrid thead abbr { text-decoration: none; border: 0; cursor: help; }
html body.mv .mv-batch #divGrid td.mv-emptycell { padding: 40px 16px !important; text-align: center !important; }
html body.mv .mv-batch #divGrid .mv-emptytitle { margin: 0 0 4px; color: var(--mv-ink); font: 600 15px var(--mv-font); }
html body.mv .mv-batch #divGrid .mv-emptytext { margin: 0 0 14px; color: var(--mv-text-2); font-size: 13px; }
html body.mv .mv-batch #divGrid .mv-emptycell .mv-btn { height: 38px; background: #0A7266 !important; border-color: #0A7266 !important; }
html body.mv .mv-batch #divGrid .mv-emptycell .mv-btn .bi { margin-right: 6px; }
html body.mv .mv-batch.is-empty #divGrid :is(.pager, .message) { display: none !important; }

/* verify fixes: Status / Location / Provider look like the standard select */
html body.mv .mv-rbsbar .status input#MultipleStatusTxtUnVerified,
html body.mv :is(#divRBSUnverified, .divRBSVerified, .upper) thead input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified),
html body.mv input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified) { background-color: #fff !important; background-image: none !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; height: 32px !important; padding: 3px 26px 3px 9px !important; box-sizing: border-box !important; color: var(--mv-ink) !important; font: 400 13px var(--mv-font) !important; cursor: pointer; }
html body.mv .mv-rbsbar .status input#MultipleStatusTxtUnVerified { height: 36px !important; }
html body.mv th:has(> input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified)) > span i { color: var(--mv-text-2) !important; font-size: 12px !important; }
html body.mv th:has(> input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified)) > span { top: 50% !important; transform: translateY(-50%); right: 12px !important; }
html body.mv .mv-rbsbar label.radio-inline b { font-size: 13px; font-weight: 600; }
/* M35: columns without a filter say so */
html body.mv .mv-batch #divGrid thead tr:nth-child(2) th.mv-nofilter { color: var(--mv-muted); text-align: center; font-weight: 400; cursor: help; }
html body.mv input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified) { width: 100% !important; margin: 0 !important; }
html body.mv th:has(> input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified)) { padding-right: 6px !important; }
html body.mv th:has(> input:is(#ShowDDLlocationUnVerified, #ShowDDLattendingUnVerified, #ShowDDLlocationVerified, #ShowDDLattendingVerified)) > span { right: 16px !important; }

/* ===== M36 CPT charges ===== */
html body.mv #divCPTCodeDetails #divCPTcode tbody tr { height: 40px; }
html body.mv #tbl-main td.prac #divCPTCodeDetails #divCPTcode tbody td { height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle; }
html body.mv #tbl-main td.prac #divCPTCodeDetails #divCPTcode tbody td:last-child { padding: 4px 8px !important; text-align: center; width: 56px; }
html body.mv #divCPTCodeDetails .mv-iconbtn { box-sizing: border-box !important; width: 32px !important; min-width: 32px; height: 32px !important; min-height: 32px; padding: 0 !important; margin: 0 !important; justify-content: center; align-items: center; }
html body.mv #divCPTCodeDetails .mv-iconbtn .bi { margin: 0 !important; font-size: 15px; }
html body.mv #divCPTCodeDetails #divCPTcode thead tr:first-child th { height: 36px !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv #divCPTCodeDetails .message { float: left; width: auto !important; }
html body.mv #divCPTCodeDetails .pager { float: none; margin: 0 !important; }
html body.mv #divCPTCodeDetails #divCPTcode > .pager { display: flex; align-items: center; justify-content: space-between; clear: none; }
/* edit fee dialog */
html body.mv .mv-cptdialog .ui-dialog-content { padding: 16px 20px !important; }
html body.mv .mv-cptpop-desc { margin: 0 0 14px; color: var(--mv-text-2); font-size: 13px; line-height: 1.45; }
html body.mv .mv-cptpop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
html body.mv .mv-cptpop-f { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv .mv-cptpop-f label { margin: 0 !important; color: var(--mv-ink); font: 600 12.5px var(--mv-font); }
html body.mv .mv-cptpop-f input { width: 100% !important; height: 36px !important; box-sizing: border-box !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; }
html body.mv .mv-cptpop-f input[readonly] { background: #EEF2F5 !important; color: #5B6B7F; }
html body.mv .mv-cptpop-f input.error { border-color: #C0392B !important; }
html body.mv .mv-cptpop .mv-field-error, html body.mv #divCPTCodeCharges .mv-field-error { color: #C0392B; font-size: 12px; }
html body.mv #divCPTCodeDetails #CPTList .mv-iconbtn { display: flex !important; margin: 0 auto !important; }
html body.mv #tbl-main td.prac #divCPTCodeDetails #CPTList > tr { height: 40px !important; }
html body.mv #tbl-main td.prac #divCPTCodeDetails #CPTList > tr > td { box-sizing: border-box !important; }

/* ===== Create batch dialog ===== */
html body.mv .ui-dialog.mv-batchdlg:has(#ValidationBatchForm) { max-width: calc(100vw - 32px); }
html body.mv .ui-dialog.mv-batchdlg:has(#ValidationBatchForm) .ui-dialog-content { overflow-x: hidden !important; overflow-y: auto !important; padding: 16px 20px !important; box-sizing: border-box; }
html body.mv .ui-dialog.mv-batchdlg { overflow: visible !important; }
html body.mv .mvb-form { padding: 0 !important; }
html body.mv .mvb-hint { margin: 0 0 14px; color: var(--mv-text-2); font-size: 13px; line-height: 1.45; }
html body.mv .mvb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px 16px; }
html body.mv .mvb-wide { grid-column: 1 / -1; }
html body.mv .mvb-f { position: relative; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv .mvb-f:empty { display: none; }
html body.mv .mvb-f > label { margin: 0 !important; color: var(--mv-ink); font: 600 12.5px/1.3 var(--mv-font); }
html body.mv .mvb-req { color: #C0392B; }
html body.mv .mvb-f > :is(input[type="text"], input:not([type]), select) { width: 100% !important; max-width: none !important; height: 36px !important; margin: 0 !important; padding: 5px 9px !important; box-sizing: border-box !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; background: var(--mv-surface); font: 400 13px var(--mv-font) !important; }
html body.mv .mvb-f > input.error { border-color: #C0392B !important; background-color: #FDF1EF !important; }
html body.mv .mvb-pick > input[type="text"] { padding-right: 34px !important; }
html body.mv .mvb-pick > span[onclick] { position: absolute; right: 8px; top: 28px; width: 24px; height: 24px; align-items: center; justify-content: center; color: var(--mv-text-2); cursor: pointer; transform: none; }
html body.mv .mvb-pick > span[onclick]:not(.hdn-element) { display: inline-flex; }
html body.mv .mvb-pick > span[onclick].hdn-element:not([style*="display: inline"]):not([style*="display:inline"]):not([style*="block"]) { display: none; }
/* panels */
html body.mv .mvb-panel { position: fixed; z-index: 10050 !important; box-sizing: border-box; min-width: 0; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line-strong); border-radius: 10px; box-shadow: 0 12px 28px -10px rgba(11, 37, 69, .4); overflow: hidden; }
html body.mv .mvb-panel .Grid { overflow-y: auto !important; overflow-x: hidden !important; border: 0 !important; margin: 0 !important; padding: 0 !important; background: none; scrollbar-width: thin; }
html body.mv .mvb-panel table { width: 100% !important; border: 0 !important; border-collapse: collapse; }
html body.mv .mvb-panel :is(table, thead, tbody) { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; }
html body.mv .mvb-panel tr { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) 96px; align-items: center; height: auto !important; min-height: 40px; }
html body.mv .mvb-panel thead tr { min-height: 34px; background: #F6F8FA; position: sticky; top: 0; }
html body.mv .mvb-panel :is(td, th) { display: block !important; width: auto !important; height: auto !important; padding: 4px 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; text-align: left !important; font: 400 13px/1.3 var(--mv-font); color: var(--mv-ink); }
html body.mv .mvb-panel thead td { color: var(--mv-text-2); font: 600 12px var(--mv-font); }
html body.mv .mvb-panel td:first-child { text-align: center !important; padding-left: 0 !important; padding-right: 0 !important; cursor: pointer; }
html body.mv .mvb-panel input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; accent-color: var(--mv-teal); }
html body.mv .mvb-panel input[type="number"], html body.mv .mvb-panel input.txtProviderClaim { width: 100% !important; height: 32px !important; margin: 0 !important; padding: 3px 8px !important; box-sizing: border-box !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; text-align: right; }
html body.mv .mvb-panel input:disabled { background: #EEF2F5 !important; }
html body.mv .mvb-panel-foot { display: flex; justify-content: flex-end; padding: 8px 10px; border-top: 1px solid var(--mv-line); background: var(--mv-surface); }
html body.mv .mvb-panel-foot .mv-btn { height: 32px !important; margin: 0 !important; padding: 0 14px !important; }
/* uploaded-file search results */
html body.mv .mvb-filelist { position: absolute !important; left: 0 !important; right: 0; top: 100% !important; width: auto !important; height: auto !important; max-height: 200px; margin-top: 4px; z-index: 10040 !important; padding: 0 !important; overflow-y: auto; border: 1px solid var(--mv-line-strong) !important; border-radius: 10px; box-shadow: 0 12px 28px -10px rgba(11, 37, 69, .4); background: var(--mv-surface); }

/* ===== batch dialogs v2: flex column panels, aligned columns, edit dialog ===== */
html body.mv .mvb-panel[style*="display: block"] { display: flex !important; flex-direction: column; }
html body.mv .mvb-panel > .Grid { flex: 1 1 auto; min-height: 0; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; }
html body.mv .mvb-panel > .mvb-panel-foot { flex: 0 0 auto; }
html body.mv .mvb-panel tr { grid-template-columns: 40px minmax(0, 1fr) 96px; align-items: stretch !important; min-height: 40px; }
html body.mv .mvb-panel :is(td, th) { display: flex !important; align-items: center; min-width: 0; box-sizing: border-box; }
html body.mv .mvb-panel td:first-child { justify-content: center; padding: 0 !important; }
html body.mv .mvb-panel td:nth-child(3) { padding-right: 10px !important; }
html body.mv .mvb-panel thead tr { min-height: 34px; position: sticky; top: 0; z-index: 2; background: #F6F8FA; }
html body.mv .mvb-panel thead td { border-bottom: 1px solid var(--mv-line) !important; }
html body.mv .mvb-panel :is(td.hdnLocationId, td.hdnProviderId) { display: none !important; }
html body.mv .mvb-panel td > span.MultiChkBoxStatusloc, html body.mv .mvb-panel td > span.MultiCheckBoxStatus { display: inline-flex; align-items: center; }
html body.mv .mvb-panel input[type="number"] { margin: 0 !important; }
html body.mv .mvb-panel td .ProviderName, html body.mv .mvb-panel td .PName, html body.mv .mvb-panel td .locName, html body.mv .mvb-panel td .lName { display: block; line-height: 1.3; }
html body.mv .mvb-panel :is(td, th) .hdn-element { display: none !important; }
html body.mv .mvb-panel thead tr { min-height: 34px !important; height: 34px !important; }
html body.mv .mvb-panel thead td { padding-top: 0 !important; padding-bottom: 0 !important; }
html body.mv .mvb-panel :is(td.txtpclm, td.txtlclm) input { width: 100% !important; height: 32px !important; min-height: 0 !important; margin: 0 !important; padding: 3px 8px !important; box-sizing: border-box !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; text-align: right; }
html body.mv .mvb-panel thead td { background: #F6F8FA !important; }
html body.mv .mvb-panel td:first-child span { margin: 0 !important; padding: 0 !important; }
html body.mv .mvb-panel td:first-child input[type="checkbox"] { margin: 0 !important; }
/* === end teams:SET2 === */

/* === teams:DASH3 (see scratchpad) === */
/* M31: Post payments / ERA and EOB list */
html body.mv #ERAContainer table.fixTable thead tr:first-child th { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #5B6B7F !important; }
html body.mv #ERAContainer table.fixTable thead tr:nth-child(2) th { height: auto !important; padding: 6px 4px !important; vertical-align: middle !important; }
html body.mv #ERAContainer table.fixTable thead tr:nth-child(2) :is(input[type="text"], select) { width: 100% !important; min-width: 0 !important; height: 32px !important; margin: 0 !important; padding: 0 8px !important; box-sizing: border-box; vertical-align: middle; }
html body.mv #ERAContainer table.fixTable thead tr:nth-child(2) select { padding-right: 24px !important; }
/* M33: New EOB */
html body.mv #tblNewEOB { width: 100% !important; }
html body.mv #tblNewEOB :is(tbody) { display: flex; flex-direction: column; gap: 14px; }
html body.mv #tblNewEOB tr { display: flex !important; flex-direction: column; gap: 5px; width: 100% !important; }
html body.mv #tblNewEOB td { display: block; width: auto !important; padding: 0 !important; }
html body.mv #tblNewEOB td.tdLabel { width: auto !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; white-space: normal !important; }
html body.mv #tblNewEOB .spnError { color: #C0392B; margin-left: 2px; }
html body.mv #tblNewEOB :is(input[type="text"], select) { width: 100% !important; max-width: 420px !important; height: 36px !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font-size: 13px !important; box-sizing: border-box; }
html body.mv #tblNewEOB select { padding-right: 26px !important; }
html body.mv #tblNewEOB :is(input, select):focus { outline: none; border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); }
html body.mv #tblNewEOB td.mv-paidby { display: flex !important; align-items: center; gap: 8px; min-height: 36px; font-size: 13px !important; }
html body.mv #tblNewEOB input[type="radio"] { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; background: none !important; }
html body.mv #tblNewEOB td.mv-paidby label { margin: 0 14px 0 0 !important; font-size: 13px !important; font-weight: 500; color: var(--mv-ink); }
html body.mv .mv-formcard .mv-notes-label, html body.mv .mv-formcard .mv-attach-label { color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; margin: 0 0 5px !important; }
html body.mv .mv-formcard .attachfile_div input[type="text"] { height: 36px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; padding: 5px 9px !important; font-size: 13px !important; }
html body.mv .mv-formcard .mv-attach-hint { display: block; margin-top: 5px; color: var(--mv-slate); font-size: 12.5px; line-height: 1.4; }
html body.mv .mv-formcard #Right textarea { border: 1px solid #7F8FA3 !important; border-radius: 6px !important; padding: 5px 9px !important; font-size: 13px !important; min-height: 120px; }
html body.mv .page-content.mv-formcard div.save_eob.mv-formfoot.mv-formfoot { display: flex !important; justify-content: flex-end !important; gap: 8px; margin: 8px 0 0 !important; padding: 14px 20px !important; border-top: 1px solid var(--mv-line); background: var(--mv-surface); border-radius: 0 0 12px 12px; clear: both; }
html body.mv .page-content.mv-formcard div.save_eob.mv-formfoot.mv-formfoot input[type="button"] { height: 38px !important; padding: 0 16px !important; font-size: 13.5px !important; font-weight: 600 !important; border-radius: 9px !important; }
html body.mv .page-content.mv-formcard div.save_eob.mv-formfoot.mv-formfoot input[type="button"]:focus-visible { outline: 2px solid #2563EB !important; outline-offset: 2px; }
@media (max-width: 600px) {
    html body.mv #tblNewEOB :is(input[type="text"], select) { max-width: none !important; height: 40px !important; }
    html body.mv .page-content.mv-formcard div.save_eob.mv-formfoot.mv-formfoot { padding: 12px 14px !important; }
    html body.mv .page-content.mv-formcard div.save_eob.mv-formfoot.mv-formfoot input[type="button"] { flex: 1 1 0; }
}
html body.mv #tblNewEOB tr[style*="none"] { display: none !important; }
html body.mv #tblNewEOB :is(tr, td) { height: auto !important; min-height: 0 !important; }
/* === end teams:DASH3 === */

/* === teams:UERA (see scratchpad) === */
/* Unmatched ERAs (/UnMatchedERA/UnMatchedERA.aspx): filter boxes inside their columns, standard grid sizes, money right-aligned. */
html body.mv #divUnMatchedERA table.fixTable { table-layout: auto; width: 100%; }
html body.mv #divUnMatchedERA table.fixTable thead th { height: 36px; white-space: nowrap; }
html body.mv #divUnMatchedERA table.fixTable thead tr:nth-child(2) th { padding: 6px 6px !important; }
html body.mv #divUnMatchedERA table.fixTable thead :is(input[type=text], select) { width: 100% !important; min-width: 0; height: 32px !important; box-sizing: border-box; margin: 0 !important; float: none !important; }
html body.mv #divUnMatchedERA #ERAList td { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle; }
html body.mv #divUnMatchedERA table.fixTable :is(th, td):nth-child(1) { width: 40px; text-align: center !important; color: var(--mv-slate, #5B6B7F); }
html body.mv #divUnMatchedERA table.fixTable :is(th, td):nth-child(5),
html body.mv #divUnMatchedERA table.fixTable :is(th, td):nth-child(6),
html body.mv #divUnMatchedERA table.fixTable :is(th, td):nth-child(7) { text-align: right !important; font-variant-numeric: tabular-nums; }
html body.mv #divUnMatchedERA table.fixTable :is(th, td):last-child { width: 88px; text-align: right !important; white-space: nowrap; }
html body.mv #divUnMatchedERA .mv-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--mv-line-strong, #C3CEDA); border-radius: 6px; background: #fff; color: var(--mv-ink, #0B2545); cursor: pointer; margin-left: 4px; }
html body.mv #divUnMatchedERA .mv-icon-btn:hover { background: var(--mv-mist, #EEF2F5); }
html body.mv #divUnMatchedERA .mv-icon-btn:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }
html body.mv #divUnMatchedERA .Grid { overflow-x: auto; }
@media (max-width: 1100px) { html body.mv #divUnMatchedERA .mv-icon-btn { width: 40px; height: 40px; } }
/* === end teams:UERA === */

/* === teams:DASH4 (see scratchpad) === */
/* M40: Patient chart page (EMR/Charts/Charts.aspx): the standalone legacy chart, restyled to the Medverra look */
html body.mv.mv-chartpage { margin: 0; background: var(--mv-mist); color: var(--mv-text); font-family: var(--mv-font); font-size: 13px; }
body.mv-chartpage .mv-chart-head { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 24px; background: var(--mv-surface); border-bottom: 1px solid var(--mv-line); }
body.mv-chartpage .mv-chart-title h1 { margin: 0 !important; font-size: 20px !important; font-weight: 700 !important; color: var(--mv-ink) !important; line-height: 1.25; }
body.mv-chartpage .mv-chart-title p { margin: 2px 0 0 !important; color: var(--mv-slate); font-size: 13px; }
body.mv-chartpage .mv-chart-body { max-width: 1240px; margin: 0 auto; padding: 16px 24px 96px; box-sizing: border-box; }
body.mv-chartpage .mv-chart-body * { box-sizing: border-box; }
body.mv-chartpage .mv-chart-body, body.mv-chartpage .mv-chart-body :is(td, th, label, span, div, p, input, select, textarea, a, h1, h2, h3, h4) { font-family: var(--mv-font) !important; }
/* cards */
body.mv-chartpage :is(.content_box_hpi, .content_box_vital, .content_box_pmh, .content_box) { background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; margin: 0 0 14px !important; padding: 0 !important; overflow: hidden; float: none !important; width: auto !important; }
body.mv-chartpage .div-in-block, body.mv-chartpage .containner_hpi-vital { float: none !important; width: auto !important; }
body.mv-chartpage :is(h1.title_hpi, h1.title_vital, .title-block, .title_pmh) { display: block; margin: 0 !important; padding: 14px 18px !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv-chartpage .body_hpi { padding: 14px 18px !important; background: none !important; border: 0 !important; }
/* section-header links become small ghost buttons in the card header */
body.mv-chartpage .content_box_hpi > span[style*="float"], body.mv-chartpage .content_box_vital > span[style*="float"] { float: right !important; position: relative; z-index: 2; display: inline-flex !important; align-items: center; height: 28px; margin: 10px 8px 0 0 !important; padding: 0 10px !important; border: 1px solid #C3CEDA; border-radius: 6px; background: var(--mv-surface); color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600; text-decoration: none !important; cursor: pointer; }
body.mv-chartpage .content_box_hpi > span[style*="float"] a, body.mv-chartpage .content_box_vital > span[style*="float"] a { color: inherit !important; text-decoration: none !important; }
body.mv-chartpage .content_box_hpi > span[style*="float"]:hover, body.mv-chartpage .content_box_vital > span[style*="float"]:hover { background: var(--mv-mist); }
body.mv-chartpage :is(a, span[onclick]) { color: var(--mv-teal-700); }
/* labels and fields */
body.mv-chartpage .mv-chart-body :is(td, label, .spanTitle) { color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
body.mv-chartpage .mv-chart-body :is(input[type="text"], input:not([type]), select, input[type="number"]) { height: 36px !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; background-color: #fff; color: var(--mv-ink); font-size: 13px !important; max-width: 100%; }
body.mv-chartpage .mv-chart-body select { padding-right: 26px !important; }
body.mv-chartpage .mv-chart-body textarea { min-height: 64px; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font-size: 13px !important; max-width: 100%; }
body.mv-chartpage .mv-chart-body :is(input, select, textarea):focus { outline: none; border-color: #0E9F8E !important; box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); }
body.mv-chartpage .mv-chart-body table { max-width: 100%; }
body.mv-chartpage .mv-chart-body :is(input[type="checkbox"], input[type="radio"]) { width: 15px !important; height: 15px !important; min-width: 0 !important; accent-color: #0E9F8E; -webkit-appearance: auto !important; appearance: auto !important; }
/* locked state: a muted notice instead of red text */
body.mv-chartpage .userprvg { align-items: center; gap: 8px; margin: 0 !important; padding: 12px 14px !important; background: #EEF2F5 !important; border: 1px solid var(--mv-line) !important; border-radius: 8px !important; color: var(--mv-slate) !important; font-size: 13px !important; font-weight: 500 !important; text-align: left !important; }
body.mv-chartpage .userprvg::before { content: ""; flex: 0 0 16px; height: 16px; background: var(--mv-slate); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a3 3 0 0 0-3 3v3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-1V4a3 3 0 0 0-3-3m2 6H6V4a2 2 0 1 1 4 0z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a3 3 0 0 0-3 3v3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-1V4a3 3 0 0 0-3-3m2 6H6V4a2 2 0 1 1 4 0z'/%3E%3C/svg%3E") center / contain no-repeat; }
body.mv-chartpage .userprvg:is([style*="display: block"], [style*="display:block"]) { display: flex !important; }
/* the medicine panel is a modal, closed until opened */
body.mv-chartpage .modelpop { position: fixed !important; top: 8vh !important; left: 50% !important; transform: translateX(-50%); width: min(900px, calc(100vw - 24px)) !important; max-height: 84vh; overflow: auto; margin: 0 !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-radius: 12px; box-shadow: 0 24px 60px -16px rgba(11, 37, 69, .45) !important; z-index: 99999; }
body.mv-chartpage .modelpop[style*="none"] { display: none !important; }
body.mv-chartpage .modelpop h2 { display: flex; align-items: center; justify-content: space-between; height: auto !important; margin: 0 !important; padding: 14px 18px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
body.mv-chartpage .modelpop h2 .MPClose { width: 32px !important; height: 32px !important; float: none !important; cursor: pointer; border-radius: 6px; }
body.mv-chartpage .modelpop .sub { padding: 16px 18px; }
body.mv-chartpage .modelpop :is(input[type="text"], select) { height: 36px !important; }
@media (max-width: 760px) {
    body.mv-chartpage .mv-chart-head { padding: 10px 14px; }
    body.mv-chartpage .mv-chart-body { padding: 12px 12px 96px; }
    body.mv-chartpage .mv-chart-body :is(input[type="text"], select) { height: 40px !important; }
    body.mv-chartpage .mv-chart-body table, body.mv-chartpage .mv-chart-body tbody, body.mv-chartpage .mv-chart-body tr { max-width: 100%; }
}
body.mv-chartpage .content_box_allergies { background: var(--mv-surface) !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; margin: 0 0 14px !important; overflow: hidden; float: none !important; width: auto !important; }
body.mv-chartpage .content_box_allergies > span[style*="float"] { float: right !important; display: inline-flex !important; gap: 8px; align-items: center; margin: 10px 12px 0 0 !important; padding: 0 !important; }
body.mv-chartpage .content_box_allergies > span[style*="float"] a { display: inline-flex !important; align-items: center; height: 28px; padding: 0 10px; border: 1px solid #C3CEDA; border-radius: 6px; color: var(--mv-ink) !important; font-size: 12.5px; font-weight: 600; text-decoration: none !important; background: var(--mv-surface); }
body.mv-chartpage .content_box_allergies > span[style*="float"] a:hover { background: var(--mv-mist); }
body.mv-chartpage .content_box_allergies :is(.title-block, h1, h2, h3):first-of-type { padding: 14px 18px !important; }
@media (max-width: 760px) {
    body.mv-chartpage :is(.body_hpi, .content_box_vital, .content_box_allergies, .content_box_hpi) :is(table, tbody) { display: block !important; width: 100% !important; }
    body.mv-chartpage :is(.body_hpi, .content_box_vital, .content_box_allergies, .content_box_hpi) tr { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 8px; }
    body.mv-chartpage :is(.body_hpi, .content_box_vital, .content_box_allergies, .content_box_hpi) td { display: block; width: auto !important; max-width: 100%; text-align: left !important; padding: 0 !important; }
    body.mv-chartpage :is(.body_hpi, .content_box_vital, .content_box_allergies, .content_box_hpi) td:first-child:not(:has(input, select, textarea)) { flex: 0 0 100%; }
    body.mv-chartpage .content_box_hpi :is(textarea, select), body.mv-chartpage .content_box_allergies textarea { width: 100% !important; }
    body.mv-chartpage :is(h1.title_hpi, .title-block) { clear: both; }
}
body.mv-chartpage :is(.content_box_hpi, .content_box_vital, .content_box_allergies, .body_hpi, .div-in-block, .containner_hpi-vital) { height: auto !important; min-height: 0 !important; max-height: none !important; }
@media (max-width: 760px) {
    body.mv-chartpage :is(.body_hpi, .content_box_vital, .content_box_allergies, .content_box_hpi) :is(td, input, select, textarea, div, span) { position: static !important; float: none !important; }
    body.mv-chartpage :is(.content_box_vital, .content_box_hpi) > span[style*="float"] { display: inline-flex !important; float: right !important; position: relative !important; }
    body.mv-chartpage .content_box_allergies > span[style*="float"] { float: none !important; display: flex !important; flex-wrap: wrap; margin: 10px 12px 0 !important; }
}
@media (max-width: 760px) {
    body.mv-chartpage :is(.body_hpi, .content_box_vital, .content_box_allergies, .content_box_hpi) :is(tr, td, table) { height: auto !important; min-height: 0 !important; }
}
body.mv-chartpage :is(h1.title_hpi, h1.title_vital, .title-block) { height: auto !important; line-height: 1.3 !important; }
@media (max-width: 760px) { body.mv-chartpage .content_box_hpi textarea { width: 100% !important; } }

/* ---- M40b: clean cards, header with actions, label-above grids ---- */
body.mv-chartpage :is(.content_box_hpi, .content_box_vital, .content_box_allergies, .content_box_pmh) { border: 1px solid var(--mv-line) !important; outline: 0 !important; box-shadow: none !important; background: var(--mv-surface) !important; }
body.mv-chartpage :is(.body_HPI, .body_HPI_bor, .body_vital, .body_allergies, .back-gray, .back-allergy, .body_hpi) { border: 0 !important; outline: 0 !important; background: none !important; box-shadow: none !important; margin: 0 !important; width: auto !important; height: auto !important; float: none !important; }
body.mv-chartpage :is(.body_HPI, .body_vital, .body_allergies) { padding: 14px 18px !important; }
body.mv-chartpage .mv-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 18px; border-bottom: 1px solid var(--mv-line); }
body.mv-chartpage .mv-card-head > h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-decoration: none !important; font-size: 15px !important; font-weight: 700 !important; color: var(--mv-ink) !important; line-height: 1.3 !important; height: auto !important; }
body.mv-chartpage .mv-card-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.mv-chartpage .mv-card-actions .mv-btn { height: 30px !important; min-height: 30px; padding: 0 10px !important; font-size: 12.5px !important; text-decoration: none !important; cursor: pointer; }
body.mv-chartpage :is(fieldset, legend) { border: 0 !important; padding: 0; margin: 0; }
body.mv-chartpage .mv-fgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
body.mv-chartpage .mv-f { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
body.mv-chartpage .mv-f.mv-wide { grid-column: 1 / -1; }
body.mv-chartpage .mv-f > label, body.mv-chartpage .mv-vf label { margin: 0 !important; width: auto !important; float: none !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; line-height: 1.3; }
body.mv-chartpage .mv-f-row { display: flex; align-items: center; gap: 8px; }
body.mv-chartpage .mv-f-row > input[type="text"] { flex: 1 1 auto; width: auto !important; min-width: 0; }
body.mv-chartpage .mv-icon-btn { flex: 0 0 36px; width: 36px; height: 36px !important; min-height: 36px; padding: 0 !important; display: inline-grid !important; place-items: center; border-radius: 6px !important; }
body.mv-chartpage .mv-f select, body.mv-chartpage .mv-f textarea { width: 100% !important; }
/* vitals */
body.mv-chartpage .body_vital { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 28px; align-items: start; }
body.mv-chartpage .body_vital > .clear, body.mv-chartpage .body_vital > table, body.mv-chartpage .body_vital > .vital-comments-wrap { grid-column: 1 / -1; }
body.mv-chartpage .body_vital :is(.leftbox, .rightbox, .boxes) { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px 16px; align-content: start; }
body.mv-chartpage .body_vital .rightbox { padding: 12px 14px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; background: #FBFCFD; }
body.mv-chartpage .body_vital .rightbox > h1 { grid-column: 1 / -1; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-decoration: none !important; font-size: 13px !important; font-weight: 700 !important; color: var(--mv-ink) !important; }
body.mv-chartpage .body_vital h1::before, body.mv-chartpage .body_vital h1::after { display: none !important; content: none !important; }
body.mv-chartpage .mv-vf { display: flex; flex-direction: column; gap: 5px; min-width: 0; margin: 0 !important; padding: 0 !important; }
body.mv-chartpage .mv-vf-hidden { display: none !important; }
body.mv-chartpage .mv-vf .rtl, body.mv-chartpage .mv-vf .ltl { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.mv-chartpage .mv-vf .ltl > span { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
body.mv-chartpage .mv-vf input[type="text"] { width: 90px !important; min-width: 80px; }
body.mv-chartpage .mv-vf select { width: 100% !important; min-width: 120px; }
body.mv-chartpage .mv-vf .light-grey { color: var(--mv-slate) !important; font-size: 12.5px; }
body.mv-chartpage .mv-vf .mv-vf-check { display: inline-flex; align-items: center; gap: 6px; font-weight: 500 !important; }
body.mv-chartpage .mv-vcomments td { display: block; width: 100% !important; padding: 0 !important; margin-bottom: 5px; }
body.mv-chartpage .mv-vcomments :is(textarea) { width: 100% !important; min-height: 72px; }
/* generic: the other sections (history, allergies, plan of care, prescriptions) */
body.mv-chartpage :is(.title_allergies, .title_pmh, .title-block, h1.title_vital) { background: none !important; border: 0 !important; border-bottom: 0 !important; text-decoration: none !important; }
body.mv-chartpage :is(.content_box_allergies, .content_box_pmh) > :is(h1, h2, h3):first-of-type { padding: 14px 18px !important; margin: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.mv-chartpage .mv-chart-body :is(table.mh-grid, .Grid, table) :is(th) { background: #F6F8FA !important; color: #5B6B7F !important; font-size: 12px !important; font-weight: 600 !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; padding: 8px 10px !important; text-align: left; }
body.mv-chartpage .mv-chart-body input[type="button"], body.mv-chartpage .mv-chart-body input[type="submit"], body.mv-chartpage .mv-chart-body button:not(.mv-btn) { height: 36px; padding: 0 14px; border: 1px solid #C3CEDA; border-radius: 9px; background: #fff; color: var(--mv-ink); font-size: 13px; font-weight: 600; cursor: pointer; }
body.mv-chartpage .mv-chart-body :is(img[src*="icon_add"], img[src*="icon_clear"]) { width: 20px; height: 20px; vertical-align: middle; cursor: pointer; }
@media (max-width: 1100px) { body.mv-chartpage .body_vital { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    body.mv-chartpage .mv-fgrid, body.mv-chartpage .body_vital { grid-template-columns: minmax(0, 1fr); }
    body.mv-chartpage .body_vital :is(.leftbox, .rightbox, .boxes) { grid-template-columns: minmax(0, 1fr); }
    body.mv-chartpage .mv-vf input[type="text"] { height: 40px !important; }
}
body.mv-chartpage .mv-card-head > h1 { text-indent: 0 !important; background-image: none !important; }
/* more legacy frames: prescriptions, plan of care, review blocks */
body.mv-chartpage .block-body { border: 1px solid var(--mv-line) !important; border-radius: 12px !important; background: var(--mv-surface) !important; box-shadow: none !important; padding: 12px !important; margin: 0 0 14px !important; float: none !important; width: auto !important; }
body.mv-chartpage :is(.block-body-inset, .smallbox, .review-block-right-panel, .review-block-right-bttom, .review-sub-block-title, .hor-div, .POCTable) { border-color: var(--mv-line) !important; box-shadow: none !important; background-image: none !important; }
body.mv-chartpage :is(.block-body-inset, .review-block-right-panel) { background: #fff !important; border-radius: 8px; }
body.mv-chartpage :is(.review-block-title, .review-sub-block-title) { border-color: var(--mv-line) !important; color: var(--mv-ink) !important; background: none !important; font-size: 14px !important; font-weight: 700 !important; }
body.mv-chartpage .block-body :is(a, span[onclick]) { color: var(--mv-teal-700) !important; font-size: 12.5px; font-weight: 600; text-decoration: none; }
body.mv-chartpage .block-body :is(a, span[onclick]):hover { text-decoration: underline; }
body.mv-chartpage .mv-chart-body span[style*="color: Blue"], body.mv-chartpage .mv-chart-body span[style*="color: blue"], body.mv-chartpage .mv-chart-body span[style*="color:Blue"] { color: var(--mv-teal-700) !important; font-weight: 600 !important; text-decoration: none !important; }
body.mv-chartpage :is(.content_box_allergies, .content_box_pmh):not(:has(.mv-card-head)) { position: relative; }
body.mv-chartpage :is(.content_box_allergies, .content_box_pmh):not(:has(.mv-card-head)) > span[style*="float"] { position: absolute !important; top: 10px; right: 14px; z-index: 2; display: inline-flex !important; align-items: center; height: 30px; padding: 0 10px !important; border: 1px solid #C3CEDA; border-radius: 6px; background: var(--mv-surface); color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; text-decoration: none !important; cursor: pointer; float: none !important; }
body.mv-chartpage :is(.content_box_allergies, .content_box_pmh):not(:has(.mv-card-head)) > :is(h1, h2):first-of-type { min-height: 52px; display: flex; align-items: center; margin: 0 !important; padding: 0 130px 0 18px !important; }
body.mv-chartpage .mv-vcomments :is(textarea, .vital-comments) { position: static !important; margin: 0 !important; display: block; }
body.mv-chartpage .mv-vcomments { position: static !important; display: block; }
body.mv-chartpage .mv-vcomments tbody, body.mv-chartpage .mv-vcomments tr { display: block; }
body.mv-chartpage .content_box_allergies { position: relative; }
body.mv-chartpage :is(span.chartHistoryLink, span#SpnAllergyHistory, span[id^="Spn"][id$="History"]) { position: absolute !important; top: 11px; right: 14px; z-index: 2; float: none !important; display: inline-flex !important; align-items: center; height: 30px; margin: 0 !important; padding: 0 10px !important; border: 1px solid #C3CEDA; border-radius: 6px; background: var(--mv-surface); color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; text-decoration: none !important; cursor: pointer; }
body.mv-chartpage .content_box_allergies > :is(h1, h2):first-of-type { min-height: 52px; display: flex; align-items: center; margin: 0 !important; padding: 0 130px 0 18px !important; border-bottom: 1px solid var(--mv-line) !important; width: auto !important; float: none !important; }
body.mv-chartpage .mv-vcomments td { height: auto !important; line-height: 1.3; }
body.mv-chartpage .mv-vcomments td:first-child { padding-bottom: 6px !important; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
body.mv-chartpage .content_box_allergies .mv-card-head ~ * span[id$="History"] { position: static !important; }
body.mv-chartpage #divMedication::before { content: "Prescriptions"; display: block; margin: -2px 0 12px; padding: 4px 4px 12px; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink); font-size: 15px; font-weight: 700; }
body.mv-chartpage .mv-card-head > h1.title_allergies, body.mv-chartpage .mv-card-head > h1.title_hpi, body.mv-chartpage .mv-card-head > h1.title_vital { margin-left: 0 !important; padding-left: 0 !important; width: auto !important; float: none !important; position: static !important; }
body.mv-chartpage .mv-chart-body input[type="checkbox"], body.mv-chartpage .mv-chart-body input[type="radio"] { width: 15px !important; height: 15px !important; min-width: 0 !important; min-height: 0 !important; max-width: 15px !important; padding: 0 !important; margin: 0 6px 0 0 !important; }
/* === end teams:DASH4 === */

/* === teams:AGING (see scratchpad) === */
/* Dashboard > Aging report dialog: labels above fields, and the claim status / patient lists drop down under their own field instead of opening at the dialog's top-left and being clipped. */
html body.mv .ui-dialog.mv-aging-dlg { overflow: visible !important; }
html body.mv .mv-aging-dlg .ui-dialog-content { overflow: visible !important; height: auto !important; min-height: 0 !important; padding: 16px 20px !important; }
html body.mv .mv-aging-dlg #DBREportmainDiv { display: grid; gap: 14px; width: auto; height: auto; font-size: 13px !important; }
html body.mv .mv-aging-dlg .mv-aging-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html body.mv .mv-aging-dlg .mv-aging-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; float: none; width: auto; }
html body.mv .mv-aging-dlg .mv-aging-field > label { font-size: 12.5px; font-weight: 600; color: #0B2545; margin: 0; }
html body.mv .mv-aging-dlg .mv-aging-field > :is(select, input[type=text]) { width: 100% !important; height: 36px !important; box-sizing: border-box; margin: 0 !important; padding: 5px 9px !important; font-size: 13px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; background-color: #fff; }
html body.mv .mv-aging-dlg #MultipleStatusTxt { cursor: pointer; padding-right: 30px !important; text-overflow: ellipsis;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B6B7F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") right 9px center / 14px no-repeat !important; }
html body.mv .mv-aging-dlg .mv-aging-anchor { position: relative; }
html body.mv .mv-aging-dlg #Div_MultiStatus { top: calc(100% + 4px) !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 100000000 !important; padding: 6px !important; }
html body.mv .mv-aging-dlg #Div_MultiStatus > div:first-child { max-height: 240px; }
html body.mv .mv-aging-dlg #Div_MultiStatus.mv-open-up { top: auto !important; bottom: calc(100% + 4px) !important; }
html body.mv .mv-aging-dlg #Div_MultiStatus li label { padding: 6px 8px !important; }
html body.mv .mv-aging-dlg #Div_MultiStatus li label > span, html body.mv .mv-aging-dlg #Div_MultiStatus li > span { float: none !important; width: auto !important; margin: 0 !important; }
html body.mv .mv-aging-dlg .mv-aging-status-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--mv-line, #E3E8EF); }
html body.mv .mv-aging-dlg #SearchPatientList { position: absolute !important; top: calc(100% + 4px) !important; left: 0 !important; width: 100% !important; height: auto !important; max-height: 240px; margin: 0 !important; padding: 4px !important; box-sizing: border-box; overflow-y: auto; z-index: 100000001 !important;
    background: #fff !important; border: 1px solid var(--mv-line, #E3E8EF) !important; border-radius: 10px; box-shadow: 0 20px 44px -16px rgba(11,37,69,.42); }
html body.mv .mv-aging-dlg .ui-dialog-buttonpane { padding: 12px 20px !important; }
@media (max-width: 600px) {
    html body.mv .mv-aging-dlg .mv-aging-row { grid-template-columns: 1fr; }
    html body.mv .mv-aging-dlg .mv-aging-field > :is(select, input[type=text]) { height: 40px !important; }
}
/* === end teams:AGING === */

/* === teams:PSRESP (see scratchpad) === */
/* NB: the hidden sortBy input is child 1 of the header row, so th N is nth-child(N+1) */
/* Find a patient: grid fits its card, header tools wrap, grid scrolls inside the card as a last resort */
@media (min-width: 761px) {
    html body.mv .Widget:has(#PatientContainer) > .WidgetTitle.mv-listbar { flex-wrap: wrap; row-gap: 10px; }
    html body.mv .Widget:has(#PatientContainer) .mv-listbar-title { flex: 1 1 320px; }
    html body.mv .Widget:has(#PatientContainer) .mv-listbar-tools { flex: 0 1 auto; }
    html body.mv #PatientContainer .Grid > div:first-child { overflow-x: auto !important; max-width: 100%; }
    html body.mv #PatientContainer table.fixTable { table-layout: fixed; width: 100% !important; min-width: 880px; }
    html body.mv #PatientContainer table.fixTable :is(th, td) { overflow-wrap: anywhere; word-break: break-word; }
    html body.mv #patientList td, html body.mv #patientList td * { white-space: normal !important; overflow: hidden; }
    html body.mv #PatientContainer table.fixTable thead tr:nth-child(2) :is(input, select) { width: 100% !important; max-width: 100%; min-width: 0; }
    html body.mv #PatientContainer thead tr:first-child th, html body.mv #patientList td { padding-left: 6px !important; padding-right: 6px !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(2) { width: 36px !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(3) { width: 104px !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(4) { width: 12% !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(5) { width: 11% !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(6) { width: 96px !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(7) { width: 98px !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(8) { width: 100px !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(9) { width: 17% !important; }
    html body.mv #PatientContainer thead tr:first-child th:nth-child(10) { width: auto !important; }
    html body.mv #patientList td { height: 40px; padding-top: 8px !important; padding-bottom: 8px !important; vertical-align: middle; line-height: 1.35; }

    html body.mv #PatientContainer table.fixTable thead tr:nth-child(2) select { padding: 0 18px 0 6px !important; background-position: right 4px center !important; background-size: 10px !important; }
    html body.mv #patientList td:is(:nth-child(2), :nth-child(6), :nth-child(7)), html body.mv #patientList td:is(:nth-child(2), :nth-child(6), :nth-child(7)) * { white-space: nowrap !important; overflow-wrap: normal; word-break: normal; }
    html body.mv #PatientContainer thead tr:nth-child(2) th { padding-left: 4px !important; padding-right: 4px !important; }
}
/* === end teams:PSRESP === */

/* === teams:PTLRESP (see scratchpad) === */
/* PTLRESP: Pending task list toolbar (one in-flow wrapping toolbar, More menu) and grid fit */
html body.mv.mv-shell .mv-ptl-head { margin: 16px 0 0; }
html body.mv.mv-shell .mv-ptl-bar { box-shadow: none !important; border: 0 !important; background: transparent !important; overflow: visible !important; }
html body.mv.mv-shell .mv-ptl-switch { flex-wrap: wrap; margin-top: 14px !important; }
html body.mv .mv-ptl-switch #spnClaimtypeptl { flex: 0 0 100%; font-size: 12.5px !important; color: var(--mv-ink); }
html body.mv #divPTLGridClaim { float: none !important; width: auto !important; max-width: 100%; box-sizing: border-box; }
html body.mv #divPTLGridClaim .Grid, html body.mv #divPTLGridClaim .Grid > div, html body.mv #divPTLGridClaim #divClaims { float: none !important; width: auto !important; max-width: 100%; }
html body.mv.mv-shell .mv-ptl-bar { justify-content: flex-start; row-gap: 8px; }
html body.mv.mv-shell .mv-ptl-bar .mv-ql-current:not(.mv-qa-primary) { border-color: var(--mv-teal) !important; background: var(--mv-teal-50) !important; color: var(--mv-teal-700) !important; }
html body.mv.mv-shell .mv-ptl-bar .mv-ptl-more { position: relative; display: inline-flex; }
html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu { position: absolute; right: 0; top: calc(100% + 6px); left: auto; }
html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu[hidden] { display: none; }
html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu a { display: flex; align-items: center; height: 36px; padding: 0 10px; border-radius: 6px; color: var(--mv-ink); font-size: 13.5px; font-weight: 500; text-decoration: none; }
html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu a:hover, html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu a:focus-visible { background: var(--mv-mist); outline: none; }
html body.mv.mv-shell .mv-ptl-bar button.mv-qa { font-family: var(--mv-font); }
html body.mv.mv-shell .mv-ptl-bar .mv-qa .button-center { display: inline-flex !important; align-items: center; gap: 6px; }
html body.mv.mv-shell .mv-ptl-bar .mv-qa .button-text { display: inline; }
html body.mv #divPTLGridPatient .Grid > .scroll, html body.mv #divPTLGridClaim .Grid > div { overflow-x: auto !important; max-width: 100%; }
html body.mv #divPTLGridPatient .Grid table.fixTable { min-width: 760px; }
html body.mv #divPTLGridPatient th, html body.mv #divPTLGridClaim th { white-space: normal; }
@media (max-width: 1100px) {
    html body.mv.mv-shell .mv-ptl-bar .mv-qa:not(.mv-qa-primary):not(#btnptl) { padding: 0 11px !important; }
    html body.mv.mv-shell .mv-ptl-bar .mv-qa:not(.mv-qa-primary):not(#btnptl) .button-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    html body.mv.mv-shell .mv-ptl-bar #btnPtlMore .button-text { position: static; width: auto; height: auto; clip: auto; }
}
@media (max-width: 820px) {
    html body.mv.mv-shell .mv-ptl-bar .mv-qa { height: 40px !important; min-width: 40px; }
    html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu { right: auto; left: 0; }
    html body.mv.mv-shell .mv-ptl-bar .mv-ptl-menu a { height: 40px; }
}
html body.mv.mv-shell .page-content:has(.mv-ptl-switch) { float: none !important; width: auto !important; max-width: 100%; box-sizing: border-box; }
html body.mv.mv-shell .mv-ptl-bar { justify-content: flex-start !important; }
/* PTLRESP2: grid filters fill columns, nowrap headers, radios, empty state */
html body.mv #divPTLGridClaim th, html body.mv #divPTLGridPatient th { white-space: nowrap !important; }
html body.mv :is(#divPTLGridClaim, #divPTLGridPatient) thead :is(input[type="text"], select, .ServiceDate, .BillDate) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 32px !important; box-sizing: border-box !important; float: none !important; margin: 0 !important; padding: 0 9px !important; font-size: 13px !important; }
html body.mv #divPTLGridClaim thead select { padding-right: 24px !important; }
html body.mv #divPTLGridClaim thead th { min-width: 96px; padding: 4px 6px !important; }
html body.mv #divPTLGridClaim thead th:first-child { min-width: 0; }
html body.mv #divPTLGridClaim .Grid > .scroll, html body.mv #divPTLGridClaim .Grid > div { overflow-x: auto !important; }
html body.mv #divPTLGridClaim .Grid table { min-width: 880px; }
html body.mv .mv-ptl-switch #spnClaimtypeptl { display: flex; gap: 18px; align-items: center; font-size: 13px !important; }
html body.mv .mv-ptl-switch #spnClaimtypeptl[style*="display:none"], html body.mv .mv-ptl-switch #spnClaimtypeptl[style*="display: none"] { display: none; }
html body.mv .mv-ptl-radio { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 500; color: var(--mv-ink); cursor: pointer; }
html body.mv .mv-ptl-radio input { width: 15px; height: 15px; margin: 0; accent-color: #0E9F8E; }
html body.mv .mv-ptl-empty { padding: 28px 18px; text-align: center; color: var(--mv-slate); font-size: 13.5px; border-top: 1px solid var(--mv-line); }
html body.mv .mv-ptl-empty[hidden] { display: none; }
html body.mv .mv-ptl-isempty > .scroll, html body.mv .mv-ptl-isempty > div { height: auto !important; min-height: 0 !important; max-height: none !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable thead tr > th > :is(input[type="text"], select) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 32px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable thead th:nth-child(n+2) { min-width: 96px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable { min-width: 960px; table-layout: auto; }
html body.mv .mv-ptl-isempty .pager { display: none !important; }
html body.mv #divPTLGridPatient .Grid table.fixTable { min-width: 800px; table-layout: fixed; width: 100% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:nth-child(1) { width: 4% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:nth-child(2) { width: 14% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:is(:nth-child(3), :nth-child(4)) { width: 11% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:nth-child(5) { width: 10% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:nth-child(6) { width: 12% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:nth-child(7) { width: 10% !important; }
html body.mv #divPTLGridPatient table.fixTable thead tr:first-child th:nth-child(8) { width: 14% !important; }
html body.mv #divPTLGridPatient table.fixTable tbody td { overflow-wrap: anywhere; }
html body.mv #divPTLGridClaim #divClaims table.fixTable thead th:nth-child(n+2) { min-width: 90px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable { min-width: 920px; }
/* === end teams:PTLRESP === */

/* === teams:RESP (see scratchpad) === */
/* RESP: site-wide safety net. Content never gets wider than the window: the legacy 960px frame and
   floated, shrink-to-fit wrappers let wide grids push cards past the right edge, where #contentWrapper
   (overflow-x hidden) cut them off. Cards now stay inside the column and a wide grid scrolls inside its card. */
html body.mv.mv-shell #contentWrapper { min-width: 0 !important; }
html body.mv.mv-shell #contentWrapper > .content, html body.mv.mv-shell #contentWrapper > .content > main { min-width: 0; max-width: 100%; }
html body.mv.mv-shell #contentWrapper .page-content { min-width: 0; max-width: 100%; }
html body.mv.mv-shell #contentWrapper :is(.Widget, .mv-card, .mv-formcard) { min-width: 0; max-width: 100%; box-sizing: border-box; }
html body.mv.mv-shell #contentWrapper .Widget :is(.WidgetMainContent, .WidgetContent) { min-width: 0; max-width: 100%; }
/* a wide table scrolls inside its card; the pager below it stays put */
html body.mv.mv-shell #contentWrapper .Widget .Grid { min-width: 0; max-width: 100%; box-sizing: border-box; overflow-x: auto; }
html body.mv.mv-shell #contentWrapper .Widget .Grid > :is(.department_table, .GridFixheader, div:has(> table)) { max-width: 100%; overflow-x: auto; }
/* floated or flex wrappers around a grid shrink-wrap to the table; cap them so the grid can scroll instead */
html body.mv.mv-shell #contentWrapper .Widget div:has(> .Grid) { min-width: 0; max-width: 100%; }
html body.mv.mv-shell #contentWrapper .pager { flex-wrap: wrap; row-gap: 6px; max-width: 100%; }
html body.mv.mv-shell #contentWrapper :is(.WidgetTitle.mv-listbar, .mv-listbar-tools, .mv-content-head, .quicklaunch.mv-ql-inpage) { flex-wrap: wrap; min-width: 0; }
html body.mv.mv-shell #contentWrapper .mv-listbar-title { min-width: 0; }

/* RESP-AllClaims: ERA and EOB list (Post payments). Fixed widths for #, dates, money and actions so it fits a ~900px
   card; insurance takes the rest with an ellipsis (full name in the tooltip). Narrower cards scroll the grid inside
   the card with the Action column pinned to the right edge so it stays reachable. */
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable { table-layout: fixed; width: 100% !important; min-width: 900px; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable :is(th, td) { padding-left: 6px !important; padding-right: 6px !important; box-sizing: border-box; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable thead tr:first-child th { white-space: normal !important; line-height: 1.25; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(1) { width: 34px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(2) { width: 66px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(3) { width: auto !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(4) { width: 86px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(5) { width: 100px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:is(:nth-child(6), :nth-child(10)) { width: 94px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:is(:nth-child(7), :nth-child(8), :nth-child(9)) { width: 86px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(11) { width: 106px !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td { overflow-wrap: anywhere; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td:is(:nth-child(6), :nth-child(7), :nth-child(8), :nth-child(9), :nth-child(10)) { white-space: nowrap !important; overflow-wrap: normal; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td:nth-child(3) { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td:last-child { white-space: nowrap; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td:last-child :is(img, span) { margin: 0 2px !important; vertical-align: middle; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable :is(thead th, tbody td):last-child { position: sticky !important; right: 0 !important; z-index: 1; background: #fff !important; box-shadow: inset 1px 0 0 var(--mv-line); }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable thead tr:first-child th:last-child { background: #F6F8FA !important; z-index: 3 !important; top: 0 !important; }
html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable thead tr:nth-child(2) th:last-child { background: #FBFCFD !important; z-index: 3 !important; top: 36px !important; }

/* RESP-QL: below 1100px the shared quick-launch bar (UCQuickLaunchBar: Search audit log / Reports / Appointments /
   Scheduler / PTL) was a fixed bottom bar that covered the bottom of the content (Scheduler calendar, pagers).
   It now sits in the page flow above the content and wraps, like the in-page toolbars (.mv-ql-inpage). PTL keeps its own bar. */
@media (max-width: 1100px) {
    html body.mv.mv-shell:not(:has(#mvPtlBar)) #contentWrapper .quicklaunch.ucquicklaunch {
        position: static !important; inset: auto !important; width: auto !important; max-width: 100% !important; height: auto !important; z-index: auto !important;
        display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-end !important; align-items: center; gap: 8px;
        overflow: visible !important; padding: 0 !important; margin: 16px 0 14px !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
    }
    html body.mv.mv-shell:not(:has(#mvPtlBar)) #contentWrapper .quicklaunch.ucquicklaunch > a { margin: 0 !important; }
    html body.mv.mv-shell:has(.quicklaunch.ucquicklaunch):not(:has(#mvPtlBar)):not(:has(.quicklaunch:not(.ucquicklaunch):not(.mv-ql-inpage))) #contentWrapper > .content { padding-bottom: 24px !important; }
}
@media (max-width: 600px) {
    html body.mv.mv-shell:not(:has(#mvPtlBar)) #contentWrapper .quicklaunch.ucquicklaunch { justify-content: flex-start !important; }
}

/* RESP-ClearingHouse: Clearinghouse reports. Below 1366px the report-type menu moves above the grid as a wrapping
   row of tabs, so the grid gets the full card width instead of ~640px. */
@media (min-width: 761px) and (max-width: 1366px) {
    html body.mv.mv-shell #ClearingHouseReportsGridView :is(#divAllClearingHouse, #divClaimProcessing, #divElectronicRemittance) table.fixTable { min-width: 860px; }
    html body.mv #ClearingHouseReportsGridView > table, html body.mv #ClearingHouseReportsGridView > table > tbody { display: block; width: 100% !important; }
    html body.mv #ClearingHouseReportsGridView > table > tbody > tr { display: flex; flex-direction: column; gap: 12px; }
    html body.mv #ClearingHouseReportsGridView td.prac_side, html body.mv #ClearingHouseReportsGridView td.prac_side + td { display: block; width: 100% !important; max-width: 100%; padding: 0 !important; box-sizing: border-box; }
    html body.mv #ClearingHouseReportsGridView td.prac_side .box-header { height: auto !important; width: auto !important; padding: 6px !important; }
    html body.mv #ClearingHouseReportsGridView td.prac_side .box-header ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 6px; height: auto !important; margin: 0 !important; }
    html body.mv #ClearingHouseReportsGridView td.prac_side .box-header ul > li { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; }
    html body.mv #ClearingHouseReportsGridView td.prac_side .box-header ul > li > a { white-space: nowrap; }
}

/* RESP-ProcessEDI: Process EDI files grid fits a ~860px card: fixed widths for #, checkbox, ids, dates, status and view;
   the file name takes the rest and wraps. Narrower cards scroll the grid inside the card. */
html body.mv.mv-shell #EDIFilesContainer table.fixTable { table-layout: fixed; width: 100% !important; min-width: 860px; }
html body.mv.mv-shell #EDIFilesContainer table.fixTable :is(th, td) { padding-left: 6px !important; padding-right: 6px !important; box-sizing: border-box; }
html body.mv.mv-shell #EDIFilesContainer table.fixTable thead tr:first-child th { white-space: normal !important; line-height: 1.2; }
html body.mv.mv-shell #EDIFilesContainer table.fixTable tbody td { overflow-wrap: anywhere; }
html body.mv.mv-shell #EDIFilesContainer table.fixTable thead tr:nth-child(2) :is(input[type="text"], select) { width: 100% !important; min-width: 0 !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:nth-child(1) { width: 40px !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:nth-child(2) { width: 34px !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:nth-child(3) { width: auto !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:is(:nth-child(4), :nth-child(5)) { width: 110px !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:is(:nth-child(6), :nth-child(7), :nth-child(8)) { width: 96px !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:nth-child(9) { width: 118px !important; }
html body.mv.mv-shell #EDIFilesContainer thead tr:first-child th:nth-child(10) { width: 64px !important; }
html body.mv.mv-shell #EDIFilesContainer table.fixTable tbody td:is(:nth-child(7), :nth-child(8)) { white-space: nowrap; overflow-wrap: normal; }

/* RESP-ClaimList: the claim list has 15 columns and cannot fit below ~1300px; it scrolls inside its card and the
   row-actions column stays pinned to the card's right edge. (PTL reuses #divClaims and keeps its own layout.) */
html body.mv.mv-shell main:not(:has(#mvPtlBar)) #divClaims table.fixTable :is(th.mv-rowmenu-th, td.mv-rowmenu-cell) { position: sticky !important; right: 0 !important; z-index: 1; background: #fff !important; box-shadow: inset 1px 0 0 var(--mv-line); }
html body.mv.mv-shell main:not(:has(#mvPtlBar)) #divClaims table.fixTable thead tr:first-child th.mv-rowmenu-th { background: #F6F8FA !important; z-index: 3 !important; top: 0 !important; }
html body.mv.mv-shell main:not(:has(#mvPtlBar)) #divClaims table.fixTable thead tr:nth-child(2) th.mv-rowmenu-th { background: #FBFCFD !important; z-index: 3 !important; top: 36px !important; }
html body.mv.mv-shell main:not(:has(#mvPtlBar)) #divClaims table.fixTable td.mv-rowmenu-cell:has(.mv-rowmenu:not([hidden])) { z-index: 6 !important; }

/* RESP-Settings: Diagnosis codes, Adjustment reason codes and Payment files. Long descriptions wrap instead of
   pushing the table past the card; anything still wider scrolls inside the grid. */
html body.mv.mv-shell #divContentsDetails :is(#divDXcode, div#divClaimAdjustmentCode.Grid, #divPaymentFilesContainer > #griddiv) { max-width: 100% !important; overflow-x: auto !important; box-sizing: border-box; }
html body.mv.mv-shell #divContentsDetails #divPaymentFilesContainer { max-width: 100%; min-width: 0; }
html body.mv.mv-shell #divContentsDetails :is(#divDXcode, div#divClaimAdjustmentCode.Grid) table tbody td { white-space: normal !important; overflow-wrap: anywhere; }
html body.mv.mv-shell #divContentsDetails :is(#divDXcode, div#divClaimAdjustmentCode.Grid) table { table-layout: auto; width: 100% !important; }
html body.mv.mv-shell .mv-set .mv-inv-filter { box-sizing: border-box; max-width: 100%; }

/* RESP-Touch: 40px tap targets on tablets and phones for page toolbars, list toolbars and pagers (all pages),
   and for the form fields on the Payments/ERA, Follow-up and Reports pages. */
@media (max-width: 820px) {
    html body.mv.mv-shell :is(#contentWrapper, .mv-pagebar, .mv-pagehead) :is(a.mv-qa, button.mv-qa, a.mv-ql, a.mv-ql-current, .quicklaunch.ucquicklaunch > a) { min-height: 40px !important; height: 40px !important; box-sizing: border-box; }
    html body.mv.mv-shell #contentWrapper :is(.mv-listbar-tools, .mv-edibar, .mv-ch-bar) :is(.mv-btn, button) { min-height: 40px !important; height: 40px !important; }
    html body.mv.mv-shell #contentWrapper .pager .PageButtons li a { min-width: 40px !important; min-height: 40px !important; height: 40px !important; box-sizing: border-box; }
    html body.mv.mv-shell #contentWrapper .pager .PageEntries select { height: 40px !important; min-height: 40px !important; }
    html body.mv.mv-shell #contentWrapper :is(#ERAContainer, #EDIFilesContainer, #divUnMatchedERA) thead :is(input[type="text"], select) { height: 40px !important; min-height: 40px !important; }
    html body.mv.mv-shell #contentWrapper :is(#ERAContainer, #EDIFilesContainer, #divUnMatchedERA) :is(img.cur_pointer, span[title]) { min-width: 24px; }
    html body.mv.mv-shell #contentWrapper :is(.mv-formcard, #tbodyRefundPayment, .mv-refund) :is(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=hidden]), select) { min-height: 40px !important; height: 40px !important; box-sizing: border-box; }
    html body.mv.mv-shell #contentWrapper li.list:is(#SupervisiorsFollowUpId, #ClaimFollowUpId, #MainFollowUpId, #ClaimAppelaId) { min-height: 40px !important; display: inline-flex; align-items: center; box-sizing: border-box; }
}
@media (max-width: 820px) {
    html body.mv.mv-shell #contentWrapper .quicklaunch.mv-ql-inpage .mv-createmore-btn { width: 40px !important; min-width: 40px !important; flex: 0 0 40px; }
    html body.mv.mv-shell #contentWrapper :is(#ERAContainer, #EDIFilesContainer, #divUnMatchedERA) thead tr:first-child th { height: 40px !important; }
    html body.mv.mv-shell #contentWrapper :is(#ERAContainer, #EDIFilesContainer, #divUnMatchedERA) :is(.iconSearchMessage, #FilterIcon) { display: inline-flex !important; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; box-sizing: border-box; background-position: center !important; }
    html body.mv.mv-shell #contentWrapper :is(#EDIFilesContainer, #divUnMatchedERA) tbody :is(i.fa-eye, a:has(> i.fa-eye)) { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
    html body.mv.mv-shell .DivReportParent td.bgcolordiv1 { height: 40px !important; }
    html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td:last-child span[title] > img { display: block; }
    html body.mv.mv-shell #contentWrapper .mv-formcard :is(input[type="button"], input[type="submit"], .mv-btn, button) { min-height: 40px !important; height: 40px !important; }
    html body.mv.mv-shell #contentWrapper :is(.ui-dialog-buttonpane, .mv-formfoot, .modal-footer) :is(.mv-btn, button, input[type="button"]) { min-height: 40px !important; }
    html body.mv.mv-shell .ui-dialog .ui-dialog-buttonpane :is(.mv-btn, button) { min-height: 40px !important; }
    html body.mv.mv-shell #contentWrapper #FollowupPatientContainer ~ * :is(input[type="text"], select), html body.mv.mv-shell #contentWrapper :is(#txtDatefrom, #txtDateto, #txtClaimID, #txtPatient, #ddlPayer) { min-height: 40px !important; height: 40px !important; }
    html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList td:last-child :is(img, span[title]) { box-sizing: content-box; padding: 12px !important; margin: 0 !important; }
    html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer thead tr:first-child th:nth-child(11) { width: 212px !important; }
    html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable { min-width: 1000px; }
}
@media (max-width: 600px) {
    html body.mv.mv-shell main:has(#divERAClaimPayments) #ERAContainer table.fixTable :is(thead th, tbody td):last-child { position: static !important; box-shadow: none; }
}
/* Refunds: the notes field is a one-line input; standard 36px height */
html body.mv.mv-shell #ContentPlaceHolder1_txtNotes { height: 36px !important; min-height: 36px; box-sizing: border-box; }

html body.mv.mv-shell main:has(#divERAClaimPayments) #eraList tr:hover > td:last-child, html body.mv.mv-shell main:not(:has(#mvPtlBar)) #divClaims tbody tr:hover > td.mv-rowmenu-cell { background: #F3F9F8 !important; }

/* RESP-DMSEdit: Documents > Edit upload file dialog (DMS.aspx / UserTasks.aspx, markup in DMS/CallBacks/DMSHandler.aspx).
   Labels above fields in a 2-column grid (file details 3 columns), attachments and user assignments beside the form on
   wide screens and below it under 900px, one column on phones. Scoped to the Home.master pages: the Settings twin
   (Settings/CallBacks/UploadFiles.aspx) is owned by the settings agent. */
html body.mv.mv-home .ui-dialog:has(#divEditUploadFileForm #UserCompletionDiv) { width: min(1080px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; left: max(12px, calc((100vw - 1080px) / 2)) !important; box-sizing: border-box; }
html body.mv.mv-home #divEditUploadFileForm:has(#UserCompletionDiv) { width: auto !important; box-sizing: border-box; overflow-x: hidden; }
html body.mv.mv-home #divEditUploadFileForm > div:has(> #divAddFile) { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); column-gap: 28px; row-gap: 16px; align-items: start; }
html body.mv.mv-home #divEditUploadFileForm > div:has(> #divAddFile) > :is(#divAddFile, #divPatientDocumentsFiles, #divAssignFiles, #AssignUserDiv) { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; }
html body.mv.mv-home #divEditUploadFileForm #divAddFile { grid-column: 1; grid-row: 1 / span 4; }
html body.mv.mv-home #divEditUploadFileForm :is(#divPatientDocumentsFiles, #divAssignFiles, #AssignUserDiv) { grid-column: 2; }
html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl), html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) > tbody { display: block; width: 100% !important; }
html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) tr { display: grid; grid-auto-flow: column; grid-template-rows: auto auto; column-gap: 14px; row-gap: 5px; margin: 0 0 12px; background: none !important; }
html body.mv.mv-home #divEditUploadFileForm #tblEdit tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.mv.mv-home #divEditUploadFileForm #paymenttbl tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; min-width: 0; }
html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) td:nth-child(odd), html body.mv.mv-home #divEditUploadFileForm #divAddFile > table:last-of-type tr:first-child td { color: #0B2545 !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.3; align-self: end; }
html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) td :is(input[type="text"], input:not([type]), select) { width: 100% !important; max-width: 100%; height: 36px !important; min-height: 36px; box-sizing: border-box; margin: 0 !important; }
html body.mv.mv-home #divEditUploadFileForm #divAddFile > table:last-of-type, html body.mv.mv-home #divEditUploadFileForm #divAddFile > table:last-of-type :is(tbody, tr, td) { display: block; width: 100% !important; padding: 0 !important; }
html body.mv.mv-home #divEditUploadFileForm #divAddFile > table:last-of-type tr:first-child td { margin-bottom: 5px; }
html body.mv.mv-home #divEditUploadFileForm textarea[id$="txtnotes"] { width: 100% !important; max-width: 100%; min-height: 80px; box-sizing: border-box; }
html body.mv.mv-home #divEditUploadFileForm #divAddFile hr { margin: 4px 0 12px; border: 0; border-top: 1px solid var(--mv-line, #E2E8EE); }
html body.mv.mv-home #divEditUploadFileForm #divAddFile p { margin: 0 0 10px; color: #0B2545; font-size: 13.5px; }
html body.mv.mv-home #divEditUploadFileForm :is(#AssignUserDiv, #UserCompletionDiv) { max-width: 100%; overflow-x: auto; margin-left: 0 !important; }
html body.mv.mv-home #divEditUploadFileForm #UserCompletionDiv { width: auto !important; float: none !important; clear: both; position: static !important; margin: 0 !important; padding: 0 !important; }
html body.mv.mv-home #divEditUploadFileForm :is(#divPatientDocumentsFiles, #divAssignFiles) > .header { float: none !important; width: auto !important; }
html body.mv.mv-home #divEditUploadFileForm #AssignUserDiv { clear: both; }
html body.mv.mv-home #divEditUploadFileForm #AssignUserDiv select { min-width: 76px; }
html body.mv.mv-home #divEditUploadFileForm #AssignUserDiv table { min-width: 420px; }
html body.mv.mv-home #divEditUploadFileForm #UserCompletionDiv td { padding: 6px 16px 6px 0 !important; white-space: nowrap; }
html body.mv.mv-home #divEditUploadFileForm #UserCompletionDiv input[type="radio"] { width: 15px; height: 15px; margin: 0 0 0 6px; vertical-align: -2px; accent-color: #0E9F8E; }
html body.mv.mv-home #divEditUploadFileForm :is(#divPatientDocumentsFiles, #divAssignFiles) > .header { display: flex; justify-content: space-between; align-items: center; font-size: 13.5px; font-weight: 700; color: #0B2545; padding-bottom: 6px; border-bottom: 1px solid var(--mv-line, #E2E8EE); margin-bottom: 8px; }
@media (max-width: 1180px) {
    html body.mv.mv-home #divEditUploadFileForm > div:has(> #divAddFile) { grid-template-columns: minmax(0, 1fr); }
    html body.mv.mv-home #divEditUploadFileForm :is(#divAddFile, #divPatientDocumentsFiles, #divAssignFiles, #AssignUserDiv) { grid-column: 1 !important; grid-row: auto !important; }
}
@media (max-width: 600px) {
    html body.mv.mv-home .ui-dialog:has(#divEditUploadFileForm #UserCompletionDiv) { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; left: 8px !important; }
    html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) tr { display: flex !important; flex-direction: column; align-items: stretch; gap: 5px; margin-bottom: 0; }
    html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) td:nth-child(odd) { align-self: stretch; }
    html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) td:nth-child(even) { margin-bottom: 12px; }
    html body.mv.mv-home #divEditUploadFileForm :is(#tblEdit, #paymenttbl) td :is(input[type="text"], input:not([type]), select) { height: 40px !important; min-height: 40px; }
}

/* RESP-QABoard: QA board filter bars (EMR/QABoard/QABoardFiles.aspx). Labelled fields in one wrapping row, status
   checkboxes and aging radios as clickable label groups, actions grouped on the right; stacks on phones. */
html body.mv.mv-home .mv-qa-bar, html body.mv.mv-home .mv-qa-bar2 { display: flex !important; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
html body.mv.mv-home .mv-qa-bar2 { align-items: center; }
html body.mv.mv-home .mv-qa-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv.mv-home .mv-qa-field > .fontstyleclass, html body.mv.mv-home .mv-qa-files > .fontstyleclass, html body.mv.mv-home .mv-qa-total .fontstyleclass { color: #0B2545 !important; font-size: 12.5px !important; font-weight: 600 !important; margin: 0 !important; float: none !important; }
html body.mv.mv-home .mv-qa-field :is(input[type="text"], select) { width: 150px !important; height: 36px !important; margin: 0 !important; float: none !important; box-sizing: border-box; }
html body.mv.mv-home .mv-qa-practices .mv-qa-pick { position: relative; }
html body.mv.mv-home .mv-qa-practices #MultiplePracticeTxtNew { width: 220px !important; padding-right: 28px !important; cursor: pointer; }
html body.mv.mv-home .mv-qa-caret { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; line-height: 1; }
html body.mv.mv-home .mv-qa-practices #divMultiPractice { position: absolute; left: 0; top: calc(100% + 4px); z-index: 50; }
html body.mv.mv-home .mv-qa-field input[id$="txtPatientSearch"] { width: 220px !important; }
html body.mv.mv-home .mv-qa-go .butn { height: 36px !important; margin: 0 !important; width: auto !important; padding: 0 16px !important; }
html body.mv.mv-home .mv-qa-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; flex: 1 1 100%; padding-top: 4px; }
html body.mv.mv-home .mv-qa-total { margin-right: 8px; color: var(--mv-ink); font-size: 13px; }
html body.mv.mv-home .mv-qa-check { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; cursor: pointer; padding: 0 !important; }
html body.mv.mv-home .mv-qa-check input { width: 15px; height: 15px; margin: 0 !important; accent-color: #0E9F8E; flex: 0 0 auto; }
html body.mv.mv-home .mv-qa-aging { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
html body.mv.mv-home .mv-qa-files { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; position: relative; }
html body.mv.mv-home .mv-qa-files #txtFilename { width: 220px !important; height: 36px !important; margin: 0 !important; float: none !important; box-sizing: border-box; }
html body.mv.mv-home .mv-qa-files #divSearchFile { left: 0 !important; top: 100%; margin-top: 4px !important; max-width: calc(100vw - 32px); }
html body.mv.mv-home .mv-qa-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
html body.mv.mv-home .lightblue_color .mv-qa-actions button.butn { margin: 0 !important; }
html body.mv.mv-home .mv-qa-actions .mv-btn-sm { width: 36px !important; padding: 0 !important; justify-content: center; }
@media (max-width: 820px) {
    html body.mv.mv-home .mv-qa-bar2 .mv-qa-actions { margin-left: 0; }
    html body.mv.mv-home :is(.mv-qa-bar, .mv-qa-bar2) :is(input[type="text"], select, button.butn) { height: 40px !important; }
    html body.mv.mv-home .mv-qa-check { min-height: 40px; }
    html body.mv.mv-home .mv-qa-actions .mv-btn-sm { width: 40px !important; }
}
@media (max-width: 600px) {
    html body.mv.mv-home .mv-qa-field, html body.mv.mv-home .mv-qa-practices { flex: 1 1 100%; }
    html body.mv.mv-home .mv-qa-field :is(input[type="text"], select), html body.mv.mv-home .mv-qa-practices #MultiplePracticeTxtNew, html body.mv.mv-home .mv-qa-field input[id$="txtPatientSearch"], html body.mv.mv-home .mv-qa-files #txtFilename { width: 100% !important; }
    html body.mv.mv-home .mv-qa-field:has(#txtDateFrom), html body.mv.mv-home .mv-qa-field:has(#txtDateTo) { flex: 1 1 calc(50% - 8px); }
    html body.mv.mv-home .mv-qa-go, html body.mv.mv-home .mv-qa-go .butn { width: 100% !important; justify-content: center; text-align: center; }
    html body.mv.mv-home :is(.mv-qa-status, .mv-qa-aging, .mv-qa-files) { row-gap: 0; }
    html body.mv.mv-home .mv-qa-check input { width: 18px !important; height: 18px !important; min-width: 0 !important; padding: 0 !important; }
    html body.mv.mv-home .mv-qa-files { flex: 1 1 100%; }
    html body.mv.mv-home .mv-qa-filesearch { flex: 1 1 100%; }
    html body.mv.mv-home .mv-qa-actions { width: 100%; }
    html body.mv.mv-home .mv-qa-actions .butn:not(.mv-btn-sm) { flex: 1 1 auto; justify-content: center; text-align: center; }
}

/* RESP-ARAssign: Assign AR claims filter bar. Labels above fields, fields a fixed 170px, wraps on narrow screens. */
html body.mv.mv-home .colr-blue:has(#GroupById) { display: flex !important; flex-wrap: wrap; align-items: flex-end !important; gap: 12px 16px !important; }
html body.mv.mv-home .colr-blue:has(#GroupById) > div { width: auto !important; float: none !important; display: flex; flex-direction: column; gap: 5px; flex: 0 1 auto; padding: 0 !important; }
html body.mv.mv-home .colr-blue:has(#GroupById) > div > b { float: none !important; width: auto !important; padding: 0 !important; color: #0B2545 !important; font-size: 12.5px !important; }
html body.mv.mv-home .colr-blue:has(#GroupById) > div > :is(span, div) { float: none !important; width: 170px !important; position: relative; }
html body.mv.mv-home .colr-blue:has(#GroupById) > div > :is(span, div) > :is(input[type="text"], select) { width: 100% !important; height: 36px !important; box-sizing: border-box; margin: 0 !important; padding: 0 28px 0 10px !important; }
html body.mv.mv-home .colr-blue:has(#GroupById) .arrow_style { position: absolute !important; right: 10px; top: 18px; transform: translateY(-50%); margin: 0 !important; }
html body.mv.mv-home .colr-blue:has(#GroupById) > div:last-child button { height: 36px !important; padding: 0 16px !important; margin: 0 !important; }
html body.mv.mv-home .colr-blue:has(#GroupById) :is(#divMultipleInsurancesTxt, #divMultiPractice, #divMultiStatus, .ulaging) { position: absolute; left: 0; top: calc(100% + 4px); z-index: 60; min-width: 100%; }
@media (max-width: 820px) {
    html body.mv.mv-home .colr-blue:has(#GroupById) > div > :is(span, div) > :is(input[type="text"], select), html body.mv.mv-home .colr-blue:has(#GroupById) > div:last-child button { height: 40px !important; }
    html body.mv.mv-home .colr-blue:has(#GroupById) .arrow_style { top: 20px; }
}
@media (max-width: 600px) {
    html body.mv.mv-home .colr-blue:has(#GroupById) > div { flex: 1 1 100%; }
    html body.mv.mv-home .colr-blue:has(#GroupById) > div > :is(span, div) { width: 100% !important; }
    html body.mv.mv-home .colr-blue:has(#GroupById) > div:last-child button { width: 100%; }
}
/* RESP-ARAssign: the claims grid column could not shrink below its legacy width on tablets; it scrolls inside itself */
html body.mv.mv-home #divARDashBoard { min-width: 0; max-width: 100%; box-sizing: border-box; }
html body.mv.mv-home #divARDashBoard > .GridFixheader { max-width: 100%; }
@media (max-width: 1100px) {
    html body.mv.mv-home .row:has(> #divARDashBoard) { flex-wrap: wrap; margin-left: 0 !important; margin-right: 0 !important; }
    html body.mv.mv-home .row:has(> #divARDashBoard) > :is(.col2AndHalf, #divARDashBoard) { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
}

/* RESP-Pharmacy: Select pharmacy dialog (patient Demographics, EMR/Controls/PharmacySearch.aspx). The legacy
   height:'50%' collapsed the dialog body to ~32px so only the filter row showed; the body now sizes to its content
   (capped to the window and scrolling), the grid fits the dialog and scrolls inside it on narrow screens. */
html body.mv .ui-dialog:has(> #PharmacySearch) { width: min(900px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; left: max(12px, calc((100vw - 900px) / 2)) !important; box-sizing: border-box; }
html body.mv .ui-dialog > #PharmacySearch { height: auto !important; min-height: 180px !important; max-height: calc(100vh - 150px) !important; overflow: auto !important; padding: 0 !important; box-sizing: border-box; }
html body.mv #PharmacySearch #PharmacyContainer { float: none !important; width: auto !important; }
html body.mv #PharmacySearch .Grid { max-width: 100%; overflow-x: auto; margin: 0 !important; border: 0 !important; }
html body.mv #PharmacySearch .document_table { height: auto !important; max-height: none !important; overflow: visible !important; }
html body.mv #PharmacySearch table.b_bottom { width: 100% !important; min-width: 720px; table-layout: fixed; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th { height: 36px; white-space: nowrap; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:nth-child(1) { width: 40px; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:nth-child(2) { width: 22%; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:nth-child(3) { width: auto; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:is(:nth-child(4)) { width: 13%; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:is(:nth-child(5)) { width: 8%; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:is(:nth-child(6)) { width: 9%; }
html body.mv #PharmacySearch table.b_bottom thead tr:first-child th:is(:nth-child(7), :nth-child(8)) { width: 13%; }
html body.mv #PharmacySearch table.b_bottom thead :is(input[type="text"], select) { width: 100% !important; min-width: 0 !important; height: 32px !important; box-sizing: border-box; margin: 0 !important; }
html body.mv #PharmacySearch table.b_bottom tbody td { overflow-wrap: anywhere; }
html body.mv #PharmacySearch .message { width: auto !important; }
html body.mv #PharmacySearch .pager { flex-wrap: wrap; row-gap: 6px; }
@media (max-width: 820px) {
    html body.mv #PharmacySearch table.b_bottom thead :is(input[type="text"], select), html body.mv #PharmacySearch .pager :is(select, .PageButtons li a) { height: 40px !important; min-height: 40px !important; }
}
@media (max-width: 600px) {
    html body.mv .ui-dialog:has(> #PharmacySearch) { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; left: 8px !important; }
}
/* === end teams:RESP === */

/* === teams:DASH5 (see scratchpad) === */
/* AUDITFIX: Patients + Dashboard/Home/My Work. Tap targets 40px on phone/tablet, filter inputs 32px, small drift. */
html body.mv .mv-dash .mv-count { min-height: 32px; min-width: 32px; }
html body.mv #divMessageDialog, html body.mv #txtspecialNoteDate { box-sizing: border-box; }
html body.mv .ui-dialog #txtspecialNoteDate { height: 36px !important; }
html body.mv #txtspecialNoteDate { height: 36px !important; }
/* My Work: filter boxes were 28px */
html body.mv :is(#ContentPlaceHolder1_txtSearch, .txtCreatedtDate, .txtAssignDate, #CreatedDate, #fileudatefl, #fileassigndatefl, #ContentPlaceHolder1_txtAssignUser, .height_textbox) { height: 32px !important; box-sizing: border-box; }
html body.mv .Grid thead tr:nth-child(2) :is(input[type="text"], select) { min-height: 32px; }
@media (max-width: 800px) {
    /* page action bars and buttons */
    html body.mv.mv-shell .quicklaunch :is(a, .mv-ql, .mv-qa, .mv-btn, span.mv-btn) { min-height: 40px !important; height: 40px !important; }
    html body.mv:is(:has(#demographics), :has(.mv-dash), :has(.mv-worknav)) :is(.mv-btn, .mv-btn-sm) { min-height: 40px; }
    html body.mv .mv-dash .mv-count { min-height: 40px; min-width: 40px; }
    html body.mv .mv-worknav a { min-height: 40px; display: flex; align-items: center; }
    html body.mv .mv-patient-tools #contact { height: 40px !important; }
    /* dialogs */
    html body.mv .ui-dialog .ui-dialog-titlebar-close { width: 40px !important; height: 40px !important; margin-top: -20px !important; }
    html body.mv .ui-dialog .ui-dialog-buttonpane button { min-height: 40px; }
    html body.mv .ui-dialog :is(select, input[type="text"], input[type="search"]) { min-height: 40px; }
    html body.mv .ui-dialog :is(.pager, .PageButtons) a { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
    html body.mv .ui-dialog :is(#ddlPagingReport, .report-input-page-number) { height: 40px !important; }
    /* patient forms and popups */
    html body.mv #demographics :is(input[type="text"], input[type="password"], select, textarea) { min-height: 40px; }
    html body.mv :is(.mv-qa, .mv-pdoc, #Add-or-EditInsuranceDiv, #divSubscriberAdd) :is(input[type="text"], select) { height: 40px !important; }
    html body.mv #demographics #viewInsurance .mv-rowact, html body.mv #demographics #viewDocuments :is(.spneye, .spnedit, .spndelete, .spndownload, .Patspndelete) { min-width: 40px; min-height: 40px; }
    html body.mv #demographics .mv-pt-flag { min-height: 40px; }
    html body.mv #demographics .LargeTabs { min-height: 40px; }
    /* tables in pages we own: link cells */
    html body.mv :is(table.fixTable, .Grid table) td a { min-height: 40px; display: inline-flex; align-items: center; }
}

/* Patient search dialog (EMR/Controls/PatientSearch.aspx, used by claims, EOB, scheduler): cards on phones */
@media (max-width: 600px) {
    html body.mv .ui-dialog:has(#PatientContainer) { width: calc(100vw - 16px) !important; left: 8px !important; }
    html body.mv #PatientContainer .Grid { width: 100% !important; margin: 0 !important; height: auto !important; max-height: 60vh; overflow: auto !important; }
    html body.mv #PatientContainer .Grid :is(table, thead, tbody, tr, td, th) { display: block; width: auto !important; box-sizing: border-box; }
    html body.mv #PatientContainer .Grid thead tr:first-child { display: none; }
    html body.mv #PatientContainer .Grid thead tr:nth-child(2) { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }
    html body.mv #PatientContainer .Grid thead tr:nth-child(2) th { padding: 0 !important; border: 0 !important; }
    html body.mv #PatientContainer .Grid thead tr:nth-child(2) th:first-child { display: none; }
    html body.mv #PatientContainer .Grid thead tr:nth-child(2) :is(input, select) { width: 100% !important; height: 40px !important; }
    html body.mv #PatientContainer .Grid tbody tr { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 10px 12px; border-bottom: 1px solid var(--mv-line); cursor: pointer; }
    html body.mv #PatientContainer .Grid tbody tr.trSelected { background: var(--mv-teal-50, #E6F6F4); }
    html body.mv #PatientContainer .Grid tbody td { padding: 0 !important; border: 0 !important; font-size: 13px; overflow-wrap: anywhere; }
    html body.mv #PatientContainer .Grid tbody td:first-child { display: none; }
    html body.mv #PatientContainer .Grid tbody td::before { display: block; color: var(--mv-slate); font-size: 12px; font-weight: 600; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(2)::before { content: "Account number" !important; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(3)::before { content: "Last name" !important; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(4)::before { content: "First name" !important; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(5)::before { content: "Gender" !important; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(6)::before { content: "Date of birth" !important; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(7)::before { content: "Phone" !important; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(8) { grid-column: 1 / -1; }
    html body.mv #PatientContainer .Grid tbody td:nth-child(8)::before { content: "Address" !important; }
}

/* Dashboard: aging card header wraps instead of squeezing the title */
html body.mv .mv-aging .mv-card-head { flex-wrap: wrap; }
html body.mv .mv-aging .mv-card-head > div:first-child { flex: 1 1 260px; min-width: 0; }
html body.mv .mv-aging .mv-card-head .mv-seg { flex: 0 1 auto; max-width: 100%; }
html body.mv .mv-aging .mv-card-head h2, html body.mv .mv-aging .mv-card-head p { overflow-wrap: normal; word-break: normal; }

/* Pages with the fixed bottom action bar (<= 1100px): the last rows scroll clear of it */
@media (max-width: 1100px) {
    html body.mv.mv-shell:has(.quicklaunch:not(.mv-ql-inpage)) #contentWrapper { padding-bottom: 76px !important; box-sizing: border-box; }
}
@media (max-width: 800px) {
    html body.mv #demographics .mv-pt-flag a.underline-link { min-height: 40px; display: inline-flex; align-items: center; }
    html body.mv .mv-today-open { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
    html body.mv i.filter_icon { min-width: 40px; min-height: 40px; display: inline-flex !important; align-items: center; justify-content: center; }
}

/* Patient pages, phone: the bottom action bar shows icon-only buttons (title + aria-label carry the names) and the patient-ID box takes the rest, so nothing scrolls sideways */
@media (max-width: 600px) {
    html body.mv.mv-shell:has(#demographics) .quicklaunch { overflow: visible !important; flex-wrap: nowrap; gap: 6px; padding: 0 8px !important; align-items: center; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch .button-text { display: none !important; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch :is(#AddNewPatientBtn, #btnQuickAddPatient, #AddNewPatientNodeBtn) { flex: 0 0 44px; width: 44px; min-width: 44px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch :is(#AddNewPatientBtn a, #btnQuickAddPatient, #AddNewPatientNodeBtn) { width: 44px; min-width: 44px; padding: 0 !important; justify-content: center; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch .mv-patient-tools { flex: 1 1 auto; min-width: 0; margin: 0 !important; gap: 6px; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch .mv-patient-tools #contact { flex: 1 1 auto; width: auto !important; min-width: 0; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch .mv-patient-tools .mv-btn { flex: 0 0 auto; font-size: 0 !important; gap: 0; padding: 0 12px !important; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch .mv-patient-tools .mv-btn i { font-size: 16px; }
    html body.mv.mv-shell:has(#demographics) .quicklaunch .mv-patient-tools .mv-btn .mv-pt-count { font-size: 12px !important; margin-left: 4px !important; }
}
/* Patient details, view mode: label above its value on phones */
@media (max-width: 600px) {
    html body.mv #viewDemographics .patient-widget-content table, html body.mv #viewDemographics .patient-widget-content tbody { display: block !important; width: 100% !important; }
    html body.mv #viewDemographics .patient-widget-content tr { display: flex !important; flex-direction: column; gap: 2px; margin-bottom: 10px; }
    html body.mv #viewDemographics .patient-widget-content td { display: block !important; width: auto !important; padding: 0 !important; }
    html body.mv #viewDemographics .patient-widget-content td.tdLabel { white-space: normal !important; }
    html body.mv #viewDemographics .patient-widget-content .spanTitle { font-size: 12px !important; font-weight: 600 !important; color: var(--mv-slate) !important; }
}
@media (max-width: 600px) { html body.mv #viewDemographics .patient-widget-content > span.spanTitle { display: block; margin-bottom: 2px; } }
html body.mv .mv-aging .mv-card-head .mv-seg { flex: 0 0 auto !important; width: fit-content !important; }
@media (max-width: 800px) {
    html body.mv .LargeTabs { min-height: 40px; }
    html body.mv #demographics a.underline-link { min-height: 40px; display: inline-flex; align-items: center; }
    html body.mv :is(table.fixTable, .Grid table) th[onclick] { min-height: 40px; height: 40px; }
    html body.mv .Grid td.filename, html body.mv .Grid td.Assigned_color { height: 40px; }
    html body.mv .Grid :is(.spnedit, .spneye, .spndelete) { min-width: 40px; min-height: 40px; }
    html body.mv .div-dropdown-label-wrapper { min-height: 40px; display: flex; align-items: center; }
    html body.mv .ui-dialog :is(#First, #Previous, #Next, #Last) { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
    html body.mv .ui-dialog .report-input-page-number { height: 40px !important; min-height: 40px; box-sizing: border-box; }
}
/* === end teams:DASH5 === */

/* === teams:SET3 (see scratchpad) === */
/* ===== AUDIT FIX (Practice settings + Files): shared settings pattern ===== */
/* legacy icon buttons: 32x32 hit area (40x40 on touch widths) */
html body.mv .mv-set :is(.spnedit, .spanedit, .spndelete, .spandelete, .spnview, .spanview, .spnRemove, .spnNotes, .Edit-btn, .spaneditcancel, .spaneditdone, .iconSearchMessage, .filterIcon),
html body.mv .ui-dialog :is(.spnedit, .spanedit, .spndelete, .spandelete, .spnview, .spanview, .spnRemove, .Edit-btn) { min-width: 32px !important; min-height: 32px !important; }
html body.mv .mv-set :is(.filter_icon, i.fa-filter, i.bi-funnel, i#FilterIcon) { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; cursor: pointer; }
/* grid rows: 40px, header 36px */
html body.mv .mv-set .Grid tbody tr { height: 40px; }
html body.mv .mv-set .Grid tbody td { padding-top: 0; padding-bottom: 0; }
html body.mv .mv-set table.fixTable thead tr:first-child th { height: 36px; padding-top: 0; padding-bottom: 0; line-height: 1.2; }
/* insurance list: the Type cell holds a read-only input */
html body.mv .mv-set #divInsuranceGrid tbody input.InsuranceType { height: 32px !important; min-height: 32px !important; line-height: 32px !important; }
/* practice instruction dialog */
html body.mv .mvi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 16px; }
html body.mv .mvi-f { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv .mvi-f > label { margin: 0 !important; color: var(--mv-ink); font: 600 12.5px/1.3 var(--mv-font); }
html body.mv .mvi-f :is(input, select) { width: 100% !important; max-width: 100% !important; height: 36px !important; box-sizing: border-box !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; }
html body.mv .ui-dialog:has(.mvi-grid) .ui-dialog-content { overflow-x: hidden !important; }
html body.mv .ui-dialog:has(.mvi-grid) .ui-dialog-content table { width: 100% !important; max-width: 100% !important; }
html body.mv .ui-dialog:has(.mvi-grid) .toolbar { display: flex; flex-wrap: wrap; gap: 6px; }
html body.mv .ui-dialog:has(.mvi-grid) .toolbar > * { flex: 0 0 auto; }
/* Add upload file dialog: legacy tables become label-above grids; the two halves wrap */
html body.mv #divEditUploadFileForm > div:has(> #divAddFile) { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: flex-start; }
html body.mv #divEditUploadFileForm :is(#divAddFile, #divPatientDocumentsFiles, #divAssignFiles, #AssignUserDiv) { float: none !important; width: auto !important; min-width: 0; }
html body.mv #divEditUploadFileForm #divAddFile { flex: 1 1 460px; }
html body.mv #divEditUploadFileForm :is(#divPatientDocumentsFiles, #divAssignFiles) { flex: 1 1 300px; }
html body.mv #divEditUploadFileForm :is(#tblEdit, #tblEdit > tbody, #paymenttbl, #paymenttbl > tbody) { display: block; width: 100% !important; }
html body.mv #divEditUploadFileForm :is(#tblEdit, #paymenttbl) > tbody > tr { display: grid; gap: 4px 16px; margin: 0 0 12px; }
html body.mv #divEditUploadFileForm #tblEdit > tbody > tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.mv #divEditUploadFileForm :is(#tblEdit, #paymenttbl) > tbody > tr > td { display: block; width: auto !important; padding: 0 !important; min-width: 0; }
html body.mv #divEditUploadFileForm #tblEdit > tbody > tr > td:nth-child(1) { grid-column: 1; grid-row: 1; }
html body.mv #divEditUploadFileForm #tblEdit > tbody > tr > td:nth-child(2) { grid-column: 1; grid-row: 2; }
html body.mv #divEditUploadFileForm #tblEdit > tbody > tr > td:nth-child(3) { grid-column: 2; grid-row: 1; }
html body.mv #divEditUploadFileForm #tblEdit > tbody > tr > td:nth-child(4) { grid-column: 2; grid-row: 2; }
html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(odd) { grid-row: 1; }
html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(even) { grid-row: 2; }
html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(1), html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(2) { grid-column: 1; }
html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(3), html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(4) { grid-column: 2; }
html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(5), html body.mv #divEditUploadFileForm #paymenttbl > tbody > tr > td:nth-child(6) { grid-column: 3; }
html body.mv #divEditUploadFileForm :is(#tblEdit, #paymenttbl) > tbody > tr > td:nth-child(odd) { color: var(--mv-ink); font: 600 12.5px/1.3 var(--mv-font); }
html body.mv #divEditUploadFileForm :is(#tblEdit, #paymenttbl) :is(input[type="text"], select, textarea) { width: 100% !important; max-width: 100% !important; height: 36px !important; min-height: 36px; box-sizing: border-box !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; }
html body.mv #divEditUploadFileForm :is(input, select):disabled { background: #EEF2F5 !important; color: #5B6B7F; }
html body.mv #divEditUploadFileForm textarea { height: auto !important; min-height: 80px !important; width: 100% !important; resize: vertical !important; }
html body.mv #divEditUploadFileForm table:not(#tblEdit):not(#paymenttbl) { max-width: 100%; }
/* invoices filter bar never runs past its card */
html body.mv .mv-set .mv-inv-filter { flex-wrap: wrap; max-width: 100%; box-sizing: border-box; }
html body.mv .mv-set .mv-inv-filter > table { max-width: 100% !important; }
html body.mv .mv-set .mv-inv-filter > table.width_83 > tbody > tr { flex-wrap: wrap; }
html body.mv .mv-set .mv-inv-filter input#FilterInvoices { margin: 0 !important; }
/* touch widths: 40px targets in settings, its dialogs and the Files pages */
@media (max-width: 1024px) {
    html body.mv .mv-set :is(button, input[type="button"], input[type="submit"], select, input[type="text"], input[type="search"], input[type="number"], input[type="password"], input[type="email"]),
    html body.mv .ui-dialog :is(.ui-dialog-buttonpane button, input[type="text"], input[type="password"], input[type="number"], select, textarea.mv-touch),
    html body.mv:has(#btnFileBatch) :is(button, input[type="button"], input[type="text"], select) { min-height: 40px; }
    html body.mv .mv-set :is(th[onclick], th.cur_pointer) { min-height: 40px; height: 40px; }
    html body.mv .mv-set :is(.filter_icon, i.fa-filter, i.bi-funnel, i#FilterIcon), html body.mv .mv-set :is(.spnedit, .spanedit, .spndelete, .spandelete, .spnview, .spanview, .spnRemove, .spnNotes, .Edit-btn, .spaneditcancel, .spaneditdone) { min-width: 40px !important; min-height: 40px !important; }
    html body.mv body:has(.mv-set) .ui-dialog-titlebar-close, html body.mv:has(.mv-set) .ui-dialog .ui-dialog-titlebar-close, html body.mv:has(#btnFileBatch) .ui-dialog .ui-dialog-titlebar-close { width: 40px !important; height: 40px !important; }
    html body.mv a.mv-ql { min-height: 40px; }
    html body.mv .mv-set .mv-btn-sm, html body.mv .mv-set .mv-btn.mv-btn-sm { min-height: 40px !important; }
    html body.mv .mv-set .mv-iconbtn { min-width: 40px; }
    html body.mv .mv-set td.mvm-act .mv-iconbtn, html body.mv .mv-set .mv-rowacts .mv-iconbtn { width: 40px !important; height: 40px !important; }
}
/* section strips: fade at the edge that has more entries */
@media (max-width: 1100px) {
    html body.mv .mv-set :is(.mv-sc-l, .mv-sc-r) { --mv-fade: 28px; }
    html body.mv .mv-set .mv-sc-r:not(.mv-sc-l) { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--mv-fade)), transparent); mask-image: linear-gradient(to right, #000 calc(100% - var(--mv-fade)), transparent); }
    html body.mv .mv-set .mv-sc-l:not(.mv-sc-r) { -webkit-mask-image: linear-gradient(to left, #000 calc(100% - var(--mv-fade)), transparent); mask-image: linear-gradient(to left, #000 calc(100% - var(--mv-fade)), transparent); }
    html body.mv .mv-set .mv-sc-l.mv-sc-r { -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--mv-fade), #000 calc(100% - var(--mv-fade)), transparent); mask-image: linear-gradient(to right, transparent, #000 var(--mv-fade), #000 calc(100% - var(--mv-fade)), transparent); }
    html body.mv .mv-set td.prac_sidenav > .divAccrodian, html body.mv .mv-set td.mv-subcol.mv-sub-on > :is(.box-header, .ulWrapper) { scroll-behavior: smooth; scrollbar-width: none; }
}
html body.mv:has(.mv-set) .ui-dialog { max-width: calc(100vw - 16px); overflow: visible; }
html body.mv:has(.mv-set) .ui-dialog .ui-dialog-content { box-sizing: border-box; }
/* Files area: process-date header never clipped, rows 40px */
html body.mv #EDIFilesContainer thead tr:first-child th { white-space: nowrap; }
html body.mv #EDIFilesContainer thead tr:first-child th:nth-child(8) { min-width: 128px; }
html body.mv #EDIFilesContainer tbody tr.DataRow { height: 40px; }
html body.mv #EDIFilesContainer tbody tr.DataRow td { padding-top: 0 !important; padding-bottom: 0 !important; height: 40px; box-sizing: border-box; }
@media (max-width: 1024px) {
    html body.mv .quicklaunch a.mv-ql, html body.mv .quicklaunch a { min-height: 40px; }
    html body.mv .quicklaunch .button-center { min-height: 40px; display: inline-flex; align-items: center; }
}
html body.mv .mv-set :is(.Grid, .department_table, table.fixTable) tbody tr:not(.mv-emptyrow):not(.mvm-removed) { height: 40px; min-height: 40px; }
html body.mv .mv-set :is(.Grid, .department_table, table.fixTable) tbody tr > td { padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle; }
html body.mv .mv-set table.fixTable tbody td input:is([type="text"], [type="number"]), html body.mv .mv-set table.fixTable tbody td select { height: 32px !important; }
html body.mv #divEditUploadFileForm :is(input.pagefromclass, input.pagetoclass, input.notesclass, #AssignUserDiv input[type="text"], #AssignUserDiv select, #UserCompletionDiv input[type="text"]) { height: 36px !important; min-height: 36px; box-sizing: border-box !important; padding: 5px 9px !important; border: 1px solid #7F8FA3 !important; border-radius: 6px !important; font: 400 13px var(--mv-font) !important; }
html body.mv #divEditUploadFileForm #AssignUserDiv { width: 100% !important; overflow-x: auto; }
html body.mv #divEditUploadFileForm #AssignUserDiv table { width: 100% !important; max-width: 100%; }
@media (max-width: 1024px) { html body.mv #divCPTCodeDetails #CPTList .mv-iconbtn { width: 40px !important; height: 40px !important; } }
@media (max-width: 1024px) {
    html body.mv .mv-set #tbl-main #divContentsDetails :is(button, input[type="button"], input[type="submit"], input[type="text"], input[type="search"], input[type="number"], input[type="password"], select) { min-height: 40px !important; }
    html body.mv .mv-set #tbl-main #divContentsDetails :is(.filter_icon, i.fa-filter, i.bi-funnel, .iconSearchMessage, .spnedit, .spanedit, .spndelete, .spnview, .spanview) { min-width: 40px !important; min-height: 40px !important; }
    html body.mv .mv-set #tbl-main #divContentsDetails th[onclick] { height: 40px !important; }
}
@media (max-width: 1024px) {
    html body.mv:has(#btnFileBatch) :is(input[type="text"], select, button, input[type="button"]):not(.ui-dialog *) { min-height: 40px !important; }
    html body.mv:has(#btnFileBatch) :is(.iconSearchMessage, .spnview, .spnedit, .spndelete, .hideIcon, .showIcon) { min-width: 40px !important; min-height: 40px !important; }
    html body.mv .mv-set :is(.hideIcon, .showIcon) { min-width: 40px !important; min-height: 40px !important; }
}
html body.mv .mv-set #divNewFileMain :is(td, th):has(> input.chkSelectedAssignFile, > input.clsContainer, > input.chkHeader) { padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
html body.mv .mv-set #divNewFileMain input:is(.chkSelectedAssignFile, .clsContainer) { margin: 0 !important; max-width: 100%; }
/* Timings > Schedule week table: columns share the card width; one card per day on phone */
html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting { table-layout: fixed; width: 100% !important; }
html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting td:first-child, html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting th:first-child { width: 104px; }
html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting select { width: 100% !important; min-width: 0 !important; max-width: 100%; box-sizing: border-box; }
html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting td { padding-left: 4px !important; padding-right: 4px !important; }
@media (max-width: 760px) {
    html body.mv .mv-set #divProviderTimingsMain #divPracticeTimeSettings { overflow-x: visible !important; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting, html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody { display: block; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > thead { display: none; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; margin: 0 12px 10px; padding: 10px 12px; border: 1px solid var(--mv-line); border-radius: 10px; height: auto !important; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td { display: block; width: auto !important; padding: 0 !important; height: auto !important; border: 0 !important; text-align: left !important; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:first-child { grid-column: 1 / -1; font-weight: 700; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:not(:first-child)::before { display: block; margin-bottom: 3px; color: var(--mv-text-2); font: 600 12px var(--mv-font); }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:nth-child(2)::before { content: "Start time"; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:nth-child(3)::before { content: "End time"; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:nth-child(4)::before { content: "Break start"; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:nth-child(5)::before { content: "Break duration"; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting > tbody > tr > td:nth-child(6)::before { content: "Break type"; }
}
html body.mv .mv-set #tbl-main #divContentsDetails table thead tr:first-child th { }
@media (max-width: 1024px) { html body.mv .mv-set #tbl-main #divContentsDetails table.fixTable thead tr:first-child th { height: 40px !important; } }
@media (min-width: 761px) {
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting thead th:nth-child(6), html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting tr:first-child > td:nth-child(6) { width: 124px; min-width: 110px; }
}
@media (min-width: 761px) {
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting thead th:nth-child(1) { width: 92px !important; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting thead th:is(:nth-child(2), :nth-child(3), :nth-child(4), :nth-child(5)) { width: auto !important; }
    html body.mv .mv-set #divProviderTimingsMain #tblPracticeTimeSetting thead th:nth-child(6) { width: 128px !important; }
}
html body.mv .mv-set tr.trNoRecord span, html body.mv .ui-dialog tr.trNoRecord span { color: var(--mv-text-2) !important; font: 400 13px var(--mv-font) !important; }
html body.mv .mv-set tr.trNoRecord td { padding: 24px 12px !important; text-align: center; height: auto !important; }
@media (max-width: 1024px) {
    html body.mv .mv-set :is(.hideIcon, .showIcon) { width: 40px !important; height: 40px !important; }
    html body.mv :is(.mv-set, .ui-dialog) i.fa-eye, html body.mv :is(.mv-set, .ui-dialog) i.fa-eye-slash { box-sizing: content-box; padding: 13px; min-width: 14px; min-height: 14px; cursor: pointer; }
    html body.mv .mv-set #tbl-main #divContentsDetails table thead tr:first-child th { height: 40px !important; min-height: 40px; }
}
/* inner tables fill their card */
html body.mv .mv-set #divContentsDetails :is(.department_table, .Grid) > table { width: 100% !important; }
@media (max-width: 1024px) {
    html body.mv .mv-set #divPracticeRoleAndRights #tblModulesWrapper :is(.hideIcon, .showIcon), html body.mv .mv-set #divPracticeRoleAndRights :is(.hideIcon, .showIcon) { width: 40px !important; min-width: 40px !important; height: 40px !important; }
    html body.mv .mv-set #tbl-main td.prac #gridStaff table.fixTable thead tr:first-child, html body.mv .mv-set #tbl-main td.prac #gridStaff table.fixTable thead tr:first-child th { height: 40px !important; min-height: 40px !important; }
}
}
@media (max-width: 1024px) { html body.mv .mv-set .mv-btn.mv-iconbtn, html body.mv .mv-set #gridStaff .mv-rowacts .mv-btn.mv-iconbtn { width: 40px !important; min-width: 40px !important; height: 40px !important; flex-basis: 40px; } }
/* Roles: the Action cell must hold its icons without clipping (3 x 40px + gaps at touch size) */
html body.mv .mv-set #divPracticeRoleAndRights #tblRoles :is(th, td):last-child { overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; padding-left: 8px !important; padding-right: 12px !important; width: 1% !important; min-width: 96px; }
@media (max-width: 1024px) { html body.mv .mv-set #divPracticeRoleAndRights #tblRoles :is(th, td):last-child { min-width: 140px; } }
@media (max-width: 760px) {
    html body.mv .mv-set #divPracticeRoleAndRights td.mv-roletitle-l { display: block; width: auto !important; padding: 0 0 4px !important; font-weight: 600; font-size: 12.5px; color: var(--mv-text-2); }
    html body.mv .mv-set #divPracticeRoleAndRights td.mv-roletitle-l + td { display: block; width: auto !important; padding: 0 !important; }
    html body.mv .mv-set #divPracticeRoleAndRights td.mv-roletitle-l + td #txtRoleTitle { width: 100% !important; box-sizing: border-box; }
}
/* === end teams:SET3 === */

/* === teams:SAAP (see scratchpad) === */
/* Audit fixes: Choose a practice, Admin panel, My tasks, Stop billing */
/* The page wrapper <section class="mv-switch"> collided with the toggle-switch component also named .mv-switch (inline-flex, padding 0): restore the page layout */
html body.mv section.mv-switch { display: block !important; position: static !important; width: auto !important; min-height: 0 !important; max-width: 1240px; margin: 0 auto !important; padding: 76px 28px 56px !important; box-sizing: border-box; gap: 0; font-size: inherit; font-weight: inherit; color: inherit; cursor: auto; }
html body.mv section.mv-switch #divPracticesMainCont { overflow: visible !important; }
html body.mv section.mv-switch .mv-switch-head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 24px; width: auto; }
html body.mv section.mv-switch .mv-switch-head > div:first-child { flex: 1 1 100%; }
@media (max-width: 700px) {
    html body.mv section.mv-switch { padding: 76px 16px 40px !important; }
    html body.mv section.mv-switch .mv-switch-head .mv-search { flex: 1 1 100%; }
}

/* ---- Admin panel (AdminPanel.aspx / Task.aspx): same field and table sizes as the rest of the app ---- */
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) :is(input[type="text"], input[type="search"], input:not([type]), select) { height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 13px !important; box-sizing: border-box !important; }
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) thead :is(input[type="text"], input[type="search"], input:not([type]), select) { height: 32px !important; }
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) tbody td, html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) .Grid tbody td { height: 40px; padding-top: 6px !important; padding-bottom: 6px !important; }
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) tbody tr { height: 40px; }
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) tfoot td, html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) tr:has(> td[colspan]) td { height: 36px; padding-top: 4px !important; padding-bottom: 4px !important; }
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) :is(label, th) { font-size: 12.5px; }
/* the first tab bar can be wider than 250px, so the second bar starts after it */
@media (min-width: 901px) {
    html body.mv.mv-shell .divleftNav.divleftNavTask { padding-left: 372px !important; }
}
@media (max-width: 900px) {
    html body.mv.mv-shell .divleftNav > ul > li { height: 40px !important; min-height: 40px; }
    html body.mv.mv-shell .divleftNav > ul > li > span { min-height: 40px; }
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) :is(input[type="text"], input[type="search"], input:not([type]), select, button, .mv-btn) { min-height: 40px; }
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) thead :is(input[type="text"], input[type="search"], input:not([type]), select) { height: 40px !important; }
}

/* ---- My tasks (GetUserDailyTasks.aspx): grids scroll inside their card instead of running past it ---- */
html body.mv #contentWrapper .content:has(#PendingWork) .Grid table, html body.mv #contentWrapper .content:has(#PendingWork) .Grid .department_table { overflow: visible !important; }
html body.mv #contentWrapper .content:has(#PendingWork) .Grid { overflow-x: auto !important; max-width: 100%; }
html body.mv #contentWrapper .content:has(#PendingWork) :is(input[type="text"], select) { height: 32px !important; font-size: 13px !important; box-sizing: border-box !important; }
html body.mv #contentWrapper .content:has(#PendingWork) tbody td { height: 40px; padding-top: 6px !important; padding-bottom: 6px !important; }
@media (max-width: 900px) {
    html body.mv #contentWrapper .content:has(#PendingWork) :is(input[type="text"], select, button, .mv-btn) { min-height: 40px; height: 40px !important; }
}

/* ---- Stop billing ---- */
html body.mv .mv-stopbill tbody td { height: 40px; padding-top: 6px !important; padding-bottom: 6px !important; }
html body.mv .mv-stopbill tbody tr { height: 40px; }
html body.mv .ui-dialog :is(#practice, #txtComments) { height: 36px !important; box-sizing: border-box !important; }
html body.mv .ui-dialog :is(#ddlInsurance, #ddlProvider) { height: 36px !important; }
@media (max-width: 900px) {
    html body.mv .mv-stopbill .mv-rowact { width: 40px; height: 40px; }
    html body.mv .mv-stopbill .mv-btn, html body.mv .ui-dialog :is(#practice, #txtComments, #ddlInsurance, #ddlProvider) { min-height: 40px; height: 40px !important; }
    html body.mv .ui-dialog .ui-dialog-titlebar-close { width: 40px; height: 40px; }
}

/* ---- Super admin: the logo is a CSS background (not an image used as a button); touch targets 40px below 900px ---- */
html body.mv.mv-sa .mv-sa-brand .mv-sa-logo { display: block; height: 30px; width: 130px; background: url('../Images/brand-logo-white-tight.png') left center / contain no-repeat; }
@media (max-width: 1100px) {
    html body.mv.mv-sa .mv-sa-brand .mv-sa-logo { width: 32px; height: 32px; background-image: url('../Images/brand-mark.png'); background-position: center; }
}
@media (max-width: 900px) {
    html body.mv.mv-sa .mv-sa-brand { min-width: 40px; min-height: 40px; justify-content: center; }
    html body.mv.mv-sa .mv-sa-out { min-width: 40px; min-height: 40px; }
    html body.mv.mv-sa .mv-sa-pagehead .mv-btn { height: 40px; }
    html body.mv.mv-sa .mv-sa-search input { height: 40px !important; }
    html body.mv.mv-sa .mv-sa-back { min-height: 40px; }
    html body.mv.mv-sa .mv-sa-actions .mv-btn { height: 40px !important; }
    html body.mv.mv-sa :is(.mv-sa-sheet .mv-sa-field :is(input, select), #divChartOfAccount table.AccountingGroup :is(input[type="text"], select)) { height: 40px !important; }
    html body.mv.mv-sa .mv-sa-link { min-height: 40px; }
    html body.mv.mv-sa .mv-sa-check { min-height: 44px; }
}

/* Choose a practice, list layout: a very long practice name must not widen the page */
html body.mv section.mv-switch .mv-practice-grid.mv-practice-list { grid-template-columns: minmax(0, 1fr); }
html body.mv section.mv-switch .mv-practice-card { min-width: 0; max-width: 100%; }
html body.mv section.mv-switch .mv-practice-title { min-width: 0; }
html body.mv section.mv-switch .mv-practice-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv section.mv-switch .mv-practice-grid.mv-practice-list .mv-practice-head { min-width: 0; }
/* Stop billing / admin tables: action icons no longer stretch the row */
html body.mv .mv-stopbill tbody td { padding-top: 4px !important; padding-bottom: 4px !important; line-height: 1.3; vertical-align: middle; }
html body.mv .mv-stopbill .mv-rowact { vertical-align: middle; }
html body.mv .mv-stopbill td img { vertical-align: middle; }
/* totals row under the admin grids */
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) tr:has(> td:first-child:not(:only-child)) td { vertical-align: middle; }
@media (max-width: 900px) {
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) .mv-btn, html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) a.btn_blue { min-height: 40px; min-width: 40px; display: inline-flex; align-items: center; justify-content: center; }
    html body.mv.mv-shell .divleftNav :is(.innerUl, .innerUl1) > li { height: 40px; min-height: 40px; }
    html body.mv #contentWrapper .content:has(#PendingWork) :is(input[type="text"], select) { min-width: 56px; }
}

/* Add user: the show-password button sits beside the field, not on top of it */
html body.mv .mv-uf-pass { display: flex; align-items: center; gap: 6px; position: static; }
html body.mv .mv-uf-pass input { flex: 1 1 auto; min-width: 0; width: auto !important; }
html body.mv .mv-uf-pass .mv-icon-btn { position: static !important; flex: 0 0 40px; width: 40px; height: 38px; margin: 0; }
/* Find claim / patient rows wrap on narrow screens */
html body.mv .mv-adminsearch-row { display: flex; flex-wrap: wrap; gap: 8px; }
html body.mv .mv-adminsearch-row input[type="text"] { flex: 1 1 180px; min-width: 120px; }
html body.mv .mv-adminsearch-row .mv-btn { flex: 0 0 auto; white-space: nowrap; overflow: visible; }
/* every table cell in the admin grids is exactly 40px with its padding included */
html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) tbody td, html body.mv .mv-stopbill tbody td { box-sizing: border-box; }
html body.mv.mv-shell #contentWrapper .content:has(#PendingWork) tbody td { box-sizing: border-box; }
@media (max-width: 900px) {
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) :is(#FilterIcon, #UploadFilebtn, i.fa-filter, i.fa-upload) { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
    html body.mv.mv-sa .mv-sa-pagehead .mv-btn { height: 40px !important; min-height: 40px; }
}
@media (max-width: 900px) {
    html body.mv :is(input.Masterbtn, #btnsubmitPat, #btnsubmitclaim, #AssignUploadFile, .mv-adminsearch-row input[type="button"]) { min-height: 40px; height: 40px; }
    html body.mv.mv-shell #contentWrapper .content:has(.divleftNav) :is(input[type="button"], input[type="submit"]) { min-height: 40px; height: 40px; }
}
html body.mv .mv-stopbill td img { height: 14px !important; max-height: 14px; width: auto; max-width: 28px; }
html body.mv .mv-stopbill td img.mv-img-missing { display: none !important; }
@media (max-width: 900px) {
    html body.mv .mv-uf-pass .mv-icon-btn { height: 40px; }
    html body.mv .ui-dialog :is(.mv-btn, input[type="button"]) { height: 40px; min-height: 40px; }
    html body.mv .mv-stopbill tbody td { padding-top: 3px !important; padding-bottom: 3px !important; }
}
/* === end teams:SAAP === */

/* === teams:LOGIN (see scratchpad) === */
/* Password reveal: centered in the field, eye-off icon while the password is shown, and the browser's own reveal / autofill
   key icons hidden (Edge drew a second eye next to ours) */
body.mv-login .mv-password input::-ms-reveal, body.mv-login .mv-password input::-ms-clear { display: none; }
body.mv-login .mv-password input::-webkit-credentials-auto-fill-button { visibility: hidden; position: absolute; right: 0; }
body.mv-login .mv-reveal {
    top: 50% !important; right: 6px !important; transform: translateY(-50%); display: flex; align-items: center; justify-content: center;
    width: 34px !important; height: 34px !important; z-index: 2;
}
body.mv-login .mv-reveal::before { inset: 8px !important; }
body.mv-login .mv-reveal[aria-pressed="true"]::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 4.24A9.1 9.1 0 0 1 12 4c6.4 0 10 8 10 8a18.5 18.5 0 0 1-2.16 3.19'/%3E%3Cpath d='M6.61 6.61A18.4 18.4 0 0 0 2 12s3.6 8 10 8a9.7 9.7 0 0 0 5.39-1.61'/%3E%3Cpath d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='2' y1='2' x2='22' y2='22'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 4.24A9.1 9.1 0 0 1 12 4c6.4 0 10 8 10 8a18.5 18.5 0 0 1-2.16 3.19'/%3E%3Cpath d='M6.61 6.61A18.4 18.4 0 0 0 2 12s3.6 8 10 8a9.7 9.7 0 0 0 5.39-1.61'/%3E%3Cpath d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='2' y1='2' x2='22' y2='22'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.mv-login .mv-reveal:focus-visible { outline: 2px solid var(--mv-teal); outline-offset: 1px; }

/* Sign-in loader */
body.mv-login .mv-submit-wrap { position: relative; display: block; }
body.mv-login .mv-submit-wrap.mv-signing input.mv-login-submit { pointer-events: none; cursor: progress; padding-left: 28px !important; opacity: .9; }
body.mv-login .mv-submit-wrap.mv-signing::before {
    content: ""; position: absolute; top: 50%; left: calc(50% - 64px); width: 18px; height: 18px; margin-top: -9px; box-sizing: border-box;
    border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: mv-login-spin .7s linear infinite;
    pointer-events: none; z-index: 1;
}
@keyframes mv-login-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body.mv-login .mv-submit-wrap.mv-signing::before { animation-duration: 2s; } }
/* === end teams:LOGIN === */

/* === teams:CSUB (see scratchpad) === */
/* Claim submission / claim status inquiry card: inner padding, refresh button in its own top row (it sat on the card corner over
   the banner and the table header), segmented switch filling the left column */
html body.mv td.prac_side + td > .width_99:has(.mv-cs-refresh) { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; width: 100% !important; padding-top: 12px; box-sizing: border-box; }
html body.mv td.prac_side + td > .width_99 > .float_right1:has(> .mv-cs-refresh) { order: 0; margin: 0 16px 0 auto !important; padding: 0 !important; float: none !important; }
html body.mv td.prac_side + td > .width_99 > div:not([class]):has(> .Free_claim_btn, > .download_files) { order: -1; padding-left: 16px; }
html body.mv td.prac_side + td > .width_99 > div:not([class]):has(> .Free_claim_btn, > .download_files):not(:has(> span:not([style*="display: none"]):not([style*="display:none"]))) { display: none; }
html body.mv td.prac_side + td > .width_99 > .Tab-Content { flex: 1 1 100%; order: 1; }
html body.mv .mv-cs-refresh:not(#a) { position: static !important; }
/* tabs sit flat in the card (Primary pending had its own border = a box in a box); toolbar items are inset, the grid runs edge to edge */
html body.mv td.prac_side + td .Tab-Content:not(#a) { padding: 12px 0 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box; }
html body.mv td.prac_side + td .Tab-Content > :not(.Grid):not(input):not(#a) { margin-left: 16px !important; margin-right: 16px !important; }
html body.mv td.prac_side + td .Tab-Content > .mv-ch-sendto:not(#a) { flex: 0 0 calc(100% - 32px) !important; box-sizing: border-box; }
html body.mv td.prac_side + td .Tab-Content > .individualdivclass:not(#a):not(#b):not(#c) { margin-left: auto !important; margin-right: 0 !important; }
/* grids grow with their rows (they were a fixed 404px box, mostly empty) and scroll inside once they reach the window height */
html body.mv td.prac_side + td .Tab-Content .Grid:not(#a) { height: auto !important; min-height: 0 !important; }
html body.mv td.prac_side + td .Tab-Content .department_table:not(#a) { height: auto !important; min-height: 0 !important; max-height: max(300px, calc(100vh - 330px)); }
html body.mv td.prac_side + td .Tab-Content > div:has(> input.mv-primary-send):not(#a):not(#b) { padding: 0 !important; }
/* status inquiry has no Tab-Content flex row: keep its button inset */
html body.mv #divClaimStatus.Tab-Content > div:has(> input.mv-primary-send):not(#a):not(#b) { padding: 0 0 12px !important; }
/* left column switch: full width, both labels fit */
html body.mv td.prac_side li.mv-segwrap { padding: 0 !important; margin: 0 0 8px !important; width: 100%; list-style: none; }
html body.mv td.prac_side .mv-seg { display: flex; width: 100% !important; }
html body.mv td.prac_side .mv-seg .mv-seg-btn { flex: 1 1 0; min-width: 0; padding: 0 6px !important; white-space: nowrap; }
/* rows stack at the top (the card's 420px min-height used to spread them apart); empty spacer divs in the markup do not take a row */
html body.mv td.prac_side + td > .width_99:has(.mv-cs-refresh) { align-content: flex-start; }
html body.mv td.prac_side + td > .width_99 > div:not([class]):not([id]):not(:has(*)),
html body.mv td.prac_side + td .Tab-Content > div:not([class]):not([id]):not(:has(*)) { display: none !important; }
html body.mv td.prac_side + td .Tab-Content > #spnFreeClaim:not(#a) { order: 1; margin: 0 0 0 16px !important; }
/* === end teams:CSUB === */

/* === teams:ARPAGES (see scratchpad) === */
/* ===== ARPAGES / Assign AR claims (EMR/ARDashboard/ARAssignClaim.aspx), scoped by #GroupById ===== */
html body.mv:has(#GroupById) :is(.container-fluid, .container-fluid > .row, .container-fluid > .row > .col-12) { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; }
/* filter card: one card from filters down to the assignment strip */
html body.mv.mv-home:has(#GroupById) .colr-blue:has(#GroupById) { margin: 51px 24px 0 !important; padding: 14px 16px 16px !important; border: 1px solid var(--mv-line); border-bottom: 1px solid var(--mv-line); border-radius: 12px 12px 0 0; box-sizing: border-box; }
html body.mv:has(#GroupById) .colr-blue:has(#GroupById) ~ .mv-artoolbar { margin: 0 24px 16px !important; width: auto; padding: 12px 16px; border: 1px solid var(--mv-line); border-top: 0; border-radius: 0 0 12px 12px; gap: 10px 22px; box-sizing: border-box; background: var(--mv-surface); }
html body.mv:has(#GroupById) .mv-artoolbar .myBtn { height: 38px; padding: 0 16px; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13.5px var(--mv-font); cursor: pointer; }
html body.mv:has(#GroupById) .mv-artoolbar .myBtn:hover { background: var(--mv-mist); }
html body.mv:has(#GroupById) .mv-artoolbar #myBtn { background: var(--mv-action); border-color: var(--mv-action); color: #fff; }
html body.mv:has(#GroupById) .mv-artoolbar #myBtn:hover { background: var(--mv-action-hover); border-color: var(--mv-action-hover); }
html body.mv:has(#GroupById) .mv-artoolbar select:disabled { background: #EEF2F5 !important; color: var(--mv-slate); }

/* work area: status list card + claims card */
html body.mv:has(#GroupById) .row.mt-3 { margin: 0 !important; }
html body.mv:has(#GroupById) .row.mt-3 > .col-12 { padding: 0 !important; }
html body.mv.mv-home:has(#GroupById) .row:has(> .col2AndHalf) { margin: 0 24px 24px !important; gap: 16px; align-items: flex-start; flex-wrap: nowrap; }
html body.mv.mv-home:has(#GroupById) .col2AndHalf { flex: 0 0 272px !important; max-width: 272px !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; box-sizing: border-box; }
html body.mv.mv-home:has(#GroupById) .col2AndHalf > .GridFixheader { border: 0 !important; border-radius: 0; height: auto !important; max-height: 440px; overflow-y: auto; }
html body.mv:has(#GroupById) .col2AndHalf .countlbl { display: block; float: none; width: auto; height: auto; padding: 12px 14px; background: var(--mv-surface) !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink) !important; font-size: 14px !important; font-weight: 700 !important; text-align: left; }
html body.mv:has(#GroupById) .col2AndHalf .GridFixheader > div { float: none !important; }
html body.mv:has(#GroupById) #CountSPPTbody tr { height: 44px; background: var(--mv-surface) !important; border: 0 !important; border-left: 0 !important; }
html body.mv:has(#GroupById) #CountSPPTbody tr:hover { background: var(--mv-sunken) !important; }
html body.mv:has(#GroupById) #CountSPPTbody td { padding: 4px 6px !important; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink); font-size: 13px; vertical-align: middle; width: auto !important; }
html body.mv:has(#GroupById) #CountSPPTbody td:first-child { padding-left: 14px !important; font-weight: 500; }
html body.mv:has(#GroupById) #CountSPPTbody tr:last-child td { border-bottom: 0; }
html body.mv:has(#GroupById) #CountSPPTbody td:last-child { padding-right: 12px !important; text-align: right !important; }
html body.mv:has(#GroupById) #CountSPPTbody td:nth-child(3) { text-align: right !important; }
html body.mv:has(#GroupById) #CountSPPTbody td.PracticeSummaryReportClass { width: 36px !important; text-align: center; }
html body.mv:has(#GroupById) #CountSPPTbody td.PracticeSummaryReportClass img { display: none; }
html body.mv:has(#GroupById) #CountSPPTbody td.PracticeSummaryReportClass::before { content: ""; display: inline-block; width: 28px; height: 28px; border-radius: 7px; vertical-align: middle; background-color: var(--mv-slate); -webkit-mask: var(--mv-ar-rep) center / 16px no-repeat; mask: var(--mv-ar-rep) center / 16px no-repeat; }
html body.mv:has(#GroupById) #CountSPPTbody td.PracticeSummaryReportClass:hover::before { background-color: var(--mv-teal-700); }
html body.mv:has(#GroupById) { --mv-ar-rep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13V8M8 13V3M13 13V6'/%3E%3C/svg%3E"); }
html body.mv:has(#GroupById) #CountSPPTbody span[onclick^="ARFUllAssign('"] { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-action) !important; font-size: 12.5px; font-weight: 600; text-decoration: none !important; }
html body.mv:has(#GroupById) #CountSPPTbody span[onclick^="ARFUllAssign('"]:hover { background: var(--mv-action-subtle); }
html body.mv:has(#GroupById) #CountSPPTbody span[onclick^="ARFUllAssignWithoutcheck"] { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 24px; padding: 0 8px; border-radius: 999px; background: var(--mv-neutral-50); color: var(--mv-ink) !important; font-weight: 700; text-decoration: none !important; font-variant-numeric: tabular-nums; }
html body.mv:has(#GroupById) #CountSPPTbody span[onclick^="ARFUllAssignWithoutcheck"]:hover { background: var(--mv-action-subtle); color: var(--mv-action) !important; }

/* claims card */
html body.mv.mv-home:has(#GroupById) #divARDashBoard { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; overflow: hidden; box-sizing: border-box; }
html body.mv.mv-home:has(#GroupById) #divARDashBoard > .GridFixheader { height: auto !important; min-height: 300px; max-height: max(340px, calc(100vh - 360px)); max-width: 100%; border: 0 !important; overflow: auto !important; }
html body.mv:has(#GroupById) #divARDashBoard > .GridFixheader:not(:has(#tbodyAR tr))::after { content: "No claims match these filters."; display: block; padding: 40px 16px; color: var(--mv-slate); font-size: 13px; text-align: center; }
html body.mv:has(#GroupById) table.ARDashboard_table { width: 100%; min-width: 1000px; margin: 0; border-collapse: separate; border-spacing: 0; background: var(--mv-surface); }
html body.mv.mv-home:has(#GroupById) table.ARDashboard_table :is(thead, thead tr, th) { background: #F6F8FA !important; }
html body.mv.mv-home:has(#GroupById) table.ARDashboard_table thead tr:first-child th { height: 36px; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-slate) !important; font-size: 12px !important; font-weight: 600 !important; text-align: left !important; white-space: nowrap; width: auto !important; vertical-align: middle; }
html body.mv.mv-home:has(#GroupById) table.ARDashboard_table thead tr:nth-child(2) th { height: 44px; padding: 6px 8px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; font-weight: 400 !important; width: auto !important; position: relative; vertical-align: middle; }
html body.mv:has(#GroupById) table.ARDashboard_table thead .FilterIcon1 { display: none; }
html body.mv:has(#GroupById) table.ARDashboard_table thead th :is(input[type="text"], select) { display: block; float: none; width: 100% !important; min-width: 84px; height: 32px; margin: 0 !important; padding: 0 8px !important; border: 1px solid var(--mv-line-input); border-radius: 6px; background: var(--mv-surface); color: var(--mv-text); font: 13px var(--mv-font); box-sizing: border-box; }
html body.mv:has(#GroupById) table.ARDashboard_table thead th input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: var(--mv-teal-600); }
html body.mv:has(#GroupById) table.ARDashboard_table thead th > span[onclick] { position: absolute !important; right: 16px; top: 50%; margin: 0 !important; transform: translateY(-50%); pointer-events: none; }
html body.mv:has(#GroupById) table.ARDashboard_table thead th:nth-child(1) { width: 44px !important; padding-left: 14px !important; }
html body.mv:has(#GroupById) table.ARDashboard_table thead th:nth-child(2) { width: 40px !important; }
html body.mv:has(#GroupById) #tbodyAR tr { height: 40px; border: 0 !important; background: var(--mv-surface) !important; }
html body.mv:has(#GroupById) #tbodyAR tr:hover { background: var(--mv-sunken) !important; }
html body.mv:has(#GroupById) #tbodyAR > tr > td { height: 40px; max-width: 190px; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-text); font-size: 13px !important; text-align: left; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto !important; }
html body.mv:has(#GroupById) #tbodyAR > tr > td:nth-child(1) { width: 44px !important; padding-left: 14px !important; color: var(--mv-slate); font-size: 12px !important; }
html body.mv:has(#GroupById) #tbodyAR > tr > td:nth-child(2) { width: 40px !important; text-align: left; }
html body.mv:has(#GroupById) #tbodyAR > tr > td:nth-child(4) { font-variant-numeric: tabular-nums; }
html body.mv:has(#GroupById) #tbodyAR input[type="checkbox"] { width: 16px; height: 16px; margin: 0; vertical-align: middle; accent-color: var(--mv-teal-600); }
html body.mv:has(#GroupById) #tbodyAR > tr > td:is(:nth-child(10), :nth-child(11)) { text-align: left !important; }
/* status pills */
html body.mv:has(#GroupById) .mv-pill { display: inline-flex; align-items: center; max-width: 100%; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--mv-neutral-50); color: var(--mv-neutral); font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.mv:has(#GroupById) .mv-pill[data-s*="paid" i] { background: var(--mv-ok-50); color: var(--mv-success); }
html body.mv:has(#GroupById) .mv-pill[data-s*="partial" i] { background: var(--mv-warn-50); color: var(--mv-warning); }
html body.mv:has(#GroupById) .mv-pill[data-s*="denied" i], html body.mv:has(#GroupById) .mv-pill[data-s*="reject" i] { background: var(--mv-bad-50); color: var(--mv-danger); }
html body.mv:has(#GroupById) .mv-pill[data-s*="billed" i], html body.mv:has(#GroupById) .mv-pill[data-s*="submitted" i] { background: var(--mv-inflight-50); color: var(--mv-inflight); }
html body.mv:has(#GroupById) .mv-pill[data-s*="process" i], html body.mv:has(#GroupById) .mv-pill[data-s*="pending" i], html body.mv:has(#GroupById) .mv-pill[data-s*="appeal" i] { background: var(--mv-info-50); color: var(--mv-info); }

/* pager inside the card */
html body.mv.mv-home:has(#GroupById) #divARDashBoard .row.pager { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 16px; height: auto !important; margin: 0 !important; padding: 10px 14px !important; background: var(--mv-surface) !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; border-radius: 0; box-shadow: none; }
html body.mv:has(#GroupById) #divARDashBoard .row.pager > div { flex: 0 1 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0; font-size: 13px !important; color: var(--mv-slate); }
html body.mv:has(#GroupById) #divARDashBoard .row.pager > div:last-child { margin-left: auto; }
html body.mv:has(#GroupById) #divARDashBoard .PageEntries { display: flex; align-items: center; gap: 6px; }
html body.mv:has(#GroupById) #divARDashBoard .PageEntries > span { float: none !important; margin: 0 !important; }
html body.mv:has(#GroupById) #divARDashBoard .PageEntries select { float: none; width: auto; height: 32px; margin: 0 !important; padding: 0 24px 0 8px; font-size: 13px !important; border: 1px solid var(--mv-line-input); border-radius: 6px; box-shadow: none; }

/* dialogs */
html body.mv:has(#GroupById) :is(#myModal, #AssignModalist, #AssignModal, #AssignModal2, #divReport, #ClaimFollowUpNotesGrid, #PracticeSummaryModal).modal { padding: 5vh 12px; z-index: 1050; background: rgba(11, 37, 69, .45); }
html body.mv:has(#GroupById) .modal :is(.modal-content, .modal-content1, .modal-content1st, .modal-content2) { width: 100%; max-width: 640px; margin: 0 auto; padding: 0; border: 1px solid var(--mv-line); border-radius: 12px; background: var(--mv-surface); box-shadow: 0 18px 48px rgba(11, 37, 69, .28); overflow: hidden; box-sizing: border-box; }
html body.mv:has(#GroupById) .modal :is(.modal-content1, .modal-content1st) { max-width: 760px; }
html body.mv:has(#GroupById) .modal .modal-content2 { max-width: 1200px; padding: 0; }
html body.mv:has(#GroupById) .modal :is(.modal-content, .modal-content1, .modal-content1st) > .row { margin: 0 !important; }
html body.mv:has(#GroupById) .modal :is(.modal-content, .modal-content1, .modal-content1st) > .row > .col-12 { padding: 0 !important; }
html body.mv.mv-home:has(#GroupById) .modal .colr-blue { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 14px 16px !important; border: 0; border-bottom: 1px solid var(--mv-line); border-radius: 0; background: var(--mv-surface) !important; }
html body.mv:has(#GroupById) .modal .colr-blue > [class*="col"] { flex: 0 1 auto; width: auto; max-width: none; padding: 0 !important; float: none !important; text-align: left !important; }
html body.mv:has(#GroupById) .modal .colr-blue > [class*="col"]:first-child { flex: 1 1 auto; }
html body.mv:has(#GroupById) .modal .colr-blue b { float: none !important; color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
html body.mv:has(#GroupById) .modal .colr-blue b.closebtn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; color: var(--mv-slate) !important; font-size: 16px !important; cursor: pointer; }
html body.mv:has(#GroupById) .modal .colr-blue b.closebtn:hover { background: var(--mv-mist); color: var(--mv-ink) !important; }
html body.mv:has(#GroupById) .modal :is(.bg-blue, .bg_blue1) { margin: 0 !important; padding: 8px 16px !important; background: var(--mv-mist) !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-ink); font-size: 13px; align-items: center; }
html body.mv:has(#GroupById) .modal :is(.bg-blue, .bg_blue1) > [class*="col"] { margin-top: 0 !important; padding: 4px 8px !important; }
html body.mv:has(#GroupById) .modal :is(input[type="text"], select) { height: 36px; padding: 0 10px; border: 1px solid var(--mv-line-input); border-radius: 6px; font: 13px var(--mv-font); box-sizing: border-box; }
html body.mv:has(#GroupById) .modal input[type="button"] { width: auto !important; height: 36px; padding: 0 16px; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px; background: var(--mv-surface) !important; color: var(--mv-ink); font: 600 13.5px var(--mv-font); cursor: pointer; }
html body.mv:has(#GroupById) .modal input[type="button"]:hover { background: var(--mv-mist) !important; }
html body.mv:has(#GroupById) .modal input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--mv-teal-600); }
html body.mv:has(#GroupById) .modal .row.mt-2, html body.mv:has(#GroupById) .modal .row.mt-5 { margin: 0 !important; }
html body.mv:has(#GroupById) .modal .row.mt-2 > .col-12 { padding: 0 !important; }
html body.mv:has(#GroupById) .modal .GridFixheader { height: auto !important; max-height: min(320px, 45vh); border: 0 !important; overflow: auto; }
html body.mv:has(#GroupById) .modal .GridFixheader table { width: 100%; border-collapse: separate; border-spacing: 0; }
html body.mv.mv-home:has(#GroupById) .modal .GridFixheader thead :is(tr, th, td) { background: #F6F8FA !important; }
html body.mv:has(#GroupById) .modal .GridFixheader th { height: 36px; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-slate); font-size: 12px; font-weight: 600; }
html body.mv:has(#GroupById) .modal .GridFixheader td { padding: 8px 12px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-text); font-size: 13px; }
html body.mv:has(#GroupById) .modal .GridFixheader tbody tr { height: 40px; background: var(--mv-surface) !important; border: 0 !important; }
html body.mv:has(#GroupById) .modal .GridFixheader tbody tr:hover { background: var(--mv-sunken) !important; }
html body.mv:has(#GroupById) #myModal .row.mt-5 { padding: 12px 16px 0 !important; }
html body.mv:has(#GroupById) #myModal .row.mt-5.bg-blue, html body.mv:has(#GroupById) #myModal .row.bg-blue:not(.border) { padding: 8px 16px !important; background: var(--mv-surface) !important; border: 0 !important; text-align: center; }
html body.mv:has(#GroupById) #myModal .row.mt-2:has(> .col[onclick]) { display: flex; gap: 10px; padding: 16px !important; border-top: 1px solid var(--mv-line); }
html body.mv:has(#GroupById) #myModal .row.mt-2 > .col[onclick] { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body.mv:has(#GroupById) #myModal .row.mt-2 > .col[onclick] > button { width: 100%; height: 40px; border: 1px solid var(--mv-line-strong); border-radius: 9px; background: var(--mv-surface) !important; color: var(--mv-ink); font: 600 13.5px var(--mv-font); cursor: pointer; }
html body.mv:has(#GroupById) #myModal .row.mt-2 > .col[onclick] > button[style*="f29f1d"] { background: var(--mv-action) !important; border-color: var(--mv-action); color: #fff !important; }
html body.mv:has(#GroupById) .modal .content2 { margin: 0; padding: 0; }

/* tablet / phone */
@media (max-width: 1100px) {
    html body.mv.mv-home:has(#GroupById) .row:has(> .col2AndHalf) { flex-wrap: wrap; flex-direction: column; align-items: stretch; margin: 0 24px 24px !important; }
    html body.mv.mv-home:has(#GroupById) :is(.col2AndHalf, #divARDashBoard) { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; }
    html body.mv.mv-home:has(#GroupById) .col2AndHalf > .GridFixheader { max-height: 240px; }
    /* stacked status list: name takes the row, icon / Assign / count stay together on the right */
    html body.mv:has(#GroupById) #CountSPPTbody tr > td:first-child { width: 100% !important; }
    html body.mv:has(#GroupById) #CountSPPTbody tr > td:not(:first-child) { width: 1% !important; white-space: nowrap; padding-left: 12px !important; }
}
@media (max-width: 760px) {
    html body.mv.mv-home:has(#GroupById) .colr-blue:has(#GroupById) { margin: 51px 12px 0 !important; }
    html body.mv:has(#GroupById) .colr-blue:has(#GroupById) ~ .mv-artoolbar { margin: 0 12px 12px !important; }
    html body.mv.mv-home:has(#GroupById) .row:has(> .col2AndHalf) { margin: 0 12px 16px !important; }
    html body.mv:has(#GroupById) table.ARDashboard_table thead th :is(input[type="text"], select), html body.mv:has(#GroupById) .modal :is(input[type="text"], select), html body.mv:has(#GroupById) .modal input[type="button"] { height: 40px; }
    html body.mv:has(#GroupById) .modal .colr-blue b.closebtn { width: 40px; height: 40px; }
    html body.mv.mv-home:has(#GroupById) #divARDashBoard > .GridFixheader { max-height: 70vh; }
}
/* Bootstrap 3 clearfix pseudo-elements became flex items and added a stray gap */
html body.mv:has(#GroupById) :is(.colr-blue, .row:has(> .col2AndHalf), #divARDashBoard .row.pager, .modal .row)::before, html body.mv:has(#GroupById) :is(.colr-blue, .row:has(> .col2AndHalf), #divARDashBoard .row.pager, .modal .row)::after { display: none !important; content: none !important; }
html body.mv:has(#GroupById) :is(.colr-blue:has(#GroupById), .mv-artoolbar) select { -webkit-appearance: none; appearance: none; padding-right: 28px !important; background: var(--mv-surface) var(--mv-ar-chev) no-repeat right 10px center / 12px !important; }
html body.mv:has(#GroupById) { --mv-ar-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B6B7F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); }
html body.mv:has(#GroupById) :is(#divARDashBoard .row.pager select, table.ARDashboard_table thead select) { -webkit-appearance: none; appearance: none; background: var(--mv-surface) var(--mv-ar-chev) no-repeat right 8px center / 12px !important; padding-right: 26px !important; }
html body.mv:has(#GroupById) .mv-artoolbar input:disabled { opacity: .5; width: 16px; height: 16px; min-width: 0; padding: 0; }
html body.mv:has(#GroupById) .mv-artoolbar label:has(input:disabled) { opacity: .6; cursor: default; }
@media (max-width: 600px) {
    html body.mv.mv-home:has(#GroupById) .colr-blue:has(#GroupById) > div { flex: 1 1 calc(50% - 8px) !important; min-width: 0; }
    html body.mv.mv-home:has(#GroupById) .colr-blue:has(#GroupById) > div > :is(span, div) { width: 100% !important; }
    html body.mv.mv-home:has(#GroupById) .colr-blue:has(#GroupById) > div:last-child { flex-basis: 100% !important; }
    html body.mv:has(#GroupById) .mv-artoolbar-group[role="radiogroup"] { gap: 8px 16px; }
}

/* multi-select popups (payer, practice, status, aging) */
html body.mv:has(#GroupById) :is(#Div_MultiInsurances, #Div_MultiPractice, #Div_MultiStatus, #Div_MultiInsurancesFG, #Div_MultiPracticeFG, #Div_MultiStatusFG, .ulaging) { float: none; width: 260px; max-width: calc(100vw - 24px); max-height: none; padding: 8px; background: var(--mv-surface); border: 1px solid var(--mv-line-strong); border-radius: 10px; box-shadow: 0 10px 28px rgba(11, 37, 69, .18); font-size: 13px; box-sizing: border-box; }
html body.mv:has(#GroupById) .colr-blue:has(#GroupById) :is(#Div_MultiInsurances, #Div_MultiPractice, #Div_MultiStatus, .ulaging) { width: 100%; min-width: 240px; }
html body.mv:has(#GroupById) :is(#ulMultiInsurances, #ulMultiStatus, #ulMultiPractice, #ulMultiPracticeFG, #ulMultiInsurancesFG, #ulMultiStatusFG, .ulaging ul) { max-height: 220px; margin: 0; padding: 0; list-style: none; overflow-y: auto; font-size: 13px; font-weight: 500; color: var(--mv-text); float: none !important; width: 100% !important; }
html body.mv:has(#GroupById) :is(#ulMultiInsurances, #ulMultiStatus, #ulMultiPractice, #ulMultiPracticeFG, #ulMultiInsurancesFG, #ulMultiStatusFG, .ulaging ul) li { float: none !important; display: flex; align-items: center; gap: 8px; width: 100% !important; min-height: 34px; margin: 0 !important; padding: 0 4px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; }
html body.mv:has(#GroupById) :is(#ulMultiInsurances, #ulMultiStatus, #ulMultiPractice, #ulMultiPracticeFG, #ulMultiInsurancesFG, #ulMultiStatusFG, .ulaging ul) li:has(input[type="text"]) { padding: 0 0 8px; border-bottom: 0 !important; }
html body.mv:has(#GroupById) :is(#ulMultiInsurances, #ulMultiStatus, #ulMultiPractice, #ulMultiPracticeFG, #ulMultiInsurancesFG, #ulMultiStatusFG) li input[type="text"] { width: 100% !important; height: 34px; }
html body.mv:has(#GroupById) :is(#ulMultiInsurances, #ulMultiStatus, #ulMultiPractice, #ulMultiPracticeFG, #ulMultiInsurancesFG, #ulMultiStatusFG, .ulaging ul) li :is(label, span) { float: none !important; width: auto !important; margin: 0 !important; font-size: 13px; }
html body.mv:has(#GroupById) :is(#ulMultiInsurances, #ulMultiStatus, #ulMultiPractice, #ulMultiPracticeFG, #ulMultiInsurancesFG, #ulMultiStatusFG) li label { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; cursor: pointer; }
html body.mv:has(#GroupById) :is(#Div_MultiInsurances, #Div_MultiPractice, #Div_MultiStatus, #Div_MultiInsurancesFG, #Div_MultiPracticeFG, #Div_MultiStatusFG, .ulaging) input[type="checkbox"] { float: none !important; width: 16px !important; height: 16px; flex: none; margin: 0 !important; accent-color: var(--mv-teal-600); }
html body.mv:has(#GroupById) :is(#Div_MultiInsurances, #Div_MultiPractice, #Div_MultiStatus, #Div_MultiInsurancesFG, #Div_MultiPracticeFG, #Div_MultiStatusFG, .ulaging) > div[style*="text-align"] { display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; padding-top: 8px; }
html body.mv:has(#GroupById) :is(#Div_MultiInsurances, #Div_MultiPractice, #Div_MultiStatus, #Div_MultiInsurancesFG, #Div_MultiPracticeFG, #Div_MultiStatusFG, .ulaging) input[type="button"] { float: none !important; width: auto; min-width: 72px !important; height: 34px; margin: 0 !important; padding: 0 14px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13px var(--mv-font); text-transform: capitalize; cursor: pointer; }
html body.mv:has(#GroupById) :is(#Div_MultiInsurances, #Div_MultiPractice, #Div_MultiStatus, #Div_MultiInsurancesFG, #Div_MultiPracticeFG, #Div_MultiStatusFG, .ulaging) input[type="button"][value="ok" i] { border-color: var(--mv-action); background: var(--mv-action); color: #fff; }
html body.mv:has(#GroupById) #tbodyAR > tr > td { max-width: 150px; padding: 0 8px !important; }
html body.mv.mv-home:has(#GroupById) table.ARDashboard_table thead tr:first-child th { padding: 0 8px !important; }
html body.mv.mv-home:has(#GroupById) table.ARDashboard_table thead tr:nth-child(2) th { padding: 6px 6px !important; }
html body.mv:has(#GroupById) table.ARDashboard_table thead th :is(input[type="text"], select) { min-width: 72px; }
html body.mv:has(#GroupById) table.ARDashboard_table { min-width: 900px; }
html body.mv.mv-home:has(#GroupById) .modal .colr-blue { flex-wrap: nowrap !important; }
html body.mv.mv-home:has(#GroupById) .modal .colr-blue > [class*="col"] { width: auto !important; flex-basis: auto !important; }
html body.mv.mv-home:has(#GroupById) .modal .colr-blue > [class*="col"]:first-child { flex: 1 1 auto !important; }
html body.mv:has(#GroupById) .modal .bg_blue1 { display: flex; flex-wrap: nowrap; }
html body.mv:has(#GroupById) .modal .bg_blue1 > [class*="col"] { flex: 1 1 0 !important; width: auto !important; max-width: none !important; }
html body.mv:has(#GroupById) .modal .bg-blue.border { display: flex; flex-wrap: nowrap; gap: 8px; }
html body.mv:has(#GroupById) .modal .bg-blue.border > [class*="col"] { flex: 1 1 auto !important; width: auto !important; max-width: none !important; }
/* ===== ARPAGES / AR follow-up (EMR/ARDashboard/ARFollowUp.aspx), scoped by #Divtop1Note ===== */
html body.mv.mv-home:has(#Divtop1Note) .bg3:has(#Divtop1Note) { height: auto !important; min-height: 0; }
html body.mv.mv-home:has(#Divtop1Note) .bg3:has(#Divtop1Note) :is(.row, .row.no-gutters)::before, html body.mv.mv-home:has(#Divtop1Note) .bg3:has(#Divtop1Note) :is(.row, .row.no-gutters)::after { display: none !important; content: none !important; }
html body.mv.mv-home:has(#Divtop1Note) .footer { position: static !important; height: auto; padding: 14px 0; }
/* status bar */
html body.mv.mv-home:has(#Divtop1Note) .bg3:has(#Divtop1Note) .mv-artoolbar { margin: 0 0 16px !important; border-radius: 12px; }
html body.mv.mv-home:has(#Divtop1Note) .bg3:has(#Divtop1Note) .row.w-100.mt-1 { margin-top: 0 !important; }

/* left: claims grid card */
html body.mv.mv-home:has(#Divtop1Note) #divRoles { margin: 0 0 16px !important; padding: 0 !important; width: 100% !important; float: none !important; background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: 12px; box-shadow: none !important; overflow: hidden; box-sizing: border-box; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles > .NewGrid { height: auto !important; min-height: 200px; max-height: max(320px, calc(100vh - 560px)); overflow: auto !important; border: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable { width: 100%; min-width: 560px; margin: 0; border-collapse: separate; border-spacing: 0; background: var(--mv-surface); }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable thead th { height: 36px; padding: 0 8px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: #F6F8FA !important; color: var(--mv-slate) !important; font-size: 12px !important; font-weight: 600; text-align: left; white-space: nowrap; vertical-align: middle; cursor: pointer; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable thead th:first-child { width: 40px; padding-left: 14px !important; cursor: default; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable thead th:nth-child(7) { text-align: right; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable tbody tr { height: 40px; background: var(--mv-surface) !important; cursor: pointer; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable tbody tr:hover { background: var(--mv-sunken) !important; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable tbody tr[style*="background"] { background: var(--mv-teal-50) !important; box-shadow: inset 3px 0 0 var(--mv-teal); }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable tbody td { height: 40px; max-width: 170px; padding: 0 8px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-text); font-size: 13px !important; text-align: left !important; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable tbody td:first-child { padding-left: 14px !important; color: var(--mv-slate); font-size: 12px !important; }
html body.mv.mv-home:has(#Divtop1Note) #CSQmainDivTable tbody td.textalignright { text-align: right !important; font-variant-numeric: tabular-nums; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles > .NewGrid:not(:has(#FollowUp tr))::after { content: "No claims match these filters."; display: block; padding: 40px 16px; color: var(--mv-slate); font-size: 13px; text-align: center; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .row.pager { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 16px; height: auto !important; margin: 0 !important; padding: 10px 14px !important; background: var(--mv-surface) !important; border: 0 !important; border-top: 1px solid var(--mv-line) !important; border-radius: 0 !important; box-shadow: none !important; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .row.pager > div { flex: 0 1 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; color: var(--mv-slate); font-size: 13px; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .row.pager > div:has(.spanInfo) { order: -1; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .row.pager > div:last-child { margin-left: auto; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .PageEntries { display: flex; align-items: center; gap: 6px; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .PageEntries > span { float: none !important; margin: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #divRoles .PageEntries select { float: none; width: auto; height: 32px; margin: 0 !important; padding: 0 26px 0 8px; font-size: 13px; border: 1px solid var(--mv-line-input); border-radius: 6px; box-shadow: none; -webkit-appearance: none; appearance: none; background: var(--mv-surface) var(--mv-fu-chev) no-repeat right 8px center / 12px; }
html body.mv.mv-home:has(#Divtop1Note) { --mv-fu-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B6B7F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); }

/* left: notes card (form fields in a responsive grid, labels above fields) */
html body.mv.mv-home:has(#Divtop1Note) #Divtop1Note { width: 100% !important; margin: 0 0 16px !important; padding: 16px !important; box-sizing: border-box; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .row:has(> .colwidth) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 12px; margin: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth { display: block !important; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px; font-weight: 600; line-height: 1.3; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth > :is(input, select) { display: block; width: 100% !important; height: 36px !important; margin: 5px 0 0 !important; padding: 5px 9px; border: 1px solid var(--mv-line-input); border-radius: 6px; background-color: var(--mv-surface); color: var(--mv-text); font: 13px var(--mv-font); box-sizing: border-box; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth > select { -webkit-appearance: none; appearance: none; padding-right: 28px; background: var(--mv-surface) var(--mv-fu-chev) no-repeat right 10px center / 12px; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth > :is(input, select):disabled { background-color: #EEF2F5; color: var(--mv-slate); }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth > :is(input, select):focus { border-color: var(--mv-teal); box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); outline: 0; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth > span { display: inline-block; vertical-align: top; height: 16px; line-height: 16px; margin-left: 2px; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth img { width: 14px; height: 14px; vertical-align: -2px; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .row.mt-2 { margin: 12px 0 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable textarea { display: block; width: 100% !important; min-height: 90px; height: auto !important; margin: 0 !important; padding: 7px 9px; border: 1px solid var(--mv-line-input); border-radius: 6px; font: 13px var(--mv-font); box-sizing: border-box; resize: vertical; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable textarea:focus { border-color: var(--mv-teal); box-shadow: 0 0 0 3px rgba(14, 159, 142, .16); outline: 0; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1Note .notes > div:first-child { min-height: 38px; }
html body.mv.mv-home:has(#Divtop1Note) #Divtop1Note .savebtn { height: 38px !important; padding: 0 16px !important; border-radius: 9px; font: 600 13.5px var(--mv-font); }

/* right: cards */
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable { display: block !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 12px; box-shadow: none !important; overflow: hidden; box-sizing: border-box; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable > [class*="col-"] { max-width: none; width: 100%; padding: 0 !important; float: none; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable > .mv-cardhead.mv-cardhead { padding: 12px 16px !important; border-bottom: 1px solid var(--mv-line); color: var(--mv-ink); font-size: 15px; font-weight: 700; line-height: 1.3; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable > .NewGrid { height: auto !important; max-height: 260px; overflow: auto; border: 0 !important; border-radius: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; background: transparent; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable table :is(tr, tbody) { background: transparent !important; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable thead th { height: 36px; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: #F6F8FA !important; color: var(--mv-slate) !important; font-size: 12px !important; font-weight: 600; text-align: left; white-space: nowrap; vertical-align: middle; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable tbody td { height: 40px; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; color: var(--mv-text); font-size: 13px !important; vertical-align: middle; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable tbody tr:last-child td { border-bottom: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable tbody tr:hover td { background: var(--mv-sunken); }
/* diagnoses: a 4-up code list, no repeated header */
html body.mv.mv-home:has(#Divtop1Note) #DxCodeTable { display: table-row-group; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#DxCodeTable) thead { display: none; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#DxCodeTable) table { table-layout: fixed; }
html body.mv.mv-home:has(#Divtop1Note) #DxCodeTable td:nth-child(odd) { width: 11%; padding-right: 4px !important; color: var(--mv-slate); font-size: 12px !important; font-weight: 600; white-space: nowrap; }
html body.mv.mv-home:has(#Divtop1Note) #DxCodeTable td:nth-child(even) { padding-left: 4px !important; color: var(--mv-ink); font-weight: 600; text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* charges and payments: money right-aligned, scrolls inside the card */
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#ClmHisTbody) table { min-width: 780px; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#ClmHisTbody) :is(th, td) { white-space: nowrap; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#ClmHisTbody) thead th:is(:nth-child(n+3):nth-child(-n+10)) { text-align: right; }
html body.mv.mv-home:has(#Divtop1Note) #ClmHisTbody td { text-align: left; font-variant-numeric: tabular-nums; }
html body.mv.mv-home:has(#Divtop1Note) #ClmHisTbody td.textalignright { text-align: right !important; }
html body.mv.mv-home:has(#Divtop1Note) #ClmHisTbody td.textaligncenter { text-align: left !important; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#ClmHisTbody) .NewGrid:not(:has(#ClmHisTbody tr))::after { content: "Select a claim to see its charges."; display: block; padding: 28px 16px; color: var(--mv-slate); font-size: 13px; text-align: center; }
/* notes */
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#NotesTable) .mv-notetabs { display: flex; width: max-content; max-width: calc(100% - 32px); margin: 12px 16px; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#NotesTable) > .NewGrid { border-top: 1px solid var(--mv-line) !important; max-height: 300px; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td, html body.mv.mv-home:has(#Divtop1Note) #ClaimNotesTable td { height: auto; min-height: 40px; padding: 10px !important; vertical-align: top; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td:first-child, html body.mv.mv-home:has(#Divtop1Note) #ClaimNotesTable td:first-child { width: 44px; color: var(--mv-slate); text-align: left !important; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td:nth-child(2), html body.mv.mv-home:has(#Divtop1Note) #ClaimNotesTable td:nth-child(2) { width: 150px; white-space: nowrap; text-align: left !important; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td:nth-child(3), html body.mv.mv-home:has(#Divtop1Note) #ClaimNotesTable td:nth-child(3) { width: auto !important; white-space: normal; word-break: break-word; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td.hideitclass { width: 48px; text-align: center; cursor: pointer; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td img { width: 16px; height: 16px; opacity: .7; }
html body.mv.mv-home:has(#Divtop1Note) #NotesTable td.hideitclass:hover img { opacity: 1; }
html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#NotesTable) :is(#FollowNotesTab, #ClaimNotesTab) > table { min-width: 0; }
html body.mv.mv-home:has(#Divtop1Note) #ClaimNotesTab .hideNRF { padding: 24px 16px; color: var(--mv-slate); text-align: center; }
html body.mv.mv-home:has(#Divtop1Note) #FollowNotesTab:not(:has(#NotesTable tr))::after, html body.mv.mv-home:has(#Divtop1Note) #ClaimNotesTab:not(:has(#ClaimNotesTable tr))::after { content: "No notes yet."; display: block; padding: 24px 16px; color: var(--mv-slate); font-size: 13px; text-align: center; }

/* patient claims popover */
html body.mv.mv-home:has(#Divtop1Note) #ddlclaim { position: relative; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; cursor: pointer; }
html body.mv.mv-home:has(#Divtop1Note) #ShowPatdiv { position: absolute; right: 0; top: calc(100% + 4px); z-index: 20; width: 300px; max-width: calc(100vw - 48px); max-height: 240px; overflow: auto; background: var(--mv-surface); border: 1px solid var(--mv-line-strong); border-radius: 10px; box-shadow: 0 10px 28px rgba(11, 37, 69, .18); }
html body.mv.mv-home:has(#Divtop1Note) #ShowPatdiv table { width: 100%; margin: 0; }
html body.mv.mv-home:has(#Divtop1Note) #ShowPatdiv td { height: 36px; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; background: transparent !important; color: var(--mv-text) !important; font-size: 13px; }
html body.mv.mv-home:has(#Divtop1Note) #ShowPatdiv tr:last-child td { border-bottom: 0 !important; }

/* edit-notes dialog */
html body.mv.mv-home:has(#Divtop1Note) #myModal.modal { padding: 8vh 12px; z-index: 1050; background: rgba(11, 37, 69, .45); }
html body.mv.mv-home:has(#Divtop1Note) #myModal .modal-content { width: 100%; max-width: 560px; margin: 0 auto; padding: 0; border: 1px solid var(--mv-line); border-radius: 12px; background: var(--mv-surface); box-shadow: 0 18px 48px rgba(11, 37, 69, .28); overflow: hidden; box-sizing: border-box; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .modal-content > .row { margin: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .modal-content > .row > .col-12 { padding: 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 14px 16px !important; border: 0; border-bottom: 1px solid var(--mv-line); border-radius: 0; background: var(--mv-surface) !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue > [class*="col"] { flex: 0 1 auto; width: auto; max-width: none; padding: 0 !important; text-align: left !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue > [class*="col"]:first-child { flex: 1 1 auto; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue b { color: var(--mv-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue b.closebtn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; color: var(--mv-slate) !important; font-size: 16px !important; cursor: pointer; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue b.closebtn:hover { background: var(--mv-mist); }
html body.mv.mv-home:has(#Divtop1Note) #myModal .modal-content > .row > .col-12:not(:first-child) { padding: 12px 16px 0 !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .col-12:has(.followupnotesstatus) { display: flex; align-items: center; gap: 10px; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .followupnotesstatus { float: none !important; width: auto !important; padding: 0 !important; color: var(--mv-ink); font-size: 12.5px; font-weight: 600; }
html body.mv.mv-home:has(#Divtop1Note) #myModal select { width: 100% !important; max-width: 260px; height: 36px; padding: 0 28px 0 9px; border: 1px solid var(--mv-line-input); border-radius: 6px; font: 13px var(--mv-font); -webkit-appearance: none; appearance: none; background: var(--mv-surface) var(--mv-fu-chev) no-repeat right 10px center / 12px; }
html body.mv.mv-home:has(#Divtop1Note) #myModal textarea { display: block; width: 100% !important; min-height: 120px; padding: 7px 9px; border: 1px solid var(--mv-line-input); border-radius: 6px; font: 13px var(--mv-font); box-sizing: border-box; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .row.mt-2 { margin: 0 !important; padding: 12px 0 16px; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .row.mt-2 > .col { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: right !important; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .row.mt-2 button { height: 38px; padding: 0 16px !important; border: 0; border-radius: 9px; background: var(--mv-action) !important; color: #fff; font: 600 13.5px var(--mv-font); cursor: pointer; }
html body.mv.mv-home:has(#Divtop1Note) #myModal .row.mt-2 button:hover { background: var(--mv-action-hover) !important; }

@media (max-width: 1100px) {
    html body.mv.mv-home:has(#Divtop1Note) .bg3:has(#Divtop1Note) > .bg2 > .row.mt-1 { gap: 0; }
    html body.mv.mv-home:has(#Divtop1Note) #divRoles > .NewGrid { max-height: 360px; }
}
@media (max-width: 760px) {
    html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .row:has(> .colwidth) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html body.mv.mv-home:has(#Divtop1Note) #Divtop1NoteTable .colwidth > :is(input, select), html body.mv.mv-home:has(#Divtop1Note) #myModal select { height: 40px !important; }
    html body.mv.mv-home:has(#Divtop1Note) #myModal .colr-blue b.closebtn { width: 40px; height: 40px; }
    html body.mv.mv-home:has(#Divtop1Note) .diagnicstable > .NewGrid { max-height: 320px; }
    html body.mv.mv-home:has(#Divtop1Note) #divRoles .row.pager > div:last-child { margin-left: 0; }
}
html body.mv.mv-home:has(#Divtop1Note) :is(.geninfo, .geninfo1) .spntxt { margin-left: 0 !important; }
@media (max-width: 760px) {
    html body.mv.mv-home:has(#Divtop1Note) .diagnicstable:has(#DxCodeTable) table { table-layout: auto; min-width: 520px; }
}
/* === end teams:ARPAGES === */

/* === teams:CFPROC (see scratchpad) === */
/* Claim form procedures: the table started at the card edge, so the Inc checkbox and the first column sat 16px left of the
   "Procedures" title; first and last columns now get the card's 16px inset and the checkbox lines up under "Inc" */
html body.mv #divNewClaimForm #tblClaimServices > thead > tr > th:first-of-type:not(#a),
html body.mv #divNewClaimForm #tblClaimServices > tbody > tr > td:first-of-type:not(#a) { padding-left: 16px !important; padding-right: 8px !important; width: 52px; min-width: 52px; text-align: left !important; }
html body.mv #divNewClaimForm #tblClaimServices > tbody > tr > td:first-of-type input[type="checkbox"]:not(#a) { margin: 0 !important; float: none !important; display: inline-block; vertical-align: middle; }
html body.mv #divNewClaimForm #tblClaimServices > thead > tr > th:last-of-type:not(#a),
html body.mv #divNewClaimForm #tblClaimServices > tbody > tr > td:last-of-type:not(#a) { padding-right: 16px !important; }
html body.mv #divNewClaimForm #tblClaimServices:not(#a) { border-left: 0 !important; border-right: 0 !important; }
/* Injury information uses the same labels-above-fields grid as Dates */
html body.mv #divNewClaimForm #injuryDiv.mv-cf:not(#a) { padding: 4px 16px 16px !important; }
@media (max-width: 760px) {
    /* the accordion column (Injury, Dates, ...) lines up with the cards above it on phones */
    html body.mv #divNewClaimForm .col-12:has(> .row > .col-6 > .Injury):not(#a) { padding-left: 0 !important; padding-right: 0 !important; }
    html body.mv #divNewClaimForm .col-6:has(> .Injury):not(#a) { margin-left: 0 !important; margin-right: 0 !important; }
}
/* === end teams:CFPROC === */

/* === teams:BMSUB (see scratchpad) === */
/* BMSUB: Billing manager sub-views (Patient invoices, PTL, Follow-up, Client invoice, claim form sections).
   Common rules: card content sits on a 16px inset (titles, first/last table columns), grids scroll inside their card, no fixed empty heights. */

/* ---------- Patient invoices ---------- */
html body.mv td.prac_side + td:has(#divPendingInvoices) > div:not(#a) { min-height: 0 !important; padding-top: 0 !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) > div > .box-header:not(#a) { display: flex; align-items: center; justify-content: flex-end; gap: 12px; width: auto !important; margin: 0 16px !important; padding: 12px 0 0 !important; float: none !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) > div > .box-header > ul:not(#a) { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) > div > .box-header > ul > li:not(#a) { float: none !important; margin: 0 !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) > div > .box-header > .float_right1:not(#a) { float: none !important; padding: 0 !important; margin: 0 !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) .Tab-Content { padding-top: 12px !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) :is(#divPendingInvoices, #divInvoiceFilesParent) .Grid { margin-top: 0 !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) table thead tr > :is(th, td):first-child:not(#a),
html body.mv td.prac_side + td:has(#divPendingInvoices) table tbody tr > td:first-child:not(#a) { padding-left: 16px !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) table thead tr > th:last-child:not(#a),
html body.mv td.prac_side + td:has(#divPendingInvoices) #SubmissionLogList tr > td:last-child:not(#a),
html body.mv td.prac_side + td:has(#divPendingInvoices) #PendingSubmissionsList tr > td:nth-last-child(2):not(#a) { padding-right: 16px !important; }
html body.mv td.prac_side + td:has(#divPendingInvoices) .pager > .message:not(#a) { width: auto !important; }

/* ---------- PTL (Patients, Claims, Patient PTL log, Claims PTL log) ---------- */
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .WidgetTitle:not(#a) { padding: 0 16px !important; }
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .WidgetTitle .float_right1:not(#a) { margin: 0 !important; }
/* grids grow with their rows and scroll inside once they reach the window height (they were fixed 254px boxes, mostly empty) */
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .Grid > .scroll:not(#a),
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .Grid > .department_table:not(#a) { height: auto !important; min-height: 0 !important; max-height: max(300px, calc(100vh - 360px)); overflow-y: auto !important; }
/* the "Showing x of y" row was 99.8% wide and pushed rows-per-page and the page buttons out of the card */
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .pager > .message:not(#a) { width: auto !important; flex: 0 1 auto; }
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .Grid:not(#a) { height: auto !important; }
/* first and last columns line up with the card title */
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL) table :is(th, td):first-child:not(#a) { padding-left: 16px !important; }
html body.mv #divPTLGridClaim table :is(th, td):nth-child(2):not(#a) { padding-left: 16px !important; }
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) table :is(th, td):last-child:not(#a) { padding-right: 16px !important; }
/* claims grid: PTL reuses the claim list's #divClaims id, so the claim list's pinned checkbox/claim columns, 36px checkbox column and
   fixed layout leaked in (patient name 64px wide, birth date 430px). Reset them here and give every column a real width. :not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) = specificity bump */
html body.mv #divPTLGridClaim #divClaims table.fixTable:not(#a) { table-layout: auto !important; min-width: 1060px; width: 100% !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { position: static !important; left: auto !important; box-shadow: none !important; max-width: none !important; min-width: 0 !important; text-align: left !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable thead tr:first-child th:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { background: #F6F8FA !important; position: sticky !important; top: 0; }
html body.mv #divPTLGridClaim #divClaims table.fixTable thead tr:nth-child(2) th:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { background: #F6F8FA !important; position: static !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable tbody td:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { background: transparent !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable tbody td:is(:nth-child(5), :nth-child(8), :nth-child(10)):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { max-width: 260px !important; overflow: hidden; text-overflow: ellipsis; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: 104px !important; padding-left: 16px !important; padding-right: 6px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: 112px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: 16% !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):is(:nth-child(5), :nth-child(6), :nth-child(7)):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: 128px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):nth-child(8):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: 16% !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):nth-child(9):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: 148px !important; }
html body.mv #divPTLGridClaim #divClaims table.fixTable :is(th, td):nth-child(10):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { width: auto !important; padding-right: 16px !important; }
html body.mv :is(#divPTLGridPatient, #divPatientPTL, #divClaimsPTL, #divPTLGridClaim) .WidgetTitle > span:not(#a) { margin-left: 0 !important; }

/* ---------- Client invoice ---------- */
html body.mv .Widget:has(> .mv-ci-bar) { overflow: hidden; margin-bottom: 72px; }
html body.mv .Widget > .WidgetTitle:has(+ .mv-ci-bar):not(#a) { padding: 0 16px !important; }
html body.mv .mv-ci-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 10px 16px; background: #F6F8FA; border-top: 1px solid var(--mv-line); border-bottom: 1px solid var(--mv-line); }
html body.mv .mv-ci-check { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 500; color: var(--mv-ink); cursor: pointer; }
html body.mv .mv-ci-check input { margin: 0; accent-color: #0E9F8E; }
@media (min-width: 601px) { html body.mv .mv-ci-check input { width: 15px; height: 15px; } }
html body.mv .mv-ci-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
html body.mv .mv-ci-filters input[type="text"] { width: 140px !important; height: 36px; margin: 0 !important; box-sizing: border-box; }
html body.mv .mv-ci-filters input[type="button"] { height: 36px !important; margin: 0 !important; padding: 0 14px !important; background: #fff !important; color: var(--mv-ink) !important; border: 1px solid #C3CEDA !important; border-radius: 9px !important; font-weight: 600; }
html body.mv .Widget:has(> .mv-ci-bar) #ERAContainer { float: none !important; width: auto !important; }
html body.mv .Widget:has(> .mv-ci-bar) .Grid { margin: 0 !important; overflow-x: auto; }
html body.mv .Widget:has(> .mv-ci-bar) .Grid table :is(th, td):first-child:not(#a) { padding-left: 16px !important; }
html body.mv .Widget:has(> .mv-ci-bar) .Grid table thead th:last-child:not(#a),
html body.mv .Widget:has(> .mv-ci-bar) #tbClientInvoices td:last-child:not(#a) { padding-right: 16px !important; }
html body.mv .Widget:has(> .mv-ci-bar) .Grid table tbody td:nth-child(1) i { font-style: normal; }
@media (max-width: 640px) {
    html body.mv .mv-ci-filters { width: 100%; margin-left: 0; }
    html body.mv .mv-ci-filters input[type="text"] { flex: 1 1 120px; width: auto !important; }
    html body.mv .mv-ci-bar { padding: 12px 16px; }
    html body.mv .mv-ci-filters input[type="button"], html body.mv .mv-ci-filters input[type="text"] { height: 40px !important; }
}
html body.mv .Widget > .WidgetTitle:has(+ .mv-ci-bar):not(#a) { justify-content: flex-start !important; text-align: left !important; }
@media (min-width: 601px) { html body.mv .Widget:has(> .mv-ci-bar) .Grid table input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 0 !important; margin: 0 !important; accent-color: #0E9F8E; vertical-align: middle; } }
html body.mv .page-content:has(> .Widget > .mv-ci-bar) { float: none !important; width: auto !important; }
html body.mv .Widget:has(> .mv-ci-bar) { float: none !important; width: auto !important; }
html body.mv .Widget > .WidgetTitle:has(+ .mv-ci-bar) .widget-claims-icon { display: none !important; }
html body.mv .Widget > .WidgetTitle:has(+ .mv-ci-bar):not(#a) { font-size: 15px; font-weight: 700; color: var(--mv-ink); }
@media (max-width: 1100px) {
    html body.mv .mv-stickybar:has(#btnCreatInvoice) { bottom: 56px; }
    html body.mv .Widget:has(> .mv-ci-bar) { margin-bottom: 128px; }
}
html body.mv .Widget:has(> .mv-ci-bar) > .WidgetMainContent { float: none !important; width: auto !important; }
html body.mv .page-content:has(> .Widget > .mv-ci-bar) { margin: 0 !important; }
@media (max-width: 600px) {
    html body.mv .Widget:has(> .mv-ci-bar) .Grid table :is(th, td):nth-child(2):not(#a) { min-width: 52px; padding: 0 4px !important; text-align: center; }
    html body.mv .Widget:has(> .mv-ci-bar) .Grid table tbody td:not(#a) { height: 48px !important; }
    html body.mv .Widget:has(> .mv-ci-bar) .Grid table input[type="checkbox"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { height: 44px !important; min-height: 44px !important; width: 44px !important; }
}

/* ---------- Follow-up (Supervisor, Billing, AR, Claim appeals) ---------- */
/* filter strips: plain flex rows on a 16px inset instead of nested float tables */
html body.mv .mv-fu .rightdivrtab .divTopFollowup:not(#a) { float: none !important; width: auto !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(#a) { float: none !important; width: auto !important; border: 0 !important; box-shadow: none !important; background: none !important; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) table,
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) tbody,
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) tr { display: block; width: auto !important; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) td:not(#a):not(#b) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; width: auto !important; margin: 0 !important; padding: 8px 0 !important; border: 0; background: none; box-shadow: none; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) td:empty,
html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) td:has(> *):not(:has(*:not(:empty))) { display: none; }
html body.mv .mv-fu .rightdivrtab :is(.divtdother, .divtdunbillied, .divtdsupervisor):not(#a) { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup .divtdother:not(#a) table, html body.mv .mv-fu .rightdivrtab .divTopFollowup .divtdother:not(#a) tbody, html body.mv .mv-fu .rightdivrtab .divTopFollowup .divtdother:not(#a) tr, html body.mv .mv-fu .rightdivrtab .divTopFollowup .divtdother:not(#a) td { display: block; width: auto !important; padding: 0 !important; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup .divtdother td.datelbl:not(#a) { margin: 0 0 5px; font-size: 12.5px !important; font-weight: 600 !important; color: var(--mv-ink) !important; }
html body.mv .mv-fu .rightdivrtab .divtdunbillied .CustomeChk1:not(#a),
html body.mv .mv-fu .rightdivrtab .divtdsupervisor .CustomeChk1:not(#a) { position: static !important; display: inline-block; margin: 0 !important; padding: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; }
/* supervisor header strip: name and shift time as label/value pairs */
html body.mv .mv-fu #supervisorName:not(#a), html body.mv .mv-fu #lblshifttime:not(#a) { float: none !important; margin: 0 !important; font-size: 13.5px !important; font-weight: 600; color: var(--mv-ink) !important; }
/* supervisor / AR filter groups */
html body.mv .mv-fu #FilterdivForSupervisor > table > tbody > tr > td > .width-10p:not(#a) { display: none !important; }
html body.mv .mv-fu #FilterdivForSupervisor .filterdivleft:not(#a) { float: none !important; width: auto !important; }
html body.mv .mv-fu #FilterdivForSupervisor .filterdivleft > table > tbody > tr > td:not(#a) { align-items: flex-end; }
html body.mv .mv-fu #FilterdivForSupervisor .filterdivleft > table > tbody > tr:nth-child(2) > td:not(#a)::before { content: "Aging (DOS)"; align-self: center; margin-right: 4px; font-size: 12.5px; font-weight: 600; color: var(--mv-ink); }
html body.mv .mv-fu #divrbtmain:not(#a) { display: flex !important; flex-wrap: wrap; gap: 8px; }
/* the old calendar picture inside the date boxes becomes a plain icon in the field */
html body.mv .mv-fu .ui-datepicker-trigger:not(#a) { display: none !important; }
html body.mv .mv-fu :is(#txtDatefrom, #txtDateto):not(#a) { width: 150px !important; padding-right: 30px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B6B7F' stroke-width='1.4' stroke-linecap='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='2'/%3E%3Cpath d='M2 6.5h12M5.5 2v2.5M10.5 2v2.5'/%3E%3C/svg%3E") no-repeat right 9px center / 15px; }
/* billing: follow-up status select sits under the filters with its label above */
html body.mv .mv-fu .divTopFollowup .divtdother:has(> span > select[id$="ddlFollowUpStatusSet"]):not(#a) { display: flex; flex-direction: column; gap: 5px; }
html body.mv .mv-fu .divTopFollowup .divtdother > span:has(> select[id$="ddlFollowUpStatusSet"]):not(#a) { float: none !important; width: 220px !important; }
html body.mv .mv-fu .divTopFollowup .divtdother > span:not(:has(select)):not(#a) { float: none !important; width: auto !important; margin: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; }
/* grids: one card, header and body tables share the same fixed columns and scroll sideways together */
html body.mv .mv-fu .rightdivrtab .divGrid:not(#a) { float: none !important; width: auto !important; background: none !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:not(#a) { margin: 0 !important; overflow-x: auto; border: 1px solid var(--mv-line); border-radius: 10px; background: #fff; }
html body.mv .mv-fu .rightdivrtab .Grid11 > table:not(#a), html body.mv .mv-fu .rightdivrtab .Grid11 > div > table:not(#a) { width: 100% !important; min-width: 860px; table-layout: fixed; border-collapse: collapse; margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 > div:not(#a) { height: auto !important; max-height: none !important; overflow: visible !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 :is(thead td, tbody td):not(#a) { border-right: 0 !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 thead tr:first-child td:not(#a) { text-align: left !important; height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle; }
html body.mv .mv-fu .rightdivrtab .Grid11 :is(thead td:first-child, tbody td:first-child):not(#a) { padding-left: 16px !important; text-align: left !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 :is(thead td:last-child, tbody td:not([style*="display:none"]):not([style*="display: none"]):not(:has(~ td:not([style*="display:none"]):not([style*="display: none"])))):not(#a) { padding-right: 16px !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 thead tr:nth-child(2) td:not(#a) { padding: 4px 6px !important; background: #F6F8FA; }
html body.mv .mv-fu .rightdivrtab .Grid11 tbody td.text-center:not(#a) { text-align: left !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 tbody tr:not(#a) { border-bottom: 1px solid var(--mv-line); }
html body.mv .mv-fu .rightdivrtab .Grid11 tbody td:first-child input[type="checkbox"]:not(#a) { margin: 0 0 0 8px; vertical-align: middle; }
/* action bar under the grid */
html body.mv .mv-fu .rightdivrtab .divTopFollowup:has(> .floatR > .btnnew):not(#a) { margin: 12px 0 0 !important; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup > .floatR:not(#a) { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; float: none !important; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup > .floatR .btnnew:not(#a) { margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 thead tr:first-child td:not(#a) { white-space: nowrap; }
html body.mv .mv-fu .rightdivrtab .divTopFollowup td:not(#a):not(#b) { text-align: left !important; }
html body.mv .mv-fu .rightdivrtab .Grid11 tbody td:not(#a) { word-wrap: break-word; }
/* AR follow-up: claim list on the left, claim detail / notes on the right (they were floated blocks that dropped below each other) */
html body.mv .mv-fu .rightdivrtab > .width-100p:has(> .leftgridside):not(#a) { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr); gap: 16px; align-items: start; float: none !important; width: auto !important; }
html body.mv .mv-fu .rightdivrtab :is(.leftgridside, .rightgridside):not(#a) { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .leftgridside > .divTopFollowup > table:not(#a), html body.mv .mv-fu .rightdivrtab .divfilter > table:not(#a) { width: auto !important; margin: 0; border: 0; }
html body.mv .mv-fu .rightdivrtab :is(.leftgridside > .divTopFollowup, .divfilter) :is(table, tbody, tr):not(#a) { display: block; width: auto !important; margin: 0; padding: 0; border: 0; background: none; }
html body.mv .mv-fu .rightdivrtab :is(.leftgridside > .divTopFollowup, .divfilter) tr:not(#a) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 6px 0; }
html body.mv .mv-fu .rightdivrtab :is(.leftgridside > .divTopFollowup, .divfilter) td:not(#a) { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 14px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; color: var(--mv-ink) !important; font-size: 13px !important; font-weight: 600; text-align: left !important; }
html body.mv .mv-fu .rightdivrtab .divfilter tr:first-child:not(#a):has(> td:only-child:empty), html body.mv .mv-fu .rightdivrtab .divfilter tr:has(> td:only-child:not(:has(*))):first-child:not(#a) { display: none; }
html body.mv .mv-fu .rightdivrtab .divfilter #Search:not(#a) { float: none !important; margin: 0 !important; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 14px; }
html body.mv .mv-fu .rightdivrtab :is(.divfilter, .divTopFollowup) label:not(#a):not(.CustomeChk):not(.CustomRbt) { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--mv-ink); font-size: 13px; font-weight: 500; cursor: pointer; }
html body.mv .mv-fu .rightdivrtab :is(.divfilter, .divTopFollowup) label.textsetting4:not(#a) { background: none !important; color: var(--mv-ink); font-weight: 600; cursor: default; }
html body.mv .mv-fu .rightdivrtab :is(.divfilter, .divTopFollowup) :is(input[type="radio"], input[type="checkbox"]):not(#a) { margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .bottomdiv:not(#a) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: auto !important; margin-top: 12px; }
html body.mv .mv-fu .rightdivrtab .bottomdiv > div:not(#a) { float: none !important; width: auto !important; margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .bottomdiv .divfilter:not(#a) { height: auto !important; min-height: 70px; padding: 12px 16px !important; border: 1px solid var(--mv-line) !important; border-radius: 10px; background: #F6F8FA !important; font-size: 12.5px; font-weight: 500 !important; line-height: 1.5 !important; }
html body.mv .mv-fu .rightdivrtab .defaultmessage:not(#a) { padding: 16px; color: var(--mv-slate); font-size: 13px; font-weight: 500; text-align: center; }
html body.mv .mv-fu .rightdivrtab .rightgridside .divmenu:not(#a) { display: flex; flex-wrap: wrap; gap: 6px; float: none !important; width: auto !important; margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .rightgridside .divmenubutton:not(#a) { flex: 1 1 auto; width: auto !important; height: 36px; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--mv-line-strong) !important; border-radius: 9px !important; background: #fff !important; color: var(--mv-ink) !important; font-size: 13px; font-weight: 600; }
html body.mv .mv-fu .rightdivrtab .rightgridside :is(.claimdetail, .addnotes):not(#a) { float: none !important; width: auto !important; margin: 12px 0 0 !important; padding: 12px 16px; border: 1px solid var(--mv-line) !important; border-radius: 10px; box-shadow: none !important; background: #fff !important; box-sizing: border-box; }
@media (max-width: 1720px) {
    html body.mv .mv-fu .rightdivrtab > .width-100p:has(> .leftgridside):not(#a) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    html body.mv .mv-fu .rightdivrtab .bottomdiv:not(#a) { grid-template-columns: minmax(0, 1fr); }
}
/* column widths per grid (the inline percentages did not leave room for the headers) */
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(1):not(#a) { width: 5% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(2):not(#a) { width: 7% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(3):not(#a) { width: 11% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(4):not(#a) { width: 16% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(5):not(#a) { width: 7% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(6):not(#a) { width: 18% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(7):not(#a) { width: 9% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(8):not(#a) { width: 8% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(9):not(#a) { width: 7% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#BillingFollowUpGridHeightSet) table tr > td:nth-child(10):not(#a) { width: 12% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(1):not(#a) { width: 4% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(2):not(#a) { width: 6% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(3):not(#a) { width: 10% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(4):not(#a) { width: 13% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(5):not(#a) { width: 6% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(6):not(#a) { width: 15% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(7):not(#a) { width: 9% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(8):not(#a) { width: 8% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(9):not(#a) { width: 6% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(10):not(#a) { width: 8% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(11):not(#a) { width: 8% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#SuperFollowUpgridHeight) table tr > td:nth-child(12):not(#a) { width: 7% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(1):not(#a) { width: 5% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(1):not(#a) { width: 5% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(2):not(#a) { width: 17% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(2):not(#a) { width: 17% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(3):not(#a) { width: 8% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(3):not(#a) { width: 8% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(4):not(#a) { width: 7% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(5):not(#a) { width: 7% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(5):not(#a) { width: 9% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(6):not(#a) { width: 9% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(6):not(#a) { width: 22% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(7):not(#a) { width: 22% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(7):not(#a) { width: 10% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(8):not(#a) { width: 10% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(8):not(#a) { width: 9% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(9):not(#a) { width: 9% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) thead tr > td:nth-child(9):not(#a) { width: 13% !important; }
html body.mv .mv-fu .rightdivrtab .Grid11:has(#txtPatientAR) tbody tr > td:nth-child(10):not(#a) { width: 13% !important; }
html body.mv .mv-fu .rightdivrtab .bottomdiv .divfilter:not(#a) { box-sizing: border-box; width: 100% !important; }
html body.mv .mv-fu .rightdivrtab .bottomdiv .divfilter .defaultmessage:not(#a) { padding: 8px 0; text-align: left; }
html body.mv .mv-fu .rightdivrtab .divfilter:not(#a):not(.x) { box-shadow: none !important; background: none !important; border-left: 0; border-right: 0; }
html body.mv .mv-fu .rightdivrtab .bottomdiv .divfilter:not(#a) { background: #F6F8FA !important; }
html body.mv .mv-fu .rightdivrtab .divfilter tr:has(> td.textsetting4:only-child):not(#a) { display: none; }
html body.mv .mv-fu .rightdivrtab .leftgridside > .divTopFollowup > div.width-50p:not(#a) { display: none; }
@media (max-width: 640px) {
    html body.mv .mv-fu .rightdivrtab .divTopFollowup > div:not(.floatR) td:has(> .divtdother:first-child .TodayChk):not(#a):not(#b) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    html body.mv .mv-fu .rightdivrtab .divTopFollowup .divtdother:has(.TodayChk):not(#a), html body.mv .mv-fu .rightdivrtab .divTopFollowup #divrbtmain:not(#a) { grid-column: 1 / -1; }
    html body.mv .mv-fu .rightdivrtab :is(#txtDatefrom, #txtDateto):not(#a) { width: 100% !important; }
}
html body.mv .mv-fu .rightdivrtab .leftgridside.width-61p > :is(.divTopFollowup, .divfilter):not(#a) { margin: 0 0 6px !important; padding: 0 !important; min-height: 0 !important; height: auto !important; }
html body.mv .mv-fu .rightdivrtab .leftgridside > .divTopFollowup > table:not(#a) { margin: 0 !important; }
html body.mv .mv-fu .rightdivrtab .divfilter:not(#a):not(.x):not(.y) { float: none !important; }

/* ---------- Claim form: sections below Procedures ---------- */
html body.mv #divNewClaimForm #MiscDiv.mv-cf .mv-cf-grid:not(#a) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.mv #divNewClaimForm #MiscDiv.mv-cf:not(#a) { padding: 4px 16px 16px !important; }
@media (max-width: 760px) { html body.mv #divNewClaimForm #MiscDiv.mv-cf .mv-cf-grid:not(#a) { grid-template-columns: minmax(0, 1fr); } }
/* the Notes card stretched to the height of the accordion column next to it, leaving a tall empty box */
html body.mv #divNewClaimForm .row > .col.mt-1.ml-1:has(> .row > .col-12 > table.w-100):not(#a) { align-self: flex-start; }
/* === end teams:BMSUB === */

/* === teams:QAB (see scratchpad) === */
/* QA board (EMR/QABoard/QABoardFiles.aspx): practice picker popup, files list + claim panel side by side on wide screens and
   stacked below 1100px, legacy float rows in the claim panel turned into wrapping flex rows. */
html body.mv.mv-home .mv-qa-practices #Div_MultiPractice { float: none; position: static; width: 280px; max-width: calc(100vw - 32px); max-height: none; padding: 8px; background: var(--mv-surface); border: 1px solid var(--mv-line-strong); border-radius: 10px; box-shadow: 0 10px 28px rgba(11, 37, 69, .18); font-size: 13px; box-sizing: border-box; }
html body.mv.mv-home .mv-qa-practices #ulMultiPractice { max-height: 240px; margin: 0; padding: 0; list-style: none; overflow-y: auto; font-size: 13px; font-weight: 500; color: var(--mv-ink); }
html body.mv.mv-home .mv-qa-practices #ulMultiPractice li { float: none !important; display: flex; align-items: center; gap: 8px; width: 100% !important; min-height: 36px; margin: 0; padding: 0 6px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; box-sizing: border-box; }
html body.mv.mv-home .mv-qa-practices #ulMultiPractice li :is(span, label) { float: none !important; width: auto !important; margin: 0 !important; }
html body.mv.mv-home .mv-qa-practices #ulMultiPractice li label { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; cursor: pointer; }
html body.mv.mv-home .mv-qa-practices #ulMultiPractice li .PracticecheckBoxName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv.mv-home .mv-qa-practices #Div_MultiPractice input[type="checkbox"] { float: none !important; width: 16px !important; height: 16px !important; flex: none; margin: 0 !important; accent-color: var(--mv-teal-600); }
html body.mv.mv-home .mv-qa-practices #Div_MultiPractice > div[style*="text-align"] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 8px; }
html body.mv.mv-home .mv-qa-practices #Div_MultiPractice input[type="button"] { float: none !important; width: auto !important; min-width: 80px !important; height: 36px !important; margin: 0 !important; padding: 0 14px; border: 1px solid var(--mv-line-strong); border-radius: 8px; background: var(--mv-surface); color: var(--mv-ink); font: 600 13px var(--mv-font); cursor: pointer; }
html body.mv.mv-home .mv-qa-practices #Div_MultiPractice input[type="button"][value="Apply"] { order: 2; border-color: var(--mv-teal-600) !important; background: var(--mv-teal-600) !important; color: #fff !important; }
html body.mv.mv-home .mv-qa-practices #Div_MultiPractice input[type="button"][value="Apply"]:hover { border-color: var(--mv-teal-700) !important; background: var(--mv-teal-700) !important; }
html body.mv.mv-home .mv-qa-practices #divMultiPractice { max-width: calc(100vw - 32px); }

/* results: list and claim panel */
html body.mv.mv-home .row.mt-1:has(> #tbodyfilelistMaindiv) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; height: auto !important; margin: 12px 0 0 !important; align-items: start; }
html body.mv.mv-home .row.mt-1:has(> #tbodyfilelistMaindiv) > div { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; min-width: 0; color: var(--mv-ink) !important; }
html body.mv.mv-home .row.mt-1:has(> #tbodyfilelistMaindiv):has(.divformessageclass:not([style*="none"])) { grid-template-columns: minmax(0, 1fr); }
html body.mv.mv-home .row.mt-1:has(> #tbodyfilelistMaindiv):has(.divformessageclass:not([style*="none"])) > div:last-child { display: none; }
html body.mv.mv-home #tbodyfilelistMaindiv > div { max-height: max(360px, calc(100vh - 290px)) !important; overflow-y: auto; background: transparent !important; }
html body.mv.mv-home #tbodyfilelistMaindiv .divformessageclass { position: static !important; margin: 0 !important; width: auto !important; padding: 28px 16px !important; }
html body.mv.mv-home #tbodyfilelist > tr > td .row { margin: 0 !important; row-gap: 4px; }
html body.mv.mv-home #tbodyfilelist > tr > td .row > [class*="col-"] { padding: 0 8px 0 0 !important; min-width: 0; }
html body.mv.mv-home #tbodyfilelist > tr > td .row > .col-6:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
html body.mv.mv-home #tbodyfilelist > tr > td .row > .col-6:first-child > * { float: none !important; width: auto !important; margin: 0 !important; }
html body.mv.mv-home #tbodyfilelist > tr > td .row > .col-6:first-child > span[title] { overflow-wrap: anywhere; }
html body.mv.mv-home #tbodyfilelist .divDialogDocuments { border: 1px solid var(--mv-line) !important; border-radius: 8px; overflow: hidden; margin-top: 8px; }
html body.mv.mv-home #tbodyfilelist .divDialogDocuments > div:first-child { display: flex; align-items: center; justify-content: space-between; height: auto !important; padding: 8px 10px !important; background: var(--mv-mist) !important; }
html body.mv.mv-home #tbodyfilelist .divDialogDocuments > div:last-child { float: none !important; width: 100% !important; border: 0 !important; }
html body.mv.mv-home #tbodyfilelist .cancelbtnxdoc { float: none !important; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; }
html body.mv.mv-home #tbodyfilelistMaindiv :is(embed, .patient-document-files-wrapper) { width: 100% !important; max-width: 100%; }

html body.mv.mv-home .claimsdatahereclaimdiv { max-height: max(360px, calc(100vh - 290px)) !important; padding: 0 !important; background: var(--mv-surface); border: 1px solid var(--mv-line) !important; border-radius: 10px; }
html body.mv.mv-home .claimsdatahereclaimdiv:empty { display: none; }
html body.mv.mv-home .claimsdatahereclaimdiv > table.table_font { width: 100%; border-collapse: collapse; table-layout: fixed; }
html body.mv.mv-home .claimsdatahereclaimdiv th.FileNameth :is(span, strong) { overflow-wrap: anywhere; }
html body.mv.mv-home .claimsdatahereclaimdiv th.FileNameth { position: sticky; top: 0; z-index: 1; border-width: 0 0 1px !important; line-height: 1.5; }
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr { display: block; border: 0 !important; }
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr[style*="none"] { display: none; }
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr > td { display: block; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box; }
/* patient header row (two tinted bands) */
html body.mv.mv-home .claimsdatahereclaimdiv .ProviderNameTrClass > td > div { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; height: auto !important; padding: 8px 14px !important; }
html body.mv.mv-home .claimsdatahereclaimdiv .ProviderNameTrClass > td > div:first-child { background: var(--mv-teal-50) !important; border-top: 1px solid var(--mv-line); font-weight: 600; }
html body.mv.mv-home .claimsdatahereclaimdiv .ProviderNameTrClass > td > div:nth-child(2) { background: var(--mv-mist) !important; color: var(--mv-slate); font-size: 12.5px; }
html body.mv.mv-home .claimsdatahereclaimdiv .ProviderNameTrClass > td > div > div { float: none !important; width: auto !important; flex: 1 1 160px; min-width: 0; }
html body.mv.mv-home .claimsdatahereclaimdiv .ProviderNameTrClass > td > div > div:has(> span[onclick]) { flex: 0 0 auto; }
/* claim rows */
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr:not(.ProviderNameTrClass) > td { padding: 8px 14px !important; border-bottom: 1px solid var(--mv-line) !important; }
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr:not(.ProviderNameTrClass) > td > div { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; float: none !important; width: 100% !important; padding: 2px 0; }
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr:not(.ProviderNameTrClass) > td > div > div { float: none !important; width: auto !important; flex: 0 1 auto; min-width: 0; padding: 0 !important; overflow-wrap: anywhere; }
html body.mv.mv-home .claimsdatahereclaimdiv .FileLCaimDetailTbody > tr:not(.ProviderNameTrClass) > td > div > div:has(> span[onclick]) { margin-left: auto; gap: 6px; }
html body.mv.mv-home .claimsdatahereclaimdiv span[onclick] { display: inline-grid; place-items: center; width: 30px; height: 30px; margin: 0 !important; border-radius: 6px; cursor: pointer; }
html body.mv.mv-home .claimsdatahereclaimdiv span[onclick]:hover { background: var(--mv-mist); }
html body.mv.mv-home .claimsdatahereclaimdiv span[onclick] img { width: 14px !important; height: 14px !important; }
html body.mv.mv-home .claimsdatahereclaimdiv .multiplelclaimids { width: 15px; height: 15px; margin: 0 6px 0 0; vertical-align: -2px; accent-color: var(--mv-teal-600); }
html body.mv.mv-home .claimsdatahereclaimdiv .fontstyleclass { color: var(--mv-slate); font-size: 12.5px; }
html body.mv.mv-home .claimsdatahereclaimdiv .font11px { font-size: 12.5px; color: var(--mv-ink); }
html body.mv.mv-home .claimsdatahereclaimdiv .fileclaimmsg { display: block; margin: 0 !important; padding: 24px 16px; color: var(--mv-slate); font-weight: 500; text-align: center; }
html body.mv.mv-home .claimsdatahereclaimdiv .fileclaimmsg[style*="none"] { display: none; }

@media (max-width: 1100px) {
    html body.mv.mv-home .row.mt-1:has(> #tbodyfilelistMaindiv) { grid-template-columns: minmax(0, 1fr); }
    html body.mv.mv-home :is(#tbodyfilelistMaindiv > div, .claimsdatahereclaimdiv) { max-height: none !important; overflow: visible; }
}
@media (max-width: 600px) {
    html body.mv.mv-home .mv-qa-practices #Div_MultiPractice { width: 100%; }
    html body.mv.mv-home .mv-qa-practices #divMultiPractice { right: 0; }
    html body.mv.mv-home #tbodyfilelist > tr > td .row > [class*="col-"] { flex: 1 1 100% !important; max-width: 100% !important; }
    html body.mv.mv-home #tbodyfilelist > tr > td .row > .col-3 { flex: 1 1 45% !important; max-width: 50% !important; }
    html body.mv.mv-home .claimsdatahereclaimdiv span[onclick] { width: 40px; height: 40px; }
}
/* the generic legacy-button hover (.blue_color:hover) darkened the whole filter card's edge */
html body.mv.mv-home .blue_color.mv-qa-bar:hover { border-color: var(--mv-line) !important; background: var(--mv-surface) !important; }
/* The status checkboxes filter the claims of the selected file; with no files in the list the page refuses them
   ("Please select upload file first") and unticks them. Show them as unavailable, with the reason, instead. */
html body.mv.mv-home .container-fluid:has(#tbodyfilelistMaindiv .divformessageclass:not([style*="none"])) .mv-qa-status .mv-qa-check { opacity: .45; pointer-events: none; cursor: not-allowed; }
html body.mv.mv-home .container-fluid:has(#tbodyfilelistMaindiv .divformessageclass:not([style*="none"])) .mv-qa-status::after { content: "Status filters apply to a file's claims; pick a range that has files"; color: var(--mv-slate); font-size: 12.5px; }
html body.mv.mv-home .mv-qa-total [id$="lbltotalFiles"]:empty::before { content: "0"; font-weight: 600; }
/* === end teams:QAB === */

/* === teams:DMSUT (see scratchpad) === */
/* Toasts on Home.master pages (top nav bar, 56px): sit just under the bar so they never cover the user menu */
html body.mv.mv-home .divMesg { top: 68px !important; right: 16px !important; }

/* Documents pages (EMR/DMS/*): section strip 16px under the top bar; the grid card lines up with the cards above it
   (it was 102% wide with a -14px margin, so it stuck out on both sides) */
html body.mv.mv-home .mv-dms-tabs { margin-top: 54px !important; }
html body.mv.mv-home:has(.mv-dms-tabs:not([hidden])) .container-fluid > .row.mt-4 { margin-top: 12px !important; }
html body.mv.mv-home #divPatientDocumentContainer > #griddiv { width: auto !important; max-width: 100%; min-width: 0; overflow-x: auto; box-sizing: border-box; margin: 0 !important; border-top-left-radius: 0; border-top-right-radius: 0; }
html body.mv.mv-home .row:has(> .col-12 > #divPatientDocumentContainer) { margin: 0 !important; }
html body.mv.mv-home .row:has(> .col-12 > #divPatientDocumentContainer) > .col-12 { padding: 0 !important; }

/* practice picker popup (same callback markup on My tasks, File assignment and Summary) */
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #Div_MultiPractice { float: none; position: static; width: 280px; max-width: calc(100vw - 32px); max-height: none; padding: 8px; background: var(--mv-surface); border: 1px solid var(--mv-line-strong); border-radius: 10px; box-shadow: 0 10px 28px rgba(11, 37, 69, .18); font-size: 13px; box-sizing: border-box; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #divMultiPractice { position: absolute; left: 0; top: calc(100% + 4px); z-index: 60; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #ulMultiPractice { max-height: 240px; margin: 0; padding: 0; list-style: none; overflow-y: auto; font-size: 13px; font-weight: 500; color: var(--mv-ink); }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #ulMultiPractice li { float: none !important; display: flex; align-items: center; gap: 8px; width: 100% !important; min-height: 36px; margin: 0; padding: 0 6px; border: 0 !important; border-bottom: 1px solid var(--mv-line) !important; box-sizing: border-box; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #ulMultiPractice li :is(span, label) { float: none !important; width: auto !important; margin: 0 !important; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #ulMultiPractice li label { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; cursor: pointer; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #ulMultiPractice li .PracticecheckBoxName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #Div_MultiPractice input[type="checkbox"] { float: none !important; width: 16px !important; height: 16px !important; flex: none; margin: 0 !important; accent-color: var(--mv-teal-600); }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #Div_MultiPractice > div[style*="text-align"] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 8px; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #Div_MultiPractice input[type="button"] { float: none !important; width: auto !important; min-width: 80px !important; height: 36px !important; margin: 0 !important; padding: 0 14px; border: 1px solid var(--mv-line-strong) !important; border-radius: 8px; background: var(--mv-surface) !important; color: var(--mv-ink) !important; font: 600 13px var(--mv-font); cursor: pointer; }
html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #Div_MultiPractice input[type="button"][value="Apply"] { order: 2; border-color: var(--mv-teal-600) !important; background: var(--mv-teal-600) !important; color: #fff !important; }

/* My tasks (UserTasks.aspx) filter row: labels above fields, wraps */
html body.mv.mv-home #divPatientDocumentContainer > .mv-ut-bar { display: flex !important; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin: 0 !important; padding: 12px 16px !important; background: var(--mv-surface) !important; border: 1px solid var(--mv-line); border-top: 1px solid var(--mv-line); }
html body.mv.mv-home .mv-ut-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body.mv.mv-home .mv-ut-field > label { margin: 0 !important; color: var(--mv-ink) !important; font-size: 12.5px !important; font-weight: 600 !important; }
html body.mv.mv-home .mv-ut-field :is(input[type="text"]) { width: 160px !important; height: 36px !important; margin: 0 !important; padding: 5px 10px !important; float: none !important; box-sizing: border-box; }
html body.mv.mv-home .mv-ut-pick { position: relative; }
html body.mv.mv-home .mv-ut-practices #MultiplePracticeTxtNew { width: 240px !important; padding-right: 30px !important; cursor: pointer; text-overflow: ellipsis; }
html body.mv.mv-home .mv-ut-caret { position: absolute; right: 12px; top: 18px; transform: translateY(-50%); cursor: pointer; line-height: 1; color: var(--mv-slate); }
html body.mv.mv-home .mv-ut-go #btnfilter { height: 36px !important; width: auto !important; margin: 0 !important; padding: 0 18px !important; }
@media (max-width: 820px) {
    html body.mv.mv-home .mv-ut-field input[type="text"], html body.mv.mv-home .mv-ut-go #btnfilter { height: 40px !important; }
    html body.mv.mv-home .mv-ut-caret { top: 20px; }
}
@media (max-width: 640px) {
    html body.mv.mv-home #divPatientDocumentContainer > .mv-ut-bar { flex-direction: row; align-items: flex-end; gap: 12px; margin: 0 !important; }
}
@media (max-width: 600px) {
    html body.mv.mv-home .mv-ut-field { flex: 1 1 100%; }
    html body.mv.mv-home .mv-ut-field:has(.Datetxtbox) { flex: 1 1 calc(50% - 8px); }
    html body.mv.mv-home .mv-ut-field input[type="text"], html body.mv.mv-home .mv-ut-practices #MultiplePracticeTxtNew, html body.mv.mv-home .mv-ut-go #btnfilter { width: 100% !important; }
    html body.mv.mv-home .mv-ut-go #btnfilter { justify-content: center; }
    html body.mv.mv-home :is(.mv-ut-practices, .grey_color, .mv-dmspage) #Div_MultiPractice { width: 100%; }
    html body.mv.mv-home .mv-ut-practices #divMultiPractice { right: 0; }
}
html body.mv.mv-home #divPatientDocumentContainer { min-width: 0; max-width: 100%; }
html body.mv.mv-home #griddiv th select[id$="ddlFile_Type"] { min-width: 76px; }
/* === end teams:DMSUT === */