/**
 * Identidad unificada — modales Ceba (piel suave, sin aplastar workspace).
 * Referencia visual: Pesaje Express + NEW MODAL Bitácora.
 * No aplica max-width agresivo a #m-carne-hub-workspace.
 */

/* ── Tokens solo en formularios Ceba compactos (no workspace) ── */
:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 {
  --carne-modal-r: 16px;
  --carne-modal-r-card: 14px;
  --carne-modal-r-input: 12px;
  --carne-modal-r-btn: 14px;
  --carne-modal-pad: 14px;
  --carne-modal-gap: 12px;
  --carne-modal-body-bg: #e8edf4;
  --carne-modal-card-bg: #ffffff;
  --carne-modal-card-border: 1px solid #cbd5e1;
  --carne-modal-btn-bg: #d8dee8;
  --carne-modal-btn-border: 1px solid #8b97a8;
  --carne-modal-btn-ink: #1e293b;
  --carne-modal-fi-bg: #f4f6f9;
  --carne-modal-fi-border: 1px solid #c5cedc;
}

/* Marco: no aplastar a 420px (deja width del shell ani-pebble ~560). Solo radio/sombra. */
:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 > .mbox.bitacora-mbox {
  border-radius: var(--carne-modal-r) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 16px 40px rgba(15, 23, 42, 0.18) !important;
}

/* Body: flex + gap; cards con margin-bottom de respaldo (no margin:0 total) */
html body :is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--carne-modal-gap) !important;
  row-gap: var(--carne-modal-gap) !important;
  padding: var(--carne-modal-pad) !important;
  background: var(--carne-modal-body-bg) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

html body :is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card {
  margin: 0 0 12px !important;
  flex: 0 0 auto !important;
  padding: 12px 14px !important;
  border-radius: var(--carne-modal-r-card) !important;
  border: var(--carne-modal-card-border) !important;
  background: var(--carne-modal-card-bg) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
/* Movilización ICA + KPI origen: gap 9px sin margin extra entre bloques */
html body #m-carne-movilizacion.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body #m-carne-kpi-origen.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body #m-plan-sanitario-carne.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body #m-carne-tratamiento.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body #m-carne-servicio.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body #m-carne-diagnostico.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body #m-carne-destete.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card {
  margin: 0 !important;
  flex: 0 0 auto !important;
  padding: 12px 14px !important;
  border-radius: var(--carne-modal-r-card) !important;
  border: var(--carne-modal-card-border) !important;
  background: var(--carne-modal-card-bg) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

html body :is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card:last-child {
  margin-bottom: 0 !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .ani-serio-v2-subl {
  margin: 0 0 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #334155 !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .ani-serio-v2-num {
  border-radius: 10px !important;
  min-width: 24px !important;
  height: 24px !important;
  background: #e8edf4 !important;
  border: 1px solid #d0d7e2 !important;
  color: #475569 !important;
  font-weight: 900 !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body .flbl {
  margin: 0 0 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #64748b !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body .fi,
:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body select.fi,
:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body textarea.fi {
  border-radius: var(--carne-modal-r-input) !important;
  min-height: 42px !important;
  border: var(--carne-modal-fi-border) !important;
  background: var(--carne-modal-fi-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body .fi:focus {
  border-color: #8b97a8 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(139, 151, 168, 0.28) !important;
  outline: none !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body .btn,
:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .modal-serio-body button.btn {
  min-height: 40px !important;
  border-radius: var(--carne-modal-r-btn) !important;
  background: var(--carne-modal-btn-bg) !important;
  background-image: none !important;
  border: var(--carne-modal-btn-border) !important;
  color: var(--carne-modal-btn-ink) !important;
  -webkit-text-fill-color: var(--carne-modal-btn-ink) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn,
:is(
  #m-carne-kpi-origen,
  #m-carne-bcs,
  #m-carne-servicio,
  #m-carne-diagnostico,
  #m-carne-destete,
  #m-carne-alertas-animales,
  #m-carne-comp,
  #m-carne-rankings,
  #m-carne-reporte,
  #m-carne-costo,
  #m-lote-carne,
  #m-lote-det,
  #m-carne-nutricion,
  #m-kpis-negocio,
  #m-mis-tareas,
  #m-carne-campana,
  #m-carne-embarque,
  #m-carne-movilizacion,
  #m-carne-marcas-hato,
  #m-carne-resumen,
  #m-carne-tratamiento,
  #m-plan-sanitario-carne,
  #m-carne-baja,
  #m-carne-det,
  #m-carne-compra
).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell button {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#m-kpis-negocio .ani-serio-v2-footer-shell .btn,
#m-mis-tareas .ani-serio-v2-footer-shell .btn,
#m-carne-embarque .ani-serio-v2-footer-shell .btn {
  flex: 1 1 0;
}

#m-carne-embarque #embarque-lista {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-height: 240px !important;
  overflow: auto !important;
}

/* ═══════════════ Modal origen KPI — piel completa ═══════════════ */
html body #m-carne-kpi-origen.modal.bitacora-serio-v2 > .mbox.bitacora-mbox {
  width: min(92vw, 440px) !important;
  max-width: min(92vw, 440px) !important;
  max-height: min(90dvh, 720px) !important;
  display: flex !important;
  flex-direction: column !important;
}

html body #m-carne-kpi-origen.modal.bitacora-serio-v2 .modal-serio-body.carne-kpi-origen-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  row-gap: 9px !important;
  padding: 14px !important;
  background: #e8edf4 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

html body #m-carne-kpi-origen.modal.bitacora-serio-v2 .modal-serio-body.carne-kpi-origen-body > .ani-serio-v2-card {
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07) !important;
  flex: 0 0 auto !important;
}

html body #m-carne-kpi-origen.modal.bitacora-serio-v2 .modal-serio-body.carne-kpi-origen-body > .ani-serio-v2-card:last-child {
  margin-bottom: 0 !important;
}

#m-carne-kpi-origen .carne-kpi-origen-hero__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

#m-carne-kpi-origen .carne-kpi-origen-valor {
  font-size: clamp(22px, 6vw, 28px);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

#m-carne-kpi-origen .carne-kpi-origen-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#m-carne-kpi-origen .carne-kpi-origen-badge--real {
  color: #14532d;
  background: #dcfce7;
  border: 1px solid #86efac;
}

#m-carne-kpi-origen .carne-kpi-origen-badge--est {
  color: #78350f;
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

#m-carne-kpi-origen .carne-kpi-origen-sub,
#m-carne-kpi-origen .carne-kpi-origen-formula {
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  color: #334155;
}

#m-carne-kpi-origen .carne-kpi-origen-formula {
  color: #475569;
}

#m-carne-kpi-origen .carne-kpi-origen-lista {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 200px;
  overflow-y: auto;
}

#m-carne-kpi-origen .carne-kpi-origen-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}

#m-carne-kpi-origen .carne-kpi-origen-row__n {
  font-size: 12px;
  font-weight: 700;
  color: #0f172a;
  min-width: 0;
}

#m-carne-kpi-origen .carne-kpi-origen-row__v {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
  color: #475569;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

#m-carne-kpi-origen .carne-kpi-origen-empty {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #64748b;
}

#m-carne-kpi-origen .carne-kpi-origen-callout {
  margin: 0 0 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  background: #f1f5f9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: #0f172a;
}

#m-carne-kpi-origen .carne-kpi-origen-cta {
  width: 100% !important;
}

#m-carne-kpi-origen #carne-kpi-origen-cta-wrap[hidden] {
  display: none !important;
}

/* ═══════════════ CEBA MODAL UNIFICADO — ref. #m-carne-movilizacion ═══════════════
   Gap 9px · cards borde #cbd5e1 14px · footer slate + botones gris-ok 36px
   Extender: añadir #m-xxx al :is(...) de abajo.
*/
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 {
  --carne-modal-gap: 9px;
  --carne-modal-r-card: 14px;
  --carne-modal-card-bg: #ffffff;
  --carne-modal-card-border: 1px solid #cbd5e1;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .modal-serio-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  row-gap: 9px !important;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .carne-mov-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .vac-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .comp-carne-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .rank-carne-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .rep-carne-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .carne-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .costo-carne-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .plan-san-serio-bloque,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .carne-trat-serio-bloque {
  margin: 0 !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto !important;
  padding: 12px 14px !important;
  border-radius: var(--carne-modal-r-card, 14px) !important;
  border: var(--carne-modal-card-border, 1px solid #cbd5e1) !important;
  background: var(--carne-modal-card-bg, #ffffff) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
/* Footer = mismo fondo slate que header/pie NEW MODAL (ref. #m-pesexp-carne) */
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell {
  background: var(--manto-newmodal-foot-bg-light, linear-gradient(168deg, #f1f5f9 0%, #e2e8f0 55%, #dbe2ea 100%)) !important;
  border: none !important;
  border-top: 1px solid var(--manto-newmodal-h-border-color-light, #94a3b8) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
  margin: 0 !important;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell__row.bit-bitacora-footer-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
}
/* Botones = gris-ok 36px / radius 12px — NUNCA background-image:none (mata el degradado) */
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.bit-bitacora-foot-cancel,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.bit-bitacora-foot-save,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell button.bit-bitacora-foot-cancel,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell button.bit-bitacora-foot-save,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.btn-gris-ok,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.btn-gris-ok.bit-bitacora-foot-save {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: var(--manto-btn-gris-ok-border, 1px solid #64748b) !important;
  background: var(--manto-btn-gris-ok-bg, linear-gradient(180deg, #cbd5e1 0%, #a8b4c4 100%)) !important;
  color: var(--manto-btn-gris-ok-color, #0f172a) !important;
  -webkit-text-fill-color: var(--manto-btn-gris-ok-color, #0f172a) !important;
  box-shadow: var(--manto-btn-gris-ok-shadow, 0 1px 3px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(71, 85, 105, 0.12)) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-shadow: none !important;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.bit-bitacora-foot-cancel:hover,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.bit-bitacora-foot-save:hover,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.btn-gris-ok:hover {
  border: var(--manto-btn-gris-ok-border-hover, 1px solid #475569) !important;
  background: var(--manto-btn-gris-ok-bg, linear-gradient(180deg, #cbd5e1 0%, #a8b4c4 100%)) !important;
  box-shadow: var(--manto-btn-gris-ok-shadow-hover, 0 2px 10px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(51, 65, 85, 0.16)) !important;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.bit-bitacora-foot-cancel:active,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .btn.bitacora-btn.bit-bitacora-foot-save:active {
  background: var(--manto-btn-gris-ok-bg-active, linear-gradient(180deg, #b8c4d4 0%, #94a3b8 100%)) !important;
  opacity: .96 !important;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .bit-bitacora-foot-cancel-ico,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .bit-bitacora-foot-save-ico {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  display: block !important;
  object-fit: contain !important;
}
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .bit-bitacora-foot-cancel-lbl,
html body :is(#m-carne-movilizacion, #m-vac, #m-carne-comp, #m-carne-rankings, #m-carne-reporte, #m-carne-bcs, #m-carne-costo, #m-carne-kpi-origen, #m-plan-sanitario-carne, #m-carne-tratamiento, #m-carne-servicio, #m-carne-diagnostico, #m-carne-destete, #m-pesaje-jornada-carne).modal.bitacora-serio-v2 .bit-bitacora-foot-save-lbl {
  display: inline !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  color: var(--manto-btn-gris-ok-color) !important;
  -webkit-text-fill-color: var(--manto-btn-gris-ok-color) !important;
}

/* BCS — Observaciones: fondo gemelo header/pie (no blanco del card unificado) */
html body #m-carne-bcs.modal.bitacora-serio-v2 .carne-serio-bloque.carne-serio-bloque--obs {
  background: var(--manto-newmodal-h-bg-light, linear-gradient(168deg, #f1f5f9 0%, #e2e8f0 55%, #dbe2ea 100%)) !important;
  border: 1px solid var(--manto-newmodal-h-border-color-light, #94a3b8) !important;
  box-shadow: none !important;
}
html body #m-carne-bcs.modal.bitacora-serio-v2 .carne-serio-bloque--obs .fg {
  margin-bottom: 0 !important;
}

/* Costo — Observaciones: fondo gemelo header/pie */
html body #m-carne-costo.modal.bitacora-serio-v2 .costo-carne-serio-bloque.costo-carne-serio-bloque--obs {
  background: var(--manto-newmodal-h-bg-light, linear-gradient(168deg, #f1f5f9 0%, #e2e8f0 55%, #dbe2ea 100%)) !important;
  border: 1px solid var(--manto-newmodal-h-border-color-light, #94a3b8) !important;
  box-shadow: none !important;
}
html body #m-carne-costo.modal.bitacora-serio-v2 .costo-carne-serio-bloque--obs .fg {
  margin-bottom: 0 !important;
}

/* Plan sanitario — Observaciones: fondo gemelo header/pie */
html body #m-plan-sanitario-carne.modal.bitacora-serio-v2 .plan-san-serio-bloque.plan-san-serio-bloque--obs {
  background: var(--manto-newmodal-h-bg-light, linear-gradient(168deg, #f1f5f9 0%, #e2e8f0 55%, #dbe2ea 100%)) !important;
  border: 1px solid var(--manto-newmodal-h-border-color-light, #94a3b8) !important;
  box-shadow: none !important;
}
html body #m-plan-sanitario-carne.modal.bitacora-serio-v2 .plan-san-serio-bloque--obs .fg {
  margin-bottom: 0 !important;
}

/* Tratamiento médico — Observaciones: fondo gemelo header/pie */
html body #m-carne-tratamiento.modal.bitacora-serio-v2 .carne-trat-serio-bloque.carne-trat-serio-bloque--obs {
  background: var(--manto-newmodal-h-bg-light, linear-gradient(168deg, #f1f5f9 0%, #e2e8f0 55%, #dbe2ea 100%)) !important;
  border: 1px solid var(--manto-newmodal-h-border-color-light, #94a3b8) !important;
  box-shadow: none !important;
}
html body #m-carne-tratamiento.modal.bitacora-serio-v2 .carne-trat-serio-bloque--obs .fg {
  margin-bottom: 0 !important;
}

/* Registrar Servicio / Diagnóstico / Destete — filas 2 col alineadas */
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 10px !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr:last-child {
  margin-bottom: 0 !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr > .fg {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr > .fg:only-child {
  flex: 0 0 calc(50% - 5px) !important;
  max-width: calc(50% - 5px) !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr > .fg[aria-hidden="true"] {
  visibility: hidden !important;
  pointer-events: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr > .fg > .flbl {
  min-height: 1.25em !important;
  line-height: 1.25 !important;
  margin-bottom: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 :is(.carne-serv-modal-body, .carne-diag-modal-body, .carne-destete-modal-body) .fr > .fg > .fi {
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  box-sizing: border-box !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 .carne-serio-bloque.carne-serio-bloque--obs {
  background: var(--manto-newmodal-h-bg-light, linear-gradient(168deg, #f1f5f9 0%, #e2e8f0 55%, #dbe2ea 100%)) !important;
  border: 1px solid var(--manto-newmodal-h-border-color-light, #94a3b8) !important;
  box-shadow: none !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 .carne-serio-bloque--obs .fg {
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
html body :is(#m-carne-servicio, #m-carne-diagnostico, #m-carne-destete).modal.bitacora-serio-v2 .carne-serio-bloque--obs textarea.fi {
  height: auto !important;
  min-height: 64px !important;
}

/* #m-carne-comp — selector .vb (mismo patrón alertas/reporte) + cards sin solape */
html body #m-carne-comp.modal.bitacora-serio-v2 .comp-carne-seg.rep-serio-seg {
  display: flex !important;
  width: 100% !important;
  gap: 6px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body #m-carne-comp.modal.bitacora-serio-v2 .comp-carne-seg .vb {
  flex: 1 1 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  background: #f3f4f6 !important;
  border: var(--manto-btn-gris-ok-border) !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 1px 2px rgba(15,23,42,.06) !important;
}
html body #m-carne-comp.modal.bitacora-serio-v2 .comp-carne-seg .vb.active {
  background: var(--manto-tbar-grad-chip-on) !important;
  color: var(--manto-tbar-txt) !important;
  -webkit-text-fill-color: var(--manto-tbar-txt) !important;
  box-shadow: var(--manto-tbar-inset-hi), var(--manto-tbar-inset-sh), var(--manto-tbar-elev-premium) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42) !important;
}
html body #m-carne-comp.modal.bitacora-serio-v2 .cc-card {
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
html body #m-carne-comp.modal.bitacora-serio-v2 .cc-card--top {
  background: #f8fafc !important;
}
html body #m-carne-comp.modal.bitacora-serio-v2 .cc-card--top .cc-rank {
  background: #334155 !important;
  color: #f8fafc !important;
}
html body #m-carne-comp.modal.bitacora-serio-v2 .cc-bar__fill--adg { background: #475569 !important; }
html body #m-carne-comp.modal.bitacora-serio-v2 .cc-bar__fill--peso { background: #64748b !important; }
html body #m-carne-comp.modal.bitacora-serio-v2 .cc-bar__fill--costo { background: #94a3b8 !important; }

/* #m-carne-rankings — filas compactas sin franja curva de color */
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-criterio {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #475569;
  font-weight: 600;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-criterio strong {
  color: #0f172a;
  font-weight: 800;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-sec__tit {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  margin: 0 0 6px;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row + .rank-carne-row {
  margin-top: 6px;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row__pos {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #e2e8f0;
  border: 1px solid #cbd5e1;
  color: #334155;
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row--top .rank-carne-row__pos {
  background: #334155;
  border-color: #1e293b;
  color: #f8fafc;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row__main {
  flex: 1 1 auto;
  min-width: 0;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row__tit {
  font-size: 13px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row__meta {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  line-height: 1.3;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-row__side {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-score {
  font-size: 13px;
  font-weight: 900;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  white-space: nowrap;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #f1f5f9;
  color: #334155;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-chip--listo {
  border-color: #94a3b8;
  background: #e2e8f0;
  color: #0f172a;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-chip--acelerar {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #475569;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-chip--revisar {
  border-color: #cbd5e1;
  background: #ffffff;
  color: #64748b;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-empty {
  margin: 0;
  padding: 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}
html body #m-carne-rankings.modal.bitacora-serio-v2 .rank-carne-empty strong {
  color: #0f172a;
}

/* #m-carne-reporte — gap 9px entre bloques (CEBA unificado) */
html body #m-carne-reporte.modal.bitacora-serio-v2 .modal-serio-body {
  gap: 9px !important;
  row-gap: 9px !important;
}
html body #m-carne-reporte.modal.bitacora-serio-v2 .modal-serio-body > .ani-serio-v2-card.rep-carne-serio-bloque,
html body #m-carne-reporte.modal.bitacora-serio-v2 .rep-carne-serio-bloque {
  margin: 0 !important;
  margin-bottom: 0 !important;
}

/* Preview retiro en Vacunación — alineado a body claro SERIO (no fondo rojo legacy) */
html body #m-vac.modal.bitacora-serio-v2 .vac-retiro-preview {
  margin: 0 !important;
  border-radius: 12px !important;
  border: 1px solid #fca5a5 !important;
  background: #fff1f2 !important;
  color: #9f1239 !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}