/* GlosaCero — Comparar con la factura electrónica (assets/js/77b-rips-fev.js), dentro de Validar RIPS. */
.fr-card { margin-top: 1rem; min-width: 0; max-width: 100%; }
#panelRipsvalidar .ru-col { min-width: 0; }
#frCuerpo, #frPanel, #rrCuerpo, #rrPanel { min-width: 0; max-width: 100%; }
.fr-drop { margin-bottom: 0; }
.fr-archivos { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.fr-archivos li { display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); font-size: 12.5px; max-width: 100%; min-width: 0; }
.fr-archivos li .mono { font-family: var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
.fr-archivos li small { color: var(--text-muted); overflow-wrap: anywhere; }
.fr-archivos li.is-error { border-color: var(--danger-border); }
.fr-resumen { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 8px; }
.fr-chip, .fr-estado, .fr-pill { display: inline-block; border-radius: 99px; padding: 2px 10px; font-size: 12px; font-weight: 600; border: 1px solid transparent; white-space: nowrap; }
.fr-chip b { margin-left: 4px; }
.fr-coincide .fr-estado, .fr-chip.fr-coincide, .fr-c-coincide .fr-pill { background: var(--success-soft); color: var(--success-soft-text); border-color: var(--success-border); }
.fr-nocomprobado .fr-estado, .fr-chip.fr-nocomprobado, .fr-c-nocomprobado .fr-pill, .fr-c-notifica .fr-pill { background: var(--warn-soft); color: var(--warn-soft-text); border-color: var(--warn-border); }
.fr-difiere .fr-estado, .fr-chip.fr-difiere, .fr-c-difiere .fr-pill { background: var(--danger-soft); color: var(--danger-soft-text); border-color: var(--danger-border); }
.fr-c-info .fr-pill { background: var(--info-soft); color: var(--info-soft-text); }
.fr-par { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); margin: 8px 0; min-width: 0; }
.fr-par summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 9px 12px; cursor: pointer; }
.fr-par summary b { font-family: var(--font-mono); color: var(--text); }
.fr-par summary small { color: var(--text-muted); flex: 1 1 100%; overflow-wrap: anywhere; }
.fr-tabla-wrap { overflow-x: auto; border-top: 1px solid var(--border-soft); }
.fr-tabla { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 12.5px; }
.fr-tabla th, .fr-tabla td { text-align: left; vertical-align: top; padding: 6px 9px; border-top: 1px solid var(--border-soft); }
.fr-tabla tr:first-child th { border-top: 0; }
.fr-tabla th { color: var(--text-muted); font-weight: 600; white-space: nowrap; }
.fr-tabla td small { display: block; color: var(--text-faint); font-size: 11.5px; overflow-wrap: anywhere; }
.fr-tabla td .mono { font-family: var(--font-mono); overflow-wrap: anywhere; }
.fr-tabla td:last-child { min-width: 240px; }
.fr-tabla td:last-child small { margin-top: 3px; }
.fr-sueltos { margin: 10px 0 0; padding-left: 18px; font-size: 12.5px; color: var(--text-muted); overflow-wrap: anywhere; }
.fr-acciones { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
.fr-nota { margin: 10px 0 0; font-size: 12px; color: var(--text-faint); }