/* PRONOUS Board UI — dense multi-panel desktop dashboard matching mockup.
   Overrides desk-density-v2 / desk-v0 so layout is 3-column board, not long stack.
   All IDs / handlers preserved. */

/* Kill old density/v0 layout rules that force long vertical stack */
.board-ui.fin-dash .wrap,
.board-ui .board-wrap {
  display: block !important;
  max-width: 1480px !important;
  padding: 0 12px 24px !important;
  margin: 0 auto !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  grid-template-rows: none !important;
}

.board-ui.fin-dash .wrap > .topbar,
.board-ui .board-topbar {
  display: flex !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

/* Force 3-column board grid */
.board-ui .board-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.15fr) minmax(240px, 0.95fr) minmax(240px, 0.95fr) !important;
  grid-template-rows: auto auto auto auto auto !important;
  gap: 12px !important;
  margin-top: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* Explicit placement so nothing stacks */
.board-ui .signal-card   { grid-column: 1 / 2 !important; grid-row: 1 / 2 !important; }
.board-ui .scan-card     { grid-column: 2 / 3 !important; grid-row: 1 / 2 !important; }
.board-ui .market-card   { grid-column: 3 / 4 !important; grid-row: 1 / 2 !important; }
.board-ui .chart-card    { grid-column: 1 / 2 !important; grid-row: 2 / 3 !important; }
.board-ui .studio-card   { grid-column: 2 / 3 !important; grid-row: 2 / 3 !important; }
.board-ui .cmc-card      { grid-column: 3 / 4 !important; grid-row: 2 / 3 !important; }
.board-ui .onchain-card  { grid-column: 1 / 3 !important; grid-row: 3 / 4 !important; align-self: start !important; }
.board-ui .skills-card   { grid-column: 3 / 4 !important; grid-row: 3 / 4 !important; align-self: start !important; }
.board-ui .preflight-card{ grid-column: 1 / 3 !important; grid-row: 4 / 5 !important; }
.board-ui .poa-card      { grid-column: 3 / 4 !important; grid-row: 4 / 5 !important; align-self: start !important; }

/* Hide leftover sections */
.board-ui #radar-section,
.board-ui .kpis,
.board-ui .ticker-wrap,
.board-ui .hero {
  display: none !important;
}

/* App shell */
.board-ui {
  --board-bg: #07080b;
  --card-bg: #0e0f13;
  --card-border: rgba(245, 190, 55, 0.12);
  --gold: #f5c542;
  --text: #f0ece3;
  --muted: #8a8374;
  --pos: #3dd68c;
  --neg: #ff6b5f;
  --radius: 14px;
  background: var(--board-bg) !important;
}

.board-ui .app {
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  min-height: 100vh !important;
  background: var(--board-bg) !important;
}

.board-ui .side {
  width: 220px !important;
  background: #0a0b0e !important;
  border-right: 1px solid rgba(245, 190, 55, 0.1) !important;
  padding: 18px 12px !important;
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  overflow-y: auto !important;
}

.board-ui .side-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px 22px !important;
  letter-spacing: 0.12em !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.board-ui .brand-mark {
  width: 28px; height: 28px; border-radius: 8px;
  background: linear-gradient(135deg, #f5c542, #d99a16);
  color: #0a0b0e; display: inline-flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 13px;
}
.board-ui .brand-text { color: var(--text); }

.board-ui .navitem {
  display: flex !important; align-items: center !important; gap: 10px !important;
  padding: 9px 12px !important; border-radius: 10px !important; font-size: 13px;
  color: #b7b09f; border: 0 !important;
}
.board-ui .navitem.active {
  background: rgba(245, 190, 55, 0.1) !important;
  color: var(--gold) !important;
  box-shadow: none !important;
}
.board-ui .navitem .nav-ico { width: 18px; text-align: center; opacity: 0.7; font-size: 12px; }
.board-ui .navitem.active .nav-ico { opacity: 1; }

.board-ui .side-foot {
  border-top: 1px solid rgba(245, 190, 55, 0.08);
  padding-top: 12px; margin-top: auto;
}
.board-ui .live-tag {
  background: rgba(61, 214, 140, 0.1);
  border-color: rgba(61, 214, 140, 0.25);
  color: #3dd68c; font-size: 10px;
}

/* Topbar */
.board-ui .board-topbar {
  height: 56px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(245, 190, 55, 0.08) !important;
  padding: 0 4px !important;
  gap: 16px !important;
  align-items: center !important;
}
.board-ui .topbar-search {
  flex: 1; max-width: 360px; display: flex; align-items: center; gap: 8px;
  background: rgba(16, 16, 18, 0.9);
  border: 1px solid rgba(245, 190, 55, 0.12);
  border-radius: 999px; padding: 0 14px; height: 36px;
}
.board-ui .topbar-search input {
  border: 0 !important; background: transparent !important;
  padding: 0 !important; box-shadow: none !important; font-size: 13px;
}
.board-ui .topbar-search .search-icon { color: var(--muted); font-size: 14px; }
.board-ui .topbar-right {
  display: flex; align-items: center; gap: 12px; margin-left: auto;
}
.board-ui .chain-badge {
  font: 600 11px "IBM Plex Mono", monospace;
  padding: 5px 10px; border-radius: 999px;
  background: rgba(245, 190, 55, 0.1);
  border: 1px solid rgba(245, 190, 55, 0.22);
  color: var(--gold);
}
.board-ui .connect-btn {
  width: auto !important; min-width: 120px;
  padding: 8px 14px !important; border-radius: 10px !important;
}

/* Cards */
.board-ui .board-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--radius) !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.board-ui .board-card:hover { border-color: rgba(245, 190, 55, 0.22); }

.board-ui .card-head {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 10px; gap: 8px; flex-shrink: 0;
}
.board-ui .card-title-row {
  display: flex; align-items: center; gap: 8px;
}
.board-ui .card-title-row h2 {
  margin: 0 !important; font-size: 14px !important; font-weight: 700 !important;
}
.board-ui .card-ico { font-size: 14px; opacity: 0.85; }
.board-ui .card-head small {
  font: 10px "IBM Plex Mono", monospace; color: var(--muted);
  background: none !important; border: 0 !important; padding: 0 !important;
}
.board-ui .card-foot {
  margin-top: auto; padding-top: 8px; font-size: 11px; flex-shrink: 0;
}

/* Market Signal through POA - compact core styles */
.board-ui .signal-tabs, .board-ui .mw-tabs, .board-ui .cmc-tabs, .board-ui .oc-tabs { display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; flex-shrink: 0; }
.board-ui .sig-tab, .board-ui .mw-tab, .board-ui .cmc-tab, .board-ui .oc-tab {
  width: auto !important; padding: 5px 12px !important; border-radius: 999px !important;
  font-size: 11px !important; background: transparent !important;
  border: 1px solid rgba(245, 190, 55, 0.14) !important; color: var(--muted) !important; box-shadow: none !important;
}
.board-ui .sig-tab.active, .board-ui .mw-tab.active, .board-ui .cmc-tab.active, .board-ui .oc-tab.active {
  background: rgba(245, 190, 55, 0.12) !important; color: var(--gold) !important; border-color: rgba(245, 190, 55, 0.3) !important;
}
.board-ui .signal-list { display: flex; flex-direction: column; gap: 5px; flex: 1; overflow: auto; max-height: 260px; }
.board-ui .signal-row {
  display: grid; grid-template-columns: 1.4fr 1fr 0.6fr auto; align-items: center; gap: 6px;
  padding: 7px 10px; border-radius: 10px; background: rgba(8, 9, 12, 0.6); border: 1px solid rgba(245, 190, 55, 0.06);
}
.board-ui .sig-asset { display: flex; align-items: center; gap: 8px; }
.board-ui .sig-logo {
  width: 26px; height: 26px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 800; background: rgba(245, 190, 55, 0.12); color: var(--gold);
}
.board-ui .sig-asset b { display: block; font-size: 12px; font-weight: 700; }
.board-ui .sig-asset span { font-size: 10px; color: var(--muted); }
.board-ui .sig-price { font: 12px "IBM Plex Mono", monospace; text-align: right; }
.board-ui .sig-badge { font: 600 10px Inter, system-ui, sans-serif; padding: 3px 8px; border-radius: 999px; }
.board-ui .sig-badge.bullish { background: rgba(61, 214, 140, 0.12); color: var(--pos); }
.board-ui .sig-badge.neutral { background: rgba(138, 131, 116, 0.15); color: var(--muted); }
.board-ui .pos { color: var(--pos) !important; }
.board-ui .neg { color: var(--neg) !important; }

.board-ui .scan-row { display: flex; gap: 8px; margin-bottom: 8px; flex-shrink: 0; }
.board-ui .scan-row input { flex: 1; }
.board-ui .scan-row button { width: auto !important; min-width: 80px; padding: 10px 16px !important; }
.board-ui .scan-results, .board-ui .plan-box {
  background: rgba(8, 9, 12, 0.7); border: 1px solid rgba(245, 190, 55, 0.08);
  border-radius: 10px; padding: 8px 12px; font: 12px "IBM Plex Mono", monospace; color: #c9d7de; flex-shrink: 0;
}
.board-ui .opp-list { display: flex; flex-direction: column; gap: 5px; margin-bottom: 8px; flex: 1; overflow: auto; }
.board-ui .opp-item {
  display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px;
  background: rgba(8, 9, 12, 0.5); border: 1px solid rgba(245, 190, 55, 0.06); cursor: pointer;
}
.board-ui .opp-item b { display: block; font-size: 12px; }
.board-ui .opp-item span { font-size: 10px; color: var(--muted); }

.board-ui .market-watch-body { flex: 1; min-height: 0; overflow: auto; display: block !important; }
.board-ui .market-table-wrap { max-height: 220px; overflow: auto; margin-top: 6px !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
.board-ui .market-count {
  font: 600 10px "IBM Plex Mono", monospace; background: rgba(245, 190, 55, 0.1); border: 1px solid rgba(245, 190, 55, 0.2);
  border-radius: 999px; padding: 2px 7px; color: var(--gold); margin-left: 6px;
}

.board-ui .chart-controls { display: flex; gap: 4px; flex-shrink: 0; }
.board-ui .chart-tf, .board-ui .tf-btn {
  width: auto !important; padding: 4px 10px !important; font-size: 11px !important; border-radius: 8px !important;
  background: transparent !important; border: 1px solid rgba(245, 190, 55, 0.12) !important; color: var(--muted) !important; box-shadow: none !important;
}
.board-ui .chart-tf.active, .board-ui .tf-btn.active {
  background: rgba(245, 190, 55, 0.12) !important; color: var(--gold) !important;
}
.board-ui .chart-pair-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; gap: 10px; flex-shrink: 0; }
.board-ui .pair-select {
  background: rgba(8, 9, 12, 0.8); border: 1px solid rgba(245, 190, 55, 0.14); color: var(--text); border-radius: 8px; padding: 5px 10px; font: 12px "IBM Plex Mono", monospace;
}
.board-ui .tf-group { display: flex; gap: 3px; }
.board-ui .chart-price-line { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; flex-shrink: 0; }
.board-ui .chart-last { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; }
.board-ui .gap-chart { flex: 1; min-height: 0; }
.board-ui .gap-chart canvas { height: 180px !important; width: 100% !important; }

.board-ui .online-tag, .board-ui .verified-tag, .board-ui .live-tag {
  background: rgba(61, 214, 140, 0.1); border-color: rgba(61, 214, 140, 0.25); color: #3dd68c; font-size: 10px;
}
.board-ui .studio-desc { margin-bottom: 10px; flex-shrink: 0; }
.board-ui .agent-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; flex: 1; overflow: auto; }
.board-ui .agent-item {
  display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px;
  background: rgba(8, 9, 12, 0.5); border: 1px solid rgba(245, 190, 55, 0.06);
}
.board-ui .agent-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.board-ui .agent-dot.active { background: #3dd68c; box-shadow: 0 0 8px rgba(61, 214, 140, 0.5); }
.board-ui .agent-dot.idle { background: #6d675c; }
.board-ui .agent-item b { display: block; font-size: 12px; }
.board-ui .agent-item span { font-size: 10px; color: var(--muted); }
.board-ui .studio-open-btn, .board-ui .execute-main-btn {
  background: linear-gradient(135deg, #ffd84a, #d99a16) !important; color: #0a0b0e !important; border: 0 !important;
  font-weight: 700 !important; border-radius: 10px !important; flex-shrink: 0;
}
.board-ui .execute-main-btn { width: 100%; }

.board-ui .cmc-table-wrap { overflow: auto; max-height: 220px; flex: 1; }
.board-ui .cmc-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.board-ui .cmc-table th {
  text-align: left; color: var(--muted); font-size: 10px; font-weight: 600; padding: 5px 8px;
  border-bottom: 1px solid rgba(245, 190, 55, 0.1); text-transform: uppercase; letter-spacing: 0.04em;
}
.board-ui .cmc-table td { padding: 7px 8px; border-bottom: 1px solid rgba(245, 190, 55, 0.06); white-space: nowrap; }

.board-ui .onchain-result { max-height: 220px; overflow: auto; flex: 0 1 auto; }

.board-ui .skills-grid {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-top: 0 !important; flex: 1;
}
.board-ui .skill-tile {
  padding: 10px !important; border-radius: 12px !important; background: rgba(8, 9, 12, 0.6) !important;
  border: 1px solid rgba(245, 190, 55, 0.08) !important; display: flex; flex-direction: column; gap: 3px;
}
.board-ui .skill-tile b { font-size: 12px; font-weight: 700; }
.board-ui .skill-tile span { font-size: 10px; color: var(--muted); }

.board-ui .board-pipeline {
  display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 6px !important; margin-bottom: 12px; flex-shrink: 0;
}
.board-ui .board-pipeline .exec-step {
  min-height: 52px !important; padding: 8px !important; border-radius: 10px !important; text-align: center;
}
.board-ui .board-pipeline .exec-step b { font-size: 11px !important; color: var(--text) !important; }
.board-ui .board-pipeline .exec-step em { font-size: 9px !important; }
.board-ui .board-pipeline .exec-step.active {
  background: rgba(245, 190, 55, 0.08) !important; border-color: rgba(245, 190, 55, 0.35) !important;
}
.board-ui .preflight-body {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px; margin-bottom: 10px; padding: 10px 12px;
  background: rgba(8, 9, 12, 0.5); border-radius: 10px; border: 1px solid rgba(245, 190, 55, 0.08); flex-shrink: 0;
}
.board-ui .pf-row { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; font-size: 12px; }
.board-ui .pf-row code { font: 11px "IBM Plex Mono", monospace; color: var(--gold); }

.board-ui .poa-detail {
  margin-top: 8px; padding: 10px 12px; background: rgba(8, 9, 12, 0.5); border-radius: 10px; border: 1px solid rgba(245, 190, 55, 0.08);
}
.board-ui .poa-hash-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.board-ui .poa-hash-row code { font: 11px "IBM Plex Mono", monospace; color: var(--gold); flex: 1; overflow: hidden; text-overflow: ellipsis; }
.board-ui .poa-meta { display: flex; gap: 20px; margin-bottom: 8px; }
.board-ui .poa-meta > div { display: flex; flex-direction: column; gap: 2px; }
.board-ui .poa-meta b { font-size: 13px; }
.board-ui .poa-checks { display: flex; flex-direction: column; gap: 3px; }
.board-ui .check.ok { font-size: 11px; color: var(--pos); }
.board-ui .view-bscscan { display: inline-block; margin-top: 6px; }
.board-ui .poa-banner { margin: 10px 0; }
.board-ui .poa-ledger-head { display: flex; justify-content: space-between; align-items: center; margin: 12px 0 6px; }
.board-ui .poa-ledger { font: 11px "IBM Plex Mono", monospace; color: var(--muted); max-height: 120px; overflow: auto; }

/* Web3 Wallet Connect chooser */
.board-ui .wallet-chooser-panel { width: min(400px, 92vw) !important; padding: 22px 20px !important; }
.board-ui .wallet-chooser-panel h2 { margin: 0 0 4px !important; font-size: 18px !important; font-weight: 700 !important; color: var(--text) !important; }
.board-ui .wallet-chooser-sub { margin: 0 0 16px !important; font-size: 11px !important; }
.board-ui .wallet-choice-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-bottom: 12px !important; }
.board-ui .wallet-choice-btn {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important;
  width: 100% !important; text-align: left !important; padding: 14px 16px !important; border-radius: 12px !important;
  background: rgba(245, 190, 55, 0.1) !important; border: 1px solid rgba(245, 190, 55, 0.28) !important;
  color: var(--text) !important; cursor: pointer !important; box-shadow: none !important;
}
.board-ui .wallet-choice-btn.secondary { background: rgba(8, 9, 12, 0.6) !important; border-color: rgba(245, 190, 55, 0.14) !important; }
.board-ui .wallet-choice-btn:hover { border-color: rgba(245, 190, 55, 0.5) !important; background: rgba(245, 190, 55, 0.14) !important; }
.board-ui .wallet-choice-ico { font-size: 18px; margin-bottom: 4px; }
.board-ui .wallet-choice-label { font-size: 14px; font-weight: 700; }
.board-ui .wallet-choice-desc { font-size: 11px; color: var(--muted); }
.board-ui .wallet-chooser-hint { margin: 0 0 12px !important; line-height: 1.4; }
.board-ui .wallet-cancel { width: 100% !important; }

/* Responsive */
@media (max-width: 1100px) {
  .board-ui .board-grid { grid-template-columns: 1fr 1fr !important; }
  .board-ui .signal-card   { grid-column: 1 / 2 !important; grid-row: 1 / 2 !important; }
  .board-ui .scan-card     { grid-column: 2 / 3 !important; grid-row: 1 / 2 !important; }
  .board-ui .market-card   { grid-column: 1 / 3 !important; grid-row: 2 / 3 !important; }
  .board-ui .chart-card    { grid-column: 1 / 2 !important; grid-row: 3 / 4 !important; }
  .board-ui .studio-card   { grid-column: 2 / 3 !important; grid-row: 3 / 4 !important; }
  .board-ui .cmc-card      { grid-column: 1 / 3 !important; grid-row: 4 / 5 !important; }
  .board-ui .onchain-card  { grid-column: 1 / 3 !important; grid-row: 5 / 6 !important; }
  .board-ui .skills-card   { grid-column: 1 / 3 !important; grid-row: 6 / 7 !important; }
  .board-ui .preflight-card{ grid-column: 1 / 3 !important; grid-row: 7 / 8 !important; }
  .board-ui .poa-card      { grid-column: 1 / 3 !important; grid-row: 8 / 9 !important; }
}

@media (max-width: 900px) {
  .board-ui .app { display: block !important; }
  .board-ui .side { display: none !important; }
  .board-ui .board-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
  .board-ui .signal-card,
  .board-ui .scan-card,
  .board-ui .market-card,
  .board-ui .chart-card,
  .board-ui .studio-card,
  .board-ui .cmc-card,
  .board-ui .onchain-card,
  .board-ui .skills-card,
  .board-ui .preflight-card,
  .board-ui .poa-card {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .board-ui .board-pipeline { grid-template-columns: repeat(3, 1fr) !important; }
  .board-ui .preflight-body { grid-template-columns: 1fr; }
  .board-ui .skills-grid { grid-template-columns: 1fr 1fr !important; }
  .board-ui .signal-row { grid-template-columns: 1.2fr 1fr auto; }
  .board-ui .sig-spark { display: none; }
}

/* === MOBILE DESK DENSITY FIX === */
@media (max-width: 900px) {
  html body.board-ui .board-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    align-items: start !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body.board-ui .board-grid > .board-card {
    grid-column: 1 !important;
    grid-row: auto !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
  }

  /* On-chain should end immediately after its actual content. */
  html body.board-ui #onchain-section {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  html body.board-ui .onchain-card {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  html body.board-ui .onchain-card .onchain-result {
    flex: 0 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body.board-ui #onchain-section .onchain-result {
    flex: 0 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 220px !important;
    overflow: auto !important;
  }

  /* Prevent hidden desktop sections from reserving mobile space. */
  html body.board-ui #skills-section[hidden],
  html body.board-ui #poa-section[hidden],
  html body.board-ui .skills-card[hidden],
  html body.board-ui .poa-card[hidden] {
    display: none !important;
  }

  html body.board-ui .preflight-card,
  html body.board-ui #execution {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
  }

  html body.board-ui .board-card {
    padding: 12px 10px !important;
  }

  html body.board-ui .card-head {
    margin-bottom: 8px !important;
  }
}

/* === BOARD DENSITY FINAL OVERRIDE === */

html body.board-ui .board-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.95fr) !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  gap: 10px !important;
}

html body.board-ui .board-grid > .board-card {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-self: start !important;
  min-width: 0 !important;
  grid-area: auto !important;
}

html body.board-ui #tape {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
html body.board-ui #agent {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
html body.board-ui #market {
  grid-column: 3 !important;
  grid-row: 1 !important;
}
html body.board-ui #overview {
  grid-column: 1 !important;
  grid-row: 2 !important;
}
html body.board-ui #studio-section {
  grid-column: 2 !important;
  grid-row: 2 !important;
}
html body.board-ui #cmcRadarCard {
  grid-column: 3 !important;
  grid-row: 2 !important;
}
html body.board-ui #onchain-section {
  grid-column: 1 / 3 !important;
  grid-row: 3 !important;
}
html body.board-ui #skills-section {
  grid-column: 3 !important;
  grid-row: 3 !important;
}
html body.board-ui #execution {
  grid-column: 1 / 3 !important;
  grid-row: 4 !important;
}
html body.board-ui #poa-section {
  grid-column: 3 !important;
  grid-row: 4 !important;
}

@media (max-width: 900px) {
  html body.board-ui .board-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: max-content !important;
    gap: 8px !important;
  }

  html body.board-ui .board-grid > .board-card {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  html body.board-ui #agent {
    display: block !important;
  }
}

@media (max-width: 560px) {
  html body.board-ui .board-grid {
    gap: 7px !important;
  }

  html body.board-ui .skills-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }
}

/* === END BOARD DENSITY FINAL OVERRIDE === */