/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ModalConfiguracionDivisa.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. */
.cf-modal { font-family: 'Segoe UI', system-ui, sans-serif; }
.cf-modal *, .cf-modal *::before, .cf-modal *::after { box-sizing: border-box; }
.cf-tabs { display: flex; gap: .25rem; padding: 0 1.25rem; border-bottom: 1px solid #D7E6DE; }
.cf-tab { background: none; border: 0; border-bottom: 3px solid transparent; padding: .6rem .8rem; font-weight: 700; font-size: .85rem; color: #5C6D64; cursor: pointer; }
.cf-tab.is-active { color: #0A4F38; border-bottom-color: #0F6B4C; }
.cf-help { font-size: .8rem; margin: 0 0 .8rem; }
.cf-check { display: inline-flex; gap: .45rem; align-items: center; font-weight: 600; font-size: .85rem; color: #1F2E27; margin-bottom: .6rem; }
.cf-hora { max-width: 200px; }
.cf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .75rem; }
.cf-checks { display: flex; gap: 1.2rem; flex-wrap: wrap; }
.cf-agente { display: flex; gap: .5rem; align-items: center; border-radius: 8px; padding: .5rem .7rem; font-size: .8rem; font-weight: 600; margin-bottom: .8rem; }
.cf-agente.is-on { background: #DFF3EA; color: #0A4F38; }
.cf-agente.is-off { background: rgba(184,145,42,.12); color: #7a5d12; }
.cf-sub { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #5C6D64; margin: .6rem 0 .3rem; }
.cf-jobs td { font-size: .78rem; padding: .3rem .5rem; }
.cf-job { font-weight: 700; border-radius: 999px; padding: .05rem .45rem; font-size: .72rem; }
.cf-job-0, .cf-job-1 { background: #FFF4D6; color: #7a5d12; }
.cf-job-2 { background: #DFF3EA; color: #0A4F38; }
.cf-job-3 { background: #F8E1DB; color: #8a3a28; }
.cf-ok { color: #0F6B4C; font-weight: 600; font-size: .85rem; margin: .5rem 0 0; }
@media (max-width: 560px) { .cf-grid { grid-template-columns: 1fr; } }