:root { --pico-font-size: 95%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main.container { flex: 1; }
nav strong { font-size: 1.05rem; }
.inline { display: inline; margin: 0; }
button.chico, .chico { padding: .2rem .55rem; font-size: .8rem; }
.flash { padding: .6rem 1rem; margin-bottom: 1rem; border-radius: 6px; }
.flash.ok  { background: rgba(63,191,95,.15); border: 1px solid rgba(63,191,95,.4); }
.flash.bad { background: rgba(220,76,76,.15); border: 1px solid rgba(220,76,76,.4); }
.flash.info{ background: rgba(74,144,217,.15); border: 1px solid rgba(74,144,217,.4); }
.ok { color: #3fbf5f; } .bad { color: #dc4c4c; } .apagada { color: #8891a0; }
.grid-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; margin-bottom: 1.2rem; }
.stat { text-align: center; padding: .8rem; margin: 0; }
.stat h3 { margin: .2rem 0 0; }
.overflow-auto { overflow-x: auto; }
.login { max-width: 360px; margin: 6vh auto 0; }
.login h3 { text-align: center; }
.etiqueta { display: inline-block; padding: .05rem .45rem; margin: .1rem .15rem .1rem 0; border-radius: 4px; font-size: .78rem; background: rgba(74,144,217,.2); }
.etiqueta.ok-fondo { background: rgba(63,191,95,.25); }
.etiqueta.apagada { background: rgba(136,145,160,.15); }
.pie { display: flex; align-items: center; justify-content: center; gap: .55rem; padding: 1rem 0 1.2rem; margin-top: 2rem; border-top: 1px solid rgba(255,255,255,.06); color: #8891a0; font-size: .85rem; }
.pie-logo { flex-shrink: 0; }
.pie-texto strong { color: #c9d1d9; }
.editar summary { cursor: pointer; }
code { font-size: .85em; }