/* F07 V116 — ícones musicais e fechamento dos modais, sem modificar a lógica. */
.rf-f07-svg-icon {
  display:inline-block; width:1.1em; height:1.1em;
  flex:0 0 auto; background-color:currentColor;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
  vertical-align:-.14em;
}
.rf-f07-icon-diapasao {
  -webkit-mask-image:url("/static/rf_f07_diapasao_v116.svg");
  mask-image:url("/static/rf_f07_diapasao_v116.svg");
}
.rf-f07-icon-arpejo {
  -webkit-mask-image:url("/static/rf_f07_arpejo_v116.svg");
  mask-image:url("/static/rf_f07_arpejo_v116.svg");
}
/* Home: mantém dimensões e texto dos atalhos homologados. */
a.rf-f07-home-tuner-icon {display:inline-flex;align-items:center;justify-content:center;gap:.25rem;}
a.rf-f07-home-tuner-icon .rf-f07-svg-icon {width:1.25em;height:1.25em;vertical-align:middle;}
/* Dicionário: ícones centralizados no conteúdo do botão. */
.rf-f12-dictionary .rf-tuner-link .rf-f07-svg-icon {width:17px;height:17px;vertical-align:middle;margin-right:3px;}
.rf-f12-dictionary #playNotes .rf-f07-svg-icon {width:20px;height:20px;vertical-align:middle;margin-right:5px;}
/* Fechamento oficial: X simples, sem contorno/background permanente. */
body.rf-f12-host .rf-f12-dictionary #closePlayback,
body.rf-f12-host .rf-f12-dictionary #closeBuilder,
body.rf-f12-host .rf-f12-dictionary #closeSettings {
  display:inline-flex !important;
  align-items:center !important;justify-content:center !important;
  flex:0 0 36px !important;width:36px !important;height:36px !important;
  min-width:36px !important;min-height:36px !important;
  border:0 !important;border-radius:6px !important;
  background:transparent !important;box-shadow:none !important;
  color:var(--bs-body-color, currentColor) !important;
  padding:0 !important;line-height:1 !important;
}
body.rf-f12-host .rf-f12-dictionary .settings-close .rf-f07-close-icon {
  width:21px;height:21px;display:block;fill:none;
  stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  margin:auto;flex:none;
}
body.rf-f12-host .rf-f12-dictionary .settings-close:hover {
  color:var(--color-accent, var(--rf-user-accent, currentColor)) !important;
}
html[data-bs-theme="dark"] body.rf-f12-host .rf-f12-dictionary .settings-close:hover {
  color:color-mix(in srgb, var(--rf-user-accent, #3b6ea5) 58%, white 42%) !important;
}
body.rf-f12-host .rf-f12-dictionary .settings-close:focus-visible {
  outline:2px solid var(--color-accent, var(--rf-user-accent, currentColor)) !important;
  outline-offset:2px;
}