/**
 * Dashboard Inicio v53 — tabs igualados + Hoy 4 columnas + iconos figurilla.
 */

/* ══ Tabs — segmento blanco, activo B2, iconos MISMO tamaño ══ */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 > .dash-tabs-bar.dash-tabs-bar--segment {
  gap: 4px !important;
  padding: 4px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  background: #ffffff !important;
  border: 1px solid #94a3b8 !important;
  border-radius: 14px !important;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.08),
    0 4px 14px rgba(15, 23, 42, 0.1) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 > .dash-tabs-bar.dash-tabs-bar--segment::before {
  display: none !important;
  content: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  gap: 5px !important;
  padding: 0 8px !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active)::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active)::after {
  display: none !important;
  content: none !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active):hover {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active,
html body.light #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active {
  background: var(--manto-btn-b2-bg, linear-gradient(180deg, #475569 0%, #334155 100%)) !important;
  border: 1px solid var(--manto-btn-b2-border, #334155) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  box-shadow: var(--manto-btn-b2-shadow, 0 2px 8px rgba(15, 23, 42, 0.22)) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active::before,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active::after {
  display: none !important;
  content: none !important;
}

/* Iconos tabs — TODOS iguales (mata reglas inicio en dash-inicio-mejora-visual) */
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn__ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn--inicio .dash-tab-btn__ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn--repro .dash-tab-btn__ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn--alertas .dash-tab-btn__ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active .dash-tab-btn__ico,
html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn--inicio.active .dash-tab-btn__ico {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  object-fit: contain !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active) .dash-tab-btn__ico {
  opacity: 0.9 !important;
  filter: saturate(0.95) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active .dash-tab-btn__ico {
  opacity: 1 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) saturate(1.05) !important;
}

html body #pg-dash.dash-serio-v1.dash-identidad-v2 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active span {
  font-weight: 800 !important;
}

/* ══ Hoy en la finca — 4 en una fila ══ */
html body #pg-dash #dash-hoy-finca-section > .dash-inicio-recuadro__body--hoy {
  padding: 8px !important;
  background: #f8fafc !important;
}

html body #pg-dash .hoy-finca-widget__chips--tile-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

html body #pg-dash .hoy-finca-chip.hoy-finca-chip--tile {
  position: relative !important;
  min-height: 0 !important;
  padding: 6px 4px 5px !important;
  gap: 4px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
}

html body #pg-dash .hoy-finca-chip--tile::before {
  display: none !important;
  content: none !important;
}

html body #pg-dash .hoy-finca-chip--tile::after {
  display: none !important;
  content: none !important;
}

html body #pg-dash .hoy-finca-chip--tile .hoy-finca-chip__ico-wrap--tile {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #pg-dash .hoy-finca-chip--tile .hoy-finca-chip__ico {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 3px rgba(15, 23, 42, 0.12)) !important;
}

html body #pg-dash .hoy-finca-chip--tile .hoy-finca-chip__tit--tile {
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #1e293b !important;
  -webkit-line-clamp: 3 !important;
  padding: 0 1px !important;
}

@media (max-width: 420px) {
  html body #pg-dash .hoy-finca-chip--tile .hoy-finca-chip__ico-wrap--tile,
  html body #pg-dash .hoy-finca-chip--tile .hoy-finca-chip__ico {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  html body #pg-dash .hoy-finca-chip--tile .hoy-finca-chip__tit--tile {
    font-size: 8px !important;
  }
}