/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ExcReporteSbsPage.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @ y capas D-51. */
.sb-cfg { margin: -.4rem 0 .8rem; }
.sb-tabs { display: flex; gap: .25rem; border-bottom: 1px solid #D7E6DE; margin-bottom: .8rem; flex-wrap: wrap; }
.sb-tab { background: none; border: 0; border-bottom: 3px solid transparent; padding: .55rem .8rem; font-weight: 700; font-size: .85rem; color: #5C6D64; cursor: pointer; }
.sb-tab.is-active { color: #0A4F38; border-bottom-color: #0F6B4C; }
.sb-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin-bottom: .8rem; }
.sb-kpi { background: #fff; border: 1px solid #D7E6DE; border-radius: 10px; padding: .55rem .75rem; display: flex; flex-direction: column; }
.sb-kpi span { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #5C6D64; }
.sb-kpi b { font-size: 1.3rem; color: #0A4F38; }
.sb-kpi.is-warn b { color: #b5533c; }
.sb-table td { font-size: .8rem; vertical-align: top; }
.sb-falta td { background: #FFF7EC; }
.sb-motivo { font-size: .7rem; font-weight: 800; background: #DFF3EA; color: #0A4F38; border-radius: 999px; padding: .05rem .45rem; white-space: nowrap; }
.sb-motivo.is-mult { background: rgba(184,145,42,.18); color: #7a5d12; }
.sb-badge-err { font-size: .72rem; font-weight: 700; color: #b5533c; }
@media (max-width: 700px) { .sb-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }