/* ============================================================================
   ind_valuation.css — page-scoped styles for industry_valuation_ttm_new.php (request 011).
   Mirrors the FS / profitability / ME externalised-CSS standard: no inline styles in the markup.
   Classes are prefixed `ival-` to avoid collisions with the shared /css/site.css. Staging only.
   ============================================================================ */

/* ---- Sticky offer bar (conversion zone 9) — tokens only, no new globals ---- */
.lead-stickybar{position:sticky;bottom:0;z-index:900;display:flex;flex-wrap:wrap;gap:.5rem;
  align-items:center;justify-content:center;padding:.55rem .75rem;margin-top:1rem;
  background:linear-gradient(to right,var(--clr-nav-start),var(--clr-nav-mid));
  border-top:3px solid var(--clr-accent);color:#fff;border-radius:.5rem .5rem 0 0;
  box-shadow:0 -4px 16px rgba(0,0,0,.18);}
.lead-stickybar .lead-sticky-msg{font-weight:700;font-size:.85rem;margin-right:.25rem;}
.lead-stickybar a{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .8rem;
  border-radius:999px;font-size:.78rem;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.5);color:#fff;}
.lead-stickybar a.primary{background:var(--clr-accent);border-color:var(--clr-accent);}
.lead-stickybar a:hover{background:#fff;color:var(--clr-nav-start);border-color:#fff;}
.lead-stickybar .close{cursor:pointer;opacity:.7;border:0;background:transparent;color:#fff;font-size:1rem;line-height:1;margin-left:.25rem;}

/* ---- Persona CTA chips at the paywall (conversion zone 3) ---- */
.lead-persona-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.75rem 0 0;}
@media (min-width:576px){.lead-persona-grid{grid-template-columns:repeat(2,1fr);}}
.lead-persona{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;border-radius:.5rem;
  border:1px solid var(--clr-border,#dee2e6);border-left:4px solid var(--clr-accent);
  background:color-mix(in srgb,var(--clr-body-bg) 96%,CanvasText 4%);text-decoration:none;color:var(--clr-body-text,CanvasText);}
.lead-persona:hover{background:color-mix(in srgb,var(--clr-accent) 7%,Canvas);}
.lead-persona .who{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-accent);}
.lead-persona .what{font-size:.8rem;font-weight:600;}
.lead-persona .prod{font-size:.7rem;opacity:.7;}
/* the shared persona include uses this utility class name */
.ipr-mt-6{margin-top:.6rem;}

/* ---- Hero ---- */
.ival-hero-sub{margin-top:.6rem;opacity:.85;}
.ival-classrow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center;}
.ival-classlabel{font-size:.7rem;opacity:.6;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-right:.25rem;}
.ival-classpill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.3);font-size:.72rem;font-weight:700;letter-spacing:.04em;
  color:rgba(255,255,255,.7);text-decoration:none;}
.ival-classhint{font-size:.68rem;opacity:.55;margin-left:.25rem;}

/* ---- KPI-strip micro-CTA ---- */
.ival-microcta{font-size:.8rem;margin:.4rem 0 0;}

/* ---- API block card + button row ---- */
.ival-card-mt{margin-top:.5rem;}
.ival-btnrow{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem;}

/* ---- Table header actions + horizontal scroll wrapper ---- */
.ival-hdr-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.ival-xscroll{overflow-x:auto;}

/* ---- Metric-cell sub-label + misc spacing ---- */
.ival-cell-meta{opacity:.6;font-size:.72rem;}
.ival-m0{margin:0;}

/* ---- amCharts column-chart container ---- */
.ival-chart{width:100%;height:300px;}

/* ---- Cross-links to the sibling pages ---- */
.ival-crosslink{font-weight:600;}

/* ---- Grouped sub-header row inside the advanced tables ---- */
.ival-grp-row td{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  opacity:.6;padding-top:.7rem;padding-bottom:.2rem;border-bottom:1px solid var(--clr-border,#dee2e6);}