/* Dashboard header and filters only; navigation uses its existing shared styles. */
@media screen {
  body:has(.management-overview) {
    --overview-shell-surface:#fffdfa;
    --overview-shell-soft:#f2efed;
    --overview-shell-line:#383b3520;
    --overview-shell-ink:#272a27;
    --overview-shell-muted:#676d66;
    --overview-shell-glow:radial-gradient(ellipse at 8% 120%,#a3d9cf40,transparent 55%),radial-gradient(ellipse at 96% 130%,#d9b5e557,transparent 60%),radial-gradient(ellipse at 66% 125%,#efd1bb42,transparent 58%);
    --overview-shell-ease:cubic-bezier(.22,.72,.2,1);
  }
  html[data-theme="dark"] body:has(.management-overview) {
    --overview-shell-surface:#232523;
    --overview-shell-soft:#2c2e2c;
    --overview-shell-line:#ffffff1c;
    --overview-shell-ink:#f6f5ef;
    --overview-shell-muted:#c2c6be;
    --overview-shell-glow:radial-gradient(ellipse at 6% 130%,#8dc8bc25,transparent 58%),radial-gradient(ellipse at 100% 135%,#bd9ad02b,transparent 62%),radial-gradient(ellipse at 65% 135%,#d0a78d20,transparent 60%);
  }
  html[data-theme="light"] body:has(.management-overview) {
    --overview-shell-surface:#eff0eb;
    --overview-shell-soft:#e1e4dd;
    --overview-shell-line:#ffffff55;
    --overview-shell-ink:#282d28;
    --overview-shell-muted:#565e55;
    --overview-shell-glow:radial-gradient(ellipse at 5% 120%,#bbd9cf20,transparent 65%),radial-gradient(ellipse at 100% 130%,#d8c8e228,transparent 65%);
  }

  html[data-theme] body:has(.management-overview) #header.site-header {
    border:1px solid var(--overview-shell-line);
    border-radius:30px;
    background:var(--overview-shell-glow),var(--overview-shell-surface);
    color:var(--overview-shell-ink);
    box-shadow:0 6px 24px #10151006,inset 0 1px #ffffff12;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    transition:background-color .7s var(--overview-shell-ease),border-color .6s var(--overview-shell-ease),box-shadow .6s var(--overview-shell-ease);
  }
  html[data-theme] body:has(.management-overview) #header :is(.desktop-quick-action,.mobile-settings-action,.desktop-profile,.mobile-character-profile) {
    border:1px solid var(--overview-shell-line);
    border-radius:999px;
    background:var(--overview-shell-soft);
    color:var(--overview-shell-ink);
    box-shadow:none;
    transition:background-color .45s var(--overview-shell-ease),border-color .45s var(--overview-shell-ease),box-shadow .45s var(--overview-shell-ease),transform .45s var(--overview-shell-ease);
  }
  html[data-theme] body:has(.management-overview) #header :is(.desktop-quick-action,.mobile-settings-action) {width:48px;min-width:48px;height:48px;min-height:48px}
  body:has(.management-overview) #header :is(.desktop-profile-copy small,.mobile-character-profile small) {color:var(--overview-shell-muted)}
  body:has(.management-overview) #header :is(a,button):focus-visible {outline:3px solid var(--erp-focus,#8a6fa5);outline-offset:3px}

  /* Filter controls and their native dialogs share the card material. */
  .management-overview .mof-root {
    --mo-card:var(--overview-shell-surface);
    --mo-surface:var(--overview-shell-soft);
    --mo-line:var(--overview-shell-line);
    --mo-ink:var(--overview-shell-ink);
    --mo-muted:var(--overview-shell-muted);
  }
  .management-overview .mof-trigger {
    border-color:var(--overview-shell-line);
    border-radius:26px;
    background:var(--overview-shell-glow),var(--overview-shell-surface);
    box-shadow:inset 0 1px #ffffff18;
    transition:background-color .6s var(--overview-shell-ease),border-color .45s var(--overview-shell-ease),box-shadow .45s var(--overview-shell-ease),transform .45s var(--overview-shell-ease);
  }
  .management-overview .mof-trigger-icon {display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--overview-shell-line);border-radius:50%;color:var(--overview-shell-ink);background:#ffffff0a}
  .management-overview .mof-trigger-icon svg {width:20px;height:20px}
  .management-overview .mof-trigger-copy {gap:4px}
  .management-overview .mof-trigger-copy strong {font-weight:500;font-size:16px}
  .management-overview .mof-dialog {
    border-color:var(--overview-shell-line);
    border-radius:34px;
    background:var(--overview-shell-glow),var(--overview-shell-surface);
    box-shadow:0 28px 100px #080d0b55,inset 0 1px #ffffff18;
  }
  .management-overview .mof-dialog::backdrop {background:#11151299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .management-overview .mof-heading h2 {font-weight:400;letter-spacing:-.035em}
  .management-overview .mof-icon-button {width:48px;min-width:48px;height:48px;min-height:48px;background:transparent}
  .management-overview .mof-search {border-radius:999px;background:var(--overview-shell-soft)}
  .management-overview .mof-clinic-option {border:1px solid var(--overview-shell-line);border-radius:24px;background:var(--overview-shell-soft)}
  .management-overview .mof-clinic-icon {border-radius:50%;background:var(--overview-shell-surface)}
  .management-overview .mof-clinic-option[aria-pressed="true"] {background:linear-gradient(120deg,#dcebe4,#e8dfe7 70%,#efdfd4);color:#292e29;border-color:#bed6c9}
  .management-overview .mof-clinic-option[aria-pressed="true"] :is(small,.mof-clinic-icon) {color:#545d56}
  .management-overview .mof-clinic-option[aria-pressed="true"] .mof-clinic-icon {background:#ffffff75}
  .management-overview .mof-tabs {border-radius:999px;padding:5px;background:#1f2321;border-color:#ffffff13}
  .management-overview .mof-tabs button {min-height:48px;border-radius:999px;color:#d3d7d1;font-size:16px}
  .management-overview .mof-tabs button[aria-selected="true"] {background:#f8f8f2;color:#262b26;box-shadow:0 2px 8px #0002}
  .management-overview .mof-months button {border-radius:20px;font-size:16px}
  .management-overview .mof-months button[aria-pressed="true"] {background:linear-gradient(125deg,#cbe6de,#e8d6e6 75%,#efdfd2);color:#292e29;border-color:transparent}
  .management-overview .mof-presets button {min-height:48px;font-size:14px}
  .management-overview .mof-date-fields input {border-radius:20px;background:var(--overview-shell-soft)}
  .management-overview .mof-apply {background:#272b27;color:#fafbf5;box-shadow:inset 0 1px #ffffff0e}
  html[data-theme="dark"] .management-overview .mof-apply {background:#f3f5ee;color:#232923}
  .management-overview .mof-cancel {background:transparent}
  .management-overview .mof-root :is(.mof-icon-button,.mof-clinic-option,.mof-tabs button,.mof-months button,.mof-presets button,.mof-cancel,.mof-apply) {
    transition:background-color .4s var(--overview-shell-ease),border-color .4s var(--overview-shell-ease),color .4s var(--overview-shell-ease),box-shadow .4s var(--overview-shell-ease),transform .4s var(--overview-shell-ease);
  }

}

@media screen and (max-width:600px) {
  html[data-theme] body:has(.management-overview) #header.site-header {border-radius:26px}
  .management-overview .mof-trigger {grid-template-columns:30px minmax(0,1fr) 20px;padding:12px;gap:4px 7px;min-height:88px;border-radius:24px}
  .management-overview .mof-trigger-icon {width:30px;height:30px}
  .management-overview .mof-trigger-icon svg {width:18px;height:18px}
  .management-overview .mof-trigger-copy strong {font-size:16px;line-height:1.4}
  .management-overview .mof-dialog {border-radius:32px 32px 0 0}
  .management-overview .mof-months button {font-size:15px}
  .management-overview .mof-heading {gap:12px}
}

@media screen and (max-width:360px) {
  .management-overview .mof-trigger {padding-inline:10px;grid-template-columns:30px minmax(0,1fr) 16px;gap:4px}
  .management-overview .mof-trigger-copy strong {white-space:normal;overflow-wrap:anywhere}
  .management-overview .mof-tabs button {font-size:15px}
}

@media screen and (hover:hover) and (pointer:fine) {
  html[data-theme] body:has(.management-overview) #header :is(.desktop-quick-action,.mobile-settings-action,.desktop-profile,.mobile-character-profile):hover {background:var(--overview-shell-surface);border-color:#98b3a477;box-shadow:0 5px 18px #16221a0b;transform:translateY(-2px)}
  .management-overview .mof-trigger:hover {background-color:var(--overview-shell-soft);border-color:#98b3a477;box-shadow:0 8px 24px #16221a0c,inset 0 1px #ffffff1b;transform:translateY(-2px)}
  .management-overview .mof-root :is(.mof-icon-button,.mof-clinic-option,.mof-months button,.mof-presets button,.mof-cancel):hover:not(:disabled) {border-color:#99b7a777;box-shadow:0 4px 14px #0e19130a}
  .management-overview .mof-apply:hover:not(:disabled) {box-shadow:0 6px 20px #0d171322;transform:translateY(-1px)}
}

@media screen and (prefers-reduced-motion:reduce) {
  body:has(.management-overview) #header.site-header,
  body:has(.management-overview) #header :is(.desktop-quick-action,.mobile-settings-action,.desktop-profile,.mobile-character-profile),
  .management-overview .mof-trigger,
  .management-overview .mof-root :is(.mof-icon-button,.mof-clinic-option,.mof-tabs button,.mof-months button,.mof-presets button,.mof-cancel,.mof-apply) {transition:none!important}
  body:has(.management-overview) #header :is(.desktop-quick-action,.mobile-settings-action,.desktop-profile,.mobile-character-profile):hover,
  .management-overview .mof-trigger:hover,
  .management-overview .mof-apply:hover {transform:none!important}
}

@media screen and (forced-colors:active) {
  body:has(.management-overview) #header.site-header,
  .management-overview .mof-trigger,
  .management-overview .mof-dialog {border-color:CanvasText}
}

/* The overview's own controls follow the cards; shared application chrome is unchanged. */
@media screen {
  html[data-theme] .management-overview .mof-root {--mo-card:var(--erp-surface);--mo-surface:var(--erp-soft);--mo-line:var(--erp-line);--mo-ink:var(--erp-ink);--mo-muted:var(--erp-muted)}
  html[data-theme] .management-overview .mof-trigger {min-height:64px;padding:11px 14px;border-radius:23px;border-color:color-mix(in srgb,var(--erp-line) 75%,transparent);background:var(--erp-surface);box-shadow:inset 0 1px #ffffff0c}
  html[data-theme] .management-overview .mof-trigger-icon {width:32px;height:32px;border-color:var(--erp-line);background:transparent;color:var(--erp-muted)}
  html[data-theme] .management-overview .mof-trigger-copy strong {font-size:14px;font-weight:500;line-height:1.3}
  html[data-theme] .management-overview .mof-trigger-copy small {font-size:11px;line-height:1.3}
  html[data-theme] .management-overview .mof-dialog {background:var(--erp-mesh-quiet);border-color:var(--erp-line)}
  html[data-theme] .management-overview .mof-clinic-option {background:var(--erp-soft);border-color:var(--erp-line)}
  html[data-theme] .management-overview .mof-clinic-option[aria-pressed="true"] {background:var(--erp-selected-mesh);color:var(--erp-selected-ink)}
  @container management-overview (max-width:600px) {
    html[data-theme] .management-overview .mof-trigger {grid-template-columns:28px minmax(0,1fr) 14px;gap:4px 7px;min-height:62px;padding:10px;border-radius:22px}
    html[data-theme] .management-overview .mof-trigger-icon {width:28px;height:28px}
    html[data-theme] .management-overview .mof-trigger-icon svg {width:16px;height:16px}
    html[data-theme] .management-overview .mof-trigger-copy strong {font-size:13px}
  }
}