/* ============================================================================
   COMISIONES-FLUJO.CSS — capa de las pantallas del flujo de expediente
   (Expedientes · Liquidación · Gobierno) + formulario de reporte. Lenguaje Atlas;
   reutiliza .dtable-card / .cm-simple / .cm-btn / .cm-modal__* del módulo base.
   ============================================================================ */

/* ── Pestañas (cápsula pill Atlas) ──
   Navegación migrada al SUB-SIDEBAR contextual (subSidebar del módulo en _registro.js +
   registerModuloSubnav/renderSubSidebar de core.js, 22/06/2026). La barra .cm-tabs queda oculta
   para evitar doble navegación; los nodos siguen en DOM (#cmTabExpBadge, paneles) → sin tocar JS. */
#page-comisiones .cm-tabs{ display:none; }
#page-comisiones .cm-tabs--legacy{ display:flex; gap:9px; flex-wrap:wrap; margin:2px 0 var(--s-5); padding-bottom:var(--s-4); border-bottom:1px solid var(--border); }
#page-comisiones .cm-tab{ border:var(--tab-border); background:var(--tab-bg); color:var(--text-2); font-family:var(--font-sans);
  font-size:13.5px; font-weight:600; letter-spacing:.01em; padding:10px 20px; border-radius:var(--tab-radius);
  cursor:pointer; transition:color .15s, box-shadow .15s; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
#page-comisiones .cm-tab:hover{ background:var(--tab-bg-hover); color:var(--text); }
#page-comisiones .cm-tab.is-active{ color:var(--tab-active-fg); background:var(--tab-active-bg); border-color:var(--tab-active-border);
  box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent); }
#page-comisiones .cm-tab__badge{ font-family:var(--font-num); font-size:11px; font-weight:600; padding:1px 7px; border-radius:var(--radius-pill);
  background:var(--surface-2); color:var(--text-2); }
#page-comisiones .cm-tab.is-active .cm-tab__badge{ background:rgba(255,255,255,.22); color:var(--accent-on); }
#page-comisiones .cm-tab__badge--alert{ background:var(--neg-bg); color:var(--neg); }
#page-comisiones .cm-tab.is-active .cm-tab__badge--alert{ background:rgba(255,255,255,.24); color:var(--accent-on); }

#page-comisiones .cm-panel{ display:none; }
#page-comisiones .cm-panel.is-active{ display:block; }
#page-comisiones .cm-act-grp{ display:flex; gap:9px; flex-wrap:wrap; }
#page-comisiones .cm-act-grp[hidden]{ display:none; }

/* ── Badge de estado genérico ── */
#page-comisiones .est{ display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:.02em;
  padding:3px 10px; border-radius:var(--radius-pill); white-space:nowrap; }
#page-comisiones .est__dot{ width:7px; height:7px; border-radius:50%; flex:none; }
#page-comisiones .est--pos{ color:var(--pos); background:var(--pos-bg); }            #page-comisiones .est--pos .est__dot{ background:var(--pos); }
#page-comisiones .est--neg{ color:var(--neg); background:var(--neg-bg); }            #page-comisiones .est--neg .est__dot{ background:var(--neg); }
#page-comisiones .est--warn{ color:var(--warn); background:var(--warn-bg); }          #page-comisiones .est--warn .est__dot{ background:var(--warn); }
#page-comisiones .est--accent{ color:var(--accent-strong); background:var(--accent-weak); } #page-comisiones .est--accent .est__dot{ background:var(--accent); }
#page-comisiones .est--info{ color:var(--text-2); background:var(--surface-2); border:1px solid var(--border); } #page-comisiones .est--info .est__dot{ background:var(--text-3); }
#page-comisiones .est--done{ color:#fff; background:var(--accent-strong); }           #page-comisiones .est--done .est__dot{ background:#fff; }
#page-comisiones .est--mute{ color:var(--text-3); background:var(--surface-2); }      #page-comisiones .est--mute .est__dot{ background:var(--text-3); }

/* ── Acción por fila (compacta) ── */
#page-comisiones .cm-rowact{ font-family:var(--font-sans); font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap;
  padding:5px 11px; border-radius:var(--radius-sm); border:1px solid var(--border); background:var(--surface); color:var(--text-2);
  transition:all .14s; }
#page-comisiones .cm-rowact:hover{ background:var(--surface-2); color:var(--text); border-color:var(--border-strong); }
#page-comisiones .cm-rowact--primary{ color:var(--accent-strong); background:var(--accent-weak); border-color:color-mix(in srgb, var(--accent) 20%, transparent); }
#page-comisiones .cm-rowact--primary:hover{ background:var(--accent); color:#fff; border-color:var(--accent); }
#page-comisiones .cm-rowact--warn{ color:var(--warn); background:var(--warn-bg); border-color:color-mix(in srgb, var(--warn) 26%, transparent); }
#page-comisiones .cm-rowact--warn:hover{ background:var(--warn); color:#fff; border-color:var(--warn); }
#page-comisiones .cm-rowact--danger{ color:var(--neg); }
#page-comisiones .cm-rowact--danger:hover{ background:var(--neg-bg); color:var(--neg); border-color:color-mix(in srgb, var(--neg) 32%, transparent); }
#page-comisiones .cm-rowact--ghost{ color:var(--text-3); }
#page-comisiones .cm-act3{ display:inline-flex; gap:6px; justify-content:flex-end; }

/* ── Detalle del expediente (modal) ── */
#page-comisiones .cm-det-ident{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
#page-comisiones .cm-det-ident__c{ background:var(--surface); padding:10px 13px; }
#page-comisiones .cm-det-ident__k{ display:block; font-size:9px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--text-3); }
#page-comisiones .cm-det-ident__v{ display:block; font-size:13px; font-weight:600; color:var(--text); margin-top:2px; }
#page-comisiones .cm-det-table{ border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; margin-top:14px; }
#page-comisiones .cm-det-head, #page-comisiones .cm-det-row{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; }
#page-comisiones .cm-det-head{ background:var(--thead-bg); border-bottom:1px solid var(--border-strong); }
#page-comisiones .cm-det-head > div{ font-size:9.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-3); padding:10px 13px; text-align:right; }
#page-comisiones .cm-det-head > div:first-child{ text-align:left; }
#page-comisiones .cm-det-row{ border-bottom:1px solid var(--row-border); }
#page-comisiones .cm-det-row:last-child{ border-bottom:0; }
#page-comisiones .cm-det-row__c{ padding:12px 13px; font-size:13px; font-weight:600; color:var(--text); display:flex; align-items:center; gap:8px; }
#page-comisiones .cm-det-row__v{ padding:12px 13px; text-align:right; font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:13.5px; color:var(--text); }
#page-comisiones .cm-det-row__v.is-diff{ color:var(--neg); font-weight:600; }
#page-comisiones .cm-det-row__v--fin{ font-weight:700; color:var(--accent-strong); background:var(--surface-2); }
#page-comisiones .cm-det-na{ color:var(--text-3); font-family:var(--font-sans); font-style:italic; font-size:12px; }
#page-comisiones .cm-chips{ display:flex; flex-wrap:wrap; gap:7px; }
#page-comisiones .cm-chip-soft{ display:inline-flex; align-items:center; font-size:12px; font-weight:600; color:var(--text-2); background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-pill); padding:5px 12px; }

/* ════════════════════════════════════════════════════════════════════════
   DISEÑO DEL PLAN (tab Plan)
   ════════════════════════════════════════════════════════════════════════ */
#page-comisiones .cm-plan-bar{ display:flex; align-items:center; gap:var(--s-4); flex-wrap:wrap; background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow-card); padding:var(--s-3) var(--s-4); margin-bottom:var(--s-5); }
#page-comisiones .cm-marca-seg{ display:inline-flex; gap:var(--emp-gap); padding:var(--emp-pad); background:var(--emp-track); border:var(--emp-track-border); border-radius:var(--emp-radius); }
#page-comisiones .cm-marca-btn{ border:0; background:transparent; color:var(--text-2); font-family:var(--font-sans); font-size:13px; font-weight:700; letter-spacing:.02em; padding:7px 16px; border-radius:var(--emp-btn-radius); cursor:pointer; transition:color .15s; }
#page-comisiones .cm-marca-btn:hover{ color:var(--text); }
#page-comisiones .cm-marca-btn.is-active{ background:var(--emp-active-bg); color:var(--accent-strong); box-shadow:var(--emp-active-shadow); }
#page-comisiones .cm-plan-bar__info{ display:inline-flex; align-items:center; gap:10px; }
#page-comisiones .cm-plan-bar__ver{ font-size:13.5px; font-weight:700; color:var(--text); }

#page-comisiones .cm-plan-resumen{ display:grid; grid-template-columns:1.4fr 1fr; gap:var(--kpi-gap); margin-bottom:var(--s-5); }
@media (max-width:900px) { #page-comisiones .cm-plan-resumen{ grid-template-columns:1fr; } }
#page-comisiones .cm-plan-resumen__desc{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-sm); padding:14px 16px; font-size:13.5px; color:var(--text-2); line-height:1.6; }
#page-comisiones .cm-plan-resumen__desc b{ color:var(--text); }
#page-comisiones .cm-plan-resumen__bar{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:14px 16px; display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start; }
#page-comisiones .cm-plan-resumen__bar .cm-ff__lbl{ width:100%; margin-bottom:2px; }

/* ── Tarjetas UNIFORMES + popup de parametrización (rediseño 11/06/2026).
   Dimensiones de tarjeta en tokens LOCALES del módulo (ajuste en un sitio). ── */
#page-comisiones{ --cm-ucard-w:240px; --cm-ucard-h:130px; }
#page-comisiones .cm-plan-cards{ display:grid; grid-template-columns:repeat(auto-fill,var(--cm-ucard-w)); justify-content:start; gap:var(--kpi-gap); margin-bottom:var(--s-5); }
#page-comisiones .cm-plan-cards .cm-plan-add{ width:var(--cm-ucard-w); height:var(--cm-ucard-h); min-height:0; }
#page-comisiones .cm-ucard{ width:var(--cm-ucard-w); height:var(--cm-ucard-h); background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow-card); padding:12px 14px; display:flex; flex-direction:column; gap:7px;
  overflow:hidden; cursor:pointer; transition:border-color .15s, box-shadow .15s; }
#page-comisiones .cm-ucard:hover{ border-color:color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow:var(--shadow-modal); }
#page-comisiones .cm-ucard.is-off{ opacity:.62; border-style:dashed; }
#page-comisiones .cm-ucard__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
#page-comisiones .cm-ucard__name{ font-size:13.5px; font-weight:700; color:var(--text); line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#page-comisiones .cm-ucard__meta{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
#page-comisiones .cm-ucard__sum{ font-size:11.5px; color:var(--text-2); line-height:1.5; overflow:hidden; }
#page-comisiones .cm-ucard__sum b{ color:var(--text-3); font-weight:600; }
#page-comisiones .cm-marca-btn__badge{ display:inline-block; margin-left:7px; font-size:10px; font-weight:700; color:var(--accent-strong); background:var(--accent-weak); border-radius:var(--radius-pill); padding:2px 8px; vertical-align:1px; }
/* popup #cm-comp-modal (mismo patrón que los demás modales del módulo) */
#page-comisiones #cm-comp-modal{ position:fixed; inset:0; z-index:120; visibility:hidden; }
#page-comisiones #cm-comp-modal.is-open{ visibility:visible; }
#page-comisiones #cm-comp-modal .cm-modal__scrim{ position:absolute; inset:0; background:rgba(10,18,15,.5); opacity:0; transition:opacity .2s; }
#page-comisiones #cm-comp-modal.is-open .cm-modal__scrim{ opacity:1; }
#page-comisiones #cm-comp-modal .cm-modal__panel{ position:absolute; top:50%; left:50%; transform:translate(-50%,-46%); width:600px; max-width:94vw; max-height:88vh;
  background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-modal); display:flex; flex-direction:column;
  opacity:0; transition:opacity .2s, transform .2s var(--ease); }
#page-comisiones #cm-comp-modal.is-open .cm-modal__panel{ opacity:1; transform:translate(-50%,-50%); }
#page-comisiones #cm-comp-modal .cm-modal__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:var(--s-4) var(--s-5); border-bottom:1px solid var(--border); }
#page-comisiones #cm-comp-modal .cm-modal__eyebrow{ font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); margin-bottom:4px; }
#page-comisiones #cm-comp-modal .cm-modal__title{ font-size:18px; font-weight:700; color:var(--text); display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#page-comisiones #cm-comp-modal .cm-modal__close{ border:1px solid var(--border); background:var(--surface); color:var(--text-2); width:32px; height:32px; border-radius:var(--radius-sm); font-size:14px; cursor:pointer; flex:none; transition:all .15s; }
#page-comisiones #cm-comp-modal .cm-modal__close:hover{ background:var(--surface-2); color:var(--text); }
#page-comisiones #cm-comp-modal .cm-modal__body{ padding:var(--s-5); overflow-y:auto; display:flex; flex-direction:column; gap:var(--s-4); }
#page-comisiones #cm-comp-modal .cm-modal__foot{ display:flex; align-items:center; gap:10px; padding:var(--s-4) var(--s-5); border-top:1px solid var(--border); background:var(--surface-2); flex-wrap:wrap; }
#page-comisiones .cm-pop-sec{ display:flex; flex-direction:column; gap:8px; }
#page-comisiones .cm-pop-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; color:var(--text); }
#page-comisiones .cm-pop-row__hint{ font-size:11.5px; color:var(--text-3); }
#page-comisiones .cm-pop-barrera{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-sm); padding:12px 14px; }
/* ── B4: editor de Barreras de entrada (chips) + ámbito + secciones por bloque ── */
#page-comisiones .cm-bar-chip{ display:inline-flex; align-items:center; font-family:var(--font-sans); font-size:12px; font-weight:600; color:var(--accent-strong); background:var(--accent-weak); border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border)); border-radius:var(--radius-pill); padding:5px 12px; cursor:pointer; transition:border-color .14s; }
#page-comisiones .cm-bar-chip:hover{ border-color:var(--accent); }
#page-comisiones .cm-bar-chip.is-off{ opacity:.55; text-decoration:line-through; }
#page-comisiones .cm-bar-chip--add{ color:var(--text-2); background:var(--surface); border-style:dashed; }
#page-comisiones .cm-bar-amb{ display:flex; flex-wrap:wrap; gap:6px 16px; }
#page-comisiones .cm-bar-amb--comps{ border-top:1px dashed var(--border); padding-top:8px; }
#page-comisiones .cm-bar-amb__it{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--text-2); cursor:pointer; }
#page-comisiones .cm-plan-sec__sub{ font-weight:500; color:var(--text-3); text-transform:none; letter-spacing:0; }
#page-comisiones .cm-comp-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-card); padding:16px; display:flex; flex-direction:column; gap:10px; }
#page-comisiones .cm-comp-card.is-off{ opacity:.6; }
#page-comisiones .cm-comp-card__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
#page-comisiones .cm-comp-card__name{ font-size:14px; font-weight:700; color:var(--text); }
#page-comisiones .cm-comp-card__meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#page-comisiones .cm-comp-tipo{ font-size:11px; font-weight:600; color:var(--accent-strong); background:var(--accent-weak); border-radius:var(--radius-pill); padding:3px 10px; white-space:nowrap; }
#page-comisiones .cm-comp-base{ font-size:11.5px; color:var(--text-3); }
#page-comisiones .cm-comp-base .mono{ font-family:var(--font-num); color:var(--text-2); }
#page-comisiones .cm-comp-card__params{ display:flex; flex-wrap:wrap; gap:6px 12px; }
#page-comisiones .cm-param{ font-size:11.5px; color:var(--text-2); }
#page-comisiones .cm-param b{ color:var(--text-3); font-weight:600; }
#page-comisiones .cm-comp-valor{ font-size:13px; color:var(--text-2); padding-top:4px; border-top:1px dashed var(--border); }
#page-comisiones .cm-comp-valor b{ color:var(--text); font-family:var(--font-num); }
#page-comisiones .cm-comp-valor--none{ color:var(--text-3); font-style:italic; }
#page-comisiones .cm-comp-unit{ color:var(--text-3); font-family:var(--font-num); margin-left:4px; }
#page-comisiones .cm-comp-sw{ width:38px; height:22px; border-radius:999px; background:var(--surface-3); position:relative; cursor:pointer; flex:none; transition:background .18s; }
#page-comisiones .cm-comp-sw.is-on{ background:var(--accent); }
#page-comisiones .cm-comp-sw::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:transform .18s var(--ease); }
#page-comisiones .cm-comp-sw.is-on::after{ transform:translateX(16px); }

/* tramos dentro de la tarjeta */
#page-comisiones .cm-tramos{ border-top:1px dashed var(--border); padding-top:8px; }
#page-comisiones .cm-tramo-row{ display:grid; grid-template-columns:1fr 1.3fr auto; gap:8px; align-items:center; padding:5px 0; font-size:12.5px; }
#page-comisiones .cm-tramo-row--h{ color:var(--text-3); font-size:9.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; border-bottom:1px solid var(--row-border); padding-bottom:6px; margin-bottom:2px; }
#page-comisiones .cm-tramo-dim{ color:var(--text-2); }
#page-comisiones .cm-tramo-rango{ font-family:var(--font-num); color:var(--text); }
#page-comisiones .cm-tramo-val{ text-align:right; font-family:var(--font-num); }
#page-comisiones .cm-tramo-val b{ color:var(--accent-strong); }
#page-comisiones .cm-tramo-ctx{ font-family:var(--font-sans); color:var(--text-2); background:var(--surface-2); border:1px solid var(--border); border-radius:5px; padding:1px 8px; font-size:11px; }
#page-comisiones .cm-tramo-in{ width:56px; display:inline-block; padding:4px 6px; }
#page-comisiones .cm-plan-add{ font-family:var(--font-sans); font-size:12.5px; font-weight:600; color:var(--accent-strong); background:var(--surface); border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--border)); border-radius:var(--radius); cursor:pointer; padding:14px; transition:background .14s; display:grid; place-items:center; min-height:60px; }
#page-comisiones .cm-plan-add:hover{ background:var(--accent-weak); }
#page-comisiones .cm-plan-add--sm{ min-height:0; padding:7px; margin-top:8px; width:100%; }
#page-comisiones .cm-plan-foot-note{ font-size:11.5px; color:var(--text-3); line-height:1.5; }
#page-comisiones .cm-plan-foot-note .mono{ font-family:var(--font-num); }
#page-comisiones .cm-plan-empty{ font-size:13px; color:var(--text-3); padding:18px; border:1px dashed var(--border); border-radius:var(--radius); }

/* catálogo de componentes activables */
#page-comisiones .cm-cat-note{ display:flex; align-items:flex-start; gap:10px; font-size:12.5px; color:var(--text-2); line-height:1.55; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-sm); padding:11px 14px; margin-bottom:12px; }
#page-comisiones .cm-cat-note__ico{ flex:none; color:var(--accent-strong); font-size:15px; font-weight:700; line-height:1.2; }
#page-comisiones .cm-cat-note b{ color:var(--text); }
#page-comisiones .cm-cat-cards{ grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
#page-comisiones .cm-cat-card{ background:var(--surface); border:1px dashed var(--border-strong); border-radius:var(--radius); padding:14px; display:flex; flex-direction:column; gap:8px; }
#page-comisiones .cm-cat-card__h{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#page-comisiones .cm-cat-card__regla{ font-size:12px; color:var(--text-2); line-height:1.5; }
#page-comisiones .cm-cat-card__act{ align-self:flex-start; margin-top:2px; }

/* ── Analítica (barras CSS + composición) ── */
#page-comisiones .cm-an-filtros{ display:flex; align-items:flex-end; gap:var(--s-4); flex-wrap:wrap; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-card); padding:var(--s-4) var(--s-5); margin-bottom:var(--s-5); }
#page-comisiones .cm-an-filtros__hint{ font-size:11.5px; color:var(--text-3); line-height:1.5; flex:1; min-width:200px; text-align:right; padding-bottom:2px; }
#page-comisiones .cm-an-kpis{ margin-bottom:var(--s-5); }
#page-comisiones .cm-an-bars{ padding:var(--s-4) var(--s-5); display:flex; flex-direction:column; gap:13px; }
#page-comisiones .cm-an-bar{ display:grid; grid-template-columns:130px 1fr 92px; gap:12px; align-items:center; }
#page-comisiones .cm-an-bar__label{ font-size:12.5px; font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#page-comisiones .cm-an-bar__track{ height:14px; border-radius:999px; background:var(--surface-3); overflow:hidden; }
#page-comisiones .cm-an-bar__fill{ display:block; height:100%; border-radius:999px; background:var(--accent); transition:width .5s var(--ease); }
#page-comisiones .cm-an-bar__fill.is-warn{ background:var(--warn); }
#page-comisiones .cm-an-bar__val{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:12.5px; font-weight:600; text-align:right; color:var(--text); }
#page-comisiones .cm-an-comp{ padding:var(--s-4) var(--s-5); display:flex; flex-direction:column; gap:11px; }
#page-comisiones .cm-an-comp-row{ display:grid; grid-template-columns:130px 1fr 92px; gap:12px; align-items:center; }
#page-comisiones .cm-an-stack{ display:flex; height:18px; border-radius:6px; overflow:hidden; background:var(--surface-3); }
#page-comisiones .cm-an-seg{ display:block; height:100%; }
#page-comisiones .cm-an-legend{ display:flex; flex-wrap:wrap; gap:14px; padding-top:6px; margin-top:2px; border-top:1px dashed var(--border); }
#page-comisiones .cm-an-leg{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px; color:var(--text-2); }
#page-comisiones .cm-an-leg__dot{ width:10px; height:10px; border-radius:3px; }

/* ── Impresión / PDF de liquidación ── */
#page-comisiones #cm-print{ display:none; }
#page-comisiones .cm-prt{ font-family:var(--font-sans); color:#16201d; }
#page-comisiones .cm-prt__head{ display:flex; justify-content:space-between; align-items:flex-start; border-bottom:2px solid #0f9b6c; padding-bottom:14px; margin-bottom:20px; }
#page-comisiones .cm-prt__brand{ font-size:18px; font-weight:800; letter-spacing:.02em; }
#page-comisiones .cm-prt__brand span{ color:#0f9b6c; }
#page-comisiones .cm-prt__doc{ font-size:11px; color:#586663; text-align:right; line-height:1.6; }
#page-comisiones .cm-prt__title{ font-size:22px; font-weight:700; margin-bottom:4px; }
#page-comisiones .cm-prt__sub{ font-size:13px; color:#586663; margin-bottom:18px; }
#page-comisiones .cm-prt__meta{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
#page-comisiones .cm-prt__c{ border:1px solid #e7eceb; border-radius:8px; padding:10px 12px; }
#page-comisiones .cm-prt__k{ font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#94a39f; }
#page-comisiones .cm-prt__v{ font-size:14px; font-weight:600; margin-top:3px; }
#page-comisiones .cm-prt table{ width:100%; border-collapse:collapse; font-size:12.5px; margin-bottom:20px; }
#page-comisiones .cm-prt th{ text-align:left; font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#94a39f; border-bottom:1px solid #d2dbd9; padding:9px 10px; }
#page-comisiones .cm-prt th.r, #page-comisiones .cm-prt td.r{ text-align:right; font-variant-numeric:tabular-nums; }
#page-comisiones .cm-prt td{ padding:9px 10px; border-bottom:1px solid #f0f3f2; }
#page-comisiones .cm-prt tfoot td{ font-weight:700; border-top:2px solid #d2dbd9; border-bottom:0; font-size:14px; }
#page-comisiones .cm-prt__total{ color:#0a7a54; }
#page-comisiones .cm-prt__foot{ font-size:10.5px; color:#94a39f; border-top:1px solid #e7eceb; padding-top:12px; margin-top:8px; line-height:1.5; }
#page-comisiones .cm-prt__stamp{ display:inline-block; border:1.5px solid #0f9b6c; color:#0a7a54; font-weight:700; font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:5px 12px; border-radius:6px; }

@media print {
  #page-comisiones body > *:not(#cm-print){ display:none !important; }
  #page-comisiones #cm-print{ display:block !important; position:static; padding:8mm; }
  @page { margin:12mm; }
}

/* ── Resumen de estados (chips contadores) ── */
#page-comisiones .cm-estbar{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
#page-comisiones .cm-estchip{ display:inline-flex; align-items:center; gap:7px; font-size:12px; color:var(--text-2);
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-pill); padding:5px 12px; }
#page-comisiones .cm-estchip b{ font-family:var(--font-num); color:var(--text); }
#page-comisiones .cm-estchip__dot{ width:8px; height:8px; border-radius:50%; }

/* tipos de venta / matrícula nula reutilizan .tipo-badge y .exp-mat del módulo base */

/* ── Tabla de expedientes (reutiliza .cm-simple; columnas a la derecha numéricas) ── */
#page-comisiones .cm-exptable .b-name{ font-family:var(--font-num); font-weight:700; }
#page-comisiones .cm-exptable td .exp-mat{ vertical-align:middle; }

/* ════════════════════════════════════════════════════════════════════════
   FORMULARIO DE REPORTE (modal ancho) — campos DERIVADOS del plan vigente
   ════════════════════════════════════════════════════════════════════════ */
#page-comisiones #cm-form-modal, #page-comisiones #cm-verif-modal, #page-comisiones #cm-baremo-modal{ position:fixed; inset:0; z-index:120; visibility:hidden; }
#page-comisiones #cm-form-modal.is-open, #page-comisiones #cm-verif-modal.is-open, #page-comisiones #cm-baremo-modal.is-open{ visibility:visible; }
#page-comisiones #cm-form-modal .cm-modal__scrim, #page-comisiones #cm-verif-modal .cm-modal__scrim, #page-comisiones #cm-baremo-modal .cm-modal__scrim{ position:absolute; inset:0; background:rgba(10,18,15,.5); opacity:0; transition:opacity .2s; }
#page-comisiones #cm-form-modal.is-open .cm-modal__scrim, #page-comisiones #cm-verif-modal.is-open .cm-modal__scrim, #page-comisiones #cm-baremo-modal.is-open .cm-modal__scrim{ opacity:1; }
#page-comisiones #cm-form-modal .cm-modal__panel, #page-comisiones #cm-verif-modal .cm-modal__panel, #page-comisiones #cm-baremo-modal .cm-modal__panel{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-46%); width:720px; max-width:94vw; max-height:90vh;
  background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-modal); display:flex; flex-direction:column;
  opacity:0; transition:opacity .2s, transform .2s var(--ease); }
#page-comisiones #cm-form-modal.is-open .cm-modal__panel, #page-comisiones #cm-verif-modal.is-open .cm-modal__panel, #page-comisiones #cm-baremo-modal.is-open .cm-modal__panel{ opacity:1; transform:translate(-50%,-50%); }
#page-comisiones #cm-form-modal .cm-modal__head, #page-comisiones #cm-verif-modal .cm-modal__head, #page-comisiones #cm-baremo-modal .cm-modal__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:var(--s-4) var(--s-5); border-bottom:1px solid var(--border); }
#page-comisiones #cm-form-modal .cm-modal__eyebrow, #page-comisiones #cm-verif-modal .cm-modal__eyebrow, #page-comisiones #cm-baremo-modal .cm-modal__eyebrow{ font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); margin-bottom:4px; }
#page-comisiones #cm-form-modal .cm-modal__title, #page-comisiones #cm-verif-modal .cm-modal__title, #page-comisiones #cm-baremo-modal .cm-modal__title{ font-size:18px; font-weight:700; color:var(--text); display:flex; align-items:center; gap:10px; }
#page-comisiones #cm-form-modal .cm-modal__close, #page-comisiones #cm-verif-modal .cm-modal__close, #page-comisiones #cm-baremo-modal .cm-modal__close{ border:1px solid var(--border); background:var(--surface); color:var(--text-2); width:32px; height:32px; border-radius:var(--radius-sm); font-size:14px; cursor:pointer; flex:none; transition:all .15s; }
#page-comisiones #cm-form-modal .cm-modal__close:hover, #page-comisiones #cm-verif-modal .cm-modal__close:hover, #page-comisiones #cm-baremo-modal .cm-modal__close:hover{ background:var(--surface-2); color:var(--text); }
#page-comisiones #cm-form-modal .cm-modal__body, #page-comisiones #cm-verif-modal .cm-modal__body, #page-comisiones #cm-baremo-modal .cm-modal__body{ padding:var(--s-5); overflow-y:auto; }
#page-comisiones #cm-form-modal .cm-modal__foot, #page-comisiones #cm-verif-modal .cm-modal__foot, #page-comisiones #cm-baremo-modal .cm-modal__foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:var(--s-4) var(--s-5); border-top:1px solid var(--border); background:var(--surface-2); flex-wrap:wrap; }
#page-comisiones .cm-foot__hint{ font-size:11.5px; color:var(--text-3); }

/* precarga por matrícula */
#page-comisiones .cm-precarga{ display:flex; flex-direction:column; gap:var(--s-3); margin-bottom:var(--s-4); }
#page-comisiones .cm-precarga__row{ display:flex; gap:9px; align-items:flex-end; flex-wrap:wrap; }
#page-comisiones .cm-precarga__field{ flex:1; min-width:200px; }
#page-comisiones .cm-prebox{ border:1px solid var(--border); border-radius:var(--radius-sm); padding:13px 15px; background:var(--surface-2); display:none; }
#page-comisiones .cm-prebox.is-on{ display:block; }
#page-comisiones .cm-prebox.is-err{ background:var(--neg-bg); border-color:color-mix(in srgb, var(--neg) 28%, transparent); }
#page-comisiones .cm-prebox.is-warn{ background:var(--warn-bg); border-color:color-mix(in srgb, var(--warn) 28%, transparent); }
#page-comisiones .cm-prebox__t{ font-size:13px; font-weight:700; color:var(--text); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#page-comisiones .cm-prebox__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:9px 18px; margin-top:10px; }
#page-comisiones .cm-prebox__c{ display:flex; flex-direction:column; gap:1px; }
#page-comisiones .cm-prebox__k{ font-size:9.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-3); }
#page-comisiones .cm-prebox__v{ font-size:12.5px; color:var(--text); font-family:var(--font-num); }
#page-comisiones .cm-prebox__v.txt{ font-family:var(--font-sans); }
#page-comisiones .cm-prebox__err{ font-size:13px; color:var(--neg); font-weight:600; }
#page-comisiones .cm-prebox__err.warn{ color:var(--warn); }

/* campos del formulario */
#page-comisiones .cm-form__sec{ font-size:9.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--text-3); margin:var(--s-4) 0 9px; }
#page-comisiones .cm-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-4); }
#page-comisiones .cm-ff{ display:flex; flex-direction:column; gap:5px; }
#page-comisiones .cm-ff--full{ grid-column:1 / -1; }
#page-comisiones .cm-ff__lbl{ font-size:9.5px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--text-3); display:flex; align-items:center; gap:7px; }
#page-comisiones .cm-ff__from{ font-family:var(--font-num); font-size:8.5px; font-weight:500; color:var(--accent-strong); background:var(--accent-weak); border-radius:4px; padding:1px 5px; letter-spacing:.02em; text-transform:none; }
#page-comisiones .cm-input, #page-comisiones .cm-selectf{
  font-family:var(--font-sans); font-size:13.5px; color:var(--text); background:var(--surface);
  border:1px solid var(--border); border-radius:var(--radius-sm); padding:9px 12px; width:100%; transition:border-color .15s, box-shadow .15s; }
#page-comisiones .cm-input::placeholder{ color:var(--text-3); }
#page-comisiones .cm-input:focus, #page-comisiones .cm-selectf:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-weak); }
#page-comisiones .cm-input.is-num{ font-family:var(--font-num); text-align:right; }
#page-comisiones .cm-selectf{ appearance:none; -webkit-appearance:none; background:var(--surface) var(--select-arrow) no-repeat right 11px center; padding-right:30px; cursor:pointer; }
#page-comisiones .cm-inwrap{ position:relative; }
#page-comisiones .cm-inwrap__suf{ position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:12px; color:var(--text-3); font-family:var(--font-num); pointer-events:none; }
#page-comisiones .cm-inwrap .cm-input{ padding-right:30px; }

/* toggles de flags (bev/financia/ppi/lds/seguro) */
#page-comisiones .cm-flags{ display:flex; flex-direction:column; gap:2px; }
#page-comisiones .cm-flag{ display:flex; align-items:center; gap:11px; padding:11px 13px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); cursor:pointer; transition:border-color .15s, background .15s; }
#page-comisiones .cm-flag:hover{ border-color:var(--border-strong); }
#page-comisiones .cm-flag.is-on{ border-color:color-mix(in srgb, var(--accent) 40%, transparent); background:var(--accent-weak); }
#page-comisiones .cm-flag__sw{ flex:none; width:38px; height:22px; border-radius:999px; background:var(--surface-3); position:relative; transition:background .18s; }
#page-comisiones .cm-flag.is-on .cm-flag__sw{ background:var(--accent); }
#page-comisiones .cm-flag__sw::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:transform .18s var(--ease); }
#page-comisiones .cm-flag.is-on .cm-flag__sw::after{ transform:translateX(16px); }
#page-comisiones .cm-flag__main{ display:flex; flex-direction:column; gap:1px; }
#page-comisiones .cm-flag__t{ font-size:13px; font-weight:600; color:var(--text); display:inline-flex; align-items:center; gap:7px; }
#page-comisiones .cm-flag__s{ font-size:11.5px; color:var(--text-2); }
#page-comisiones .cm-subfield{ margin:6px 0 4px 49px; max-width:220px; }
#page-comisiones .cm-subfield.is-hidden{ display:none; }

#page-comisiones .cm-derived-note{ display:flex; align-items:flex-start; gap:9px; font-size:12px; color:var(--text-2); line-height:1.5;
  background:var(--accent-weak); border-radius:var(--radius-sm); padding:11px 14px; margin-bottom:var(--s-4); }
#page-comisiones .cm-derived-note__ico{ flex:none; color:var(--accent-strong); font-weight:700; }
#page-comisiones .cm-derived-note b{ color:var(--accent-strong); }

/* ════════════════════════════════════════════════════════════════════════
   VERIFICACIÓN / RESOLUCIÓN — capas rep / dms / final
   ════════════════════════════════════════════════════════════════════════ */
#page-comisiones .cm-verif__lead{ font-size:13px; color:var(--text-2); line-height:1.55; margin-bottom:var(--s-4); }
#page-comisiones .cm-verif__lead b{ color:var(--text); }
#page-comisiones .cm-diff{ border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
#page-comisiones .cm-diff__head, #page-comisiones .cm-diff__row{ display:grid; grid-template-columns:1.2fr .9fr .9fr 1.6fr; gap:0; align-items:center; }
#page-comisiones .cm-diff__head{ background:var(--thead-bg); border-bottom:1px solid var(--border-strong); }
#page-comisiones .cm-diff__head > div{ font-size:9.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-3); padding:10px 13px; }
#page-comisiones .cm-diff__row{ border-bottom:1px solid var(--row-border); }
#page-comisiones .cm-diff__row:last-child{ border-bottom:0; }
#page-comisiones .cm-diff__campo{ padding:13px; font-size:13px; font-weight:600; color:var(--text); }
#page-comisiones .cm-diff__val{ padding:13px; font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:13.5px; }
#page-comisiones .cm-diff__val--rep{ color:var(--text); }
#page-comisiones .cm-diff__val--dms{ color:var(--text); position:relative; }
#page-comisiones .cm-diff__val.is-diff{ color:var(--neg); font-weight:600; }
#page-comisiones .cm-diff__res{ padding:10px 13px; }
#page-comisiones .cm-segchoice{ display:flex; gap:3px; padding:3px; background:var(--emp-track); border:var(--emp-track-border); border-radius:12px; }
#page-comisiones .cm-segchoice__b{ flex:1; border:0; background:transparent; color:var(--text-2); font-family:var(--font-sans); font-size:11px; font-weight:600; padding:6px 6px; border-radius:9px; cursor:pointer; transition:all .14s; white-space:nowrap; }
#page-comisiones .cm-segchoice__b:hover{ color:var(--text); }
#page-comisiones .cm-segchoice__b.is-on{ background:var(--surface); color:var(--accent-strong); box-shadow:var(--emp-active-shadow); }
#page-comisiones .cm-diff__manual{ margin-top:7px; display:none; }
#page-comisiones .cm-diff__manual.is-on{ display:block; }
#page-comisiones .cm-diff__final{ margin-top:8px; padding:9px 13px; background:var(--surface-2); border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; font-size:12.5px; }
#page-comisiones .cm-diff__final b{ font-family:var(--font-num); color:var(--accent-strong); }
#page-comisiones .cm-verif__motivo{ margin-top:var(--s-4); }
#page-comisiones .cm-textarea{ width:100%; font-family:var(--font-sans); font-size:13.5px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:10px 13px; resize:vertical; min-height:72px; }
#page-comisiones .cm-textarea:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-weak); }

/* ════════════════════════════════════════════════════════════════════════
   LIQUIDACIÓN
   ════════════════════════════════════════════════════════════════════════ */
#page-comisiones .cm-liq-grid{ display:grid; grid-template-columns:minmax(280px,330px) 1fr; gap:var(--kpi-gap); margin-bottom:var(--s-5); align-items:stretch; }
@media (max-width:1080px) { #page-comisiones .cm-liq-grid{ grid-template-columns:1fr; } }
#page-comisiones .cm-liq-side{ display:flex; flex-direction:column; gap:var(--kpi-gap); }
#page-comisiones .cm-guard{ display:flex; align-items:flex-start; gap:11px; border-radius:var(--radius-sm); padding:13px 15px; font-size:13px; line-height:1.5; }
#page-comisiones .cm-guard--block{ background:var(--warn-bg); color:var(--warn); }
#page-comisiones .cm-guard--ok{ background:var(--accent-weak); color:var(--accent-strong); }
#page-comisiones .cm-guard__ico{ flex:none; font-weight:700; }
#page-comisiones .cm-guard b{ font-weight:700; }
#page-comisiones .cm-liq-steps{ display:flex; flex-direction:column; gap:0; }
#page-comisiones .cm-step{ display:flex; gap:12px; padding:13px 0; border-bottom:1px solid var(--row-border); }
#page-comisiones .cm-step:last-child{ border-bottom:0; }
#page-comisiones .cm-step__num{ flex:none; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-family:var(--font-num); font-size:12px; font-weight:600; background:var(--surface-2); color:var(--text-3); border:1px solid var(--border); }
#page-comisiones .cm-step.is-done .cm-step__num{ background:var(--pos-bg); color:var(--pos); border-color:transparent; }
#page-comisiones .cm-step.is-active .cm-step__num{ background:var(--accent); color:#fff; border-color:transparent; }
#page-comisiones .cm-step__t{ font-size:13px; font-weight:600; color:var(--text); }
#page-comisiones .cm-step__s{ font-size:11.5px; color:var(--text-2); margin-top:2px; }

/* ════════════════════════════════════════════════════════════════════════
   GOBIERNO
   ════════════════════════════════════════════════════════════════════════ */
#page-comisiones .cm-gob-roles{ display:flex; gap:9px; align-items:center; font-size:12px; color:var(--text-3); flex-wrap:wrap; }
#page-comisiones .cm-gob-roles .est{ font-size:10px; }
#page-comisiones .cm-log{ display:flex; flex-direction:column; }
#page-comisiones .cm-log__item{ display:flex; gap:13px; padding:13px var(--cell-px); border-bottom:1px solid var(--row-border); }
#page-comisiones .cm-log__item:last-child{ border-bottom:0; }
#page-comisiones .cm-log__rail{ flex:none; display:flex; flex-direction:column; align-items:center; }
#page-comisiones .cm-log__dot{ width:10px; height:10px; border-radius:50%; background:var(--accent); margin-top:4px; }
#page-comisiones .cm-log__dot--crea{ background:var(--accent); } #page-comisiones .cm-log__dot--propone{ background:var(--warn); }
#page-comisiones .cm-log__dot--valida{ background:var(--pos); } #page-comisiones .cm-log__dot--rechaza{ background:var(--neg); }
#page-comisiones .cm-log__dot--seed_inicial{ background:var(--text-3); } #page-comisiones .cm-log__dot--cierra{ background:var(--text-3); }
#page-comisiones .cm-log__line{ flex:1; width:2px; background:var(--border); margin-top:4px; }
#page-comisiones .cm-log__item:last-child .cm-log__line{ display:none; }
#page-comisiones .cm-log__body{ flex:1; padding-bottom:2px; }
#page-comisiones .cm-log__top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#page-comisiones .cm-log__accion{ font-size:12.5px; font-weight:600; color:var(--text); text-transform:capitalize; }
#page-comisiones .cm-log__ent{ font-family:var(--font-num); font-size:10px; color:var(--text-3); background:var(--surface-2); border:1px solid var(--border); border-radius:5px; padding:1px 6px; }
#page-comisiones .cm-log__fecha{ font-family:var(--font-num); font-size:11px; color:var(--text-3); margin-left:auto; }
#page-comisiones .cm-log__det{ font-size:12.5px; color:var(--text-2); margin-top:4px; line-height:1.5; }
#page-comisiones .cm-log__autor{ font-size:11px; color:var(--text-3); margin-top:3px; }
#page-comisiones .cm-log__autor b{ color:var(--text-2); font-weight:600; }

/* tabla gobierno: acciones alineadas a la derecha */
#page-comisiones .cm-gobtable td.act{ text-align:right; white-space:nowrap; }
#page-comisiones .cm-gobtable td.act .cm-rowact{ margin-left:6px; }
#page-comisiones .cm-gobtable .mono{ font-family:var(--font-num); }

/* ── Rediseño Gobierno (11/06/2026): botones-desplegable con scroll interno ── */
#page-comisiones .cm-gobtop{ display:flex; gap:10px; align-items:center; margin-bottom:var(--s-4); flex-wrap:wrap; }
#page-comisiones .cm-gobtop .cm-gob-roles{ margin-left:auto; }
#page-comisiones .cm-gobdrop{ position:relative; }
#page-comisiones .cm-gobdrop__chev{ font-size:10px; opacity:.7; margin-left:4px; transition:transform .15s; display:inline-block; }
#page-comisiones .cm-gobdrop.is-open .cm-gobdrop__chev{ transform:rotate(180deg); }
#page-comisiones .cm-gobdrop.is-open > .cm-btn{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-weak); }
#page-comisiones .cm-gobdrop__panel{ display:none; position:absolute; top:calc(100% + 6px); left:0; z-index:60;
  width:min(760px, 92vw); max-height:420px; overflow-y:auto; background:var(--surface);
  border:1px solid var(--border); border-radius:10px; box-shadow:0 14px 36px rgba(10,18,15,.22); padding:8px 10px; }
#page-comisiones .cm-gobdrop.is-open .cm-gobdrop__panel{ display:block; }
#page-comisiones .cm-gobdrop__head{ font-size:11px; color:var(--text-3); padding:4px 2px 8px; border-bottom:1px solid var(--border); margin-bottom:6px; }
#page-comisiones .cm-gobdrop__marca{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text-2); padding:8px 2px 3px; }
#page-comisiones .cm-repform{ padding:13px var(--cell-px); border-bottom:1px solid var(--border); background:var(--surface-2); }

@media (max-width:720px) {
  #page-comisiones .cm-form-grid{ grid-template-columns:1fr; }
  #page-comisiones .cm-diff__head{ display:none; }
  #page-comisiones .cm-diff__row{ grid-template-columns:1fr 1fr; }
  #page-comisiones .cm-diff__campo{ grid-column:1 / -1; padding-bottom:0; }
  #page-comisiones .cm-diff__res{ grid-column:1 / -1; }
}

/* ── Eliminar tramo en el popup de componente (11/06/2026) ── */
#page-comisiones .cm-tramo-del{ border:1px solid var(--border); background:var(--surface); color:var(--text-3);
  border-radius:6px; width:22px; height:22px; line-height:1; font-size:11px; cursor:pointer; margin-left:6px;
  transition:color .13s, border-color .13s; }
#page-comisiones .cm-tramo-del:hover{ color:var(--neg, #c0392b); border-color:var(--neg, #c0392b); }