@import url("./dashboard-tv-contrast-v57.css?v=20260824-v67-base");

/* Dashboard TV v67 — tema claro CONNECTIO rebasado sobre el digest activo del 24-08-2026. */
body.dashboard-tv-active,
body.dashboard-tv-active .tv-55-panel {
  --tv-bg: #f4f7fb;
  --tv-surface: #ffffff;
  --tv-card: #ffffff;
  --tv-card-strong: #eef4fb;
  --tv-text: #0b1220;
  --tv-text-secondary: #1f2937;
  --tv-text-muted: #475569;
  --tv-accent: #0069b4;
  --tv-accent-strong: #00528f;
  --tv-focus: #ffbf00;
  --tv-success: #0b5d34;
  --tv-warning: #754c00;
  --tv-danger: #9f1239;
  color: #0b1220 !important;
  background: #ffffff !important;
}

body.dashboard-tv-active .tv-55-panel .tv-grid-bg,
body.dashboard-tv-active .tv-55-panel .tv-energy-field {
  display: none !important;
}

body.dashboard-tv-active .tv-55-panel .tv-stage {
  border-color: #aebdca !important;
  color: #0b1220 !important;
  background: #f4f7fb !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, .09) !important;
}

body.dashboard-tv-active .tv-55-panel .tv-control-bar,
body.dashboard-tv-active .tv-55-panel .tv-status-rail,
body.dashboard-tv-active .tv-55-panel .tv-ticker,
body.dashboard-tv-active .tv-55-panel .tv-slide,
body.dashboard-tv-active .tv-55-panel .tv-chart,
body.dashboard-tv-active .tv-55-panel .tv-list,
body.dashboard-tv-active .tv-55-panel .tv-route-map-wrap,
body.dashboard-tv-active .tv-55-panel .tv-route-side,
body.dashboard-tv-active .tv-55-panel .tv-source-health article {
  border-color: #adbdca !important;
  color: #0b1220 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 9px rgba(15, 23, 42, .06) !important;
}

body.dashboard-tv-active .tv-55-panel .tv-control-bar,
body.dashboard-tv-active .tv-55-panel .tv-slide {
  border-left-color: #0069b4 !important;
}

body.dashboard-tv-active .tv-55-panel .tv-connectio-brand {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 178px !important;
  padding-right: 14px !important;
  border-right: 1px solid #c7d2dc !important;
  color: #08234b !important;
}

body.dashboard-tv-active .tv-55-panel .tv-connectio-brand > .tv-connectio-brand-mark {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid #d2dce5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

body.dashboard-tv-active .tv-55-panel .tv-connectio-brand-mark > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.55) !important;
}

body.dashboard-tv-active .tv-55-panel .tv-connectio-brand-copy {
  display: grid !important;
  gap: 1px !important;
}

body.dashboard-tv-active .tv-55-panel .tv-connectio-brand b {
  color: #08234b !important;
  font-size: clamp(16px, 1vw, 20px) !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
}

body.dashboard-tv-active .tv-55-panel .tv-connectio-brand small {
  color: #475569 !important;
  font-size: clamp(10px, .62vw, 12px) !important;
  font-weight: 800 !important;
}

body.dashboard-tv-active .tv-55-panel .tv-live-dot {
  border-color: #0b5d34 !important;
  color: #073b22 !important;
  background: #dff5e9 !important;
}

body.dashboard-tv-active .tv-55-panel .tv-live-dot::before { background: #0b5d34 !important; }

body.dashboard-tv-active .tv-55-panel .tv-room-label,
body.dashboard-tv-active .tv-55-panel #tvClock,
body.dashboard-tv-active .tv-55-panel #tvStatus,
body.dashboard-tv-active .tv-55-panel .tv-status-rail article span,
body.dashboard-tv-active .tv-55-panel .tv-status-rail article strong,
body.dashboard-tv-active .tv-55-panel .tv-slide-head h2,
body.dashboard-tv-active .tv-55-panel .tv-context-label,
body.dashboard-tv-active .tv-55-panel .tv-summary-count,
body.dashboard-tv-active .tv-55-panel .tv-metrics strong,
body.dashboard-tv-active .tv-55-panel .tv-count-card strong,
body.dashboard-tv-active .tv-55-panel .tv-chart h4,
body.dashboard-tv-active .tv-55-panel .tv-list h4,
body.dashboard-tv-active .tv-55-panel .tv-route-side h3,
body.dashboard-tv-active .tv-55-panel .tv-bar span,
body.dashboard-tv-active .tv-55-panel .tv-bar strong,
body.dashboard-tv-active .tv-55-panel .tv-list article strong,
body.dashboard-tv-active .tv-55-panel .tv-list article em,
body.dashboard-tv-active .tv-55-panel .tv-source-health span,
body.dashboard-tv-active .tv-55-panel .tv-source-health strong,
body.dashboard-tv-active .tv-55-panel .tv-ticker,
body.dashboard-tv-active .tv-55-panel .tv-ticker span {
  color: #0b1220 !important;
  text-shadow: none !important;
}

body.dashboard-tv-active .tv-55-panel .tv-slide-head .eyebrow { color: #00528f !important; }

body.dashboard-tv-active .tv-55-panel .tv-slide-head p,
body.dashboard-tv-active .tv-55-panel .tv-chart-subtitle,
body.dashboard-tv-active .tv-55-panel .tv-route-side p,
body.dashboard-tv-active .tv-55-panel .tv-line-footer,
body.dashboard-tv-active .tv-55-panel .tv-metrics span,
body.dashboard-tv-active .tv-55-panel .tv-count-card > span,
body.dashboard-tv-active .tv-55-panel .tv-list article span,
body.dashboard-tv-active .tv-55-panel .tv-bar strong small {
  color: #475569 !important;
  text-shadow: none !important;
}

body.dashboard-tv-active .tv-55-panel .tv-slide-head > strong,
body.dashboard-tv-active .tv-55-panel .tv-fullscreen-primary,
body.dashboard-tv-active .tv-55-panel .tv-control-actions #tvAudioButton.active {
  border-color: #00528f !important;
  color: #ffffff !important;
  background: #00528f !important;
}

body.dashboard-tv-active .tv-55-panel .tv-control-actions button {
  border-color: #8095a8 !important;
  color: #0b1220 !important;
  background: #ffffff !important;
}

body.dashboard-tv-active .tv-55-panel .tv-control-actions button:hover,
body.dashboard-tv-active .tv-55-panel .tv-control-actions button:focus-visible {
  border-color: #00528f !important;
  color: #ffffff !important;
  background: #00528f !important;
}

body.dashboard-tv-active .tv-55-panel .tv-slide-summary,
body.dashboard-tv-active .tv-55-panel .tv-current-modules em {
  border-color: #b6c5d1 !important;
  color: #0b1220 !important;
  background: #edf4fa !important;
}

body.dashboard-tv-active .tv-55-panel .tv-data-badge.live {
  border-color: #0b5d34 !important;
  color: #073b22 !important;
  background: #dff5e9 !important;
}

body.dashboard-tv-active .tv-55-panel .tv-metrics article,
body.dashboard-tv-active .tv-55-panel .tv-count-card {
  border-color: #b7c5d1 !important;
  border-left-color: #0069b4 !important;
  color: #0b1220 !important;
  background: #f6f9fc !important;
}

body.dashboard-tv-active .tv-55-panel .tv-count-card.tv-metric-confirmed { border-left-color: #0b5d34 !important; }
body.dashboard-tv-active .tv-55-panel .tv-count-card.tv-metric-pending { border-left-color: #9a6700 !important; }
body.dashboard-tv-active .tv-55-panel .tv-count-card.tv-metric-unavailable { border-left-color: #9f1239 !important; }

body.dashboard-tv-active .tv-55-panel .tv-metric-kind {
  border-color: #4c87b7 !important;
  color: #083d67 !important;
  background: #e8f3fb !important;
}

body.dashboard-tv-active .tv-55-panel .tv-metric-confirmed .tv-metric-kind { border-color: #0b5d34 !important; color: #073b22 !important; background: #dff5e9 !important; }
body.dashboard-tv-active .tv-55-panel .tv-metric-pending .tv-metric-kind { border-color: #9a6700 !important; color: #5f3600 !important; background: #fff4cf !important; }
body.dashboard-tv-active .tv-55-panel .tv-metric-unavailable .tv-metric-kind { border-color: #9f1239 !important; color: #831843 !important; background: #ffe4ec !important; }

body.dashboard-tv-active .tv-55-panel .tv-bar,
body.dashboard-tv-active .tv-55-panel .tv-list article {
  border-color: #8ca0b1 !important;
  color: #0b1220 !important;
  background: #f8fafc !important;
}

body.dashboard-tv-active .tv-55-panel .tv-bar.leader,
body.dashboard-tv-active .tv-55-panel .tv-list article:first-child {
  border-left-color: #8a3d00 !important;
  background: #fff7e6 !important;
}

body.dashboard-tv-active .tv-55-panel .tv-bar div { border-color: #9fb0be !important; background: #e2e8f0 !important; }
body.dashboard-tv-active .tv-55-panel .tv-bar i { border-right: 2px solid #063f70 !important; background: #0077c8 !important; box-shadow: none !important; }
body.dashboard-tv-active .tv-55-panel .tv-bar.leader i { border-right-color: #612b00 !important; background: #c75b00 !important; }

body.dashboard-tv-active .tv-55-panel .tv-line-card polyline { stroke: #0069b4 !important; filter: none !important; }
body.dashboard-tv-active .tv-55-panel .tv-line-card circle { fill: #ffffff !important; stroke: #00528f !important; }

body.dashboard-tv-active .tv-55-panel .tv-tabs button { border-color: #7f93a4 !important; background: #d9e2e9 !important; }
body.dashboard-tv-active .tv-55-panel .tv-tabs button.active { border-color: #00528f !important; background: #0069b4 !important; }

body.dashboard-tv-active .tv-55-panel .tv-alerts article,
body.dashboard-tv-active .tv-55-panel .tv-alerts article.warning,
body.dashboard-tv-active .tv-55-panel .tv-alerts article.danger,
body.dashboard-tv-active .tv-55-panel .tv-alerts article.ok {
  color: #0b1220 !important;
  background: #ffffff !important;
}

body.dashboard-tv-active .tv-55-panel .tv-alerts article.warning { border-left-color: #9a6700 !important; background: #fff8df !important; }
body.dashboard-tv-active .tv-55-panel .tv-alerts article.danger { border-left-color: #9f1239 !important; background: #fff1f4 !important; }
body.dashboard-tv-active .tv-55-panel .tv-alerts article.ok { border-left-color: #0b5d34 !important; background: #edf9f1 !important; }

body.dashboard-tv-active .tv-55-panel .tv-live-activity,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-sale,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-visit,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-trace,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-plan,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-goal,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-pending,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-unknown,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-unavailable,
body.dashboard-tv-active .tv-55-panel .tv-live-activity.is-empty {
  color: #0b1220 !important;
  background: rgba(255, 255, 255, .985) !important;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .22) !important;
}

body.dashboard-tv-active .tv-55-panel .tv-live-activity-kind,
body.dashboard-tv-active .tv-55-panel .tv-live-activity-kind span,
body.dashboard-tv-active .tv-55-panel .tv-live-activity-copy strong,
body.dashboard-tv-active .tv-55-panel .tv-live-activity time { color: #0b1220 !important; }
body.dashboard-tv-active .tv-55-panel .tv-live-activity-copy span { color: #374151 !important; }

@media (max-width: 900px) {
  body.dashboard-tv-active .tv-55-panel .tv-control-bar > div:first-child {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    grid-template-areas:
      "brand live clock"
      "brand status status" !important;
  }
  body.dashboard-tv-active .tv-55-panel .tv-connectio-brand { grid-area: brand !important; min-width: 48px !important; padding-right: 8px !important; }
  body.dashboard-tv-active .tv-55-panel .tv-connectio-brand > .tv-connectio-brand-mark { display: block !important; width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
  body.dashboard-tv-active .tv-55-panel .tv-connectio-brand-copy { display: none !important; }
  body.dashboard-tv-active .tv-55-panel .tv-room-label { display: none !important; }
}