/* Identidad compartida. Los colores semánticos de estados se conservan. */
:root{--bg:#fff;--panel:#f7faff;--panel2:#eaf2ff;--border:#dce5f0;--text:#142f55;--muted:#50647e;--accent:#0868d6;--accent2:#14509b;--brand-navy:#142f55;--brand-blue:#0868d6;--brand-turquoise:#0bb8bc;--brand-soft:#e8f7f8}
body{color:var(--text);background:var(--panel)}
#sidebar,#loginScreen,#lockScreen{background:var(--panel)}
#topbar,.topbar{background:#fff;border-color:var(--border);color:var(--text)}
.login-box,.lock-box{background:#fff;border-color:var(--border)}
.btn{background:var(--brand-blue);color:#fff}.btn:hover{background:var(--accent2);filter:none}
.btn-sec{background:var(--panel2);color:var(--text);border-color:var(--border)}.btn-sec:hover{background:#dceaff}
.side-btn{border-color:var(--border)}.side-btn:hover,.side-btn.active{background:var(--brand-soft);border-color:var(--brand-blue)}
.side-tab.active{background:var(--brand-blue)}
.side-item.active,.mobile-nav-item.active{background:var(--panel2);color:var(--brand-blue)}
.gestionis-tile{color:var(--text);border-color:var(--border)}.gestionis-tile:hover{background:var(--brand-soft);border-color:var(--brand-turquoise)}
.gestionis-welcome h2{color:var(--brand-navy)}
#platformPanelNav .selected{background:var(--brand-blue);color:white}
.platform-metrics article{background:var(--panel);border-color:var(--border)}
input,select,textarea{border-color:var(--border);accent-color:var(--brand-blue)}
input:focus,select:focus,textarea:focus{border-color:var(--brand-blue)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}
#installAppPanel{color:var(--text);border-color:var(--border)}#installAppPanel button{background:var(--panel2);color:var(--text);border-color:var(--border)}#installAppPanel [data-install]{background:var(--brand-blue);color:white;border-color:var(--brand-blue)}
/* RRHH es una página independiente, también usada por el portal móvil. */
body[data-gestionis-page="rrhh"]{background:var(--panel);color:var(--text)}
body[data-gestionis-page="rrhh"] header{border-color:var(--border)}
body[data-gestionis-page="rrhh"] small{color:#086d7b}
body[data-gestionis-page="rrhh"] button,body[data-gestionis-page="rrhh"] a.button{color:var(--text);border-color:var(--border)}
body[data-gestionis-page="rrhh"] button:hover{background:var(--panel2)}
body[data-gestionis-page="rrhh"] .primary,body[data-gestionis-page="rrhh"] nav button.selected{background:var(--brand-blue);color:white;border-color:var(--brand-blue)}
body[data-gestionis-page="rrhh"] .primary:hover{background:var(--accent2)}
body[data-gestionis-page="rrhh"] th,body[data-gestionis-page="rrhh"] .muted{color:var(--muted)}
body[data-gestionis-page="rrhh"] .table,body[data-gestionis-page="rrhh"] .card,body[data-gestionis-page="rrhh"] th,body[data-gestionis-page="rrhh"] td{border-color:var(--border)}
body[data-gestionis-page="rrhh"] .notice{background:var(--brand-soft);border-left-color:var(--brand-turquoise);color:var(--text)}
body[data-gestionis-page="rrhh"] .badge{background:var(--panel2)}
body[data-gestionis-page="rrhh"] .calendar-day.has-leave{background:var(--brand-soft);border-color:#76cdd0}
@media print{body{background:#fff}}
body[data-gestionis-page="activation"] button{background:var(--brand-blue);color:white}body[data-gestionis-page="activation"] a{color:var(--brand-blue)}body[data-gestionis-page="activation"] p:not(.error){color:var(--muted)}body[data-gestionis-page="activation"] .card{border-color:var(--border);box-shadow:0 20px 55px #142f5512}