/* ═══ HOVER STATES (tablet/desktop pointer devices) ════════ */
@media (hover:hover) {
  .btn-p:hover{opacity:.88;transform:scale(.99)}
  .btn-s:hover{background:var(--b)}
  .btn-ok:hover{opacity:.88;transform:scale(.99)}
  .ntab:hover svg{stroke:var(--accent)}
  .ntab:hover span{color:var(--accent)}
  .lr:hover{background:var(--b)}
  .fpill:hover:not(.on){background:var(--b)}
  .ham-item:hover{background:rgba(0,0,0,.05)}
  .bs-act:hover{background:rgba(0,0,0,.04)}
  .stg-btn-c:hover{background:var(--b)}
  .stg-btn-s:hover{opacity:.88}
  button[onclick*="openStgPanel"]:hover{box-shadow:var(--sh2);transform:translateY(-1px)}
  .fab:hover{transform:scale(1.06);box-shadow:0 6px 22px rgba(255,107,0,.52)}
  #vocal-mic-btn:hover{transform:scale(1.04)}
}