/* ============================================================
   HRZN · FINOPS (cockpit) — ajustes del header unificado
   ------------------------------------------------------------
   El hero del cockpit ya usaba las clases de tipografia del handoff
   (.hd-title/.hd-signal/.hd-console/.hd-action-row) pero adentro de un
   contenedor propio, .finops-hero, armado a mano con utilidades de
   Tailwind: video sin .hd-art, degradado inline en vez de .hd-scrim,
   sin .hd-body ni titulo colapsado. Ahora el contenedor ES un
   .hd-header de css/hrzn-header.css.

   La clase .finops-hero se conserva a proposito: es la que leen
   cockpit/app.js (q('.finops-hero'), q('.finops-hero button[title]')),
   css/horizon-skin.css y css/horizon-dark.css. Lo que sigue solo
   neutraliza los overrides que compensaban el armado a mano.
   ============================================================ */

/* ---- alto y padding ----
   .finops-hero traia min-height 258px (index.css) y padding-top 62px
   (horizon-skin.css, !important): con el hero a mano el texto estaba
   en flujo normal y habia que empujarlo hacia abajo para que no
   quedara atras de la pastilla del reloj. El .hd-header resuelve ese
   cruce por ancho -- .hd-body reserva la columna y la consola queda
   al lado -- asi que el empujon sobra y dejaba el header 90px mas
   alto que en las otras 8 pantallas. */
.hd-header.finops-hero {
  min-height: var(--hd-open-min) !important;
  padding-top: 28px !important;
  padding-bottom: 22px !important;
  padding-left: var(--hd-pad-x);
  padding-right: var(--hd-pad-x);
  box-shadow: none;
}

/* colapsado el padding lo maneja .hd-header.is-collapsed, que los
   !important de arriba le estarian pisando */
.hd-header.finops-hero.is-collapsed {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ---- el boton "Simulate event" ----
   viene con utilidades de Tailwind (active:scale-95) y hereda
   .hd-action.is-primary; el icono se dimensiona con h-3 w-3 propio. */
.hd-header.finops-hero .hd-action-row .hd-action { min-height: 34px; }
.hd-header.finops-hero .hd-action-row .hd-action svg { flex: none; }

/* ---- el breakpoint de 880px, adentro del iframe ----
   El cockpit se sirve dentro de .antigravity-frame, que es ~90px mas
   angosto que la ventana (el sidebar vive afuera). Resultado: la rama
   @media (max-width:880px) de hrzn-header.css se dispara con la
   ventana todavia en ~940px, mucho antes que en las 8 pantallas que
   montan el header en la pagina de afuera. Ahi la consola y la accion
   pasan a position:static y, siendo cajas de bloque, se estiran al
   ancho completo: la pastilla del reloj deja de ser una pastilla.
   Se les devuelve el ancho de su contenido. El componente compartido
   no se toca -- esto es propio de estar embebido. */
@media (max-width: 880px) {
  .hd-header.finops-hero .hd-console,
  .hd-header.finops-hero .hd-action-row { width: fit-content; }
}

/* ---- scroll anchoring ----
   Igual que en .hz-page (horizon-pages.css) y en cloudbeach: al colapsar
   el header pierde 185px de alto y el navegador compensaba restandoselos
   al scroll, lo que te devolvia arriba justo al cruzar el umbral y volvia
   a expandir el header. .finops-dashboard envuelve todo el contenido que
   scrollea en el iframe. Medido: desvios de -97 y -184 antes, 0 despues. */
.finops-dashboard { overflow-anchor: none; }

/* ---- el copete (.hd-signal) al tamano del handoff ----
   hrzn-type.css baja a 14.5px/1.5 con !important todo <p> del hero
   (.finops-dashboard x4 .finops-hero p, y su "p *", que se lleva puesto
   tambien el <b> del dato importante). Eso dejaba el copete de FinOps en
   14.5px contra los 18px de las otras 8 pantallas -- el titulo y el
   saludo si coinciden, era solo esta linea. Se le devuelve el
   font de .hd-signal (hrzn-header.css): 400 18px/1.35.
   El peso se deja fuera del "*" para no pisar el 700 del <b>, que es
   justamente lo que tiene que resaltar. */
.finops-dashboard.finops-dashboard.finops-dashboard.finops-dashboard .finops-hero p.hd-signal,
.finops-dashboard.finops-dashboard.finops-dashboard.finops-dashboard .finops-hero p.hd-signal * {
  font-size: 18px !important;
  line-height: 1.35 !important;
}
.finops-dashboard.finops-dashboard.finops-dashboard.finops-dashboard .finops-hero p.hd-signal {
  font-weight: 400 !important;
}