/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ModalFichaSbs.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. */
.fs-backdrop { z-index: var(--z-modal-2) /* D-51 (era 3100): sobre la operación */; }
.fs-modal { font-family: 'Segoe UI', system-ui, sans-serif; }
.fs-modal *, .fs-modal *::before, .fs-modal *::after { box-sizing: border-box; }
.fs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .75rem; }
.fs-cliente { font-weight: 700; color: #0A4F38; margin: 0 0 .5rem; }
.fs-motivo { background: rgba(184,145,42,.12); color: #7a5d12; border-radius: 8px; padding: .5rem .7rem; font-size: .8rem; font-weight: 600; margin: 0 0 .8rem; }
.fs-pep { display: flex; flex-direction: column; gap: .4rem; margin-bottom: .6rem; }
.fs-check { display: inline-flex; gap: .4rem; align-items: center; font-weight: 600; font-size: .85rem; color: #1F2E27; }
.fs-meta { font-size: .74rem; margin: 0; }
@media (max-width: 560px) { .fs-grid { grid-template-columns: 1fr; } }