/* MUSIC FM / one global interaction and surface language.
   Controls: light hover rows as in site account/menu; standard links excluded.
   Order: loaded after all existing page-level styles by the canonical shells.
   No JavaScript, no changes to navigation, media, forms, or privacy logic. */
:root{
  --mf-global-ink:#102541;
  --mf-global-muted:#64768c;
  --mf-global-line:#e2e9f0;
  --mf-global-blue:#1265ad;
  --mf-global-row-hover:#f0f5fa;
  --mf-global-motion:160ms cubic-bezier(.2,.75,.25,1);
  --mf-ui-depth-0:none;
  --mf-ui-depth-1:none;
  --mf-ui-depth-2:none;
  --mf-ui-shadow:none;
  --mf-ui-shadow-soft:none;
  --mf-v3-shadow:none;
  --mf-v3-shadow-hover:none;
  --mf-brand-shadow:none;
  --mf-brand-shadow-soft:none;
  --ac-shadow:none;
}
/* Keep structural lines to distinguish content; reduce excessive elevation.
   Modal dialogs, popovers and floating tooltips retain their depth. */
html body :is(main,.adm-main,.mf-main,.settings-page,.mf-account-overview-page)
  :is(.card,.panel,.box,.widget,.surface,.tile,.settings-card,.profile-card,
      .settings-side-card,.profile-side-card,.mf-account-overview-card,
      .adm-panel,.adm-card,.adm-stat,.adm-kpi,
      [class*="-card"],[class*="__card"],[class*="-panel"],[class*="__panel"],
      [class*="-tile"],[class*="__tile"],[class*="-widget"],[class*="__widget"]):not(:is([role="dialog"],[class*="modal"],[class*="popover"],[class*="dropdown"],
           [class*="tooltip"],[class*="overlay"],[class*="lightbox"])){
    box-shadow:none!important;
}
/* Stop 'floating' cards on hover. Do not move buttons, imagery or focus rings. */
@media (hover:hover) and (pointer:fine){
 html body :is(main,.adm-main,.settings-page,.mf-account-overview-page)
  :is([class*="-card"],[class*="__card"],[class*="-panel"],[class*="__panel"],
      [class*="-tile"],[class*="__tile"],[class*="-widget"],[class*="__widget"]):not(:is([class*="modal"],[class*="popover"],[class*="overlay"],[class*="lightbox"])):hover{
    box-shadow:none!important;
  }
}
/* A single square, restrained rhythm. Intentionally not applied to avatar,
   player round play controls, icon search/bell buttons or media thumbnails. */
html body :is(main,.adm-main,.settings-page,.mf-account-overview-page)
  :is(button:not([class*="avatar"]):not([class*="play"]):not([class*="icon"]),
      input[type="submit"],input[type="button"],[role="button"]:not([class*="avatar"])){
  transition:background-color var(--mf-global-motion),border-color var(--mf-global-motion),
             color var(--mf-global-motion)!important;
}
/* Deliberately target row-like actions instead of all links: plain inline
   article, biography, legal and footer links keep their original treatment. */
html body :is(
  .settings-nav a,.settings-side-nav a,.settings-menu a,.settings-nav-item,
  .mf-overview-links>a,.mf-overview-menu a,.mf-account-menu a,
  .adm-sidebar a,.adm-sidebar button,.adm-side-link,.adm-side-nav a,
  .adm-menu a,.adm-nav a,.mf-account-nav a,
  .mf-header-account__menu a,.mf-header-account__menu button,
  .mf-notification-dropdown a,.mf-notification-dropdown button,
  .mf-mega-menu a,.mf-mega-menu button,.mega-menu a,.mega-menu button,
  [role="menuitem"],[role="option"],
  a[class*="-nav-item"],button[class*="-nav-item"],
  a[class*="__nav-item"],button[class*="__nav-item"],
  a[class*="-menu-item"],button[class*="-menu-item"],
  a[class*="__menu-item"],button[class*="__menu-item"],
  a[class*="-list-row"],button[class*="-list-row"],
  a[class*="__list-row"],button[class*="__list-row"],
  a[class*="-action-row"],button[class*="-action-row"],
  a[class*="-setting-row"],button[class*="-setting-row"],
  a[class*="-shortcut"],button[class*="-shortcut"],
  a[class*="-quick-link"],button[class*="-quick-link"]
){
  transition:background-color var(--mf-global-motion),border-color var(--mf-global-motion),
             color var(--mf-global-motion)!important;
  box-shadow:none!important;
}
/* Screenshot reference: quiet ice-blue hover with navy text, not a drop shadow.
   Respect selected/active states and preserve disabled controls. */
@media (hover:hover) and (pointer:fine){
 html body :is(
  .settings-nav a,.settings-side-nav a,.settings-menu a,.settings-nav-item,
  .mf-overview-links>a,.mf-overview-menu a,.mf-account-menu a,
  .adm-sidebar a,.adm-sidebar button,.adm-side-link,.adm-side-nav a,
  .adm-menu a,.adm-nav a,.mf-account-nav a,
  .mf-header-account__menu a,.mf-header-account__menu button,
  .mf-notification-dropdown a,.mf-notification-dropdown button,
  .mf-mega-menu a,.mf-mega-menu button,.mega-menu a,.mega-menu button,
  [role="menuitem"],[role="option"],
  a[class*="-nav-item"],button[class*="-nav-item"],
  a[class*="__nav-item"],button[class*="__nav-item"],
  a[class*="-menu-item"],button[class*="-menu-item"],
  a[class*="__menu-item"],button[class*="__menu-item"],
  a[class*="-list-row"],button[class*="-list-row"],
  a[class*="__list-row"],button[class*="__list-row"],
  a[class*="-action-row"],button[class*="-action-row"],
  a[class*="-setting-row"],button[class*="-setting-row"],
  a[class*="-shortcut"],button[class*="-shortcut"],
  a[class*="-quick-link"],button[class*="-quick-link"]
 ):not(:disabled):not([aria-disabled="true"]):not([aria-current="page"]):not([aria-selected="true"]):not(.active):not(.is-active):hover{
    background-color:var(--mf-global-row-hover)!important;
    color:var(--mf-global-blue)!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
 }
 /* Standalone neutral action buttons. Primary / destructive actions keep their
    semantic backgrounds and foreground contrast. */
 html body :is(main,.adm-main,.settings-page,.mf-account-overview-page)
  :is(button,a[role="button"],a[class*="-btn"],a[class*="__button"]):not(:disabled):not([aria-disabled="true"]):not(:is(.primary,.is-primary,[class*="-primary"],[class*="__primary"],
          [class*="-danger"],[class*="__danger"],[class*="-destructive"],
          [class*="-play"],[class*="__play"],[class*="-icon"],[class*="__icon"])):hover{
     box-shadow:none!important;
     text-shadow:none!important;
 }
}

/* Secondary actions and tabs are clickable controls, never ordinary text
   links. Match the same soft hover used in the reference screenshot. */
@media (hover:hover) and (pointer:fine){
 html body :is(main,.adm-main,.settings-page,.mf-account-overview-page)
  :is(a[role="tab"],button[role="tab"],.secondary,.mfs-secondary,
      .adm-button-light,.mf-member-secondary,.settings-security-inline-action,
      a[class*="-tab"],button[class*="-tab"],
      a[class*="__tab"],button[class*="__tab"],
      a[class*="-secondary"],button[class*="-secondary"],
      a[class*="-outline"],button[class*="-outline"],
      a[class*="-ghost"],button[class*="-ghost"])
   :not(.active):not(.is-active):not([aria-selected="true"])
   :not([aria-current="page"]):not(:disabled):not([aria-disabled="true"]):hover{
    background-color:var(--mf-global-row-hover)!important;
    color:var(--mf-global-blue)!important;
    border-color:var(--mf-global-line)!important;
    box-shadow:none!important;
  }
}

/* Normalize restrained surfaces for both account pages; no separate aesthetic. */
html body :is(.settings-premium-page,.mf-account-overview-page) :is(
 .settings-card,.settings-side-card,.mf-overview-profile,.mf-overview-card,
 .mf-overview-links,.mf-overview-panel,.mf-account-card
){
 border-color:var(--mf-global-line)!important;
 box-shadow:none!important;
}
/* Admin retains contrast on the dark navigation surface. */
html body.mf-admin :is(.adm-sidebar,.adm-sidebar-nav,.adm-side-menu)
  :is(a,button):hover:not(.active):not([aria-current="page"]){
 box-shadow:none!important;
}
@media (prefers-reduced-motion:reduce){
 html body :is(.settings-nav a,.mf-overview-links>a,[role="menuitem"],
  .adm-sidebar a,.adm-sidebar button){transition:none!important;}
}