/* Revisión contable: documento fiscal compacto, con Brain siempre disponible.
  !important sustituye únicamente las reglas heredadas del modal en fel-app.css. */
#modalRevisar{--ri-ink:#101744;--ri-text:#2e3c68;--ri-line:#e0e6f7;--ri-soft:#f5f2ff;--ri-primary:#6945fa;font-family:Inter,"Segoe UI",sans-serif}
#modalRevisar .rev-shell{grid-template-columns:clamp(190px,calc(13.76*var(--ux-vw)),264px) minmax(0,1fr)}
#modalRevisar .rev-invoice-paper{font-family:Inter,"Segoe UI",sans-serif}
#modalRevisar .rev-invoice-paper :is(h2,h3,th,button,textarea){font-family:inherit}
#modalRevisar .rev-header{min-height:68px;padding:10px 18px}
#modalRevisar .rev-stage{grid-template-columns:minmax(0,1fr) 350px}
#modalRevisar .rev-document{padding:12px;min-height:0}
#modalRevisar .rev-invoice-paper{box-sizing:border-box;min-height:100%;padding:20px 22px 14px;border:1px solid #dce2ef;border-radius:8px;background:#fff;color:#17213d}
#modalRevisar #revCtx{padding:0!important}
#modalRevisar .eg-document-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 0 12px;border-bottom:1px solid #dce2ef}
#modalRevisar .eg-document-emitter h2,#modalRevisar .eg-document-identification h2{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:750;letter-spacing:-.035em}
#modalRevisar .eg-document-emitter p{margin:5px 0;font-size:12px;line-height:1.5}
#modalRevisar .eg-document-emitter h3{margin:12px 0 4px;font-size:12px}
#modalRevisar .eg-document-identification{padding-left:24px;border-left:1px solid #dce2ef;min-width:0}
#modalRevisar .eg-document-type{display:inline-flex;vertical-align:middle;margin-left:8px;padding:4px 14px;border:1px solid #bac5df;border-radius:9px;font-size:11px;letter-spacing:0}
#modalRevisar .eg-document-identification h2{display:inline-block}
#modalRevisar .eg-document-fields{display:grid;gap:3px;margin:0;font-size:12px;line-height:1.45}
#modalRevisar .eg-document-fields>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px}
#modalRevisar .eg-document-fields dt{color:#6b7b9e}
#modalRevisar .eg-document-fields dd{margin:0;overflow-wrap:anywhere;min-width:0}
#modalRevisar .eg-document-copy{display:inline-flex;align-items:center;gap:6px;max-width:100%}
#modalRevisar .eg-document-copy button,#modalRevisar .eg-invoice-document .copy-btn{flex-shrink:0}
#modalRevisar .eg-invoice-document .copy-value-btn{display:inline-flex;align-items:center;justify-content:center;min-width:18px;width:18px;height:18px;margin-left:4px;padding:0;border:0;background:transparent;vertical-align:middle;font-size:12px}
#modalRevisar .rev-section-title{min-height:36px;padding:10px 0 6px;border:0;border-radius:0;font-size:13px;background:transparent}
#modalRevisar .rev-invoice-table{overflow-x:auto;border:1px solid #dce2ef;border-radius:5px}
#modalRevisar #revTabla{width:100%;border:0;border-radius:0;table-layout:fixed}
#modalRevisar #revTabla thead th{height:30px!important;padding:5px 7px!important;font-size:10px!important;line-height:18px;text-transform:none;white-space:normal;background:#f4f3fa;border-bottom:1px solid #dce2ef}
#modalRevisar #revTabla tbody td{box-sizing:border-box;height:32px!important;padding:2px 7px!important;font-size:13px!important;line-height:20px;border-bottom:1px solid #e6eaf2;vertical-align:middle}
#modalRevisar #revTabla tbody tr:last-child td{border-bottom:0}
#modalRevisar #revTabla .rev-specific-tax{display:none}
#modalRevisar #revTabla.has-specific-tax .rev-specific-tax{display:table-cell}
#modalRevisar #revTabla .rev-line-detail{min-width:0;max-width:100%}
#modalRevisar #revTabla .rev-line-detail summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;cursor:pointer;list-style:none}
#modalRevisar #revTabla .rev-line-detail summary::-webkit-details-marker{display:none}
#modalRevisar #revTabla .rev-line-detail[open] summary{white-space:normal!important;font-weight:650}
#modalRevisar #revTabla .rev-line-detail>div{white-space:normal;line-height:1.5;padding:7px 0}
#modalRevisar #revTabla .rev-line-detail small{color:#6b7b9e}
#modalRevisar .revCuentaTrigger{display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:5px;min-height:26px;height:26px;padding:2px 7px;border-radius:5px;box-shadow:none;font-size:13px}
#modalRevisar .revCuentaSelectorText{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-weight:500}
#modalRevisar .revCuentaTrigger>i{font-size:12px;color:#6d5dfb}
#modalRevisar .eg-document-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,40%);align-items:start;gap:20px;margin-top:14px;font-size:12px}
#modalRevisar .eg-document-xml{min-width:0}
#modalRevisar .eg-document-xml summary{cursor:pointer;font-weight:650;padding:7px 0}
#modalRevisar .eg-document-totals{margin:0;border:1px solid #dce2ef;border-radius:5px;overflow:hidden}
#modalRevisar .eg-document-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;border-bottom:1px solid #e6eaf2}
#modalRevisar .eg-document-totals dt,#modalRevisar .eg-document-totals dd{margin:0}
#modalRevisar .eg-document-totals>div:last-child{border-bottom:0;background:#f2efff;font-size:15px;font-weight:750}
#modalRevisar .rev-invoice-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,40%);grid-template-rows:auto auto;gap:10px 24px;margin-top:14px;align-items:start}
#modalRevisar #revTotales,#modalRevisar #revTotales .eg-document-bottom{display:contents}
#modalRevisar .rev-invoice-bottom .eg-document-xml{grid-column:1;grid-row:1;font-size:12px}
#modalRevisar .rev-invoice-bottom .eg-document-totals{grid-column:2;grid-row:1/span 2;font-size:12px}
#modalRevisar .rev-invoice-bottom .rev-comment{grid-column:1;grid-row:2;margin-top:0}
#modalRevisar .rev-comment{margin-top:14px;padding:0}
#modalRevisar #revComentario{min-height:36px;height:36px;padding:8px 10px;font-size:12px;resize:none}
#modalRevisar .rev-brain{padding:14px 12px;overscroll-behavior:contain}
#modalRevisar .rev-brain-card{padding:12px}
#modalRevisar .rev-brain-selected{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #dce2ef}
#modalRevisar .rev-brain-selected strong{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:#17213d;overflow-wrap:anywhere}
#modalRevisar .rev-layer{grid-template-columns:20px minmax(90px,1fr) 60px 28px;gap:5px}
#modalRevisar #revActions{min-height:70px;padding:9px 16px!important}
#modalRevisar #revActions .btn{height:44px}
#modalRevisar #revActions .rev-confirmar{min-width:240px}
@media(max-width:760px){#modalRevisar .rev-invoice-bottom{grid-template-columns:1fr}#modalRevisar .rev-invoice-bottom .eg-document-totals{grid-column:1;grid-row:2}#modalRevisar .rev-invoice-bottom .rev-comment{grid-row:3}}
@media(max-width:1450px){#modalRevisar .rev-stage{grid-template-columns:minmax(0,1fr) 310px}#modalRevisar .rev-invoice-paper{padding:16px}#modalRevisar .eg-document-head{gap:16px}#modalRevisar .eg-document-identification{padding-left:16px}#modalRevisar .eg-document-emitter h2,#modalRevisar .eg-document-identification h2{font-size:17px}#modalRevisar .eg-document-fields{font-size:11px}#modalRevisar .eg-document-fields>div{grid-template-columns:92px minmax(0,1fr);gap:7px}#modalRevisar .rev-layer{grid-template-columns:20px minmax(80px,1fr) 45px 25px}}
@media(max-width:1200px){#modalRevisar .rev-stage{display:block;overflow:auto}#modalRevisar .rev-document-scroll{overflow:visible}#modalRevisar .rev-document{min-height:0}#modalRevisar .rev-brain{border-left:0;border-top:1px solid #dce2ef;overflow:visible}#modalRevisar #revTabla{min-width:850px}#modalRevisar .rev-actions-note{display:none}}
@media(max-width:760px){#modalRevisar .rev-shell{grid-template-columns:1fr}#modalRevisar .rev-header{padding:8px;gap:8px;flex-wrap:wrap}#modalRevisar .rev-title{font-size:19px}#modalRevisar .rev-document{padding:8px}#modalRevisar .rev-invoice-paper{padding:12px}#modalRevisar .eg-document-head{grid-template-columns:1fr;gap:14px}#modalRevisar .eg-document-identification{padding:12px 0 0;border-left:0;border-top:1px solid #dce2ef}#modalRevisar .eg-document-bottom{grid-template-columns:1fr}#modalRevisar #revActions{padding:8px!important;gap:5px}#modalRevisar #revActions .btn{min-width:0;padding:0 8px;font-size:11px}#modalRevisar #revActions .rev-confirmar{min-width:0}}

/* Auditoría de fidelidad: escala del mock 1672 × 941. Estos tokens y reglas
   pertenecen solo a la cabina, no a la navegación compartida del Libro. */
#modalRevisar .rev-shell{color:var(--ri-ink)}
#modalRevisar :is(button,textarea,kbd){font-family:inherit}
#modalRevisar .rev-header{min-height:62px;padding:9px 20px}
#modalRevisar .rev-title-block h3{font-family:inherit;font-weight:700;color:var(--ri-ink)}
#modalRevisar .rev-title-sub{font-size:12px;color:var(--ri-text)}
#modalRevisar .rev-state-pill{border-radius:7px;box-shadow:none;font-weight:600;letter-spacing:0}
#modalRevisar .rev-header .btn{font-size:13px;border-radius:5px}
#modalRevisar .rev-invoice-paper{border-color:var(--ri-line);border-radius:6px;color:var(--ri-ink)}
#modalRevisar .eg-document-head{grid-template-columns:61% minmax(0,1fr);gap:18px;padding:0 0 4px}
#modalRevisar .eg-document-emitter h2,#modalRevisar .eg-document-identification h2{font-size:23px;font-weight:700;letter-spacing:-.045em;line-height:28px;margin-bottom:8px;color:var(--ri-ink)}
#modalRevisar .eg-document-emitter p{font-size:14px;line-height:20px;margin:0;color:var(--ri-text)}
#modalRevisar .eg-document-emitter h3{display:inline;font-size:14px;line-height:20px;font-weight:500;margin:0;color:var(--ri-text)}
#modalRevisar .eg-document-emitter h3::after{content:': '}
#modalRevisar .eg-document-emitter h3+p{display:inline}
#modalRevisar .eg-document-location{display:block}
#modalRevisar .eg-document-identification{padding-left:25px;border-color:var(--ri-line)}
#modalRevisar .eg-document-identification h2{font-size:22px;letter-spacing:-.04em}
#modalRevisar .eg-document-type{border-radius:4px;font-size:13px;padding:3px 15px;margin-left:10px}
#modalRevisar .eg-document-fields{font-size:13px;line-height:19px;gap:0}
#modalRevisar .eg-document-fields>div{grid-template-columns:134px minmax(0,1fr);gap:8px}
#modalRevisar .eg-document-fields dt,#modalRevisar .eg-document-fields dd{color:var(--ri-text)}
#modalRevisar .rev-section-title{height:36px;min-height:36px;font-size:16px;font-weight:650;padding:8px 8px 6px;color:var(--ri-ink)}
#modalRevisar .rev-invoice-table{border-color:var(--ri-line)}
#modalRevisar #revTabla thead th{font-size:11px!important;letter-spacing:0;font-weight:600;color:var(--ri-ink);background:#f5f5fc}
#modalRevisar #revTabla :is(th,td){border-right:1px solid var(--ri-line)}
#modalRevisar #revTabla :is(th,td):last-child{border-right:0}
#modalRevisar #revTabla tbody td{font-size:13px!important;color:var(--ri-text);font-weight:400}
#modalRevisar #revTabla :is(th,td):nth-child(-n+3){text-align:center}
#modalRevisar .revCuentaTrigger{border-color:#d8dff2;border-radius:5px;color:var(--ri-ink);font-size:13px;background:#fff}
#modalRevisar .revCuentaTrigger>i{color:var(--ri-ink)}
#modalRevisar .rev-invoice-bottom{grid-template-columns:minmax(0,1fr) 36%;column-gap:24px}
#modalRevisar .rev-invoice-bottom .eg-document-totals{font-size:13px}
#modalRevisar .eg-document-totals>div{padding:7px 12px}
#modalRevisar .eg-document-totals>div:last-child{color:var(--ri-ink);font-size:16px}
#modalRevisar .eg-document-xml summary{font-size:13px}
#modalRevisar .rev-comment label{font-size:13px;text-transform:none;font-weight:600;letter-spacing:0;margin-bottom:5px}
#modalRevisar #revComentario{font-size:13px;border-radius:5px}
#modalRevisar .rev-brain{background:transparent;border-left:0;padding:12px 18px 12px 6px}
#modalRevisar .rev-brain-card{padding:9px 16px 6px;margin-bottom:8px;border-color:var(--ri-line);border-radius:6px}
#modalRevisar .rev-brain-card:last-child{margin-bottom:0}
#modalRevisar .rev-brain-title{font-size:14px;font-weight:650;margin:0 0 7px;padding:0 0 8px;border-bottom:1px solid var(--ri-line);letter-spacing:0;color:var(--ri-primary)}
#modalRevisar .rev-brain-selected{padding-bottom:0;margin-bottom:12px;border:0}
#modalRevisar .rev-brain-selected>.rev-brain-eyebrow{font-size:13px;color:var(--ri-ink);text-transform:none;letter-spacing:0}
#modalRevisar .rev-brain-selected strong,#modalRevisar .rev-brain-account{border:1px solid #dddffa;border-radius:5px;background:var(--ri-soft);padding:5px 11px;margin:4px 0 0;color:var(--ri-ink);font-size:14px;line-height:20px;font-weight:650}
#modalRevisar .rev-brain-account{font-size:16px}
#modalRevisar .rev-brain-eyebrow{font-size:10px;font-weight:650;letter-spacing:.035em;color:#51648a}
#modalRevisar .rev-brain-code{margin-top:3px;font-size:10px}
#modalRevisar .rev-brain-confidence{grid-template-columns:68px minmax(0,1fr);gap:10px;margin-top:8px}
#modalRevisar .rev-confidence-score{width:68px;height:68px;font-size:16px}
#modalRevisar .rev-confidence-copy strong{font-size:12px}
#modalRevisar .rev-confidence-copy span{font-size:11px;line-height:1.4;margin-top:4px}
#modalRevisar .rev-layer-list{gap:5px;margin-top:7px}
#modalRevisar .rev-layer{grid-template-columns:22px minmax(100px,1fr) 83px 31px;gap:6px;min-height:26px}
#modalRevisar .rev-layer-name{font-size:11px;line-height:1.3;font-weight:500;color:var(--ri-ink)}
#modalRevisar .rev-layer-value{font-size:11px}
#modalRevisar .rev-layer-index{font-size:11px}
#modalRevisar .rev-brain-reason{font-size:10px;line-height:1.4;margin-top:10px;padding:8px;color:#51648a}
#modalRevisar .rev-candidates{gap:0;margin-top:7px}
#modalRevisar .rev-candidate{padding:6px 7px;gap:7px;border-radius:4px;border-color:transparent;border-bottom-color:var(--ri-line)}
#modalRevisar .rev-candidate.history{border-style:solid}
#modalRevisar .rev-candidate.active{border-color:#dddffa;background:#faf9ff}
#modalRevisar .rev-candidate strong{font-size:12px;font-weight:500;line-height:16px;color:var(--ri-ink)}
#modalRevisar .rev-candidate span{display:inline;font-size:9px;margin:0}
#modalRevisar .rev-candidate small{display:inline;font-size:9px;font-weight:400;margin-left:5px;line-height:12px}
#modalRevisar .rev-candidate b{font-size:12px}
#modalRevisar .rev-brain-history{font:10px/1.4 Inter,"Segoe UI",sans-serif;color:#51648a;margin-top:7px}
#modalRevisar .rev-sidebar{background:#07182f}
#modalRevisar .rev-brand{padding:15px 17px;min-height:70px}
#modalRevisar .rev-brand strong{font-size:18px;font-weight:650}
#modalRevisar .rev-brand span{font-size:12px}
#modalRevisar .rev-period{padding:14px 17px 12px;min-height:89px}
#modalRevisar .rev-period strong{font-size:17px}
#modalRevisar .rev-period #revMes{font-size:12px}
#modalRevisar .rev-sidebar-label{font-size:10px;letter-spacing:.08em;font-weight:500;color:#b9c8e8}
#modalRevisar .rev-progress{padding:12px 17px 14px}
#modalRevisar .rev-progress-summary{grid-template-columns:38px minmax(0,1fr)}
#modalRevisar .rev-progress-activity,#modalRevisar .rev-progress-meter,#modalRevisar .rev-progress-legend{display:none}
#modalRevisar .rev-progress-summary-copy strong{font-size:14px}
#modalRevisar .rev-progress-summary-copy span{font-size:10px}
#modalRevisar .rev-progress-items{margin-top:13px;border-bottom:0}
#modalRevisar .rev-progress-item{padding:13px 10px 0}
#modalRevisar .rev-progress-item-label{font-size:10px;text-align:left}
#modalRevisar .rev-progress-processed{font-size:18px;text-align:left;margin-top:8px}
#modalRevisar .rev-progress-processed-label{font-size:11px;text-align:left}
#modalRevisar .rev-progress-meter-row{display:block;margin-top:18px}
#modalRevisar .rev-progress-pending strong{font-size:15px}
#modalRevisar .rev-progress-pending small{font-size:11px;margin-top:5px}
#modalRevisar .rev-progress-total{justify-content:flex-start;margin-top:8px;gap:4px}
#modalRevisar .rev-progress-total strong,#modalRevisar .rev-progress-total small{font-size:9px;font-weight:400;color:#aeb9d8}
#modalRevisar .rev-queue-head{padding:12px 16px 8px}
#modalRevisar .rev-queue-head b{font-size:10px;letter-spacing:.02em}
#modalRevisar .rev-queue-card{min-height:70px;padding:10px 10px 9px 32px;border-radius:8px}
#modalRevisar .rev-queue-card strong{font-size:12px;font-weight:600}
#modalRevisar .rev-queue-card b{font-size:12px;bottom:26px}
#modalRevisar .rev-queue-card:is(.confirmada,.excluida,.anulada) .rev-queue-meta>span{display:none}
#modalRevisar .rev-queue-state{font-size:10px!important;border-radius:4px;padding:3px 5px}
#modalRevisar .rev-queue-date{position:absolute;right:10px;bottom:8px;color:#b9c8e8;font-size:10px}
#modalRevisar .rev-shortcuts{padding:12px 17px 20px}
#modalRevisar .rev-shortcuts div{font-size:12px;margin-top:9px}
#modalRevisar .rev-shortcuts kbd{font-size:10px}
#modalRevisar .rev-user{min-height:90px;padding:18px}
#modalRevisar .rev-avatar{width:42px;height:42px;flex-basis:42px;font-size:15px}
#modalRevisar .rev-user strong{font-size:12px}
#modalRevisar .rev-user span{font-size:11px}
#modalRevisar #revActions{min-height:92px;flex-shrink:0;flex-wrap:wrap;padding:13px 18px!important}
#modalRevisar #revActions .btn{height:54px;font-size:13px;border-radius:5px}
#modalRevisar .rev-actions-note{font-size:12px}
#modalRevisar #revActions .rev-confirmar{min-width:280px}
#modalRevisar #revActions .rev-saltar{min-width:175px}
@media(min-width:1201px){#modalRevisar .rev-shell{grid-template-columns:clamp(210px,calc(15.25*var(--ux-vw)),293px) minmax(0,1fr)}#modalRevisar .rev-stage{grid-template-columns:minmax(0,1fr) clamp(320px,calc(20.81*var(--ux-vw)),400px)}#modalRevisar .rev-document{padding:12px 6px 12px 16px}#modalRevisar .rev-invoice-paper{padding:12px 13px 14px}#modalRevisar .eg-document-emitter{padding-left:14px}}
@media(min-width:1201px) and (max-width:1500px){#modalRevisar .eg-document-head{grid-template-columns:55% minmax(0,1fr);gap:12px}#modalRevisar .eg-document-identification{padding-left:12px}#modalRevisar .eg-document-identification h2{font-size:18px}#modalRevisar .eg-document-fields>div{grid-template-columns:105px minmax(0,1fr)}#modalRevisar #revTabla{min-width:850px}#modalRevisar .rev-actions-note{display:none}#modalRevisar .rev-layer{grid-template-columns:20px minmax(90px,1fr) 57px 28px}}
/* Tras la base definitiva: factura y Brain comparten scroll vertical cuando
   no caben lado a lado. Las columnas fiscales conservan su scroll local. */
@media(max-width:1500px){
  #modalRevisar .rev-stage{display:block;overflow:auto}
  #modalRevisar .rev-document-scroll{overflow:visible}
  #modalRevisar .rev-brain{border-left:0;border-top:1px solid var(--ri-line);overflow:visible}
  #modalRevisar #revTabla{min-width:850px}
  #modalRevisar #revActions .btn{min-width:0;flex:1 1 150px;white-space:normal;height:auto;min-height:48px;padding:10px 12px}
  #modalRevisar .rev-actions-note{display:none}
  #modalRevisar .rev-header{flex-shrink:0;flex-wrap:wrap;gap:8px}
  #modalRevisar .rev-title-block{flex-wrap:wrap;gap:8px}
}
@media(max-width:1200px){#modalRevisar .eg-document-head{grid-template-columns:1fr 1fr}#modalRevisar .rev-brain{padding:12px}#modalRevisar .rev-layer{grid-template-columns:22px minmax(100px,1fr) 83px 31px}}
@media(max-width:760px){#modalRevisar .eg-document-head{grid-template-columns:1fr}#modalRevisar .eg-document-identification{padding-left:0}#modalRevisar .rev-invoice-bottom{grid-template-columns:1fr}#modalRevisar #revActions{min-height:70px;padding:8px!important}#modalRevisar #revActions .btn{min-width:0;height:48px;font-size:11px}#modalRevisar .rev-header{min-height:62px;padding:8px}}
