/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ModalTasaTramos.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. */
.tt-modal { font-family: 'Segoe UI', system-ui, sans-serif; }
.tt-modal *, .tt-modal *::before, .tt-modal *::after { box-sizing: border-box; }
.tt-help { font-size: .8rem; margin: 0 0 .8rem; }
.tt-form { display: grid; grid-template-columns: 1.3fr .8fr 1fr 1fr .9fr .9fr auto; gap: 0 .6rem; align-items: end; background: #F2FAF6; border: 1px solid #D7E6DE; border-radius: 10px; padding: .7rem .8rem .2rem; margin-bottom: .8rem; }
.tt-form-actions { display: flex; gap: .35rem; padding-bottom: .8rem; }
.tt-table-wrap { overflow-x: auto; }
.tt-sel td { background: #DFF3EA; }
.tt-acc { white-space: nowrap; }
.tt-acc .cc-btn { margin-left: .25rem; }
.tt-ok { color: #0F6B4C; font-weight: 600; font-size: .85rem; margin: 0 0 .6rem; }
@media (max-width: 900px) { .tt-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tt-form-actions { grid-column: 1 / -1; justify-content: flex-end; } }