/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ModalCierreTurno.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. */
.ar-scroll { overflow-x: auto; max-width: 100%; }
@media (max-width: 560px) { .ar-grid { grid-template-columns: repeat(2, minmax(140px, 1fr)); } }
.ar-fisico { display: inline-flex; gap: .35rem; align-items: center; justify-content: flex-end; }
.ar-fisico .cc-btn.is-on { background: #DFF3EA; border-color: #4CA37F; }
.ar-row td { background: #F2FAF6; }
.ar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .4rem .6rem; padding: .3rem 0; }
.ar-item { display: grid; grid-template-columns: 62px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; gap: 0 .4rem; background: #fff; border: 1px solid #D7E6DE; border-radius: 8px; padding: .3rem .45rem; }
.ar-item.is-coin { border-style: dashed; }
.ar-den { font-weight: 700; color: #0A4F38; font-variant-numeric: tabular-nums; }
.ar-item .cc-input-num { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.ar-sub { grid-column: 2; font-size: .72rem; color: #5C6D64; text-align: right; font-variant-numeric: tabular-nums; }
.ar-foot { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; margin-top: .4rem; font-size: .85rem; }
.cc-diff { font-weight: 700; font-variant-numeric: tabular-nums; }
.cc-diff-ok { color: #0F6B4C; }
.cc-diff-up { color: #b8912a; }
.cc-diff-down { color: #b5533c; }