/* PROCESOS · Conciliaciones y Cierres. Densidad y tokens compartidos con CORE. */
.procesos-conciliaciones {
  --procesos-exito: #74dba7;
  --procesos-pendiente: #FF5C33;
  --procesos-advertencia: #f1c782;
  --procesos-error: #f5a5a5;
  --procesos-columnas: minmax(170px, 1.7fr) minmax(95px, .85fr) minmax(80px, .65fr) minmax(110px, 1fr) minmax(140px, 1.2fr) minmax(85px, .8fr) minmax(112px, 1fr);
  min-width: 0;
  margin: 0 auto;
  padding: 14px 20px 28px;
  color: var(--ui-text, var(--ink));
  font-family: Roboto, Arial, sans-serif;
}
html[data-theme="light"] .procesos-conciliaciones {
  --procesos-exito: #17623d;
  --procesos-pendiente: #a63a1f;
  --procesos-advertencia: #79501a;
  --procesos-error: #a62828;
}
.procesos-conciliaciones *, .procesos-conciliaciones *::before, .procesos-conciliaciones *::after { box-sizing: border-box; }
.procesos-conciliaciones [hidden] { display: none !important; }
.procesos-conciliaciones-barra {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  margin-bottom: 13px; padding: 12px 14px;
  border: 1px solid var(--ui-border); border-radius: 13px;
  background: var(--ui-surface-raised); box-shadow: var(--shadow-soft);
}
.procesos-conciliaciones-dominio { color: var(--ui-muted-strong); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.procesos-conciliaciones-selectores { display: flex; align-items: center; gap: 9px; }
.procesos-conciliaciones-selectores label { display: inline-flex; align-items: center; gap: 7px; color: var(--ui-muted-strong); font-size: 10.5px; }
.procesos-conciliaciones-selectores select {
  height: 34px; min-width: 86px; padding: 0 24px 0 9px;
  border: 1px solid var(--ui-border-strong); border-radius: 8px;
  color: var(--ui-text); background: var(--ui-input-bg, var(--ui-surface-secondary));
  font: inherit; font-size: 11.5px;
}
.procesos-conciliaciones-filtros { display: flex; gap: 3px; padding: 3px; border: 1px solid var(--ui-border); border-radius: 9px; background: var(--ui-surface-secondary); }
.procesos-conciliaciones-filtros button, .procesos-conciliaciones-boton { min-height: 32px; padding: 6px 10px; border: 1px solid transparent; border-radius: 7px; font: inherit; font-size: 11px; line-height: 1.35; font-weight: 700; cursor: pointer; }
.procesos-conciliaciones-filtros button { background: transparent; color: var(--ui-muted-strong); }
.procesos-conciliaciones-filtros button[aria-pressed="true"] { color: var(--ui-text); border-color: var(--core-orange-border); background: var(--ui-surface-raised); box-shadow: var(--shadow-soft); }
.procesos-conciliaciones-total { margin: 0 0 0 auto; color: var(--ui-muted-strong); font-size: 11px; }
.procesos-conciliaciones-listado { overflow-x: auto; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--ui-surface-raised); }
.procesos-conciliaciones-fila { display: grid; grid-template-columns: var(--procesos-columnas); align-items: center; }
.procesos-conciliaciones-encabezados { background: var(--ui-table-head, var(--ui-surface-secondary)); }
.procesos-conciliaciones-encabezados [role="columnheader"] { padding: 11px 10px; color: var(--ui-muted-strong); font-size: 9px; font-weight: 800; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; }
.procesos-conciliaciones-tarjeta { min-width: 0; border-top: 1px solid var(--ui-border); }
.procesos-conciliaciones-tarjeta > .procesos-conciliaciones-fila:hover { background: var(--ui-surface-hover); }
.procesos-conciliaciones-celda { min-width: 0; padding: 10px; font-size: 11.5px; line-height: 1.45; overflow-wrap: anywhere; }
.procesos-conciliaciones-celda strong { font-weight: 700; }
.procesos-conciliaciones-celda small { display: block; margin-top: 3px; color: var(--ui-muted-strong); font-size: 10px; }
.procesos-conciliaciones-sede strong { font-size: 12px; }
.procesos-conciliaciones-estado { display: inline-block; padding: 4px 6px; border: 1px solid currentColor; border-radius: 6px; font-size: 10px; line-height: 1.3; font-weight: 700; }
.procesos-conciliaciones-exito { color: var(--procesos-exito); }
.procesos-conciliaciones-pendiente { color: var(--procesos-pendiente); }
.procesos-conciliaciones-advertencia { color: var(--procesos-advertencia); }
.procesos-conciliaciones-error { color: var(--procesos-error); }
.procesos-conciliaciones-neutro, .procesos-conciliaciones-pasivo { color: var(--ui-muted-strong); }
.procesos-conciliaciones-boton { border-color: var(--ui-border-strong); background: var(--ui-surface-secondary); color: var(--ui-text); }
.procesos-conciliaciones-boton-enlace { padding-inline: 0; border-color: transparent; background: transparent; color: var(--ui-muted-strong); text-align: left; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--ui-border-strong); }
.procesos-conciliaciones-boton:not(:disabled):hover, .procesos-conciliaciones-filtros button:hover { border-color: var(--core-orange, #FF5C33); background: var(--ui-surface-hover); }
.procesos-conciliaciones-boton-enlace:not(:disabled):hover { border-color: transparent; color: var(--ui-text); text-decoration-color: var(--core-orange, #FF5C33); }
.procesos-conciliaciones-boton-principal { color: #fff; background: var(--core-orange, #FF5C33); border-color: var(--core-orange, #FF5C33); }
.procesos-conciliaciones-boton-principal:not(:disabled):hover { color: #fff; background: var(--core-orange-hover, #FF6E4A); }
.procesos-conciliaciones button:disabled { opacity: .48; cursor: not-allowed; }
.procesos-conciliaciones button:focus-visible, .procesos-conciliaciones select:focus-visible, .procesos-conciliaciones [tabindex="-1"]:focus { outline: 2px solid var(--core-orange, #FF5C33); outline-offset: 3px; }
.procesos-conciliaciones-acciones, .procesos-conciliaciones-botones { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.procesos-conciliaciones-botones { margin-top: 12px; gap: 8px; }
.procesos-conciliaciones-ayuda { margin: 6px 0 0; color: var(--ui-muted-strong); font-size: 10.5px; line-height: 1.5; }
.procesos-conciliaciones-expansion { padding: 0 14px 12px; border-top: 1px solid var(--ui-border); background: var(--ui-surface-secondary); }
.procesos-conciliaciones-detalle { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.4fr); gap: 20px; padding-top: 14px; }
.procesos-conciliaciones-detalle > :only-child { grid-column: 1 / -1; }
.procesos-conciliaciones-overlay {
  position: fixed; inset: 0; z-index: 10020;
  background: rgba(7, 11, 13, .56); backdrop-filter: blur(2px);
}
.procesos-conciliaciones-panel-lateral {
  position: fixed; inset: 0 0 0 auto; z-index: 10021;
  display: flex; flex-direction: column; width: min(560px, 96vw); max-width: 100%;
  overflow: hidden; color: var(--ui-text); background: var(--ui-surface-raised);
  border-left: 1px solid var(--ui-border); box-shadow: -18px 0 45px rgba(0, 0, 0, .28);
}
.procesos-conciliaciones-panel-cabecera {
  display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between;
  gap: 18px; padding: 22px 24px; border-bottom: 1px solid var(--ui-border);
}
.procesos-conciliaciones-panel-cabecera > div { min-width: 0; }
.procesos-conciliaciones-panel-cabecera h2, .procesos-conciliaciones-panel-cabecera h3 {
  margin: 0 0 6px; color: var(--ui-text); font-size: 20px; line-height: 1.3; font-weight: 800;
}
.procesos-conciliaciones-panel-cabecera p { margin: 0; color: var(--ui-muted-strong); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.procesos-conciliaciones-panel-cerrar {
  display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0; border: 1px solid var(--ui-border-strong); border-radius: 11px;
  color: var(--ui-text); background: var(--ui-surface-secondary); font: inherit; font-size: 22px; line-height: 1; cursor: pointer;
}
.procesos-conciliaciones-panel-cerrar:hover { border-color: var(--core-orange, #FF5C33); background: var(--ui-surface-hover); }
.procesos-conciliaciones-panel-lateral .procesos-conciliaciones-detalle {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  grid-template-columns: minmax(0, 1fr); align-content: start; gap: 24px; padding: 24px;
}
.procesos-conciliaciones-panel-lateral .procesos-conciliaciones-evidencia,
.procesos-conciliaciones-panel-lateral .procesos-conciliaciones-trazabilidad dl { grid-template-columns: minmax(0, 1fr); }
.procesos-conciliaciones-diagnostico h3, .procesos-conciliaciones-trazabilidad h3, .procesos-conciliaciones-confirmacion h3 { margin: 0 0 7px; font-size: 12px; line-height: 1.4; }
.procesos-conciliaciones-diagnostico p, .procesos-conciliaciones-confirmacion p { margin: 6px 0 0; color: var(--ui-muted-strong); font-size: 11.5px; line-height: 1.6; }
.procesos-conciliaciones-evidencia, .procesos-conciliaciones-trazabilidad dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0 0; }
.procesos-conciliaciones-dato { min-width: 0; }
.procesos-conciliaciones-dato dt { margin-bottom: 4px; color: var(--ui-muted-strong); font-size: 10px; line-height: 1.4; }
.procesos-conciliaciones-dato dd { margin: 0; color: var(--ui-text); font-size: 11px; line-height: 1.5; font-weight: 700; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.procesos-conciliaciones-id dd { font-family: ui-monospace, Consolas, monospace; font-size: 10px; font-weight: 400; }
.procesos-conciliaciones-aviso { margin: 10px 0; padding: 10px 12px; border: 1px solid currentColor; border-radius: 9px; background: var(--ui-surface-secondary); font-size: 11.5px; line-height: 1.6; }
.procesos-conciliaciones-confirmacion { margin-top: 12px; padding: 14px; border: 1px solid var(--core-orange-border); border-radius: 10px; color: var(--ui-text); background: var(--ui-surface-raised); }
.procesos-conciliaciones-confirmacion .procesos-conciliaciones-confirmacion-ambito { color: var(--ui-text); font-weight: 700; }
.procesos-conciliaciones-reintento { margin-bottom: 12px; }
.procesos-conciliaciones-vacio { padding: 25px 15px; text-align: center; }
.procesos-conciliaciones-vacio p, .procesos-conciliaciones-limite { margin: 12px 0 0; color: var(--ui-muted-strong); font-size: 11.5px; line-height: 1.6; }
.procesos-conciliaciones-cargando { display: flex; gap: 8px; align-items: center; margin: 0 0 12px; color: var(--ui-muted-strong); font-size: 11px; }
.procesos-conciliaciones-cargando span { width: 7px; height: 7px; border-radius: 50%; background: var(--core-orange, #FF5C33); }
.procesos-conciliaciones-esqueleto { min-height: 65px; margin-top: 8px; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--ui-surface-raised); }
@media (max-width: 1200px) {
  .procesos-conciliaciones { --procesos-columnas: minmax(145px, 1.7fr) minmax(78px, .85fr) minmax(70px, .65fr) minmax(90px, 1fr) minmax(115px, 1.2fr) minmax(73px, .8fr) minmax(95px, 1fr); padding-inline: 12px; }
  .procesos-conciliaciones-celda, .procesos-conciliaciones-encabezados [role="columnheader"] { padding-inline: 8px; }
}
@media (max-width: 950px) {
  .procesos-conciliaciones-encabezados { display: none; }
  .procesos-conciliaciones-fila { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
  .procesos-conciliaciones-celda::before { display: block; content: attr(data-etiqueta); margin-bottom: 5px; color: var(--ui-muted-strong); font-size: 9px; font-weight: 700; text-transform: uppercase; }
  .procesos-conciliaciones-sede, .procesos-conciliaciones-acciones { grid-column: span 2; }
  .procesos-conciliaciones-acciones { align-items: end; }
  .procesos-conciliaciones-acciones::before { flex-basis: 100%; }
  .procesos-conciliaciones-detalle { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .procesos-conciliaciones { padding: 12px 10px 24px; }
  .procesos-conciliaciones-barra { gap: 10px; padding: 10px; }
  .procesos-conciliaciones-selectores { flex: 1 1 auto; }
  .procesos-conciliaciones-selectores label { flex-direction: column; align-items: flex-start; gap: 3px; }
  .procesos-conciliaciones-filtros { flex: 1 1 100%; }
  .procesos-conciliaciones-filtros button { flex: 1 1 auto; }
  .procesos-conciliaciones button, .procesos-conciliaciones-selectores select { min-height: 44px; }
  .procesos-conciliaciones-fila { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .procesos-conciliaciones-sede, .procesos-conciliaciones-acciones { grid-column: 1 / -1; }
  .procesos-conciliaciones-acciones > button, .procesos-conciliaciones-botones > button { flex: 1 1 145px; }
  .procesos-conciliaciones-trazabilidad dl { grid-template-columns: minmax(0, 1fr); }
  .procesos-conciliaciones-panel-lateral { width: 100%; }
  .procesos-conciliaciones-panel-cabecera { padding: 18px 16px; }
  .procesos-conciliaciones-panel-lateral .procesos-conciliaciones-detalle { padding: 20px 16px; }
}
.procesos-conciliaciones-diagnostico-bloque { margin-top: 18px; }
.procesos-conciliaciones-diagnostico-bloque h4 { margin: 0 0 8px; font-size: 11px; line-height: 1.4; }
.procesos-conciliaciones-diagnostico-bloque ul { margin: 0; padding-left: 18px; color: var(--ui-muted-strong); font-size: 11px; line-height: 1.55; }
.procesos-conciliaciones-diagnostico-bloque code,
.procesos-conciliaciones-incidencia code { font-family: ui-monospace, Consolas, monospace; font-size: 10px; color: var(--ui-text); }
.procesos-conciliaciones-incidencias { display: grid; gap: 8px; }
.procesos-conciliaciones-incidencia { padding: 10px 12px; border: 1px solid currentColor; border-radius: 9px; background: var(--ui-surface-secondary); }
.procesos-conciliaciones-incidencia p { margin: 0; font-size: 11px; line-height: 1.5; }
.procesos-conciliaciones-incidencia p + p { margin-top: 4px; color: var(--ui-muted-strong); }