/* ============================================================
   VIDARIA 1.1 TAG-TOUR KPI STRIP
   ------------------------------------------------------------
   Phase 5: additive KPI strip rendered ABOVE the existing
   TourHeader meta row when window.__VIDARIA_UI__ is true.
   The existing TourHeader markup (title, live badge, officers
   list, action buttons) is preserved verbatim.

   Naming: .vds-tt-* — no collision with .ttv2-header* legacy.
   ============================================================ */

body.vds-shell .vds-tt-kpi-strip {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  background: var(--gray-150);
  border: var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--space-3);
}
@media (max-width: 1100px) {
  body.vds-shell .vds-tt-kpi-strip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  body.vds-shell .vds-tt-kpi-strip { grid-template-columns: repeat(2, 1fr); }
}
body.vds-shell .vds-tt-kpi {
  background: var(--white);
  padding: var(--space-2) var(--space-3);
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.vds-shell .vds-tt-kpi-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--gray-400);
}
body.vds-shell .vds-tt-kpi-value {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.vds-shell .vds-tt-kpi-value--success { color: var(--success-text); }
body.vds-shell .vds-tt-kpi-value--warning { color: var(--warning-text); }
body.vds-shell .vds-tt-kpi-value--danger  { color: var(--danger); }
body.vds-shell .vds-tt-kpi-value--blue    { color: var(--vidaria-blue); }
body.vds-shell .vds-tt-kpi-value--muted   { color: var(--gray-500); }