:root { box-sizing: border-box; color-scheme: light; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
html { scroll-padding-top: env(safe-area-inset-top, 0px); }
body { font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; background: #EEF2F6; color: #14263B; margin: 0; }
.tnum { font-variant-numeric: tabular-nums; }
.kpi { background: #fff; border: 1px solid #D5DEE8; border-radius: 6px; border-top-width: 5px; transition: background-color .3s, border-color .3s; }
.sem-verde { background: #E6F4EA; border-color: #1E8E3E; }
.sem-amarelo { background: #FFF6D6; border-color: #E0A800; }
.sem-vermelho { background: #FDE7E7; border-color: #C62828; }
.sem-neutro { background: #ECEFF2; border-color: #8A97A6; }
.badge { display: inline-flex; align-items: center; gap: .4rem; border-radius: 4px; padding: .35rem .7rem; font-size: .8125rem; font-weight: 600; }
:focus-visible { outline: 3px solid #1B5FA8; outline-offset: 2px; }