/* Match the operational list style without changing collection behavior. */
@media screen {
  .cxc-module {
    --cxc-ink: #101e3d;
    --cxc-muted: #647da5;
    --cxc-line: #c7d5e8;
    --cxc-surface: #ffffff;
    --cxc-soft: #f5f7fa;
    --cxc-accent: #ff690c;
    --cxc-accent-ink: #c2410c;
    --cxc-selected: #fff1e6;
    --cxc-danger: #b91c1c;
    color: var(--cxc-ink);
    font-size: 13px;
    line-height: 1.4;
  }
  :root[data-theme='dark'] .cxc-module {
    --cxc-ink: #e7efff;
    --cxc-muted: #a4b0c2;
    --cxc-line: #34445d;
    --cxc-surface: #171f2d;
    --cxc-soft: #1e293b;
    --cxc-accent: #fb923c;
    --cxc-accent-ink: #fdba74;
    --cxc-selected: #3b2c24;
    --cxc-danger: #fca5a5;
  }
  body .cxc-module, body .cxc-module * {
    font-family: 'ERP Plex UI', system-ui, 'Segoe UI', sans-serif !important;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
  }
  .cxc-module .cxc-head h1 { font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--cxc-ink); }
  .cxc-module :is(.cxc-cli strong,.cxc-debe) { font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: 0; color: var(--cxc-ink); }
  .cxc-module :is(.cxc-head p,.cxc-cli small,.cxc-ped small,.cxc-tramo small,.cxc-suave,.cxc-pie) { font-size: 12px; color: var(--cxc-muted); }
  .cxc-module :is(.cxc-total span,.cxc-tramo i,.cxc-thead) { font-size: 10px; font-weight: 600; letter-spacing: .04em; color: var(--cxc-muted); }
  .cxc-module :is(.cxc-total strong,.cxc-tramo b,.cxc-n,.cxc-pie strong) { font-style: normal; letter-spacing: 0; font-variant-numeric: tabular-nums; color: var(--cxc-ink); }
  .cxc-module .cxc-total strong { font-size: 24px; line-height: 1.2; }
  .cxc-module .cxc-tramo b { font-size: 18px; font-weight: 600; }
  .cxc-module :is(.cxc-tabla,.cxc-input,.cxc-tramo,.cxc-btn,.cxc-flecha) { background: var(--cxc-surface); border-color: var(--cxc-line); color: var(--cxc-ink); box-shadow: none; }
  .cxc-module :is(.cxc-thead,.cxc-hijo,.cxc-pie) { background: var(--cxc-soft); border-color: var(--cxc-line); }
  .cxc-module .cxc-fila { border-bottom-color: var(--cxc-line); }
  .cxc-module .cxc-fila:is(:hover,.is-abierta), .cxc-module .cxc-tramo.is-on { background: var(--cxc-selected); }
  .cxc-module .cxc-tramo.is-on { border-color: var(--cxc-accent); }
  .cxc-module .cxc-tramo.is-on i { color: var(--cxc-accent-ink); }
  .cxc-module .cxc-tramo.is-alerta b, .cxc-module .cxc-error { color: var(--cxc-danger); }
  .cxc-module .cxc-input { font-size: 13px; min-width: 0; }
  .cxc-module .cxc-input::placeholder { color: var(--cxc-muted); opacity: 1; }
  .cxc-module .cxc-btn { height: 28px; font-size: 12px; font-weight: 600; }
  .cxc-module .cxc-btn.is-fuerte { color: var(--cxc-accent-ink); border-color: var(--cxc-accent); }
  .cxc-module .cxc-btn.is-fuerte:hover { background: var(--cxc-selected); }
  .cxc-module .cxc-flecha { width: 26px; height: 28px; }
  .cxc-module .cxc-ped b, .cxc-module .cxc-link { font-size: 12px; font-weight: 600; color: var(--cxc-accent-ink); }
  .cxc-module .cxc-chip { min-width: 48px; padding: 2px 6px; text-align: center; font-size: 11px; font-weight: 700; line-height: 16px; }
  .cxc-module .cxc-chip.is-reciente { color: var(--cxc-ink); background: var(--cxc-soft); }
  .cxc-module .cxc-chip.is-medio { color: #422006; background: #fbbf24; }
  .cxc-module .cxc-chip.is-viejo { color: #ffffff; background: #b91c1c; }
  .cxc-module :is(button,input):focus-visible { outline: 2px solid var(--cxc-accent) !important; outline-offset: 2px; }
}