/**
 * GWH MOBILE CSS v3.0
 * Complete mobile fix layer for all GWH pages.
 * Covers: nav deduplication, log standardization (6 lines min),
 * terminal panel fixes, footer system, status dots green.
 */

/* ── GLOBAL RESETS ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }

/* ── PREVENT ZOOM ON INPUT FOCUS (iOS) ─────────────────────────── */
input, select, textarea { font-size: 16px !important; }
input[type="number"]    { font-size: 16px !important; }

/* ── SCROLLBAR ───────────────────────────────────────────────────── */
::-webkit-scrollbar       { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(188,19,254,0.4); border-radius: 2px; }

/* ═══════════════════════════════════════════════════════════════
   DUPLICATE NAV CLEANUP
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  nav.top          { display: none !important; }
  nav.gwh-topnav   { display: none !important; }
  nav.mn           { display: none !important; }
  .mn              { display: none !important; }
  .gwh-bnav        { display: none !important; }
  .gwh-mm          { display: none !important; }
  div.mm           { display: none !important; }
  #gwh-botnav      { display: block !important; }
  body             { padding-bottom: 64px !important; }
}
/* Kill every non-canonical top nav */
@media (max-width: 768px) {
  nav.top, nav[class="top"] { display: none !important; }
  nav + style + div.gwh-mm  { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════
   SHARED TOP NAV
   ═══════════════════════════════════════════════════════════════ */
#gwh-topnav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  display: flex !important;
}
@media (max-width: 700px) {
  #gwh-topnav .gn-links { display: none !important; }
}
@media (max-width: 380px) {
  #gwh-topnav .gn-brand  { font-size: 10px !important; }
  #gwh-topnav .gn-wbtn   { font-size: 6px !important; padding: 3px 7px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   STATUS DOTS — ALL fixed to green when .on
   ═══════════════════════════════════════════════════════════════ */
@keyframes gwh-dot-pulse { 0%,100%{opacity:1} 50%{opacity:.35} }

.ph-dot.on, .cdot.on, .conn-dot.on, .gwh-cdot.on,
#hub-dot.on, #harv-dot.on, #apex-dot.on, #voice-dot.on,
#gn-dot.on, .dot.on, [class*="dot"].on {
  background: #14F195 !important;
  box-shadow: 0 0 10px #14F195, 0 0 20px rgba(20,241,149,.3) !important;
  animation: gwh-dot-pulse 2s infinite !important;
}
/* Engine dots with inner fill */
.eng-dot.on::after, .ec-light.on::after {
  background: #14F195 !important;
}
.eng-dot.on { border-color: #14F195 !important; }

/* ═══════════════════════════════════════════════════════════════
   GWH SITE FOOTER (#gwh-footer)
   ═══════════════════════════════════════════════════════════════ */
#gwh-footer {
  background: rgba(3,0,13,.97);
  border-top: 1px solid rgba(188,19,254,.18);
  padding: 40px 5% 80px;
  font-family: 'JetBrains Mono', monospace;
}
#gwh-footer .gf-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 36px;
  margin-bottom: 32px;
}
#gwh-footer .gf-brand {
  font-family: 'Orbitron', sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 3px;
  background: linear-gradient(90deg, #14F195, #00ffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
  display: block;
}
#gwh-footer .gf-tagline {
  font-size: 11px;
  color: rgba(255,255,255,.35);
  line-height: 1.7;
  margin-bottom: 16px;
}
#gwh-footer .gf-socials { display: flex; gap: 8px; flex-wrap: wrap; }
#gwh-footer .gf-social {
  width: 32px; height: 32px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.4);
  text-decoration: none;
  font-size: 13px;
  transition: .2s;
}
#gwh-footer .gf-social:hover { border-color: rgba(0,255,255,.4); color: #00ffff; background: rgba(0,255,255,.06); }
#gwh-footer .gf-col-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 9px; font-weight: 900;
  letter-spacing: 2px; color: rgba(0,255,255,.7);
  text-transform: uppercase; margin-bottom: 14px;
}
#gwh-footer .gf-links { display: flex; flex-direction: column; gap: 8px; }
#gwh-footer .gf-links a {
  color: rgba(255,255,255,.38);
  text-decoration: none; font-size: 11px;
  transition: .15s;
  display: flex; align-items: center; gap: 6px;
}
#gwh-footer .gf-links a:hover { color: #00ffff; }
#gwh-footer .gf-links a::before { content: '◈'; color: rgba(188,19,254,.5); font-size: 8px; }
#gwh-footer .gf-ca {
  background: rgba(0,0,0,.4);
  border: 1px dashed rgba(0,255,255,.2);
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer; transition: .2s; margin-top: 16px;
}
#gwh-footer .gf-ca:hover { border-color: rgba(0,255,255,.5); }
#gwh-footer .gf-ca-lbl { font-size: 8px; color: rgba(188,19,254,.7); font-family: 'Orbitron', sans-serif; letter-spacing: 2px; margin-bottom: 4px; }
#gwh-footer .gf-ca-addr { font-size: 9px; color: rgba(0,255,255,.7); word-break: break-all; line-height: 1.5; }
#gwh-footer .gf-bottom {
  max-width: 1100px; margin: 0 auto;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.05);
  display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
}
#gwh-footer .gf-copy { font-size: 10px; color: rgba(255,255,255,.2); }
#gwh-footer .gf-disc { font-size: 9px; color: rgba(255,255,255,.15); max-width: 500px; line-height: 1.6; text-align: right; }
#gwh-footer .gf-chains { display: flex; gap: 8px; flex-wrap: wrap; }
#gwh-footer .gf-chain-btn {
  padding: 5px 10px; border-radius: 5px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.3);
  text-decoration: none; font-size: 9px; font-weight: 700;
  font-family: 'Orbitron', monospace; letter-spacing: .5px;
  transition: .2s; display: inline-flex; align-items: center; gap: 5px;
}
#gwh-footer .gf-chain-btn:hover { border-color: rgba(20,241,149,.3); color: #14F195; background: rgba(20,241,149,.05); }
@media (max-width: 768px) {
  #gwh-footer .gf-inner { grid-template-columns: 1fr; gap: 24px; }
  #gwh-footer .gf-bottom { flex-direction: column; align-items: flex-start; }
  #gwh-footer .gf-disc { text-align: left; }
  #gwh-footer { padding-bottom: 80px; }
}

/* ═══════════════════════════════════════════════════════════════
   LOG / FEED BOX STANDARD — always 6 visible lines minimum
   ═══════════════════════════════════════════════════════════════ */
.scroll-term,
.log, .log-body,
#bot-logs, #neural-feed,
#apex-radar, #harv-radar,
#harv-log, #apex-log, #voice-log, #global-log, #sys-log,
.ce-feed, .auto-stream, .stream-body, .feed-body,
div[id$="-log"], div[id$="-feed"], div[id$="-stream"] {
  min-height: 132px !important;
  max-height: 300px;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .scroll-term,
  .log, .log-body,
  #bot-logs, #neural-feed,
  #apex-radar, #harv-radar,
  #harv-log, #apex-log, #voice-log, #global-log, #sys-log,
  .ce-feed, .auto-stream, .stream-body, .feed-body,
  div[id$="-log"], div[id$="-feed"], div[id$="-stream"] {
    min-height: 154px !important;
    max-height: 240px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   FRAME-BASED PAGES (harvester / apex / engine / terminal)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  html, body { overflow: auto !important; height: auto !important; }

  .frame {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    display: block !important;
    overflow: visible !important;
    grid-template-rows: unset !important;
  }

  .grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 8px !important;
    overflow: visible !important;
    height: auto !important;
  }

  .panel {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 10px !important;
  }

  .frame, .grid, .panel { max-width: 100vw !important; overflow-x: hidden !important; }

  /* Ghost grid */
  .ghost-grid, #ghostGrid {
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 2px !important;
  }
  .gd, .gdot { height: 16px !important; font-size: 7px !important; }

  /* Header chips */
  .hchips { flex-wrap: wrap !important; max-width: calc(100vw - 160px) !important; }
  .hchip  { display: none !important; }
  .hchip:nth-child(-n+2) { display: flex !important; }

  .hdr {
    padding: 0 10px !important;
    height: auto !important;
    min-height: 52px !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
  }
  .brand { font-size: 12px !important; letter-spacing: 2px !important; }
  .ticker { height: 22px !important; }

  /* Stat grids */
  .apex-stats  { grid-template-columns: 1fr 1fr !important; }
  .hstat-grid  { grid-template-columns: 1fr 1fr !important; }
  .masters-row { grid-template-columns: 1fr 1fr !important; }
  .r-grid      { grid-template-columns: 1fr 1fr !important; }
  .ec-row      { grid-template-columns: repeat(3, 1fr) !important; }
  .tier-row    { grid-template-columns: repeat(3, 1fr) !important; }
  .vol-row     { grid-template-columns: repeat(2, 1fr) !important; }
  .lp-grid     { grid-template-columns: 1fr 1fr !important; }
  .burn-grid   { grid-template-columns: repeat(3, 1fr) !important; }
  .sg2         { grid-template-columns: 1fr 1fr !important; }
  .sg3         { grid-template-columns: 1fr 1fr !important; }
  .sg4         { grid-template-columns: repeat(2, 1fr) !important; }
  .dist-grid   { grid-template-columns: repeat(2, 1fr) !important; }

  /* Pools */
  .pool-thead  { display: none !important; }
  .pool-row    { grid-template-columns: 1fr 1fr !important; gap: 5px !important; padding: 10px !important; }
  .footer      { grid-template-columns: repeat(3, 1fr) !important; }
  .slots-wrap  { overflow-x: auto !important; }
  .slot-row    { grid-template-columns: 48px 1fr 60px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   TERMINAL SPECIFIC FIXES
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .scroll-term    { min-height: 180px !important; max-height: 300px !important; font-size: 10px !important; line-height: 1.6 !important; }
  .ce-feed        { height: auto !important; min-height: 154px !important; max-height: 220px !important; }
  .dist-hist      { max-height: 160px !important; overflow-y: auto !important; }
  .lp-grid        { grid-template-columns: 1fr 1fr 1fr !important; gap: 4px !important; }
  .log-entry      { font-size: 10px !important; line-height: 1.5 !important; padding: 4px 7px !important; }
  #clk            { display: none !important; }
  .dh-row         { grid-template-columns: 22px 1fr 60px !important; font-size: 9px !important; }
  .lc-row         { grid-template-columns: 16px 1fr 44px !important; font-size: 9px !important; }
  .slot-row       { grid-template-columns: 44px 1fr 56px !important; font-size: 9px !important; }
  .mini-val       { font-size: 10px !important; }
  .mini-lbl       { font-size: 6px !important; }
  .ec-big         { font-size: 16px !important; }
  .as-val         { font-size: 13px !important; }
  .mode-banner    { padding: 8px 10px !important; }
  .mode-name      { font-size: 11px !important; }
}
@media (max-width: 480px) {
  .ghost-grid, #ghostGrid { grid-template-columns: repeat(5, 1fr) !important; }
  .tier-row    { grid-template-columns: repeat(3, 1fr) !important; gap: 3px !important; }
  .burn-grid   { grid-template-columns: repeat(2, 1fr) !important; }
  .lp-val      { font-size: 18px !important; }
  .vault-big   { font-size: 16px !important; }
  .ec-big      { font-size: 15px !important; }
  .pbi:nth-child(n+6)  { display: none !important; }
  .pbi:nth-child(-n+5) { display: flex !important; }
  .pb  { gap: 14px !important; padding: 9px 3% !important; }
  .pbv { font-size: 11px !important; }
  .pbl { font-size: 9px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   DASHBOARD / LP VAULTS MERGED
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .stats-belt     { grid-template-columns: repeat(3, 1fr) !important; }
  .tier-grid      { grid-template-columns: repeat(2, 1fr) !important; }
  .how-grid       { grid-template-columns: 1fr 1fr !important; }
  .feed-strip     { grid-template-columns: 1fr !important; }
  .pos-grid       { grid-template-columns: 1fr !important; }
  .pos-stats      { grid-template-columns: 1fr 1fr !important; }
  .stats-row      { grid-template-columns: repeat(2, 1fr) !important; }
  .connect-card   { padding: 20px 14px !important; }
  .wallet-options { grid-template-columns: 1fr 1fr !important; }
  .gates-grid     { grid-template-columns: 1fr !important; }
  .steps-grid     { grid-template-columns: 1fr !important; }
  .calc-wrap      { padding: 18px 14px !important; }
  .calc-row       { flex-direction: column !important; align-items: flex-start !important; }
  .calc-in        { width: 100% !important; }
  .dist-split     { grid-template-columns: 1fr 1fr !important; }
  .earn-grid      { grid-template-columns: repeat(3, 1fr) !important; }
  .faq-grid       { grid-template-columns: 1fr !important; }
}
@media (max-width: 500px) {
  .stats-belt  { grid-template-columns: repeat(2, 1fr) !important; }
  .tier-grid   { grid-template-columns: 1fr 1fr !important; }
  .how-grid    { grid-template-columns: 1fr !important; }
  .earn-grid   { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ═══════════════════════════════════════════════════════════════
   INDEX / LANDING
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .sg  { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .hg  { grid-template-columns: 1fr !important; gap: 24px !important; }
  .hm  { grid-template-columns: 1fr 1fr !important; }
  .fg  { grid-template-columns: 1fr !important; }
  .tg  { grid-template-columns: 1fr !important; }
  .beg { grid-template-columns: 1fr !important; }
  .ec-grid { grid-template-columns: 1fr !important; }
  .dg .di { flex-direction: row !important; }
  .mb  { padding: 20px 14px !important; }
  section { padding: 48px 5% !important; }
  h1   { font-size: clamp(2.4rem, 11vw, 5rem) !important; }
  h2   { font-size: clamp(1.5rem, 7vw, 2.8rem) !important; }
  .hi  { width: 130px !important; height: 130px !important; }
  .cr  { flex-direction: column !important; align-items: center !important; gap: 10px !important; }
  .btn { padding: 14px 26px !important; font-size: 11px !important; }
  .br  { flex-direction: column !important; align-items: center !important; }
  /* hero CTAs stack */
  .hero-cta { flex-direction: column !important; gap: 10px !important; }
  .hero-cta .btn { width: 100% !important; justify-content: center !important; text-align: center !important; }
}
@media (max-width: 480px) {
  .sg { grid-template-columns: 1fr 1fr !important; }
  .hm { grid-template-columns: 1fr 1fr !important; }
}

/* ═══════════════════════════════════════════════════════════════
   SOVEREIGN VOICE / WHITEPAPER
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .card-grid { grid-template-columns: 1fr !important; }
  .plat-row  { flex-wrap: wrap !important; gap: 6px !important; }
  .wp-grid   { grid-template-columns: 1fr !important; }
  .wp-layout { grid-template-columns: 1fr !important; }
}

/* ═══════════════════════════════════════════════════════════════
   TOUCH IMPROVEMENTS
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  button, .btn, a.btn, [role="button"] { min-height: 40px; }
  .stream-body, .log-body, #bot-logs, #logEl, #neural-feed {
    -webkit-overflow-scrolling: touch;
  }
  [style*="min-width:"]   { min-width: unset !important; }
  [style*="width:280px"], [style*="width:300px"],
  [style*="width:260px"], [style*="width:240px"] { width: 100% !important; }
}

/* ═══════════════════════════════════════════════════════════════
   BOTTOM NAV
   ═══════════════════════════════════════════════════════════════ */
#gwh-botnav { padding-bottom: max(6px, env(safe-area-inset-bottom)); }
#gwh-botnav .gbn-inner { overflow-x: auto !important; }
#gwh-botnav a           { min-width: 44px !important; flex-shrink: 0 !important; }
@media (max-width: 360px) {
  #gwh-botnav a { min-width: 38px !important; font-size: 5px !important; }
  #gwh-botnav a i { font-size: 12px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   HERO SECTION
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .hero        { padding: 32px 5% 28px !important; }
  .hero-title  { font-size: clamp(1.4rem, 8vw, 2.2rem) !important; }
  .trust-row   { gap: 5px !important; }
  .trust-pill  { font-size: 9px !important; padding: 5px 10px !important; }
}


/* ═══ GWH FINAL — UNIFORM PANELS & LOG BOXES ═══════════════════════════════ */
/* All log/feed/stream boxes: exactly 6 lines (132px) on all pages */
.gwh-log,.log-box,.log,.scroll-term,.auto-stream,.stream-body,
.feed-body,.feed-content,.ce-feed,.log-body,
div[id$="-log"],div[id$="-feed"],div[id$="-stream"],div[id$="-radar"],
#bot-logs,#neural-feed,#apex-radar,#harv-radar,
#logEl,#harv-log,#apex-log,#voice-log,#global-log,#sys-log,
#harvestFeed,#streamFeed,#autoStream,#tradeFeed{
  min-height:132px!important;overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
  scrollbar-color:rgba(188,19,254,.35) transparent;
}
/* Ghost army panels: equal height on desktop (terminal col 2 & 3) */
.ghost-sec{flex:1;min-height:0;display:flex;flex-direction:column}
.ghost-grid{flex:1;align-content:start}
/* Terminal ghost army scroll panels: equal */
#apex-radar,#harv-radar{flex:1!important;min-height:132px!important}

@media(max-width:768px){
  .gwh-log,.log-box,.log,.scroll-term,.auto-stream,.stream-body,
  .feed-body,.feed-content,.ce-feed,.log-body,
  div[id$="-log"],div[id$="-feed"],div[id$="-stream"],div[id$="-radar"],
  #bot-logs,#neural-feed,#apex-radar,#harv-radar,
  #logEl,#harv-log,#apex-log,#voice-log,#global-log,#sys-log,
  #harvestFeed,#streamFeed,#autoStream,#tradeFeed{
    min-height:132px!important;max-height:220px!important;overflow-y:auto!important;
  }
  .panel{overflow:visible!important}
  .frame,.grid,.panel{max-width:100vw!important;overflow-x:hidden!important}
  .tier-grid{grid-template-columns:1fr 1fr!important}
  .feed-strip{grid-template-columns:1fr!important}
  .stats-belt{grid-template-columns:repeat(3,1fr)!important}
  .how-grid{grid-template-columns:1fr 1fr!important}
  .faq-grid,div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .stats-belt{grid-template-columns:repeat(2,1fr)!important}
  .tier-grid{grid-template-columns:1fr 1fr!important}
}
/* Touch targets */
button,.btn{min-height:40px}

/* Toast */
#gwh-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:9999;
  background:#14F195;color:#000;font-family:'Orbitron',sans-serif;font-size:11px;
  font-weight:900;letter-spacing:2px;padding:11px 24px;border-radius:10px;
  opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}
#gwh-toast.show{opacity:1}


/* Terminal: APEX Army + HARV Army panels equal height on mobile */
@media(max-width:768px){
  .ghost-sec{flex:1;min-height:180px;display:flex;flex-direction:column}
  #apex-radar,#harv-radar{flex:1!important;min-height:132px!important;max-height:220px!important}
  /* Bot nav labels: always show, no clipping */
  #gwh-botnav a span{font-size:7px!important;white-space:nowrap}
  #gwh-botnav a{min-width:46px!important;padding:0 3px!important}
}

/* ═══════════════════════════════════════════════════════════════
   FINAL POLISH v4.0 — Engine HQ ghost grid, log uniformity,
   desktop footer, balances live, mobile safe-areas
   ═══════════════════════════════════════════════════════════════ */

/* Ghost grid — engine_hq mobile: 10 cols fits 2 rows of 15 neatly */
@media(max-width:768px){
  #a-army,#h-army{grid-template-columns:repeat(10,1fr)!important;gap:2px!important}
  .gd{height:20px!important;font-size:7px!important}
}
@media(max-width:480px){
  #a-army,#h-army{grid-template-columns:repeat(8,1fr)!important}
}

/* ── Uniform log box heights: terminal & engine_hq match exactly ── */
@media(max-width:768px){
  #apex-log,#harv-log,#sys-log,#voice-log,
  #logEl,#bot-logs,#neural-feed,
  .scroll-term,div[id$="-log"]{
    min-height:154px!important;
    max-height:220px!important;
    font-size:10px!important;
    line-height:1.55!important;
  }
  /* Auto-stream / autopilot feed: same width as log box */
  .auto-stream,.stream-body,#autoStream,#streamFeed,
  div[id$="-stream"],div[id$="-feed"]{
    min-height:132px!important;
    max-height:200px!important;
    font-size:10px!important;
  }
}

/* ── Desktop: frame pages (harvester/apex/engine/terminal)
      ensure body is scrollable and panels don't clip ── */
@media(min-width:901px){
  .frame{min-height:0;overflow:auto}
  .grid{overflow:auto}
}

/* ── gwh-footer consistent on all screen sizes ── */
@media(max-width:900px){
  #gwh-footer{display:block!important}
}

/* ── Status dots — force visible green on all pages when .on ── */
.cdot.on,.ph-dot.on,.conn-dot.on,
#gn-dot.on,#hub-dot.on,#harv-dot.on,#apex-dot.on,#voice-dot.on,
[id$="-dot"].on,[class*="dot"].on{
  background:#14F195!important;
  box-shadow:0 0 10px #14F195,0 0 20px rgba(20,241,149,.25)!important;
  animation:gwh-dot-pulse 2s infinite!important;
}

/* ── Balance values — prevent overflow on small screens ── */
.mini-val,.as-val,.vault-big,.lp-val,.ec-big{
  word-break:break-all;
  max-width:100%;
}

/* ── LP Dashboard: fee note italic fix ── */
.tier-note em,.fee-note em{font-style:italic;color:rgba(0,255,255,.8)}

/* ── Engine HQ: ghost army section min-height desktop ── */
@media(min-width:901px){
  .ghost-sec{min-height:80px}
  .ghost-grid{gap:2px!important}
}

/* ── Scrollbar polish for all log/feed containers ── */
.auto-stream::-webkit-scrollbar,
.stream-body::-webkit-scrollbar,
div[id$="-log"]::-webkit-scrollbar,
div[id$="-feed"]::-webkit-scrollbar,
.scroll-term::-webkit-scrollbar{width:2px;height:2px}
.auto-stream::-webkit-scrollbar-thumb,
.stream-body::-webkit-scrollbar-thumb,
div[id$="-log"]::-webkit-scrollbar-thumb,
div[id$="-feed"]::-webkit-scrollbar-thumb,
.scroll-term::-webkit-scrollbar-thumb{background:rgba(188,19,254,.5);border-radius:2px}

/* ── Bottom nav safe area (iOS home bar) ── */
#gwh-botnav{
  padding-bottom:max(8px,env(safe-area-inset-bottom,8px))!important;
}