/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ModalMovimientoCaja.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. */
.mc-modal { max-width: 680px; font-family: 'Segoe UI', system-ui, sans-serif; }
.mc-modal *, .mc-modal *::before, .mc-modal *::after { box-sizing: border-box; }
.mc-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin-bottom: .9rem; }
.mc-toggle button { border: 1px solid #D7E6DE; background: #fff; border-radius: 8px; padding: .55rem; font-weight: 700; color: #5C6D64; cursor: pointer; }
.mc-toggle button.is-active.is-in { background: #DFF3EA; border-color: #0F6B4C; color: #0A4F38; }
.mc-toggle button.is-active.is-out { background: rgba(181,83,60,.1); border-color: #b5533c; color: #b5533c; }
.mc-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: .75rem; }
.mc-moneda { display: flex; align-items: center; gap: .5rem; }
.mc-monto { font-size: 1.2rem; font-weight: 700; text-align: right; }
.mc-sugerencias { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }
.mc-chip { border: 1px solid #D7E6DE; background: #F2FAF6; color: #0A4F38; border-radius: 999px; padding: .15rem .6rem; font-size: .75rem; font-weight: 600; cursor: pointer; }
.mc-chip:hover { border-color: #0F6B4C; }
.mc-ok { color: #0A4F38; font-weight: 600; font-size: .85rem; }
.mc-list-title { margin: 1rem 0 .4rem; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #5C6D64; }
.mc-table td { vertical-align: middle; }
.mc-anulado td { opacity: .55; text-decoration: line-through; }
.mc-anulado td small { text-decoration: none; }
.mc-anular { display: flex; gap: .3rem; align-items: center; min-width: 220px; }
@media (max-width: 560px) { .mc-grid { grid-template-columns: 1fr; } }