.mh-page { max-width: 1320px; margin: 0 auto; padding-bottom: 32px; }
.mh-heading, .mh-section-heading, .mh-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mh-heading h2 { margin: 0; font-size: clamp(22px, 3vw, 30px); letter-spacing: -.04em; }
.mh-heading p, .mh-section-heading p { color: #667384; margin: 7px 0 0; font-size: 13px; }
.mh-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.mh-tabs { display: flex; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid #dce4e8; margin: 24px 0 18px; padding-bottom: 10px; }
.mh-tabs a { padding: 9px 13px; color: #526174; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 13px; }
.mh-tabs a[aria-current=page] { color: #0b645d; background: #def2ed; }
.mh-tabs a:hover { background: #edf3f4; }
.mh-filters { display: grid; grid-template-columns: minmax(150px,210px) minmax(150px,240px) minmax(0,1fr) auto; align-items: end; gap: 12px; }
.mh-filters[hidden] { display: none; }
.mh-filters > [data-mh-refresh] { color: #397079; background: transparent; border-color: transparent; box-shadow: none; }
.mh-filters > [data-mh-refresh]:hover { background: #e5f0ed; }
.mh-filters label, .mh-lead-filters label, .mh-form-grid label { display: grid; gap: 6px; min-width: 0; }
.mh-filters label { flex: 1 1 150px; }
.mh-filter-options { align-self: end; min-width: 0; }
.mh-filter-options summary { cursor: pointer; padding: 12px 4px; font-size: 12px; color: #397079; }
.mh-filter-options[open] { grid-column: 1/-1; grid-row: 2; }
.mh-filter-details { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 12px; padding: 14px; border: 1px solid #dce5e9; border-radius: 12px; background: #f7fafa; }
.mh-source-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.mh-source-filters a { padding: 10px 13px; border: 1px solid #dce5e9; border-radius: 20px; font-size: 12px; font-weight: 600; color: #526174; background: #fff; text-decoration: none; }
.mh-source-filters a:hover { border-color: #53a99a; }
.mh-source-filters a[aria-current=page], .mh-source-filters select.is-selected { background: #def2ed; border-color: #7bbeb0; color: #0b645d; }
.mh-source-filters label { min-width: 0; max-width: 230px; }
.mh-source-filters select { border-radius: 20px; font-size: 12px; padding: 10px 12px; }
.mh-source-filters a:focus-visible { outline: 2px solid #53a99a; outline-offset: 2px; }
.mh-report-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 18px 0; }
.mh-report-links a { color: #096a62; font-size: 13px; font-weight: 600; }
.mh-filters label span, .mh-lead-filters label span, .mh-form-grid label span { font-size: 12px; color: #526174; font-weight: 600; }
.mh-page input, .mh-page select, .mh-dialog input, .mh-dialog select, .mh-dialog textarea, .mh-intake-fields select { border: 1px solid #cbd7dd; border-radius: 8px; background: #fff; padding: 10px 11px; width: 100%; min-width: 0; color: #183047; font: inherit; box-sizing: border-box; }
.mh-page input:focus, .mh-page select:focus, .mh-dialog :is(input,select,textarea):focus { outline: 2px solid #53a99a; outline-offset: 1px; }
.mh-status { margin: 12px 0; color: #14695d; font-size: 13px; }
.mh-status:empty { margin: 0; }
.mh-status.is-error { color: #a12d32; }
.mh-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.mh-metric { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid #dde6e9; border-radius: 13px; background: #fff; }
.mh-metric > span { font-size: 12px; font-weight: 600; color: #667384; }
.mh-metric strong { font-size: clamp(24px,3vw,34px); letter-spacing: -.045em; color: #163e42; overflow-wrap: anywhere; }
.mh-metric small, .mh-lead small { color: #667384; line-height: 1.5; font-size: 11px; }
.mh-period { margin: 22px 0 16px; color: #233f50; font-size: 13px; font-weight: 600; }
.mh-period span { display: block; margin-top: 5px; font-weight: 400; font-size: 12px; color: #667384; }
.mh-data-note { padding: 11px 14px; border-left: 3px solid #d2ab52; background: #fffaf0; color: #725c32; font-size: 12px; line-height: 1.65; border-radius: 0 8px 8px 0; }
.mh-next { margin-top: 24px; }
.mh-next h3 { font-size: 14px; margin: 0 0 10px; color: #526174; }
.mh-next-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mh-next-links a { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid #cddfdd; border-radius: 12px; background: #f8fcfb; text-decoration: none; color: #175c59; }
.mh-next-links a:hover { border-color: #53a99a; background: #edf8f4; }
.mh-next-links strong { font-size: 14px; }
.mh-next-links small { display: block; margin-top: 5px; color: #667384; font-size: 12px; line-height: 1.5; }
.mh-next-links a > span:last-child { font-size: 22px; }
.mh-source-summary { width: 100%; border: 1px solid #dce5e9; border-radius: 12px; border-spacing: 0; background: #fff; font-size: 12px; }
.mh-source-summary :is(th,td) { padding: 16px 12px; border-bottom: 1px solid #e7edf0; text-align: right; overflow-wrap: anywhere; }
.mh-source-summary th:first-child { text-align: left; width: 28%; }
.mh-source-summary thead th { background: #f4f8f8; color: #586c77; font-size: 11px; font-weight: 600; }
.mh-source-summary thead th:first-child { border-radius: 12px 0 0 0; }
.mh-source-summary thead th:last-child { border-radius: 0 12px 0 0; }
.mh-source-summary tbody tr:last-child :is(th,td) { border-bottom: 0; }
.mh-source-summary a { color: #155b5a; font-weight: 650; text-underline-offset: 3px; }
.mh-source-summary small { display: block; margin-top: 5px; color: #667384; font-weight: 400; font-size: 11px; }
.mh-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mh-report-returns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.mh-table-title { font-size: 14px; margin-top: 26px; }
.mh-tool-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 16px; }
.mh-section-heading { margin: 26px 0 12px; }
.mh-section-heading h3 { font-size: 17px; margin: 0; }
.mh-section-heading a, .mh-panel a, .mh-lead-actions a { font-size: 12px; color: #096a62; font-weight: 600; }
.mh-basis { font-size: 12px; line-height: 1.65; color: #667384; max-width: 1050px; }
.mh-notice { border: 1px solid #e9d59c; background: #fff8e7; color: #735817; padding: 13px; border-radius: 9px; font-size: 13px; }
.mh-empty { padding: 26px 18px; text-align: center; color: #627486; border: 1px dashed #c9d8dd; border-radius: 12px; background: #f8fafb; font-size: 13px; line-height: 1.7; }
.mh-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #dce5e9; border-radius: 12px; background: #fff; }
.mh-table { border-collapse: collapse; width: 100%; font-size: 12px; min-width: 1040px; }
.mh-table th, .mh-table td { text-align: right; padding: 13px 12px; border-bottom: 1px solid #e7edf0; white-space: nowrap; }
.mh-table thead th { background: #f4f8f8; color: #586c77; font-weight: 600; font-size: 11px; }
.mh-table th:first-child, .mh-table td:nth-child(2), .mh-table th:nth-child(2) { text-align: left; }
.mh-table tbody th { font-weight: 600; max-width: 250px; white-space: normal; overflow-wrap: anywhere; }
.mh-table small { display: block; font-size: 10px; color: #667384; margin-top: 4px; }
.mh-table tr:last-child :is(th,td) { border-bottom: 0; }
.mh-panel { background: #fff; border: 1px solid #dce5e9; border-radius: 12px; padding: 18px; margin: 14px 0; min-width: 0; }
.mh-panel summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #264c55; }
.mh-panel[open] summary { margin-bottom: 14px; }
.mh-panel p { font-size: 13px; line-height: 1.65; color: #64717f; }
.mh-panel small { font-size: 11px; color: #64717f; }
.mh-panel h4 { margin: 0; font-size: 15px; }
.mh-connections { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mh-connections .mh-panel { margin: 0; }
.mh-card-head { align-items: start; flex-wrap: wrap; gap: 8px; }
.mh-pill { display: inline-block; background: #edf1f5; color: #4e6071; font-size: 10px; line-height: 1.4; font-weight: 600; padding: 5px 8px; border-radius: 7px; }
.mh-pill.is-ready_to_contact { background: #ddf3e9; color: #17694f; }
.mh-pill.is-needs_info { background: #fff0ce; color: #7c5d12; }
.mh-pill.is-unqualified { background: #f1e8e9; color: #854650; }
.mh-leads { background: #fff; border: 1px solid #dce5e9; border-radius: 12px; overflow: hidden; }
.mh-lead { padding: 16px; display: grid; grid-template-columns: 1.3fr 1fr 1fr auto; gap: 16px; align-items: center; border-bottom: 1px solid #e7edf0; font-size: 12px; }
.mh-lead:last-child { border-bottom: 0; }
.mh-lead > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; overflow-wrap: anywhere; }
.mh-lead span { color: #657585; }
.mh-lead .mh-pill { align-self: flex-start; }
.mh-lead strong { color: #213e50; }
.mh-lead-filters { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,200px) minmax(120px,170px); gap: 12px; }
.mh-lsa-filters { align-items: end; }
.mh-lsa-filters .button { min-height: 40px; justify-content: center; }
.mh-lsa-notes { margin: 3px 0 0; padding: 8px; border-radius: 8px; background: #f5f8fa; color: #344f60; line-height: 1.45; white-space: pre-wrap; }
.mh-lsa-notes.is-empty { color: #758493; font-style: italic; }
.mh-lsa-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 18px 0 4px; color: #526174; font-size: 12px; }
.mh-dialog-backdrop { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 20px; background: #0f243a80; box-sizing: border-box; }
.mh-dialog { width: min(720px,100%); max-height: min(90dvh,900px); overflow-y: auto; background: #fff; border-radius: 16px; box-shadow: 0 20px 80px #10273840; padding: 22px; box-sizing: border-box; }
.mh-dialog > header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.mh-dialog h2 { margin: 0; font-size: 22px; }
.mh-page > .mh-actions { font-size: 12px; margin: 8px 0; gap: 14px; }
.mh-page > .mh-actions a { color: #397079; text-decoration: none; }
.mh-page > .mh-actions a:hover { text-decoration: underline; }
.mh-form-grid, .mh-intake-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.mh-form-grid .mh-wide { grid-column: 1/-1; }
.mh-arrival-times { padding: 12px; border-radius: 10px; background: #f4f7fa; }
.mh-arrival-times dt { color: #526174; font-size: 12px; }
.mh-arrival-times dd { margin: 4px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.mh-form-grid .mh-check { display: flex; align-items: flex-start; gap: 10px; }
.mh-check input[type=checkbox] { width: 18px; flex: 0 0 18px; margin-top: 1px; }
.mh-form-status { min-height: 1.5em; font-size: 13px; color: #814423; line-height: 1.6; }
.mh-dialog footer { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; border-top: 1px solid #e6edef; padding-top: 16px; }
.mh-intake-fields { grid-column: 1/-1; width: 100%; }
.mh-intake-fields label { min-width: 0; }
.mh-intake-fields em { font-size: 11px; font-style: normal; color: #73818d; }
@media (max-width: 760px) {
  .mh-heading, .mh-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .mh-heading { flex-direction: row; }
  .mh-heading > div:first-child { min-width: 0; }
  .mh-heading .mh-actions { width: auto; flex: 0 0 auto; }
  .mh-heading .button { padding: 10px 12px; font-size: 12px; }
  .mh-actions { width: 100%; }
  .mh-actions .button { flex: 1; justify-content: center; }
  .mh-tabs { gap: 3px; margin-top: 18px; }
  .mh-tabs a { padding: 8px 9px; font-size: 12px; }
  .mh-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mh-filter-options[open] { grid-row: 3; }
  .mh-filter-options summary { line-height: 1.5; padding: 6px 0; }
  .mh-filter-details { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mh-filter-details button { grid-column: 1/-1; }
  .mh-source-filters { gap: 6px; margin: 16px 0; }
  .mh-source-filters a { padding: 10px 11px; }
  .mh-source-filters label { flex: 1 1 170px; max-width: 100%; }
  .mh-source-filters select { font-size: 16px; }
  .mh-filters > [data-mh-refresh] { justify-self: end; align-self: center; }
  .mh-filters input, .mh-filters select { font-size: 13px; }
  .mh-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .mh-metric { padding: 14px; }
  .mh-metric strong { font-size: 25px; }
  .mh-next-links, .mh-report-returns { grid-template-columns: minmax(0,1fr); }
  .mh-next-links a { padding: 14px; }
  .mh-source-summary { display: block; border: 0; background: transparent; }
  .mh-source-summary thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .mh-source-summary tbody { display: grid; gap: 10px; }
  .mh-source-summary tbody tr { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); padding: 14px; gap: 14px 10px; border: 1px solid #dce5e9; border-radius: 12px; background: #fff; }
  .mh-source-summary tbody :is(th,td) { padding: 0; border: 0; text-align: left; }
  .mh-source-summary tbody th:first-child { grid-column: 1/-1; width: auto; padding-bottom: 10px; border-bottom: 1px solid #edf1f3; font-size: 14px; }
  .mh-source-summary tbody td { grid-column: span 2; font-weight: 600; font-size: 14px; }
  .mh-source-summary tbody td:nth-last-child(-n+2) { grid-column: span 3; }
  .mh-source-summary td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-weight: 400; color: #667384; font-size: 11px; }
  .mh-connections { grid-template-columns: minmax(0,1fr); }
  .mh-lead { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px; }
  .mh-lead-main { grid-column: 1/-1; }
  .mh-lead-actions { grid-column: 1/-1; flex-direction: row !important; align-items: center; gap: 16px !important; }
  .mh-lead-filters { grid-template-columns: minmax(0,1fr); }
  .mh-lsa-intake .mh-heading, .mh-lsa-intake .mh-actions { flex-wrap: wrap; }
  .mh-lsa-intake .mh-heading .mh-actions { width: 100%; }
  .mh-dialog-backdrop { padding: 10px; }
  .mh-dialog { padding: 16px; max-height: 94dvh; }
  .mh-form-grid, .mh-intake-fields { grid-template-columns: minmax(0,1fr); }
  .mh-dialog :is(input,select,textarea) { font-size: 16px; }
  .mh-dialog footer .button { flex: 1; }
}