/*
   * css/eq-overlay.css
   * EQ Graphic Overlay (Mobile + Desktop)
   * Verschoben aus player-patches.css Phase 2
   * Ursprung: smfpMobileGraphicEqOverlayV190Style (L5137–5152)
   */

  /* ── PATCH: smfpMobileGraphicEqOverlayV190Style (orig L5137–5152) ── */
  #smfpMobileEqOverlay{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;}
  #smfpMobileEqOverlay.is-open{display:flex;pointer-events:auto;}
  #smfpMobileEqPanel{width:min(430px,94vw);max-height:88vh;overflow:auto;border-radius:22px;border:1px solid rgba(22,255,243,.64);background:radial-gradient(circle at 15% 8%,rgba(255,61,187,.22),transparent 38%),radial-gradient(circle at 85% 18%,rgba(22,255,243,.16),transparent 36%),rgba(3,6,18,.96);box-shadow:0 0 28px rgba(22,255,243,.30),0 0 34px rgba(255,61,187,.20);padding:14px 14px 16px;color:#eaffff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;}
  #smfpMobileEqPanel h3{margin:0 0 4px;text-align:center;color:var(--color-cyan);font-size:15px;letter-spacing:.11em;text-shadow:0 0 12px rgba(22,255,243,.65);}
  #smfpMobileEqPanel .smfp-eq-sub{margin:0 0 12px;text-align:center;color:var(--color-pink);font-size:10px;font-weight:900;letter-spacing:.09em;}
  #smfpMobileEqPanel .smfp-mobile-eq-row{display:grid;grid-template-columns:58px 1fr 42px;align-items:center;gap:9px;margin:9px 0;}
  #smfpMobileEqPanel .smfp-mobile-eq-row span{font-size:11px;font-weight:950;color:var(--color-pink);letter-spacing:.07em;}
  #smfpMobileEqPanel .smfp-mobile-eq-row output{font-size:11px;font-weight:950;color:var(--color-cyan);text-align:right;}
  #smfpMobileEqPanel input[type=range]{width:100%;accent-color:var(--color-cyan);touch-action:pan-x;}
  #smfpMobileEqPanel .smfp-eq-actions{display:flex;gap:10px;justify-content:center;margin-top:14px;}
  #smfpMobileEqPanel button{border-radius:999px;border:1px solid rgba(22,255,243,.60);background:rgba(7,11,28,.92);color:var(--color-cyan);font-weight:950;font-size:12px;letter-spacing:.08em;padding:9px 15px;box-shadow:0 0 12px rgba(22,255,243,.18);}
  #smfpMobileEqPanel button.smfp-eq-reset{border-color:rgba(255,61,187,.60);color:var(--color-pink);}
  #eqBars,#mffEqBars{cursor:pointer;}
  @media(max-width:760px){#smfpMobileEqPanel{width:94vw;padding:13px 12px 15px;}#smfpMobileEqPanel .smfp-mobile-eq-row{grid-template-columns:54px 1fr 38px;gap:7px;margin:8px 0;}}

/* Desktop rail visibility regression repair: the level meters and DNA towers share
   the outer gutters. Keep the non-interactive meters visibly above the towers. */
@media(min-width:761px){
  html body[data-veluna-page="main"] .frame-stage > .side-meter{
    z-index:10!important;
    pointer-events:none!important;
  }
}