/* SIIGEO 3.2 | Semáforo de volumen accesible y lectura institucional */
:root{
  --si32-ink:#14233d;--si32-muted:#475569;--si32-stroke:#cbd5e1;
  --si32-base:#f1f5f9;--si32-heat1:#fff7ed;--si32-heat1-ink:#92400e;
  --si32-heat2:#ffedd5;--si32-heat2-ink:#9a3412;
  --si32-heat3:#fed7aa;--si32-heat3-ink:#7c2d12;
  --si32-heat4:#9a3412;--si32-heat4-ink:#ffffff;
}
:root[data-theme="dark"]{
  --si32-ink:#f1f5f9;--si32-muted:#cbd5e1;--si32-stroke:#53657f;
  --si32-base:#27364b;--si32-heat1:#44301f;--si32-heat1-ink:#ffdfaa;
  --si32-heat2:#66371a;--si32-heat2-ink:#ffedcf;
  --si32-heat3:#91451e;--si32-heat3-ink:#ffffff;
  --si32-heat4:#bd571e;--si32-heat4-ink:#ffffff;
}
/* Los números mantienen una escala claramente visible, sin depender solo del color. */
.executive-item .executive-number.si32-heat-0,
.doc-tabs button.si32-heat-0 span,.stat-value.si32-heat-0,
#navPending.si32-heat-0,#navNotifications.si32-heat-0,
.executive-total.si32-heat-0{
  background:var(--si32-base)!important;color:var(--si32-muted)!important;
  border-color:var(--si32-stroke)!important;
}
.executive-item .executive-number.si32-heat-1,
.doc-tabs button.si32-heat-1 span,.stat-value.si32-heat-1,
#navPending.si32-heat-1,#navNotifications.si32-heat-1,
.executive-total.si32-heat-1{
  background:var(--si32-heat1)!important;color:var(--si32-heat1-ink)!important;
  border-color:var(--si32-heat1-ink)!important;
}
.executive-item .executive-number.si32-heat-2,
.doc-tabs button.si32-heat-2 span,.stat-value.si32-heat-2,
#navPending.si32-heat-2,#navNotifications.si32-heat-2,
.executive-total.si32-heat-2{
  background:var(--si32-heat2)!important;color:var(--si32-heat2-ink)!important;
  border-color:var(--si32-heat2-ink)!important;
}
.executive-item .executive-number.si32-heat-3,
.doc-tabs button.si32-heat-3 span,.stat-value.si32-heat-3,
#navPending.si32-heat-3,#navNotifications.si32-heat-3,
.executive-total.si32-heat-3{
  background:var(--si32-heat3)!important;color:var(--si32-heat3-ink)!important;
  border-color:var(--si32-heat3-ink)!important;
}
.executive-item .executive-number.si32-heat-4,
.doc-tabs button.si32-heat-4 span,.stat-value.si32-heat-4,
#navPending.si32-heat-4,#navNotifications.si32-heat-4,
.executive-total.si32-heat-4{
  background:var(--si32-heat4)!important;color:var(--si32-heat4-ink)!important;
  border-color:var(--si32-heat4)!important;
}
.executive-item .executive-number{min-width:50px;min-height:50px;display:grid;place-items:center;
  font-weight:800!important;font-variant-numeric:tabular-nums;font-size:22px!important;
  border:1px solid var(--si32-stroke)!important;border-radius:12px!important}
.executive-total[class*="si32-heat-"]{border-radius:999px!important;padding:7px 12px!important;font-weight:800!important;
  font-size:12px!important;border:1px solid var(--si32-stroke)!important}
.doc-tabs{gap:8px!important;flex-wrap:wrap!important;align-items:center}
.doc-tabs button{font-size:14px!important;font-weight:650!important;
  background:var(--c-surface,#fff)!important;color:var(--si32-ink)!important;
  border:1px solid var(--si32-stroke)!important;min-height:43px!important;
  border-radius:10px!important;padding:9px 13px!important}
.doc-tabs button span{min-width:23px;min-height:22px;border-radius:6px!important;font-size:12px!important;
  line-height:1.3;padding:3px 7px!important;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--si32-stroke)!important;font-variant-numeric:tabular-nums}
.doc-tabs button.selected{background:var(--c-accent-soft,#eaf0ff)!important;
  color:var(--c-accent,#244b99)!important;border:2px solid var(--c-accent,#244b99)!important;
  padding:8px 12px!important;box-shadow:none!important}
.doc-tabs button.selected span{font-weight:800!important}
#navPending[class*="si32-heat-"],#navNotifications[class*="si32-heat-"]{
 font-weight:800!important;padding:3px 7px!important;min-width:22px; border-radius:7px;
 border:1px solid var(--si32-stroke)!important}
.stat-value[class*="si32-heat-"]{display:inline-block;width:fit-content;padding:2px 9px!important;
 border-radius:9px!important;font-variant-numeric:tabular-nums}
/* Tipografías legibles también en la agenda y componentes antiguos. */
.day-agenda .day-item strong,.meeting-row strong,.executive-item-text strong,
.doc-tabs button,.doc-row-main strong{color:var(--si32-ink)!important}
.day-agenda .day-item small,.meeting-row small,.executive-item-text small,
.doc-row-main small,.panel-head p,.executive-overview-top p{color:var(--si32-muted)!important;
 font-size:13px!important;line-height:1.5!important}
.si32-unit-label{display:inline-block;padding:2px 7px;border:1px solid var(--si32-stroke);
 border-radius:5px;color:var(--si32-ink);font-weight:760;letter-spacing:.025em;font-size:11px;
 background:var(--c-soft,#f1f5f9);vertical-align:baseline}
.day-agenda .day-item{min-height:78px!important;align-items:flex-start!important;
 padding:16px 12px!important;gap:12px!important}
.day-agenda .day-time{font-size:14px!important;font-weight:750!important;color:var(--si32-ink)!important}
.day-agenda .panel-head{font-size:15px!important}
.doc-tabs button:focus-visible,.executive-item:focus-visible{
 outline:3px solid var(--c-accent,#244b99)!important;outline-offset:3px!important}
@media(max-width:640px){
  .doc-tabs button{font-size:13px!important;padding:9px 10px!important}
  .doc-tabs button.selected{padding:8px 9px!important}
  .executive-item .executive-number{min-width:45px;min-height:45px;font-size:21px!important}
  .day-agenda .day-item{min-height:80px!important}
}