/**
 * MEJORA VISUAL — Dashboard Lactia PRO
 * Reglas: .cursor/rules/mejora-visual.mdc
 * Implementación CSS v18 (2026-07-08) · cache idv18list
 * Clase activadora: #pg-dash.dash-identidad-v2
 */

html body #pg-dash.dash-serio-v1.dash-identidad-v2 {
  --dash-id-gap: 9px;
  --dash-id-gap-inner: 8px;
  --dash-id-pad: 12px;
  --dash-id-pad-inner: 10px;
  --dash-id-radius: 14px;
  --dash-id-canvas: #adb8c8;
  --dash-id-card: #ffffff;
  --dash-id-inner-canvas: #e2e8f0;
  --dash-id-accent: #1e293b;
  --dash-id-tile-accent: #475569;
  --dash-id-line: #cbd5e1;
  --dash-id-line-strong: #64748b;
  --dash-id-shadow:
    0 1px 3px rgba(15, 23, 42, 0.08),
    0 4px 12px rgba(15, 23, 42, 0.1);
  --dash-id-tile-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 2px 8px rgba(15, 23, 42, 0.09);
}

/* ══ Canvas — gris definido; tarjetas blancas flotan encima ══ */
html body #pg-dash.dash-serio-v1.dash-identidad-v2,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 {
  background: var(--dash-id-canvas) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 16px !important;
}

/* Wrappers intermedios — SIN fondo blando (causa principal del bug visual) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section > .section-body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .section-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel :is(
  .dash-hub-app-section,
  .dash-repro-ia-wrap,
  .dash-alertas-ia-wrap,
  .dash-repro-canvas
) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .section-body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .section-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ══ Tabs — tarjeta blanca sobre canvas ══ */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 > .dash-tabs-bar.dash-tabs-bar--segment {
  display: flex !important;
  visibility: visible !important;
  min-height: 46px !important;
  margin-bottom: var(--dash-id-gap) !important;
  padding: 5px !important;
  gap: 5px !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
}

/* ══ Ritmo vertical — 9px entre bloques ══ */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section > .section-header {
  margin-bottom: var(--dash-id-gap) !important;
  padding-bottom: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section > .section-body > .section-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .section-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .section-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-repro-canvas {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap) !important;
  row-gap: var(--dash-id-gap) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section > .section-body > .section-content > *,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-content > *,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .section-content > *,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .section-content > *,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel :is(.dash-hub-app-section, .dash-repro-ia-wrap, .dash-alertas-ia-wrap) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone.dash-cons-alerts {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* ══ Tarjetas principales — blanco sólido + borde + sombra (pisa Pebble/styles 41495) ══ */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 > .dash-tabs-bar,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 > .dash-tabs-bar.dash-tabs-bar--segment,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-inicio-recuadro,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel #dash-hoy-finca-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel #dash-anomalias-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel #dash-compar-sem-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel #dash-score-descarte-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel #dash-noticias-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel #dash-clima-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel section[aria-labelledby='dash-inicio-tit-top5'],
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-panel.dash-hub-app-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-panel.dash-hub-app-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-repro-ia-card,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-repro-ia-card,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-alertas-ia-card.dash-alertas-ia-card,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-card.dash-alertas-ia-card {
  background: var(--dash-id-card) !important;
  background-image: none !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
  overflow: hidden !important;
  transform: none !important;
}

/* Quitar gleam/pebble ::before en paneles */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel :is(
  .dash-hub-app-panel,
  .dash-repro-ia-card,
  .dash-alertas-ia-card
)::before {
  content: none !important;
  display: none !important;
}

/* Cabeceras bloque — blanco + franja acento */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro > .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro > header.dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-hoy-finca-section > .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-anomalias-section > .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-compar-sem-section > .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-noticias-section > .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 section[aria-labelledby='dash-inicio-tit-top5'] > .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-inicio-recuadro__head {
  padding: 12px var(--dash-id-pad) !important;
  min-height: 48px !important;
  background: var(--dash-id-card) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-left: 4px solid var(--dash-id-accent) !important;
  box-shadow: none !important;
  gap: 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__tit {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio :is(.serio-v1-icon-box.header-bloque, .dash-inicio-recuadro__ico-box) {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--dash-id-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-hoy-finca-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-anomalias-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-compar-sem-section > .dash-inicio-recuadro__body {
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-inner-canvas) !important;
}

/* Hero Inicio — foto permitida, marco definido */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .section-header .dash-serio-hero.dash-serio-hero--title-strip {
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--dash-id-shadow) !important;
  margin-bottom: 0 !important;
}

/* Heroes Repro + Alertas — foto campo (misma familia Inicio) + overlay suave + fallback */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.42) 100%),
    url("../icons/mv-hero-leche.jpg?v=20260708mvHero1") center 42% / cover no-repeat,
    linear-gradient(168deg, #64748b 0%, #334155 55%, #1e293b 100%) !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.55) !important;
  border-bottom: 3px solid #475569 !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip {
  background:
    linear-gradient(180deg, rgba(127, 29, 29, 0.22) 0%, rgba(15, 23, 42, 0.5) 100%),
    url("../icons/mv-hero-leche.jpg?v=20260708mvHero1") center 42% / cover no-repeat,
    linear-gradient(168deg, #991b1b 0%, #475569 45%, #1e293b 100%) !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  border-bottom: 3px solid #dc2626 !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero__head-row,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero__head-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 76px !important;
  padding: 12px var(--dash-id-pad) !important;
  box-sizing: border-box !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero__ico-inline,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero__ico-inline {
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0 !important;
  object-fit: contain !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero__text,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip::before {
  content: none !important;
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__kicker,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero .dash-serio-hero__kicker {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 0 1px rgba(0, 0, 0, 0.35) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__title,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero .dash-serio-hero__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.45) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__ico-inline,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero .dash-serio-hero__ico-inline {
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 255, 1))
    drop-shadow(0 0 4px rgba(255, 255, 255, 0.85))
    drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55)) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__stat.recuadro-contador,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero .dash-serio-hero__stat.recuadro-contador {
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-radius: 10px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 1px 3px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  color: #ffffff !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__stat.recuadro-contador :is(.dash-serio-hero__stat-lbl, .dash-serio-hero__stat-unit, .dash-serio-hero__stat-val),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero .dash-serio-hero__stat.recuadro-contador :is(.dash-serio-hero__stat-lbl, .dash-serio-hero__stat-unit, .dash-serio-hero__stat-val) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

/* CONS — tarjetas separadas con acento */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone :is(
  .dash-cons-strip,
  .dash-cons-strip--warning,
  .dash-cons-strip--critical,
  .dash-cons-strip--ok,
  .dash-cons-strip--pending,
  .dash-cons-strip--copilot
) {
  border-radius: var(--dash-id-radius) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-left-width: 4px !important;
  box-shadow: var(--dash-id-shadow) !important;
  background: var(--dash-id-card) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner {
  padding: 7px 10px !important;
  min-height: 0 !important;
}

/* Hub accesos — lienzo interior + tiles con identidad */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-panel.dash-hub-app-panel {
  max-width: none !important;
  margin: 0 !important;
  padding: var(--dash-id-pad) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-grid {
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-inner-canvas) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--dash-id-gap-inner) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--dash-id-gap-inner) !important;
}

/* Tile acceso rápido — tarjeta interior definida (layout grid en v7) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-app-card {
  aspect-ratio: auto !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  transform: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-app-card:hover {
  border-color: var(--dash-id-line-strong) !important;
  border-top-color: var(--dash-id-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.08),
    0 4px 14px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-app-card::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-app-card::after {
  content: none !important;
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-app-card__ico {
  width: 44px !important;
  height: 44px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  object-fit: contain !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-app-card__lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
  line-height: 1.15 !important;
}

/* Asistentes IA */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-repro-ia-card,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-alertas-ia-card.dash-alertas-ia-card {
  display: flex !important;
  flex-direction: column !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel :is(.dash-repro-ia-head, .dash-alertas-ia-head) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-card) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-left: 4px solid var(--dash-id-accent) !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel :is(.dash-repro-ia-head, .dash-alertas-ia-head)::before {
  content: none !important;
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-repro-ia-metrics,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-alertas-ia-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--dash-id-gap-inner) !important;
  padding: var(--dash-id-pad) !important;
  margin: 0 !important;
  background: #e2e8f0 !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.dash-alertas-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-alertas-ia-chip {
  min-height: 72px !important;
  padding: 8px 10px !important;
  background: var(--dash-id-card) !important;
  background-image: none !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--ps-accent, var(--dash-id-tile-accent)) !important;
  border-left: 1px solid var(--dash-id-line-strong) !important;
  border-radius: 10px !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-chat, .dash-alertas-ia-chat) {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap-inner) !important;
  padding: var(--dash-id-pad) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble, .dash-repro-ia-bubble--sit, .dash-repro-ia-bubble--act),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble, .dash-alertas-ia-bubble--sit, .dash-alertas-ia-bubble--act) {
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  padding: var(--dash-id-pad) !important;
}

/* Hoy en la finca — tiles interiores con identidad */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-widget__chips--modern {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap-inner) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row {
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  padding: 10px 12px !important;
  min-height: 60px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__ico-wrap {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__n {
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

@media (max-width: 390px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   v6 — Gap 9px estricto + CONS/alertas rediseñadas
   ══════════════════════════════════════════════════════════════ */

/* Anular márgenes legacy que SUMAN al gap flex (index-inline 8717, cons-strip, hub…) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel :is(
  .dash-inicio-recuadro,
  .dash-inicio-recuadro--hoy,
  .dash-inicio-recuadro--wrap-widget,
  .dash-hub-app-section,
  .dash-repro-ia-wrap,
  .dash-alertas-ia-wrap,
  .dash-cons-alerts,
  .dash-cons-alerts__item,
  .dash-serio-hero,
  .dash-repro-hero-band,
  .dash-hub-app-panel,
  .dash-repro-ia-card,
  .dash-alertas-ia-card
) {
  margin: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section > .section-body > .section-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-content {
  padding-top: 0 !important;
}

/* CONS: cada franja = bloque hermano con gap 9px del padre (no wrapper extra) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-cons-alerts.dash-cons-alerts,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-cons-alerts__item,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone :is(
  .copilot-proactive-host,
  .dash-bk-remind-host,
  .dash-dh-host,
  .dash-dh-ok-host
) {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* ── Tarjetas CONS / alertas Inicio — mini-bloque con cabecera semántica ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone :is(
  .dash-cons-strip,
  .dash-cons-strip--warning,
  .dash-cons-strip--critical,
  .dash-cons-strip--ok,
  .dash-cons-strip--pending,
  .dash-cons-strip--copilot
) {
  border-radius: var(--dash-id-radius) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  border-left: 1px solid var(--dash-id-line-strong) !important;
  box-shadow: var(--dash-id-shadow) !important;
  background: var(--dash-id-card) !important;
  background-image: none !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--warning {
  border-top-color: #d97706 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical {
  border-top-color: #dc2626 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--copilot,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--pending {
  border-top-color: #64748b !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--ok {
  border-top-color: #16a34a !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
  display: grid !important;
  grid-template-columns: 40px 1fr auto !important;
  grid-template-areas:
    "head head head"
    "ico msg btn" !important;
  gap: 0 10px !important;
  align-items: center !important;
  padding: 0 0 10px !important;
  min-height: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__body {
  display: contents !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__meta {
  grid-area: head !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--warning .dash-cons-strip__meta {
  background: #fffbeb !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical .dash-cons-strip__meta {
  background: #fff1f2 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__badge {
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__ico {
  grid-area: ico !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 0 12px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  object-fit: contain !important;
  opacity: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg--muted {
  grid-area: msg !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--texto-base, #334155) !important;
  -webkit-line-clamp: 3 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__hint {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues {
  grid-area: iss !important;
  font-size: 11px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn {
  grid-area: btn !important;
  align-self: center !important;
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
  margin: 0 12px 0 0 !important;
  padding: 0 12px !important;
  max-width: none !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: #f1f5f9 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical .dash-cons-strip__btn {
  background: var(--manto-btn-b2-bg, linear-gradient(180deg, #475569 0%, #334155 100%)) !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash--expanded.dash-cons-strip--copilot {
  border-top: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash--expanded .dash-cons-strip__meta {
  background: var(--dash-id-card) !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash__body[hidden] {
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash__body:not([hidden]) {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 12px !important;
  background: var(--dash-id-card) !important;
  border-top: 1px solid var(--dash-id-line) !important;
  max-height: min(52vh, 360px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash--expanded .copilot-proactive-dash__body:not([hidden]) {
  gap: 0 !important;
  padding: 10px 12px 14px !important;
  background: var(--dash-id-card) !important;
  border-top: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash--expanded .copilot-proactive__block {
  padding: 12px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash--expanded .copilot-proactive__block::before {
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash__toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash__toolbar-lbl {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive-dash__refresh {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
  min-height: 30px !important;
  max-width: none !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__block {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__block::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 2px !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, #64748b 42%, transparent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__block--alertas::before {
  background: color-mix(in srgb, #b45309 45%, transparent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__block--riesgos::before {
  background: color-mix(in srgb, #b91c1c 40%, transparent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__block-tit {
  margin: 0 !important;
  padding: 9px 12px 6px 4px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--texto-fuerte, #0f172a) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__list {
  margin: 0 !important;
  padding: 0 10px 10px 4px !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--texto-base, #334155) !important;
  background: var(--gris-50, #f8fafc) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-radius: 9px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__acts {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 10px 10px 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__act {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: left !important;
  border-radius: 10px !important;
  border: 1px solid var(--dash-id-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .copilot-proactive__chat {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 2px 0 0 !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  border: 1px solid var(--manto-btn-b2-border, #334155) !important;
  background: var(--manto-btn-b2-bg, linear-gradient(180deg, #475569 0%, #334155 100%)) !important;
  color: var(--manto-btn-b2-color, #f8fafc) !important;
  box-shadow: var(--manto-btn-b2-shadow, 0 1px 2px rgba(15, 23, 42, 0.2)) !important;
}

/* Hub — menos “caja dentro de caja”: panel compacto, grid = lienzo */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-panel,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-panel.dash-hub-app-panel {
  padding: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-grid {
  margin: var(--dash-id-pad) !important;
  padding: var(--dash-id-pad) !important;
}

/* Métricas IA — tarjeta con banda título + valor (Alertas / Repro) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-repro-ia-metrics > .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-alertas-ia-metrics > .dash-alertas-ia-chip {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-height: 76px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--dash-id-card) !important;
  background-image: none !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: 10px !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  overflow: hidden !important;
  transform: none !important;
  cursor: default !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip:hover,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip:hover {
  transform: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 :is(.dash-repro-ia-chip__lbl, .dash-alertas-ia-chip__lbl) {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--texto-base, #334155) !important;
  background: #eef2f6 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 :is(.dash-repro-ia-chip__val, .dash-alertas-ia-chip__val) {
  display: block !important;
  padding: 10px 12px 12px !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  text-align: left !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 > .ps-crit {
  border-top: 3px solid #dc2626 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 > .ps-warn {
  border-top: 3px solid #d97706 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 > .ps-good {
  border-top: 3px solid #16a34a !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 > .ps-neutral {
  border-top: 3px solid var(--dash-id-tile-accent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 > :is(.dash-repro-ia-chip, .dash-alertas-ia-chip)::before {
  content: none !important;
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════
   v7 — Gap 9px (2 IDs) · badges fuera del icono · CONS sin overlap
   ══════════════════════════════════════════════════════════════ */

/* Matar margin-bottom 14px de dash-inicio-modern (2 IDs) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-hoy-finca-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-anomalias-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-compar-sem-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-noticias-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-score-descarte-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-clima-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 section[aria-labelledby='dash-inicio-tit-top5'],
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-section,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Gap global .pg (8px) → 9px estricto */
html body #pg-dash.dash-serio-v1.dash-identidad-v2.pg > .dash-tab-panel > .section > .section-body > .section-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2.pg > .dash-tab-panel--inicio .dash-inicio-content,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel > .section > .section-header {
  gap: var(--dash-id-gap) !important;
  row-gap: var(--dash-id-gap) !important;
}

/* App cards — grid: badge arriba-derecha, icono y label debajo (pisa index-inline 9576) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 5px !important;
  padding: 6px 8px 8px !important;
  min-height: 92px !important;
  max-height: none !important;
  position: relative !important;
  overflow: visible !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__badge {
  position: static !important;
  justify-self: end !important;
  align-self: center !important;
  width: fit-content !important;
  margin: 0 0 1px !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  min-width: 20px !important;
  height: 18px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: #f1f5f9 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1) !important;
  z-index: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__badge[hidden] {
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__ico {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__lbl {
  margin: 0 !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card {
    min-height: 86px !important;
    padding: 5px 6px 7px !important;
    gap: 4px !important;
  }
}

/* CONS — msg e issues en filas distintas (sin solapamiento) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
  grid-template-areas:
    "head head head"
    "ico msg btn"
    "ico iss btn" !important;
  grid-template-rows: auto auto auto !important;
  row-gap: 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues {
  grid-area: iss !important;
  margin: 0 12px 0 52px !important;
  padding: 0 !important;
  align-self: start !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues:empty {
  display: none !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   v8 — Interior de bloques: textos organizados y jerarquía clara
   ══════════════════════════════════════════════════════════════ */

/* Cuerpo de bloque — columna con ritmo uniforme */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-hoy-finca-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-anomalias-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-compar-sem-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-noticias-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-score-descarte-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 section[aria-labelledby='dash-inicio-tit-top5'] > .dash-inicio-recuadro__body {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap-inner) !important;
  padding: var(--dash-id-pad) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__hint {
  margin: 0 0 2px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--texto-suave, #64748b) !important;
}

/* Cabecera de bloque — icono | título | acciones */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__head,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__head.dash-inicio-recuadro__head--spread {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 6px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__head .serio-v1-title-box,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__head .pes-serio-panel-htit-wrap {
  min-width: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-recuadro__head-actions {
  grid-column: 3 !important;
  justify-self: end !important;
  margin-left: 0 !important;
}

/* ── Hoy en la finca — fila: icono | título | número ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-widget--compact {
  gap: var(--dash-id-gap-inner) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-widget__chips--modern {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap-inner) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  grid-template-areas: "ico tit num" !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  padding: 10px 12px !important;
  min-height: 58px !important;
  text-align: left !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__ico-wrap {
  grid-area: ico !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__body {
  grid-area: tit !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  align-items: flex-start !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__tit {
  width: 100% !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  text-align: left !important;
  -webkit-line-clamp: 2 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__meta {
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-chip--row .hoy-finca-chip__n {
  grid-area: num !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 8px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-empty--ok {
  padding: 12px 14px !important;
  min-height: 52px !important;
  border-radius: 11px !important;
  gap: 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .hoy-finca-empty__txt {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

/* ── Asistentes IA — cabecera + métricas + burbujas ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-head, .dash-alertas-ia-head) {
  align-items: center !important;
  padding: var(--dash-id-pad) !important;
  gap: 12px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-ico, .dash-alertas-ia-ico) {
  width: 40px !important;
  height: 40px !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-head-txt, .dash-alertas-ia-head-txt) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-tit, .dash-alertas-ia-tit) {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-sub, .dash-alertas-ia-sub) {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-chat, .dash-alertas-ia-chat) {
  gap: var(--dash-id-gap-inner) !important;
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-inner-canvas) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble, .dash-repro-ia-bubble--sit, .dash-repro-ia-bubble--act),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble, .dash-alertas-ia-bubble--sit, .dash-alertas-ia-bubble--act) {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 11px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__tit, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__tit, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__tit),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__tit, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__tit, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__tit) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  background: #eef2f6 !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__tit-ico, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__tit-ico, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__tit-ico),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__tit-ico, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__tit-ico, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__tit-ico) {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 7px !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__tit-txt),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__tit-txt) {
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__body, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__body, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__body),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__body) {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 10px 12px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--texto-base, #334155) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__body, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__body, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__body) p,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__body) p {
  margin: 0 !important;
  padding: 8px 10px 8px 12px !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-left: 3px solid var(--dash-id-tile-accent) !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--texto-base, #334155) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--act .dash-repro-ia-bubble__body p,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__body p {
  border-left-color: #475569 !important;
  font-weight: 700 !important;
}

/* Métricas IA — valor alineado y legible */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 :is(.dash-repro-ia-chip__val, .dash-alertas-ia-chip__val) {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
}

/* ── CONS / alertas Inicio — meta + cuerpo + lista ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__meta {
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__hint {
  margin-left: auto !important;
  text-align: right !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--texto-suave, #64748b) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 55% !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg {
  align-self: center !important;
  padding-right: 4px !important;
  -webkit-line-clamp: 4 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues {
  list-style: none !important;
  margin: 0 12px 8px 52px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues li {
  margin: 0 !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--texto-base, #334155) !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-radius: 8px !important;
}

/* Copiloto dash — estilos canónicos más arriba (bloque «notif-zone · copilot») */

/* Hub app-card — etiqueta centrada, 2 líneas max */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__lbl {
  width: 100% !important;
  text-align: center !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
  min-height: calc(1.2em * 2) !important;
}

/* Hero stat — lbl / valor / unidad apilados */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-serio-hero__stat.recuadro-contador {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 6px 5px !important;
  min-width: 72px !important;
  width: auto !important;
  max-width: 88px !important;
  flex: 0 0 auto !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-val {
  order: 2 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 1px 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-lbl {
  order: 1 !important;
  font-size: 7px !important;
  letter-spacing: 0.08em !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-unit {
  order: 3 !important;
  font-size: 7px !important;
  letter-spacing: 0.06em !important;
}

/* ══════════════════════════════════════════════════════════════
   v9 — Identidad editorial: CONS · hub · IA (pisa index-inline 2 IDs)
   ══════════════════════════════════════════════════════════════ */

/* ── Notificaciones CONS — icono limpio, texto legible, CTA aparte ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
  grid-template-columns: 52px minmax(0, 1fr) minmax(76px, 92px) !important;
  grid-template-areas:
    "head head head"
    "ico msg btn"
    "ico iss btn" !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__meta {
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 7px 12px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__badge {
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--warning .dash-cons-strip__badge {
  color: #92400e !important;
  background: #fef3c7 !important;
  border-color: #fcd34d !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical .dash-cons-strip__badge {
  color: #991b1b !important;
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--copilot .dash-cons-strip__badge,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--pending .dash-cons-strip__badge {
  color: #334155 !important;
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__hint {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 62% !important;
  margin-left: auto !important;
  text-align: right !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--texto-suave, #64748b) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__ico {
  grid-area: ico !important;
  align-self: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg--muted {
  grid-area: msg !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 12px 4px 12px 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--texto-base, #334155) !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  word-break: normal !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn {
  grid-area: btn !important;
  align-self: center !important;
  justify-self: stretch !important;
  margin: 10px 10px 10px 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
  padding: 8px 8px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-align: center !important;
  border-radius: 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues {
  margin: 0 10px 10px 52px !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-areas:
      "head head"
      "ico msg"
      "btn btn"
      "iss iss" !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn {
    margin: 0 10px 10px !important;
    max-width: none !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues {
    margin: 0 10px 10px !important;
  }
}

/* ── Hub Repro / Alertas — tarjetas flotantes, badge esquina (2 IDs) ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel .dash-hub-app-grid {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: var(--dash-id-pad) !important;
  gap: var(--dash-id-gap-inner) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 26px 8px 10px !important;
  min-height: 96px !important;
  max-height: none !important;
  grid-template-rows: unset !important;
  grid-template-columns: unset !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__badge {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  left: auto !important;
  transform: none !important;
  justify-self: unset !important;
  align-self: unset !important;
  margin: 0 !important;
  min-width: 22px !important;
  height: 18px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  border-radius: 999px !important;
  border: 1px solid #334155 !important;
  background: #1e293b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2) !important;
  z-index: 2 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__ico {
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__lbl {
  min-height: auto !important;
  margin-top: 2px !important;
}

/* ── Asistentes IA — pisa pills slate de index-inline (~22016) ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  text-align: left !important;
  min-height: 80px !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip::before {
  content: none !important;
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip .dash-repro-ia-chip__lbl,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip .dash-alertas-ia-chip__lbl {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--texto-base, #334155) !important;
  -webkit-text-fill-color: var(--texto-base, #334155) !important;
  text-shadow: none !important;
  background: #eef2f6 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip .dash-alertas-ia-chip__val {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 12px 14px !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  text-align: left !important;
  align-self: stretch !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip.ps-crit,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip.ps-crit {
  border-top: 3px solid #dc2626 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip.ps-warn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip.ps-warn {
  border-top: 3px solid #d97706 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip.ps-good,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip.ps-good {
  border-top: 3px solid #16a34a !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics .dash-repro-ia-chip.ps-neutral,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics .dash-alertas-ia-chip.ps-neutral {
  border-top: 3px solid var(--dash-id-tile-accent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics {
  background: var(--dash-id-inner-canvas) !important;
  gap: var(--dash-id-gap-inner) !important;
  padding: var(--dash-id-pad) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-repro-ia-card,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-alertas-ia-card {
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  box-shadow: var(--dash-id-shadow) !important;
}

/* ══════════════════════════════════════════════════════════════
   v10 — CTAs CONS compactos + iconos hub protagonistas
   ══════════════════════════════════════════════════════════════ */

/* Columna CTA fija — el botón NO estira con el texto del mensaje */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
  grid-template-columns: 52px minmax(0, 1fr) 92px !important;
}

/* Contrato CTA notificaciones — bajo, ancho fijo, texto legible */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-cons-alerts .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone button.dash-cons-strip__btn {
  grid-area: btn !important;
  align-self: center !important;
  justify-self: center !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 92px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 8px !important;
  margin: 8px 8px 8px 0 !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
  color: var(--texto-fuerte, #0f172a) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical .dash-cons-strip__btn {
  background: var(--manto-btn-b2-bg, linear-gradient(180deg, #475569 0%, #334155 100%)) !important;
  border-color: var(--manto-btn-b2-border, #334155) !important;
  color: var(--manto-btn-b2-color, #f8fafc) !important;
  -webkit-text-fill-color: var(--manto-btn-b2-color, #f8fafc) !important;
  box-shadow: var(--manto-btn-b2-shadow, 0 1px 2px rgba(15, 23, 42, 0.18)) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn--ghost,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn--toggle {
  background: #f1f5f9 !important;
  border-color: var(--dash-id-line-strong) !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn:hover {
  filter: brightness(1.03) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn:active {
  transform: scale(0.98) !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-cons-alerts .dash-cons-strip__btn,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn {
    grid-area: btn !important;
    justify-self: stretch !important;
    max-width: none !important;
    width: calc(100% - 20px) !important;
    margin: 0 10px 10px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    font-size: 12px !important;
  }
}

/* Hub Repro / Alertas — icono protagonista (pisa index-inline 40px) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card {
  padding: 20px 4px 8px !important;
  min-height: 108px !important;
  gap: 5px !important;
  justify-content: flex-start !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__ico {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 2px 8px rgba(15, 23, 42, 0.1) !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid .dash-app-card__ico {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__lbl {
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  min-height: auto !important;
  max-height: 2.3em !important;
  -webkit-line-clamp: 2 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-hub-app-grid .dash-app-card__badge {
  top: 5px !important;
  right: 5px !important;
  min-width: 18px !important;
  height: 16px !important;
  padding: 0 5px !important;
  font-size: 8px !important;
  line-height: 16px !important;
}

@media (max-width: 390px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid .dash-app-card__ico {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid .dash-app-card {
    min-height: 98px !important;
    padding-top: 18px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   v11 — INICIO: interior de bloques (identidad seria unificada)
   ══════════════════════════════════════════════════════════════ */

/* Lienzo interior común en todos los cuerpos Inicio */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-hoy-finca-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-anomalias-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-compar-sem-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-clima-section > .dash-inicio-recuadro__body,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio section[aria-labelledby='dash-inicio-tit-top5'] > .dash-inicio-recuadro__body {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap-inner) !important;
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-inner-canvas) !important;
  border-top: none !important;
}

/* Cabecera bloque Inicio — título + acciones alineados */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__head {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px var(--dash-id-pad) !important;
  min-height: 48px !important;
  grid-template-columns: unset !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__head .pes-serio-panel-htit-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__head-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 0 !important;
  grid-column: unset !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__badge--count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: #991b1b !important;
  background: #fee2e2 !important;
  border: 1px solid #fca5a5 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head.dash-inicio-recuadro__btn-head--ver-cubo {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ── Vacíos (Anomalías, Comparativa, Hoy) — fila icono + texto ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__empty {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  min-height: 56px !important;
  text-align: left !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-empty.dash-inicio-recuadro__empty,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-empty--ok {
  border-left: 3px solid #16a34a !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .csem-empty.dash-inicio-recuadro__empty {
  border-left: 3px solid var(--dash-id-tile-accent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__empty-ico {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  line-height: 1 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
  opacity: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__empty-txt {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--texto-base, #334155) !important;
  text-align: left !important;
}

/* ── Hoy en la finca — chips más legibles ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row {
  min-height: 62px !important;
  padding: 11px 12px !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__ico-wrap {
  width: 48px !important;
  height: 48px !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__ico {
  max-width: 36px !important;
  max-height: 36px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__tit {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__n {
  min-width: 38px !important;
  height: 38px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

/* ── Anomalías / Comparativa con datos — filas y tiles ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-dash-row,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-widget__item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  text-align: left !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-dash-row__tit,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-widget__item-nom {
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  line-height: 1.25 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-dash-row__meta,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-widget__item-det {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--texto-suave, #64748b) !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-dash-section-lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--texto-suave, #64748b) !important;
  margin: 4px 0 2px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-dash-list,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .anom-widget__list {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--dash-id-gap-inner) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .csem-widget__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--dash-id-gap-inner) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .csem-tile {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 10px 12px !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  background-image: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .csem-tile__lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .csem-tile__num {
  font-size: 20px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--texto-fuerte, #0f172a) !important;
  line-height: 1.1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .csem-tile__prev {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--texto-suave, #64748b) !important;
}

/* ── Top 10 vacas — toolbar + tarjetas ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-top5-leche-toolbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-top5-leche-tit {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-top5-leche-meta {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--texto-base, #334155) !important;
  font-variant-numeric: tabular-nums !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-top5-leche .dash-top5-leche-strip {
  gap: var(--dash-id-gap-inner) !important;
  padding: 2px 0 4px !important;
  margin: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-top5-leche .dash-top5-leche-card {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  padding: 10px 8px 12px !important;
  gap: 7px !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-tile-accent) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-top5-leche .dash-top5-avatar-ring {
  width: 52px !important;
  height: 52px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-top5-leche .dash-top5-leche-card__name {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  line-height: 1.2 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-top5-leche .dash-top5-litros-pill {
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-top5-leche .dash-top5-leche-empty {
  padding: 14px !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
}

/* ── Clima — barra compacta + tarjeta hoy + días ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio #dash-clima-section .dash-inicio-recuadro__body--clima {
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-inner-canvas) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-card {
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-card__bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  background: #eef2f6 !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-card__combo {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  border-radius: 8px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-card__sel {
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-card__btn.btn.btn-gris-ok {
  flex: 0 0 auto !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-card__body {
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-inner-canvas) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 var(--dash-id-gap-inner) !important;
  padding: 12px !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid #64748b !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy::before {
  content: none !important;
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy__ico {
  flex: 0 0 48px !important;
  font-size: 40px !important;
  line-height: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy__meta {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy__lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy__ubi {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--texto-base, #334155) !important;
  line-height: 1.3 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-hoy__temps {
  font-size: 14px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-dia {
  border-radius: 10px !important;
  border: 1px solid var(--dash-id-line) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

/* ── CONS v13: compacto en fila (como dash-cons-strip.css, sin tarjetas enormes) ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone :is(
  .dash-cons-strip,
  .dash-cons-strip--warning,
  .dash-cons-strip--critical,
  .dash-cons-strip--ok,
  .dash-cons-strip--pending,
  .dash-cons-strip--copilot
) {
  border-radius: 10px !important;
  border-left-width: 1px !important;
  border-left-color: var(--dash-id-line-strong, #64748b) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  min-height: 0 !important;
  max-height: none !important;
  grid-template: none !important;
  grid-template-columns: unset !important;
  grid-template-areas: unset !important;
  row-gap: 0 !important;
  column-gap: 8px !important;
}

/* Cuerpo flex — NO display:contents (evita solapamiento sin filas extra) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 1px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__meta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  grid-area: unset !important;
  grid-column: unset !important;
  grid-row: unset !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__badge {
  flex-shrink: 0 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  line-height: 1.3 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__hint {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
  text-align: right !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--texto-suave, #64748b) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 52% !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__ico {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-area: unset !important;
  grid-column: unset !important;
  grid-row: unset !important;
  align-self: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg--muted {
  grid-area: unset !important;
  grid-column: unset !important;
  grid-row: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--texto-base, #334155) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  word-break: normal !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__msg--muted {
  color: var(--texto-suave, #64748b) !important;
  font-weight: 500 !important;
  -webkit-line-clamp: 1 !important;
}

/* Ok: un solo párrafo visible (oculta el texto genérico duplicado) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--ok .dash-cons-strip__msg + .dash-cons-strip__msg {
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues {
  grid-area: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues li {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--texto-base, #334155) !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues li:not(:first-child) {
  display: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__issues:empty {
  display: none !important;
}

/* CTA compacto — misma fila que icono y texto */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-cons-alerts .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone button.dash-cons-strip__btn {
  flex: 0 0 auto !important;
  grid-area: unset !important;
  grid-column: unset !important;
  grid-row: unset !important;
  align-self: center !important;
  justify-self: unset !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 34% !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 9px !important;
  margin: 0 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: var(--gris-0, #ffffff) !important;
  border: 1px solid var(--gris-300, #cbd5e1) !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--warning .dash-cons-strip__btn {
  background: var(--manto-btn-b2-bg, linear-gradient(180deg, #475569 0%, #334155 100%)) !important;
  border-color: var(--manto-btn-b2-border, #334155) !important;
  color: var(--manto-btn-b2-color, #f8fafc) !important;
  -webkit-text-fill-color: var(--manto-btn-b2-color, #f8fafc) !important;
  box-shadow: var(--manto-btn-b2-shadow, 0 1px 2px rgba(15, 23, 42, 0.18)) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--ok .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn--ghost {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__inner--toggle {
    gap: 6px !important;
    padding: 6px 8px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__ico {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn {
    max-width: 30% !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }
}

/* ── Carne: textos interiores legibles ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-perfil-carne-section__sub {
  margin: 0 !important;
  padding: 0 2px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--texto-suave, #64748b) !important;
  text-align: left !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-perfil-carne-kpi__lbl {
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.03em !important;
  hyphens: auto !important;
  overflow-wrap: anywhere !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-perfil-carne-kpi__val {
  font-size: clamp(18px, 4.6vw, 22px) !important;
  line-height: 1.1 !important;
  padding: 0 !important;
  text-align: left !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__meta {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: var(--texto-base, #334155) !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__money {
  font-size: 17px !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__foot {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  padding: 9px 12px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-potrero-recom-card__meta {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: var(--texto-base, #334155) !important;
  margin: 0 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-potrero-recom-actions .btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-potrero-recom-link {
  min-height: 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #64748b !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

@media (max-width: 520px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__hero-num {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 10px 12px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__hero-lbl {
    margin-top: 0 !important;
    text-align: left !important;
    font-size: 10px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2[data-piel-inicio='carne'] .dash-tab-panel--inicio .dash-listos-venta-card__side {
    gap: 6px !important;
  }
}

/* ── Clima: días legibles en móvil ── */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-dias__mover {
  gap: 6px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-dia {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 8px 4px 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-dia__nom {
  font-size: 9px !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 4px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-clima-dia__temps {
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  font-variant-numeric: tabular-nums !important;
}

/* ══════════════════════════════════════════════════════════════
   v14 — Menos confusión: una columna de iconos, acciones discretas
   (no dos “rieles” verticales de botones izq/der)
   ══════════════════════════════════════════════════════════════ */

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio {
  --dash-id-rail: 28px;
}

/* Cabeceras bloque — icono plano (no caja clicable) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio :is(.serio-v1-icon-box.header-bloque, .dash-inicio-recuadro__ico-box) {
  width: var(--dash-id-rail) !important;
  min-width: var(--dash-id-rail) !important;
  max-width: var(--dash-id-rail) !important;
  height: var(--dash-id-rail) !important;
  min-height: var(--dash-id-rail) !important;
  max-height: var(--dash-id-rail) !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__ico {
  width: var(--dash-id-rail) !important;
  height: var(--dash-id-rail) !important;
  object-fit: contain !important;
}

/* “Ver detalle” — chevron mínimo, no botón cuadrado repetido */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__head-actions {
  flex: 0 0 auto !important;
  gap: 6px !important;
  align-items: center !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head.dash-inicio-recuadro__btn-head--ver-cubo {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 2px 0 2px 4px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head--ver-cubo .dash-inicio-recuadro__btn-head-ico {
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head--ver-cubo:active {
  opacity: 1 !important;
  transform: none !important;
}

/* Contador — dato, no botón */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__badge--count {
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: #991b1b !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__badge--count::before {
  content: '· ' !important;
  color: var(--texto-muted, #94a3b8) !important;
  font-weight: 700 !important;
}

/* CONS — icono alineado al riel; CTA = enlace (no caja) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__ico {
  flex: 0 0 var(--dash-id-rail) !important;
  width: var(--dash-id-rail) !important;
  height: var(--dash-id-rail) !important;
  min-width: var(--dash-id-rail) !important;
  min-height: var(--dash-id-rail) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-cons-alerts .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone button.dash-cons-strip__btn {
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 0 0 6px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--critical .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--warning .dash-cons-strip__btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #991b1b !important;
  -webkit-text-fill-color: #991b1b !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip--ok .dash-cons-strip__btn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn--ghost {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Hoy en la finca — fila única clicable; número = dato plano */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__ico-wrap {
  width: var(--dash-id-rail) !important;
  height: var(--dash-id-rail) !important;
  min-width: var(--dash-id-rail) !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__ico {
  max-width: var(--dash-id-rail) !important;
  max-height: var(--dash-id-rail) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__n {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__n::after {
  content: ' ›' !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--texto-muted, #94a3b8) !important;
}

/* Vacíos — icono decorativo sin recuadro botón */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__empty-ico {
  flex: 0 0 var(--dash-id-rail) !important;
  width: var(--dash-id-rail) !important;
  height: var(--dash-id-rail) !important;
  font-size: 20px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════
   v15 — Claridad: iconos chips grandes + lupa fácil de tocar
   ══════════════════════════════════════════════════════════════ */

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio {
  --dash-id-chip-ico: 48px;
  --dash-id-chip-ico-img: 40px;
  --dash-id-head-tap: 24px;
}

/* Lupa “Ver detalle” — área táctil 40×40, icono legible */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head.dash-inicio-recuadro__btn-head--ver-cubo {
  width: var(--dash-id-head-tap) !important;
  min-width: var(--dash-id-head-tap) !important;
  max-width: var(--dash-id-head-tap) !important;
  height: var(--dash-id-head-tap) !important;
  min-height: var(--dash-id-head-tap) !important;
  max-height: var(--dash-id-head-tap) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid var(--dash-id-line) !important;
  background: #f1f5f9 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head--ver-cubo .dash-inicio-recuadro__btn-head-ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head--ver-cubo .dash-inicio-lupa-head-ico {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  object-fit: contain !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head--ver-cubo:active {
  background: #e2e8f0 !important;
  transform: scale(0.96) !important;
}

/* Partos / Vacas a secar — iconos protagonistas (más grandes que el riel 28px) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row {
  min-height: 58px !important;
  padding: 10px 12px !important;
  gap: 12px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__ico-wrap {
  flex: 0 0 var(--dash-id-chip-ico) !important;
  width: var(--dash-id-chip-ico) !important;
  height: var(--dash-id-chip-ico) !important;
  min-width: var(--dash-id-chip-ico) !important;
  min-height: var(--dash-id-chip-ico) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  border-radius: 11px !important;
  border: 1px solid var(--dash-id-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__ico {
  width: var(--dash-id-chip-ico-img) !important;
  height: var(--dash-id-chip-ico-img) !important;
  max-width: var(--dash-id-chip-ico-img) !important;
  max-height: var(--dash-id-chip-ico-img) !important;
  object-fit: contain !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__tit {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .hoy-finca-chip--row .hoy-finca-chip__n {
  font-size: 16px !important;
  min-width: 28px !important;
  text-align: right !important;
}

/* Cabecera bloque — título un poco más legible */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel--inicio .dash-inicio-recuadro__tit {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

/* CONS — mensaje y enlace un poco más legibles */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__body > .dash-cons-strip__msg:first-of-type {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-inicio-notif-zone .dash-cons-strip__btn {
  font-size: 12px !important;
  padding: 4px 0 4px 8px !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ══════════════════════════════════════════════════════════════
   v16 — Reproducción: hero con foto · hub · asistente IA
   ══════════════════════════════════════════════════════════════ */

html body #pg-dash.dash-serio-v1.dash-identidad-v2 {
  --dash-id-repro-hero-img: url("../icons/mv-hero-leche.jpg?v=20260708mvHero1");
  --dash-id-repro-tile-accent: #475569;
}

/* Hero Repro — foto campo + scrim (pisa Pebble gris y ruta rota images/) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip {
  background-color: #1e293b !important;
  background-image:
    linear-gradient(118deg, rgba(15, 23, 42, 0.72) 0%, rgba(30, 41, 59, 0.38) 48%, rgba(15, 23, 42, 0.62) 100%),
    var(--dash-id-repro-hero-img) !important;
  background-size: auto, cover !important;
  background-position: center, center 40% !important;
  background-repeat: no-repeat, no-repeat !important;
  min-height: 96px !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.72) !important;
  border-bottom: 3px solid #64748b !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    var(--dash-id-shadow) !important;
  overflow: hidden !important;
  position: relative !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__head-row {
  min-height: 88px !important;
  padding: 14px var(--dash-id-pad) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* DISABLED 20260709 — hub Repro editorial (orejitas) → dash-repro-alertas-parity.css
/*
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-panel {
  max-width: none !important;
  margin: 0 !important;
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-card) !important;
  background-image: none !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid {
  margin: 0 !important;
  padding: 12px !important;
  background: linear-gradient(168deg, #eef2f6 0%, #e2e8f0 55%, #dbe2ea 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(148, 163, 184, 0.12) !important;
  gap: 10px !important;
}

/* Tiles hub Repro — gradiente editorial + acento superior */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid .dash-app-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 6px !important;
  min-height: 100px !important;
  max-height: none !important;
  padding: 8px 8px 10px !important;
  position: relative !important;
  overflow: visible !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 52%, #f1f5f9 100%) !important;
  background-image: linear-gradient(168deg, #ffffff 0%, #f8fafc 52%, #f1f5f9 100%) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-top: 3px solid var(--dash-id-repro-tile-accent) !important;
  border-radius: 11px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    var(--dash-id-tile-shadow) !important;
  transform: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid .dash-app-card:hover,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid .dash-app-card:focus-visible {
  border-top-color: var(--dash-id-accent) !important;
  background: linear-gradient(168deg, #ffffff 0%, #f1f5f9 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 3px 10px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
}

/* Badge Semáforo — esquina, sin tapar icono */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid .dash-app-card__badge {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  left: auto !important;
  justify-self: auto !important;
  align-self: auto !important;
  margin: 0 !important;
  min-width: 22px !important;
  height: 20px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 20px !important;
  border-radius: 999px !important;
  border: 1px solid #64748b !important;
  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14) !important;
  z-index: 2 !important;
}

/* Iconos hub Repro — caja blanca más grande */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid img.dash-app-card__ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid img.dash-repro-card-ico {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  padding: 6px !important;
  margin: 2px 0 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  background-image: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 1px 3px rgba(15, 23, 42, 0.08) !important;
  filter: none !important;
  -webkit-filter: none !important;
  object-fit: contain !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid .dash-app-card__lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

/* Asistente reproductivo — tarjeta + KPIs editoriales */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-repro-ia-card {
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-repro-ia-head {
  padding: 12px var(--dash-id-pad) !important;
  background: linear-gradient(168deg, #f8fafc 0%, #eef2f6 55%, #e2e8f0 100%) !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-left: 4px solid var(--dash-id-accent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-repro-ia-tit {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  letter-spacing: -0.01em !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-repro-ia-sub {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub #dash-repro-ia-metrics.premium-stat-20260418,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-repro-ia-metrics {
  padding: 12px !important;
  background: linear-gradient(168deg, #eef2f6 0%, #e2e8f0 100%) !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  gap: 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-repro-ia-metrics > .dash-repro-ia-chip {
  min-height: 80px !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: 11px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    var(--dash-id-tile-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .premium-stat-20260418 .dash-repro-ia-chip__lbl {
  padding: 8px 10px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  color: var(--texto-base, #334155) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .premium-stat-20260418 .dash-repro-ia-chip__val {
  padding: 12px 12px 14px !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble {
  border-top: 3px solid var(--dash-id-repro-tile-accent) !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 100%) !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid .dash-app-card {
    min-height: 94px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid img.dash-app-card__ico,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-hub-app-grid img.dash-repro-card-ico {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
}
*/

/* ══════════════════════════════════════════════════════════════
   v17 — KPI asistentes (Repro + Alertas) · hero · hub Alertas
   Pisa styles.css ~34708 «recuadro» interior en __val y pills index-inline
   ══════════════════════════════════════════════════════════════ */

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics {
  padding: 12px !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
}

/* Tile KPI — una sola superficie; acento = borde izquierdo + dot */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418.premium-stat-20260418 > .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418.premium-stat-20260418 > .dash-alertas-ia-chip {
  --ps-accent: #64748b;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 5px !important;
  min-height: 70px !important;
  max-height: none !important;
  width: 100% !important;
  padding: 10px 12px 11px !important;
  margin: 0 !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 100%) !important;
  background-image: linear-gradient(168deg, #ffffff 0%, #f8fafc 100%) !important;
  background-color: #ffffff !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-left: 4px solid var(--ps-accent, #64748b) !important;
  border-radius: 11px !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
  overflow: hidden !important;
  transform: none !important;
  cursor: default !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-crit,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-crit {
  --ps-accent: #dc2626;
  border-left-color: #dc2626 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-warn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-warn {
  --ps-accent: #d97706;
  border-left-color: #d97706 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-good,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-good {
  --ps-accent: #16a34a;
  border-left-color: #16a34a !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-neutral,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-neutral {
  --ps-accent: #64748b;
  border-left-color: #64748b !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip:hover,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip:hover,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip[role="button"]:active {
  transform: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 3px 10px rgba(15, 23, 42, 0.1) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip::before {
  content: none !important;
  display: none !important;
}

/* Label — texto + dot semántico; sin pill ni banda gris */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip .dash-repro-ia-chip__lbl,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip .dash-alertas-ia-chip__lbl {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--texto-suave, #64748b) !important;
  -webkit-text-fill-color: var(--texto-suave, #64748b) !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip .dash-repro-ia-chip__lbl::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip .dash-alertas-ia-chip__lbl::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  border-radius: 999px !important;
  background: var(--ps-accent, #64748b) !important;
  box-shadow: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Valor — número plano; SIN recuadro blanco interior (styles.css ~34759) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip .dash-alertas-ia-chip__val {
  display: block !important;
  align-self: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  color: var(--texto-fuerte, #0f172a) !important;
  -webkit-text-fill-color: var(--texto-fuerte, #0f172a) !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-crit .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-crit .dash-alertas-ia-chip__val {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-warn .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-warn .dash-alertas-ia-chip__val {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-good .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-good .dash-alertas-ia-chip__val {
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
}

/* Cabecera asistentes — paridad Repro / Alertas */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-head {
  padding: 12px var(--dash-id-pad) !important;
  background: linear-gradient(168deg, #f8fafc 0%, #eef2f6 55%, #e2e8f0 100%) !important;
  border-bottom: 1px solid var(--dash-id-line) !important;
  border-left: 4px solid #dc2626 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-tit {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-sub {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble {
  border-top: 3px solid #dc2626 !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 100%) !important;
}

/* Hub Alertas — paridad con Repro v16 */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-panel {
  max-width: none !important;
  margin: 0 !important;
  padding: var(--dash-id-pad) !important;
  background: var(--dash-id-card) !important;
  border: 1px solid var(--dash-id-line-strong) !important;
  border-radius: var(--dash-id-radius) !important;
  box-shadow: var(--dash-id-shadow) !important;
  overflow: hidden !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid {
  margin: 0 !important;
  padding: 12px !important;
  background: linear-gradient(168deg, #eef2f6 0%, #e2e8f0 55%, #dbe2ea 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(148, 163, 184, 0.12) !important;
  gap: 10px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid .dash-app-card {
  min-height: 108px !important;
  padding: 12px 10px 10px !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 52%, #f1f5f9 100%) !important;
  border-top: 3px solid #64748b !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid img.dash-app-card__ico {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  padding: 6px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid var(--dash-id-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 1px 3px rgba(15, 23, 42, 0.08) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid .dash-app-card__badge {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  min-width: 22px !important;
  height: 20px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  line-height: 20px !important;
  border-radius: 999px !important;
  border: 1px solid #64748b !important;
  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important;
  z-index: 2 !important;
}

/* Hero Repro + Alertas — scrim más rico y stat vitreo */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band.dash-serio-hero--title-strip {
  background-color: #0f172a !important;
  background-image:
    linear-gradient(125deg, rgba(15, 23, 42, 0.82) 0%, rgba(30, 41, 59, 0.45) 45%, rgba(15, 23, 42, 0.78) 100%),
    var(--dash-id-repro-hero-img) !important;
  background-size: auto, cover !important;
  background-position: center, center 38% !important;
  min-height: 102px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -24px 32px -12px rgba(15, 23, 42, 0.35),
    var(--dash-id-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip {
  background-color: #450a0a !important;
  background-image:
    linear-gradient(125deg, rgba(69, 10, 10, 0.78) 0%, rgba(15, 23, 42, 0.52) 48%, rgba(15, 23, 42, 0.82) 100%),
    var(--dash-id-repro-hero-img) !important;
  background-size: auto, cover !important;
  background-position: center, center 38% !important;
  min-height: 102px !important;
  border-bottom: 3px solid #dc2626 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -24px 32px -12px rgba(69, 10, 10, 0.4),
    var(--dash-id-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero__head-row,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero__head-row {
  min-height: 92px !important;
  padding: 14px var(--dash-id-pad) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero__ico-inline,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero__ico-inline {
  width: 52px !important;
  height: 52px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub.repro-pebble-vida-20260418 .dash-serio-hero.dash-repro-hero-band .dash-serio-hero__stat.recuadro-contador,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero .dash-serio-hero__stat.recuadro-contador {
  min-width: 72px !important;
  padding: 8px 10px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 11px !important;
  backdrop-filter: blur(10px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 2px 8px rgba(0, 0, 0, 0.22) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero__title,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero__title {
  font-size: 21px !important;
  letter-spacing: -0.02em !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip {
    min-height: 66px !important;
    padding: 9px 10px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip__val,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip__val {
    font-size: 20px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   v18 — KPI con más presencia · listas (no cajas anidadas) · hub labels
   ══════════════════════════════════════════════════════════════ */

/* Hub Repro/Alertas — labels sin cortar palabras (pisa hyphens/overflow-wrap anywhere) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid .dash-app-card__lbl,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid .dash-app-card__lbl {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* KPI tiles — más identidad: tinte semántico + número protagonista */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418.premium-stat-20260418 > .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418.premium-stat-20260418 > .dash-alertas-ia-chip {
  --ps-accent-soft: rgba(100, 116, 139, 0.08);
  min-height: 78px !important;
  padding: 8px 11px 10px !important;
  gap: 2px !important;
  justify-content: flex-start !important;
  background-image:
    radial-gradient(ellipse 120% 80% at 0% 0%, var(--ps-accent-soft) 0%, transparent 58%),
    linear-gradient(168deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-crit,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-crit {
  --ps-accent-soft: rgba(220, 38, 38, 0.1);
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-warn,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-warn {
  --ps-accent-soft: rgba(217, 119, 6, 0.1);
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 > .dash-repro-ia-chip.ps-good,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip.ps-good {
  --ps-accent-soft: rgba(22, 163, 74, 0.09);
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip .dash-repro-ia-chip__lbl,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip .dash-alertas-ia-chip__lbl {
  font-size: 8px !important;
  letter-spacing: 0.1em !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip .dash-alertas-ia-chip__val,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .premium-stat-20260418 :is(.dash-repro-ia-chip__val, .dash-alertas-ia-chip__val) {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: flex-end !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 4px 0 0 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip[role="button"] {
  cursor: pointer !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 > .dash-alertas-ia-chip[role="button"]:hover {
  border-color: var(--ps-accent, #64748b) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 4px 14px rgba(15, 23, 42, 0.12) !important;
}

/* Chat asistente — una sola caja; cuerpo = lista, no tarjetas dentro de tarjetas */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 :is(.dash-repro-ia-chat, .dash-alertas-ia-chat) {
  padding: 10px !important;
  gap: 8px !important;
  background: var(--dash-id-inner-canvas) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble, .dash-repro-ia-bubble--sit, .dash-repro-ia-bubble--act),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble, .dash-alertas-ia-bubble--sit, .dash-alertas-ia-bubble--act) {
  border: 1px solid var(--dash-id-line-strong) !important;
  background: var(--dash-id-card) !important;
  box-shadow: var(--dash-id-tile-shadow) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--sit,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--sit {
  border-top: 3px solid var(--dash-id-tile-accent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--act,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--act {
  border-top: 3px solid #475569 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--sit {
  border-top-color: #dc2626 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__body, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__body, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__body),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__body) {
  display: block !important;
  gap: 0 !important;
  padding: 8px 12px 10px !important;
  margin: 0 !important;
  background: var(--dash-id-card) !important;
  list-style: none !important;
}

/* Quitar cajas por párrafo (v9) → filas de lista */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__body, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__body, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__body) p,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__body) p {
  position: relative !important;
  display: block !important;
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--texto-base, #334155) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) :is(.dash-repro-ia-bubble__body, .dash-repro-ia-bubble--sit .dash-repro-ia-bubble__body, .dash-repro-ia-bubble--act .dash-repro-ia-bubble__body) p:last-child,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub :is(.dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__body, .dash-alertas-ia-bubble--act .dash-alertas-ia-bubble__body) p:last-child {
  margin-bottom: 0 !important;
}

/* «Qué está pasando» — viñetas */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--sit :is(.dash-repro-ia-bubble__body),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--sit :is(.dash-alertas-ia-bubble__body) {
  padding-left: 14px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--sit :is(.dash-repro-ia-bubble__body) p,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--sit :is(.dash-alertas-ia-bubble__body) p {
  padding-left: 14px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--sit :is(.dash-repro-ia-bubble__body) p::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--sit :is(.dash-alertas-ia-bubble__body) p::before {
  content: "•" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 10px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  color: var(--dash-id-tile-accent) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--sit .dash-alertas-ia-bubble__body p::before {
  color: #dc2626 !important;
}

/* «Qué conviene hacer» — numeración */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--act :is(.dash-repro-ia-bubble__body),
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--act :is(.dash-alertas-ia-bubble__body) {
  counter-reset: dash-ia-act-item !important;
  padding-left: 12px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--act :is(.dash-repro-ia-bubble__body) p,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--act :is(.dash-alertas-ia-bubble__body) p {
  counter-increment: dash-ia-act-item !important;
  padding-left: 22px !important;
  font-weight: 700 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub:not(.repro-alertas-parity-20260709) .dash-repro-ia-bubble--act :is(.dash-repro-ia-bubble__body) p::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-ia-bubble--act :is(.dash-alertas-ia-bubble__body) p::before {
  content: counter(dash-ia-act-item) "." !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 18px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.45 !important;
  color: #475569 !important;
  text-align: left !important;
}

@media (max-width: 360px) {
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-repro-ia-metrics.premium-stat-20260418 .dash-repro-ia-chip__val,
  html body #pg-dash.dash-serio-v1.dash-identidad-v2 #dash-alertas-ia-metrics.premium-stat-20260418 .dash-alertas-ia-chip__val {
    font-size: 24px !important;
    min-height: 30px !important;
  }

  html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid .dash-app-card__lbl {
    font-size: 8px !important;
  }
}
