/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ExcReportesPage.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. */
.cr-head-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
.cr-filters { align-items: flex-end; flex-wrap: wrap; }
.cr-presets { display: flex; gap: .3rem; flex-wrap: wrap; align-self: flex-end; }
.cr-preset { border: 1px solid #D7E6DE; background: #fff; color: #0A4F38; border-radius: 999px; padding: .3rem .75rem; font-size: .78rem; font-weight: 700; cursor: pointer; height: 34px; }
.cr-preset:hover { background: #DFF3EA; border-color: #0F6B4C; }
.cr-tabs { display: flex; gap: .2rem; flex-wrap: wrap; margin: .5rem 0 1rem; border-bottom: 1px solid #D7E6DE; }
.cr-tab { border: none; background: transparent; padding: .55rem .8rem; font-weight: 700; font-size: .82rem; color: #5C6D64; cursor: pointer; border-bottom: 3px solid transparent; white-space: nowrap; }
.cr-tab.is-active { color: #0A4F38; border-bottom-color: #0F6B4C; }
.cr-tab:hover { color: #0A4F38; }
.cr-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .6rem; margin-bottom: 1rem; }
.cr-kpi { background: #fff; border: 1px solid #D7E6DE; border-left: 4px solid #0F6B4C; border-radius: 10px; padding: .6rem .8rem; }
.cr-kpi.is-buy { border-left-color: #16a34a; }
.cr-kpi.is-sell { border-left-color: #b5533c; }
.cr-kpi.is-muted { border-left-color: #94A3A0; }
.cr-kpi small { display: block; font-size: .7rem; font-weight: 700; color: #5C6D64; text-transform: uppercase; letter-spacing: .03em; }
.cr-kpi b { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.cr-card { overflow: hidden; }
.cr-card-head { display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; padding: .75rem 1rem; border-bottom: 1px solid #D7E6DE; background: #F2FAF6; }
.cr-card-head b { display: block; color: #0A4F38; }
.cr-card-head small { color: #5C6D64; font-size: .74rem; }
.cr-card-tools { display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; }
.cr-search { width: 240px; max-width: 100%; }
.cr-check { display: inline-flex; gap: .35rem; align-items: center; font-size: .8rem; font-weight: 600; color: #5C6D64; }
.cr-table th, .cr-table td { white-space: nowrap; }
.cr-table tr.cr-alerta td { background: rgba(181,83,60,.08); }
.cr-table tr.cr-sobrante td { background: rgba(184,145,42,.1); }
.cr-table tr.cr-anulado td { opacity: .55; }
.cr-total td { font-weight: 800; background: #DFF3EA; border-top: 2px solid #0F6B4C; }
.cr-nota { padding: .6rem 1rem .9rem; margin: 0; font-size: .76rem; }