/* ────────────────────────────────────────────────────────────────────────────── SCRUM-2551 — Barra superior, diseño V5. Los estilos vienen del mockup aprobado (softopv5.netlify.app), el mismo del que salió el ingreso al sistema; por eso la paleta se toma tal cual de css/login-v5.css. ── Por qué todo va prefijado con .topbar-v5 ────────────────────────────────── El tema Dore no se enlaza en head.php: lo inyecta JavaScript en tiempo de ejecución (web/js/scripts.js:79 → loadStyle("css/" + theme)). loadStyle lo coloca justo antes del primer cuyo href termine en "main.css", que resulta ser `js/fullcalendar-scheduler/main.css` (head.php:31). Es decir: el tema acaba por ENCIMA de css/main.css y de esta hoja, y a igualdad de especificidad pierde. Aun así, aquí se gana por ESPECIFICIDAD y no por ese orden, por dos razones: 1. El orden depende de un accidente. El selector [href$="main.css"] no encaja con `css/main.css?v=1` —compara el atributo literal, que termina en "?v=1"— sino con la hoja de fullcalendar. Basta con que alguien la quite o la renombre para que loadStyle caiga en su rama else (head.appendChild) y el tema pase a ser la última hoja del documento, invirtiendo la cascada de toda la aplicación sin que nada lo avise. 2. Contra `.navbar #iconMenuDropdown` y `.navbar .header-icon#notificationButton` no hay orden que valga si la regla local tiene menos ids: un id derrota a cualquier cantidad de clases. Por eso el