/* Semantic colours shared by all SONORIZ controller views. */
:root{--sonoriz-page-b:#00d4da;--sonoriz-blackout:#ff414b}
html body .sonorizBlackout,html body .sonorizBlackout *{color:var(--sonoriz-blackout)!important;-webkit-text-fill-color:var(--sonoriz-blackout)!important;--ink:var(--sonoriz-blackout)!important}
html body .sonorizPageB,html body .sonorizPageB *{color:var(--brand-dmx,var(--sonoriz-page-b))!important;-webkit-text-fill-color:var(--brand-dmx,var(--sonoriz-page-b))!important;--ink:var(--sonoriz-page-b)!important}
html body .sonorizBlackout{--photo-light:var(--sonoriz-blackout)!important;--led:var(--sonoriz-blackout)!important}
html body .sonorizPageB{--photo-light:var(--sonoriz-page-b)!important;--led:var(--sonoriz-page-b)!important}
html body .sonorizBlackout:is(.active,.on,.lit,[aria-pressed=true]){border-color:var(--sonoriz-blackout)!important;text-shadow:0 0 9px #ff414b80;box-shadow:inset 0 0 0 1px var(--sonoriz-blackout),0 0 10px #ff414b45!important}
html body .sonorizPageB:is(.active,.on,.lit,[aria-pressed=true]){border-color:var(--sonoriz-page-b)!important;text-shadow:0 0 9px #00d4da80;box-shadow:inset 0 0 0 1px var(--sonoriz-page-b),0 0 10px #00d4da45!important}
/* Photo overlays intentionally hide printed labels; semantic keys need visible ink. */
html body #photoOverlay .sonorizBlackout,html body #photoOverlay .sonorizBlackout *{color:var(--sonoriz-blackout)!important;-webkit-text-fill-color:var(--sonoriz-blackout)!important}
html body #photoOverlay .sonorizPageB,html body #photoOverlay .sonorizPageB *{color:var(--brand-dmx,var(--sonoriz-page-b))!important;-webkit-text-fill-color:var(--brand-dmx,var(--sonoriz-page-b))!important}
html body #photoOverlay .photoButton:is(.sonorizBlackout,.sonorizPageB){font:700 8px/1.05 Arial,sans-serif!important;white-space:normal;overflow-wrap:anywhere;background:#13202bef!important;text-shadow:0 1px #000!important}
body.readablePhotoLabels #photoOverlay .photoReadableButton{font:750 9px/1.1 Arial,sans-serif!important;display:flex!important;align-items:center;justify-content:center;white-space:pre-line!important;word-break:normal;overflow-wrap:normal;color:#edf5fc!important;-webkit-text-fill-color:#edf5fc!important;text-align:center!important;letter-spacing:0!important;padding:1px!important;background:#1c2935ed!important;border:1px solid #748b9c!important;box-shadow:0 1px 2px #0009!important;border-radius:3px!important;text-shadow:none!important;overflow:hidden}
body.readablePhotoLabels[data-photo-model=elation-midicon-2] #photoOverlay .photoReadableButton{font-size:8px!important}
html body.readablePhotoLabels #photoOverlay .photoReadableButton.sonorizBlackout{color:#ff414b!important;-webkit-text-fill-color:#ff414b!important}
html body.readablePhotoLabels #photoOverlay .photoReadableButton.sonorizPageB{color:#00d4da!important;-webkit-text-fill-color:#00d4da!important}
body.readablePhotoLabels #photoOverlay .photoReadableButton:is(.active,.on,.held){border-color:#efffff!important;outline:1px solid #efffff;outline-offset:0}
.photoLabelLegend{font:17px/1.5 system-ui,sans-serif;color:#bbcfdd;margin:8px 0 14px;max-width:none;text-align:center}.photoLabelLegend strong{white-space:nowrap}
body.readablePhotoLabels[data-photo-model=elation-midicon-pro] #photoOverlay .photoReadableButton{font-size:6.2px!important;line-height:1.05!important;letter-spacing:-.1px!important;padding:0!important}
/* Explicit two-line names stay intact inside the calibrated physical key. */
body.readablePhotoLabels #photoOverlay .photoReadableButton{white-space:pre!important;overflow-wrap:normal!important;word-break:keep-all!important}
body.readablePhotoLabels[data-photo-model=elation-midicon-2] #photoOverlay .photoReadableButton.sonorizBlackout{font-size:7px!important}
body.readablePhotoLabels[data-photo-model=elation-midicon-pro] #photoOverlay .photoReadableButton.sonorizBlackout{font-size:5.5px!important}