/* Revisión 7 — jerarquía del display y legibilidad musical. */
/* Cabecera equilibrada en tres columnas: tempo | canto | frase. */
#armonium .digital-screen .screen-score-header{top:0!important;height:15%!important;left:0!important;width:100%!important}
#armonium .digital-screen #displaySongName{
 position:absolute!important;top:0!important;left:21%!important;right:21%!important;
 width:58%!important;max-width:58%!important;min-width:0!important;
 font:700 clamp(13px,5.3cqw,25px)/1.14 'EB Garamond',Georgia,serif!important;
 text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#armonium .digital-screen #bpmPosition{position:absolute!important;left:0!important;right:auto!important;top:1%!important;max-width:20%!important;margin:0!important;text-align:left!important;white-space:nowrap!important}
/* 3.8 cqw -> 3.23 cqw: tempo un 15 % menor. */
#armonium .digital-screen #bpmTxt{font:700 clamp(8.5px,3.23cqw,16.15px)/1.1 system-ui,sans-serif!important}
#armonium .digital-screen #displayPhraseStatus{
 position:absolute!important;left:auto!important;right:0!important;top:1%!important;
 width:auto!important;max-width:20.5%!important;height:auto!important;margin:0!important;
 text-align:right!important;white-space:nowrap!important;
 font:600 clamp(8px,2.65cqw,12px)/1.12 'EB Garamond',Georgia,serif!important;
 overflow:hidden!important;text-overflow:ellipsis!important
}
/* El pentagrama ocupa un 25 % más de alto, manteniendo el mismo
   escalado isotrópico en X e Y (viewBox + preserveAspectRatio). */
#armonium .digital-screen .screen-score-area{
 top:14.5%!important;height:63.5%!important;left:1%!important;width:98%!important;
}
#armonium .digital-screen #miniScore{height:100%!important;max-height:100%!important;}
#armonium .digital-screen .screen-lyrics-area{top:79%!important;height:20%!important;}
/* Nombres de acorde en una banda superior propia, sin números de frase encima. */
#armonium .rev6-chord-label{font:700 15px Georgia,serif!important;paint-order:stroke fill;stroke:#183a31;stroke-width:3px;stroke-linejoin:round}
/* Halo blanco sutil SOLO en el modo seleccionado. El aro no bloquea clics. */
#armonium .floating-element.mode{isolation:isolate}
#armonium .floating-element.mode.active::after,
#armonium .floating-element.mode.latched::after{
 content:"";position:absolute;inset:7%;border-radius:50%;pointer-events:none;
 border:1px solid rgba(255,255,255,.65);
 box-shadow:0 0 5px 1.5px rgba(255,255,255,.55),
            0 0 12px 3px rgba(228,250,255,.25),
            inset 0 0 4px rgba(255,255,255,.28);
}
#armonium .lotus-pdf-links a,#armonium #lotusPdfView{text-decoration:none}