/* FINAL discipline pass — flame is the only brand accent. Blue and green are status-only. */

:root {
  --accent: var(--flame-500);
  --accent-soft: rgba(245,122,43,0.08);
  --accent-edge: rgba(245,122,43,0.3);
}

/* ── Kill decorative blue across the site ── */
.intel-text { color: var(--bone) !important; }
.case-bar-fill.up, .case-bar-fill.down { background: var(--bone) !important; opacity: 0.85; }
.dash-conv-ico svg, .integ-cat { color: var(--smoke) !important; }
.integ-chip:hover { border-color: var(--carbon-2) !important; }
.dive-row-out { background: var(--soot-2) !important; border-color: var(--carbon) !important; color: var(--smoke) !important; }
.dive-row-out svg { color: var(--smoke) !important; }
.how-line { background: linear-gradient(to right, transparent, var(--carbon-2) 20%, var(--carbon-2) 80%, transparent) !important; opacity: 0.6; }
.how-step:first-child .how-bullet { border-color: var(--accent) !important; }
.how-step:first-child .how-bullet .mono { color: var(--accent) !important; }
.funnel-fill { background: var(--carbon-2) !important; }
.dash-link, .dash-log-a, .dash-conv-status { color: var(--smoke) !important; }

/* Hover on cards uses flame edge, not blue */
.sec-ind .ind-card:hover { border-color: var(--accent-edge) !important; }
.sec-ind .ind-card:hover svg { color: var(--accent) !important; }
.sec-cap .cap-card:hover svg { color: var(--accent) !important; }
.integ-cat { color: var(--smoke) !important; }
.integ-chip-mark { color: var(--bone) !important; }

/* ── Kill decorative green; keep ONLY the live-status dot ── */
.tier-feats li svg { color: var(--smoke) !important; opacity: 0.6; }
.integ-trust { color: var(--smoke) !important; }
.integ-trust svg { color: var(--smoke) !important; }
.bp-spark { color: var(--smoke) !important; }
.dash-log-o.out-good { color: var(--accent) !important; }
.dash-log-o.out-good::before { content: ""; }
.fl-sys.done { background: transparent !important; border-color: var(--carbon) !important; color: var(--bone) !important; }
.phone-wave span { background: var(--bone) !important; opacity: 0.75; }

/* ── SIMPLIFY the dashboard further ── */

/* Hide the funnel panel — too marketing-chart, not "easier life" */
.sec-dash .dash-split { grid-template-columns: 1fr !important; }
.sec-dash .dash-split > .dash-panel:nth-child(2) { display: none; }

/* Hide the activity log — keep just live conversations + tiles */
.sec-dash .dash-main > .dash-panel:last-child { display: none; }

/* Trim nav to 5 essential items */
.dash-nav .dash-nav-i:nth-child(n+6) { display: none; }

/* Tile row: 3 tiles, not 4 — drop "avg response" */
.dash-tiles { grid-template-columns: repeat(3, 1fr) !important; }
.dash-tiles .dash-tile:nth-child(4) { display: none; }

/* Calmer tile typography */
.dash-tile-v { font-size: 32px !important; font-weight: 600 !important; }
.dash-tile-l { letter-spacing: 0.14em !important; font-size: 10px !important; }

/* Quieter header — remove "New workflow" button noise */
.dash-head-r .dash-btn.primary { display: none; }

/* Less chrome on conversation rows — bigger breathable padding */
.dash-conv-row { padding: 14px 20px !important; }
.dash-conv-status { background: transparent !important; border: none !important; padding: 0 !important; }

/* Single column dashboard feel */
.dash-panel { background: var(--soot-2) !important; }
.dash-main { background: var(--ink); }

/* Section header for dashboard: softer */
.sec-dash .sec-head { margin-bottom: 40px !important; }

/* ── Featured industry card (first in grid) ── */
.ind-feat {
  border-color: rgba(245,122,43,0.25) !important;
  background: linear-gradient(135deg, rgba(245,122,43,0.04) 0%, var(--soot-2) 60%) !important;
}
.ind-feat .ind-card-stat { font-size: 15px; }

@media (min-width: 640px) {
  .sec-ind .ind-grid { grid-template-columns: repeat(2, 1fr); }
  .ind-feat {
    grid-column: span 2;
    flex-direction: row;
    gap: 32px;
    align-items: center;
  }
  .ind-feat .ind-card-top { min-width: 200px; }
  .ind-feat .ind-card-stat { flex: 1; border-top: none !important; padding-top: 0 !important; font-size: 16px; color: var(--bone); }
  .ind-feat .ind-card-actions { flex-direction: column; min-width: 140px; margin-top: 0; }
}
@media (min-width: 980px) {
  .sec-ind .ind-grid { grid-template-columns: repeat(3, 1fr); }
  .ind-feat { grid-column: span 2; }
}

/* ── Variant switcher: compact tabs in floating mode ── */
.vs-tab { padding: 6px 10px; border: 1px solid var(--carbon); border-radius: 6px; background: transparent; text-align: left; transition: all .2s; }
.vs-tab-tag { display: none; }
.vs-tab.active .vs-tab-tag { display: block; font-size: 9px; color: var(--flame-500); margin-top: 1px; }
.vs-tab-name { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 12px; }
.pain-card { transition: border-color 0.22s cubic-bezier(0.2,0,0,1) !important; }
.cap-card { transition: background 0.22s cubic-bezier(0.2,0,0,1) !important; }
.ind-card { transition: border-color 0.22s cubic-bezier(0.2,0,0,1), transform 0.22s cubic-bezier(0.2,0,0,1) !important; }
.btn-pill { transition: background 0.15s cubic-bezier(0.2,0,0,1), box-shadow 0.15s, border-color 0.15s, color 0.15s !important; }
.btn-pill:active { transform: scale(0.97); }
.integ-chip { transition: border-color 0.18s cubic-bezier(0.2,0,0,1) !important; }
.logo-mark { transition: opacity 0.2s cubic-bezier(0.2,0,0,1), filter 0.2s !important; }

/* ── Logo bar: more visible, remove aggressive fade + grayscale ── */
.logo-mark { opacity: 0.72 !important; filter: none !important; }
.logo-mark:hover { opacity: 1 !important; filter: none !important; }
.logo-mark-glyph { border-color: var(--carbon) !important; }

/* ── Kill remaining blue in OpenClaw think stage → neutral ── */
.claw-node.think.on { border-color: rgba(255,255,255,0.08) !important; box-shadow: none !important; }
.claw-node.think.on .claw-stage { color: var(--smoke) !important; }
.claw-node.think .claw-icon { color: var(--bone) !important; opacity: 0.7; }
.claw-thinking span { background: var(--smoke) !important; }

/* ── Industry cards: tighter hover lift ── */
.sec-ind .ind-card:hover { transform: translateY(-1px) !important; }

/* ── Case study bars: bone, not blue-green gradient ── */
.case-bar-fill.up,
.case-bar-fill.down { background: var(--flame-500) !important; opacity: 0.6; }
.case-row.cost-emph .cost-cell.cost-ai { color: var(--flame-500) !important; }

/* ── Section kicker: quieter square, no override confusion ── */
.sec-kicker::before { content: "■"; color: var(--flame-500); margin-right: 8px; font-size: 8px; vertical-align: middle; opacity: 0.9; }

/* Make all section "muted" subtitles consistent */
.sec-title .muted { color: var(--smoke); }

/* Hero badges — keep flame for status pill only */
.hero-bold-status { color: var(--smoke) !important; }

/* Pricing tier checks: one neutral style */
.tier-feats li svg { color: var(--accent) !important; opacity: 0.55 !important; }
.tier-feat .tier-feats li svg { opacity: 1 !important; }