body { background: #f5f6f8; font-size: .95rem; }
.login-box { max-width: 380px; margin: 8vh auto; padding: 0 1rem; }
.card.stat { border-left-width: 4px; }
#tabla th { white-space: nowrap; font-weight: 600; font-size: .85rem; }
#tabla td { font-size: .9rem; }
.ex-ok      { background: #e8f5e9; color: #1b5e20; }
.ex-bajo    { background: #fff3cd; color: #7a5b00; font-weight: 600; }
.ex-agotado { background: #f8d7da; color: #842029; font-weight: 600; }
.ex-revisar { background: #d3d3d3; color: #212529; font-weight: 600; }
.form-label { font-weight: 500; }
.badge-estado { font-size: .75rem; }
.table-xs td, .table-xs th { padding: .25rem .4rem; font-size: .85rem; }
.text-otra { font-size: .78rem; color: #6c757d; }
.required::after { content: " *"; color: #dc3545; }
@media (max-width: 575px) { .navbar .d-flex { flex-wrap: wrap; row-gap: .5rem; padding-top: .5rem; } }