/* SlimeWire final terminal polish loaded after the main stylesheet. */
[data-app]:not([data-route="terminal"]) [data-terminal-global-search],
[data-app]:not([data-route="terminal"]) [data-top-sync-strip],
[data-app]:not([data-route]) [data-terminal-global-search],
[data-app]:not([data-route]) [data-top-sync-strip],
[data-app]:not([data-route]) [data-connect],
[data-app]:not([data-route]) [data-dashboard] {
  display: none !important;
  pointer-events: none !important;
}

[hidden],
.top-auth-group[hidden],
[data-guest-actions][hidden],
[data-session-actions][hidden],
.terminal-global-search[hidden],
.top-sync-strip[hidden] {
  display: none !important;
  pointer-events: none !important;
}

[data-route-view-hidden="true"],
[data-app][data-route="terminal"] [data-login],
[data-app][data-route="terminal"] [data-connect],
[data-app][data-route="intro"] [data-connect],
[data-app][data-route="intro"] [data-dashboard],
[data-app][data-route="connect"] [data-login],
[data-app][data-route="connect"] [data-dashboard] {
  display: none !important;
  pointer-events: none !important;
}

[data-app][data-route="terminal"] [data-dashboard] {
  display: block;
}

.tabs .nav-tool-group {
  border: 1px solid rgba(114, 255, 35, 0.22) !important;
  border-radius: 9px !important;
  background: rgba(8, 19, 10, 0.78) !important;
  padding: 5px !important;
}



.ogre-tek-page {
  display: grid;
  gap: 16px;
}

.ogre-tek-header,
.ogre-risk-copy,
.slime-panel {
  border: 1px solid rgba(135, 255, 57, 0.28);
  background:
    radial-gradient(circle at 12% 10%, rgba(116, 255, 52, 0.08), transparent 32%),
    rgba(4, 17, 8, 0.84);
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px rgba(135, 255, 57, 0.04);
}

.ogre-tek-header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
  align-items: center;
}

.ogre-tek-header h2 {
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  color: #9cff3f;
  text-shadow: 0 0 18px rgba(98, 255, 20, 0.35);
}

.ogre-tek-header p {
  margin: 6px 0 0;
  color: rgba(238, 255, 230, 0.78);
}

.ogre-tek-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.slime-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(135, 255, 57, 0.38);
  background: rgba(13, 49, 14, 0.68);
  color: #9cff3f;
  font-weight: 900;
}

.slime-status-badge[data-ok="false"] {
  color: #ffd166;
  border-color: rgba(255, 209, 102, 0.48);
  background: rgba(70, 45, 4, 0.52);
}

.ogre-risk-copy {
  padding: 12px 16px;
  color: rgba(238, 255, 230, 0.82);
}

.ogre-tek-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  gap: 16px;
  align-items: start;
}

.ogre-tek-main,
.ogre-tek-side {
  display: grid;
  gap: 16px;
}

.slime-panel {
  padding: 16px;
  min-width: 0;
}

.panel-title-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.panel-title-row h3 {
  margin: 0;
  color: #f3ffee;
}

.panel-title-row p {
  margin: 4px 0 0;
  color: rgba(238, 255, 230, 0.64);
}

.ogre-market-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ogre-market-card {
  display: grid;
  gap: 5px;
  text-align: left;
  padding: 12px;
  min-height: 126px;
  border-radius: 14px;
  border: 1px solid rgba(135, 255, 57, 0.22);
  background: rgba(4, 14, 7, 0.72);
}

.ogre-market-card[data-active="true"] {
  border-color: rgba(135, 255, 57, 0.78);
  box-shadow: 0 0 22px rgba(98, 255, 20, 0.18);
}

.ogre-market-card span,
.ogre-market-card strong {
  color: #f3ffee;
}

.ogre-market-card small,
.ogre-tek-table small,
.ogre-account-grid small,
.ogre-quote-grid small,
.ogre-review-grid small {
  color: rgba(238, 255, 230, 0.62);
}

.ogre-ticket {
  position: sticky;
  top: 96px;
}

.ogre-ticket-tabs,
.ogre-modal-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}

.ogre-ticket-tabs button[data-active="true"] {
  background: linear-gradient(135deg, #69ff23, #b8ff68);
  color: #041007;
}

.ogre-ticket label,
.ogre-risk-check {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
  color: rgba(238, 255, 230, 0.82);
  font-weight: 800;
}

.ogre-ticket-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ogre-ticket input,
.ogre-ticket select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(135, 255, 57, 0.34);
  border-radius: 12px;
  background: rgba(2, 10, 5, 0.88);
  color: #f3ffee;
  padding: 9px 10px;
}

.ogre-ticket input[type="range"] {
  padding: 0;
  accent-color: #8fff2f;
}

.ogre-quote-grid,
.ogre-account-grid,
.ogre-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.ogre-quote-grid span,
.ogre-account-grid span,
.ogre-review-grid span {
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid rgba(135, 255, 57, 0.18);
  border-radius: 12px;
  background: rgba(6, 22, 9, 0.74);
  min-width: 0;
}

.ogre-quote-grid strong,
.ogre-account-grid strong,
.ogre-review-grid strong {
  color: #f3ffee;
}

.ogre-risk-list {
  display: grid;
  gap: 6px;
  margin: 10px 0;
}

.ogre-risk-list p {
  margin: 0;
  padding: 8px 10px;
  border-radius: 10px;
  color: #ffd166;
  background: rgba(78, 47, 3, 0.5);
}

.ogre-risk-list p[data-kind="error"] {
  color: #ff8a8a;
  background: rgba(82, 10, 10, 0.5);
}

.ogre-tek-table {
  display: grid;
  gap: 8px;
}

.ogre-table-head,
.ogre-table-row {
  display: grid;
  grid-template-columns: 1.2fr 0.9fr 0.9fr 0.7fr 0.7fr 1.5fr;
  gap: 10px;
  align-items: center;
}

.ogre-tek-table-small .ogre-table-head,
.ogre-tek-table-small .ogre-table-row {
  grid-template-columns: 1.2fr 0.8fr 0.8fr 0.7fr 0.8fr;
}

.ogre-table-head {
  color: rgba(238, 255, 230, 0.58);
  font-size: 12px;
  text-transform: uppercase;
}

.ogre-table-row {
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(135, 255, 57, 0.18);
  background: rgba(4, 14, 7, 0.62);
}

.ogre-table-row > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ogre-row-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.ogre-row-actions button,
.ogre-tek-table button {
  min-height: 30px;
  padding: 6px 9px;
  border-radius: 9px;
  font-size: 12px;
}

.ogre-tek-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.72);
}

.ogre-tek-modal {
  width: min(720px, 100%);
  max-height: min(760px, 92vh);
  overflow: auto;
  border: 1px solid rgba(135, 255, 57, 0.58);
  border-radius: 18px;
  padding: 18px;
  background: #030c05;
  box-shadow: 0 0 40px rgba(98, 255, 20, 0.18);
}

.ogre-risk-check {
  grid-template-columns: auto 1fr;
  align-items: center;
}

.ogre-tek-coming-soon {
  min-height: 260px;
}

@media (max-width: 980px) {
  .ogre-tek-grid,
  .ogre-market-grid {
    grid-template-columns: 1fr;
  }

  .ogre-ticket {
    position: static;
  }
}

@media (max-width: 620px) {
  .ogre-tek-header {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }

  .ogre-ticket-grid,
  .ogre-quote-grid,
  .ogre-account-grid,
  .ogre-review-grid {
    grid-template-columns: 1fr;
  }

  .ogre-table-head {
    display: none;
  }

  .ogre-table-row,
  .ogre-tek-table-small .ogre-table-row {
    grid-template-columns: 1fr;
  }
}

.tabs .nav-tool-group summary {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  list-style: none !important;
}

.tabs .nav-tool-group summary::-webkit-details-marker {
  display: none !important;
}

.tabs .nav-tool-group summary::before {
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
  background: center / contain no-repeat url("./assets/slimewire/png/icons/snipe.png") !important;
  filter: drop-shadow(0 0 7px rgba(114, 255, 35, 0.72)) !important;
}

.tabs .nav-tool-group:has(button[data-active="true"]) summary {
  background: linear-gradient(135deg, rgba(114, 255, 35, 0.94), rgba(187, 255, 99, 0.94)) !important;
  color: #041006 !important;
}



[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  width: 100% !important;
  margin-top: 5px !important;
  min-height: 32px !important;
  padding-left: 38px !important;
}

.profile-row-shell {
  display: grid !important;
  gap: 12px !important;
}

.profile-row-list {
  display: grid !important;
  gap: 10px !important;
}

.profile-row-list > .profile-card,
.profile-row-list > .create-wallet-card {
  min-height: 0 !important;
  padding: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.profile-row-list .pfp-row,
.profile-row-list > section > div:first-child {
  flex: 1 1 300px !important;
  min-width: min(300px, 100%) !important;
}

.profile-row-list label {
  flex: 1 1 190px !important;
  min-width: min(220px, 100%) !important;
}

.profile-row-list button {
  flex: 0 0 auto !important;
}

.profile-row-list p,
.profile-row-list small {
  max-width: 640px !important;
  line-height: 1.35 !important;
  margin-bottom: 0 !important;
}

.profile-row-list .user-avatar {
  width: 54px !important;
  height: 54px !important;
}

.profile-row-list .pfp-preset-grid {
  flex: 1 1 260px !important;
  min-width: min(280px, 100%) !important;
}

[data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed {
  grid-template-columns: minmax(0, 1fr) 52px !important;
}

[data-app][data-route="terminal"] .terminal-dock.is-collapsed {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  overflow: visible !important;
}

[data-app][data-route="terminal"] .terminal-dock.is-collapsed .terminal-ticket {
  min-height: 420px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.terminal-ticket-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: start !important;
  margin-bottom: 10px !important;
}

.terminal-ticket-header span {
  display: block !important;
  font-weight: 900 !important;
  color: var(--text) !important;
}

.terminal-ticket-header small {
  display: block !important;
  margin-top: 2px !important;
  color: var(--muted) !important;
  line-height: 1.25 !important;
}

.terminal-ticket-toggle,
.terminal-ticket-collapsed-button {
  border-color: rgba(114, 255, 35, 0.45) !important;
  background: linear-gradient(180deg, rgba(23, 59, 14, 0.94), rgba(8, 22, 10, 0.94)) !important;
  color: var(--slime-green, #80ff2f) !important;
  box-shadow: 0 0 18px rgba(114, 255, 35, 0.16) !important;
}

.terminal-ticket-toggle {
  width: 38px !important;
  min-height: 36px !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.terminal-ticket-collapsed-button {
  width: 52px !important;
  height: 100% !important;
  min-height: 420px !important;
  display: grid !important;
  place-items: center !important;
  gap: 10px !important;
  padding: 12px 0 !important;
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  font-weight: 950 !important;
}

.terminal-ticket-collapsed-button strong {
  font-size: 24px !important;
  writing-mode: horizontal-tb !important;
}

[data-app][data-route="terminal"] .terminal-token-actions,
[data-app][data-route="terminal"] .best-picks-panel .terminal-token-actions {
  grid-template-columns: minmax(84px, 1.05fr) minmax(72px, 0.9fr) minmax(58px, 0.72fr) !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button.watch-action,
.compact-row-actions button.watch-action,
.signal-actions button.watch-action {
  background: rgba(120, 120, 120, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f3f8ee !important;
  letter-spacing: 0 !important;
}

@media (min-width: 1181px) {
  
}

@media (max-width: 1180px) {
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed {
    grid-template-columns: 1fr !important;
  }

  [data-app][data-route="terminal"] .terminal-dock.is-collapsed {
    position: fixed !important;
    right: 10px !important;
    bottom: 74px !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: 50 !important;
  }

  [data-app][data-route="terminal"] .terminal-dock.is-collapsed .terminal-ticket,
  .terminal-ticket-collapsed-button {
    min-height: 44px !important;
    height: 44px !important;
  }

  .terminal-ticket-collapsed-button {
    width: auto !important;
    min-width: 92px !important;
    padding: 0 14px !important;
    writing-mode: horizontal-tb !important;
    grid-auto-flow: column !important;
  }
}

@media (max-width: 760px) {
  .profile-row-list > .profile-card,
  .profile-row-list > .create-wallet-card {
    align-items: stretch !important;
  }

  .profile-row-list button,
  .profile-row-list label {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-actions {
    grid-template-columns: 1fr 0.92fr 0.78fr !important;
  }
}

.ogre-ai-terminal .trade-card,
.ogre-ai-terminal .trade-side > article {
  border-color: rgba(88, 255, 122, 0.24);
}

/* Ogre A.I. (web): stop the right automation panel text from clipping off the
   edge. Grid items default to min-width:auto, so long headings/lines overflow;
   let them shrink and wrap. */
html body main.shell[data-app] .ogre-ai-terminal { min-width: 0; }
html body main.shell[data-app] .ogre-ai-terminal > .trade-card,
html body main.shell[data-app] .ogre-ai-terminal > .trade-side { min-width: 0 !important; }
html body main.shell[data-app] .ogre-ai-terminal .trade-side > article,
html body main.shell[data-app] .ogre-ai-terminal .automation-delegation-card,
html body main.shell[data-app] .ogre-ai-terminal .setup-hub-panel { min-width: 0 !important; overflow: hidden; }
html body main.shell[data-app] .ogre-ai-terminal .automation-delegation-card *,
html body main.shell[data-app] .ogre-ai-terminal .setup-hub-panel * {
  min-width: 0 !important;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
html body main.shell[data-app] .ogre-ai-terminal .delegation-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  row-gap: 4px;
}
html body main.shell[data-app] .ogre-ai-terminal .delegation-heading h3 { font-size: 17px; margin: 0; }

.ogre-ai-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ogre-ai-pick-list {
  display: grid;
  gap: 8px;
}

.ogre-ai-pick-card {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(88, 255, 122, 0.18);
  border-radius: 10px;
  background: rgba(5, 12, 7, 0.72);
}

.ogre-ai-pick-card strong {
  color: var(--slime-green, #58ff7a);
}

.ogre-ai-pick-card span,
.ogre-ai-pick-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 860px) {
  .ogre-ai-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .ogre-ai-grid {
    grid-template-columns: 1fr;
  }
}

.wallet-tools-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
}

.wallet-tools-drop-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--slime-green, #94ff3d);
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wallet-tools-caret {
  display: inline-block;
  transition: transform 160ms ease;
}

.wallet-tools-details[open] .wallet-tools-caret {
  transform: rotate(180deg);
}

.terminal-quick-buy-bar {
  display: grid;
  grid-template-columns: minmax(120px, 150px) minmax(150px, 220px);
  gap: 8px;
  align-items: end;
}

.terminal-quick-buy-bar label {
  display: grid;
  gap: 5px;
  margin: 0;
}

.terminal-quick-buy-bar input,
.terminal-quick-buy-bar select {
  min-height: 42px;
}

.trade-panel-top-button {
  border-color: rgba(145, 255, 55, 0.55) !important;
  color: #baff6b !important;
}

.slime-scope-page {
  display: grid;
  gap: 12px;
}

.slime-scope-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.slime-scope-list-panel .terminal-token-list {
  display: grid;
  gap: 8px;
}

.referral-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.referral-stats-grid span,
.referral-breakdown-row {
  border: 1px solid rgba(125, 255, 45, 0.22);
  border-radius: 10px;
  padding: 8px;
  background: rgba(75, 255, 50, 0.04);
}

.referral-stats-grid small,
.referral-breakdown-row small {
  display: block;
  color: rgba(238, 255, 230, 0.68);
}

.referral-breakdown {
  display: grid;
  gap: 6px;
}

.referral-breakdown-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
}

/* REFERRAL_CODE_CUSTOMIZER_20260608_V1: clean custom share tags for KOLs/sponsors without bloating profile. */
.referral-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
}

.referral-code-field input {
  font-family: var(--font-mono);
  text-transform: uppercase;
}

.referral-code-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(96px, auto));
  gap: 8px;
}

.referral-code-actions button {
  min-height: 40px;
  white-space: nowrap;
}

.referral-code-help {
  color: rgba(238, 255, 230, 0.68);
}

@media (max-width: 640px) {
  .referral-code-row {
    grid-template-columns: 1fr;
  }

  .referral-code-actions {
    grid-template-columns: 1fr 1fr;
  }

  .referral-card .card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .command-terminal {
    display: block !important;
  }

  [data-app][data-route="terminal"] .command-workspace {
    min-width: 0 !important;
  }

  

  [data-app][data-route="terminal"] .terminal-ticket.terminal-ticket-collapsed {
    display: none !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "stats stats"
      "actions actions" !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-avatar,
  [data-app][data-route="terminal"] .terminal-token-image {
    grid-area: avatar !important;
    width: 36px !important;
    height: 36px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-main,
  [data-app][data-route="terminal"] .compact-signal-main {
    grid-area: main !important;
    min-width: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-score-chip {
    position: static !important;
    grid-column: 1 / -1 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 2px 8px !important;
    justify-self: stretch !important;
  }

  

  

  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .compact-row-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  

  .referral-stats-grid,
  .referral-breakdown-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {

  [data-app][data-route="terminal"] .terminal-quick-buy-bar {
    grid-template-columns: 1fr !important;
  }
}

.mobile-score-mini {
  display: none !important;
}

.launch-coin-layout .launch-coin-section {
  border: 1px solid rgba(137, 255, 58, 0.25);
  border-radius: 12px;
  margin: 14px 0;
  padding: 12px;
  background:
    linear-gradient(180deg, rgba(137, 255, 58, 0.055), rgba(137, 255, 58, 0.018)),
    rgba(2, 12, 7, 0.82);
}

.launch-coin-layout .launch-coin-section > summary {
  cursor: pointer;
  font-weight: 950;
  color: var(--slime-text);
  margin-bottom: 12px;
}

.launch-coin-layout .full-span {
  grid-column: 1 / -1;
}

.launch-coin-actions a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(137, 255, 58, 0.36);
  border-radius: 10px;
  padding: 0 14px;
  color: var(--slime-text);
  text-decoration: none;
  font-weight: 950;
  background: rgba(137, 255, 58, 0.09);
}

.launch-coin-actions a:hover {
  border-color: rgba(137, 255, 58, 0.8);
  box-shadow: 0 0 20px rgba(137, 255, 58, 0.16);
}

.launch-pill-icon {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -4px;
  border: 3px solid rgba(18, 62, 45, 0.95);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0 47%, transparent 48%),
    linear-gradient(135deg, #f4fff8 0 47%, #67dd90 48% 100%);
  box-shadow: 0 0 16px rgba(137, 255, 58, 0.5);
  transform: rotate(-34deg);
}

.launch-pill-icon::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 50%;
  width: 3px;
  background: rgba(18, 62, 45, 0.95);
  transform: translateX(-50%);
}

[data-app][data-route="terminal"] .tabs button[data-tab="launchCoin"]::before {
  content: "";
  width: 20px;
  height: 12px;
  border: 2px solid rgba(18, 62, 45, 0.95);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0 47%, transparent 48%),
    linear-gradient(135deg, #f4fff8 0 47%, #67dd90 48% 100%);
  box-shadow: 0 0 10px rgba(137, 255, 58, 0.45);
  transform: rotate(-34deg);
}

.launch-credit-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--slime-muted);
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .best-picks-panel .terminal-score-chip,
  [data-app][data-route="terminal"] .terminal-score-chip {
    display: none !important;
  }

  [data-app][data-route="terminal"] .mobile-score-mini {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    max-width: 74px;
    height: 18px;
    border: 1px solid rgba(137, 255, 58, 0.48);
    border-radius: 999px;
    padding: 0 6px;
    color: var(--slime-green-strong);
    background: rgba(54, 120, 14, 0.22);
    font-size: 8.5px;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
  }

  [data-app][data-route="terminal"] .terminal-token-list,
  [data-app][data-route="terminal"] .compact-feed {
    gap: 6px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "stats stats"
      "actions actions" !important;
    gap: 5px 8px !important;
    min-height: 0 !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row > img,
  [data-app][data-route="terminal"] .terminal-token-row .token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .live-pair-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .terminal-token-avatar {
    grid-area: avatar !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 9px !important;
    margin: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-main {
    grid-area: main !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  

  [data-app][data-route="terminal"] .terminal-token-title strong {
    max-width: 46% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title small {
    max-width: 36% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  [data-app][data-route="terminal"] .ca-copy {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-age {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }

  [data-app][data-route="terminal"] .compact-link-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  [data-app][data-route="terminal"] .compact-link-row a,
  [data-app][data-route="terminal"] .compact-link-row button,
  [data-app][data-route="terminal"] .compact-link-row .sniper-pill {
    min-height: 16px !important;
    padding: 0 4px !important;
    font-size: 7.8px !important;
    border-radius: 999px !important;
    line-height: 16px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats {
    grid-area: stats !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 1px 6px !important;
    align-items: start !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats span {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats small {
    display: block !important;
    font-size: 7.8px !important;
    line-height: 1.05 !important;
    color: rgba(238, 255, 230, 0.62) !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions {
    grid-area: actions !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr 0.9fr 0.78fr !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions button {
    min-height: 28px !important;
    padding: 0 5px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  .launch-coin-layout .launch-coin-section {
    padding: 10px !important;
  }

  .launch-coin-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    padding: 6px 7px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row > img,
  [data-app][data-route="terminal"] .terminal-token-row .token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .live-pair-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .terminal-token-avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title strong {
    max-width: 54% !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title small {
    max-width: 30% !important;
  }
}



[data-app][data-route="terminal"] .terminal-token-actions {
  grid-template-columns: minmax(70px, 1.05fr) minmax(60px, 0.9fr) minmax(58px, 0.8fr) minmax(58px, 0.8fr) !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.smart-chart-terminal {
  display: grid;
  gap: 14px;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .metrics,
[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard-error] {
  display: none !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] .terminal-global-search,
[data-app][data-route="terminal"][data-active-tab="smartChart"] .top-sync-strip {
  display: none !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-panel] {
  margin-top: 0 !important;
}

.smart-chart-search {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.smart-chart-search input {
  min-height: 46px;
}

.smart-chart-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  align-items: start;
}

.smart-chart-main,
.smart-chart-side {
  min-width: 0;
}

.smart-chart-token-header {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.smart-chart-token-header .compact-link-row {
  justify-content: flex-end;
}

.smart-chart-frame {
  position: relative;
  margin-top: 12px;
  height: clamp(560px, 72dvh, 760px);
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(125, 255, 45, 0.28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(8, 18, 8, 0.7), rgba(2, 5, 3, 0.92)),
    var(--slime-chart-grid, transparent);
}

.smart-chart-frame::before {
  content: attr(data-chart-frame-loading);
  position: absolute;
  inset: 0;
  z-index: 0;
  display: grid;
  place-items: center;
  color: rgba(224, 255, 210, 0.82);
  font-weight: 900;
  letter-spacing: 0;
  background:
    radial-gradient(circle at 50% 46%, rgba(137, 255, 58, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(8, 22, 8, 0.92), rgba(1, 6, 2, 0.96));
  pointer-events: none;
}

.smart-chart-frame[data-loaded="true"]::before {
  display: none;
}

.smart-chart-frame iframe {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
  display: block;
}

.smart-chart-pump-frame {
  display: grid;
  grid-template-rows: auto minmax(260px, 1fr) auto auto auto;
  gap: 14px;
  padding: clamp(14px, 2vw, 22px);
  align-content: stretch;
  background:
    radial-gradient(circle at 16% 12%, rgba(137, 255, 58, 0.18), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(235, 255, 120, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(6, 18, 7, 0.96), rgba(1, 7, 2, 0.98)),
    var(--slime-chart-grid, transparent);
}

.smart-chart-pump-frame.pump-activity-only-frame {
  grid-template-rows: auto auto 1fr;
  align-content: start;
  min-height: 360px;
  height: auto;
}

.smart-chart-pump-frame .terminal-title-row {
  position: relative;
  z-index: 1;
  margin: 0;
}

.pump-native-chart {
  position: relative;
  z-index: 1;
  min-height: 270px;
  border: 1px solid rgba(125, 255, 45, 0.22);
  border-radius: 14px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(111, 255, 49, 0.08), rgba(111, 255, 49, 0.01)),
    repeating-linear-gradient(90deg, rgba(140, 255, 70, 0.055) 0 1px, transparent 1px 9%),
    repeating-linear-gradient(0deg, rgba(140, 255, 70, 0.05) 0 1px, transparent 1px 18%),
    rgba(2, 8, 3, 0.88);
  box-shadow: inset 0 0 42px rgba(92, 255, 28, 0.06), 0 20px 44px rgba(0, 0, 0, 0.2);
}

.pump-native-chart::after {
  content: "PUMP CURVE";
  position: absolute;
  right: 14px;
  top: 12px;
  color: rgba(218, 255, 200, 0.36);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.pump-native-chart svg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 14px rgba(125, 255, 45, 0.26));
}

.smart-chart-pump-frame .mini-stats {
  position: relative;
  z-index: 1;
  margin: 0;
}

.pump-native-activity {
  position: relative;
  z-index: 1;
  padding: 12px;
  border: 1px solid rgba(125, 255, 45, 0.18);
  border-radius: 12px;
  background: rgba(2, 12, 4, 0.72);
}

.smart-chart-pair-resolving {
  display: grid;
  place-items: center;
}

.smart-chart-resolve-card {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  width: min(92%, 440px);
  padding: 18px;
  border: 1px solid rgba(139, 255, 54, 0.32);
  border-radius: 14px;
  background: rgba(3, 12, 5, 0.88);
  text-align: center;
  box-shadow: 0 0 22px rgba(113, 255, 34, 0.16);
}

.smart-chart-resolve-card strong {
  color: var(--slime-green, #89ff3a);
  font-size: 18px;
}

.smart-chart-resolve-card span {
  color: rgba(238, 255, 230, 0.82);
  font-weight: 700;
  line-height: 1.35;
}

.smart-chart-transactions-frame {
  height: clamp(520px, 66dvh, 720px);
  min-height: 520px;
}

.smart-chart-info-frame {
  height: clamp(500px, 62dvh, 700px);
  min-height: 500px;
}

.smart-chart-zoom {
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(137, 255, 58, 0.22);
  border-radius: 999px;
  background: rgba(5, 14, 6, 0.72);
  color: var(--slime-text);
  font-weight: 900;
}

.smart-chart-zoom input {
  width: 100%;
  accent-color: var(--slime-green, #89ff3a);
}

.smart-chart-zoom strong {
  color: var(--slime-green, #89ff3a);
  min-width: 44px;
  text-align: right;
}

.smart-chart-mode-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 0;
}

.smart-chart-mode-tabs button {
  min-height: 38px;
  border: 1px solid rgba(125, 255, 45, 0.35);
  border-radius: 10px;
  background: rgba(5, 20, 8, 0.78);
  color: rgba(238, 255, 230, 0.88);
  font-weight: 900;
}

.smart-chart-mode-tabs button[data-active="true"] {
  background: linear-gradient(135deg, #62ff20, #b9ff63);
  color: #061200;
  box-shadow: 0 0 18px rgba(125, 255, 45, 0.25);
}

.smart-chart-transactions-panel {
  margin-top: 12px;
  min-height: 220px;
  border: 1px solid rgba(125, 255, 45, 0.24);
  border-radius: 14px;
  padding: 16px;
  background: rgba(3, 12, 6, 0.78);
  display: grid;
  align-content: start;
  gap: 10px;
}

.smart-chart-transactions-panel .smart-chart-frame {
  margin-top: 0;
}

.smart-chart-local-trades {
  display: grid;
  gap: 10px;
}

.smart-chart-local-trades h4 {
  margin: 6px 0 0;
  color: var(--slime-text);
}

.smart-chart-transactions-panel h4 {
  margin: 0;
  color: var(--slime-text);
}

.smart-chart-transactions-panel p {
  margin: 0;
  color: rgba(238, 255, 230, 0.78);
}

.smart-chart-transactions-panel a {
  width: fit-content;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid rgba(125, 255, 45, 0.35);
  border-radius: 999px;
  color: var(--slime-green, #89ff3a);
  font-weight: 900;
  text-decoration: none;
}

.smart-chart-info-panel {
  margin-top: 12px;
  border: 1px solid rgba(125, 255, 45, 0.24);
  border-radius: 14px;
  padding: 16px;
  background: rgba(3, 12, 6, 0.78);
  display: grid;
  gap: 12px;
}

.smart-chart-info-panel .mini-stats {
  margin: 0;
}

.smart-chart-empty-transactions {
  min-height: 120px;
  border: 1px dashed rgba(137, 255, 58, 0.24);
  border-radius: 12px;
  padding: 14px;
  display: grid;
  align-content: center;
  gap: 6px;
  color: rgba(238, 255, 230, 0.76);
}

.smart-chart-empty-transactions strong {
  color: var(--slime-text);
}

.smart-chart-suggestion {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid rgba(125, 255, 45, 0.24);
  border-radius: 12px;
  background: rgba(75, 255, 50, 0.05);
}

.smart-chart-suggestion p {
  margin: 6px 0 0;
  color: rgba(238, 255, 230, 0.78);
}

.chart-trade-panel {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.chart-trade-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.chart-trade-tabs button,
.quick-buy-presets button {
  min-height: 40px;
  border: 1px solid rgba(125, 255, 45, 0.28);
  border-radius: 10px;
  background: rgba(5, 20, 8, 0.78);
  color: rgba(238, 255, 230, 0.9);
  font-weight: 900;
}

.chart-trade-tabs button[data-active="true"] {
  background: linear-gradient(135deg, #62ff20, #b9ff63);
  color: #061200;
  box-shadow: 0 0 18px rgba(125, 255, 45, 0.25);
}

.chart-trade-form {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(125, 255, 45, 0.22);
  border-radius: 14px;
  background: rgba(2, 10, 4, 0.78);
}

.chart-trade-form label {
  display: grid;
  gap: 6px;
  color: rgba(238, 255, 230, 0.82);
  font-size: 0.82rem;
  font-weight: 900;
}

.chart-trade-form input,
.chart-trade-form select,
.quick-buy-dialog input,
.quick-buy-dialog select {
  min-height: 44px;
  width: 100%;
}

.quick-buy-presets,
.chart-trade-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.chart-confirm-button,
.chart-trade-form .danger {
  min-height: 46px;
}

.chart-position-summary {
  margin: 0;
  color: rgba(238, 255, 230, 0.8);
}

.quick-buy-modal-open {
  overflow: hidden;
}

.protected-buy-modal-open {
  overflow: hidden;
}

[data-quick-buy-modal-root] {
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none;
}

[data-protected-buy-modal-root] {
  position: fixed;
  inset: 0;
  z-index: 100001;
  pointer-events: none;
}

[data-quick-buy-modal-root]:not([hidden]) {
  pointer-events: auto;
}

[data-protected-buy-modal-root]:not([hidden]) {
  pointer-events: auto;
}

.quick-buy-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(5px);
}

.quick-buy-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(440px, calc(100vw - 24px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  transform: translate(-50%, -50%);
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(125, 255, 45, 0.42);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(7, 18, 7, 0.98), rgba(1, 6, 2, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.65), 0 0 34px rgba(125, 255, 45, 0.18);
  color: var(--slime-text, #efffe8);
}

.quick-buy-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.quick-buy-head .with-avatar {
  display: flex;
  min-width: 0;
  gap: 10px;
  align-items: center;
}

.quick-buy-head h3,
.quick-buy-head p {
  margin: 0;
}

.quick-buy-head p {
  color: rgba(238, 255, 230, 0.72);
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.quick-buy-dialog label {
  display: grid;
  gap: 6px;
  color: rgba(238, 255, 230, 0.82);
  font-size: 0.82rem;
  font-weight: 900;
}

.quick-buy-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.quick-buy-actions button {
  min-height: 44px;
}

.protected-buy-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(480px, calc(100vw - 24px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  transform: translate(-50%, -50%);
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(125, 255, 45, 0.38);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(7, 18, 7, 0.99), rgba(1, 6, 2, 0.99));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.66), 0 0 34px rgba(125, 255, 45, 0.16);
  color: var(--slime-text, #efffe8);
}

.protected-buy-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.protected-buy-head h3,
.protected-buy-modal p {
  margin: 0;
}

.protected-buy-head span,
.protected-buy-modal p,
.protected-buy-safe-copy {
  color: rgba(238, 255, 230, 0.76);
}

.protected-buy-head strong {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: #f4ffe9;
  font-size: 0.78rem;
  padding: 5px 9px;
}

.protected-buy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.protected-buy-grid label,
.protected-buy-risk-line {
  display: grid;
  gap: 6px;
  color: rgba(238, 255, 230, 0.82);
  font-size: 0.82rem;
  font-weight: 900;
}

.protected-buy-preview {
  background: rgba(57, 255, 20, 0.06);
  border: 1px solid rgba(57, 255, 20, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  padding: 10px;
}

.protected-buy-preview strong {
  color: #f4ffe9;
}

.protected-buy-preview span,
.protected-buy-preview small {
  color: rgba(238, 255, 230, 0.75);
}

.protected-buy-risk-line {
  align-items: center;
  background: rgba(140, 32, 45, 0.2);
  border: 1px solid rgba(255, 86, 114, 0.24);
  border-radius: 8px;
  display: flex;
  padding: 9px;
}

@media (max-width: 620px) {
  .protected-buy-grid,
  .protected-buy-modal .quick-buy-actions {
    grid-template-columns: 1fr;
  }
}

/* CLIP_FARM_AND_COMPACT_CONTROLS_20260607_V1: small recorder control plus tighter trader mobile surfaces. */
html body main.shell[data-app] .clip-farm-shell {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 92 !important;
}

html body main.shell[data-app] .clip-farm-control {
  align-items: center !important;
  display: inline-flex !important;
  gap: 5px !important;
  min-width: 0 !important;
  position: relative !important;
}

html body main.shell[data-app] .clip-record-button,
html body main.shell[data-app] .clip-share-actions button,
html body main.shell[data-app] .clip-share-actions a {
  align-items: center !important;
  border: 1px solid rgba(117, 255, 61, 0.46) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 24px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .clip-record-button {
  background: rgba(4, 18, 7, 0.86) !important;
  color: #edffe2 !important;
  gap: 4px !important;
}

html body main.shell[data-app] .clip-record-button .clip-record-dot {
  background: #74ff2d !important;
  border-radius: 999px !important;
  box-shadow: 0 0 8px rgba(116, 255, 45, 0.58) !important;
  display: inline-block !important;
  height: 7px !important;
  width: 7px !important;
}

html body main.shell[data-app] .clip-farm-control[data-recording="true"] .clip-record-button {
  background: linear-gradient(180deg, rgba(255, 70, 70, 0.96), rgba(138, 15, 15, 0.96)) !important;
  border-color: rgba(255, 160, 120, 0.72) !important;
  color: #fff4ec !important;
}

html body main.shell[data-app] .clip-farm-control[data-recording="true"] .clip-record-button .clip-record-dot {
  background: #fff4ec !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px rgba(255, 244, 236, 0.45) !important;
}

html body main.shell[data-app] .clip-share-actions {
  align-items: center !important;
  display: inline-flex !important;
  gap: 4px !important;
}

html body main.shell[data-app] .clip-share-actions button,
html body main.shell[data-app] .clip-share-actions a {
  background: rgba(4, 18, 7, 0.9) !important;
  color: #baff66 !important;
  padding: 0 7px !important;
}

html body main.shell[data-app] .clip-farm-control small {
  color: rgba(214, 255, 200, 0.72) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (min-width: 761px) {
}

@media (max-width: 760px) {
  html body main.shell[data-app] .topbar {
    gap: 6px !important;
  }

  html body main.shell[data-app] .clip-farm-control small {
    display: none !important;
  }

  html body main.shell[data-app] .clip-record-button {
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 7px !important;
  }

  html body main.shell[data-app] .clip-share-actions {
    background: rgba(0, 12, 4, 0.96) !important;
    border: 1px solid rgba(117, 255, 61, 0.45) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42), 0 0 22px rgba(91, 255, 30, 0.16) !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    left: 8px !important;
    padding: 6px !important;
    position: fixed !important;
    right: 8px !important;
    top: calc(30px + env(safe-area-inset-top, 0px)) !important;
    z-index: 140 !important;
  }

  html body main.shell[data-app] .clip-share-actions button,
  html body main.shell[data-app] .clip-share-actions a {
    border-radius: 10px !important;
    font-size: 9px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 4px !important;
    width: 100% !important;
  }

  

  

  

  
}

/* TICKER_CLICKABLE_CLONES_20260607_V1: both scrolling tape copies expose links; menus close on click-off in JS. */
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-strip {
  pointer-events: auto !important;
}

/* MOBILE_TERMINAL_RAIL_AND_REFRESH_STABILITY_20260607_V1: compact rail, no pair bleed, calmer refresh. */
@media (max-width: 760px) {
  html,
  body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    scroll-behavior: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100vw !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    align-items: start !important;
    box-sizing: border-box !important;
    column-gap: 5px !important;
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, auto) !important;
    max-width: 100vw !important;
    overflow: visible !important;
    padding: 0 4px 10px !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin: 4px 4px 5px !important;
    max-width: calc(100vw - 8px) !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-self: start !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 4px !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    max-height: calc(100dvh - 90px) !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 5px 4px !important;
    position: sticky !important;
    scrollbar-width: thin !important;
    top: 28px !important;
    width: 108px !important;
    z-index: 4 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::before {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label {
    grid-column: 1 !important;
    letter-spacing: 0.08em !important;
    margin: 3px 0 0 !important;
    padding: 0 1px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 8.6px !important;
    gap: 1px !important;
    grid-column: 1 !important;
    line-height: 1.04 !important;
    min-height: 35px !important;
    min-width: 0 !important;
    overflow: clip !important;
    padding: 3px 2px !important;
    text-align: center !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs button img,
  html body main.shell[data-app][data-route="terminal"] .tabs button svg {
    height: 12px !important;
    margin: 0 !important;
    max-height: 12px !important;
    max-width: 12px !important;
    width: 12px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-panel],
  html body main.shell[data-app][data-route="terminal"] .panel-host {
    align-self: start !important;
    box-sizing: border-box !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding: 0 0 10px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .panel-host > *,
  html body main.shell[data-app][data-route="terminal"] .command-terminal,
  html body main.shell[data-app][data-route="terminal"] .live-pairs-page,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-page,
  html body main.shell[data-app][data-route="terminal"] .positions-panel,
  html body main.shell[data-app][data-route="terminal"] .account-check-card {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls,
  html body main.shell[data-app][data-route="terminal"] .terminal-title-row,
  html body main.shell[data-app][data-route="terminal"] .terminal-panel,
  html body main.shell[data-app][data-route="terminal"] .signal-list,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-list {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"][data-loading="true"] .panel-host,
  html body main.shell[data-app][data-route="terminal"][data-loading="true"] .terminal-panel,
  html body main.shell[data-app][data-route="terminal"][data-loading="true"] .signal-list {
    opacity: 1 !important;
    transform: none !important;
  }

  html body main.shell[data-app] .clip-share-actions [data-clip-clear] {
    min-width: 56px !important;
  }
}

@media (max-width: 390px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    grid-template-columns: 102px minmax(0, 1fr) !important;
    column-gap: 4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    width: 102px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    font-size: 8.1px !important;
    min-height: 33px !important;
  }
}

/* DESKTOP_TERMINAL_TOPBAR_SLIM_20260607_V1: keep the added recorder from forcing a giant second header row. */
@media (min-width: 821px) {
  html body main.shell[data-app][data-route="terminal"] > .topbar {
    align-items: center !important;
    display: grid !important;
    gap: 6px 10px !important;
    grid-auto-rows: auto !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    height: auto !important;
    margin-bottom: 4px !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 6px 10px !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .powered {
    align-self: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .powered img {
    height: 32px !important;
    max-height: 32px !important;
    max-width: 230px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .clip-farm-shell {
    align-self: center !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-farm-control {
    gap: 6px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-record-button {
    border-radius: 999px !important;
    font-size: 10px !important;
    min-height: 26px !important;
    padding: 0 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-farm-control small {
    font-size: 10px !important;
    line-height: 1 !important;
    max-width: 78px !important;
    overflow: clip !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .topbar-right {
    align-items: center !important;
    display: grid !important;
    gap: 6px 8px !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(240px, 360px) minmax(360px, 1fr) auto !important;
    justify-content: end !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 !important;
    max-width: 360px !important;
    min-height: 30px !important;
    min-width: 0 !important;
    order: 0 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search[hidden] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search input {
    flex: 1 1 auto !important;
    font-size: 12px !important;
    min-height: 30px !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search button {
    flex: 0 0 auto !important;
    font-size: 11px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-height: 30px !important;
    min-width: 0 !important;
    order: 0 !important;
    overflow-x: auto !important;
    padding: 3px 6px !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip::-webkit-scrollbar {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip button,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > span {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 10.5px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 24px !important;
    padding: 0 7px !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip button {
    min-height: 26px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-actions,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    order: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group[hidden] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group button,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group .top-profile-button {
    font-size: 11px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 821px) and (max-width: 1180px) {
  html body main.shell[data-app][data-route="terminal"] > .topbar > .topbar-right {
    grid-template-columns: minmax(220px, 1fr) auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: flex-start !important;
  }
}

.smart-chart-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.smart-chart-actions .danger {
  grid-column: 1 / -1;
}

.smart-chart-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
  gap: 14px;
}

@media (max-width: 980px) {
  .smart-chart-grid,
  .smart-chart-bottom-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .terminal-token-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  

  .smart-chart-search {
    grid-template-columns: 1fr;
  }

  .smart-chart-mode-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .smart-chart-mode-tabs button {
    min-height: 34px;
    font-size: 0.78rem;
  }

  .smart-chart-token-header {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .smart-chart-token-header .smart-chart-links {
    grid-column: 1 / -1;
  }

  .smart-chart-token-header .compact-link-row {
    justify-content: flex-start;
  }

  .smart-chart-frame {
    min-height: 500px;
    height: clamp(500px, 70svh, 680px);
  }

  .smart-chart-pump-frame {
    grid-template-rows: auto minmax(220px, 0.8fr) auto auto auto;
    gap: 10px;
    padding: 12px;
  }

  .pump-native-chart {
    min-height: 220px;
  }

  .smart-chart-transactions-frame,
  .smart-chart-info-frame {
    min-height: 480px;
    height: clamp(480px, 66svh, 640px);
  }

  .quick-buy-presets,
  .chart-trade-links,
  .quick-buy-actions {
    grid-template-columns: 1fr;
  }

  .quick-buy-dialog {
    top: auto;
    bottom: max(10px, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    width: min(480px, calc(100vw - 16px));
    max-height: min(86dvh, 720px);
    border-radius: 18px;
  }
}

/* Terminal controls cleanup: slim bars, no clipped row actions, and stable editing. */
[data-app][data-route="terminal"] .command-controls {
  grid-template-columns: minmax(390px, 1.2fr) minmax(120px, 150px) minmax(220px, 270px) minmax(126px, 154px) minmax(126px, 154px) !important;
  gap: 8px !important;
  align-items: end !important;
  padding: 8px 12px !important;
}

[data-app][data-route="terminal"] .command-controls label,
[data-app][data-route="terminal"] .preset-toolbar label {
  gap: 3px !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

[data-app][data-route="terminal"] .terminal-modes {
  gap: 8px !important;
}

[data-app][data-route="terminal"] .terminal-modes button,
[data-app][data-route="terminal"] .command-controls > button,
[data-app][data-route="terminal"] .preset-toolbar button {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

[data-app][data-route="terminal"] .terminal-quick-buy-bar {
  grid-template-columns: minmax(96px, 118px) minmax(128px, 168px) !important;
  gap: 6px !important;
  align-items: end !important;
}

[data-app][data-route="terminal"] .terminal-quick-buy-bar input,
[data-app][data-route="terminal"] .terminal-quick-buy-bar select,
[data-app][data-route="terminal"] .preset-toolbar input,
[data-app][data-route="terminal"] .preset-toolbar select {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

[data-app][data-route="terminal"] .preset-toolbar {
  grid-template-columns: minmax(112px, 0.75fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(132px, 0.75fr) minmax(132px, 0.75fr) !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  align-items: end !important;
}

[data-app][data-route="terminal"] .quick-buy-label {
  min-width: 0 !important;
}

@media (min-width: 1181px) {
  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    grid-template-columns: 42px minmax(170px, 0.9fr) minmax(280px, 1.12fr) 54px minmax(286px, 0.86fr) !important;
    gap: 8px 10px !important;
    padding: 9px 10px !important;
  }

  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .terminal-token-row,
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .kol-panel .terminal-token-row {
    grid-template-columns: 42px minmax(190px, 0.92fr) minmax(340px, 1.28fr) 54px minmax(306px, 0.9fr) !important;
  }
}







[data-app][data-route="terminal"] .terminal-token-actions .watch-action,
[data-app][data-route="terminal"] .compact-row-actions .watch-action {
  min-width: 58px !important;
}

@media (max-width: 1180px) {
  [data-app][data-route="terminal"] .command-controls,
  [data-app][data-route="terminal"] .preset-toolbar {
    grid-template-columns: 1fr 1fr !important;
  }

  [data-app][data-route="terminal"] .live-pair-buckets,
  [data-app][data-route="terminal"] .terminal-quick-buy-bar {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .command-controls,
  [data-app][data-route="terminal"] .preset-toolbar {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 8px !important;
  }

  

  

  

  
}

[data-app][data-route="terminal"] .tabs button[data-tab="slimeScope"]::before {
  background-image: none !important;
  border: 2px solid rgba(151, 255, 51, 0.95) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 10px rgba(151, 255, 51, 0.75),
    inset 0 0 8px rgba(151, 255, 51, 0.25) !important;
}

.slime-scope-title-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.slime-scope-title-icon {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  border: 1px solid rgba(151, 255, 51, 0.72) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(151, 255, 51, 0.25), rgba(151, 255, 51, 0.08) 42%, rgba(5, 12, 8, 0.96) 70%),
    linear-gradient(135deg, rgba(151, 255, 51, 0.15), rgba(5, 12, 8, 0.9)) !important;
  box-shadow:
    0 0 18px rgba(151, 255, 51, 0.38),
    inset 0 0 18px rgba(151, 255, 51, 0.13) !important;
  filter: none !important;
  flex: 0 0 auto !important;
}

.slime-scope-title-icon::before {
  content: "" !important;
  width: 30px !important;
  height: 30px !important;
  border: 3px solid rgba(151, 255, 51, 0.95) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 10px rgba(151, 255, 51, 0.75),
    inset 0 0 8px rgba(151, 255, 51, 0.25) !important;
}

.slime-scope-title-icon::after {
  content: "" !important;
  position: absolute !important;
  width: 44px !important;
  height: 44px !important;
  background:
    linear-gradient(rgba(151, 255, 51, 0.9), rgba(151, 255, 51, 0.9)) center / 2px 100% no-repeat,
    linear-gradient(90deg, rgba(151, 255, 51, 0.9), rgba(151, 255, 51, 0.9)) center / 100% 2px no-repeat !important;
  opacity: 0.86 !important;
  filter: drop-shadow(0 0 7px rgba(151, 255, 51, 0.72)) !important;
  pointer-events: none !important;
}

[data-app][data-route="terminal"] .command-controls.slime-scope-controls {
  grid-template-columns: minmax(260px, 1fr) minmax(238px, auto) minmax(148px, 180px) !important;
}

[data-app][data-route="terminal"] .slime-scope-controls .terminal-quick-buy-bar {
  justify-self: end !important;
}

[data-app][data-route="terminal"] .slime-scope-refresh-button {
  justify-self: end !important;
  width: 100% !important;
  max-width: 180px !important;
}

@media (max-width: 1180px) {
  [data-app][data-route="terminal"] .command-controls.slime-scope-controls {
    grid-template-columns: 1fr auto !important;
  }

  [data-app][data-route="terminal"] .slime-scope-controls .slime-scope-tabs {
    grid-column: 1 / -1 !important;
  }

  [data-app][data-route="terminal"] .slime-scope-controls .terminal-quick-buy-bar {
    grid-column: 1 / 2 !important;
    justify-self: stretch !important;
  }

  [data-app][data-route="terminal"] .slime-scope-refresh-button {
    grid-column: 2 / 3 !important;
    align-self: end !important;
  }
}

@media (max-width: 760px) {
  .slime-scope-title-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .slime-scope-title-row > span {
    grid-column: 1 / -1;
  }

  [data-app][data-route="terminal"] .command-controls.slime-scope-controls {
    grid-template-columns: 1fr !important;
  }

  [data-app][data-route="terminal"] .slime-scope-controls .terminal-quick-buy-bar,
  [data-app][data-route="terminal"] .slime-scope-refresh-button {
    grid-column: auto !important;
    max-width: none !important;
  }
}

/* 2026-05-30: mobile/live terminal cleanup and inline launch-buy setup. */
[data-app][data-route="terminal"] .command-terminal.no-live-ticket {
  grid-template-columns: minmax(0, 1fr) !important;
}

[data-app][data-route="terminal"] .command-terminal.no-live-ticket .command-workspace {
  min-width: 0 !important;
}

[data-app][data-route="terminal"] .command-terminal.no-live-ticket .terminal-dock {
  display: none !important;
}

.launch-inline-wallets {
  min-width: 0 !important;
}

.launch-inline-wallets .wallet-checks {
  max-height: 220px;
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(126, 255, 54, 0.22);
  border-radius: 10px;
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .dashboard {
    gap: 8px !important;
  }

  

  [data-app][data-route="terminal"] .metrics article {
    min-height: 0 !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
  }

  

  

  [data-app][data-route="terminal"] .tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px !important;
    margin: 6px 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 14px !important;
  }

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 7px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  [data-app][data-route="terminal"] .tabs button::before,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary::before {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
  }

  

  [data-app][data-route="terminal"] .tabs .nav-tool-group summary {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  

  [data-app][data-route="terminal"] .command-controls {
    grid-template-columns: 1fr !important;
    padding: 7px !important;
    gap: 6px !important;
  }

  [data-app][data-route="terminal"] .terminal-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  [data-app][data-route="terminal"] .terminal-modes button {
    min-height: 34px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }

  

  [data-app][data-route="terminal"] .command-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  

  

  [data-app][data-route="terminal"] .terminal-token-row .live-pair-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row > img {
    width: 38px !important;
    height: 38px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-main {
    min-width: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title {
    display: flex !important;
    gap: 5px !important;
    align-items: baseline !important;
    min-width: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title strong {
    max-width: 45vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    font-size: 10px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats strong,
  [data-app][data-route="terminal"] .terminal-token-stats span {
    font-size: 11px !important;
    line-height: 1.05 !important;
  }

  [data-app][data-route="terminal"] .terminal-score-chip {
    width: 52px !important;
    height: 34px !important;
    padding: 2px 4px !important;
    border-radius: 9px !important;
    align-self: start !important;
  }

  

  

  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .compact-row-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr 0.8fr 0.8fr !important;
    gap: 4px !important;
  }

  

  .launch-inline-wallets .wallet-checks {
    max-height: 180px;
  }
}

.wallet-connect-modal[hidden] {
  display: none !important;
}

.wallet-connect-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.wallet-connect-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
}

.wallet-connect-dialog {
  position: relative;
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: 20px;
  border: 1px solid rgba(138, 255, 55, 0.46);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(3, 17, 8, 0.98), rgba(8, 30, 10, 0.96));
  box-shadow: 0 0 44px rgba(116, 255, 44, 0.18), inset 0 0 30px rgba(116, 255, 44, 0.05);
}

.wallet-connect-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.wallet-connect-dialog-head h3 {
  margin: 0;
  color: var(--slime-text, #f4fff0);
}

.wallet-connect-dialog-head p {
  margin: 6px 0 0;
  color: var(--slime-muted, #b6c7ad);
}

.wallet-connect-dialog .icon-button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(138, 255, 55, 0.35);
  border-radius: 999px;
  color: var(--slime-text, #f4fff0);
  background: rgba(9, 24, 11, 0.88);
  cursor: pointer;
}

.modal-connected-wallet {
  margin: 14px 0;
}



.modal-wallet-provider-buttons button {
  min-height: 66px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(138, 255, 55, 0.34);
  border-radius: 14px;
  color: var(--slime-text, #f4fff0);
  background: rgba(10, 29, 12, 0.9);
  box-shadow: inset 0 0 18px rgba(116, 255, 44, 0.04);
  cursor: pointer;
}

.modal-wallet-provider-buttons button:hover,
.modal-wallet-provider-buttons button:focus-visible {
  border-color: rgba(138, 255, 55, 0.72);
  box-shadow: 0 0 18px rgba(116, 255, 44, 0.16), inset 0 0 18px rgba(116, 255, 44, 0.07);
}

.modal-wallet-provider-buttons small,
.wallet-connect-dialog .connect-status {
  color: var(--slime-muted, #b6c7ad);
}

.wallet-connect-dialog .connect-status {
  display: block;
  min-height: 18px;
  margin-top: 12px;
}

@media (max-width: 640px) {
  

  .wallet-connect-dialog {
    width: 100%;
    max-height: min(86vh, 680px);
    padding: 16px;
    border-radius: 18px 18px 12px 12px;
  }

  .modal-wallet-provider-buttons {
    grid-template-columns: 1fr;
  }

  .modal-wallet-provider-buttons button {
    min-height: 56px;
  }
}

/* Mobile terminal stack fix: keep the navigation card in normal flow so it
   cannot cover the Live / Last 1h / Last 3h / Last 24h filter controls. */
@media (max-width: 760px) {
  [data-app][data-route="terminal"] .dashboard {
    align-items: stretch !important;
  }

  [data-app][data-route="terminal"] .tabs {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    margin: 6px 0 12px !important;
    overflow: visible !important;
    transform: none !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    position: static !important;
    transform: none !important;
  }

  [data-app][data-route="terminal"] .panel-host,
  [data-app][data-route="terminal"] .command-terminal,
  [data-app][data-route="terminal"] .command-workspace,
  [data-app][data-route="terminal"] .command-controls {
    position: relative !important;
    z-index: 0 !important;
    margin-top: 0 !important;
  }

  [data-app][data-route="terminal"] .command-controls {
    clear: both !important;
    padding-top: 8px !important;
  }

  [data-app][data-route="terminal"] .live-pair-buckets {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }
}

/* 2026-06-03 Padre-style terminal polish pass.
   Presentation-only: keep existing SlimeWire routes, buttons, data hooks, and
   trading handlers intact while tightening the command-center layout. */
[data-app][data-route="terminal"] {
  --terminal-panel-bg: rgba(3, 8, 5, 0.92);
  --terminal-panel-border: rgba(117, 255, 45, 0.18);
  --terminal-panel-border-strong: rgba(117, 255, 45, 0.38);
}

[data-app][data-route="terminal"] .shell {
  width: min(100vw - 18px, 1880px) !important;
  padding: 10px 9px 18px !important;
}

[data-app][data-route="terminal"] .topbar {
  top: 6px !important;
  min-height: 48px !important;
  margin-bottom: 8px !important;
  padding: 7px 9px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(4, 13, 7, 0.96), rgba(2, 6, 4, 0.94)) !important;
  border: 1px solid rgba(117, 255, 45, 0.2) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34) !important;
}

[data-app][data-route="terminal"] .brand,
[data-app][data-route="terminal"] .brand-mark {
  min-width: 0 !important;
}

[data-app][data-route="terminal"] .brand img,
[data-app][data-route="terminal"] .brand-mark img {
  max-height: 34px !important;
  width: auto !important;
}

[data-app][data-route="terminal"] .topbar-right,
[data-app][data-route="terminal"] .top-auth-actions,
[data-app][data-route="terminal"] .top-auth-group {
  min-width: 0 !important;
  gap: 6px !important;
}

[data-app][data-route="terminal"] .topbar button,
[data-app][data-route="terminal"] .topbar a,
[data-app][data-route="terminal"] [data-top-sync-strip] button {
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}

[data-app][data-route="terminal"] [data-terminal-global-search],
[data-app][data-route="terminal"] .terminal-global-search {
  min-height: 32px !important;
}

[data-app][data-route="terminal"] [data-terminal-global-search] input,
[data-app][data-route="terminal"] .terminal-global-search input {
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

[data-app][data-route="terminal"] [data-top-sync-strip],
[data-app][data-route="terminal"] .top-sync-strip {
  min-height: 30px !important;
  margin: 0 0 8px !important;
  padding: 4px 8px !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  background: rgba(4, 12, 6, 0.76) !important;
  border: 1px solid rgba(117, 255, 45, 0.16) !important;
}

[data-app][data-route="terminal"] [data-top-sync-strip]::-webkit-scrollbar,
[data-app][data-route="terminal"] .top-sync-strip::-webkit-scrollbar {
  display: none !important;
}

[data-app][data-route="terminal"] .dashboard {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
}

[data-app][data-route="terminal"] .metrics {
  grid-column: 2 !important;
  grid-row: 1 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-app][data-route="terminal"] .metrics article {
  min-height: 42px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(117, 255, 45, 0.13) !important;
  border-radius: 10px !important;
  background: rgba(4, 11, 6, 0.72) !important;
}

[data-app][data-route="terminal"] .metrics span {
  font-size: 9px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}



[data-app][data-route="terminal"] .tabs {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  top: 66px !important;
  max-height: calc(100vh - 86px) !important;
  gap: 5px !important;
  padding: 6px !important;
  border-radius: 14px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: rgba(3, 8, 5, 0.9) !important;
  border: 1px solid rgba(117, 255, 45, 0.18) !important;
}

[data-app][data-route="terminal"] .tabs::before,
[data-app][data-route="terminal"] .tabs::after {
  display: none !important;
}

[data-app][data-route="terminal"] .tabs button,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary,
[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  justify-content: center !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 11px !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

[data-app][data-route="terminal"] .tabs button::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  flex: 0 0 20px !important;
}

[data-app][data-route="terminal"] .tabs button:hover::after,
[data-app][data-route="terminal"] .tabs button:focus-visible::after {
  content: attr(data-label) !important;
}

[data-app][data-route="terminal"] .tabs .nav-tool-group {
  width: 100% !important;
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

[data-app][data-route="terminal"] .tabs .nav-tool-group summary {
  color: var(--green-2, #86ff36) !important;
  border: 1px solid rgba(117, 255, 45, 0.22) !important;
  background: rgba(9, 24, 11, 0.84) !important;
}

[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  margin: 0 !important;
}

[data-app][data-route="terminal"] .panel-host {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-app][data-route="terminal"] .command-terminal,
[data-app][data-route="terminal"] .command-workspace {
  min-height: 0 !important;
}

[data-app][data-route="terminal"] .command-workspace {
  display: grid !important;
  gap: 8px !important;
}

[data-app][data-route="terminal"] .command-title {
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(117, 255, 45, 0.13) !important;
  background: rgba(3, 9, 5, 0.76) !important;
}

[data-app][data-route="terminal"] .command-title h3 {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

[data-app][data-route="terminal"] .command-title p {
  display: none !important;
}

[data-app][data-route="terminal"] .command-title > span {
  padding: 3px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  white-space: nowrap !important;
  color: #cfffbc !important;
  border: 1px solid rgba(117, 255, 45, 0.2) !important;
  background: rgba(117, 255, 45, 0.07) !important;
}

[data-app][data-route="terminal"] .command-controls,
[data-app][data-route="terminal"] .live-control-strip,
[data-app][data-route="terminal"] .slime-scope-controls {
  grid-template-columns: minmax(300px, 1.2fr) minmax(110px, 150px) minmax(220px, 0.9fr) auto auto !important;
  gap: 6px !important;
  align-items: end !important;
  padding: 7px !important;
  border-radius: 12px !important;
  background: rgba(3, 10, 5, 0.82) !important;
  border: 1px solid rgba(117, 255, 45, 0.15) !important;
}

[data-app][data-route="terminal"] .live-pair-buckets,
[data-app][data-route="terminal"] .terminal-modes,
[data-app][data-route="terminal"] .mode-row {
  gap: 4px !important;
}

[data-app][data-route="terminal"] .live-pair-buckets {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

[data-app][data-route="terminal"] .mode-row button,
[data-app][data-route="terminal"] .command-controls button,
[data-app][data-route="terminal"] .live-control-strip button,
[data-app][data-route="terminal"] .slime-scope-controls button {
  min-height: 32px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  white-space: nowrap !important;
}

[data-app][data-route="terminal"] .command-controls label,
[data-app][data-route="terminal"] .terminal-quick-buy-bar label {
  gap: 3px !important;
  font-size: 9px !important;
  letter-spacing: 0 !important;
}

[data-app][data-route="terminal"] .command-controls select,
[data-app][data-route="terminal"] .command-controls input,
[data-app][data-route="terminal"] .terminal-quick-buy-bar input,
[data-app][data-route="terminal"] .terminal-quick-buy-bar select {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

[data-app][data-route="terminal"] .terminal-quick-buy-bar {
  grid-template-columns: minmax(86px, 112px) minmax(124px, 168px) !important;
  gap: 5px !important;
}

[data-app][data-route="terminal"] .command-grid {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

[data-app][data-route="terminal"] .terminal-panel {
  padding: 8px !important;
  border-radius: 12px !important;
  border-color: var(--terminal-panel-border) !important;
  background: var(--terminal-panel-bg) !important;
  box-shadow: none !important;
}

[data-app][data-route="terminal"] .terminal-panel > header {
  min-height: 30px !important;
  margin-bottom: 6px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid rgba(117, 255, 45, 0.12) !important;
}

[data-app][data-route="terminal"] .terminal-panel > header h4,
[data-app][data-route="terminal"] .terminal-panel > header h3 {
  margin: 0 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

[data-app][data-route="terminal"] .terminal-panel > header button,
[data-app][data-route="terminal"] .terminal-panel > header span {
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
}

[data-app][data-route="terminal"] .compact-signal-list,
[data-app][data-route="terminal"] .terminal-list,
[data-app][data-route="terminal"] .table-list {
  gap: 5px !important;
}

[data-app][data-route="terminal"] .terminal-token-row,
[data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
[data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
[data-app][data-route="terminal"] .kol-panel .terminal-token-row,
[data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
  display: grid !important;
  grid-template-columns: 38px minmax(180px, 0.92fr) minmax(310px, 1.35fr) 50px minmax(260px, 0.8fr) !important;
  gap: 6px 9px !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 7px 9px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(117, 255, 45, 0.12) !important;
  background: linear-gradient(180deg, rgba(6, 16, 8, 0.9), rgba(2, 7, 4, 0.88)) !important;
}

[data-app][data-route="terminal"] .terminal-token-row:hover {
  border-color: var(--terminal-panel-border-strong) !important;
  background: linear-gradient(180deg, rgba(8, 22, 10, 0.96), rgba(3, 9, 5, 0.94)) !important;
}

[data-app][data-route="terminal"] .terminal-token-row .live-pair-avatar,
[data-app][data-route="terminal"] .terminal-token-row .token-avatar,
[data-app][data-route="terminal"] .terminal-token-row .terminal-token-avatar,
[data-app][data-route="terminal"] .terminal-token-row > img {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  border-radius: 10px !important;
}

[data-app][data-route="terminal"] .terminal-token-main {
  gap: 2px !important;
}

[data-app][data-route="terminal"] .terminal-token-title {
  gap: 5px !important;
  line-height: 1.05 !important;
}

[data-app][data-route="terminal"] .terminal-token-title strong {
  font-size: 12px !important;
  max-width: 100% !important;
}

[data-app][data-route="terminal"] .terminal-token-title code,
[data-app][data-route="terminal"] .terminal-token-main code,
[data-app][data-route="terminal"] .terminal-token-main small,
[data-app][data-route="terminal"] .terminal-token-main span {
  font-size: 9.5px !important;
}

[data-app][data-route="terminal"] .terminal-token-row .compact-link-row {
  max-height: 20px !important;
  gap: 3px !important;
  overflow: hidden !important;
}

[data-app][data-route="terminal"] .terminal-token-row .compact-link-row a,
[data-app][data-route="terminal"] .terminal-token-row .compact-link-row button,
[data-app][data-route="terminal"] .terminal-token-row .sniper-pill {
  min-height: 18px !important;
  padding: 1px 5px !important;
  border-radius: 6px !important;
  font-size: 8.5px !important;
}

[data-app][data-route="terminal"] .compact-metrics-line {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

[data-app][data-route="terminal"] .compact-metrics-line span {
  min-width: 0 !important;
  padding: 3px 5px !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.025) !important;
  font-size: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

[data-app][data-route="terminal"] .compact-metrics-line b {
  font-size: 10px !important;
}

[data-app][data-route="terminal"] .terminal-token-stats,
[data-app][data-route="terminal"] .best-picks-panel .terminal-token-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
}







[data-app][data-route="terminal"] .terminal-score-chip {
  width: 50px !important;
  height: 34px !important;
  padding: 2px 4px !important;
  border-radius: 9px !important;
}

[data-app][data-route="terminal"] .terminal-score-chip strong {
  font-size: 14px !important;
}

[data-app][data-route="terminal"] .terminal-score-chip small {
  font-size: 7px !important;
}

[data-app][data-route="terminal"] .terminal-token-actions,
[data-app][data-route="terminal"] .best-picks-panel .terminal-token-actions,
[data-app][data-route="terminal"] .compact-row-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button,
[data-app][data-route="terminal"] .compact-row-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 4px !important;
  border-radius: 8px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

[data-app][data-route="terminal"] .terminal-bottom {
  margin-top: 0 !important;
}

@media (min-width: 1320px) {
  [data-app][data-route="terminal"] .command-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-app][data-route="terminal"] .best-picks-panel .compact-signal-list,
  [data-app][data-route="terminal"] .live-pairs-panel .compact-signal-list,
  [data-app][data-route="terminal"] .kol-panel .compact-signal-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1120px) {
  [data-app][data-route="terminal"] .dashboard {
    grid-template-columns: 1fr !important;
  }

  [data-app][data-route="terminal"] .metrics,
  [data-app][data-route="terminal"] .tabs,
  [data-app][data-route="terminal"] .panel-host {
    grid-column: 1 !important;
  }

  [data-app][data-route="terminal"] .tabs {
    grid-row: auto !important;
    position: sticky !important;
    top: 58px !important;
    z-index: 30 !important;
    display: flex !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }

  [data-app][data-route="terminal"] .tabs::-webkit-scrollbar {
    display: none !important;
  }

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    width: auto !important;
    min-width: 42px !important;
    flex: 0 0 auto !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group {
    width: auto !important;
    display: flex !important;
    flex: 0 0 auto !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    min-width: max-content !important;
  }

  [data-app][data-route="terminal"] .panel-host {
    grid-row: auto !important;
  }

  [data-app][data-route="terminal"] .command-controls,
  [data-app][data-route="terminal"] .live-control-strip,
  [data-app][data-route="terminal"] .slime-scope-controls {
    grid-template-columns: 1fr 130px !important;
  }

  [data-app][data-route="terminal"] .live-pair-buckets,
  [data-app][data-route="terminal"] .terminal-quick-buy-bar {
    grid-column: 1 / -1 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    grid-template-columns: 38px minmax(0, 1fr) 50px !important;
    grid-template-areas:
      "avatar main score"
      "avatar links score"
      "stats stats stats"
      "actions actions actions" !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row .live-pair-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .terminal-token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row > img {
    grid-area: avatar !important;
  }

  [data-app][data-route="terminal"] .terminal-token-main {
    grid-area: main !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row .compact-link-row {
    grid-area: links !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats,
  [data-app][data-route="terminal"] .compact-metrics-line {
    grid-area: stats !important;
  }

  [data-app][data-route="terminal"] .terminal-score-chip {
    grid-area: score !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .compact-row-actions {
    grid-area: actions !important;
  }
}

@media (max-width: 760px) {
  

  [data-app][data-route="terminal"] .shell {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 6px 6px 12px !important;
  }

  [data-app][data-route="terminal"] .topbar {
    position: sticky !important;
    top: 0 !important;
    min-height: 42px !important;
    padding: 5px 6px !important;
    border-radius: 0 0 12px 12px !important;
  }

  [data-app][data-route="terminal"] .brand img,
  [data-app][data-route="terminal"] .brand-mark img {
    max-height: 28px !important;
  }

  [data-app][data-route="terminal"] .topbar-right {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  [data-app][data-route="terminal"] .topbar button,
  [data-app][data-route="terminal"] .topbar a {
    min-height: 28px !important;
    padding: 0 5px !important;
    font-size: 9px !important;
  }

  [data-app][data-route="terminal"] [data-top-sync-strip],
  [data-app][data-route="terminal"] .top-sync-strip {
    min-height: 28px !important;
    padding: 3px 5px !important;
    font-size: 10px !important;
  }

  [data-app][data-route="terminal"] .metrics {
    grid-template-columns: repeat(4, minmax(86px, 1fr)) !important;
    display: flex !important;
    gap: 5px !important;
    overflow-x: auto !important;
    padding-bottom: 1px !important;
    scrollbar-width: none !important;
  }

  [data-app][data-route="terminal"] .metrics::-webkit-scrollbar {
    display: none !important;
  }

  

  

  [data-app][data-route="terminal"] .tabs {
    position: sticky !important;
    top: 44px !important;
    z-index: 25 !important;
    margin: 3px 0 5px !important;
    padding: 4px !important;
    gap: 4px !important;
    border-radius: 11px !important;
  }

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-width: 38px !important;
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }

  [data-app][data-route="terminal"] .command-workspace {
    gap: 6px !important;
  }

  [data-app][data-route="terminal"] .command-title {
    padding: 6px 7px !important;
  }

  [data-app][data-route="terminal"] .command-title h3 {
    font-size: 13px !important;
  }

  [data-app][data-route="terminal"] .command-title > span {
    font-size: 9px !important;
    padding: 2px 6px !important;
  }

  [data-app][data-route="terminal"] .command-controls,
  [data-app][data-route="terminal"] .live-control-strip,
  [data-app][data-route="terminal"] .slime-scope-controls {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 6px !important;
  }

  [data-app][data-route="terminal"] .live-pair-buckets {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  [data-app][data-route="terminal"] .mode-row button,
  [data-app][data-route="terminal"] .command-controls button,
  [data-app][data-route="terminal"] .live-control-strip button,
  [data-app][data-route="terminal"] .slime-scope-controls button {
    min-height: 29px !important;
    padding: 0 5px !important;
    font-size: 9px !important;
  }

  [data-app][data-route="terminal"] .terminal-quick-buy-bar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  [data-app][data-route="terminal"] .command-controls select,
  [data-app][data-route="terminal"] .command-controls input,
  [data-app][data-route="terminal"] .terminal-quick-buy-bar input,
  [data-app][data-route="terminal"] .terminal-quick-buy-bar select {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 11px !important;
  }

  [data-app][data-route="terminal"] .terminal-panel {
    padding: 6px !important;
    border-radius: 10px !important;
  }

  [data-app][data-route="terminal"] .terminal-panel > header {
    min-height: 27px !important;
    margin-bottom: 5px !important;
  }

  [data-app][data-route="terminal"] .terminal-panel > header h4,
  [data-app][data-route="terminal"] .terminal-panel > header h3 {
    font-size: 11px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    grid-template-columns: 32px minmax(0, 1fr) 42px !important;
    gap: 4px 6px !important;
    min-height: 0 !important;
    padding: 6px !important;
    border-radius: 9px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row .live-pair-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row .terminal-token-avatar,
  [data-app][data-route="terminal"] .terminal-token-row > img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    border-radius: 8px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title strong {
    font-size: 11px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-title code,
  [data-app][data-route="terminal"] .terminal-token-main code,
  [data-app][data-route="terminal"] .terminal-token-main small,
  [data-app][data-route="terminal"] .terminal-token-main span {
    font-size: 8.5px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row .compact-link-row {
    max-height: 18px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row .compact-link-row a,
  [data-app][data-route="terminal"] .terminal-token-row .compact-link-row button,
  [data-app][data-route="terminal"] .terminal-token-row .sniper-pill {
    min-height: 16px !important;
    padding: 1px 4px !important;
    font-size: 7.8px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-stats,
  [data-app][data-route="terminal"] .compact-metrics-line {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats span:nth-child(n+4),
  [data-app][data-route="terminal"] .compact-metrics-line span:nth-child(n+4) {
    display: none !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats span,
  [data-app][data-route="terminal"] .compact-metrics-line span {
    padding: 2px 4px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats small {
    font-size: 7.2px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats strong,
  [data-app][data-route="terminal"] .compact-metrics-line b {
    font-size: 9px !important;
  }

  [data-app][data-route="terminal"] .terminal-score-chip {
    width: 42px !important;
    height: 28px !important;
    padding: 1px 3px !important;
    border-radius: 8px !important;
  }

  [data-app][data-route="terminal"] .terminal-score-chip strong {
    font-size: 12px !important;
  }

  [data-app][data-route="terminal"] .terminal-score-chip small {
    font-size: 6px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-actions,
  [data-app][data-route="terminal"] .compact-row-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions button,
  [data-app][data-route="terminal"] .compact-row-actions button {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 2px !important;
    border-radius: 7px !important;
    font-size: 8.4px !important;
  }
}

@media (max-width: 420px) {
  [data-app][data-route="terminal"] .live-pair-buckets button {
    font-size: 8px !important;
  }

  
}

/* 2026-06-03 compact terminal labels + slimmer wallet/position strip.
   Visual-only: keep existing trading handlers and API hooks intact. */


[data-app][data-route="terminal"] .metrics {
  gap: 4px !important;
  align-items: stretch !important;
}

[data-app][data-route="terminal"] .metrics article {
  min-height: 34px !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
}

[data-app][data-route="terminal"] .metrics span {
  font-size: 8.5px !important;
  line-height: 1 !important;
  opacity: 0.72 !important;
}

[data-app][data-route="terminal"] .metrics strong {
  margin-top: 1px !important;
  font-size: clamp(12px, 1.05vw, 16px) !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

[data-app][data-route="terminal"] [data-top-sync-strip],
[data-app][data-route="terminal"] .top-sync-strip {
  min-height: 27px !important;
  padding: 3px 6px !important;
  gap: 5px !important;
  font-size: 9.5px !important;
}

[data-app][data-route="terminal"] [data-top-sync-strip] > span,
[data-app][data-route="terminal"] .top-sync-strip > span {
  min-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: min(32vw, 210px) !important;
  padding: 2px 6px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  background: rgba(117, 255, 45, 0.045) !important;
  border: 1px solid rgba(117, 255, 45, 0.1) !important;
}

[data-app][data-route="terminal"] [data-active-preset-label] {
  max-width: min(36vw, 260px) !important;
}

[data-app][data-route="terminal"] [data-top-sync-strip] button,
[data-app][data-route="terminal"] .top-sync-strip button {
  min-height: 24px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
}

[data-app][data-route="terminal"] .tabs {
  width: 86px !important;
  padding: 5px !important;
}

[data-app][data-route="terminal"] .tabs button,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary,
[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  min-height: 44px !important;
  height: 44px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 4px 2px !important;
}





[data-app][data-route="terminal"] .tabs button[data-active="true"]::after,
[data-app][data-route="terminal"] .tabs .nav-tool-group:has(button[data-active="true"]) summary::after {
  color: #cfff7a !important;
}

[data-app][data-route="terminal"] .tabs .nav-tool-group span {
  display: none !important;
}

[data-app][data-route="terminal"] .panel-host {
  min-width: 0 !important;
}

[data-app][data-route="terminal"] .automation-delegation-card.compact,
[data-app][data-route="terminal"] .automation-delegation-card {
  padding: 8px !important;
  gap: 7px !important;
}

[data-app][data-route="terminal"] .automation-delegation-card li,
[data-app][data-route="terminal"] .automation-delegation-card small {
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1180px) {

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 4px 5px !important;
  }
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .metrics {
    gap: 4px !important;
    padding: 0 !important;
  }

  [data-app][data-route="terminal"] .metrics article {
    flex: 0 0 78px !important;
    min-height: 30px !important;
    padding: 4px 6px !important;
  }

  [data-app][data-route="terminal"] .metrics span {
    font-size: 7.5px !important;
  }

  [data-app][data-route="terminal"] .metrics strong {
    font-size: 11.5px !important;
  }

  [data-app][data-route="terminal"] [data-top-sync-strip],
  [data-app][data-route="terminal"] .top-sync-strip {
    min-height: 24px !important;
    padding: 2px 4px !important;
    gap: 4px !important;
  }

  [data-app][data-route="terminal"] [data-top-sync-strip] > span,
  [data-app][data-route="terminal"] .top-sync-strip > span {
    max-width: 116px !important;
    min-height: 18px !important;
    padding: 1px 5px !important;
    font-size: 8px !important;
  }

  [data-app][data-route="terminal"] [data-active-preset-label] {
    max-width: 150px !important;
  }

  [data-app][data-route="terminal"] [data-top-sync-strip] button,
  [data-app][data-route="terminal"] .top-sync-strip button {
    min-height: 21px !important;
    padding: 0 5px !important;
    font-size: 8px !important;
  }

  [data-app][data-route="terminal"] .tabs {
    gap: 3px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: start !important;
  }

  

  

  [data-app][data-route="terminal"] .tabs button::after,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    content: attr(data-label) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 7.4px !important;
    line-height: 1 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  

  [data-app][data-route="terminal"] .tabs .nav-tool-group summary {
    justify-content: center !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group summary::after {
    content: "Tek" !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    grid-column: 1 / -1 !important;
    padding: 4px !important;
    border: 1px solid rgba(117, 255, 45, 0.18) !important;
    border-radius: 12px !important;
    background: rgba(2, 8, 3, 0.78) !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] summary {
    width: 100% !important;
    margin-bottom: 4px !important;
    min-height: 34px !important;
    height: 34px !important;
    flex-direction: row !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    display: inline-flex !important;
    width: calc(33.333% - 4px) !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 2px !important;
    vertical-align: top !important;
  }
}

@media (max-width: 430px) {
  [data-app][data-route="terminal"] .tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    width: calc(50% - 4px) !important;
  }
}

/* Final nav icon/label override with clean SlimeWire SVG nav glyphs. */


[data-app][data-route="terminal"] .tabs {
  width: 112px !important;
}

[data-app][data-route="terminal"] .tabs button,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary,
[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  min-height: 50px !important;
  height: 50px !important;
  gap: 3px !important;
  padding: 5px 4px !important;
}

[data-app][data-route="terminal"] .tabs button::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 0 7px rgba(135, 255, 34, 0.42)) !important;
}

/* 2026-06-05 focused Lock In repair.
   Login now opens a top-level modal instead of a header-clipped panel. */
body.login-modal-open {
  overflow: hidden !important;
}

.login-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 7600 !important;
  display: grid !important;
  place-items: center !important;
  padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)) !important;
  pointer-events: auto !important;
}

.login-modal[hidden] {
  display: none !important;
}

.login-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.82) !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

.login-modal-card {
  position: relative !important;
  z-index: 1 !important;
  width: min(430px, 100%) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(141, 255, 62, 0.58) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(117, 255, 45, 0.11), rgba(4, 12, 6, 0.97)),
    #050b06 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.8), 0 0 38px rgba(116, 255, 44, 0.18) !important;
  pointer-events: auto !important;
}

.login-modal-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  border: 1px solid rgba(141, 255, 62, 0.18) !important;
  border-radius: 14px !important;
  pointer-events: none !important;
}

.login-modal-head,
.login-modal-tabs,
.login-modal-section,
.login-modal-card > small,
.login-modal-card > .error {
  position: relative !important;
  z-index: 1 !important;
}

.login-modal-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.login-modal-head strong {
  display: block !important;
  color: #8dff3e !important;
  font-size: clamp(18px, 4.6vw, 24px) !important;
  line-height: 1.05 !important;
}

.login-modal-head small,
.login-modal-copy {
  color: rgba(232, 255, 220, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.login-modal-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.login-modal-tabs button {
  min-height: 44px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  white-space: normal !important;
}

.login-modal-tabs button[data-active="true"] {
  color: #061004 !important;
  border-color: rgba(141, 255, 62, 0.95) !important;
  background: linear-gradient(135deg, #8dff3e, #39ff14) !important;
  box-shadow: 0 0 18px rgba(91, 255, 45, 0.24) !important;
}

.login-modal-section {
  display: grid !important;
  gap: 10px !important;
}

.login-modal-section[hidden] {
  display: none !important;
}

.login-modal-section label {
  gap: 6px !important;
  min-width: 0 !important;
}

.login-modal-section input {
  min-height: 44px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.login-modal-section button,
.login-modal-head .icon-button {
  min-height: 44px !important;
  touch-action: manipulation !important;
}

@media (max-width: 420px) {
  .login-modal {
    align-items: start !important;
    padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  }

  .login-modal-card {
    width: 100% !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }
}

[data-app][data-route="terminal"] .tabs button::after,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
  content: attr(data-label) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: rgba(235, 255, 226, 0.9) !important;
  font-size: 9.8px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}






















@media (max-width: 1180px) {
  [data-app][data-route="terminal"] .dashboard {
    grid-template-columns: 1fr !important;
  }

  [data-app][data-route="terminal"] .tabs {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  

  [data-app][data-route="terminal"] .tabs button::before,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary::before {
    width: 17px !important;
    height: 17px !important;
    flex-basis: 17px !important;
  }

  
}

/* 2026-06-04 overlap-safe connect/layout pass.
   Visual-only: fixes real label clipping/crowding while preserving all hooks and handlers. */






[data-app][data-route="connect"] .connect-card h2 {
  font-size: clamp(42px, 4.6vw, 58px) !important;
  line-height: 1 !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-wrap: balance !important;
}

[data-app][data-route="connect"] .connect-card > p,
[data-app][data-route="connect"] .connect-helper,
[data-app][data-route="connect"] .connect-next-step,
[data-app][data-route="connect"] .connect-existing-user,
[data-app][data-route="connect"] .connect-trust,
[data-app][data-route="connect"] .policy-copy {
  max-width: 100% !important;
  line-height: 1.35 !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}



[data-app][data-route="connect"] .connect-card .provider-orb {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 96px !important;
  height: auto !important;
  padding: 12px 10px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
}



[data-app][data-route="connect"] .connect-card .provider-orb span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  clip: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.2 !important;
}

[data-app][data-route="connect"] .connect-actions,
[data-app][data-route="connect"] .connect-secondary-actions,
[data-app][data-route="connect"] .connect-form-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}



[data-app][data-route="connect"] .connect-actions button,
[data-app][data-route="connect"] .connect-secondary-actions button,
[data-app][data-route="connect"] .connect-form-actions button {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 10px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
}

[data-app][data-route="connect"] .connect-actions .slime-login-button,
[data-app][data-route="connect"] .connect-form-actions .primary {
  min-height: 50px !important;
  font-size: clamp(14px, 1.6vw, 16px) !important;
}

[data-app][data-route="connect"] .connect-actions button:not(.slime-login-button),
[data-app][data-route="connect"] .connect-secondary-actions button,
[data-app][data-route="connect"] .connect-form-actions button:not(.primary) {
  font-size: clamp(11px, 1.15vw, 13px) !important;
}

[data-app][data-route="connect"] .connect-actions button::before,
[data-app][data-route="connect"] .connect-secondary-actions button::before,
[data-app][data-route="connect"] .connect-form-actions button::before {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}



@media (max-width: 520px) {
  [data-app][data-route="connect"] .connect-card {
    max-width: calc(100vw - 24px) !important;
    padding: 18px 14px 22px !important;
    gap: 9px !important;
  }

  [data-app][data-route="connect"] .connect-card::before {
    inset: 0 !important;
    border-radius: 20px !important;
    padding: 6px !important;
  }

  [data-app][data-route="connect"] .connect-card::after {
    left: 28px !important;
    right: 28px !important;
    height: 5px !important;
  }

  [data-app][data-route="connect"] .connect-card h2 {
    font-size: clamp(30px, 9.2vw, 38px) !important;
    line-height: 1.02 !important;
  }

  [data-app][data-route="connect"] .connect-card > p {
    font-size: clamp(12px, 3.35vw, 14px) !important;
  }

  [data-app][data-route="connect"] .connect-helper,
  [data-app][data-route="connect"] .connect-next-step,
  [data-app][data-route="connect"] .connect-existing-user,
  [data-app][data-route="connect"] .connect-trust,
  [data-app][data-route="connect"] .policy-copy {
    font-size: clamp(10px, 2.8vw, 12px) !important;
  }

  [data-app][data-route="connect"] .connect-provider-row,
  [data-app][data-route="connect"] .connect-actions,
  [data-app][data-route="connect"] .connect-secondary-actions,
  [data-app][data-route="connect"] .connect-form-actions {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  [data-app][data-route="connect"] .connect-card .provider-orb {
    min-height: 64px !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding: 10px 12px !important;
  }

  [data-app][data-route="connect"] .connect-card .provider-orb img {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  [data-app][data-route="connect"] .connect-actions button,
  [data-app][data-route="connect"] .connect-secondary-actions button,
  [data-app][data-route="connect"] .connect-form-actions button {
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: clamp(11px, 3.2vw, 13px) !important;
  }

  [data-app][data-route="connect"] .connect-actions .slime-login-button,
  [data-app][data-route="connect"] .connect-form-actions .primary {
    font-size: clamp(13px, 3.6vw, 15px) !important;
  }
}

@media (max-width: 340px) {
  [data-app][data-route="connect"] .connect-card {
    max-width: calc(100vw - 18px) !important;
    padding: 16px 12px 20px !important;
  }

  [data-app][data-route="connect"] .connect-card .connect-logo {
    width: min(190px, 76vw) !important;
  }

  [data-app][data-route="connect"] .connect-card h2 {
    font-size: clamp(28px, 8.8vw, 34px) !important;
  }
}

/* 2026-06-04 small-icon + slime-frame connect pass.
   Visual-only: uses pseudo-elements so existing buttons, data hooks, and handlers stay intact. */
[data-app][data-route="connect"] .connect-card {
  position: relative !important;
  overflow: visible !important;
  border-color: rgba(154, 255, 57, 0.4) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(9, 21, 9, 0.9), rgba(2, 8, 3, 0.78)),
    radial-gradient(circle at 50% 0%, rgba(114, 255, 35, 0.1), transparent 210px) !important;
  box-shadow:
    0 0 0 1px rgba(141, 255, 62, 0.1),
    0 0 38px rgba(57, 255, 20, 0.12),
    inset 0 0 32px rgba(57, 255, 20, 0.035) !important;
}

[data-app][data-route="connect"] .connect-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -10px !important;
  z-index: 0 !important;
  border: 1px solid rgba(157, 255, 45, 0.72) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(90deg, transparent 0 4%, rgba(157, 255, 45, 0.54) 8%, transparent 19% 62%, rgba(157, 255, 45, 0.46) 75%, transparent 96%),
    linear-gradient(180deg, rgba(157, 255, 45, 0.55), transparent 16% 84%, rgba(157, 255, 45, 0.42)) !important;
  box-shadow:
    0 0 0 1px rgba(57, 255, 20, 0.12),
    0 0 24px rgba(57, 255, 20, 0.18),
    inset 0 0 22px rgba(57, 255, 20, 0.08) !important;
  opacity: 0.56 !important;
  pointer-events: none !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  -webkit-mask-composite: xor !important;
  padding: 8px !important;
}

[data-app][data-route="connect"] .connect-card::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  top: -9px !important;
  z-index: 0 !important;
  height: 7px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, transparent, rgba(157, 255, 45, 0.74), transparent),
    linear-gradient(180deg, rgba(190, 255, 87, 0.88), rgba(57, 255, 20, 0.2)) !important;
  filter: blur(0.2px) drop-shadow(0 0 10px rgba(57, 255, 20, 0.42)) !important;
  opacity: 0.58 !important;
  pointer-events: none !important;
}

[data-app][data-route="connect"] .connect-card > * {
  position: relative !important;
  z-index: 1 !important;
}



[data-app][data-route="connect"] .connect-actions [data-connect-create-account],
[data-app][data-route="connect"] .connect-actions [data-connect-login-toggle] {
  grid-column: auto !important;
}

[data-app][data-route="connect"] .connect-actions button,
[data-app][data-route="connect"] .connect-secondary-actions button,
[data-app][data-route="connect"] .connect-form-actions button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  border-radius: 10px !important;
  overflow: visible !important;
}



[data-app][data-route="connect"] .connect-actions button::before,
[data-app][data-route="connect"] .connect-secondary-actions button::before,
[data-app][data-route="connect"] .connect-form-actions button::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  background: currentColor !important;
  filter: drop-shadow(0 0 5px rgba(141, 255, 62, 0.38)) !important;
  opacity: 0.98 !important;
  mask: var(--slime-action-icon) center / contain no-repeat !important;
  -webkit-mask: var(--slime-action-icon) center / contain no-repeat !important;
}

[data-app][data-route="connect"] .connect-actions .slime-login-button::before,
[data-app][data-route="connect"] .connect-form-actions .primary::before {
  width: 21px !important;
  height: 21px !important;
  flex-basis: 21px !important;
  filter: drop-shadow(0 0 4px rgba(5, 18, 5, 0.28)) !important;
}

[data-app][data-route="connect"] [data-web-signup-connect],
[data-app][data-route="connect"] [data-connect-create-wallet] {
  --slime-action-icon: url("./assets/slimewire/svg/icons/wallet.svg");
}

[data-app][data-route="connect"] [data-connect-login-toggle],
[data-app][data-route="connect"] [data-connect-password-login] {
  --slime-action-icon: url("./assets/slimewire/svg/icons/lock.svg");
}

[data-app][data-route="connect"] [data-connect-create-account] {
  --slime-action-icon: url("./assets/slimewire/svg/icons/profile.svg");
}

[data-app][data-route="connect"] [data-nav-route="/terminal"] {
  --slime-action-icon: url("./assets/slimewire/svg/nav-icons/terminal.svg");
}





@media (max-width: 760px) {
  [data-app][data-route="connect"] .connect-card::before {
    inset: -7px !important;
    border-radius: 22px !important;
    padding: 6px !important;
  }

  [data-app][data-route="connect"] .connect-card::after {
    left: 20px !important;
    right: 20px !important;
    top: -7px !important;
    height: 5px !important;
  }

  [data-app][data-route="connect"] .connect-actions button,
  [data-app][data-route="connect"] .connect-secondary-actions button,
  [data-app][data-route="connect"] .connect-form-actions button {
    justify-content: center !important;
    gap: 7px !important;
  }

  [data-app][data-route="connect"] .connect-actions button::before,
  [data-app][data-route="connect"] .connect-secondary-actions button::before,
  [data-app][data-route="connect"] .connect-form-actions button::before {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
  }

  [data-app][data-route="connect"] .connect-actions .slime-login-button::before,
  [data-app][data-route="connect"] .connect-form-actions .primary::before {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }

  [data-app][data-route="connect"] .connect-card .provider-orb img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}

[data-app][data-route="terminal"] .tabs {
  gap: 8px !important;
}

[data-app][data-route="terminal"] .tabs button,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary,
[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  border-radius: 12px !important;
  overflow: hidden !important;
}

@media (min-width: 761px) {
  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-height: 56px !important;
    height: 56px !important;
  }
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 7px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x proximity !important;
    position: relative !important;
    z-index: 40 !important;
  }

  

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    width: 64px !important;
    flex: 0 0 64px !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 5px 4px !important;
    gap: 3px !important;
    scroll-snap-align: start !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    z-index: 100 !important;
  }

  

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    position: absolute !important;
    left: 0 !important;
    top: calc(50px + (var(--tek-i, 0) * 50px)) !important;
    display: flex !important;
    background: rgba(7, 18, 7, 0.98) !important;
    border-color: rgba(132, 255, 42, 0.42) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42), 0 0 12px rgba(114, 255, 35, 0.12) !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(1) { --tek-i: 0; }
  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(2) { --tek-i: 1; }
  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(3) { --tek-i: 2; }
  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(4) { --tek-i: 3; }
  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(5) { --tek-i: 4; }
  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(6) { --tek-i: 5; }
  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button:nth-of-type(7) { --tek-i: 6; }

  [data-app][data-route="terminal"] .tabs button::before,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary::before {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
  }

  [data-app][data-route="terminal"] .tabs button::after,
  [data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    font-size: 7.2px !important;
    line-height: 1 !important;
    max-width: 54px !important;
  }
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-bottom: 8px !important;
  }

  [data-app][data-route="terminal"] .tabs > button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    flex: 0 0 64px !important;
    width: 64px !important;
  }

  

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    flex: 1 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-row: 1 !important;
    gap: 6px !important;
    padding: 6px !important;
    border-color: rgba(132, 255, 42, 0.36) !important;
    background: rgba(5, 15, 7, 0.96) !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] summary {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    flex-basis: auto !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    box-shadow: 0 0 0 1px rgba(173, 255, 47, 0.55), 0 0 18px rgba(114, 255, 35, 0.18) !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    background: rgba(7, 18, 7, 0.98) !important;
    border-color: rgba(132, 255, 42, 0.36) !important;
  }
}

/* Clean UI asset pack integration and entry-flow cleanup */
.connect-card .connect-helper,
.connect-card .connect-existing-user,
.connect-card .connect-trust,
.metrics article small {
  color: rgba(222, 255, 214, 0.66) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.connect-card .connect-trust {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(176, 255, 122, 0.78) !important;
}

.connect-card .connect-provider-row {
  gap: 12px !important;
}

.connect-card .provider-orb {
  width: min(142px, 45%) !important;
  min-height: 92px !important;
  border-radius: 18px !important;
  padding: 10px 8px !important;
  gap: 8px !important;
}

.connect-card .provider-orb img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  border-radius: 14px !important;
}

.connect-card .provider-orb span {
  font-size: 12px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}



.connect-actions .primary {
  grid-column: 1 / -1 !important;
}

.policy-copy a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.metrics article {
  min-height: 86px !important;
  align-content: start !important;
  gap: 4px !important;
}

.metrics article small {
  display: block !important;
  max-width: 140px !important;
}

[data-app][data-route="terminal"] .tabs .nav-section-label {
  display: block !important;
  margin: 8px 6px 3px !important;
  color: rgba(176, 255, 117, 0.78) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

[data-app][data-route="terminal"] .tabs button,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary,
[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  gap: 7px !important;
}

[data-app][data-route="terminal"] .tabs button::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: drop-shadow(0 0 6px rgba(146, 255, 34, 0.44)) !important;
}

[data-app][data-route="terminal"] .tabs button[data-active="true"]::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group:has(button[data-active="true"]) summary::before {
  filter: drop-shadow(0 0 10px rgba(168, 255, 42, 0.82)) !important;
}

[data-app][data-route="terminal"] .tabs button[data-tab="terminal"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/live_terminal.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="profile"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/home_profile.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="smartChart"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/smart_chart.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="trade"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/trade.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="live"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/live_pairs.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="liveTrades"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/live_trades.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="slimeScope"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/slime_scope.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="watchlist"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/watchlist.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="kol"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/kol_tracker.png") !important; }
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/ogre_tek.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="ogreAi"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/ogre_ai.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="launchCoin"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/pump_launch.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="bundle"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/bundle_volume.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="volume"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/bundle_volume.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="launch"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/launch_snipe.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="sniper"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/sniper.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="ogreTek"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/perp_mode.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="wallets"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/wallets_balances.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="positions"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/positions.png") !important; }
[data-app][data-route="terminal"] .tabs button[data-tab="pnl"]::before { background-image: url("./assets/slimewire/clean-ui/side_nav_icons/default/pnl.png") !important; }

/* 2026-06-04 connect visual cleanup.
   Visual-only: preserves existing data hooks, form names, routes, and click handlers. */
:root {
  --slime-clean-bg: #050805;
  --slime-clean-panel: #0a120a;
  --slime-clean-green: #8dff3e;
  --slime-clean-glow: #39ff14;
  --slime-clean-muted: #a2bb9b;
  --slime-clean-border: #539c3f;
}

[data-app][data-route="connect"] .top-auth-group button,
[data-app][data-route="connect"] .connect-actions button,
[data-app][data-route="connect"] .connect-secondary-actions button,
[data-app][data-route="connect"] .connect-form-actions button,
[data-app][data-route="terminal"] .top-sync-strip button,
[data-app][data-route="terminal"] .mode-row button,
[data-app][data-route="terminal"] .card-actions button,
[data-app][data-route="terminal"] .card-actions a,
[data-app][data-route="terminal"] .terminal-panel header button,
[data-app][data-route="terminal"] .command-controls > button {
  min-height: 42px !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(141, 255, 62, 0.34) !important;
  color: #f3ffe8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  background:
    linear-gradient(180deg, rgba(19, 38, 14, 0.9), rgba(5, 14, 6, 0.94)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(141, 255, 62, 0.06),
    0 0 16px rgba(57, 255, 20, 0.08) !important;
}

[data-app][data-route="connect"] .connect-actions .primary,
[data-app][data-route="connect"] .connect-form-actions .primary,
[data-app][data-route="terminal"] .primary,
[data-app][data-route="terminal"] .mode-row button[data-active="true"] {
  border-color: rgba(141, 255, 62, 0.78) !important;
  color: #061006 !important;
  background:
    linear-gradient(180deg, #a8ff4d 0%, #72ff23 100%) !important;
  box-shadow:
    0 0 0 1px rgba(141, 255, 62, 0.34),
    0 0 22px rgba(57, 255, 20, 0.2),
    inset 0 -8px 16px rgba(18, 72, 4, 0.16) !important;
}

[data-app][data-route="connect"] .connect-view {
  min-height: calc(100svh - 94px) !important;
  padding: 18px 16px 28px !important;
  place-items: center !important;
}

[data-app][data-route="connect"] .swamp-connect-shell {
  width: min(1180px, 100%) !important;
  min-height: min(680px, calc(100svh - 130px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
  align-items: center !important;
  gap: 32px !important;
  padding: 40px 48px 58px !important;
  border: 1px solid rgba(141, 255, 62, 0.34) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(115deg, rgba(2, 5, 2, 0.96), rgba(5, 12, 6, 0.9)),
    var(--slime-grid),
    var(--slime-clean-bg) !important;
  background-size: auto, 420px 420px, auto !important;
  box-shadow:
    0 0 0 1px rgba(141, 255, 62, 0.08),
    0 28px 90px rgba(0, 0, 0, 0.42),
    inset 0 0 70px rgba(57, 255, 20, 0.04) !important;
  overflow: hidden !important;
}



[data-app][data-route="connect"] .connect-hero-side,
[data-app][data-route="connect"] .connect-card,
[data-app][data-route="connect"] .connect-powered {
  position: relative !important;
  z-index: 1 !important;
}

[data-app][data-route="connect"] .connect-hero-side {
  min-height: 16px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 8px !important;
  padding: 0 0 18px !important;
  text-align: center !important;
  overflow: visible !important;
}

[data-app][data-route="connect"] .connect-hero-side .connect-mark {
  width: 74px !important;
  height: 74px !important;
  margin: 0 !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(141, 255, 62, 0.42)) !important;
}

[data-app][data-route="connect"] .connect-hero-side p {
  margin: 8px 0 0 !important;
  color: rgba(245, 255, 242, 0.76) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

[data-app][data-route="connect"] .connect-hero-side h1 {
  max-width: 100% !important;
  margin: 0 0 8px !important;
  color: var(--slime-clean-green) !important;
  font-size: 88px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 24px rgba(57, 255, 20, 0.42) !important;
}

[data-app][data-route="connect"] .connect-method-showcase {
  position: relative !important;
  width: min(530px, 100%) !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  margin: 4px auto 0 !important;
  border: 1px solid rgba(141, 255, 62, 0.36) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.26)),
    url("./assets/slimewire/references/chart-preview.jpg") center / cover no-repeat !important;
  box-shadow:
    inset 0 0 0 1px rgba(141, 255, 62, 0.08),
    0 0 28px rgba(57, 255, 20, 0.12) !important;
  overflow: hidden !important;
}

[data-app][data-route="connect"] .connect-method-card {
  display: none !important;
}

[data-app][data-route="connect"] .connect-ogre {
  position: absolute !important;
  left: 50% !important;
  bottom: 18px !important;
  width: min(240px, 44%) !important;
  max-height: 220px !important;
  transform: translateX(-50%) !important;
  opacity: 0.78 !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter:
    drop-shadow(0 0 20px rgba(57, 255, 20, 0.2))
    drop-shadow(0 18px 30px rgba(0, 0, 0, 0.36)) !important;
}

[data-app][data-route="connect"] .connect-card {
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 430px !important;
  display: grid !important;
  gap: 8px !important;
  justify-items: center !important;
  padding: 24px !important;
  border: 1px solid rgba(141, 255, 62, 0.3) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(10, 18, 10, 0.88), rgba(3, 8, 4, 0.68)),
    radial-gradient(circle at 50% 0%, rgba(57, 255, 20, 0.08), transparent 190px) !important;
  box-shadow:
    inset 0 0 0 1px rgba(141, 255, 62, 0.04),
    0 0 32px rgba(57, 255, 20, 0.08) !important;
  text-align: center !important;
}

[data-app][data-route="connect"] .connect-card .connect-logo {
  width: 250px !important;
  max-width: 86% !important;
  max-height: 58px !important;
  margin: 0 auto 2px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 14px rgba(141, 255, 62, 0.34)) !important;
}

[data-app][data-route="connect"] .connect-card h2 {
  max-width: 100% !important;
  margin: 0 auto 2px !important;
  color: var(--slime-clean-green) !important;
  font-size: 58px !important;
  font-weight: 950 !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: 0 0 20px rgba(57, 255, 20, 0.36) !important;
  white-space: normal !important;
}

[data-app][data-route="connect"] .connect-card > p {
  max-width: 360px !important;
  margin: 2px auto 6px !important;
  color: rgba(245, 255, 242, 0.84) !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
}

[data-app][data-route="connect"] .connect-subtitle {
  margin: 0 !important;
  color: var(--slime-clean-green) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

[data-app][data-route="connect"] .connect-helper,
[data-app][data-route="connect"] .connect-next-step,
[data-app][data-route="connect"] .connect-existing-user,
[data-app][data-route="connect"] .connect-trust,
[data-app][data-route="connect"] [data-connected-wallet-summary],
[data-app][data-route="connect"] .connect-status,
[data-app][data-route="connect"] .policy-copy {
  max-width: 360px !important;
  margin: 0 auto !important;
  color: rgba(162, 187, 155, 0.9) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

[data-app][data-route="connect"] .connect-trust {
  color: rgba(176, 255, 122, 0.8) !important;
}

[data-app][data-route="connect"] .connect-provider-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 8px 0 6px !important;
}

[data-app][data-route="connect"] .connect-card .provider-orb {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 104px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(141, 255, 62, 0.36) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(13, 32, 10, 0.84), rgba(4, 13, 5, 0.94)) !important;
  color: #f3ffe8 !important;
  box-shadow:
    inset 0 0 0 1px rgba(141, 255, 62, 0.05),
    0 0 16px rgba(57, 255, 20, 0.08) !important;
  text-decoration: none !important;
}

[data-app][data-route="connect"] .connect-card .provider-orb::after {
  display: none !important;
}

[data-app][data-route="connect"] .connect-card .provider-orb img {
  flex: 0 0 auto !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  filter: drop-shadow(0 0 12px rgba(141, 255, 62, 0.34)) !important;
}

[data-app][data-route="connect"] .connect-card .provider-orb span {
  display: block !important;
  color: #f3ffe8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

[data-app][data-route="connect"] .connect-card .provider-orb:hover,
[data-app][data-route="connect"] .connect-card .provider-orb:focus-visible {
  border-color: rgba(141, 255, 62, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(141, 255, 62, 0.18),
    0 0 22px rgba(57, 255, 20, 0.18) !important;
}

[data-app][data-route="connect"] .connect-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

[data-app][data-route="connect"] .connect-actions .slime-login-button {
  grid-column: 1 / -1 !important;
  min-height: 48px !important;
  width: 100% !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
}

[data-app][data-route="connect"] .connect-actions button:not(.slime-login-button) {
  width: 100% !important;
  min-width: 0 !important;
  font-size: 13px !important;
}

[data-app][data-route="connect"] .connect-secondary-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

[data-app][data-route="connect"] .connect-secondary-actions button {
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  color: rgba(226, 255, 214, 0.78) !important;
  font-size: 11px !important;
  background: rgba(3, 12, 5, 0.56) !important;
  border-color: rgba(141, 255, 62, 0.22) !important;
  box-shadow: none !important;
}

[data-app][data-route="connect"] .connect-login-panel {
  width: 100% !important;
  max-width: 380px !important;
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(141, 255, 62, 0.28) !important;
  border-radius: 12px !important;
  background: rgba(3, 10, 4, 0.78) !important;
}

[data-app][data-route="connect"] .connect-login-panel[hidden] {
  display: none !important;
}

[data-app][data-route="connect"] .connect-login-panel label {
  color: rgba(245, 255, 242, 0.82) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

[data-app][data-route="connect"] .connect-login-panel input {
  min-height: 42px !important;
  border-radius: 8px !important;
}

[data-app][data-route="connect"] .connect-form-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

[data-app][data-route="connect"] .remember-device-row {
  letter-spacing: 0 !important;
}

[data-app][data-route="connect"] .connect-powered {
  left: 50% !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  color: rgba(245, 255, 242, 0.72) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 980px) {
  [data-app][data-route="connect"] .connect-view {
    min-height: auto !important;
    padding: 12px !important;
  }

  [data-app][data-route="connect"] .swamp-connect-shell {
    width: min(720px, 100%) !important;
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 28px 22px 46px !important;
    border-radius: 20px !important;
  }

  [data-app][data-route="connect"] .swamp-connect-shell::before {
    inset: 6px !important;
    opacity: 0.28 !important;
  }

  [data-app][data-route="connect"] .connect-hero-side {
    display: grid !important;
    padding-bottom: 0 !important;
  }

  [data-app][data-route="connect"] .connect-hero-side .connect-mark {
    width: 58px !important;
    height: 58px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side p {
    font-size: 13px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side h1 {
    font-size: 56px !important;
    margin-bottom: 2px !important;
  }

  [data-app][data-route="connect"] .connect-method-showcase {
    width: min(460px, 100%) !important;
    aspect-ratio: 16 / 6 !important;
  }

  [data-app][data-route="connect"] .connect-ogre {
    display: none !important;
  }

  [data-app][data-route="connect"] .connect-card {
    justify-self: center !important;
  }
}

@media (max-width: 620px) {
  [data-app][data-route="connect"] .connect-view {
    padding: 8px !important;
  }

  [data-app][data-route="connect"] .swamp-connect-shell {
    width: 100% !important;
    gap: 12px !important;
    padding: 20px 12px 38px !important;
    border-radius: 16px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side {
    gap: 4px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side .connect-mark {
    width: 46px !important;
    height: 46px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side p {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side h1 {
    font-size: 44px !important;
  }

  [data-app][data-route="connect"] .connect-method-showcase {
    display: none !important;
  }

  [data-app][data-route="connect"] .connect-card {
    max-width: none !important;
    gap: 7px !important;
    padding: 16px 12px !important;
  }

  [data-app][data-route="connect"] .connect-card .connect-logo {
    width: 210px !important;
    max-height: 48px !important;
  }

  [data-app][data-route="connect"] .connect-card h2 {
    font-size: 40px !important;
  }

  [data-app][data-route="connect"] .connect-card > p {
    font-size: 13px !important;
  }

  [data-app][data-route="connect"] .connect-card .provider-orb {
    min-height: 78px !important;
    padding: 10px 8px !important;
  }

  [data-app][data-route="connect"] .connect-card .provider-orb img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  [data-app][data-route="connect"] .connect-actions,
  [data-app][data-route="connect"] .connect-secondary-actions,
  [data-app][data-route="connect"] .connect-form-actions {
    grid-template-columns: 1fr !important;
  }

  [data-app][data-route="connect"] .connect-actions .slime-login-button,
  [data-app][data-route="connect"] .connect-actions button:not(.slime-login-button),
  [data-app][data-route="connect"] .connect-secondary-actions button {
    width: 100% !important;
  }
}

@media (min-width: 761px) {
  [data-app][data-route="terminal"] .tabs .nav-section-label {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  .connect-actions {
    grid-template-columns: 1fr !important;
  }

  .connect-card .provider-orb {
    width: 100% !important;
    min-height: 74px !important;
  }

  
}
/* 2026-06-04 readable mobile/nav repair */
[data-app][data-route="terminal"] .tabs > button,
[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
[data-app][data-route="terminal"] .tabs .nav-tool-group button {
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

[data-app][data-route="terminal"] .tabs button::after,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
  display: none !important;
  content: none !important;
}

[data-app][data-route="terminal"] .tabs button::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before,
[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 760px) {
  html,
  body,
  [data-app] {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .app-shell,
  .dashboard,
  .panel-host,
  [data-app][data-route="terminal"] .command-terminal,
  [data-app][data-route="terminal"] .terminal-workspace,
  [data-app][data-route="terminal"] .terminal-main,
  [data-app][data-route="terminal"] .terminal-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 6px 0 !important;
  }

  .metrics article {
    min-height: 58px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }

  .metrics article span { font-size: 10px !important; }
  .metrics article strong { font-size: 15px !important; line-height: 1.1 !important; }
  .metrics article small { display: none !important; }

  [data-app][data-route="terminal"] .tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 6px 0 8px !important;
    margin: 0 0 8px !important;
    background: rgba(0, 8, 2, 0.94) !important;
    border-bottom: 1px solid rgba(117, 255, 42, 0.22) !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-section-label {
    flex: 1 0 100% !important;
    display: block !important;
    margin: 7px 2px 0 !important;
    font-size: 9px !important;
  }

  [data-app][data-route="terminal"] .tabs > button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    flex: 1 1 calc(33.333% - 6px) !important;
    width: auto !important;
    min-width: 94px !important;
    max-width: none !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    text-align: left !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    position: static !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group:not([open]) button {
    display: none !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    flex: 1 1 calc(50% - 6px) !important;
  }

  [data-app][data-route="terminal"] .terminal-quick-buy-bar,
  [data-app][data-route="terminal"] .live-pair-buckets,
  [data-app][data-route="terminal"] .slime-scope-controls,
  [data-app][data-route="terminal"] .command-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-app][data-route="terminal"] .terminal-quick-buy-bar > *,
  [data-app][data-route="terminal"] .live-pair-buckets > *,
  [data-app][data-route="terminal"] .slime-scope-controls > *,
  [data-app][data-route="terminal"] .command-controls > * {
    flex: 1 1 120px !important;
    min-width: 0 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    padding: 8px !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions button {
    flex: 1 1 76px !important;
    min-width: 70px !important;
    min-height: 28px !important;
    height: auto !important;
    padding: 5px 7px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row h4,
  [data-app][data-route="terminal"] .terminal-token-row strong,
  [data-app][data-route="terminal"] .terminal-token-row .token-symbol {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  [data-app][data-route="terminal"] .terminal-token-row p,
  [data-app][data-route="terminal"] .terminal-token-row small,
  [data-app][data-route="terminal"] .terminal-token-row span {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}

/* 2026-06-04 visual auth and terminal clarity cleanup.
   Presentation-only: keeps existing data hooks and actions intact. */
.top-auth-actions {
  align-items: center !important;
}

.top-auth-group {
  gap: 8px !important;
}

.top-auth-group button,
.connect-actions button,
.connect-secondary-actions button,
.connect-form-actions button {
  min-height: 36px !important;
}

.top-auth-group [data-open-login] {
  border-color: rgba(153, 255, 41, 0.3) !important;
  background: rgba(8, 26, 8, 0.56) !important;
}

.top-sync-strip {
  align-items: center !important;
  min-height: 34px !important;
}

.top-wallet-disconnected {
  display: none;
  color: rgba(232, 255, 220, 0.86);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

[data-app][data-wallet-connected="false"] .top-sync-strip {
  padding: 4px 8px !important;
}

[data-app][data-wallet-connected="false"] .top-wallet-disconnected {
  display: inline-flex;
}

[data-app][data-wallet-connected="false"] .top-sync-strip [data-top-sol],
[data-app][data-wallet-connected="false"] .top-sync-strip [data-top-portfolio],
[data-app][data-wallet-connected="false"] .top-sync-strip [data-active-preset-label] {
  display: none !important;
}

.connect-card {
  gap: 10px !important;
}

.connect-card .connect-subtitle {
  margin-top: 2px !important;
}

.connect-provider-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.connect-card .provider-orb {
  min-height: 92px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(20, 54, 12, 0.78), rgba(4, 14, 4, 0.92)) !important;
  border: 1px solid rgba(153, 255, 41, 0.42) !important;
}

.connect-card .provider-orb img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
}

.connect-card .provider-orb span {
  font-size: 13px !important;
  font-weight: 900 !important;
}

.connect-next-step,
.connect-login-heading {
  display: block;
  color: rgba(226, 255, 214, 0.8);
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
}

.connect-login-heading {
  color: var(--slime-green, #99ff29);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.connect-actions {
  grid-template-columns: 1.35fr 1fr 0.85fr !important;
  gap: 8px !important;
}

.connect-secondary-actions {
  display: grid;
  grid-template-columns: 0.85fr 1.35fr;
  gap: 8px;
  width: 100%;
}

.connect-secondary-actions button {
  border-color: rgba(153, 255, 41, 0.24) !important;
  background: rgba(3, 12, 5, 0.58) !important;
  color: rgba(226, 255, 214, 0.82) !important;
  font-size: 11px !important;
}

.remember-device-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: rgba(226, 255, 214, 0.72) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}

.remember-device-row input {
  width: 13px !important;
  height: 13px !important;
  accent-color: var(--slime-green, #99ff29);
}

[data-app][data-route="terminal"] .tabs [title] {
  cursor: pointer;
}

@media (max-width: 760px) {
  

  

  .top-auth-group button {
    min-width: 0 !important;
    padding: 8px 7px !important;
    font-size: 10px !important;
    white-space: normal !important;
  }

  

  .connect-provider-row,
  .connect-actions,
  .connect-secondary-actions {
    grid-template-columns: 1fr !important;
  }

  .connect-card .provider-orb {
    min-height: 68px !important;
    flex-direction: row !important;
    justify-content: center !important;
  }
}

/* 2026-06-04 final connect/mobile rescue.
   Keeps existing buttons and data hooks; only fixes readability/spacing. */
.connect-view .swamp-connect-shell {
  align-items: center !important;
  gap: clamp(18px, 3vw, 34px) !important;
  overflow: hidden !important;
}

.connect-view .connect-card {
  width: min(560px, 100%) !important;
  max-width: 560px !important;
  padding: clamp(20px, 3vw, 34px) !important;
  overflow: visible !important;
  text-align: center !important;
}

.connect-view .connect-card h2 {
  max-width: 100% !important;
  margin: 0 auto 4px !important;
  font-size: clamp(42px, 6vw, 76px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
}

.connect-view .connect-card > p {
  max-width: 460px !important;
  margin-inline: auto !important;
  font-size: clamp(14px, 1.55vw, 19px) !important;
  line-height: 1.35 !important;
}

.connect-view .connect-provider-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.connect-view .connect-provider-row > .provider-orb,
.connect-view .connect-method-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 86px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  padding: 12px 14px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 16px !important;
  text-align: center !important;
}

.connect-view .connect-provider-row > .provider-orb::after,
.connect-view .connect-method-card::after {
  display: none !important;
}

.connect-view .connect-provider-row > .provider-orb img,
.connect-view .connect-method-card img {
  display: block !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  transform: none !important;
}

.connect-view .connect-provider-row > .provider-orb span,
.connect-view .connect-method-card span {
  display: inline-block !important;
  position: static !important;
  color: #f3ffe8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

.connect-view .connect-actions,
.connect-view .connect-secondary-actions {
  width: 100% !important;
}

.connect-view .connect-actions button,
.connect-view .connect-secondary-actions button {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  white-space: normal !important;
  line-height: 1.1 !important;
}

@media (max-width: 980px) {
  .connect-view .swamp-connect-shell {
    grid-template-columns: 1fr !important;
  }

  .connect-view .connect-hero-side {
    display: none !important;
  }
}

@media (max-width: 760px) {
  

  .topbar-right {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .top-auth-group {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  .top-auth-group button,
  .top-auth-group .top-profile-button {
    flex: 1 1 118px !important;
    min-width: 104px !important;
    min-height: 34px !important;
    padding: 8px 9px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  .top-auth-group [data-web-signup-connect],
  .top-auth-group .top-profile-button {
    flex-basis: 100% !important;
  }

  .connect-view {
    padding: 10px !important;
  }

  .connect-view .connect-card {
    padding: 18px 14px !important;
  }

  .connect-view .connect-card h2 {
    font-size: clamp(38px, 13vw, 58px) !important;
  }

  .connect-view .connect-provider-row {
    grid-template-columns: 1fr !important;
  }

  .connect-view .connect-provider-row > .provider-orb {
    min-height: 58px !important;
  }

  .connect-view .connect-provider-row > .provider-orb img {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  .connect-view .connect-actions,
  .connect-view .connect-secondary-actions {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
}

/* 2026-06-04 mobile topbar rescue. */
@media (max-width: 760px) {
  .topbar {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 8px 10px !important;
    gap: 7px !important;
    z-index: 20 !important;
  }

  .topbar .powered {
    justify-self: center !important;
    max-width: 160px !important;
  }

  .topbar .powered img {
    max-height: 28px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .topbar .social-links {
    display: none !important;
  }

  .topbar-right,
  .top-auth-actions,
  .top-auth-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .top-auth-group {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .top-auth-group button,
  .top-auth-group .top-profile-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: clip !important;
    text-overflow: ellipsis !important;
  }

  .top-auth-group [data-web-signup-connect],
  .top-auth-group .top-profile-button {
    grid-column: 1 / -1 !important;
  }

  .top-profile-avatar {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
  }

  .top-sync-strip {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    font-size: 10px !important;
  }

  .terminal-global-search {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  .terminal-global-search[hidden] {
    display: none !important;
  }
}

/* 2026-06-04 compact terminal header on narrow mobile. */
@media (max-width: 560px) {
  .topbar {
    padding: 6px 8px !important;
    gap: 5px !important;
  }

  .topbar .powered {
    max-width: 118px !important;
  }

  .topbar .powered img {
    max-height: 22px !important;
  }

  .top-sync-strip {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 4px 5px !important;
  }

  .top-sync-strip [data-top-portfolio],
  .top-sync-strip [data-sync-health],
  .top-sync-strip [data-active-preset-label] {
    display: none !important;
  }

  .top-sync-strip [data-top-sol],
  .top-sync-strip .top-wallet-disconnected {
    min-width: 0 !important;
    overflow: clip !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .top-sync-strip button {
    min-height: 28px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
  }

  .top-auth-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  .top-auth-group button,
  .top-auth-group .top-profile-button {
    min-height: 30px !important;
    padding: 6px 7px !important;
    font-size: 10px !important;
  }

  .top-profile-avatar {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
  }
}

/* 2026-06-04 connect visual proof fixes.
   Visual-only: restores wallet labels and prevents narrow viewport clipping. */
[data-app][data-route="connect"] .connect-view .connect-provider-row > .provider-orb img + span,
[data-app][data-route="connect"] .connect-view .connect-method-card img + span {
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  [data-app][data-route="connect"],
  [data-app][data-route="connect"] .connect-view,
  [data-app][data-route="connect"] .swamp-connect-shell,
  [data-app][data-route="connect"] .connect-card,
  [data-app][data-route="connect"] .connect-card * {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  [data-app][data-route="connect"] {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  [data-app][data-route="connect"] .connect-view {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 8px !important;
    overflow-x: hidden !important;
  }

  [data-app][data-route="connect"] .swamp-connect-shell {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    padding: 16px 10px 28px !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  [data-app][data-route="connect"] .connect-hero-side {
    width: 100% !important;
    max-width: 100% !important;
    gap: 5px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side .connect-mark {
    width: 44px !important;
    height: 44px !important;
  }

  [data-app][data-route="connect"] .connect-hero-side h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 12vw, 48px) !important;
    line-height: 0.94 !important;
    overflow-wrap: anywhere !important;
  }

  [data-app][data-route="connect"] .connect-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 10px !important;
    gap: 8px !important;
  }

  [data-app][data-route="connect"] .connect-card .connect-logo {
    width: min(220px, 82vw) !important;
  }

  [data-app][data-route="connect"] .connect-card h2 {
    max-width: 100% !important;
    font-size: clamp(31px, 9.8vw, 42px) !important;
    line-height: 0.95 !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  [data-app][data-route="connect"] .connect-card > p,
  [data-app][data-route="connect"] .connect-helper,
  [data-app][data-route="connect"] .connect-next-step,
  [data-app][data-route="connect"] .connect-existing-user,
  [data-app][data-route="connect"] .connect-trust,
  [data-app][data-route="connect"] .policy-copy {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  [data-app][data-route="connect"] .connect-provider-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  [data-app][data-route="connect"] .connect-provider-row > .provider-orb {
    min-height: 58px !important;
    padding: 10px 12px !important;
  }

  [data-app][data-route="connect"] .connect-provider-row > .provider-orb img {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  [data-app][data-route="connect"] .connect-actions,
  [data-app][data-route="connect"] .connect-secondary-actions {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  [data-app][data-route="connect"] .connect-actions button,
  [data-app][data-route="connect"] .connect-secondary-actions button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    font-size: 12px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* 2026-06-04 rich slime-frame pass.
   Visual-only: match the full dripping slime border reference on the entry splash and connect page. */
:root {
  --slime-frame-rich-image: url("./assets/slimewire/png/slime-border-frame-rich-transparent.png");
}

.login-view.swamp-splash {
  position: relative !important;
  overflow: hidden !important;
}

.login-view.swamp-splash::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(8px, 1.8vw, 24px) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: var(--slime-frame-rich-image) center / 100% 100% no-repeat !important;
  opacity: 0.98 !important;
  filter:
    drop-shadow(0 0 18px rgba(141, 255, 62, 0.44))
    drop-shadow(0 0 42px rgba(57, 255, 20, 0.24)) !important;
}

.login-view.swamp-splash > * {
  position: relative !important;
  z-index: 1 !important;
}

[data-app][data-route="connect"] .swamp-connect-shell {
  position: relative !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

[data-app][data-route="connect"] .swamp-connect-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: var(--slime-frame-rich-image) center / 100% 100% no-repeat !important;
  opacity: 0.98 !important;
  filter:
    drop-shadow(0 0 18px rgba(141, 255, 62, 0.46))
    drop-shadow(0 0 46px rgba(57, 255, 20, 0.22)) !important;
}

@media (max-width: 760px) {
  .login-view.swamp-splash::before {
    inset: 6px !important;
  }

  [data-app][data-route="connect"] .swamp-connect-shell {
    overflow: visible !important;
  }
}

/* 2026-06-05 entry/connect behavior and smoothness repair.
   Functional surface only: keep wallet/auth handlers intact while making the chooser/login layers clickable. */


.top-login-panel {
  z-index: 1200 !important;
  pointer-events: auto !important;
}

.wallet-connect-modal {
  z-index: 5000 !important;
  pointer-events: auto !important;
}

.wallet-connect-dialog {
  z-index: 1 !important;
  pointer-events: auto !important;
}

.modal-wallet-provider-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.modal-wallet-provider-buttons .wallet-provider-choice {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 12px !important;
  text-align: left !important;
  white-space: normal !important;
  line-height: 1.18 !important;
}

.modal-wallet-provider-buttons .wallet-provider-choice img {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 8px rgba(132, 255, 55, 0.45)) !important;
}

.modal-wallet-provider-buttons .wallet-provider-choice span {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.modal-wallet-provider-buttons .wallet-provider-choice small {
  font-size: clamp(11px, 2.6vw, 12px) !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.wallet-connect-backdrop {
  pointer-events: auto !important;
}

.modal-wallet-provider-buttons button,
[data-app][data-route="connect"] [data-connect-wallet],
[data-app][data-route="connect"] [data-web-signup-connect],
[data-app][data-route="connect"] [data-connect-login-toggle] {
  touch-action: manipulation !important;
}

[data-app][data-route="connect"] .connect-login-panel {
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

@media (max-width: 760px), (prefers-reduced-motion: reduce) {
  body {
    background-attachment: scroll !important;
  }

  body::before,
  .login-view.swamp-splash::before,
  [data-app][data-route="connect"] .swamp-connect-shell::before {
    filter: none !important;
  }

  .wallet-connect-backdrop {
    backdrop-filter: none !important;
    background: rgba(0, 0, 0, 0.82) !important;
  }

  .modal-wallet-provider-buttons button,
  [data-app][data-route="connect"] .connect-card .provider-orb,
  [data-app][data-route="connect"] .connect-method-card {
    box-shadow: inset 0 0 12px rgba(116, 255, 44, 0.04) !important;
    transition: border-color 120ms ease, background-color 120ms ease !important;
  }
}

@media (max-width: 520px) {
  .modal-wallet-provider-buttons {
    grid-template-columns: 1fr !important;
  }

  .modal-wallet-provider-buttons .wallet-provider-choice {
    min-height: 58px !important;
  }
}

/* Terminal mobile header cleanup baseline.
   Visual-only: preserves every topbar data hook while replacing squeezed desktop rows
   with readable mobile search, action, and status/control rows. */
[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status > span {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.1 !important;
}

@media (max-width: 820px) {
  [data-app][data-route="terminal"] .topbar {
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    padding:
      10px max(10px, env(safe-area-inset-right))
      10px max(10px, env(safe-area-inset-left)) !important;
    border-radius: 0 0 16px 16px !important;
    overflow: visible !important;
    background:
      linear-gradient(180deg, rgba(4, 13, 7, 0.98), rgba(2, 7, 4, 0.96)) !important;
    border: 1px solid rgba(137, 255, 67, 0.22) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.36) !important;
  }

  [data-app][data-route="terminal"] .topbar .powered {
    justify-self: center !important;
    min-width: 0 !important;
    max-width: 170px !important;
  }

  [data-app][data-route="terminal"] .topbar .powered img {
    width: auto !important;
    max-width: 170px !important;
    max-height: 30px !important;
    object-fit: contain !important;
  }

  [data-app][data-route="terminal"] .topbar .social-links {
    display: none !important;
  }

  [data-app][data-route="terminal"] .topbar-right {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 9px !important;
    align-items: stretch !important;
  }

  [data-app][data-route="terminal"] .terminal-global-search {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    gap: 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .terminal-global-search[hidden] {
    display: none !important;
  }

  [data-app][data-route="terminal"] .terminal-global-search input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: clamp(12px, 3vw, 14px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  [data-app][data-route="terminal"] .terminal-global-search button {
    min-width: 68px !important;
    min-height: 44px !important;
    padding: 9px 12px !important;
    font-size: clamp(12px, 3vw, 14px) !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  [data-app][data-route="terminal"] .top-auth-actions {
    order: 2 !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  [data-app][data-route="terminal"] .top-auth-group {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  [data-app][data-route="terminal"] .top-auth-group[hidden] {
    display: none !important;
  }

  [data-app][data-route="terminal"] .top-auth-group button,
  [data-app][data-route="terminal"] .top-auth-group .top-profile-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-size: clamp(11px, 3vw, 14px) !important;
    line-height: 1.16 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
    letter-spacing: 0 !important;
    touch-action: manipulation !important;
  }

  [data-app][data-route="terminal"] .top-auth-group [data-web-signup-connect],
  [data-app][data-route="terminal"] .top-auth-group .top-profile-button {
    grid-column: 1 / -1 !important;
    font-size: clamp(12px, 3.2vw, 15px) !important;
  }

  [data-app][data-route="terminal"] .top-profile-avatar {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 8px !important;
    padding: 9px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    overflow: visible !important;
    background: rgba(4, 12, 6, 0.78) !important;
    border: 1px solid rgba(137, 255, 67, 0.2) !important;
    box-shadow: inset 0 0 18px rgba(80, 255, 45, 0.04) !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip[hidden] {
    display: none !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 11px !important;
    font-size: clamp(11px, 2.8vw, 13px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status > span {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip > span {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: rgba(5, 16, 8, 0.72) !important;
    border: 1px solid rgba(137, 255, 67, 0.14) !important;
    color: rgba(232, 255, 220, 0.88) !important;
    font-size: clamp(10px, 2.65vw, 12px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
  [data-app][data-route="terminal"] .top-sync-strip [data-sync-health],
  [data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    display: inline-flex !important;
  }

  [data-app][data-route="terminal"] .top-login-panel,
  [data-app][data-route="terminal"] .wallet-connect-modal {
    z-index: 5000 !important;
  }
}

@media (max-width: 380px) {
  [data-app][data-route="terminal"] .topbar {
    gap: 8px !important;
    padding:
      8px max(8px, env(safe-area-inset-right))
      8px max(8px, env(safe-area-inset-left)) !important;
  }

  [data-app][data-route="terminal"] .topbar .powered img {
    max-height: 24px !important;
  }

  [data-app][data-route="terminal"] .terminal-global-search {
    grid-template-columns: minmax(0, 1fr) 62px !important;
    gap: 6px !important;
  }

  [data-app][data-route="terminal"] .top-auth-group,
  [data-app][data-route="terminal"] .top-sync-strip {
    gap: 6px !important;
  }

  [data-app][data-route="terminal"] .top-auth-group button,
  [data-app][data-route="terminal"] .top-auth-group .top-profile-button,
  [data-app][data-route="terminal"] .top-sync-strip button {
    padding-inline: 7px !important;
  }
}

/* 2026-06-05 mobile login and wallet connect repair.
   Focused UI/auth surface only: existing buttons keep their data hooks and API handlers. */
.top-login-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.top-login-panel-head strong {
  color: #8dff3e !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
}

.top-login-panel .icon-button {
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
}

.login-divider {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(232, 255, 220, 0.62) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.login-divider::before,
.login-divider::after {
  content: "" !important;
  height: 1px !important;
  flex: 1 1 auto !important;
  background: rgba(137, 255, 67, 0.2) !important;
}

.top-login-panel input,
.connect-login-panel input {
  line-height: 1.2 !important;
}

@media (max-width: 640px) {
  [data-app][data-route="terminal"] .top-login-panel,
  [data-app][data-route="connect"] .top-login-panel,
  .top-login-panel {
    position: fixed !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    z-index: 6500 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.72), 0 0 34px rgba(116, 255, 44, 0.14) !important;
  }

  .top-login-panel label {
    gap: 6px !important;
    min-width: 0 !important;
  }

  .top-login-panel input,
  .connect-login-panel input {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  .top-login-panel button,
  .connect-login-panel button {
    min-height: 44px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .wallet-connect-modal {
    align-items: center !important;
    justify-items: center !important;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
  }

  .wallet-connect-dialog {
    width: min(100%, 430px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
  }

  .wallet-connect-dialog-head {
    gap: 10px !important;
  }

  .wallet-connect-dialog-head h3,
  .wallet-connect-dialog-head p {
    overflow-wrap: anywhere !important;
  }
}

/* 2026-06-05 terminal feed depth and smoothness pass.
   Display-only: keeps full tab lists page-windowed while long rows stay cheap to paint. */
[data-app][data-route="terminal"] .feed-load-more-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(141, 255, 62, 0.35) !important;
  border-radius: 12px !important;
  background: rgba(5, 16, 5, 0.78) !important;
  box-shadow: inset 0 0 18px rgba(57, 255, 20, 0.06) !important;
}

[data-app][data-route="terminal"] .feed-load-more-row small {
  color: rgba(232, 255, 220, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

[data-app][data-route="terminal"] .feed-load-more-row button {
  min-height: 40px !important;
  padding: 8px 14px !important;
  white-space: normal !important;
}

[data-app][data-route="terminal"] .feed-depth-title {
  margin: 14px 0 10px !important;
}

[data-app][data-route="terminal"] .signal-row,
[data-app][data-route="terminal"] .terminal-token-row,
[data-app][data-route="terminal"] .compact-signal-row,
[data-app][data-route="terminal"] .live-trade-row {
  content-visibility: auto;
  contain-intrinsic-size: 92px;
}

[data-app][data-route="terminal"] .live-pair-avatar,
[data-app][data-route="terminal"] .live-pair-avatar img {
  aspect-ratio: 1 / 1 !important;
}

[data-app][data-route="terminal"] .live-pair-avatar img {
  object-fit: cover !important;
}

@media (max-width: 640px) {
  [data-app][data-route="terminal"] .feed-load-more-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  [data-app][data-route="terminal"] .feed-load-more-row button {
    width: 100% !important;
    min-height: 44px !important;
  }
}

/* 2026-06-05 performance pass.
   Keep the SlimeWire look while avoiding repeated expensive paints on mobile feeds. */
@media (max-width: 640px), (prefers-reduced-motion: reduce) {
  [data-app][data-route="terminal"] .terminal-dock,
  [data-app][data-route="terminal"] .terminal-panel,
  [data-app][data-route="terminal"] .signal-row,
  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .compact-signal-row,
  [data-app][data-route="terminal"] .live-trade-row,
  [data-app][data-route="terminal"] .wallet-card,
  [data-app][data-route="terminal"] .position-card {
    backdrop-filter: none !important;
  }

  [data-app][data-route="terminal"] .signal-row,
  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .compact-signal-row,
  [data-app][data-route="terminal"] .live-trade-row {
    box-shadow: inset 0 0 16px rgba(57, 255, 20, 0.05) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-app][data-route="terminal"] *,
  .wallet-connect-modal *,
  .login-modal * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* 2026-06-05 interaction regression guard.
   Keep decorative slime art inert, closed portals unable to catch taps, and
   route pages scrollable after modals/drawers close. */
html {
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body:not(.login-modal-open):not(.quick-buy-modal-open) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body,
[data-app] {
  -webkit-overflow-scrolling: touch !important;
}

[data-app] {
  min-height: 100dvh !important;
  overflow: visible !important;
}

[data-app][data-route="intro"],
[data-app][data-route="connect"] {
  min-height: 100dvh !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

[data-app][data-route="intro"] .login-view.swamp-splash,
[data-app][data-route="connect"] .connect-view {
  min-height: 100dvh !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
}

[data-app][data-route="connect"] .swamp-connect-shell,
[data-app][data-route="connect"] .connect-card,
[data-app][data-route="connect"] .connect-actions,
[data-app][data-route="connect"] .connect-secondary-actions {
  max-height: none !important;
  overflow: visible !important;
}

.wallet-connect-modal[hidden],
.login-modal[hidden],
[data-quick-buy-modal-root][hidden] {
  display: none !important;
  pointer-events: none !important;
}

.wallet-connect-modal:not([hidden]),
.login-modal:not([hidden]),
[data-quick-buy-modal-root]:not([hidden]) {
  pointer-events: auto !important;
}

.login-view.swamp-splash::before,
[data-app][data-route="connect"] .swamp-connect-shell::before,
[data-app][data-route="connect"] .connect-provider-row > .provider-orb::after,
[data-app][data-route="connect"] .connect-method-card::after,
.swamp-connect-shell::before,
.swamp-connect-shell::after,
.connect-card::before,
.connect-card::after,
.terminal-card::before,
.terminal-card::after,
.slime-card::before,
.slime-card::after {
  pointer-events: none !important;
}

button,
a,
input,
select,
textarea,
[role="button"],
[data-token-chart],
[data-token-trade],
[data-quick-buy-token],
[data-web-signup-connect],
[data-connect-wallet],
[data-open-login],
[data-connect-login-toggle] {
  pointer-events: auto;
}

.chart-trade-page,
.chart-trade-layout,
.chart-trade-panel,
.quick-buy-dialog,
.wallet-connect-dialog,
.login-modal-card {
  touch-action: manipulation !important;
}

@media (max-width: 760px) {
  [data-app][data-route="connect"] .connect-view {
    display: block !important;
  }

  [data-app][data-route="connect"] .swamp-connect-shell {
    aspect-ratio: auto !important;
    width: min(100%, calc(100vw - 18px)) !important;
    margin: 8px auto max(18px, env(safe-area-inset-bottom)) !important;
  }

  [data-app][data-route="terminal"] .dashboard,
  [data-app][data-route="terminal"] .dashboard-view,
  [data-app][data-route="terminal"] .dashboard-body,
  [data-app][data-route="terminal"] .dashboard-content {
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  position: sticky !important;
  top: max(6px, env(safe-area-inset-top)) !important;
  z-index: 220 !important;
  margin: 8px 0 12px !important;
  padding: 8px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-snap-type: x proximity !important;
  border: 1px solid rgba(137, 255, 58, 0.26) !important;
  border-radius: 16px !important;
  background: rgba(2, 10, 4, 0.94) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32), 0 0 18px rgba(99, 255, 30, 0.12) !important;
  backdrop-filter: none !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-section-label {
  display: none !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs > button,
[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group > summary {
  flex: 0 0 74px !important;
  width: 74px !important;
  min-width: 74px !important;
  min-height: 50px !important;
  height: 50px !important;
  padding: 5px 6px !important;
  scroll-snap-align: start !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group {
  flex: 0 0 74px !important;
  width: 74px !important;
  min-width: 74px !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs button::before,
[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group summary::before {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs button::after,
[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group summary::after {
  max-width: 66px !important;
  font-size: 8px !important;
  line-height: 1.05 !important;
}

@media (min-width: 761px) {
  [data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs {
    justify-content: center !important;
    top: 8px !important;
  }
}

/* 2026-06-05 mobile nav polish: keep the tools group compact and row-based. */
[data-app][data-route="terminal"] .tabs [data-feature="ogre-tek"] {
  display: none !important;
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] [data-dashboard] > .tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-section-label {
    flex: 1 0 100% !important;
    margin: 8px 2px 2px !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs > button {
    flex: 1 1 calc(33.333% - 6px) !important;
    width: auto !important;
    min-width: 96px !important;
    max-width: none !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group {
    flex: 1 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    min-height: 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(137, 255, 58, 0.34) !important;
    border-radius: 12px !important;
    background: rgba(3, 15, 6, 0.9) !important;
    box-shadow: inset 0 0 18px rgba(116, 255, 44, 0.05) !important;
    position: static !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group:not([open]) {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group > summary {
    grid-column: 1 / -1 !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group:not([open]) button {
    display: none !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group[open] button {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

.pump-live-panel {
  display: grid;
  gap: 14px;
  margin: 14px 0;
}

.pump-live-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.pump-live-head h4 {
  margin: 2px 0 6px;
}

.pump-live-head p:last-child {
  color: rgba(226, 255, 220, 0.74);
  margin: 0;
}

.pump-live-pill {
  border: 1px solid rgba(112, 255, 61, 0.38);
  border-radius: 999px;
  color: rgba(226, 255, 220, 0.82);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 7px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

.pump-live-pill.ready {
  background: rgba(112, 255, 61, 0.16);
  box-shadow: 0 0 18px rgba(112, 255, 61, 0.18);
  color: #cfffbc;
}

.pump-live-pill.standby {
  background: rgba(255, 214, 92, 0.1);
  border-color: rgba(255, 214, 92, 0.34);
  color: #ffe8a6;
}

.pump-live-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
}

.pump-live-video {
  border: 1px solid rgba(112, 255, 61, 0.25);
  border-radius: 18px;
  min-height: 210px;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 18% 20%, rgba(112, 255, 61, 0.18), transparent 28%),
    linear-gradient(145deg, rgba(2, 22, 7, 0.96), rgba(0, 0, 0, 0.92));
}

.pump-live-frame {
  border: 0;
  height: 100%;
  min-height: 210px;
  width: 100%;
}

.pump-live-placeholder {
  align-content: center;
  display: grid;
  gap: 8px;
  inset: 0;
  justify-items: center;
  padding: 24px;
  position: absolute;
  text-align: center;
}

.pump-live-placeholder span {
  border: 1px solid rgba(255, 82, 82, 0.55);
  border-radius: 999px;
  color: #ffb2a8;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  padding: 6px 10px;
}

.pump-live-placeholder strong {
  color: #f2ffe9;
  font-size: 1.15rem;
}

.pump-live-placeholder p {
  color: rgba(226, 255, 220, 0.7);
  margin: 0;
  max-width: 280px;
}

.pump-live-stack {
  display: grid;
  gap: 10px;
}

.pump-live-stat {
  border: 1px solid rgba(112, 255, 61, 0.22);
  border-radius: 14px;
  background: rgba(0, 22, 8, 0.68);
  display: grid;
  gap: 4px;
  padding: 12px;
}

.pump-live-stat span {
  color: rgba(226, 255, 220, 0.56);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pump-live-stat strong {
  color: #f2ffe9;
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.pump-live-controls {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pump-live-status {
  border: 1px solid rgba(112, 255, 61, 0.18);
  border-radius: 14px;
  color: rgba(226, 255, 220, 0.8);
  margin: 0;
  padding: 11px 12px;
}

@media (max-width: 820px) {
  .pump-live-head {
    display: grid;
  }

  .pump-live-grid {
    grid-template-columns: 1fr;
  }

  .pump-live-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}



/* SLIME_STABLE_PUMP_CHART_V2 */
.slime-pump-chart-card {
  border: 1px solid rgba(112, 255, 61, 0.24);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(2, 28, 8, 0.92), rgba(0, 11, 4, 0.96));
  display: grid;
  gap: 9px;
  margin: 6px 0 12px;
  padding: 10px;
}

.slime-pump-chart-top {
  display: grid;
  gap: 7px;
}

.slime-pump-source-row,
.slime-pump-chart-row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}

.slime-pump-source-row::-webkit-scrollbar,
.slime-pump-chart-row::-webkit-scrollbar {
  display: none;
}

.slime-pump-source-row button,
.slime-pump-chart-row button {
  background: rgba(0, 18, 7, 0.82);
  border: 1px solid rgba(112, 255, 61, 0.17);
  border-radius: 10px;
  color: rgba(234, 255, 228, 0.8);
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 0.82rem;
  font-weight: 950;
  min-height: 33px;
  min-width: 58px;
  padding: 6px 10px;
}

.slime-pump-source-row button.active,
.slime-pump-chart-row button.active {
  background: linear-gradient(135deg, rgba(112, 255, 61, 0.98), rgba(183, 255, 83, 0.96));
  box-shadow: 0 0 15px rgba(112, 255, 61, 0.22);
  color: #071006;
}

.slime-pump-live-dot {
  align-items: center;
  border: 1px solid rgba(255, 74, 74, 0.4);
  border-radius: 999px;
  color: #ffb1a8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.74rem;
  font-weight: 950;
  gap: 6px;
  justify-content: center;
  letter-spacing: 0.1em;
  min-height: 33px;
  padding: 0 10px;
  text-transform: uppercase;
}

.slime-pump-live-dot::before {
  background: #ff5147;
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(255, 81, 71, 0.82);
  content: "";
  height: 7px;
  width: 7px;
}

.slime-pump-chart-body {
  border: 1px solid rgba(112, 255, 61, 0.19);
  border-radius: 16px;
  min-height: 235px;
  overflow: hidden;
  background:
    linear-gradient(rgba(112, 255, 61, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(112, 255, 61, 0.055) 1px, transparent 1px),
    radial-gradient(circle at 72% 18%, rgba(112, 255, 61, 0.15), transparent 34%),
    rgba(0, 16, 6, 0.93);
  background-size: 50px 50px, 50px 50px, auto, auto;
}

.slime-pump-svg,
.slime-pump-dex-frame {
  border: 0;
  display: block;
  height: 235px;
  width: 100%;
}

.slime-pump-area {
  fill: url(#slimePumpArea);
}

.slime-pump-line {
  fill: none;
  filter: drop-shadow(0 0 10px rgba(112, 255, 61, 0.35));
  stroke: #83ff5a;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6;
}

.slime-pump-candle line,
.slime-pump-candle rect {
  stroke-width: 2;
}

.slime-pump-candle.up line,
.slime-pump-candle.up rect {
  fill: rgba(121, 255, 82, 0.72);
  stroke: #86ff61;
}

.slime-pump-candle.down line,
.slime-pump-candle.down rect {
  fill: rgba(255, 93, 78, 0.58);
  stroke: #ff7061;
}

.slime-pump-wait {
  align-content: center;
  display: grid;
  gap: 7px;
  justify-items: center;
  min-height: 235px;
  padding: 20px;
  text-align: center;
}

.slime-pump-wait strong {
  color: #f4ffef;
}

.slime-pump-wait span {
  color: rgba(226, 255, 220, 0.72);
  max-width: 360px;
}

.slime-pump-metrics {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.slime-pump-metrics div {
  border: 1px solid rgba(112, 255, 61, 0.16);
  border-radius: 12px;
  background: rgba(0, 18, 7, 0.7);
  display: grid;
  gap: 3px;
  padding: 9px;
}

.slime-pump-metrics span {
  color: rgba(226, 255, 220, 0.54);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.slime-pump-metrics strong {
  color: #f4ffef;
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.slime-pump-tape {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.slime-pump-tape-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.slime-pump-tape-head h4 {
  margin: 0;
}

.slime-pump-tape-head span {
  border: 1px solid rgba(112, 255, 61, 0.24);
  border-radius: 999px;
  color: rgba(226, 255, 220, 0.72);
  font-size: 0.76rem;
  font-weight: 900;
  padding: 5px 9px;
}

.slime-pump-tape-list {
  display: grid;
  gap: 6px;
  max-height: 245px;
  overflow-y: auto;
}

.slime-pump-tape-row {
  align-items: center;
  border: 1px solid rgba(112, 255, 61, 0.14);
  border-radius: 11px;
  background: rgba(0, 18, 7, 0.62);
  color: rgba(236, 255, 232, 0.82);
  display: grid;
  font-size: 0.82rem;
  gap: 8px;
  grid-template-columns: 0.6fr 0.7fr 1fr 0.9fr;
  padding: 8px;
}

.slime-pump-tape-row strong {
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.slime-pump-tape-row.buy strong {
  color: #8cff65;
}

.slime-pump-tape-row.sell strong {
  color: #ff8a7a;
}

.slime-pump-wait.small {
  min-height: 112px;
}

@media (max-width: 700px) {
  .slime-pump-chart-card {
    border-radius: 16px;
    gap: 7px;
    padding: 8px;
  }

  .slime-pump-source-row button,
  .slime-pump-chart-row button {
    min-height: 34px;
    min-width: 54px;
    padding: 6px 9px;
  }

  .slime-pump-chart-body,
  .slime-pump-svg,
  .slime-pump-dex-frame,
  .slime-pump-wait {
    min-height: 220px;
  }

  .slime-pump-svg,
  .slime-pump-dex-frame {
    height: 220px;
  }

  .slime-pump-metrics {
    grid-template-columns: 1fr;
  }
}

/* OGRE_AGENT_BUBBLE_V1 */
[data-app][data-route="terminal"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: clamp(6px, 1vw, 14px) !important;
  padding-right: clamp(6px, 1vw, 14px) !important;
}

[data-app][data-route="terminal"] .dashboard {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100dvh - 118px) !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: stretch !important;
}

[data-app][data-route="terminal"] .tabs {
  align-self: start !important;
  max-height: calc(100dvh - 118px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

[data-app][data-route="terminal"] [data-panel],
[data-app][data-route="terminal"] .panel-host,
[data-app][data-route="terminal"] .terminal-layout,
[data-app][data-route="terminal"] .command-terminal,
[data-app][data-route="terminal"] .command-workspace,
[data-app][data-route="terminal"] .terminal-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

[data-app][data-route="terminal"] .panel-host {
  min-height: calc(100dvh - 132px) !important;
}

@media (min-width: 1181px) {
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed {
    grid-template-columns: minmax(0, 1fr) 52px !important;
  }
}

.ogre-agent-shell {
  bottom: max(16px, env(safe-area-inset-bottom));
  pointer-events: none;
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  z-index: 7200;
}

.ogre-agent-bubble,
.ogre-agent-panel {
  pointer-events: auto;
}

.ogre-agent-bubble {
  align-items: center;
  background: radial-gradient(circle at 35% 22%, rgba(151, 255, 74, 0.2), rgba(0, 18, 7, 0.96));
  border: 1px solid rgba(125, 255, 44, 0.42);
  border-radius: 999px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.48), 0 0 24px rgba(112, 255, 61, 0.22);
  color: #eaffdf;
  cursor: pointer;
  display: flex;
  gap: 7px;
  min-height: 58px;
  padding: 7px 11px 7px 7px;
}

.ogre-agent-bubble img {
  border-radius: 999px;
  height: 44px;
  object-fit: cover;
  width: 44px;
}

.ogre-agent-bubble span {
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ogre-agent-panel {
  background: linear-gradient(180deg, rgba(4, 18, 7, 0.98), rgba(0, 7, 3, 0.98));
  border: 1px solid rgba(125, 255, 44, 0.32);
  border-radius: 18px;
  bottom: 72px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.62), inset 0 0 0 1px rgba(125, 255, 44, 0.05);
  display: grid;
  gap: 10px;
  max-height: min(560px, calc(100dvh - 120px));
  padding: 12px;
  position: absolute;
  right: 0;
  width: min(390px, calc(100vw - 24px));
}

.ogre-agent-panel[hidden] {
  display: none !important;
}

.ogre-agent-panel header {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.ogre-agent-panel header span {
  color: #eaffdf;
  display: block;
  font-weight: 950;
}

.ogre-agent-panel header small,
.ogre-agent-status {
  color: rgba(226, 255, 220, 0.68);
}

.ogre-agent-panel header button {
  border-radius: 999px;
  min-height: 34px;
  padding: 0 11px;
}

.ogre-agent-feed {
  display: grid;
  gap: 8px;
  max-height: 320px;
  overflow-y: auto;
  padding-right: 3px;
}

.ogre-agent-message {
  border: 1px solid rgba(125, 255, 44, 0.15);
  border-radius: 14px;
  background: rgba(5, 20, 7, 0.72);
  display: grid;
  gap: 8px;
  padding: 10px;
}

.ogre-agent-message.user {
  background: rgba(112, 255, 61, 0.12);
  border-color: rgba(112, 255, 61, 0.28);
  margin-left: 34px;
}

.ogre-agent-message.assistant {
  margin-right: 20px;
}

.ogre-agent-message p {
  color: rgba(242, 255, 235, 0.92);
  line-height: 1.35;
  margin: 0;
}

.ogre-agent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ogre-agent-actions button {
  min-height: 31px;
  padding: 0 9px;
  font-size: 0.78rem;
}

.ogre-agent-composer {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.ogre-agent-composer textarea {
  min-height: 48px;
  resize: none;
}

.ogre-agent-composer button {
  min-width: 68px;
}

@media (max-width: 760px) {
  .ogre-agent-shell {
    bottom: max(12px, env(safe-area-inset-bottom));
    right: max(12px, env(safe-area-inset-right));
  }

  .ogre-agent-bubble {
    min-height: 52px;
    padding-right: 8px;
  }

  .ogre-agent-bubble img {
    height: 40px;
    width: 40px;
  }

  .ogre-agent-panel {
    bottom: 64px;
    max-height: min(520px, calc(100dvh - 98px));
    width: min(360px, calc(100vw - 20px));
  }
}

/* SLIME_MOBILE_CHART_GAP_FIX_V1 */
.slime-pump-chart-body,
.slime-pump-svg,
.slime-pump-dex-frame,
.slime-pump-wait {
  min-height: 315px !important;
}

.slime-pump-svg,
.slime-pump-dex-frame {
  height: 315px !important;
}

.slime-pump-snapshot-dot {
  align-items: center;
  border: 1px solid rgba(255, 209, 102, 0.42);
  border-radius: 999px;
  color: #ffe8a6;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 950;
  gap: 6px;
  justify-content: center;
  letter-spacing: 0.1em;
  min-height: 33px;
  padding: 0 10px;
  text-transform: uppercase;
}

.slime-pump-snapshot-dot::before {
  background: #ffd166;
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(255, 209, 102, 0.7);
  content: "";
  height: 7px;
  width: 7px;
}

@media (max-width: 920px) {
  [data-app][data-route="terminal"] {
    max-width: none !important;
    overflow-x: hidden !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  [data-app][data-route="terminal"] .dashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  [data-app][data-route="terminal"] .tabs {
    align-self: stretch !important;
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 3px !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }

  [data-app][data-route="terminal"] .tabs::-webkit-scrollbar {
    display: none !important;
  }

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group {
    flex: 0 0 clamp(92px, 24vw, 128px) !important;
    min-height: 72px !important;
    width: auto !important;
  }

  [data-app][data-route="terminal"] .metrics {
    display: grid !important;
    flex: 0 0 auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 0 !important;
    order: 2 !important;
    width: 100% !important;
  }

  [data-app][data-route="terminal"] .metrics article {
    min-height: 40px !important;
    padding: 6px 7px !important;
  }

  [data-app][data-route="terminal"] [data-panel],
  [data-app][data-route="terminal"] .panel-host {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 0 !important;
    order: 3 !important;
    width: 100% !important;
  }

  [data-app][data-route="terminal"] .smart-chart-terminal,
  [data-app][data-route="terminal"] .terminal-layout,
  [data-app][data-route="terminal"] .command-terminal,
  [data-app][data-route="terminal"] .terminal-main {
    margin-top: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  .smart-chart-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
  }

  .smart-chart-side {
    order: 2 !important;
  }

  .smart-chart-main {
    order: 1 !important;
  }

  .slime-pump-chart-card {
    gap: 7px !important;
    padding: 8px !important;
  }

  .slime-pump-source-row,
  .slime-pump-chart-row {
    gap: 5px !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  .slime-pump-source-row button,
  .slime-pump-chart-row button {
    font-size: 0.74rem !important;
    min-height: 34px !important;
    min-width: 46px !important;
    padding: 5px 8px !important;
  }

  .slime-pump-source-row button {
    min-width: 58px !important;
  }

  .slime-pump-live-dot,
  .slime-pump-snapshot-dot {
    font-size: 0.68rem !important;
    min-height: 34px !important;
    padding: 0 8px !important;
  }

  .slime-pump-chart-body,
  .slime-pump-svg,
  .slime-pump-dex-frame,
  .slime-pump-wait {
    min-height: 300px !important;
  }

  .slime-pump-svg,
  .slime-pump-dex-frame {
    height: 300px !important;
  }

  .slime-pump-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .ogre-agent-bubble {
    min-height: 46px !important;
    padding: 5px !important;
  }

  .ogre-agent-bubble img {
    height: 36px !important;
    width: 36px !important;
  }

  .ogre-agent-bubble span {
    display: none !important;
  }
}

@media (max-width: 520px) {
  [data-app][data-route="terminal"] .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .slime-pump-chart-body,
  .slime-pump-svg,
  .slime-pump-dex-frame,
  .slime-pump-wait {
    min-height: 280px !important;
  }

  .slime-pump-svg,
  .slime-pump-dex-frame {
    height: 280px !important;
  }

  .slime-pump-metrics {
    grid-template-columns: 1fr !important;
  }
}

/* SLIME_MOBILE_NAV_AGENT_COMPACT_V2: compact terminal nav + fixed clipped Ogre Agent side tab. */
.ogre-agent-shell {
  position: fixed !important;
  right: -16px !important;
  top: 52dvh !important;
  transform: translateY(-50%) !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
}

.ogre-agent-bubble {
  pointer-events: auto !important;
  min-width: 50px !important;
  min-height: 44px !important;
  width: 50px !important;
  height: 44px !important;
  padding: 4px 18px 4px 5px !important;
  border-radius: 999px 0 0 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 0 18px rgba(123, 255, 48, 0.34), inset 0 0 14px rgba(123, 255, 48, 0.14) !important;
}

.ogre-agent-bubble img,
.ogre-agent-bubble .agent-avatar,
.ogre-agent-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ogre-agent-bubble span,
.ogre-agent-bubble strong,
.ogre-agent-bubble small {
  display: none !important;
}

.ogre-agent-panel {
  pointer-events: auto !important;
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: min(390px, calc(100vw - 42px)) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

.ogre-agent-panel-body,
.ogre-agent-messages {
  max-height: min(440px, calc(100dvh - 230px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

@media (max-width: 920px) {
  [data-app][data-route="terminal"] .tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: stretch !important;
    padding: 8px !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-section-label {
    grid-column: 1 / -1 !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(190, 255, 146, 0.86) !important;
    font-size: 0.62rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0.13em !important;
    text-align: left !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group {
    display: contents !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group summary {
    display: none !important;
  }

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 4px !important;
    border-radius: 11px !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
    gap: 3px !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  [data-app][data-route="terminal"] .tabs button img,
  [data-app][data-route="terminal"] .tabs button svg,
  [data-app][data-route="terminal"] .tabs button .nav-icon,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button img,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button svg,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button .nav-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin: 0 !important;
  }

  [data-app][data-route="terminal"] .tabs button .nav-label,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button .nav-label {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 760px) {
  .ogre-agent-shell {
    right: -18px !important;
    top: 58dvh !important;
  }

  .ogre-agent-panel {
    right: 25px !important;
    width: min(348px, calc(100vw - 34px)) !important;
    max-height: calc(100dvh - 22px) !important;
  }
}

@media (max-width: 520px) {
  [data-app][data-route="terminal"] .tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  [data-app][data-route="terminal"] .tabs button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-height: 42px !important;
    padding: 4px 3px !important;
    border-radius: 10px !important;
    font-size: 0.62rem !important;
  }

  [data-app][data-route="terminal"] .tabs button img,
  [data-app][data-route="terminal"] .tabs button svg,
  [data-app][data-route="terminal"] .tabs button .nav-icon,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button img,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button svg,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button .nav-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
  }

  .ogre-agent-panel {
    width: min(332px, calc(100vw - 32px)) !important;
  }
}

/* SLIME_DESKTOP_TERMINAL_GAP_COLLAPSE_V1: keep desktop feeds tight under wallet cards. */
@media (min-width: 921px) {
  [data-app][data-route="terminal"] {
    --terminal-stage-min-height: 0px !important;
    --terminal-feed-offset: 0px !important;
  }

  [data-app][data-route="terminal"] [data-dashboard],
  [data-app][data-route="terminal"] .dashboard,
  [data-app][data-route="terminal"] .terminal-dashboard,
  [data-app][data-route="terminal"] .terminal-shell,
  [data-app][data-route="terminal"] .terminal-main,
  [data-app][data-route="terminal"] .terminal-layout,
  [data-app][data-route="terminal"] .terminal-grid {
    align-content: start !important;
    align-items: start !important;
    gap: 10px !important;
    row-gap: 10px !important;
  }

  [data-app][data-route="terminal"] .terminal-stage,
  [data-app][data-route="terminal"] .terminal-view,
  [data-app][data-route="terminal"] .terminal-content,
  [data-app][data-route="terminal"] .tab-content,
  [data-app][data-route="terminal"] .tab-panel,
  [data-app][data-route="terminal"] [data-terminal-stage],
  [data-app][data-route="terminal"] [data-terminal-content],
  [data-app][data-route="terminal"] [data-terminal-main],
  [data-app][data-route="terminal"] [data-tab-content],
  [data-app][data-route="terminal"] [data-tab-panel] {
    align-self: start !important;
    justify-self: stretch !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  [data-app][data-route="terminal"] .live-terminal,
  [data-app][data-route="terminal"] .live-terminal-panel,
  [data-app][data-route="terminal"] .live-terminal-shell,
  [data-app][data-route="terminal"] [data-live-terminal],
  [data-app][data-route="terminal"] [data-live-feed],
  [data-app][data-route="terminal"] [data-feed-panel] {
    margin-top: 0 !important;
    transform: translateY(0) !important;
  }
}

/* SLIME_DESKTOP_PANEL_HOST_TOP_LOCK_V2: active feed starts beside nav immediately. */
@media (min-width: 921px) {
  

  [data-app][data-route="terminal"] [data-dashboard] > .tabs {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: stretch !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  [data-app][data-route="terminal"] .panel-host {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  [data-app][data-route="terminal"] .panel-host > *,
  [data-app][data-route="terminal"] .panel-host .terminal-layout,
  [data-app][data-route="terminal"] .panel-host .terminal-main,
  [data-app][data-route="terminal"] .panel-host .live-terminal,
  [data-app][data-route="terminal"] .panel-host .command-center {
    align-self: start !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }
}

/* SLIME_DESKTOP_PANEL_ROW_FIX_V3: wallet bar row, then nav + active page immediately below. */
@media (min-width: 921px) {
  [data-app][data-route="terminal"] [data-dashboard] {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    grid-template-rows: min-content min-content !important;
    grid-auto-rows: min-content !important;
    align-content: start !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .metrics {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .tabs {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin-top: 0 !important;
    max-height: calc(100dvh - 214px) !important;
  }

  [data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  [data-app][data-route="terminal"] [data-dashboard] > [data-panel],
  [data-app][data-route="terminal"] .panel-host,
  [data-app][data-route="terminal"] [data-panel] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: stretch !important;
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  [data-app][data-route="terminal"] [data-panel] > *,
  [data-app][data-route="terminal"] .panel-host > * {
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    transform: none !important;
  }
}

/* OGRE_AGENT_CHAT_BOX_FIX_V1: keep the side agent compact, but open as a usable chat box. */
.ogre-agent-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: min(520px, calc(100dvh - 34px)) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow: hidden !important;
}

.ogre-agent-panel header,
.ogre-agent-header {
  flex: 0 0 auto !important;
}

.ogre-agent-panel header p,
.ogre-agent-header p {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(226, 255, 214, 0.76) !important;
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

.ogre-agent-panel-body {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 310px !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: hidden !important;
}

.ogre-agent-messages {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 150px !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.ogre-agent-compose,
.ogre-agent-input-row,
.ogre-agent-panel form {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.ogre-agent-panel textarea,
.ogre-agent-panel input[data-ogre-agent-input],
.ogre-agent-panel [data-ogre-agent-input] {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 46px !important;
  max-height: 96px !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  resize: none !important;
}

.ogre-agent-panel [data-ogre-agent-send] {
  flex: 0 0 auto !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  .ogre-agent-panel {
    min-height: min(470px, calc(100dvh - 28px)) !important;
  }

  

  .ogre-agent-messages {
    min-height: 128px !important;
  }
}

/* OGRE_AGENT_QUICK_ACTIONS_V1: persistent compact controls under chat input. */
.ogre-agent-quick-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 7px !important;
}

.ogre-agent-quick-actions button {
  min-height: 30px !important;
  padding: 5px 6px !important;
  border-radius: 10px !important;
  font-size: 0.68rem !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}

@media (max-width: 520px) {
  .ogre-agent-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* SMART_CHART_RECOVERY_V1: keep chart usable if a token row has malformed feed data. */
.smart-chart-fallback {
  min-height: 0 !important;
}

.smart-chart-fallback .smart-chart-token-header {
  margin-bottom: 10px !important;
}

.smart-chart-fallback-frame {
  height: clamp(440px, 64dvh, 720px) !important;
  min-height: 420px !important;
}

.smart-chart-fallback .avatar-fallback {
  align-items: center !important;
  background: radial-gradient(circle at 35% 20%, rgba(153, 255, 70, 0.26), rgba(3, 20, 7, 0.94)) !important;
  border: 1px solid rgba(125, 255, 45, 0.34) !important;
  border-radius: 14px !important;
  color: var(--slime-green, #89ff3a) !important;
  display: inline-flex !important;
  font-weight: 950 !important;
  height: 52px !important;
  justify-content: center !important;
  width: 52px !important;
}

@media (max-width: 760px) {
  .smart-chart-fallback-frame {
    height: clamp(340px, 56svh, 560px) !important;
    min-height: 320px !important;
  }
}

/* OGRE_AGENT_MOBILE_KEYBOARD_SAFE_V1: keep typed text visible above mobile keyboards. */
.ogre-agent-shell {
  z-index: 2147483000 !important;
}

.ogre-agent-panel textarea[data-ogre-agent-input],
.ogre-agent-panel [data-ogre-agent-input] {
  scroll-margin-bottom: 34dvh !important;
}

@media (max-width: 760px) {
  

  

  

  

  .ogre-agent-panel:focus-within .ogre-agent-panel-body {
    min-height: 220px !important;
  }

  .ogre-agent-panel:focus-within .ogre-agent-messages,
  .ogre-agent-panel:focus-within .ogre-agent-feed {
    max-height: min(210px, 42dvh) !important;
  }

  .ogre-agent-panel textarea[data-ogre-agent-input],
  .ogre-agent-panel [data-ogre-agent-input] {
    min-height: 54px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}

@media (max-height: 620px) and (max-width: 760px) {
  .ogre-agent-shell.is-open .ogre-agent-panel {
    min-height: calc(100dvh - 18px) !important;
    max-height: calc(100dvh - 18px) !important;
  }

  .ogre-agent-panel header {
    padding-bottom: 2px !important;
  }

  .ogre-agent-quick-actions button {
    min-height: 28px !important;
  }
}

/* OGRE_AGENT_MOBILE_READABLE_SCROLL_V2: larger readable chat with stable scroll on mobile. */
.ogre-agent-feed,
.ogre-agent-messages {
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 760px) {
  

  

  .ogre-agent-panel-body {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  .ogre-agent-feed,
  .ogre-agent-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
  }

  .ogre-agent-message p {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
  }

  

  .ogre-agent-panel:focus-within .ogre-agent-feed,
  .ogre-agent-panel:focus-within .ogre-agent-messages {
    min-height: 0 !important;
    max-height: none !important;
  }

  
}

@media (max-width: 420px) {
  .ogre-agent-shell.is-open .ogre-agent-panel {
    left: 5px !important;
    right: 5px !important;
  }

  .ogre-agent-feed,
  .ogre-agent-messages {
    min-height: 220px !important;
  }

  .ogre-agent-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* OGRE_MOBILE_TERMINAL_BUTTONS_COMPACT_V1: denser mobile navigation so live feed appears sooner. */
@media (max-width: 760px) {
  [data-app][data-route="terminal"] [data-dashboard] > .tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 5px !important;
    margin: 5px 0 8px !important;
    padding: 9px !important;
    border-radius: 16px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-section-label {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    margin: 3px 0 0 !important;
    padding: 0 2px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
  }

  [data-app][data-route="terminal"] .tabs > button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-height: 42px !important;
    height: auto !important;
    padding: 5px 4px !important;
    border-radius: 12px !important;
    gap: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    box-shadow: inset 0 0 14px rgba(137, 255, 58, 0.06) !important;
  }

  [data-app][data-route="terminal"] .tabs button::before,
  [data-app][data-route="terminal"] .tabs summary::before,
  [data-app][data-route="terminal"] .tabs img,
  [data-app][data-route="terminal"] .tabs svg {
    width: 17px !important;
    height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    margin-bottom: 1px !important;
  }

  

  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    grid-column: 1 / -1 !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary[style*="display: none"],
  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary[hidden] {
    display: none !important;
  }

  [data-app][data-route="terminal"] .portfolio-tabs,
  [data-app][data-route="terminal"] .terminal-filter-row,
  [data-app][data-route="terminal"] .terminal-controls {
    gap: 5px !important;
  }

  [data-app][data-route="terminal"] .portfolio-tabs button,
  [data-app][data-route="terminal"] .terminal-filter-row button,
  [data-app][data-route="terminal"] .terminal-controls button {
    min-height: 38px !important;
    padding: 5px 6px !important;
    border-radius: 11px !important;
    font-size: 10.5px !important;
  }
}

@media (max-width: 420px) {
  [data-app][data-route="terminal"] [data-dashboard] > .tabs {
    gap: 4px !important;
    padding: 8px !important;
  }

  [data-app][data-route="terminal"] .tabs > button,
  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    min-height: 39px !important;
    padding: 4px 3px !important;
    font-size: 10px !important;
  }
}

/* OGRE_MOBILE_TOOLS_GRID_DENSE_V2: Ogre Tools side-by-side, no tall single column. */
@media (max-width: 760px) {
  [data-app][data-route="terminal"] .tabs .nav-tool-group {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    display: none !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group button {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 4px 5px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    font-size: 9.8px !important;
    line-height: 1.05 !important;
    gap: 1px !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group button::before,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button img,
  [data-app][data-route="terminal"] .tabs .nav-tool-group button svg {
    width: 15px !important;
    height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
  }

  [data-app][data-route="terminal"] .tabs .nav-tool-group button[data-tab="ogreAi"],
  [data-app][data-route="terminal"] .tabs .nav-tool-group button[data-tab="launchCoin"] {
    grid-column: auto !important;
  }
}

/* OGRE_AGENT_MOBILE_TOP_SAFE_V4: keep close/header visible and internal chat scrollable. */
@media (max-width: 760px) {
  

  

  .ogre-agent-panel header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: 10px 12px 8px !important;
    background: linear-gradient(180deg, rgba(0, 18, 7, 0.98), rgba(0, 11, 4, 0.94)) !important;
    border-bottom: 1px solid rgba(137, 255, 58, 0.22) !important;
  }

  

  .ogre-agent-feed,
  .ogre-agent-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ogre-agent-composer,
  .ogre-agent-quick-actions,
  .ogre-agent-status {
    flex: 0 0 auto !important;
  }

  .ogre-agent-panel:focus-within {
    top: max(10px, env(safe-area-inset-top)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* OGRE_AGENT_HOLO_V1: fake-3D talking avatar with zero WebGL cost. */
.ogre-agent-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  justify-content: flex-end !important;
}

.ogre-agent-voice-toggle {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.ogre-agent-voice-toggle[aria-pressed="true"] {
  border-color: rgba(145, 255, 58, 0.62) !important;
  box-shadow: inset 0 0 18px rgba(119, 255, 39, 0.12), 0 0 16px rgba(119, 255, 39, 0.14) !important;
}

.ogre-agent-composer {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.ogre-agent-composer-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(56px, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

.ogre-agent-composer-actions button {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 9px !important;
  white-space: nowrap !important;
}

.ogre-agent-mic {
  border-color: rgba(126, 255, 44, 0.34) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(124, 255, 43, 0.14), transparent 52%),
    linear-gradient(180deg, rgba(0, 23, 8, 0.94), rgba(0, 8, 3, 0.96)) !important;
}

.ogre-agent-mic.is-listening {
  border-color: rgba(255, 63, 63, 0.72) !important;
  color: #ffe5df !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 60, 60, 0.28), transparent 54%),
    linear-gradient(180deg, rgba(42, 7, 4, 0.96), rgba(10, 1, 1, 0.98)) !important;
  box-shadow: 0 0 18px rgba(255, 52, 52, 0.2), inset 0 0 18px rgba(255, 52, 52, 0.08) !important;
  animation: ogreMicPulse 0.9s ease-in-out infinite !important;
}

.ogre-agent-holo.is-listening,
.ogre-agent-shell:has(.ogre-agent-mic.is-listening) .ogre-agent-holo {
  border-color: rgba(255, 68, 68, 0.42) !important;
}

.ogre-agent-holo {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 132px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(146, 255, 52, 0.34) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 24% 35%, rgba(130, 255, 42, 0.24), transparent 38%),
    linear-gradient(135deg, rgba(0, 24, 8, 0.86), rgba(0, 6, 3, 0.94)) !important;
  contain: layout paint style !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
}

.ogre-agent-holo-stage {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 116px !important;
  height: 116px !important;
  perspective: 520px !important;
  isolation: isolate !important;
}

.ogre-agent-holo-stage::before {
  content: "" !important;
  position: absolute !important;
  inset: 11px 6px 3px !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse, rgba(128, 255, 42, 0.28), rgba(128, 255, 42, 0.04) 54%, transparent 70%) !important;
  filter: blur(5px) !important;
  transform: rotateX(72deg) translateY(28px) !important;
  z-index: 0 !important;
}

.ogre-agent-holo-stage img {
  position: relative !important;
  z-index: 2 !important;
  width: 104px !important;
  height: 104px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 9px rgba(145, 255, 51, 0.8))
    drop-shadow(0 10px 15px rgba(0, 0, 0, 0.46)) !important;
  transform: rotateY(-10deg) rotateX(3deg) translateZ(0) !important;
  transform-origin: 50% 70% !important;
  animation: ogreHoloIdle 3.6s ease-in-out infinite !important;
}

/* SLIME_TERMINAL_LAUNCH_FILTERS_V1: lightweight client-side keyword watcher for fresh launch sniping. */
[data-app][data-route="terminal"] .terminal-launch-filter {
  display: grid !important;
  gap: 8px !important;
  border: 1px solid rgba(132, 255, 55, 0.28) !important;
  border-radius: 14px !important;
  padding: 8px !important;
  background:
    linear-gradient(180deg, rgba(91, 255, 37, 0.085), rgba(5, 12, 7, 0.9)),
    rgba(1, 8, 4, 0.92) !important;
  box-shadow: inset 0 0 18px rgba(114, 255, 35, 0.045) !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-head > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-head strong {
  color: #dfffce !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-head span,
[data-app][data-route="terminal"] .terminal-launch-filter-summary {
  color: rgba(230, 255, 219, 0.72) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-head button {
  min-height: 34px !important;
  padding: 5px 12px !important;
  white-space: nowrap !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: start !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid label,
[data-app][data-route="terminal"] .terminal-launch-filter-grid fieldset {
  min-width: 0 !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid > label.wide {
  grid-column: span 2 !important;
  display: grid !important;
  gap: 5px !important;
  color: rgba(230, 255, 219, 0.72) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid input[type="text"] {
  min-height: 34px !important;
  padding: 6px 10px !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid fieldset {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(132, 255, 55, 0.18) !important;
  border-radius: 11px !important;
  background: rgba(0, 0, 0, 0.18) !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid legend {
  padding: 0 5px !important;
  color: #a9ff71 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid fieldset label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 25px !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(132, 255, 55, 0.18) !important;
  border-radius: 999px !important;
  color: rgba(238, 255, 231, 0.82) !important;
  background: rgba(77, 255, 27, 0.045) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  text-transform: none !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-grid input[type="checkbox"] {
  width: 13px !important;
  height: 13px !important;
  accent-color: #7dff31 !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-actions button {
  min-height: 34px !important;
  padding: 5px 10px !important;
}

[data-app][data-route="terminal"] .terminal-launch-filter-summary {
  margin: -2px 0 2px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(132, 255, 55, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}

[data-app][data-route="terminal"] .launch-watch-setup-card {
  display: grid !important;
  gap: 10px !important;
}

@media (max-width: 760px) {
  [data-app][data-route="terminal"] .terminal-launch-filter {
    padding: 7px !important;
    gap: 7px !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-head {
    align-items: stretch !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-head button {
    min-height: 32px !important;
    padding: 4px 8px !important;
    font-size: 10.5px !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-grid > label.wide,
  [data-app][data-route="terminal"] .terminal-launch-filter-actions {
    grid-column: auto !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-grid fieldset {
    padding: 6px !important;
    gap: 5px !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-grid fieldset label {
    min-height: 24px !important;
    padding: 3px 6px !important;
    font-size: 10px !important;
  }

  [data-app][data-route="terminal"] .terminal-launch-filter-actions {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* OGRE_AGENT_SMALL_TOP_HOLO_V1: compact talking ogre, not a giant chat background. */
.ogre-agent-holo {
  min-height: 62px !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 6px 9px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(128, 255, 42, 0.18), transparent 38%),
    linear-gradient(135deg, rgba(0, 21, 8, 0.94), rgba(0, 8, 3, 0.96)) !important;
}

.ogre-agent-holo-stage {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
}

.ogre-agent-holo-stage::before {
  inset: 20px 7px 2px !important;
  filter: blur(4px) !important;
  opacity: 0.72 !important;
}

.ogre-agent-holo-stage img {
  width: 48px !important;
  height: 48px !important;
}











.ogre-agent-holo-meta {
  align-content: center !important;
  gap: 1px !important;
}

.ogre-agent-holo-meta strong {
  font-size: 13px !important;
  line-height: 1.1 !important;
}

.ogre-agent-holo-meta small {
  font-size: 11px !important;
  line-height: 1.15 !important;
}





@keyframes ogreHoloTalkSmall {
  0%, 100% { transform: rotateY(-8deg) rotateX(2deg) translateY(0) scale(1.02); }
  50% { transform: rotateY(8deg) rotateX(-2deg) translateY(-3px) scale(1.06); }
}

@keyframes ogreHoloMouthSmall {
  0% { height: 3px; transform: translate(-50%, -50%) scaleX(0.72); }
  100% { height: 9px; transform: translate(-50%, -50%) scaleX(1.08); }
}

@media (max-width: 760px) {
  .ogre-agent-holo {
    min-height: 54px !important;
    padding: 5px 7px !important;
    margin-bottom: 6px !important;
  }

  .ogre-agent-holo-stage {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }

  

  

  

  

  
}

.ogre-agent-holo-ring {
  position: absolute !important;
  border-radius: 50% !important;
  border: 1px solid rgba(138, 255, 42, 0.35) !important;
  box-shadow: 0 0 16px rgba(138, 255, 42, 0.14) !important;
  transform: rotateX(68deg) !important;
  z-index: 1 !important;
}

.ogre-agent-holo-ring.ring-one {
  width: 98px !important;
  height: 98px !important;
  bottom: 3px !important;
  animation: ogreHoloRing 3.2s linear infinite !important;
}

.ogre-agent-holo-ring.ring-two {
  width: 72px !important;
  height: 72px !important;
  bottom: 13px !important;
  opacity: 0.7 !important;
  animation: ogreHoloRing 2.4s linear infinite reverse !important;
}

.ogre-agent-holo-mouth {
  position: absolute !important;
  z-index: 4 !important;
  left: 50% !important;
  top: 60% !important;
  width: 34px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(235, 255, 219, 0.88) !important;
  box-shadow: 0 0 9px rgba(146, 255, 56, 0.58) !important;
  opacity: 0.58 !important;
  transform: translate(-50%, -50%) scaleX(0.82) !important;
}

.ogre-agent-holo-stage::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  top: 60% !important;
  width: 52px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(186, 255, 121, 0.22) !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(0.72) !important;
}

.ogre-agent-holo-scan {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  background: linear-gradient(180deg, transparent, rgba(145, 255, 48, 0.2), transparent) !important;
  mix-blend-mode: screen !important;
  opacity: 0.45 !important;
  transform: translateY(-100%) !important;
  animation: ogreHoloScan 4.2s ease-in-out infinite !important;
}

.ogre-agent-holo-meta {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.ogre-agent-holo-meta strong {
  color: #efffe7 !important;
  font-weight: 950 !important;
  letter-spacing: 0.03em !important;
}

.ogre-agent-holo-meta small {
  color: rgba(220, 255, 203, 0.72) !important;
}

.ogre-agent-holo.is-talking {
  border-color: rgba(145, 255, 58, 0.46) !important;
  box-shadow: inset 0 0 28px rgba(118, 255, 32, 0.07), 0 0 22px rgba(118, 255, 32, 0.09) !important;
}

.ogre-agent-holo.is-talking .ogre-agent-holo-stage img {
  animation: ogreHoloTalk 0.72s ease-in-out infinite !important;
}

.ogre-agent-holo.is-talking .ogre-agent-holo-mouth {
  animation: ogreHoloMouth 0.24s steps(2, end) infinite !important;
  opacity: 0.95 !important;
}

.ogre-agent-holo.is-talking .ogre-agent-holo-stage::after {
  animation: ogreHoloVoiceWave 0.72s ease-out infinite !important;
}

.ogre-agent-holo.is-talking .ogre-agent-holo-scan {
  animation-duration: 1.1s !important;
  opacity: 0.65 !important;
}

@keyframes ogreHoloIdle {
  0%, 100% { transform: rotateY(-10deg) rotateX(3deg) translateY(0) scale(1); }
  50% { transform: rotateY(8deg) rotateX(-2deg) translateY(-4px) scale(1.025); }
}

@keyframes ogreHoloTalk {
  0%, 100% { transform: rotateY(-12deg) rotateX(3deg) translateY(0) scale(1.02); }
  50% { transform: rotateY(11deg) rotateX(-3deg) translateY(-6px) scale(1.06); }
}

@keyframes ogreHoloMouth {
  0% { height: 5px; transform: translate(-50%, -50%) scaleX(0.72); }
  100% { height: 17px; transform: translate(-50%, -50%) scaleX(1.08); }
}

@keyframes ogreHoloVoiceWave {
  0% { opacity: 0.45; transform: translate(-50%, -50%) scale(0.62); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.28); }
}

@keyframes ogreHoloRing {
  0% { opacity: 0.3; transform: rotateX(68deg) rotateZ(0deg) scale(0.95); }
  50% { opacity: 0.82; transform: rotateX(68deg) rotateZ(180deg) scale(1.07); }
  100% { opacity: 0.3; transform: rotateX(68deg) rotateZ(360deg) scale(0.95); }
}

@keyframes ogreHoloScan {
  0%, 100% { transform: translateY(-100%); }
  45%, 55% { transform: translateY(100%); }
}

@keyframes ogreMicPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.035); }
}

@media (max-width: 760px) {
  

  

  .ogre-agent-header-actions {
    gap: 5px !important;
  }

  .ogre-agent-voice-toggle {
    min-height: 34px !important;
    max-width: 78px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }

  .ogre-agent-holo {
    min-height: 98px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 7px 9px !important;
  }

  .ogre-agent-holo-stage {
    width: 86px !important;
    height: 86px !important;
  }

  .ogre-agent-holo-stage img {
    width: 76px !important;
    height: 76px !important;
  }

  .ogre-agent-holo-ring.ring-one {
    width: 74px !important;
    height: 74px !important;
  }

  .ogre-agent-holo-ring.ring-two {
    width: 54px !important;
    height: 54px !important;
  }

  .ogre-agent-holo-mouth {
    width: 24px !important;
    top: 59% !important;
  }

  .ogre-agent-holo-meta strong {
    font-size: 13px !important;
  }

  .ogre-agent-holo-meta small {
    font-size: 11px !important;
  }

  

  .ogre-agent-composer-actions {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  .ogre-agent-composer-actions button {
    min-height: 25px !important;
    padding: 2px 6px !important;
    font-size: 11px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ogre-agent-holo-stage img,
  .ogre-agent-holo-ring,
  .ogre-agent-holo-mouth,
  .ogre-agent-holo-scan {
    animation: none !important;
  }
}

/* OGRE_AGENT_MOBILE_VIEWPORT_LOCK_V5: force the chat into the visible mobile viewport.
   This keeps the close/header reachable, makes only the message feed scroll, and
   prevents the landing/terminal page from pushing the panel halfway off-screen. */
@media (max-width: 760px) {
  .ogre-agent-shell.is-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100dvw !important;
    height: 100dvh !important;
    max-width: 100dvw !important;
    max-height: 100dvh !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 2147483000 !important;
    transform: none !important;
    contain: none !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-bubble {
    position: fixed !important;
    right: -2px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
    z-index: 2147483001 !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-panel {
    position: fixed !important;
    inset: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) 8px !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto auto !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .ogre-agent-panel header {
    position: relative !important;
    top: auto !important;
    z-index: 3 !important;
    min-height: 48px !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 10px !important;
    align-items: center !important;
    background: linear-gradient(180deg, rgba(0, 18, 7, 0.98), rgba(0, 11, 4, 0.94)) !important;
    border-bottom: 1px solid rgba(137, 255, 58, 0.22) !important;
  }

  .ogre-agent-panel header > div {
    min-width: 0 !important;
  }

  .ogre-agent-panel header small {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ogre-agent-panel [data-ogre-agent-close] {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  .ogre-agent-feed,
  .ogre-agent-messages {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ogre-agent-composer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 74px !important;
    gap: 8px !important;
    align-items: stretch !important;
    padding: 8px 10px !important;
  }

  .ogre-agent-panel textarea[data-ogre-agent-input],
  .ogre-agent-panel [data-ogre-agent-input] {
    min-height: 54px !important;
    max-height: 92px !important;
    resize: none !important;
  }

  .ogre-agent-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px 10px 8px !important;
  }

  .ogre-agent-quick-actions button {
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
  }

  .ogre-agent-status {
    display: block !important;
    max-height: 54px !important;
    overflow-y: auto !important;
    padding: 0 12px 10px !important;
    font-size: 12px !important;
  }

  .ogre-agent-panel:focus-within {
    inset: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) 8px !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* OGRE_AGENT_SMALL_TOP_HOLO_FINAL_V1: final compact override wins over older hologram sizing. */
.ogre-agent-shell .ogre-agent-holo {
  min-height: 62px !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 6px 9px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(128, 255, 42, 0.18), transparent 38%),
    linear-gradient(135deg, rgba(0, 21, 8, 0.94), rgba(0, 8, 3, 0.96)) !important;
}





.ogre-agent-shell .ogre-agent-holo-ring.ring-one {
  width: 48px !important;
  height: 48px !important;
  bottom: 2px !important;
}

.ogre-agent-shell .ogre-agent-holo-ring.ring-two {
  width: 34px !important;
  height: 34px !important;
  bottom: 8px !important;
}

.ogre-agent-shell .ogre-agent-holo-mouth {
  width: 16px !important;
  height: 4px !important;
  top: 60% !important;
}

.ogre-agent-shell .ogre-agent-holo-meta strong {
  font-size: 13px !important;
  line-height: 1.1 !important;
}

.ogre-agent-shell .ogre-agent-holo-meta small {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

@media (max-width: 760px) {
  .ogre-agent-shell .ogre-agent-holo {
    min-height: 54px !important;
    padding: 5px 7px !important;
    margin-bottom: 6px !important;
  }

  

  

  .ogre-agent-shell .ogre-agent-holo-ring.ring-one {
    width: 42px !important;
    height: 42px !important;
  }

  .ogre-agent-shell .ogre-agent-holo-ring.ring-two {
    width: 30px !important;
    height: 30px !important;
  }
}

/* OGRE_AGENT_LIVE_AVATAR_V2: make the compact ogre visibly alive while staying lightweight. */
.ogre-agent-shell .ogre-agent-holo {
  box-shadow: inset 0 0 20px rgba(116, 255, 37, 0.08), 0 0 16px rgba(116, 255, 37, 0.08) !important;
}

.ogre-agent-shell .ogre-agent-holo-stage img {
  width: 58px !important;
  height: 58px !important;
  animation: ogreHoloBreatheV2 2.8s ease-in-out infinite !important;
}

.ogre-agent-shell .ogre-agent-holo-stage {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
}

.ogre-agent-shell .ogre-agent-holo-mouth {
  width: 18px !important;
  height: 5px !important;
  opacity: 0.72 !important;
}

.ogre-agent-shell .ogre-agent-holo.is-talking,
.ogre-agent-shell.loading .ogre-agent-holo,
.ogre-agent-shell.speaking .ogre-agent-holo {
  box-shadow: inset 0 0 30px rgba(127, 255, 39, 0.12), 0 0 26px rgba(127, 255, 39, 0.18) !important;
}

.ogre-agent-shell .ogre-agent-holo.is-talking .ogre-agent-holo-stage img,
.ogre-agent-shell.loading .ogre-agent-holo-stage img,
.ogre-agent-shell.speaking .ogre-agent-holo-stage img {
  animation: ogreHoloTalkV2 0.54s ease-in-out infinite !important;
}

.ogre-agent-shell .ogre-agent-holo.is-talking .ogre-agent-holo-mouth,
.ogre-agent-shell.loading .ogre-agent-holo-mouth,
.ogre-agent-shell.speaking .ogre-agent-holo-mouth {
  animation: ogreHoloMouthV2 0.16s steps(2, end) infinite !important;
  opacity: 1 !important;
}

.ogre-agent-shell .ogre-agent-holo.is-talking .ogre-agent-holo-ring.ring-one,
.ogre-agent-shell.loading .ogre-agent-holo-ring.ring-one,
.ogre-agent-shell.speaking .ogre-agent-holo-ring.ring-one {
  animation-duration: 1.25s !important;
  border-color: rgba(172, 255, 95, 0.62) !important;
}

@keyframes ogreHoloBreatheV2 {
  0%, 100% { transform: rotateY(-8deg) translateY(0) scale(1); filter: drop-shadow(0 0 8px rgba(145, 255, 51, 0.72)); }
  50% { transform: rotateY(7deg) translateY(-3px) scale(1.045); filter: drop-shadow(0 0 13px rgba(166, 255, 76, 0.92)); }
}

@keyframes ogreHoloTalkV2 {
  0%, 100% { transform: rotateY(-12deg) translateY(0) scale(1.04); }
  35% { transform: rotateY(10deg) translateY(-4px) scale(1.09); }
  70% { transform: rotateY(-4deg) translateY(1px) scale(1.03); }
}

@keyframes ogreHoloMouthV2 {
  0% { height: 4px; transform: translate(-50%, -50%) scaleX(0.72); }
  100% { height: 13px; transform: translate(-50%, -50%) scaleX(1.16); }
}

@media (max-width: 760px) {
  .ogre-agent-shell .ogre-agent-holo-stage {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }

  .ogre-agent-shell .ogre-agent-holo-stage img {
    width: 52px !important;
    height: 52px !important;
  }
}

/* OGRE_AGENT_FREE_VOICE_FX_V1: free browser TTS polish plus clearer speaking avatar. */
.ogre-agent-shell .ogre-agent-holo.voice-on .ogre-agent-holo-stage::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  border: 1px solid rgba(188, 255, 96, 0.42);
  box-shadow: 0 0 12px rgba(122, 255, 39, 0.32), inset 0 0 10px rgba(122, 255, 39, 0.16);
  opacity: 0.68;
  pointer-events: none;
}

.ogre-agent-shell .ogre-agent-holo.is-talking .ogre-agent-holo-stage::after,
.ogre-agent-shell .ogre-agent-holo.is-listening .ogre-agent-holo-stage::after {
  animation: ogreVoicePulseFreeV1 0.7s ease-in-out infinite !important;
}

.ogre-agent-shell .ogre-agent-holo.is-talking .ogre-agent-holo-meta strong {
  color: #d8ffbd !important;
  text-shadow: 0 0 10px rgba(141, 255, 58, 0.5) !important;
}

.ogre-agent-shell .ogre-agent-holo.is-talking .ogre-agent-holo-mouth {
  background: linear-gradient(180deg, #e7ffc8, #7dff28 48%, #1d4d05) !important;
  box-shadow: 0 0 10px rgba(153, 255, 68, 0.84) !important;
  transform-origin: center !important;
}

@keyframes ogreVoicePulseFreeV1 {
  0%, 100% { transform: scale(0.9); opacity: 0.45; }
  45% { transform: scale(1.2); opacity: 0.95; }
}

/* LANDING_KOL_MOBILE_SAFE_BOTTOM_V1: keep the last KOL visible above the bottom slime lip on mobile load. */
@media (max-width: 760px) {
  [data-app][data-route="intro"] .swamp-kol-frame {
    aspect-ratio: 16 / 10.65 !important;
    margin-bottom: max(16px, env(safe-area-inset-bottom)) !important;
    overflow: visible !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-frame-art {
    object-fit: fill !important;
    object-position: center !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-content {
    padding-top: clamp(62px, 16vw, 78px) !important;
    padding-left: clamp(54px, 14vw, 70px) !important;
    padding-right: clamp(54px, 14vw, 70px) !important;
    padding-bottom: clamp(58px, 15vw, 76px) !important;
    gap: 4px !important;
    overflow: hidden !important;
    z-index: 2 !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-bubble {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 2px 8px !important;
    gap: 6px !important;
    border-radius: 999px !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-bubble img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-bubble strong {
    font-size: 0.78rem !important;
    line-height: 0.98 !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-bubble small {
    font-size: 0.58rem !important;
    line-height: 0.98 !important;
  }
}

@media (max-width: 380px) {
  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-content {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-bubble {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    min-height: 32px !important;
    height: 32px !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-bubble img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
}

/* OGRE_AGENT_READABLE_CHAT_V1: bigger professional chat panel and no sideways message scroll. */
.ogre-agent-shell.is-open .ogre-agent-panel {
  width: min(760px, calc(100vw - 28px)) !important;
  min-height: min(720px, 82dvh) !important;
  max-height: min(860px, 88dvh) !important;
  grid-template-rows: auto auto minmax(260px, 1fr) auto auto auto !important;
}

.ogre-agent-shell .ogre-agent-feed,
.ogre-agent-shell .ogre-agent-message,
.ogre-agent-shell .ogre-agent-message p {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: pre-wrap !important;
}

.ogre-agent-shell .ogre-agent-feed {
  min-height: min(42vh, 430px) !important;
  padding-right: 8px !important;
}

.ogre-agent-shell .ogre-agent-message p {
  line-height: 1.35 !important;
}

.ogre-agent-shell .ogre-agent-composer {
  grid-template-columns: minmax(0, 1fr) 92px !important;
}

.ogre-agent-shell .ogre-agent-composer textarea[data-ogre-agent-input] {
  min-height: 74px !important;
  max-height: 150px !important;
}

.ogre-agent-shell .ogre-agent-composer-actions button {
  min-height: 52px !important;
}

@media (max-width: 760px) {
  .ogre-agent-shell.is-open .ogre-agent-panel {
    inset: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) 8px !important;
    width: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto auto !important;
  }

  .ogre-agent-shell .ogre-agent-feed {
    min-height: min(48dvh, 390px) !important;
  }

  .ogre-agent-shell .ogre-agent-composer {
    grid-template-columns: minmax(0, 1fr) 72px !important;
  }

  .ogre-agent-shell .ogre-agent-composer textarea[data-ogre-agent-input] {
    min-height: 68px !important;
  }

  

  
}


/* OGRE_AGENT_FINAL_CHAT_AND_KOL_V2: readable agent panel, fixed mic UX space, and cleaner mobile KOL frame. */
@media (min-width: 761px) {
  .ogre-agent-shell.is-open .ogre-agent-panel {
    position: fixed !important;
    right: 24px !important;
    bottom: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: min(760px, calc(100vw - 48px)) !important;
    min-height: min(700px, 82dvh) !important;
    max-height: min(880px, 88dvh) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-feed {
    flex: 1 1 auto !important;
    min-height: 300px !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-message,
  .ogre-agent-shell.is-open .ogre-agent-message p {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: pre-wrap !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-composer {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 10px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-composer textarea[data-ogre-agent-input] {
    min-height: 82px !important;
    max-height: 170px !important;
  }
}

@media (max-width: 760px) {
  .ogre-agent-shell.is-open {
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-panel {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: max(8px, env(safe-area-inset-top)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    transform: none !important;
    width: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-feed {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-message,
  .ogre-agent-shell.is-open .ogre-agent-message p {
    overflow-wrap: anywhere !important;
    white-space: pre-wrap !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-composer {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 8px !important;
  }

  

  [data-app][data-route="intro"] .swamp-kol-frame {
    transform: translateY(-14px) !important;
  }

  [data-app][data-route="intro"] .swamp-kol-frame .swamp-support-content {
    padding-top: clamp(74px, 18vw, 92px) !important;
    padding-bottom: clamp(70px, 18vw, 92px) !important;
  }
}

.ogre-agent-shell, .ogre-agent-shell.is-open { touch-action: manipulation !important; }
.ogre-agent-shell.is-open { z-index: 2147483640 !important; pointer-events: none !important; }
.ogre-agent-shell.is-open .ogre-agent-panel, .ogre-agent-shell.is-open .ogre-agent-panel *, .ogre-agent-shell.is-open .ogre-agent-bubble { pointer-events: auto !important; }

/* OGRE_AGENT_READABLE_CHAT_FINAL_V1: final override so mobile chat text never collapses into ghost bars. */
.ogre-agent-shell.is-open .ogre-agent-panel {
  background:
    radial-gradient(circle at 18% 8%, rgba(107, 255, 44, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(3, 18, 6, 0.985), rgba(0, 7, 3, 0.995)) !important;
  color: #f3ffe9 !important;
  isolation: isolate !important;
}

.ogre-agent-shell.is-open .ogre-agent-holo {
  flex: 0 0 auto !important;
  opacity: 0.88 !important;
  pointer-events: none !important;
  position: relative !important;
  z-index: 1 !important;
}

.ogre-agent-shell.is-open .ogre-agent-feed {
  background: rgba(0, 11, 4, 0.58) !important;
  border: 1px solid rgba(125, 255, 44, 0.24) !important;
  border-radius: 16px !important;
  color: #f3ffe9 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-height: 190px !important;
  opacity: 1 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px !important;
  position: relative !important;
  scrollbar-gutter: stable !important;
  visibility: visible !important;
  z-index: 3 !important;
}

.ogre-agent-shell.is-open .ogre-agent-message {
  align-self: flex-start !important;
  background: rgba(6, 32, 10, 0.94) !important;
  border: 1px solid rgba(126, 255, 45, 0.3) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24) !important;
  color: #f3ffe9 !important;
  display: block !important;
  flex: 0 0 auto !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.36 !important;
  max-height: none !important;
  max-width: min(94%, 620px) !important;
  min-height: 0 !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 10px 12px !important;
  position: relative !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35) !important;
  visibility: visible !important;
  white-space: normal !important;
  width: auto !important;
  z-index: 4 !important;
}

.ogre-agent-shell.is-open .ogre-agent-message.user {
  align-self: flex-end !important;
  background: linear-gradient(135deg, rgba(48, 126, 20, 0.95), rgba(15, 54, 10, 0.95)) !important;
}

.ogre-agent-shell.is-open .ogre-agent-message.assistant {
  align-self: flex-start !important;
}

.ogre-agent-shell.is-open .ogre-agent-message p {
  color: inherit !important;
  display: block !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  height: auto !important;
  letter-spacing: normal !important;
  line-height: inherit !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  text-indent: 0 !important;
  transform: none !important;
  visibility: visible !important;
  white-space: pre-wrap !important;
  width: auto !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  z-index: 5 !important;
}

.ogre-agent-shell.is-open .ogre-agent-message p::before,
.ogre-agent-shell.is-open .ogre-agent-message p::after,
.ogre-agent-shell.is-open .ogre-agent-message::before,
.ogre-agent-shell.is-open .ogre-agent-message::after {
  content: none !important;
  display: none !important;
}

.ogre-agent-shell.is-open .ogre-agent-message .ogre-agent-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
  opacity: 1 !important;
  position: relative !important;
  visibility: visible !important;
  z-index: 5 !important;
}

.ogre-agent-shell.is-open .ogre-agent-message-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 8px !important;
  opacity: 1 !important;
  position: relative !important;
  visibility: visible !important;
  z-index: 5 !important;
}

.ogre-agent-shell.is-open .ogre-agent-message-tools button {
  min-height: 28px !important;
  padding: 4px 8px !important;
}

.ogre-agent-shell.is-open .ogre-agent-message .ogre-agent-actions button,
.ogre-agent-shell.is-open .ogre-agent-quick-actions button,
.ogre-agent-shell.is-open .ogre-agent-composer-actions button,
.ogre-agent-shell.is-open [data-ogre-agent-close],
.ogre-agent-shell.is-open [data-ogre-agent-voice],
.ogre-agent-shell.is-open .ogre-agent-message-tools button {
  color: #f4ffe9 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.ogre-agent-shell.is-open .ogre-agent-composer,
.ogre-agent-shell.is-open .ogre-agent-quick-actions,
.ogre-agent-shell.is-open .ogre-agent-status,
.ogre-agent-shell.is-open .ogre-agent-disclaimer {
  flex: 0 0 auto !important;
  opacity: 1 !important;
  position: relative !important;
  visibility: visible !important;
  z-index: 4 !important;
}

.ogre-agent-shell.is-open .ogre-agent-disclaimer {
  color: rgba(243, 255, 233, 0.72) !important;
  font-size: 0.78rem !important;
}

.ogre-agent-shell.is-open .ogre-agent-composer textarea[data-ogre-agent-input] {
  background: rgba(0, 12, 4, 0.92) !important;
  color: #f3ffe9 !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: #f3ffe9 !important;
}

.ogre-agent-shell.is-open .ogre-agent-composer textarea[data-ogre-agent-input]::placeholder {
  color: rgba(243, 255, 233, 0.7) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(243, 255, 233, 0.7) !important;
}

@media (max-width: 760px) {
  .ogre-agent-shell.is-open .ogre-agent-panel {
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    left: 8px !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden !important;
    right: 8px !important;
    top: max(8px, env(safe-area-inset-top)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-panel header {
    flex: 0 0 auto !important;
    min-height: 62px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-holo {
    min-height: 70px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-feed {
    min-height: 220px !important;
    padding: 9px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-message {
    font-size: 0.96rem !important;
    max-width: 96% !important;
    padding: 9px 11px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-composer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 70px !important;
    gap: 8px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-composer textarea[data-ogre-agent-input] {
    font-size: 16px !important;
    min-height: 88px !important;
    max-height: 124px !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-quick-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
}

/* LANDING_SPONSOR_TOKENS_V2: keep multiple sponsor entries readable in the sponsor frame. */
[data-app][data-route="intro"] .swamp-sponsor-frame .swamp-support-content {
  gap: clamp(4px, 0.55vw, 7px) !important;
}

[data-app][data-route="intro"] .swamp-sponsor-token .swamp-sponsor-links {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

[data-app][data-route="intro"] .swamp-sponsor-token summary {
  min-height: clamp(34px, 3.2vw, 40px) !important;
}

[data-app][data-route="intro"] .swamp-sponsor-token summary img {
  object-fit: cover !important;
}

@media (max-width: 760px) {
  [data-app][data-route="intro"] .swamp-sponsor-frame .swamp-support-content {
    gap: 4px !important;
  }

  [data-app][data-route="intro"] .swamp-sponsor-token summary {
    min-height: 36px !important;
    height: 36px !important;
  }
}


/* LIVE_PAIR_AVATAR_PROXY_V1: keep live token pfps visible and prevent blank avatar wells. */
.live-pair-avatar {
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

.live-pair-avatar img {
  display: block !important;
  height: 100% !important;
  inset: 0 !important;
  object-fit: cover !important;
  opacity: 1 !important;
  position: absolute !important;
  visibility: visible !important;
  width: 100% !important;
  z-index: 1 !important;
}

.live-pair-avatar img[hidden] {
  display: none !important;
  visibility: hidden !important;
}

.live-pair-avatar span {
  display: none !important;
  position: relative !important;
  z-index: 2 !important;
}

.live-pair-avatar.fallback span,
.live-pair-avatar img[hidden] + span {
  display: block !important;
}

/* SLIMESHIELD_V1: replace noisy score surfaces with a compact verdict-first risk read. */
.slimeshield-pill,
.slimeshield-chip,
.slimeshield-mini {
  border: 1px solid rgba(57, 255, 20, 0.26) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  letter-spacing: 0 !important;
}

.slimeshield-pill strong,
.slimeshield-chip strong {
  color: #f4ffe9 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.slimeshield-pill small,
.slimeshield-chip small {
  color: rgba(230, 255, 221, 0.72) !important;
}

.slimeshield-buy {
  background: rgba(21, 120, 42, 0.42) !important;
  border-color: rgba(57, 255, 20, 0.48) !important;
}

.slimeshield-caution {
  background: rgba(148, 129, 24, 0.36) !important;
  border-color: rgba(255, 224, 92, 0.48) !important;
}

.slimeshield-risk {
  background: rgba(145, 68, 18, 0.38) !important;
  border-color: rgba(255, 150, 76, 0.5) !important;
}

.slimeshield-avoid {
  background: rgba(138, 28, 42, 0.42) !important;
  border-color: rgba(255, 86, 114, 0.56) !important;
}

.slimeshield-mini {
  color: #f4ffe9 !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  min-height: 24px !important;
  padding: 3px 7px !important;
}

.slimeshield-card {
  background: rgba(2, 18, 5, 0.86) !important;
  border: 1px solid rgba(57, 255, 20, 0.22) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 10px !important;
  margin: 10px 0 !important;
  padding: 12px !important;
}

.slimeshield-card header,
.slimeshield-actions,
.slimeshield-drawer header,
.slimeshield-drawer-actions {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
}

.slimeshield-card strong,
.slimeshield-drawer h3,
.slimeshield-drawer h4 {
  color: #f4ffe9 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.slimeshield-card small,
.slimeshield-card p,
.slimeshield-drawer p,
.slimeshield-drawer small {
  color: rgba(230, 255, 221, 0.78) !important;
  margin: 0 !important;
}

.slimeshield-verdict {
  border-radius: 999px !important;
  color: #f4ffe9 !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  padding: 5px 9px !important;
}

.slimeshield-card.slimeshield-buy .slimeshield-verdict,
.slimeshield-drawer-summary.slimeshield-buy {
  background: rgba(22, 130, 48, 0.36) !important;
}

.slimeshield-card.slimeshield-caution .slimeshield-verdict,
.slimeshield-drawer-summary.slimeshield-caution {
  background: rgba(151, 130, 22, 0.38) !important;
}

.slimeshield-card.slimeshield-risk .slimeshield-verdict,
.slimeshield-drawer-summary.slimeshield-risk {
  background: rgba(147, 69, 20, 0.4) !important;
}

.slimeshield-card.slimeshield-avoid .slimeshield-verdict,
.slimeshield-drawer-summary.slimeshield-avoid {
  background: rgba(139, 29, 43, 0.44) !important;
}

.slimeshield-drawer-backdrop {
  background: rgba(0, 0, 0, 0.48) !important;
  inset: 0 !important;
  position: fixed !important;
  z-index: 900 !important;
}

.slimeshield-drawer {
  background: linear-gradient(180deg, rgba(4, 22, 6, 0.98), rgba(1, 10, 3, 0.98)) !important;
  border-left: 1px solid rgba(57, 255, 20, 0.28) !important;
  bottom: 0 !important;
  box-shadow: -16px 0 34px rgba(0, 0, 0, 0.36) !important;
  color: #f4ffe9 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  max-width: min(440px, calc(100vw - 22px)) !important;
  overflow-y: auto !important;
  padding: 16px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 440px !important;
  z-index: 901 !important;
}

.slimeshield-drawer header button,
.slimeshield-drawer-actions button,
.slimeshield-actions button {
  min-height: 34px !important;
}

.slimeshield-drawer-summary {
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
}

.slimeshield-drawer-summary div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.slimeshield-drawer-summary span {
  color: rgba(230, 255, 221, 0.76) !important;
  font-size: 0.74rem !important;
}

.slimeshield-factor-list {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.slimeshield-factor-list li {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 3px !important;
  padding: 9px !important;
}

.slimeshield-factor-list span,
.slimeshield-muted,
.slimeshield-safety-copy,
.slimeshield-status {
  color: rgba(230, 255, 221, 0.72) !important;
}

.slimeshield-action-note {
  background: rgba(57, 255, 20, 0.06) !important;
  border: 1px solid rgba(57, 255, 20, 0.14) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 10px !important;
}

.dev-info-pill {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(43, 180, 53, 0.9), rgba(8, 121, 51, 0.86)) !important;
  border: 1px solid rgba(114, 255, 35, 0.62) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.16) !important;
  color: #f4ffe9 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  gap: 5px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-height: 34px !important;
  min-width: 104px !important;
  padding: 7px 10px !important;
  white-space: nowrap !important;
}

.dev-info-pill span,
.dev-info-pill strong {
  line-height: 1 !important;
}

.dev-info-pill strong {
  color: #bbff63 !important;
  font-size: 0.78rem !important;
}

.dev-info-pill.is-compact {
  min-width: 96px !important;
  padding: 6px 8px !important;
}

.dev-info-new,
.dev-info-unknown {
  background: linear-gradient(135deg, rgba(37, 96, 45, 0.84), rgba(28, 63, 40, 0.9)) !important;
}

.dev-info-mixed {
  background: linear-gradient(135deg, rgba(98, 116, 36, 0.9), rgba(68, 92, 31, 0.88)) !important;
}

.dev-info-risk {
  background: linear-gradient(135deg, rgba(151, 91, 24, 0.92), rgba(88, 58, 25, 0.9)) !important;
  border-color: rgba(255, 179, 84, 0.62) !important;
}

.dev-info-dump {
  background: linear-gradient(135deg, rgba(151, 30, 49, 0.92), rgba(83, 22, 36, 0.92)) !important;
  border-color: rgba(255, 94, 120, 0.62) !important;
}

[data-app][data-route="terminal"] .terminal-token-actions.has-dev-info,
[data-app][data-route="terminal"] .compact-row-actions.has-dev-info {
  grid-template-columns: repeat(3, minmax(88px, 1fr)) !important;
}

[data-app][data-route="terminal"] .signal-actions.has-dev-info {
  grid-template-columns: repeat(2, minmax(90px, 1fr)) !important;
}

[data-app][data-route="terminal"] .signal-actions.has-dev-info button:last-child {
  grid-column: auto !important;
}

[data-app][data-route="terminal"] .terminal-token-actions .dev-info-pill,
[data-app][data-route="terminal"] .compact-row-actions .dev-info-pill,
[data-app][data-route="terminal"] .signal-actions .dev-info-pill {
  width: 100% !important;
}

.dev-info-drawer {
  background: linear-gradient(180deg, rgba(4, 22, 6, 0.98), rgba(1, 10, 3, 0.98)) !important;
  border-left: 1px solid rgba(57, 255, 20, 0.28) !important;
  bottom: 0 !important;
  box-shadow: -16px 0 34px rgba(0, 0, 0, 0.36) !important;
  color: #f4ffe9 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  max-width: min(460px, calc(100vw - 22px)) !important;
  overflow-y: auto !important;
  padding: 16px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 460px !important;
  z-index: 903 !important;
}

.dev-info-drawer header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
}

.dev-info-drawer h3,
.dev-info-drawer h4 {
  color: #f4ffe9 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.dev-info-drawer span,
.dev-info-drawer p,
.dev-info-drawer small {
  color: rgba(230, 255, 221, 0.76) !important;
  margin: 0 !important;
}

.dev-info-summary {
  background: rgba(57, 255, 20, 0.06) !important;
  border: 1px solid rgba(57, 255, 20, 0.14) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 10px !important;
}

.dev-info-launches {
  display: grid !important;
  gap: 7px !important;
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.dev-info-launches li {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 8px !important;
}

@media (max-width: 720px) {
  .dev-info-drawer {
    max-width: 100vw !important;
    width: 100vw !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions.has-dev-info,
  [data-app][data-route="terminal"] .compact-row-actions.has-dev-info {
    grid-template-columns: repeat(2, minmax(96px, 1fr)) !important;
  }
}

.kol-dump-panel {
  background: rgba(2, 18, 5, 0.78) !important;
  border: 1px solid rgba(57, 255, 20, 0.18) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 10px !important;
  margin: 12px 0 !important;
  padding: 12px !important;
}

.kol-dump-panel > small {
  color: rgba(230, 255, 221, 0.72) !important;
}

.kol-dump-list {
  display: grid !important;
  gap: 8px !important;
}

.kol-dump-row {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto !important;
  padding: 9px !important;
}

.kol-dump-row strong {
  color: #f4ffe9 !important;
}

.kol-dump-row span,
.kol-dump-row p {
  color: rgba(230, 255, 221, 0.76) !important;
  margin: 0 !important;
}

.kol-dump-drawer {
  background: linear-gradient(180deg, rgba(4, 22, 6, 0.98), rgba(1, 10, 3, 0.98)) !important;
  border-left: 1px solid rgba(57, 255, 20, 0.28) !important;
  bottom: 0 !important;
  box-shadow: -16px 0 34px rgba(0, 0, 0, 0.36) !important;
  color: #f4ffe9 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  max-width: min(460px, calc(100vw - 22px)) !important;
  overflow-y: auto !important;
  padding: 16px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 460px !important;
  z-index: 902 !important;
}

.kol-dump-drawer header {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.kol-dump-drawer h3,
.kol-dump-drawer h4 {
  color: #f4ffe9 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.kol-dump-drawer span,
.kol-dump-drawer p,
.kol-dump-drawer small {
  color: rgba(230, 255, 221, 0.76) !important;
  margin: 0 !important;
}

.kol-dump-detail-summary {
  background: rgba(57, 255, 20, 0.06) !important;
  border: 1px solid rgba(57, 255, 20, 0.14) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 10px !important;
}

.kol-dump-metrics {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

.kol-dump-metrics div {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 3px !important;
  padding: 9px !important;
}

.kol-dump-metrics dt {
  color: rgba(230, 255, 221, 0.62) !important;
  font-size: 0.72rem !important;
}

.kol-dump-metrics dd {
  color: #f4ffe9 !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

.replay-before-buy-card {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(57, 255, 20, 0.14) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 9px !important;
  padding: 10px !important;
}

.replay-before-buy-card strong,
.replay-before-buy-drawer h3,
.replay-before-buy-drawer h4 {
  color: #f4ffe9 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.replay-before-buy-card small,
.replay-before-buy-card p,
.replay-before-buy-drawer p,
.replay-before-buy-drawer small,
.replay-before-buy-drawer span {
  color: rgba(230, 255, 221, 0.74) !important;
  margin: 0 !important;
}

.replay-before-buy-card dl {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

.replay-before-buy-card dl div {
  background: rgba(0, 0, 0, 0.18) !important;
  border-radius: 8px !important;
  padding: 7px !important;
}

.replay-before-buy-card dt {
  color: rgba(230, 255, 221, 0.58) !important;
  font-size: 0.68rem !important;
}

.replay-before-buy-card dd {
  color: #f4ffe9 !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

.replay-before-buy-drawer {
  background: linear-gradient(180deg, rgba(4, 22, 6, 0.98), rgba(1, 10, 3, 0.98)) !important;
  border-left: 1px solid rgba(57, 255, 20, 0.28) !important;
  bottom: 0 !important;
  box-shadow: -16px 0 34px rgba(0, 0, 0, 0.36) !important;
  color: #f4ffe9 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  max-width: min(460px, calc(100vw - 22px)) !important;
  overflow-y: auto !important;
  padding: 16px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 460px !important;
  z-index: 903 !important;
}

.replay-before-buy-drawer header {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.replay-summary {
  background: rgba(57, 255, 20, 0.06) !important;
  border: 1px solid rgba(57, 255, 20, 0.14) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 10px !important;
}

@media (max-width: 760px) {
  .slimeshield-drawer {
    border-left: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    left: 0 !important;
    max-height: min(86vh, 720px) !important;
    max-width: 100vw !important;
    right: 0 !important;
    top: auto !important;
    width: 100vw !important;
  }

  .kol-dump-row {
    grid-template-columns: 1fr !important;
  }

  .kol-dump-drawer {
    border-left: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    left: 0 !important;
    max-height: min(86vh, 720px) !important;
    max-width: 100vw !important;
    right: 0 !important;
    top: auto !important;
    width: 100vw !important;
  }

  .replay-before-buy-card dl {
    grid-template-columns: 1fr !important;
  }

  .replay-before-buy-drawer {
    border-left: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    left: 0 !important;
    max-height: min(86vh, 720px) !important;
    max-width: 100vw !important;
    right: 0 !important;
    top: auto !important;
    width: 100vw !important;
  }
}

/* 2026-06-05 terminal mobile header cleanup.
   Final guarded mobile topbar block. Keep this as the last section. */
@media (max-width: 820px) {
  [data-app][data-route="terminal"] .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .terminal-global-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .top-auth-group {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  [data-app][data-route="terminal"] .top-sync-strip > span {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }

  [data-app][data-route="terminal"] .top-auth-group button,
  [data-app][data-route="terminal"] .top-auth-group .top-profile-button,
  [data-app][data-route="terminal"] .top-sync-strip button,
  [data-app][data-route="terminal"] .terminal-global-search button {
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }
}

/* 2026-06-07 trader polish: compact green Details chips, visible sponsor links, stable top nav layers. */
button[data-slimeshield-details].slimeshield-pill,
button[data-slimeshield-details].slimeshield-chip,
button[data-slimeshield-details].slimeshield-mini,
button[data-kol-dump-details],
[data-app][data-route="terminal"] button[data-slimeshield-details].terminal-score-chip,
[data-app][data-route="terminal"] button[data-slimeshield-details].mobile-score-mini {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(43, 180, 53, 0.92), rgba(9, 76, 20, 0.94)) !important;
  border: 1px solid rgba(135, 255, 72, 0.76) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 0 12px rgba(137, 255, 72, 0.12), 0 0 12px rgba(69, 255, 52, 0.12) !important;
  color: #efffe8 !important;
  display: inline-grid !important;
  justify-items: center !important;
  min-height: 32px !important;
  min-width: 72px !important;
  max-width: 92px !important;
  padding: 5px 9px !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

button[data-slimeshield-details].slimeshield-pill strong,
button[data-slimeshield-details].slimeshield-chip strong {
  color: #efffe8 !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
}

button[data-slimeshield-details].slimeshield-pill small,
button[data-slimeshield-details].slimeshield-chip small {
  display: none !important;
}

[data-app][data-route="terminal"] .terminal-token-row button[data-slimeshield-details].terminal-score-chip,
[data-app][data-route="terminal"] .compact-signal-row button[data-slimeshield-details].terminal-score-chip {
  width: auto !important;
  min-width: 74px !important;
}

[data-app][data-route="terminal"] .terminal-token-title button[data-slimeshield-details].mobile-score-mini,
[data-app][data-route="terminal"] button[data-slimeshield-details].slimeshield-mini {
  min-height: 24px !important;
  min-width: 58px !important;
  max-width: 72px !important;
  padding: 3px 7px !important;
  font-size: 0.68rem !important;
}

[data-app][data-route="intro"] .login-view.swamp-splash,
[data-app][data-route="intro"] .swamp-sponsor-frame,
[data-app][data-route="intro"] .swamp-sponsor-frame .swamp-support-content {
  overflow: visible !important;
}

[data-app][data-route="intro"] .swamp-sponsor-social {
  position: relative !important;
  z-index: 6 !important;
}

[data-app][data-route="intro"] .swamp-sponsor-social[open] {
  z-index: 80 !important;
}

[data-app][data-route="intro"] .swamp-sponsor-links {
  z-index: 90 !important;
}

/* LANDING_MOBILE_SPONSOR_POPUP_V1: sponsor menus escape mobile frame clipping. */
@media (max-width: 760px) {
  [data-app][data-route="intro"] .swamp-sponsor-frame,
  [data-app][data-route="intro"] .swamp-sponsor-frame .swamp-support-content,
  [data-app][data-route="intro"] .swamp-sponsor-social {
    overflow: visible !important;
  }

  [data-app][data-route="intro"] .swamp-sponsor-frame {
    z-index: 30 !important;
  }

  [data-app][data-route="intro"] .swamp-sponsor-social[open] .swamp-sponsor-links {
    position: fixed !important;
    left: 50% !important;
    top: clamp(104px, 28svh, 236px) !important;
    width: min(82vw, 320px) !important;
    max-height: min(44svh, 280px) !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow-y: auto !important;
    padding: 10px !important;
    z-index: 9000 !important;
  }

  [data-app][data-route="intro"] .swamp-sponsor-social[open] .swamp-sponsor-links a {
    min-height: 38px !important;
    display: inline-grid !important;
    place-items: center !important;
  }

  [data-app][data-route="intro"] .swamp-sponsor-social summary small {
    color: rgba(207, 255, 185, 0.82) !important;
  }
}

.topbar,
.topbar-right,
.social-links,
.top-auth-actions {
  overflow: visible !important;
  position: relative !important;
}

.topbar {
  z-index: 220 !important;
}

[data-app][data-route="terminal"] [data-dashboard] > .tabs,
[data-app][data-route="terminal"] .tabs .nav-tool-group {
  overflow-y: visible !important;
}

/* 2026-06-07 live pair action cleanup: one Details chip by pair info, even colored row buttons. */
@media (min-width: 901px) {
  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    grid-template-columns: 42px minmax(150px, 0.82fr) minmax(420px, 1.35fr) minmax(390px, 1fr) !important;
    gap: 8px 12px !important;
  }

  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .terminal-token-row,
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .command-terminal.trade-panel-collapsed .kol-panel .terminal-token-row {
    grid-template-columns: 42px minmax(170px, 0.86fr) minmax(460px, 1.42fr) minmax(410px, 1fr) !important;
  }
}

[data-app][data-route="terminal"] .terminal-token-actions,
[data-app][data-route="terminal"] .compact-row-actions {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(72px, 1fr)) !important;
  align-items: stretch !important;
  gap: 7px !important;
  min-width: 0 !important;
  width: 100% !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button,
[data-app][data-route="terminal"] .compact-row-actions button,
[data-app][data-route="terminal"] .signal-actions button {
  align-items: center !important;
  border-radius: 10px !important;
  border: 1px solid rgba(122, 255, 67, 0.48) !important;
  box-shadow: inset 0 0 14px rgba(137, 255, 67, 0.1), 0 0 12px rgba(69, 255, 52, 0.08) !important;
  color: #f3ffe9 !important;
  display: inline-grid !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: 36px !important;
  min-width: 0 !important;
  overflow: clip !important;
  padding: 0 9px !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.34) !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  width: 100% !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button.primary,
[data-app][data-route="terminal"] .compact-row-actions button.primary,
[data-app][data-route="terminal"] .signal-actions button.primary,
[data-app][data-route="terminal"] button[data-token-trade] {
  background: linear-gradient(180deg, #86ff2f, #23b617) !important;
  border-color: rgba(185, 255, 91, 0.86) !important;
  color: #031706 !important;
  text-shadow: none !important;
}

[data-app][data-route="terminal"] button[data-quick-buy-token] {
  background: linear-gradient(180deg, rgba(47, 217, 87, 0.96), rgba(12, 116, 37, 0.94)) !important;
}

[data-app][data-route="terminal"] button[data-quick-bundle-token] {
  background: linear-gradient(180deg, rgba(39, 190, 122, 0.96), rgba(8, 92, 55, 0.95)) !important;
  border-color: rgba(99, 255, 169, 0.62) !important;
}

[data-app][data-route="terminal"] button[data-smart-chart-token] {
  background: linear-gradient(180deg, rgba(78, 204, 116, 0.96), rgba(14, 83, 43, 0.95)) !important;
  border-color: rgba(145, 255, 177, 0.58) !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button.watch-action,
[data-app][data-route="terminal"] .compact-row-actions button.watch-action,
[data-app][data-route="terminal"] .signal-actions button.watch-action {
  background: linear-gradient(180deg, rgba(96, 128, 94, 0.98), rgba(49, 64, 48, 0.96)) !important;
  border-color: rgba(191, 255, 174, 0.32) !important;
  color: #f6fff2 !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button:hover,
[data-app][data-route="terminal"] .compact-row-actions button:hover,
[data-app][data-route="terminal"] .signal-actions button:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

[data-app][data-route="terminal"] .terminal-token-actions button:active,
[data-app][data-route="terminal"] .compact-row-actions button:active,
[data-app][data-route="terminal"] .signal-actions button:active {
  transform: translateY(0) scale(0.99) !important;
}

@media (max-width: 900px) {
  [data-app][data-route="terminal"] .terminal-token-row,
  [data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  [data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  [data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  [data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "stats stats"
      "actions actions" !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .compact-row-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  [data-app][data-route="terminal"] .terminal-token-actions,
  [data-app][data-route="terminal"] .compact-row-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  [data-app][data-route="terminal"] .terminal-token-actions button,
  [data-app][data-route="terminal"] .compact-row-actions button,
  [data-app][data-route="terminal"] .signal-actions button {
    min-height: 34px !important;
    padding: 0 7px !important;
  }
}

/* 2026-06-07 live pair stat readability: bigger green stats without taller rows. */
[data-app][data-route="terminal"] .terminal-token-stats {
  align-items: center !important;
  gap: 6px !important;
}

[data-app][data-route="terminal"] .terminal-token-stats span {
  align-content: center !important;
  background: linear-gradient(180deg, rgba(14, 32, 18, 0.92), rgba(7, 17, 10, 0.9)) !important;
  border: 1px solid rgba(111, 255, 75, 0.08) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 3px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 12px 19px !important;
  height: 44px !important;
  justify-content: start !important;
  justify-items: start !important;
  max-height: 44px !important;
  min-height: 0 !important;
  padding: 6px 7px 4px !important;
  transform: translateY(2px) !important;
}

[data-app][data-route="terminal"] .terminal-token-stats small {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  color: rgba(170, 255, 143, 0.76) !important;
  font-size: 9.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
}

[data-app][data-route="terminal"] .terminal-token-stats strong {
  color: #ecffe6 !important;
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 1000 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: clip !important;
  padding-top: 1px !important;
  text-shadow: 0 0 10px rgba(107, 255, 79, 0.14) !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  [data-app][data-route="terminal"] .terminal-token-stats {
    gap: 4px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats span {
    grid-template-rows: 10px 18px !important;
    height: 40px !important;
    max-height: 40px !important;
    padding: 5px 6px 3px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats small {
    font-size: 8.5px !important;
  }

  [data-app][data-route="terminal"] .terminal-token-stats strong {
    font-size: 12px !important;
  }
}

/* 2026-06-07 KOL card cleanup: dump info is per-card and actions stay compact. */
.kol-dashboard .kol-grid {
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(214px, 1fr)) !important;
}

.kol-profile {
  gap: 8px !important;
  padding: 12px !important;
}

.kol-profile .kol-dump-inline {
  color: rgba(190, 255, 171, 0.76) !important;
  display: block !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.kol-profile .card-actions.kol-profile-actions {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.kol-profile .card-actions.kol-profile-actions a,
.kol-profile .card-actions.kol-profile-actions button,
.curated-kol-actions a,
.curated-kol-actions button,
.curated-kol-actions span {
  border-radius: 8px !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  min-height: 30px !important;
  padding: 0 6px !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.kol-profile .card-actions.kol-profile-actions .kol-copy-bubble,
.curated-kol-actions .kol-copy-bubble {
  grid-column: auto !important;
  min-height: 30px !important;
}

.kol-profile .card-actions.kol-profile-actions .kol-dump-chip,
.curated-kol-actions .kol-dump-chip {
  background: linear-gradient(135deg, rgba(43, 180, 53, 0.94), rgba(9, 76, 20, 0.96)) !important;
  border-color: rgba(135, 255, 72, 0.7) !important;
  color: #efffe8 !important;
}

.curated-kol-actions {
  gap: 5px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 760px) {
  .kol-profile .card-actions.kol-profile-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .curated-kol-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026-06-07 KOL signal action fit: keep Quick Buy/KOL Info/Bundle inside the frame. */
[data-app][data-route="terminal"] .signal-list-kol {
  overflow: clip !important;
}

[data-app][data-route="terminal"] .signal-list-kol .signal-header,
[data-app][data-route="terminal"] .signal-list-kol .signal-row {
  grid-template-columns:
    minmax(210px, 1.38fr)
    minmax(58px, 0.42fr)
    minmax(86px, 0.56fr)
    minmax(88px, 0.56fr)
    minmax(66px, 0.46fr)
    minmax(94px, 0.58fr)
    minmax(252px, 0.98fr) !important;
}

[data-app][data-route="terminal"] .signal-list-kol .signal-actions,
[data-app][data-route="terminal"] .signal-row.is-kol-signal .signal-actions {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  width: 100% !important;
}

[data-app][data-route="terminal"] .signal-list-kol .signal-actions button,
[data-app][data-route="terminal"] .signal-row.is-kol-signal .signal-actions button {
  min-height: 32px !important;
  min-width: 0 !important;
  padding: 0 6px !important;
  width: 100% !important;
}

[data-app][data-route="terminal"] .signal-list-kol .signal-actions .kol-dump-chip,
[data-app][data-route="terminal"] .terminal-token-row.is-kol-signal .terminal-token-actions .kol-dump-chip,
[data-app][data-route="terminal"] .compact-signal-row.is-kol-signal .compact-row-actions .kol-dump-chip {
  background: linear-gradient(135deg, rgba(43, 180, 53, 0.94), rgba(9, 76, 20, 0.96)) !important;
  border-color: rgba(135, 255, 72, 0.7) !important;
  color: #efffe8 !important;
}

[data-app][data-route="terminal"] .terminal-token-row.is-kol-signal .terminal-token-actions,
[data-app][data-route="terminal"] .compact-signal-row.is-kol-signal .compact-row-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (min-width: 901px) {
  [data-app][data-route="terminal"] .terminal-token-row.is-kol-signal .terminal-token-actions {
    min-width: 410px !important;
  }
}

@media (max-width: 980px) {
  [data-app][data-route="terminal"] .signal-list-kol .signal-header {
    display: none !important;
  }

  [data-app][data-route="terminal"] .signal-list-kol .signal-row {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }

  [data-app][data-route="terminal"] .signal-list-kol .signal-token,
  [data-app][data-route="terminal"] .signal-list-kol .signal-cell,
  [data-app][data-route="terminal"] .signal-list-kol .signal-actions {
    grid-column: 1 / -1 !important;
  }
}

/* LANDING_MARKET_TICKER_V1: compact sponsor/KOL exchange tape replaces bulky landing frames. */
[data-app][data-route="intro"] .swamp-market-ticker {
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(3, 14, 6, 0.98), rgba(5, 27, 8, 0.96) 45%, rgba(1, 10, 4, 0.98)) !important;
  border: 1px solid rgba(95, 255, 46, 0.36) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: inset 0 0 18px rgba(87, 255, 46, 0.12), 0 8px 26px rgba(0, 0, 0, 0.26) !important;
  display: flex !important;
  gap: 10px !important;
  height: 42px !important;
  isolation: isolate !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 4px 12px !important;
  position: relative !important;
  width: 100% !important;
  z-index: 240 !important;
}

[data-app][data-route="intro"] .swamp-ticker-label,
[data-app][data-route="intro"] .swamp-ticker-section {
  align-items: center !important;
  color: #9dff5d !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(118, 255, 61, 0.34) !important;
  white-space: nowrap !important;
}

[data-app][data-route="intro"] .swamp-ticker-label {
  background: rgba(65, 255, 43, 0.12) !important;
  border: 1px solid rgba(135, 255, 72, 0.36) !important;
  border-radius: 999px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
}

[data-app][data-route="intro"] .swamp-ticker-section {
  color: rgba(223, 255, 206, 0.8) !important;
  padding-inline: 5px 0 !important;
}

[data-app][data-route="intro"] .swamp-ticker-mask {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: clip !important;
}

[data-app][data-route="intro"] .swamp-ticker-track {
  align-items: center !important;
  animation: swampMarketTickerScroll 56s linear infinite !important;
  display: flex !important;
  width: max-content !important;
  will-change: transform !important;
}

[data-app][data-route="intro"] .swamp-market-ticker:hover .swamp-ticker-track,
[data-app][data-route="intro"] .swamp-market-ticker:focus-within .swamp-ticker-track,
[data-app][data-route="intro"] .swamp-market-ticker:has(details[open]) .swamp-ticker-track {
  animation-play-state: paused !important;
}

[data-app][data-route="intro"] .swamp-ticker-strip {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 9px !important;
  padding-right: 18px !important;
}

[data-app][data-route="intro"] .swamp-ticker-item,
[data-app][data-route="intro"] .swamp-ticker-clone {
  flex: 0 0 auto !important;
  position: relative !important;
}

[data-app][data-route="intro"] .swamp-ticker-item summary,
[data-app][data-route="intro"] .swamp-ticker-clone {
  align-items: center !important;
  background: linear-gradient(180deg, rgba(10, 35, 14, 0.92), rgba(0, 12, 4, 0.98)) !important;
  border: 1px solid rgba(105, 255, 49, 0.38) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 10px rgba(113, 255, 61, 0.08) !important;
  color: #f2ffe9 !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: 26px minmax(0, max-content) !important;
  height: 32px !important;
  list-style: none !important;
  max-width: 210px !important;
  min-width: 0 !important;
  padding: 3px 10px 3px 4px !important;
  white-space: nowrap !important;
}

[data-app][data-route="intro"] .swamp-ticker-item summary::-webkit-details-marker {
  display: none !important;
}

[data-app][data-route="intro"] .swamp-ticker-item summary:hover,
[data-app][data-route="intro"] .swamp-ticker-item[open] summary {
  background: linear-gradient(180deg, rgba(31, 122, 30, 0.98), rgba(7, 48, 13, 0.99)) !important;
  border-color: rgba(142, 255, 61, 0.7) !important;
}

[data-app][data-route="intro"] .swamp-ticker-item img,
[data-app][data-route="intro"] .swamp-ticker-clone img {
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(142, 255, 61, 0.48) !important;
  border-radius: 999px !important;
  grid-row: 1 / 3 !important;
  height: 26px !important;
  object-fit: cover !important;
  width: 26px !important;
}

[data-app][data-route="intro"] .swamp-ticker-item summary span,
[data-app][data-route="intro"] .swamp-ticker-clone {
  min-width: 0 !important;
}

[data-app][data-route="intro"] .swamp-ticker-item strong,
[data-app][data-route="intro"] .swamp-ticker-clone strong,
[data-app][data-route="intro"] .swamp-ticker-item small,
[data-app][data-route="intro"] .swamp-ticker-clone small {
  display: block !important;
  overflow: clip !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

[data-app][data-route="intro"] .swamp-ticker-item strong,
[data-app][data-route="intro"] .swamp-ticker-clone strong {
  color: #f7fff0 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  line-height: 1.05 !important;
}

[data-app][data-route="intro"] .swamp-ticker-item small,
[data-app][data-route="intro"] .swamp-ticker-clone small {
  color: rgba(202, 255, 180, 0.72) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  line-height: 1.05 !important;
}

[data-app][data-route="intro"] .swamp-ticker-links {
  display: none !important;
}

[data-app][data-route="intro"] .swamp-ticker-item[open] .swamp-ticker-links {
  background: linear-gradient(180deg, rgba(4, 24, 7, 0.98), rgba(0, 8, 3, 0.99)) !important;
  border: 1px solid rgba(135, 255, 72, 0.62) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.72), 0 0 26px rgba(89, 255, 43, 0.18) !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  left: 50% !important;
  min-width: min(320px, 84vw) !important;
  padding: 10px !important;
  position: fixed !important;
  top: 86px !important;
  transform: translateX(-50%) !important;
  z-index: 9000 !important;
}

[data-app][data-route="intro"] .swamp-ticker-links a {
  align-items: center !important;
  background: rgba(65, 255, 43, 0.12) !important;
  border: 1px solid rgba(135, 255, 72, 0.42) !important;
  border-radius: 8px !important;
  color: #efffe8 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  text-decoration: none !important;
}

[data-app][data-route="intro"] .swamp-ticker-links a:hover {
  background: rgba(89, 255, 43, 0.22) !important;
  border-color: rgba(160, 255, 74, 0.78) !important;
}

[data-app][data-route="intro"] .swamp-ticker-strip[aria-hidden="true"] {
  pointer-events: none !important;
}

[data-app][data-route="intro"] .login-view.swamp-splash {
  align-content: center !important;
  align-items: center !important;
  grid-template-areas: "enter" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  min-height: calc(100svh - 112px) !important;
  padding-top: clamp(10px, 2svh, 28px) !important;
}

[data-app][data-route="intro"] .swamp-splash-button {
  grid-area: enter !important;
  justify-self: center !important;
  width: min(72vw, 620px) !important;
}

@keyframes swampMarketTickerScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 760px) {
  [data-app][data-route="intro"] .swamp-market-ticker {
    height: 40px !important;
    gap: 6px !important;
    padding: 4px 8px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-label {
    font-size: 8.5px !important;
    min-height: 26px !important;
    padding: 0 7px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-track {
    animation-duration: 44s !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-strip {
    gap: 7px !important;
    padding-right: 14px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-item summary,
  [data-app][data-route="intro"] .swamp-ticker-clone {
    grid-template-columns: 25px minmax(0, max-content) !important;
    height: 31px !important;
    max-width: 164px !important;
    padding-right: 8px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-item img,
  [data-app][data-route="intro"] .swamp-ticker-clone img {
    height: 25px !important;
    width: 25px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-item strong,
  [data-app][data-route="intro"] .swamp-ticker-clone strong {
    font-size: 10px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-item small,
  [data-app][data-route="intro"] .swamp-ticker-clone small {
    font-size: 8px !important;
  }

  [data-app][data-route="intro"] .swamp-ticker-item[open] .swamp-ticker-links {
    top: 78px !important;
    width: min(84vw, 320px) !important;
  }

  [data-app][data-route="intro"] .login-view.swamp-splash {
    min-height: calc(100svh - 118px) !important;
    padding-top: 10px !important;
  }

  [data-app][data-route="intro"] .swamp-splash-button {
    width: min(90vw, 440px) !important;
  }
}

/* LANDING_MARKET_TICKER_COMPACT_FIX_V1: true tiny top tape; hard-cap images so pfps never blow up. */
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] {
  background: rgba(0, 12, 4, 0.98) !important;
  border-bottom: 1px solid rgba(107, 255, 43, 0.38) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.44), inset 0 -1px 0 rgba(119, 255, 61, 0.12) !important;
  display: flex !important;
  height: 24px !important;
  left: 0 !important;
  max-height: 24px !important;
  min-height: 24px !important;
  padding: 1px 6px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  z-index: 2147483000 !important;
}

html body main.shell[data-app][data-route="intro"] .topbar {
  margin-top: 24px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-label {
  border-radius: 3px !important;
  font-size: 8px !important;
  height: 18px !important;
  letter-spacing: 0.04em !important;
  min-height: 18px !important;
  padding: 0 5px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-mask {
  height: 22px !important;
  max-height: 22px !important;
  overflow: clip !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-track,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-strip {
  height: 22px !important;
  max-height: 22px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-track {
  animation-duration: 38s !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-strip {
  gap: 8px !important;
  padding-right: 14px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-section {
  font-size: 8px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 2px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone {
  height: 20px !important;
  max-height: 20px !important;
  min-height: 20px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone {
  align-items: center !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  gap: 4px !important;
  grid-template-columns: none !important;
  height: 20px !important;
  max-height: 20px !important;
  max-width: none !important;
  min-height: 20px !important;
  padding: 0 6px 0 1px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] img,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item img,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone img {
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  flex: 0 0 18px !important;
  grid-row: auto !important;
  height: 18px !important;
  max-height: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  min-width: 18px !important;
  object-fit: cover !important;
  overflow: clip !important;
  width: 18px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary span {
  align-items: baseline !important;
  display: inline-flex !important;
  gap: 3px !important;
  max-height: 18px !important;
  min-width: 0 !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item strong,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone strong,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item small,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone small {
  display: inline !important;
  font-size: 10px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  line-height: 18px !important;
  max-height: 18px !important;
  overflow: clip !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item small,
html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone small {
  color: rgba(190, 255, 169, 0.72) !important;
  font-size: 9px !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item[open] .swamp-ticker-links {
  top: 28px !important;
}

html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash {
  min-height: calc(100svh - 78px) !important;
  padding-top: 0 !important;
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] {
    height: 24px !important;
    max-height: 24px !important;
    min-height: 24px !important;
    padding: 1px 4px !important;
  }

  

  html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-track {
    animation-duration: 30s !important;
  }

  html body main.shell[data-app][data-route="intro"] .topbar {
    margin-top: 24px !important;
  }

  
}

/* LANDING_GLOBAL_SPONSOR_TICKER_AND_FRAME_FIX_V1: ticker works on every route and intro frame stays centered. */
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] {
  align-items: center !important;
  background: rgba(0, 12, 4, 0.98) !important;
  border-bottom: 1px solid rgba(107, 255, 43, 0.4) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.44), inset 0 -1px 0 rgba(119, 255, 61, 0.12) !important;
  display: flex !important;
  gap: 6px !important;
  height: 24px !important;
  left: 0 !important;
  max-height: 24px !important;
  min-height: 24px !important;
  overflow: visible !important;
  padding: 1px 6px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  z-index: 2147483000 !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] * {
  box-sizing: border-box !important;
}

html body main.shell[data-app] > .topbar {
  margin-top: 24px !important;
}

html body main.shell[data-app][data-route="connect"] .connect-view {
  padding-top: max(24px, env(safe-area-inset-top, 0px)) !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-label {
  align-items: center !important;
  background: rgba(65, 255, 43, 0.12) !important;
  border: 1px solid rgba(135, 255, 72, 0.36) !important;
  border-radius: 3px !important;
  color: #9dff5d !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  height: 18px !important;
  justify-content: center !important;
  letter-spacing: 0.04em !important;
  line-height: 18px !important;
  min-height: 18px !important;
  padding: 0 5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-mask {
  flex: 1 1 auto !important;
  height: 22px !important;
  max-height: 22px !important;
  min-width: 0 !important;
  overflow: clip !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-track {
  align-items: center !important;
  animation: swampMarketTickerScroll 36s linear infinite !important;
  display: flex !important;
  height: 22px !important;
  max-height: 22px !important;
  width: max-content !important;
  will-change: transform !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker]:hover .swamp-ticker-track,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker]:focus-within .swamp-ticker-track,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker]:has(details[open]) .swamp-ticker-track {
  animation-play-state: paused !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-strip {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  height: 22px !important;
  max-height: 22px !important;
  padding-right: 14px !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-section {
  align-items: center !important;
  color: rgba(223, 255, 206, 0.8) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 2px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone {
  flex: 0 0 auto !important;
  height: 20px !important;
  max-height: 20px !important;
  min-height: 20px !important;
  position: relative !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone {
  align-items: center !important;
  background: linear-gradient(180deg, rgba(10, 35, 14, 0.92), rgba(0, 12, 4, 0.98)) !important;
  border: 1px solid rgba(105, 255, 49, 0.38) !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 10px rgba(113, 255, 61, 0.08) !important;
  color: #f2ffe9 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  gap: 4px !important;
  grid-template-columns: none !important;
  height: 20px !important;
  list-style: none !important;
  max-height: 20px !important;
  max-width: none !important;
  min-height: 20px !important;
  min-width: 0 !important;
  padding: 0 6px 0 1px !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary::-webkit-details-marker {
  display: none !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary::marker {
  content: "" !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary:hover,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item[open] summary {
  background: linear-gradient(180deg, rgba(31, 122, 30, 0.98), rgba(7, 48, 13, 0.99)) !important;
  border-color: rgba(142, 255, 61, 0.7) !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] img,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item img,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone img {
  aspect-ratio: 1 / 1 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(142, 255, 61, 0.48) !important;
  border-radius: 999px !important;
  display: block !important;
  flex: 0 0 18px !important;
  grid-row: auto !important;
  height: 18px !important;
  max-height: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  min-width: 18px !important;
  object-fit: cover !important;
  overflow: clip !important;
  width: 18px !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item summary span {
  align-items: baseline !important;
  display: inline-flex !important;
  gap: 3px !important;
  max-height: 18px !important;
  min-width: 0 !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item strong,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone strong,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item small,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone small {
  display: inline !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  line-height: 18px !important;
  max-height: 18px !important;
  overflow: clip !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item small,
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone small {
  color: rgba(190, 255, 169, 0.72) !important;
  font-size: 9px !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-links {
  display: none !important;
}



html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-links a {
  align-items: center !important;
  background: rgba(65, 255, 43, 0.12) !important;
  border: 1px solid rgba(135, 255, 72, 0.42) !important;
  border-radius: 8px !important;
  color: #efffe8 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  text-decoration: none !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-strip[aria-hidden="true"] {
  pointer-events: none !important;
}

html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash {
  align-content: center !important;
  align-items: center !important;
  background: #000 !important;
  display: grid !important;
  grid-template-areas: "enter" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  isolation: isolate !important;
  justify-content: center !important;
  justify-items: center !important;
  min-height: calc(100svh - 24px) !important;
  overflow: clip !important;
  padding: clamp(42px, 7svh, 72px) clamp(12px, 3vw, 32px) clamp(20px, 4svh, 42px) !important;
  position: relative !important;
}

html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash::before {
  aspect-ratio: 4 / 3 !important;
  background: var(--slime-frame-rich-image) center / 100% 100% no-repeat !important;
  content: "" !important;
  filter:
    drop-shadow(0 0 18px rgba(141, 255, 62, 0.44))
    drop-shadow(0 0 42px rgba(57, 255, 20, 0.22)) !important;
  height: auto !important;
  inset: auto !important;
  left: 50% !important;
  max-height: calc(100svh - 96px) !important;
  max-width: calc(100vw - 24px) !important;
  opacity: 0.96 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(88vw, 780px) !important;
  z-index: 2 !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-splash-button {
  aspect-ratio: 4 / 3 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  grid-area: enter !important;
  height: auto !important;
  justify-self: center !important;
  max-height: calc(100svh - 150px) !important;
  max-width: calc(100vw - 76px) !important;
  overflow: visible !important;
  padding: 0 !important;
  place-items: center !important;
  transform: none !important;
  width: min(66vw, 560px) !important;
  z-index: 1 !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-splash-reference {
  border-radius: 0 !important;
  display: block !important;
  filter: none !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  width: 100% !important;
}

/* INTRO_VIDEO_GATE_V1: first visit is a lightweight two-clip gate before the connect landing page. */
html body main.shell[data-app][data-route="intro"] > .topbar,
html body main.shell[data-app][data-route="intro"] > .footer {
  display: none !important;
  pointer-events: none !important;
}



html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
  background:
    radial-gradient(circle at 50% 100%, rgba(81, 255, 24, 0.1), transparent 34%),
    #000 !important;
  contain: layout paint size !important;
  height: calc(100svh - 24px) !important;
  min-height: calc(100svh - 24px) !important;
  overflow: clip !important;
  position: relative !important;
  width: 100% !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-intro-media {
  backface-visibility: hidden !important;
  background: #000 !important;
  display: block !important;
  height: 100% !important;
  inset: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  position: absolute !important;
  transform: translate3d(0, 0, 0) !important;
  transition: none !important;
  will-change: auto !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body main.shell[data-app][data-route="intro"] .swamp-intro-media[hidden] {
  display: none !important;
}

body:has(main.shell[data-app][data-route="intro"]) [data-ogre-agent-root],
body:has(main.shell[data-app][data-route="connect"]) [data-ogre-agent-root] {
  display: none !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] {
    gap: 4px !important;
    height: 24px !important;
    max-height: 24px !important;
    min-height: 24px !important;
    padding: 1px 4px !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-label {
    display: inline-flex !important;
    font-size: 6.5px !important;
    height: 18px !important;
    letter-spacing: 0 !important;
    max-width: none !important;
    padding: 0 4px !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-label {
    display: inline-flex !important;
    font-size: 6.5px !important;
    letter-spacing: 0 !important;
    max-width: none !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-track {
    animation-duration: 30s !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-strip {
    gap: 7px !important;
    padding-right: 12px !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-section,
  html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-section {
    display: none !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item small,
  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone small {
    display: none !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item small,
  html body main.shell[data-app][data-route="intro"] .swamp-market-ticker[data-market-ticker] .swamp-ticker-clone small {
    display: none !important;
  }

  

  html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash {
    min-height: calc(100svh - 24px) !important;
    padding: calc(env(safe-area-inset-top, 0px) + 48px) 10px calc(env(safe-area-inset-bottom, 0px) + 22px) !important;
  }

  html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash::before {
    filter:
      drop-shadow(0 0 10px rgba(141, 255, 62, 0.38))
      drop-shadow(0 0 22px rgba(57, 255, 20, 0.18)) !important;
    max-height: calc(100svh - 118px) !important;
    max-width: calc(100vw - 18px) !important;
    width: min(72vw, 340px) !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-splash-button {
    max-height: calc(100svh - 160px) !important;
    max-width: calc(100vw - 66px) !important;
    width: min(54vw, 260px) !important;
  }

  html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash.swamp-intro-video {
    padding-top: calc(24px + env(safe-area-inset-top, 0px)) !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
    height: calc(100svh - 24px - env(safe-area-inset-top, 0px)) !important;
    min-height: calc(100svh - 24px - env(safe-area-inset-top, 0px)) !important;
  }
}

/* MOBILE_LIVE_PAIRS_STABLE_REFRESH_V1: keep mobile live/scanner feeds from flashing or jumping while rows refresh in place. */
@media (max-width: 760px) {
  html,
  body,
  main.shell[data-app][data-route="terminal"] {
    overflow-anchor: auto !important;
    scroll-behavior: auto !important;
  }

  main.shell[data-app][data-route="terminal"][data-active-tab="live"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="live"] [data-panel],
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"] [data-panel],
  main.shell[data-app][data-route="terminal"][data-active-tab="live"] .terminal-main,
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"] .terminal-main {
    background-color: rgba(0, 8, 3, 0.98) !important;
    min-height: 100svh !important;
    overscroll-behavior: contain !important;
    scroll-behavior: auto !important;
  }

  main.shell[data-app][data-route="terminal"][data-active-tab="live"][data-loading="true"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"][data-loading="true"] .panel-host {
    opacity: 1 !important;
  }

  main.shell[data-app][data-route="terminal"] .signal-list,
  main.shell[data-app][data-route="terminal"] .signal-row {
    overflow-anchor: auto !important;
  }
}

/* TRADER_POLISH_20260607_V1: desktop intro fills the browser better, desktop nav is tighter,
   and mobile feed refreshes do not flash the terminal pane. */
@media (min-width: 761px) {
  
}

@media (min-width: 921px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    max-height: calc(100dvh - 132px) !important;
    min-height: min(690px, calc(100dvh - 132px)) !important;
    padding: 7px 5px !important;
    gap: 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::before {
    width: 70px !important;
    height: 24px !important;
    margin: 0 auto 4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label {
    margin: 4px 2px 1px !important;
    font-size: 7.4px !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    align-items: center !important;
    justify-content: center !important;
    min-height: 39px !important;
    padding: 4px 3px !important;
    border-radius: 9px !important;
    gap: 2px !important;
    text-align: center !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    display: block !important;
    max-width: 70px !important;
    font-size: 7.7px !important;
    line-height: 1.05 !important;
    overflow: clip !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}

@media (max-width: 760px) {
  main.shell[data-app][data-route="terminal"][data-active-tab="terminal"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="terminal"] [data-panel],
  main.shell[data-app][data-route="terminal"][data-active-tab="terminal"] .terminal-main,
  main.shell[data-app][data-route="terminal"][data-active-tab="live"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="live"] [data-panel],
  main.shell[data-app][data-route="terminal"][data-active-tab="live"] .terminal-main,
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"] [data-panel],
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"] .terminal-main {
    background-color: rgba(0, 8, 3, 0.98) !important;
    overscroll-behavior: contain !important;
    scroll-behavior: auto !important;
  }

  main.shell[data-app][data-route="terminal"][data-active-tab="terminal"][data-loading="true"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="live"][data-loading="true"] .panel-host,
  main.shell[data-app][data-route="terminal"][data-active-tab="slimeScope"][data-loading="true"] .panel-host {
    opacity: 1 !important;
  }
}

/* MOBILE_TRADER_CONTROLS_COMPACT_V1: tighten terminal controls so mobile pages show content sooner. */
@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] {
    --mobile-control-radius: 14px;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip button,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > span {
    border-radius: var(--mobile-control-radius) !important;
    font-size: clamp(10px, 2.7vw, 12px) !important;
    line-height: 1.1 !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 7px 8px !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > span {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-refresh-all] {
    grid-column: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-disconnected,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-sync-health],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    grid-column: span 2 !important;
    min-height: 32px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 8px !important;
    padding: 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label {
    grid-column: 1 / -1 !important;
    margin: 6px 0 1px !important;
    padding-left: 1px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    font-size: clamp(10px, 2.75vw, 12px) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group {
    display: grid !important;
    gap: 7px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    display: flex !important;
    grid-column: 1 / -1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] > summary {
    min-height: 38px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    display: flex !important;
    grid-column: auto !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[data-tab="ogreAi"],
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[data-tab="launchCoin"] {
    grid-column: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .portfolio-tabs {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 8px !important;
    padding: 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .portfolio-tabs button {
    border-radius: var(--mobile-control-radius) !important;
    font-size: clamp(10px, 2.75vw, 12px) !important;
    line-height: 1.1 !important;
    min-height: 42px !important;
    padding: 6px !important;
    white-space: normal !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .account-check-card > div {
    grid-column: 1 / -1 !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .account-check-card button {
    border-radius: 12px !important;
    font-size: clamp(12px, 3.3vw, 15px) !important;
    line-height: 1.1 !important;
    min-height: 40px !important;
    min-width: 0 !important;
    padding: 8px 10px !important;
    white-space: normal !important;
  }

  html body main.shell[data-app][data-route="terminal"] .account-check-card button.primary {
    grid-column: 1 / -1 !important;
    min-height: 46px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .connected-wallet-card .card-actions {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .connected-wallet-card .card-actions button,
  html body main.shell[data-app][data-route="terminal"] .connected-wallet-card .card-actions a {
    border-radius: 12px !important;
    font-size: clamp(10px, 2.9vw, 12px) !important;
    line-height: 1.1 !important;
    min-height: 36px !important;
    padding: 7px 8px !important;
    white-space: normal !important;
  }
}

/* FINAL_MOBILE_DENSITY_AND_INTRO_FRAME_20260607_V1: last-pass sizes after legacy overrides. */
@media (min-width: 761px) {
  html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
    align-items: center !important;
    display: grid !important;
    justify-items: center !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-intro-media {
    height: calc(100svh - 34px) !important;
    inset: auto !important;
    max-height: calc(100svh - 34px) !important;
    max-width: min(72vw, 760px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    position: relative !important;
    transform: translate3d(0, 0, 0) scale(1.08) !important;
    width: min(72vw, 760px) !important;
  }
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .metrics {
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 6px 8px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics article {
    border-radius: 12px !important;
    min-height: 48px !important;
    padding: 7px 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics span {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics strong {
    font-size: clamp(14px, 4.1vw, 18px) !important;
    line-height: 1.05 !important;
    margin-top: 3px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics small {
    display: none !important;
  }

  

  

  

  

  html body main.shell[data-app][data-route="terminal"] .portfolio-tabs {
    gap: 5px !important;
    margin: 6px 8px !important;
    padding: 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .portfolio-tabs button {
    border-radius: 12px !important;
    font-size: clamp(9.5px, 2.55vw, 11px) !important;
    min-height: 34px !important;
    padding: 5px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .account-check-card h3 {
    font-size: clamp(17px, 4.6vw, 22px) !important;
    margin-bottom: 3px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .account-check-card button,
  html body main.shell[data-app][data-route="terminal"] .account-check-card button.primary {
    font-size: clamp(10px, 2.8vw, 12px) !important;
    grid-column: auto !important;
    min-height: 34px !important;
    padding: 6px 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .panel-host {
    padding: 7px !important;
  }
}

/* MOBILE_SLIM_HOTKEY_RAIL_FINAL_20260607_V1: final override after legacy mobile blocks. */
@media (max-width: 760px) {
  

  

  

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label,
  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    display: none !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .tabs button[data-active="true"],
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group:has(button[data-active="true"]) > summary {
    background: linear-gradient(180deg, #9aff35, #28d40e) !important;
    border-color: rgba(178, 255, 73, 0.9) !important;
    color: #031305 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group {
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 6px !important;
    grid-column: auto !important;
    margin: 0 !important;
    max-width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    width: 36px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    background: rgba(10, 40, 12, 0.82) !important;
    border: 1px solid rgba(107, 255, 43, 0.32) !important;
    border-radius: 999px !important;
    margin-left: -1px !important;
    padding: 3px !important;
    width: 42px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .panel-host > *,
  html body main.shell[data-app][data-route="terminal"] .terminal-main,
  html body main.shell[data-app][data-route="terminal"] .terminal-layout,
  html body main.shell[data-app][data-route="terminal"] .live-terminal {
    min-width: 0 !important;
  }
}

/* MOBILE_RIGHT_RAIL_AND_THIN_FEED_BAR_20260607_V1: keep mobile mostly pairs/coins, with compact right-side nav and slim feed controls. */
@media (max-width: 760px) {
  html,
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    scroll-behavior: auto !important;
    touch-action: pan-y !important;
  }

  html body main.shell[data-app][data-route="terminal"] {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    overscroll-behavior-y: auto !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    align-items: start !important;
    display: grid !important;
    gap: 3px !important;
    grid-template-columns: minmax(0, 1fr) 50px !important;
    overflow: visible !important;
    padding: 0 5px 10px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-dashboard-error] {
    grid-column: 1 / -1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-self: start !important;
    background: rgba(1, 13, 4, 0.72) !important;
    border: 1px solid rgba(107, 255, 43, 0.25) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 18px rgba(81, 255, 35, 0.1), inset 0 0 16px rgba(84, 255, 50, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    margin: 3px 0 8px 0 !important;
    max-height: calc(100dvh - 42px) !important;
    max-width: 48px !important;
    min-width: 48px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 4px 3px !important;
    position: sticky !important;
    right: 2px !important;
    scrollbar-width: none !important;
    top: calc(28px + env(safe-area-inset-top, 0px)) !important;
    width: 48px !important;
    z-index: 92 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-panel] {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 100dvh !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 3px 3px 14px 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    align-items: center !important;
    border-radius: 999px !important;
    display: flex !important;
    flex: 0 0 42px !important;
    flex-direction: column !important;
    font-size: 0 !important;
    gap: 1px !important;
    height: 42px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-height: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    min-width: 42px !important;
    overflow: clip !important;
    padding: 2px !important;
    text-align: center !important;
    width: 42px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs button img,
  html body main.shell[data-app][data-route="terminal"] .tabs button svg {
    flex: 0 0 15px !important;
    height: 15px !important;
    margin: 0 !important;
    width: 15px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    color: currentColor !important;
    content: attr(data-label) !important;
    display: block !important;
    font-size: 6.7px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
    max-width: 34px !important;
    overflow: clip !important;
    text-align: center !important;
    text-overflow: clip !important;
    text-shadow: none !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="terminal"]::after { content: "Live" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="profile"]::after { content: "Home" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="smartChart"]::after { content: "Chart" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="trade"]::after { content: "Trade" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="live"]::after { content: "Pairs" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="liveTrades"]::after { content: "Trades" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="slimeScope"]::after { content: "Scope" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="watchlist"]::after { content: "Watch" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="kol"]::after { content: "KOL" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after { content: "Tools" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="ogreAi"]::after { content: "AI" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="launchCoin"]::after { content: "Pump" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="bundle"]::after { content: "Bundle" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="volume"]::after { content: "Vol" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="launch"]::after { content: "Snipe" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="sniper"]::after { content: "Sniper" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="wallets"]::after { content: "Wallet" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="positions"]::after { content: "Pos" !important; }
  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="pnl"]::after { content: "PnL" !important; }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group {
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 0 !important;
    max-width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    width: 42px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    background: rgba(8, 32, 10, 0.8) !important;
    border: 1px solid rgba(107, 255, 43, 0.28) !important;
    border-radius: 999px !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    width: 44px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-title,
  html body main.shell[data-app][data-route="terminal"] .terminal-title-row {
    gap: 6px !important;
    margin-bottom: 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-title p,
  html body main.shell[data-app][data-route="terminal"] .terminal-title-row p {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls {
    align-items: center !important;
    background: rgba(4, 18, 6, 0.8) !important;
    border: 1px solid rgba(107, 255, 43, 0.22) !important;
    border-radius: 12px !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: minmax(0, 1fr) minmax(86px, 0.48fr) !important;
    margin: 0 0 7px !important;
    padding: 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls .live-pair-buckets,
  html body main.shell[data-app][data-route="terminal"] .terminal-main > .live-pair-buckets {
    background: rgba(0, 10, 3, 0.62) !important;
    border: 1px solid rgba(107, 255, 43, 0.2) !important;
    border-radius: 999px !important;
    display: flex !important;
    gap: 4px !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 31px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 3px !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls .live-pair-buckets::-webkit-scrollbar,
  html body main.shell[data-app][data-route="terminal"] .terminal-main > .live-pair-buckets::-webkit-scrollbar {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls .live-pair-buckets button,
  html body main.shell[data-app][data-route="terminal"] .terminal-main > .live-pair-buckets button {
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
    height: 25px !important;
    line-height: 1 !important;
    min-height: 25px !important;
    min-width: 64px !important;
    padding: 0 9px !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls label,
  html body main.shell[data-app][data-route="terminal"] .command-controls .quick-buy-mini,
  html body main.shell[data-app][data-route="terminal"] .command-controls .quick-buy-preset-bar {
    font-size: 9px !important;
    min-width: 0 !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .command-controls > button,
  html body main.shell[data-app][data-route="terminal"] .live-control-strip button,
  html body main.shell[data-app][data-route="terminal"] .live-control-strip .button-like {
    border-radius: 10px !important;
    font-size: 10.5px !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .live-control-strip {
    border-radius: 12px !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
    padding: 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .live-control-strip > div:first-child span,
  html body main.shell[data-app][data-route="terminal"] .live-control-strip > small {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .launch-filter-card,
  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter,
  html body main.shell[data-app][data-route="terminal"] .terminal-filter-card {
    border-radius: 12px !important;
    margin: 0 0 7px !important;
    padding: 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .panel-host > *,
  html body main.shell[data-app][data-route="terminal"] .terminal-layout,
  html body main.shell[data-app][data-route="terminal"] .terminal-main,
  html body main.shell[data-app][data-route="terminal"] .command-terminal,
  html body main.shell[data-app][data-route="terminal"] .command-workspace,
  html body main.shell[data-app][data-route="terminal"] .signal-list,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-row {
    min-width: 0 !important;
    overflow-anchor: auto !important;
  }
}

/* MOBILE_TERMINAL_DENSITY_FINAL_20260607_V2: final winning pass for mobile ticker links, compact account controls, and tight pair actions. */
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker].is-ticker-menu-open .swamp-ticker-mask {
  overflow: visible !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker].is-ticker-menu-open .swamp-ticker-track {
  animation-play-state: paused !important;
  transform: none !important;
}

@media (max-width: 760px) {
  

  html body main.shell[data-app][data-route="terminal"] .topbar {
    border-radius: 0 0 12px 12px !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
    overflow-anchor: none !important;
    padding: 6px max(8px, env(safe-area-inset-right)) 7px max(8px, env(safe-area-inset-left)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar .powered,
  html body main.shell[data-app][data-route="terminal"] .topbar .powered img {
    max-height: 22px !important;
    max-width: 138px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar-right,
  html body main.shell[data-app][data-route="terminal"] .top-auth-actions {
    gap: 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search,
  html body main.shell[data-app][data-route="terminal"] .terminal-global-search input,
  html body main.shell[data-app][data-route="terminal"] .terminal-global-search button {
    min-height: 34px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search button {
    min-width: 54px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-auth-group [data-web-signup-connect],
  html body main.shell[data-app][data-route="terminal"] .top-auth-group .top-profile-button {
    grid-column: auto !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
    border-radius: 12px !important;
    gap: 5px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow-anchor: none !important;
    padding: 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip button {
    border-radius: 10px !important;
    font-size: 10.5px !important;
    grid-column: span 2 !important;
    min-height: 31px !important;
    padding: 4px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > span {
    border-radius: 999px !important;
    font-size: 9.5px !important;
    grid-column: span 2 !important;
    line-height: 1.05 !important;
    min-height: 22px !important;
    padding: 3px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics {
    gap: 5px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 4px 0 5px !important;
    overflow-anchor: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics article,
  html body main.shell[data-app][data-route="terminal"] .metrics > div {
    border-radius: 10px !important;
    min-height: 39px !important;
    padding: 6px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics span,
  html body main.shell[data-app][data-route="terminal"] .metrics small {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .metrics strong {
    font-size: 17px !important;
    line-height: 1.05 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .account-check-card {
    border-radius: 12px !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 6px 0 !important;
    padding: 10px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .account-check-card > div,
  html body main.shell[data-app][data-route="terminal"] .account-check-card .primary {
    grid-column: 1 / -1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .account-check-card h3 {
    font-size: 18px !important;
    line-height: 1.05 !important;
    margin: 0 0 4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .account-check-card p {
    font-size: 12px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .account-check-card button,
  html body main.shell[data-app][data-route="terminal"] .account-check-card a {
    border-radius: 10px !important;
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .terminal-token-stats span {
    border-radius: 8px !important;
    gap: 1px !important;
    grid-template-rows: 10px 16px !important;
    min-height: 35px !important;
    padding: 5px 7px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions {
    gap: 4px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions .dev-info-pill strong,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions .dev-info-pill strong {
    display: inline !important;
    font-size: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .row-card.position {
    border-radius: 12px !important;
    gap: 8px !important;
    padding: 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .row-card.position .card-actions.compact {
    gap: 5px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .row-card.position .card-actions.compact button,
  html body main.shell[data-app][data-route="terminal"] .row-card.position .card-actions.compact a {
    border-radius: 9px !important;
    font-size: 10px !important;
    min-height: 28px !important;
    padding: 4px 5px !important;
  }
}

/* MOBILE_TRADER_DENSITY_AND_SCROLL_POLISH_20260607_V3: compact ticker menus, account chips, controls, pair actions, and Ogre Tools rail. */
@media (max-width: 760px) {
  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker].is-ticker-menu-open .swamp-ticker-mask {
    overflow: visible !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker].is-ticker-menu-open .swamp-ticker-track {
    animation-play-state: paused !important;
    transform: none !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item[open] .swamp-ticker-links {
    background:
      linear-gradient(180deg, rgba(18, 78, 21, 0.98), rgba(2, 18, 6, 0.98)) !important;
    border: 1px solid rgba(117, 255, 61, 0.72) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.72), 0 0 18px rgba(111, 255, 40, 0.28) !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)) !important;
    left: 50% !important;
    min-width: 0 !important;
    padding: 6px !important;
    position: fixed !important;
    right: auto !important;
    top: calc(33px + env(safe-area-inset-top, 0px)) !important;
    transform: translateX(-50%) !important;
    width: min(218px, calc(100vw - 22px)) !important;
    z-index: 2147483003 !important;
  }

  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-links a {
    border-radius: 9px !important;
    font-size: 9.5px !important;
    height: 26px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 26px !important;
    padding: 0 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  

  

  

  

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status {
    grid-column: span 2 !important;
    min-height: 28px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-disconnected,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    grid-column: 1 / -1 !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article {
    border-radius: 8px !important;
    min-height: 32px !important;
    padding: 4px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article small {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article span {
    font-size: 7.5px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article strong {
    font-size: clamp(11px, 3.2vw, 14px) !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    gap: 4px !important;
    right: max(4px, env(safe-area-inset-right)) !important;
    width: 44px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    border-radius: 999px !important;
    height: 38px !important;
    min-height: 38px !important;
    min-width: 38px !important;
    padding: 3px !important;
    width: 38px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 4px !important;
    max-width: 42px !important;
    min-width: 42px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 42px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    background: rgba(4, 22, 7, 0.92) !important;
    border: 1px solid rgba(117, 255, 61, 0.28) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 16px rgba(102, 255, 39, 0.18) !important;
    max-height: none !important;
    padding: 3px 0 !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .command-title,
  html body main.shell[data-app][data-route="terminal"] .terminal-title-row {
    margin-bottom: 4px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .command-controls .live-pair-buckets {
    gap: 3px !important;
    min-height: 27px !important;
    padding: 2px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .command-controls label,
  html body main.shell[data-app][data-route="terminal"] .command-controls .quick-buy-mini,
  html body main.shell[data-app][data-route="terminal"] .command-controls .quick-buy-preset-bar {
    font-size: 8.5px !important;
    gap: 2px !important;
  }

  

  

  

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter-head {
    align-items: center !important;
    gap: 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter-head strong {
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter-head span {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter-head button {
    border-radius: 999px !important;
    font-size: 10px !important;
    min-height: 26px !important;
    padding: 4px 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-panel {
    border-radius: 11px !important;
    padding: 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-row {
    border-radius: 11px !important;
    gap: 4px 6px !important;
    padding: 6px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions button,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions button,
  html body main.shell[data-app][data-route="terminal"] .signal-actions button {
    border-radius: 8px !important;
    font-size: 9px !important;
    height: 24px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    padding: 0 4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions .dev-info-pill,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions .dev-info-pill {
    align-items: center !important;
    flex-direction: row !important;
    gap: 3px !important;
    justify-content: center !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions .dev-info-pill span,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions .dev-info-pill strong,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions .dev-info-pill span,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions .dev-info-pill strong {
    display: inline !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

/* MOBILE_ONLY_TERMINAL_COMPRESSION_20260607_V4: mobile-only tightening for header, wallet strips, ticker menus, controls, and Ogre Tools. */
@media (max-width: 760px) {
  html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item[open] .swamp-ticker-links {
    left: var(--ticker-menu-left, 50%) !important;
    top: var(--ticker-menu-top, calc(32px + env(safe-area-inset-top, 0px))) !important;
    transform: translateX(-50%) !important;
    width: min(190px, calc(100vw - 22px)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px 5px !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding:
      3px max(50px, env(safe-area-inset-right))
      4px max(6px, env(safe-area-inset-left)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar .clip-farm-shell {
    flex: 0 0 auto !important;
    order: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar .powered {
    flex: 0 0 auto !important;
    margin: 0 !important;
    max-height: 20px !important;
    max-width: 118px !important;
    order: 2 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar .powered img {
    display: block !important;
    max-height: 18px !important;
    max-width: 118px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .topbar-right {
    display: grid !important;
    flex: 1 1 100% !important;
    gap: 4px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    order: 3 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: minmax(0, 1fr) 50px !important;
    min-height: 28px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .top-auth-group button,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group .top-profile-button {
    border-radius: 9px !important;
    font-size: 10.5px !important;
    min-height: 28px !important;
    padding: 4px 7px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-refresh-wallet] {
    display: inline-flex !important;
    grid-column: span 2 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-refresh-wallet] {
    border-radius: 999px !important;
    font-size: 9px !important;
    height: 23px !important;
    line-height: 1 !important;
    min-height: 23px !important;
    padding: 0 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status {
    grid-column: span 2 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-sync-health] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > span {
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    min-height: 18px !important;
    overflow: hidden !important;
    padding: 2px 4px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-disconnected,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    grid-column: span 1 !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .terminal-title-row h3 {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls {
    align-items: center !important;
    border-radius: 10px !important;
    display: grid !important;
    gap: 3px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 0 4px !important;
    padding: 4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls .live-pair-buckets {
    grid-column: 1 / -1 !important;
    min-height: 25px !important;
    padding: 2px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls .live-pair-buckets button {
    font-size: 9px !important;
    height: 21px !important;
    min-height: 21px !important;
    min-width: 52px !important;
    padding: 0 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls > label,
  html body main.shell[data-app][data-route="terminal"] .command-controls .terminal-quick-buy-bar label {
    display: flex !important;
    flex-direction: column !important;
    font-size: 0 !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .command-controls > button[data-refresh-live-pairs] {
    border-radius: 8px !important;
    grid-column: auto !important;
    height: 24px !important;
    min-height: 24px !important;
    overflow: hidden !important;
    padding: 0 5px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter {
    border-radius: 10px !important;
    margin: 0 0 4px !important;
    padding: 5px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter-head strong {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter-head button {
    font-size: 9px !important;
    min-height: 23px !important;
    padding: 3px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    overflow: visible !important;
    width: 42px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group {
    overflow: visible !important;
    position: relative !important;
    z-index: 50 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    max-height: none !important;
    overflow: visible !important;
    padding: 3px 0 !important;
  }

  
}

/* MOBILE_STABLE_RIGHT_RAIL_AND_STATUS_STRIP_20260608_V1: fixed mobile rail, no offscreen tool bubbles, tighter wallet status. */
@media (max-width: 760px) {
  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    padding-right: calc(48px + max(4px, env(safe-area-inset-right, 0px))) !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-panel] {
    grid-column: 1 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-right: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-items: center !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    contain: layout paint style !important;
    grid-column: auto !important;
    grid-row: 2 !important;
    height: auto !important;
    justify-self: auto !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: 44px !important;
    min-width: 44px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 4px 3px !important;
    position: fixed !important;
    right: max(4px, env(safe-area-inset-right, 0px)) !important;
    scrollbar-width: none !important;
    top: calc(132px + env(safe-area-inset-top, 0px)) !important;
    transform: translateZ(0) !important;
    width: 44px !important;
    z-index: 180 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::before,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::after {
    display: none !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    align-items: center !important;
    box-sizing: border-box !important;
    max-width: 38px !important;
    min-width: 38px !important;
    overflow: hidden !important;
    width: 38px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    gap: 3px !important;
    padding: 2px 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    flex: 0 0 34px !important;
    height: 34px !important;
    max-height: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important;
    width: 34px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    font-size: 6px !important;
    line-height: 0.9 !important;
    max-width: 31px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-disconnected,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-sync-health],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    display: none !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio] {
    grid-column: span 2 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-title-row > span {
    display: none !important;
  }
}

/* TRADER_POLISH_LAST_WORD_20260608_V1: final cascade winner for current mobile/web fixes. */
html body main.shell[data-app] .swamp-market-ticker[data-market-ticker].is-ticker-menu-open .swamp-ticker-track {
  animation-play-state: paused !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-item[open] .swamp-ticker-links {
  background: linear-gradient(180deg, rgba(6, 31, 11, 0.98), rgba(1, 10, 4, 0.98)) !important;
  border: 1px solid rgba(147, 255, 71, 0.55) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.65), 0 0 18px rgba(95, 255, 26, 0.22) !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  left: clamp(8px, var(--ticker-menu-left, 50vw), calc(100vw - 232px)) !important;
  max-height: none !important;
  min-width: 190px !important;
  padding: 6px !important;
  position: fixed !important;
  top: var(--ticker-menu-top, calc(34px + env(safe-area-inset-top, 0px))) !important;
  transform: translateX(-50%) !important;
  width: min(224px, calc(100vw - 16px)) !important;
  z-index: 900 !important;
}

html body main.shell[data-app] .swamp-market-ticker[data-market-ticker] .swamp-ticker-links a {
  border-radius: 8px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  min-height: 26px !important;
  padding: 7px 8px !important;
  text-align: center !important;
}

html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
  display: none !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-quick-actions {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 6px 0 !important;
}

html body .quick-buy-dialog .quick-buy-safety-block {
  background: rgba(255, 217, 79, 0.1) !important;
  border: 1px solid rgba(255, 217, 79, 0.34) !important;
  border-radius: 10px !important;
  color: #ffe784 !important;
  display: block !important;
  line-height: 1.25 !important;
  margin-top: 6px !important;
  padding: 8px !important;
}

html body .ogre-agent-panel [data-ogre-agent-close] {
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  min-height: 34px !important;
  min-width: 58px !important;
  padding: 0 12px !important;
}

@media (min-width: 761px) {
  

  

  

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    flex: 1 1 360px !important;
    max-width: 520px !important;
    min-width: min(360px, 100%) !important;
  }
}

@media (max-width: 760px) {
  html,
  body {
    overscroll-behavior-y: contain !important;
  }

  html body main.shell[data-app] {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  html body main.shell[data-app][data-route="terminal"] .powered {
    justify-self: center !important;
    margin: 1px auto 2px !important;
    max-width: 154px !important;
    min-height: 24px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search input,
  html body main.shell[data-app][data-route="terminal"] .terminal-global-search button {
    border-radius: 9px !important;
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 6px 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group {
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group button {
    border-radius: 9px !important;
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-profile-avatar {
    display: none !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-refresh-wallet] {
    border-radius: 999px !important;
    font-size: 10px !important;
    grid-column: span 1 !important;
    min-height: 28px !important;
    padding: 4px 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-disconnected,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-sync-health],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics {
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 4px 0 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics .metric {
    border-radius: 8px !important;
    min-height: 42px !important;
    padding: 6px 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics .metric strong {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics .metric p {
    display: none !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    font-size: 5.5px !important;
    max-width: 30px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-title {
    border-radius: 9px !important;
    margin-bottom: 5px !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-title p,
  html body main.shell[data-app][data-route="terminal"] .command-title > span {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-title h3 {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-controls {
    border-radius: 10px !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 0 6px !important;
    padding: 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .live-pair-buckets,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-tabs {
    display: grid !important;
    gap: 3px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 27px !important;
    padding: 2px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .live-pair-buckets button,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-tabs button {
    border-radius: 999px !important;
    font-size: 10px !important;
    height: 25px !important;
    min-height: 25px !important;
    min-width: 0 !important;
    padding: 0 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls .terminal-quick-buy-bar {
    display: contents !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls select,
  html body main.shell[data-app][data-route="terminal"] .command-controls input {
    border-radius: 8px !important;
    font-size: 10px !important;
    height: 28px !important;
    min-height: 28px !important;
    min-width: 0 !important;
    padding: 4px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls > button[data-refresh-live-pairs],
  html body main.shell[data-app][data-route="terminal"] .slime-scope-refresh-button {
    border-radius: 8px !important;
    font-size: 10px !important;
    grid-column: span 2 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 3px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls > button[data-top-refresh-wallet] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter {
    border-radius: 10px !important;
    margin-bottom: 6px !important;
    padding: 6px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-launch-filter:not(.is-open) .terminal-launch-filter-head span {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-row,
  html body main.shell[data-app][data-route="terminal"] .best-picks-panel .terminal-token-row,
  html body main.shell[data-app][data-route="terminal"] .live-pairs-panel .terminal-token-row,
  html body main.shell[data-app][data-route="terminal"] .kol-panel .terminal-token-row,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-list-panel .terminal-token-row {
    border-radius: 9px !important;
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-stats {
    display: grid !important;
    gap: 3px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-stats span {
    border-radius: 7px !important;
    min-height: 38px !important;
    padding: 4px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-stats small {
    color: #9dff72 !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-stats strong {
    color: #f2ffe8 !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions.has-dev-info,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions {
    display: grid !important;
    gap: 4px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions button,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions button,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions .dev-info-pill,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions .dev-info-pill {
    border-radius: 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    min-height: 28px !important;
    padding: 4px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-quick-actions {
    background: rgba(2, 19, 6, 0.9) !important;
    border: 1px solid rgba(114, 255, 35, 0.24) !important;
    border-radius: 10px !important;
    margin: 4px 0 6px !important;
    padding: 4px !important;
    position: sticky !important;
    top: calc(34px + env(safe-area-inset-top, 0px)) !important;
    z-index: 50 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-quick-actions button {
    border-radius: 8px !important;
    font-size: 10px !important;
    min-height: 28px !important;
    padding: 4px 5px !important;
  }

  html body .quick-buy-dialog {
    max-height: calc(100dvh - 36px) !important;
    overflow-y: auto !important;
    padding: 12px !important;
    width: min(420px, calc(100vw - 18px)) !important;
  }

  html body .quick-buy-actions {
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .quick-buy-actions button {
    border-radius: 8px !important;
    font-size: 11px !important;
    min-height: 31px !important;
    padding: 5px 6px !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-panel {
    inset: max(46px, env(safe-area-inset-top, 0px)) 8px auto 8px !important;
    max-height: calc(100dvh - 72px) !important;
    overflow: hidden !important;
    padding: 12px !important;
  }

  html body .ogre-agent-feed {
    max-height: min(42dvh, 360px) !important;
    overscroll-behavior: contain !important;
  }

  html body .ogre-agent-quick-actions {
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 761px) and (max-height: 820px) {
  html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
    max-height: calc(100dvh - 82px) !important;
    max-width: min(62vw, calc((100dvh - 82px) * 0.72)) !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-intro-media {
    object-fit: cover !important;
  }
}

/* WEB_FRAME_SCOPE_REFERRAL_CLIP_20260608_V1: desktop nav goes horizontal, intro video centers, and Slime Scope gets columns. */
html body main.shell[data-app] .referral-link-field input {
  font-family: inherit !important;
  user-select: text !important;
}

html body main.shell[data-app] .quick-buy-wallet-note {
  background: rgba(112, 255, 44, 0.08) !important;
  border: 1px solid rgba(135, 255, 72, 0.22) !important;
  border-radius: 8px !important;
  color: rgba(235, 255, 224, 0.82) !important;
  display: block !important;
  line-height: 1.25 !important;
  margin-top: 6px !important;
  padding: 7px 8px !important;
}

html body main.shell[data-app] .pfp-card,
html body main.shell[data-app] .profile-card,
html body main.shell[data-app] .referral-card {
  overflow: visible !important;
}

html body main.shell[data-app] .pfp-preset-grid {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(auto-fit, minmax(44px, 54px)) !important;
  justify-content: start !important;
  max-width: 100% !important;
}

html body main.shell[data-app] .pfp-preset-grid button {
  aspect-ratio: 1 / 1 !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  overflow: hidden !important;
  padding: 3px !important;
  width: 100% !important;
}

html body main.shell[data-app] .pfp-preset-grid img {
  border-radius: 999px !important;
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

html body main.shell[data-app][data-route="terminal"] .slime-scope-web-columns {
  display: none !important;
}

@media (min-width: 761px) {
  

  html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
    aspect-ratio: 9 / 16 !important;
    border-radius: 14px !important;
    contain: layout paint !important;
    height: min(calc(100svh - 58px), 900px) !important;
    margin: 0 auto !important;
    max-height: calc(100svh - 58px) !important;
    max-width: min(46vw, 560px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    width: min(46vw, calc((100svh - 58px) * 0.5625), 560px) !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] > .topbar {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    min-height: 44px !important;
    padding: 7px 10px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .powered {
    max-width: 170px !important;
    min-height: 28px !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .clip-farm-shell {
    justify-self: start !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar-right {
    align-items: center !important;
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: minmax(260px, 520px) minmax(220px, max-content) max-content !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    max-width: 520px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search input,
  html body main.shell[data-app][data-route="terminal"] .terminal-global-search button {
    border-radius: 8px !important;
    min-height: 30px !important;
    padding: 5px 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
    align-items: center !important;
    display: flex !important;
    gap: 4px !important;
    height: 30px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip button,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip span {
    border-radius: 999px !important;
    flex: 0 1 auto !important;
    font-size: 10px !important;
    height: 28px !important;
    line-height: 1 !important;
    min-height: 28px !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group {
    display: flex !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group button {
    border-radius: 8px !important;
    font-size: 10px !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
    white-space: nowrap !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics {
    display: grid !important;
    gap: 5px !important;
    grid-column: 1 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article {
    border-radius: 7px !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article small {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article span {
    font-size: 8px !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics article strong {
    font-size: 15px !important;
    line-height: 1.05 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-items: center !important;
    align-content: center !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    height: 48px !important;
    max-height: 48px !important;
    min-height: 46px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 4px !important;
    position: sticky !important;
    top: 24px !important;
    width: 100% !important;
    z-index: 80 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 8px !important;
    height: 36px !important;
    letter-spacing: 0.08em !important;
    padding: 0 4px !important;
    writing-mode: horizontal-tb !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    border-radius: 8px !important;
    flex: 0 0 88px !important;
    font-size: 10px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 4px 6px !important;
    width: 88px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    height: 13px !important;
    margin-bottom: 1px !important;
    width: 13px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    max-width: none !important;
    min-width: 88px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group:not([open]) button {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .dashboard-error,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host {
    grid-column: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .dashboard-error {
    grid-row: 3 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host {
    grid-row: 4 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-page .slime-scope-list-panel {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-web-columns {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column {
    background: linear-gradient(180deg, rgba(5, 20, 9, 0.86), rgba(0, 9, 3, 0.94)) !important;
    border: 1px solid rgba(114, 255, 35, 0.18) !important;
    border-radius: 10px !important;
    min-height: 420px !important;
    overflow: hidden !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column header {
    align-items: center !important;
    border-bottom: 1px solid rgba(114, 255, 35, 0.16) !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: space-between !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column h4 {
    font-size: 13px !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column small,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-column header span {
    color: rgba(206, 255, 188, 0.72) !important;
    font-size: 10px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-list {
    display: grid !important;
    gap: 1px !important;
    max-height: min(64vh, 720px) !important;
    overflow-y: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-row {
    align-items: center !important;
    background: rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: 38px minmax(0, 1fr) auto 64px !important;
    min-height: 58px !important;
    padding: 7px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-row:hover {
    background: rgba(95, 255, 34, 0.08) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-row .live-pair-avatar,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-row .live-pair-avatar img {
    height: 36px !important;
    width: 36px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-main {
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-main strong,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-main small,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-main span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-main strong {
    font-size: 12px !important;
    line-height: 1.05 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-main span {
    color: rgba(226, 255, 215, 0.68) !important;
    font-size: 10px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-metrics {
    display: grid !important;
    gap: 2px !important;
    grid-template-columns: repeat(3, minmax(48px, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-metrics span {
    color: rgba(157, 255, 114, 0.85) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-metrics b {
    color: #efffe8 !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-row button {
    border-radius: 999px !important;
    font-size: 10px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .slime-scope-column-empty {
    color: rgba(221, 255, 208, 0.62) !important;
    font-size: 12px !important;
    padding: 14px !important;
  }
}

/* SLIME_SWAP_CHART_POLISH_20260608_V1: compact swap panel, unified chart workspace, tight rows, and one-line desktop tools. */
html body main.shell[data-app] .slime-swap-card .trade-head {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}



html body main.shell[data-app] .slime-swap-icon,
html body main.shell[data-app] .slime-swap-route-icon {
  align-items: center !important;
  background:
    radial-gradient(circle at 30% 25%, rgba(238, 255, 198, 0.95), transparent 11px),
    linear-gradient(145deg, #baff4c 0%, #42e20e 46%, #0b7c18 100%) !important;
  border: 1px solid rgba(199, 255, 112, 0.72) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 20px rgba(123, 255, 36, 0.42), inset 0 0 12px rgba(255, 255, 255, 0.24) !important;
  color: #031000 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
  height: 46px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 46px !important;
}

html body main.shell[data-app] .slime-swap-icon::before,
html body main.shell[data-app] .slime-swap-route-icon::before {
  background: center / contain no-repeat url("./assets/slimewire/svg/icons/slime-swap.svg") !important;
  content: "" !important;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.38)) !important;
  height: 74% !important;
  width: 74% !important;
}

html body main.shell[data-app] .slime-swap-route {
  align-items: stretch !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) !important;
  margin: 8px 0 !important;
}

html body main.shell[data-app] .slime-swap-route-icon {
  align-self: center !important;
  font-size: 18px !important;
  height: 34px !important;
  justify-self: center !important;
  width: 34px !important;
}

html body main.shell[data-app] .slime-swap-token-box {
  background: rgba(0, 14, 5, 0.76) !important;
  border: 1px solid rgba(118, 255, 45, 0.22) !important;
  border-radius: 10px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

html body main.shell[data-app] .slime-swap-token-box span,
html body main.shell[data-app] .slime-swap-token-box small {
  color: rgba(218, 255, 203, 0.68) !important;
  display: block !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

html body main.shell[data-app] .slime-swap-token-box strong {
  color: #ecffe3 !important;
  display: block !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .badge-showcase-head {
  align-items: start !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
}

html body main.shell[data-app] .badge-showcase-head strong {
  background: rgba(126, 255, 49, 0.12) !important;
  border: 1px solid rgba(126, 255, 49, 0.32) !important;
  border-radius: 999px !important;
  color: #9dff48 !important;
  font-size: 13px !important;
  padding: 5px 9px !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .badge-progress {
  background: rgba(3, 18, 7, 0.95) !important;
  border: 1px solid rgba(114, 255, 35, 0.2) !important;
  border-radius: 999px !important;
  height: 8px !important;
  margin: 8px 0 10px !important;
  overflow: hidden !important;
}

html body main.shell[data-app] .badge-progress span {
  background: linear-gradient(90deg, #45f400, #baff4d) !important;
  box-shadow: 0 0 14px rgba(114, 255, 35, 0.48) !important;
  display: block !important;
  height: 100% !important;
}

html body main.shell[data-app] .smart-chart-mode-tabs {
  display: none !important;
}

html body main.shell[data-app] .smart-chart-combined-label,
html body main.shell[data-app] .smart-chart-transactions-note {
  align-items: center !important;
  background: rgba(4, 24, 8, 0.72) !important;
  border: 1px solid rgba(114, 255, 35, 0.2) !important;
  border-radius: 8px !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: space-between !important;
  margin: 6px 0 !important;
  padding: 8px 10px !important;
}

html body main.shell[data-app] .smart-chart-combined-label small,
html body main.shell[data-app] .smart-chart-transactions-note span {
  color: rgba(218, 255, 204, 0.68) !important;
  font-size: 11px !important;
}

html body main.shell[data-app] .smart-chart-inline-info {
  display: grid !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

@media (min-width: 761px) {
  html body main.shell[data-app][data-route="terminal"] .smart-chart-grid {
    align-items: start !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-main {
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-frame,
  html body main.shell[data-app][data-route="terminal"] .smart-chart-frame iframe {
    min-height: min(58vh, 620px) !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-items: center !important;
    display: flex !important;
    gap: 5px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 44px !important;
    margin: 0 !important;
    max-height: 44px !important;
    min-height: 44px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 8px !important;
    position: sticky !important;
    scrollbar-width: thin !important;
    top: 24px !important;
    width: 100% !important;
    z-index: 90 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-panel] {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group:not([open]) button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] button,
  html body main.shell[data-app][data-route="terminal"] .tabs > button {
    align-items: center !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 10px !important;
    gap: 4px !important;
    height: 34px !important;
    justify-content: center !important;
    min-height: 34px !important;
    min-width: 82px !important;
    padding: 4px 8px !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    flex: 0 0 16px !important;
    height: 16px !important;
    width: 16px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    display: inline !important;
    font-size: 10px !important;
    line-height: 1 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="trade"]::before {
    background: center / contain no-repeat url("./assets/slimewire/svg/icons/slime-swap.svg") !important;
    color: transparent !important;
    content: "" !important;
    display: inline-flex !important;
  }

  html body main.shell[data-app][data-route="terminal"] .signal-row {
    grid-template-columns: minmax(250px, 1.35fr) 86px 112px 112px 90px minmax(130px, 0.8fr) minmax(220px, 0.95fr) !important;
    min-height: 74px !important;
    padding: 7px 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .signal-actions {
    align-content: center !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: repeat(3, minmax(58px, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .signal-actions button,
  html body main.shell[data-app][data-route="terminal"] .signal-actions .dev-info-pill {
    border-radius: 8px !important;
    font-size: 10px !important;
    min-height: 28px !important;
    padding: 4px 6px !important;
  }
}

@media (max-width: 760px) {
  html body main.shell[data-app] .slime-swap-route {
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) !important;
  }

  html body main.shell[data-app] .slime-swap-token-box {
    padding: 8px !important;
  }

  html body main.shell[data-app] .smart-chart-grid {
    display: grid !important;
    gap: 8px !important;
  }

  html body main.shell[data-app] .smart-chart-combined-label,
  html body main.shell[data-app] .smart-chart-transactions-note {
    align-items: start !important;
    display: grid !important;
  }

  html body main.shell[data-app][data-route="terminal"] .signal-row,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-row {
    padding: 8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .signal-actions,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions {
    gap: 5px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .signal-actions button,
  html body main.shell[data-app][data-route="terminal"] .terminal-token-actions button,
  html body main.shell[data-app][data-route="terminal"] .compact-row-actions button,
  html body main.shell[data-app][data-route="terminal"] .dev-info-pill {
    border-radius: 8px !important;
    font-size: 10px !important;
    min-height: 30px !important;
    padding: 4px 6px !important;
  }
}

/* MOBILE_INTRO_REFERRAL_NAV_FIX_20260608_V1: final cleanup for intro sizing, mobile scroll, compact account controls, referrals, and tool nav. */

@media (min-width: 761px) {

  html body main.shell[data-app][data-route="terminal"] .command-terminal .terminal-title-row.command-title {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    height: auto !important;
    max-height: 76px !important;
    min-height: 36px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 4px 8px !important;
    position: sticky !important;
    top: 24px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    display: contents !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button,
  html body main.shell[data-app][data-route="terminal"] .tabs > button {
    border-radius: 8px !important;
    flex: 0 0 auto !important;
    font-size: 10px !important;
    height: 32px !important;
    min-height: 32px !important;
    min-width: 80px !important;
    padding: 3px 7px !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    height: 14px !important;
    width: 14px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    font-size: 10px !important;
    line-height: 1 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}

html body main.shell[data-app] .referral-card {
  overflow: visible !important;
}

html body main.shell[data-app] .referral-link-builder {
  align-items: stretch !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: minmax(150px, auto) minmax(120px, 240px) !important;
  margin-top: 5px !important;
}

html body main.shell[data-app] .referral-link-builder span {
  align-items: center !important;
  background: rgba(0, 13, 5, 0.78) !important;
  border: 1px solid rgba(118, 255, 45, 0.24) !important;
  border-radius: 8px !important;
  color: rgba(231, 255, 219, 0.78) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  min-height: 34px !important;
  overflow: hidden !important;
  padding: 7px 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .referral-link-builder input {
  min-width: 0 !important;
}

html body main.shell[data-app] .referral-code-help {
  color: rgba(222, 255, 211, 0.72) !important;
  line-height: 1.35 !important;
}

@media (max-width: 760px) {
  

  html body main.shell[data-app][data-route="terminal"] {
    min-height: 100dvh !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    touch-action: pan-y !important;
  }

  html body main.shell[data-app][data-route="terminal"] [hidden],
  html body main.shell[data-app][data-route="terminal"] .top-auth-group[hidden],
  html body main.shell[data-app][data-route="terminal"] [data-guest-actions][hidden],
  html body main.shell[data-app][data-route="terminal"] [data-session-actions][hidden] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .topbar {
    gap: 3px !important;
    padding:
      3px calc(46px + env(safe-area-inset-right, 0px))
      4px max(6px, env(safe-area-inset-left, 0px)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .powered {
    max-height: 20px !important;
    max-width: 132px !important;
    min-height: 20px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    gap: 4px !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .terminal-global-search input,
  html body main.shell[data-app][data-route="terminal"] .terminal-global-search button,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group button,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group .top-profile-button {
    border-radius: 8px !important;
    font-size: 10px !important;
    min-height: 25px !important;
    padding: 3px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group:not([hidden]) {
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-auth-group[data-session-actions]:not([hidden]) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
    border-radius: 9px !important;
    gap: 3px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 3px 0 !important;
    padding: 3px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-refresh-wallet] {
    font-size: 8.5px !important;
    grid-column: span 2 !important;
    min-height: 23px !important;
    padding: 2px 5px !important;
  }

  

  

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    flex-basis: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important;
    width: 34px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    display: grid !important;
    gap: 3px !important;
    max-height: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] button {
    display: flex !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-title {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls {
    gap: 3px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 5px !important;
    padding: 4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .live-pair-buckets button,
  html body main.shell[data-app][data-route="terminal"] .slime-scope-tabs button {
    font-size: 9px !important;
    height: 23px !important;
    min-height: 23px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls select,
  html body main.shell[data-app][data-route="terminal"] .command-controls input,
  html body main.shell[data-app][data-route="terminal"] .command-controls > button[data-refresh-live-pairs] {
    font-size: 9px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 2px 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls > button[data-refresh-live-pairs] {
    grid-column: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .command-controls > label,
  html body main.shell[data-app][data-route="terminal"] .command-controls .terminal-quick-buy-bar label {
    min-width: 0 !important;
  }

  html body main.shell[data-app] .referral-link-builder {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body main.shell[data-app] .referral-link-builder span {
    font-size: 10px !important;
    min-height: 28px !important;
  }
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .slime-scope-web-columns {
    display: none !important;
  }
}

/* INTRO_DESKTOP_FRAME_BALANCE_20260608_V1: keep the full intro visible and centered on web without shrinking it into a corner. */
@media (min-width: 761px) {
  html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash.swamp-intro-video {
    align-items: center !important;
    display: grid !important;
    inset: 22px 0 0 0 !important;
    justify-items: center !important;
    min-height: calc(100dvh - 22px) !important;
    padding: 14px clamp(18px, 3vw, 44px) 18px !important;
    position: fixed !important;
    width: 100vw !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
    aspect-ratio: auto !important;
    border-radius: 14px !important;
    height: min(calc(100dvh - 60px), 780px) !important;
    margin: 0 auto !important;
    max-width: min(54vw, 620px) !important;
    min-height: 520px !important;
    min-width: 360px !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    width: clamp(380px, 42vw, 620px) !important;
  }

  
}

/* INTRO_OVERLAY_FINAL_20260608_V2: absolute cascade winner for the requested full-screen 16:9 intro overlay. */
html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash.swamp-intro-video {
  align-items: center !important;
  background: #000 !important;
  display: grid !important;
  inset: 0 !important;
  justify-items: center !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: fixed !important;
  width: 100vw !important;
  z-index: 9999 !important;
}

html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash.swamp-intro-video::before {
  display: none !important;
}

@media (min-width: 761px) {
  html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
    aspect-ratio: 16 / 9 !important;
    background: #000 !important;
    border: 1px solid rgba(135, 255, 40, 0.32) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 auto !important;
    max-height: 97dvh !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px !important;
    position: relative !important;
    width: min(97vw, calc(97dvh * 16 / 9)) !important;
  }

  html body main.shell[data-app][data-route="intro"] .swamp-intro-media {
    background: #000 !important;
    height: calc(100% - 16px) !important;
    inset: 8px !important;
    max-height: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-height: 0 !important;
    min-width: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    position: absolute !important;
    width: calc(100% - 16px) !important;
  }
}

/* MOBILE_SCROLL_BADGE_NAV_FINAL_20260608_V1: make mobile scroll native again, flatten badge quests, and clean the desktop tool hub. */


html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="trade"] {
  font-size: 0 !important;
}

html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="trade"]::before {
  margin-right: 4px !important;
}

html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="trade"]::after {
  content: "Slime Swap" !important;
  display: inline !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (min-width: 761px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-content: stretch !important;
    align-items: stretch !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(14, minmax(72px, 1fr)) !important;
    height: auto !important;
    max-height: none !important;
    min-height: 78px !important;
    overflow: visible !important;
    padding: 5px 8px !important;
    scrollbar-width: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label {
    display: none !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    align-items: center !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    flex: none !important;
    font-size: 0 !important;
    gap: 4px !important;
    height: 34px !important;
    justify-content: center !important;
    min-height: 34px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 3px 5px !important;
    text-align: center !important;
    width: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    flex: 0 0 14px !important;
    height: 14px !important;
    margin: 0 !important;
    width: 14px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    display: inline !important;
    font-size: 9px !important;
    line-height: 1 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 900px) {
  html body main.shell[data-app] .badge-showcase-card {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 10px !important;
  }

  html body main.shell[data-app] .badge-showcase-head {
    align-items: center !important;
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  html body main.shell[data-app] .badge-showcase-head h3 {
    font-size: 16px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }

  html body main.shell[data-app] .badge-showcase-head p {
    display: none !important;
  }

  html body main.shell[data-app] .badge-showcase-head strong {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }

  html body main.shell[data-app] .badge-progress {
    height: 7px !important;
    margin: 0 0 4px !important;
  }

  html body main.shell[data-app] .badge-grid {
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs > button,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group > button,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html body main.shell[data-app] .earned-badge {
    align-items: center !important;
    border-radius: 10px !important;
    display: grid !important;
    gap: 3px 6px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    min-height: 54px !important;
    padding: 7px !important;
  }

  html body main.shell[data-app] .earned-badge-icon {
    grid-row: 1 / span 3 !important;
    height: 24px !important;
    width: 24px !important;
  }

  html body main.shell[data-app] .earned-badge-icon img {
    height: 14px !important;
    width: 14px !important;
  }

  html body main.shell[data-app] .earned-badge-quest {
    font-size: 7px !important;
    line-height: 1 !important;
    padding: 2px 5px !important;
    width: max-content !important;
  }

  html body main.shell[data-app] .earned-badge strong {
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app] .earned-badge small {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html:has(main.shell[data-app][data-route="terminal"]),
  body:has(main.shell[data-app][data-route="terminal"]) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    position: static !important;
    scroll-behavior: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body main.shell[data-app][data-route="terminal"],
  html body main.shell[data-app][data-route="terminal"] [data-dashboard],
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-panel] {
    contain: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-y: visible !important;
    scroll-behavior: auto !important;
    transform: none !important;
    will-change: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    bottom: auto !important;
    contain: layout style !important;
    max-height: calc(100dvh - 112px) !important;
    max-width: 36px !important;
    min-width: 36px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 3px 2px !important;
    position: fixed !important;
    right: max(3px, env(safe-area-inset-right, 0px)) !important;
    scrollbar-width: none !important;
    top: calc(112px + env(safe-area-inset-top, 0px)) !important;
    transform: none !important;
    width: 36px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    flex: 0 0 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    min-width: 32px !important;
    width: 32px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group summary::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    font-size: 5.8px !important;
    max-width: 28px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group:not([open]) button {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    display: grid !important;
    gap: 3px !important;
  }
}

/* SLIME_SWAP_ROUTER_PANEL_20260608_V1: Raydium-style swap controls using local wallet/position data only. */
html body main.shell[data-app] .slime-swap-terminal {
  background: linear-gradient(180deg, rgba(3, 20, 7, 0.84), rgba(0, 9, 3, 0.92)) !important;
  border: 1px solid rgba(114, 255, 35, 0.22) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) !important;
  margin: 8px 0 !important;
  padding: 10px !important;
}

html body main.shell[data-app] .slime-swap-asset-box {
  background: rgba(0, 13, 5, 0.88) !important;
  border: 1px solid rgba(124, 255, 42, 0.24) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 0 18px rgba(58, 255, 32, 0.05) !important;
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

html body main.shell[data-app] .slime-swap-asset-box > div {
  align-items: start !important;
  display: flex !important;
  justify-content: space-between !important;
}

html body main.shell[data-app] .slime-swap-asset-box span,
html body main.shell[data-app] .slime-swap-asset-box small,
html body main.shell[data-app] .slime-swap-route-note {
  color: rgba(220, 255, 208, 0.68) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body main.shell[data-app] .slime-swap-asset-box strong {
  color: #efffe8 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body main.shell[data-app] .slime-swap-asset-box select,
html body main.shell[data-app] .slime-swap-asset-box input {
  background: rgba(0, 8, 3, 0.96) !important;
  border: 1px solid rgba(117, 255, 37, 0.28) !important;
  border-radius: 9px !important;
  color: #f2ffe9 !important;
  font-size: 12px !important;
  min-height: 34px !important;
  min-width: 0 !important;
  padding: 7px 9px !important;
  width: 100% !important;
}

html body main.shell[data-app] .slime-swap-reverse {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 38px !important;
}

html body main.shell[data-app] .slime-swap-reverse .slime-swap-route-icon {
  cursor: pointer !important;
  height: 34px !important;
  transition: transform 140ms ease, filter 140ms ease !important;
  width: 34px !important;
}

html body main.shell[data-app] .slime-swap-reverse:hover .slime-swap-route-icon,
html body main.shell[data-app] .slime-swap-reverse:focus-visible .slime-swap-route-icon {
  filter: brightness(1.18) drop-shadow(0 0 10px rgba(140, 255, 42, 0.45)) !important;
  transform: rotate(180deg) scale(1.04) !important;
}

html body main.shell[data-app] .slime-swap-route-note {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

@media (max-width: 760px) {
  html body main.shell[data-app] .slime-swap-terminal {
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) !important;
    padding: 7px !important;
  }

  html body main.shell[data-app] .slime-swap-asset-box {
    border-radius: 9px !important;
    gap: 5px !important;
    padding: 7px !important;
  }

  html body main.shell[data-app] .slime-swap-asset-box strong {
    font-size: 15px !important;
  }

  html body main.shell[data-app] .slime-swap-asset-box select,
  html body main.shell[data-app] .slime-swap-asset-box input {
    border-radius: 8px !important;
    font-size: 10px !important;
    min-height: 27px !important;
    padding: 4px 6px !important;
  }

  html body main.shell[data-app] .slime-swap-reverse,
  html body main.shell[data-app] .slime-swap-reverse .slime-swap-route-icon {
    height: 28px !important;
    width: 28px !important;
  }
}

/* NAV_SWAP_BADGE_CLEANUP_20260608_V1: two-row terminal rail, wallet-aware swap selectors, and compact profile quests. */
@media (min-width: 761px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    gap: 2px !important;
    row-gap: 2px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-content: start !important;
    align-items: stretch !important;
    display: grid !important;
    gap: 4px !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 36px !important;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    margin: 0 0 1px !important;
    max-height: none !important;
    min-height: 77px !important;
    overflow: visible !important;
    padding: 4px 8px !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::before,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-section-label,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: column !important;
    flex: none !important;
    font-size: 0 !important;
    gap: 1px !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 36px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 2px 5px 3px !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    flex: 0 0 13px !important;
    height: 13px !important;
    margin: 0 !important;
    max-height: 13px !important;
    max-width: 13px !important;
    width: 13px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    color: rgba(248, 255, 238, 0.96) !important;
    content: attr(data-label) !important;
    bottom: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    font-size: 7.8px !important;
    font-weight: 900 !important;
    left: auto !important;
    line-height: 0.95 !important;
    margin: 0 !important;
    max-height: 9px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: static !important;
    right: auto !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
    text-overflow: ellipsis !important;
    top: auto !important;
    transform: none !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button[data-tab="trade"]::after {
    bottom: auto !important;
    content: attr(data-label) !important;
    display: block !important;
    flex: 0 0 auto !important;
    font-size: 7.8px !important;
    left: auto !important;
    line-height: 0.95 !important;
    margin: 0 !important;
    max-height: 9px !important;
    max-width: 100% !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button[data-active="true"]::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > button[data-active="true"]::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[data-active="true"]::after {
    color: #082100 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .dashboard-error {
    margin: 2px 0 5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .panel-host,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > [data-panel] {
    margin-top: 0 !important;
    padding-top: 3px !important;
  }
}

html body main.shell[data-app] .badge-showcase-card,
html body main.shell[data-app] .profile-row-list > .badge-showcase-card,
html body main.shell[data-app] .profile-extra-grid > .badge-showcase-card {
  align-items: stretch !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding: 12px !important;
}

html body main.shell[data-app] .badge-showcase-card > .badge-showcase-head {
  grid-row: 1 !important;
  margin: 0 !important;
}

html body main.shell[data-app] .badge-showcase-card > .badge-grid {
  display: grid !important;
  gap: 8px !important;
  grid-row: 2 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
}

html body main.shell[data-app] .badge-showcase-card > .badge-progress {
  grid-row: 3 !important;
  margin: 1px 0 0 !important;
}

html body main.shell[data-app] .badge-showcase-card .earned-badge {
  align-items: center !important;
  border-radius: 10px !important;
  gap: 4px 7px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  min-height: 62px !important;
  padding: 8px !important;
}

html body main.shell[data-app] .badge-showcase-card .earned-badge-icon {
  grid-row: 1 / span 3 !important;
  height: 30px !important;
  width: 30px !important;
}

html body main.shell[data-app] .badge-showcase-card .earned-badge-icon img {
  height: 18px !important;
  width: 18px !important;
}

html body main.shell[data-app] .badge-showcase-card .earned-badge-quest {
  font-size: 8px !important;
  line-height: 1 !important;
  padding: 2px 5px !important;
}

html body main.shell[data-app] .badge-showcase-card .earned-badge strong {
  font-size: 11px !important;
  line-height: 1.05 !important;
}

html body main.shell[data-app] .badge-showcase-card .earned-badge small {
  font-size: 9px !important;
  line-height: 1.15 !important;
}

@media (max-width: 900px) {
  html body main.shell[data-app] .badge-showcase-card > .badge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* MOBILE_NAV_AGENT_REFRESH_FINAL_20260608_V1: restore connect scroll, flatten tools, and keep mobile refresh chrome stable. */
html body main.shell[data-app] .tabs button[hidden],
html body main.shell[data-app][data-route="terminal"] .tabs button[hidden],
html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[hidden] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

@media (max-width: 760px) {
  html:has(main.shell[data-app][data-route="connect"]),
  body:has(main.shell[data-app][data-route="connect"]) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    position: static !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body main.shell[data-app][data-route="connect"] {
    height: auto !important;
    min-height: 100dvh !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    position: relative !important;
    touch-action: pan-y !important;
  }

  html body main.shell[data-app][data-route="connect"] .connect-view,
  html body main.shell[data-app][data-route="connect"] .swamp-connect-shell,
  html body main.shell[data-app][data-route="connect"] .connect-hero-side,
  html body main.shell[data-app][data-route="connect"] .connect-card {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body main.shell[data-app][data-route="connect"] .connect-view:not([hidden]) {
    display: block !important;
  }

  html body main.shell[data-app][data-route="connect"] .swamp-connect-shell {
    align-content: start !important;
    gap: 10px !important;
    min-height: calc(100dvh - 10px) !important;
    padding:
      max(8px, env(safe-area-inset-top, 0px))
      max(10px, env(safe-area-inset-right, 0px))
      max(18px, env(safe-area-inset-bottom, 0px))
      max(10px, env(safe-area-inset-left, 0px)) !important;
  }

  html body main.shell[data-app][data-route="connect"] .connect-powered {
    position: static !important;
    justify-self: center !important;
    margin-top: 2px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    display: grid !important;
    gap: 3px !important;
    max-height: none !important;
    max-width: 34px !important;
    min-width: 34px !important;
    overflow: visible !important;
    width: 34px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group > summary {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group:not([open]) button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    display: inline-flex !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[hidden] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    display: inline !important;
    font-size: 6.4px !important;
    line-height: 1 !important;
    max-width: 30px !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip,
  html body main.shell[data-app][data-route="terminal"] [data-top-sync-strip],
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    contain: layout style !important;
    transform: translateZ(0) !important;
    will-change: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip button,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > span,
  html body main.shell[data-app][data-route="terminal"] [data-refresh-live-pairs],
  html body main.shell[data-app][data-route="terminal"] [data-top-refresh-wallet] {
    animation: none !important;
    min-height: 25px !important;
    transform: none !important;
    transition: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] button[data-action-state="clicked"],
  html body main.shell[data-app][data-route="terminal"] button[data-action-state="refreshing"] {
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-refresh-spinner],
  html body main.shell[data-app][data-route="terminal"] [data-refresh-spinner][hidden] {
    display: inline-block !important;
    height: 9px !important;
    margin-right: 3px !important;
    min-width: 9px !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 9px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-refresh-spinner][hidden] {
    opacity: 0 !important;
  }

  

  

  

  

  .ogre-agent-shell.is-open .ogre-agent-bubble {
    display: none !important;
  }

  .ogre-agent-shell.is-open .ogre-agent-panel {
    left: max(8px, env(safe-area-inset-left, 0px)) !important;
    right: max(8px, env(safe-area-inset-right, 0px)) !important;
    top: max(8px, env(safe-area-inset-top, 0px)) !important;
    bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
  }
}

/* MOBILE_AGENT_RAIL_FULLPAGE_20260608_V1: keep the mobile agent off the left edge and make the rail fully reachable. */
@media (max-width: 760px) {
  html body:has(.ogre-agent-shell.is-open) {
    overflow: hidden !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar {
    align-items: center !important;
    display: grid !important;
    gap: 4px 6px !important;
    grid-template-areas:
      ". powered clip"
      "right right right" !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(48px, 1fr) !important;
    min-height: 0 !important;
    padding:
      4px calc(48px + env(safe-area-inset-right, 0px))
      5px max(7px, env(safe-area-inset-left, 0px)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .powered {
    display: inline-flex !important;
    grid-area: powered !important;
    justify-self: center !important;
    margin: 0 !important;
    max-height: 22px !important;
    max-width: 136px !important;
    min-height: 20px !important;
    opacity: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .powered img {
    display: block !important;
    max-height: 20px !important;
    max-width: 136px !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .clip-farm-shell {
    align-items: center !important;
    display: inline-flex !important;
    grid-area: clip !important;
    justify-self: start !important;
    min-height: 22px !important;
    opacity: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-farm-control {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-record-button {
    display: inline-flex !important;
    height: 22px !important;
    min-height: 22px !important;
    min-width: 48px !important;
    opacity: 1 !important;
    padding: 0 7px !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-record-button strong,
  html body main.shell[data-app][data-route="terminal"] .clip-record-button .clip-record-dot {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .topbar-right {
    grid-area: right !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    bottom: max(5px, env(safe-area-inset-bottom, 0px)) !important;
    max-height: none !important;
    max-width: 42px !important;
    min-width: 42px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 3px 2px !important;
    right: max(2px, env(safe-area-inset-right, 0px)) !important;
    scrollbar-color: rgba(128, 255, 41, 0.7) rgba(2, 18, 5, 0.5) !important;
    scrollbar-width: thin !important;
    top: calc(106px + env(safe-area-inset-top, 0px)) !important;
    width: 42px !important;
    z-index: 6100 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::-webkit-scrollbar {
    display: block !important;
    width: 3px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs::-webkit-scrollbar-thumb {
    background: rgba(128, 255, 41, 0.72) !important;
    border-radius: 999px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs > button,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 34px !important;
    gap: 1px !important;
    height: 34px !important;
    justify-content: center !important;
    max-height: 34px !important;
    max-width: 38px !important;
    min-height: 34px !important;
    min-width: 38px !important;
    padding: 2px 1px !important;
    position: relative !important;
    visibility: visible !important;
    width: 38px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group[open] {
    display: grid !important;
    gap: 3px !important;
    max-width: 38px !important;
    min-width: 38px !important;
    overflow: visible !important;
    width: 38px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group:not([open]) button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    display: inline-flex !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::before,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::before {
    flex: 0 0 12px !important;
    height: 12px !important;
    margin: 0 !important;
    width: 12px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    content: attr(data-label) !important;
    display: block !important;
    font-size: 5.7px !important;
    font-weight: 900 !important;
    line-height: 0.95 !important;
    max-width: 36px !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.86) !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button[data-tab="trade"]::after {
    content: attr(data-label) !important;
    display: block !important;
    font-size: 5.7px !important;
    line-height: 0.95 !important;
    max-width: 36px !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[hidden],
  html body main.shell[data-app][data-route="terminal"] .tabs button[hidden] {
    display: none !important;
  }

  

  .ogre-agent-shell:not(.is-open) .ogre-agent-bubble {
    gap: 2px !important;
    height: 38px !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 4px !important;
    width: 42px !important;
  }

  .ogre-agent-shell:not(.is-open) .ogre-agent-bubble img {
    height: 26px !important;
    width: 26px !important;
  }

  .ogre-agent-shell:not(.is-open) .ogre-agent-bubble span {
    font-size: 6px !important;
    letter-spacing: 0 !important;
    max-width: 12px !important;
  }

  html body .ogre-agent-shell.is-open,
  html body main.shell[data-app] .ogre-agent-shell.is-open {
    inset: 0 !important;
    pointer-events: auto !important;
    z-index: 2147483640 !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-bubble,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-bubble {
    display: none !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-panel,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-panel {
    border-radius: 0 !important;
    bottom: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    left: 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding:
      calc(10px + env(safe-area-inset-top, 0px))
      max(10px, env(safe-area-inset-right, 0px))
      calc(10px + env(safe-area-inset-bottom, 0px))
      max(10px, env(safe-area-inset-left, 0px)) !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100vw !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-panel header,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-panel header {
    flex: 0 0 auto !important;
    min-height: 52px !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-holo,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-holo {
    flex: 0 0 auto !important;
    min-height: 56px !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-feed,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-feed {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }

  html body .ogre-agent-shell.is-open .ogre-agent-composer,
  html body .ogre-agent-shell.is-open .ogre-agent-quick-actions,
  html body .ogre-agent-shell.is-open .ogre-agent-disclaimer,
  html body .ogre-agent-shell.is-open .ogre-agent-status,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-composer,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-quick-actions,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-disclaimer,
  html body main.shell[data-app] .ogre-agent-shell.is-open .ogre-agent-status {
    flex: 0 0 auto !important;
  }
}

/* MOBILE_RAIL_POSITION_SWEEP_20260608_V1: keep nav labels single-line, rail complete, and topbar rows visible. */
@media (min-width: 761px) {
  html body main.shell[data-app][data-route="terminal"] .tabs > button,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button::after {
    color: rgba(248, 255, 238, 0.96) !important;
    content: attr(data-label) !important;
    display: block !important;
    font-size: 7.6px !important;
    line-height: 0.95 !important;
    max-height: 9px !important;
    overflow: hidden !important;
    position: static !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs > button[data-active="true"]::after,
  html body main.shell[data-app][data-route="terminal"] .tabs .nav-tool-group button[data-active="true"]::after {
    color: #082100 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] {
    display: flex !important;
    flex-direction: column !important;
  }

  html body main.shell[data-app] .mobile-profile-shortcut {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar {
    grid-template-areas:
      ". powered clip"
      "right right right" !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(48px, 1fr) !important;
    order: 2 !important;
    overflow: visible !important;
    padding:
      4px calc(48px + env(safe-area-inset-right, 0px))
      5px max(7px, env(safe-area-inset-left, 0px)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .swamp-market-ticker {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    z-index: 4200 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    order: 3 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    align-content: start !important;
    bottom: max(5px, env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    max-height: calc(100dvh - 150px - env(safe-area-inset-bottom, 0px)) !important;
    overflow-y: auto !important;
    right: max(2px, env(safe-area-inset-right, 0px)) !important;
    top: calc(150px + env(safe-area-inset-top, 0px)) !important;
    width: 42px !important;
  }

  

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs > button::after,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button::after {
    color: rgba(248, 255, 238, 0.96) !important;
    content: attr(data-label) !important;
    display: block !important;
    font-size: 5.7px !important;
    line-height: 0.95 !important;
    max-width: 36px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ogre-agent-shell:not(.is-open) {
    bottom: auto !important;
    box-sizing: border-box !important;
    left: auto !important;
    max-width: 42px !important;
    min-width: 42px !important;
    right: max(2px, env(safe-area-inset-right, 0px)) !important;
    top: calc(106px + env(safe-area-inset-top, 0px)) !important;
    transform: none !important;
    width: 42px !important;
    z-index: 6200 !important;
  }

  .ogre-agent-shell:not(.is-open) .ogre-agent-bubble {
    box-sizing: border-box !important;
    height: 38px !important;
    max-width: 42px !important;
    min-height: 38px !important;
    min-width: 42px !important;
    padding: 4px 2px !important;
    width: 42px !important;
  }
}

/* CHART_AGENT_TRADE_RAIL_POLISH_20260608_V1: smarter chart controls, readable desktop labels, and full 18-tool mobile rail. */
html body main.shell[data-app] .chart-auto-exit-grid {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body main.shell[data-app] .chart-auto-exit-grid label,
html body main.shell[data-app] .chart-trade-form label {
  min-width: 0 !important;
}

html body main.shell[data-app] .chart-auto-exit-grid select,
html body main.shell[data-app] .chart-auto-exit-grid input,
html body main.shell[data-app] .chart-trade-form select,
html body main.shell[data-app] .chart-trade-form input {
  min-width: 0 !important;
  width: 100% !important;
}

html body main.shell[data-app] .chart-preset-summary {
  margin-top: -4px !important;
}

@media (min-width: 761px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs {
    align-items: stretch !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(42px, auto)) !important;
    height: auto !important;
    margin: 4px 0 8px !important;
    max-height: none !important;
    min-height: 88px !important;
    overflow: visible !important;
    padding: 4px !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-section-label,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-section-label,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group > summary,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group > summary {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group[open],
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group[open] {
    display: contents !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs > button,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs > button,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs .nav-tool-group button {
    align-items: center !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: transparent !important;
    display: inline-flex !important;
    flex: none !important;
    font-size: 0 !important;
    gap: 3px !important;
    height: 42px !important;
    justify-content: center !important;
    line-height: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    min-width: 0 !important;
    padding: 4px 6px !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button::before {
    flex: 0 0 15px !important;
    height: 15px !important;
    margin: 0 !important;
    width: 15px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button::after,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs button::after {
    color: rgba(248, 255, 238, 0.97) !important;
    content: attr(data-label) !important;
    display: block !important;
    font-size: 9.6px !important;
    font-weight: 950 !important;
    line-height: 0.98 !important;
    max-height: 10px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: static !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button[data-active="true"]::after {
    color: #eaffd9 !important;
  }
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] {
    padding-right: calc(48px + max(4px, env(safe-area-inset-right, 0px))) !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs,
  html body main.shell[data-app][data-route="terminal"][data-active-tab="smartChart"] [data-dashboard] > .tabs {
    align-content: start !important;
    align-items: center !important;
    bottom: max(5px, env(safe-area-inset-bottom, 0px)) !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    height: auto !important;
    left: auto !important;
    margin: 0 !important;
    max-height: calc(100dvh - 150px - env(safe-area-inset-bottom, 0px)) !important;
    max-width: 42px !important;
    min-height: 0 !important;
    min-width: 42px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 3px 2px !important;
    position: fixed !important;
    right: max(2px, env(safe-area-inset-right, 0px)) !important;
    top: calc(150px + env(safe-area-inset-top, 0px)) !important;
    transform: none !important;
    width: 42px !important;
    z-index: 6100 !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-section-label,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group > summary {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group[open] {
    display: contents !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs > button,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button {
    align-items: center !important;
    box-sizing: border-box !important;
    color: transparent !important;
    display: inline-flex !important;
    flex: 0 0 34px !important;
    font-size: 0 !important;
    gap: 1px !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 0 !important;
    max-height: 34px !important;
    max-width: 38px !important;
    min-height: 34px !important;
    min-width: 38px !important;
    opacity: 1 !important;
    padding: 2px 1px !important;
    transform: none !important;
    visibility: visible !important;
    width: 38px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button::before {
    flex: 0 0 12px !important;
    height: 12px !important;
    width: 12px !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button::after {
    color: rgba(248, 255, 238, 0.96) !important;
    content: attr(data-label) !important;
    display: block !important;
    font-size: 5.9px !important;
    font-weight: 900 !important;
    line-height: 0.95 !important;
    max-width: 36px !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-side {
    order: 2 !important;
  }

  html body main.shell[data-app] .chart-auto-exit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs button[hidden],
html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group button[hidden] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* MOBILE_REFRESH_NO_FLICKER_20260608_V1: keep background refreshes from repainting the mobile rail/header. */
@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip,
  html body main.shell[data-app][data-route="terminal"] [data-top-sync-strip],
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .metrics,
  html body main.shell[data-app][data-route="terminal"] .command-controls {
    backface-visibility: hidden !important;
    contain: layout paint style !important;
    transform: translateZ(0) !important;
    will-change: auto !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-refresh-live-pairs],
  html body main.shell[data-app][data-route="terminal"] [data-top-refresh-wallet],
  html body main.shell[data-app][data-route="terminal"] [data-refresh-feeds],
  html body main.shell[data-app][data-route="terminal"] button[data-action-state="clicked"],
  html body main.shell[data-app][data-route="terminal"] button[data-action-state="refreshing"] {
    animation: none !important;
    filter: none !important;
    transform: translateZ(0) !important;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease !important;
  }

  html body main.shell[data-app][data-route="terminal"] [data-refresh-spinner] {
    animation: none !important;
    transform: none !important;
  }
}

/* MOBILE_REC_AND_WALLET_CONNECT_ROW_20260608_V1: make REC tappable and fit TP/SL, wallet, refresh in one mobile row. */
html body main.shell[data-app][data-route="terminal"] .top-wallet-connect {
  align-items: center !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-connect[data-wallet-state="connected"] {
  border-color: rgba(128, 255, 41, 0.6) !important;
  color: #dfffcb !important;
}

html body main.shell[data-app][data-route="terminal"] .clip-farm-shell,
html body main.shell[data-app][data-route="terminal"] .clip-farm-control,
html body main.shell[data-app][data-route="terminal"] .clip-record-button {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 7200 !important;
}

html body main.shell[data-app][data-route="terminal"] .clip-record-button[data-supported="false"] {
  cursor: pointer !important;
  opacity: 1 !important;
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
    align-items: stretch !important;
    display: grid !important;
    gap: 3px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 3px 0 4px !important;
    overflow: visible !important;
    padding: 3px !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-connect,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-refresh-wallet] {
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 8.1px !important;
    font-weight: 950 !important;
    grid-column: auto !important;
    height: 26px !important;
    line-height: 1 !important;
    min-height: 26px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 2px 3px !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-tpsl-status > span,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-connect > span,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-refresh-wallet] {
    min-width: 0 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-disconnected,
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-sol],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-top-portfolio],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-sync-health],
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip [data-active-preset-label] {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] > .topbar > .clip-farm-shell {
    min-width: 52px !important;
    pointer-events: auto !important;
    z-index: 7200 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .clip-record-button {
    min-width: 52px !important;
    pointer-events: auto !important;
  }
}

/* WEB_WALLET_CHART_REFRESH_CLEANUP_20260608_V2: final override order for clickable wallet status, clean chart trading view, and stable live-pair refresh. */
html body main.shell[data-app][data-route="terminal"] .top-wallet-status {
  align-items: center !important;
  background: rgba(12, 30, 11, 0.82) !important;
  border: 1px solid rgba(128, 255, 41, 0.34) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 18px rgba(107, 255, 36, 0.08) !important;
  color: rgba(232, 255, 218, 0.9) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 32px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 166px !important;
  padding: 0 13px !important;
  white-space: nowrap !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-status[data-wallet-state="browser-connected"] {
  border-color: rgba(128, 255, 41, 0.72) !important;
  color: #f1ffe8 !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-status:focus-visible {
  outline: 2px solid rgba(128, 255, 41, 0.86) !important;
  outline-offset: 2px !important;
}

html body main.shell[data-app][data-route="terminal"] .terminal-token-list,
html body main.shell[data-app][data-route="terminal"] .terminal-token-row,
html body main.shell[data-app][data-route="terminal"] .live-pair-avatar,
html body main.shell[data-app][data-route="terminal"] .live-pair-avatar img {
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

html body main.shell[data-app][data-route="terminal"] .terminal-token-list {
  contain: layout paint !important;
}

html body main.shell[data-app][data-route="terminal"] .terminal-token-row {
  min-height: 0 !important;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease !important;
}

html body main.shell[data-app][data-route="terminal"] .live-pair-avatar img {
  opacity: 1 !important;
  transition: none !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-grid {
  align-items: start !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(292px, 360px) !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-main,
html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side {
  min-width: 0 !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-main .smart-chart-frame {
  height: clamp(540px, 70vh, 780px) !important;
  min-height: 540px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar {
  align-items: stretch !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin: 6px 0 8px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar span {
  background: rgba(4, 24, 8, 0.76) !important;
  border: 1px solid rgba(114, 255, 35, 0.2) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 5px 7px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar small {
  color: rgba(190, 255, 166, 0.72) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar strong {
  color: #f4fff0 !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side {
  position: sticky !important;
  top: 88px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side > h3 {
  font-size: 16px !important;
  line-height: 1.05 !important;
  margin: 0 0 8px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side .chart-trade-panel,
html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side .chart-trade-form {
  gap: 8px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side .chart-auto-exit-grid {
  gap: 7px !important;
}

html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side .chart-trade-links,
html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-terminal .smart-chart-quick-actions,
html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-terminal .smart-chart-bottom-grid {
  display: none !important;
}

html body main.shell[data-app][data-route="terminal"] .clip-record-button {
  touch-action: manipulation !important;
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip .top-wallet-status {
    display: none !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-title {
    align-items: stretch !important;
    gap: 7px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-search {
    grid-template-columns: minmax(0, 1fr) 78px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-main {
    order: 1 !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side {
    order: 2 !important;
    position: static !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-main .smart-chart-frame {
    height: 62vh !important;
    min-height: 430px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar span {
    padding: 4px 6px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar small {
    font-size: 7.8px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-market-bar strong {
    font-size: 10.5px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side .chart-trade-tabs button,
  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side .chart-confirm-button,
  html body main.shell[data-app][data-route="terminal"] .smart-chart-clean-side [data-chart-confirm-sell] {
    min-height: 34px !important;
  }
}

/* FUNCTIONAL_QA_SWEEP_20260608_V1: overflow and focus hardening without changing layout direction. */
html,
body {
  max-width: 100% !important;
  overflow-x: clip !important;
}

@supports not (overflow-x: clip) {
  html,
  body {
    overflow-x: hidden !important;
  }
}

main.shell[data-app],
main.shell[data-app] > .topbar,
main.shell[data-app] .topbar-right,
main.shell[data-app] .swamp-market-ticker,
main.shell[data-app] .swamp-ticker-mask {
  max-width: 100% !important;
  min-width: 0 !important;
}

main.shell[data-app] .swamp-market-ticker,
main.shell[data-app] .swamp-ticker-mask {
  overflow-x: clip !important;
}

main.shell[data-app] .swamp-ticker-item summary,
main.shell[data-app] .swamp-ticker-links a {
  min-height: 30px !important;
  touch-action: manipulation !important;
}

main.shell[data-app] .swamp-ticker-item img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.login-modal[aria-hidden="true"],
.login-modal[aria-hidden="true"] * {
  pointer-events: none !important;
}

@media (max-width: 480px) {
  main.shell[data-app] .swamp-ticker-links {
    max-width: min(86vw, 280px) !important;
  }

  main.shell[data-app] .swamp-ticker-links a {
    white-space: nowrap !important;
  }
}

/* OGRE_AI_POOL_AND_HEADER_POLISH_V1: final pass for compact terminal status bubbles. */
html body main.shell[data-app][data-route="terminal"] .top-sync-strip button,
html body main.shell[data-app][data-route="terminal"] .top-sync-strip span {
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-connect,
html body main.shell[data-app][data-route="terminal"] [data-top-refresh-wallet],
html body main.shell[data-app][data-route="terminal"] .top-wallet-status,
html body main.shell[data-app][data-route="terminal"] [data-sync-health] {
  height: 32px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-status {
  min-width: 118px !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-status::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(255, 72, 72, 0.88);
  box-shadow: 0 0 8px rgba(255, 72, 72, 0.5);
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-connect::before,
html body main.shell[data-app][data-route="terminal"] .top-tpsl-status::before {
  content: none !important;
  display: none !important;
}

html body main.shell[data-app][data-route="terminal"] .top-wallet-status[data-wallet-state="browser-connected"]::before,
html body main.shell[data-app][data-route="terminal"] .top-wallet-status[data-wallet-state="managed-connected"]::before {
  background: rgba(114, 255, 35, 0.96);
  box-shadow: 0 0 9px rgba(114, 255, 35, 0.62);
}

html body main.shell[data-app][data-route="terminal"] .tabs button {
  gap: 4px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body main.shell[data-app][data-route="terminal"] .tabs button::before {
  width: 15px !important;
  height: 15px !important;
}

html body .ogre-ai-pool-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 88px;
  min-height: 20px;
  padding: 2px 7px;
  border: 1px solid rgba(137, 255, 67, 0.56);
  border-radius: 999px;
  color: #baff63;
  background: rgba(19, 51, 18, 0.78);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
}

@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .top-wallet-connect,
  html body main.shell[data-app][data-route="terminal"] [data-top-refresh-wallet],
  html body main.shell[data-app][data-route="terminal"] .top-wallet-status,
  html body main.shell[data-app][data-route="terminal"] [data-sync-health] {
    height: 27px !important;
    padding: 0 4px !important;
    font-size: 8.4px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .top-wallet-status {
    min-width: 78px !important;
  }

  html body main.shell[data-app][data-route="terminal"] .tabs button {
    font-size: 10px !important;
    gap: 2px !important;
  }
}

/* === MATRIX_SLIME_POLISH_20260608_V1 ====================================
   Safe, structure-free polish pass: calmer neon (less "AI" glow),
   terminal-style monospace data, thin slime scrollbars, clean focus
   states. No layout/HTML changes, so every existing tool keeps working. */

:root {
  /* Soften the heavy neon glow site-wide for a cleaner, more pro feel. */
  --slime-glow: 0 0 14px rgba(114, 255, 35, 0.14) !important;
}

/* Thin slime scrollbars everywhere (Firefox + WebKit). */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(114, 255, 35, 0.38) transparent;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(114, 255, 35, 0.32);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(114, 255, 35, 0.5);
}

/* Monospace, tabular numerics for addresses, codes, and data readouts —
   the "matrix terminal" signal, applied only to clearly data-ish cells. */
code,
.ca-copy,
[data-copy],
.terminal-token-stats dd,
.volume-bot-metrics strong,
.smart-chart-token-header code {
  font-family: "JetBrains Mono", "SFMono-Regular", "Consolas", ui-monospace, monospace !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

/* Consistent, accessible focus ring in slime green. */
:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 1.5px solid var(--slime-green, #72ff23);
  outline-offset: 1px;
  border-radius: 6px;
}

/* Smooth in-page scrolling, but respect reduced-motion users. */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
/* === END MATRIX_SLIME_POLISH_20260608_V1 ============================= */

/* === SLIMEWIRE_V2_FOUNDATION_20260608_V1 ================================
   Bold-but-safe global elevation. Refines shared design tokens (so the
   whole app shifts cohesively) plus mechanism-safe component polish for
   buttons, inputs, panels, and tables. Color/border/spacing/typography
   only — no layout reflow, no HTML/JS changes, every tool intact. */

:root {
  /* Cleaner, flatter dark glass surfaces (less busy gradient = less "AI"). */
  --panel: rgba(9, 14, 10, 0.94);
  --panel-2: rgba(14, 22, 16, 0.92);
  --slime-panel: rgba(9, 14, 10, 0.95);
  --slime-panel-soft: rgba(14, 22, 16, 0.86);
  /* Crisper, finer hairlines. */
  --line: rgba(126, 255, 90, 0.16);
  --line-strong: rgba(126, 255, 90, 0.34);
  --slime-border: rgba(126, 255, 90, 0.18);
  /* Tighter, more pro corner radius. */
  --slime-radius: 10px;
  /* Calmer elevation shadow. */
  --slime-shadow: 0 14px 44px rgba(0, 0, 0, 0.42);
}

/* Panels & cards: clean dark glass with a crisp slime hairline. */
main.shell[data-app] .terminal-panel,
main.shell[data-app] .row-card,
main.shell[data-app] .trade-card,
main.shell[data-app] .account-check-card,
main.shell[data-app] .pick-card,
main.shell[data-app] .volume-bot-card,
main.shell[data-app] .connected-wallet-card {
  border-radius: var(--slime-radius);
  border: 1px solid var(--line);
}

/* Headings: tighter, calmer, professional. */
main.shell[data-app] h3,
main.shell[data-app] h4 {
  letter-spacing: 0.01em;
  font-weight: 650;
}
main.shell[data-app] .account-check-card p,
main.shell[data-app] .trade-head p {
  color: var(--slime-muted, #9bad96);
}

/* Buttons: one consistent, flat, professional system. */
main.shell[data-app] .card-actions button,
main.shell[data-app] .card-actions a,
main.shell[data-app] .section-actions button,
main.shell[data-app] .quick-grid button,
main.shell[data-app] .mode-row button {
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--slime-text, #f5fff2);
  transition: border-color 0.14s ease, background 0.14s ease, transform 0.1s ease;
}
main.shell[data-app] .card-actions button:hover,
main.shell[data-app] .section-actions button:hover,
main.shell[data-app] .quick-grid button:hover,
main.shell[data-app] .mode-row button:hover {
  border-color: var(--line-strong);
  background: rgba(20, 32, 22, 0.95);
}
main.shell[data-app] button.primary {
  background: linear-gradient(180deg, var(--slime-green-strong, #bbff63), var(--slime-green, #72ff23));
  color: #06140a;
  border: 1px solid var(--slime-green, #72ff23);
  font-weight: 650;
}
main.shell[data-app] button.primary:hover {
  filter: brightness(1.06);
}
main.shell[data-app] .mode-row button[data-active="true"] {
  border-color: var(--slime-green, #72ff23);
  background: rgba(114, 255, 35, 0.12);
  color: var(--slime-green-strong, #bbff63);
}

/* Inputs & selects: consistent dark fields with a clean slime focus. */
main.shell[data-app] input[type="text"],
main.shell[data-app] input[type="number"],
main.shell[data-app] input[inputmode],
main.shell[data-app] select,
main.shell[data-app] textarea {
  background: rgba(6, 11, 8, 0.9);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--slime-text, #f5fff2);
}
main.shell[data-app] input:focus,
main.shell[data-app] select:focus,
main.shell[data-app] textarea:focus {
  border-color: var(--slime-green, #72ff23);
  outline: none;
}

/* Data rows: denser, with a subtle hover read. */
main.shell[data-app] .table-list .row-card {
  transition: border-color 0.14s ease, background 0.14s ease;
}
main.shell[data-app] .table-list .row-card:hover {
  border-color: var(--line-strong);
}
/* === END SLIMEWIRE_V2_FOUNDATION_20260608_V1 ========================= */

/* === SLIMEWIRE_V2_TERMINAL_20260608_V1 =================================
   Bold terminal restyle: kill the "bubble box" look. Flat dark panels with
   hairline borders (no neon glow), muted ghost buttons with ONE green
   primary, flat tab-style pills, tighter density. Verified live. */

html body main.shell[data-app] {
  /* Calmer, less-saturated accent across the terminal. */
  --line: rgba(120, 230, 120, 0.1);
  --line-strong: rgba(120, 230, 120, 0.24);
  --slime-text: #e7efe5;
  --slime-muted: #899788;
}

/* Default body/number text to neutral near-white; green becomes an ACCENT,
   not the default — this is the single biggest "less AI / more pro" move. */
html body main.shell[data-app] .terminal-panel,
html body main.shell[data-app] .command-workspace,
html body main.shell[data-app] .top-stats-strip {
  color: #e7efe5;
}
html body main.shell[data-app] .top-stats-strip strong,
html body main.shell[data-app] .terminal-token-stats dd,
html body main.shell[data-app] .stat-value,
html body main.shell[data-app] [class*="top-stat"] strong {
  color: #f2f7f0 !important;
}
html body main.shell[data-app] .top-stats-strip span,
html body main.shell[data-app] [class*="top-stat"] span,
html body main.shell[data-app] .terminal-token-stats dt {
  color: #7d8c7c !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px !important;
}

/* Panels: flat dark, near-invisible hairline, no glow, tighter. */
html body main.shell[data-app] .terminal-panel,
html body main.shell[data-app] .command-grid > article,
html body main.shell[data-app] .launch-filter-panel,
html body main.shell[data-app] .terminal-bottom {
  background: rgba(7, 11, 8, 0.96) !important;
  border: 1px solid rgba(120, 230, 120, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body main.shell[data-app] .terminal-panel header {
  border-bottom: 1px solid rgba(120, 230, 120, 0.08);
  padding-bottom: 6px;
  margin-bottom: 6px;
}

/* Section/panel titles: small muted-grey uppercase labels (Padre-style). */
html body main.shell[data-app] .terminal-panel header h4,
html body main.shell[data-app] .terminal-title-row h3,
html body main.shell[data-app] .account-check-card h3 {
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9fb29d !important;
  font-weight: 600 !important;
}
html body main.shell[data-app] .terminal-panel header span,
html body main.shell[data-app] .terminal-title-row span {
  color: #6f7e6e !important;
}

/* Top stat tiles (.metrics): neutral near-white values, muted labels. */
html body main.shell[data-app] .metrics article {
  background: rgba(7, 11, 8, 0.9) !important;
  border: 1px solid rgba(120, 230, 120, 0.08) !important;
  border-radius: 8px !important;
}
html body main.shell[data-app] .metrics article strong {
  color: #f2f7f0 !important;
  font-weight: 650 !important;
}
html body main.shell[data-app] .metrics article span {
  color: #7d8c7c !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
html body main.shell[data-app] .metrics article small {
  color: #5f6e5e !important;
}

/* Refresh Feeds and other secondary command buttons: ghost, not a second
   bright-green CTA. Reserve green for the single Connect Wallet primary. */
html body main.shell[data-app] .command-controls button.primary,
html body main.shell[data-app] .command-controls [data-refresh-live-pairs] {
  background: rgba(16, 24, 18, 0.92) !important;
  border: 1px solid rgba(120, 230, 120, 0.2) !important;
  color: #cfe9c8 !important;
  box-shadow: none !important;
}

/* Top control rows: flat, compact, mostly ghost buttons. */
html body main.shell[data-app] .top-auth-group button,
html body main.shell[data-app] .top-sync-strip button,
html body main.shell[data-app] .command-controls > button,
html body main.shell[data-app] .terminal-global-search button {
  background: rgba(16, 24, 18, 0.9) !important;
  border: 1px solid rgba(120, 230, 120, 0.16) !important;
  border-radius: 7px !important;
  color: #d7f5d0 !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  text-transform: none !important;
}
html body main.shell[data-app] .top-auth-group button:hover,
html body main.shell[data-app] .top-sync-strip button:hover {
  border-color: rgba(120, 230, 120, 0.34) !important;
  background: rgba(22, 34, 24, 0.95) !important;
}
/* Exactly one green primary CTA, and a calmer green. */
html body main.shell[data-app] .top-auth-group button.primary,
html body main.shell[data-app] button.primary {
  background: rgba(98, 214, 70, 0.92) !important;
  border: 1px solid rgba(98, 214, 70, 0.9) !important;
  color: #06140a !important;
  box-shadow: none !important;
}

/* Stat tiles: flat, borderless, dense. */
html body main.shell[data-app] .top-stats-strip > *,
html body main.shell[data-app] [class*="top-stat"] {
  background: rgba(7, 11, 8, 0.9) !important;
  border: 1px solid rgba(120, 230, 120, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Buckets / mode pills: flat tab look, not bright bubbles. */
html body main.shell[data-app] .mode-row button,
html body main.shell[data-app] .live-pair-buckets button {
  border-radius: 6px !important;
  background: rgba(14, 22, 16, 0.85) !important;
  border: 1px solid rgba(120, 230, 120, 0.12) !important;
  box-shadow: none !important;
  color: #b8d8b2 !important;
}
html body main.shell[data-app] .mode-row button[data-active="true"],
html body main.shell[data-app] .live-pair-buckets button[data-active="true"] {
  background: rgba(98, 214, 70, 0.16) !important;
  border-color: rgba(98, 214, 70, 0.55) !important;
  color: var(--slime-green-strong, #bbff63) !important;
}

/* Search bar: flat field. */
html body main.shell[data-app] .terminal-global-search {
  background: rgba(7, 11, 8, 0.9) !important;
  border: 1px solid rgba(120, 230, 120, 0.14) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Broad cleanup: every secondary button in the workspace becomes a flat
   dark ghost chip. Green is reserved for primary CTAs and active states. */
html body main.shell[data-app] .command-workspace button:not(.primary):not([data-active="true"]):not([data-tab]),
html body main.shell[data-app] .terminal-panel button:not(.primary):not([data-active="true"]),
html body main.shell[data-app] .card-actions button:not(.primary),
html body main.shell[data-app] .card-actions a {
  background: rgba(15, 23, 17, 0.88) !important;
  border: 1px solid rgba(120, 230, 120, 0.15) !important;
  color: #cfe9c8 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html body main.shell[data-app] .command-workspace button:not(.primary):not([data-active="true"]):hover,
html body main.shell[data-app] .terminal-panel button:not(.primary):not([data-active="true"]):hover {
  border-color: rgba(120, 230, 120, 0.32) !important;
  background: rgba(22, 34, 24, 0.95) !important;
}

/* Nav rail: flatten the circular bubbles into clean square-ish chips. */
html body main.shell[data-app] nav.tabs button {
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body main.shell[data-app] nav.tabs button[data-active="true"] {
  background: rgba(98, 214, 70, 0.2) !important;
  border-color: rgba(150, 255, 90, 0.9) !important;
  box-shadow: 0 0 12px rgba(114, 255, 35, 0.3), inset 0 0 0 1px rgba(150, 255, 90, 0.25) !important;
}
/* Active nav label stays bright/readable everywhere (never dark-on-dark). */
html body main.shell[data-app] nav.tabs button[data-active="true"]::after {
  color: #eaffd9 !important;
}
/* === END SLIMEWIRE_V2_TERMINAL_20260608_V1 =========================== */

/* === SLIMEWIRE_V2_GLOBAL_COMPACT_20260608_V1 ===========================
   Whole-site compaction: tighter type, smaller flat controls, denser
   spacing, muted palette everywhere. The "not big & bulky, super pro"
   pass applied across every screen. Verified live. */

/* Muted palette across the WHOLE shell (not just the terminal). */
html body main.shell[data-app][data-route] {
  --slime-text: #e7efe5;
  --slime-muted: #8a988a;
  --line: rgba(120, 230, 120, 0.1);
  --line-strong: rgba(120, 230, 120, 0.24);
  --slime-glow: none;
}

/* Tighter type scale everywhere in the app. */
html body main.shell[data-app] .command-workspace,
html body main.shell[data-app] .terminal-layout,
html body main.shell[data-app] .trade-layout,
html body main.shell[data-app] .dashboard-panel,
html body main.shell[data-app] [data-dashboard] {
  font-size: 13px;
}
html body main.shell[data-app] .command-workspace h3,
html body main.shell[data-app] .trade-layout h3,
html body main.shell[data-app] .account-check-card h3,
html body main.shell[data-app] .trade-card h3 {
  font-size: 14px !important;
  letter-spacing: 0.02em;
}
html body main.shell[data-app] .command-workspace h4,
html body main.shell[data-app] .trade-layout h4 {
  font-size: 12px !important;
}
html body main.shell[data-app] .command-workspace p,
html body main.shell[data-app] .trade-layout p,
html body main.shell[data-app] .account-check-card p {
  font-size: 12px;
  line-height: 1.45;
  color: var(--slime-muted, #8a988a);
}

/* Compact, flat controls inside content areas (not nav/header chrome). */
html body main.shell[data-app] :is(.command-workspace, .trade-layout, .trade-card, .account-check-card, .card-actions, .quick-grid, .volume-grid, .preset-toolbar, .order-ticket, .volume-bot-card, .wallet-exit-grid, .sniper-setup) button,
html body main.shell[data-app] :is(.command-workspace, .trade-layout, .card-actions, .quick-grid) a.mini-link {
  font-size: 12px !important;
  padding: 6px 11px !important;
  border-radius: 7px !important;
  min-height: 0 !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
}

/* Compact, flat inputs & selects everywhere. */
html body main.shell[data-app] input[type="text"],
html body main.shell[data-app] input[type="number"],
html body main.shell[data-app] input[inputmode],
html body main.shell[data-app] select,
html body main.shell[data-app] textarea {
  font-size: 12.5px !important;
  padding: 7px 9px !important;
  border-radius: 7px !important;
}
html body main.shell[data-app] label {
  font-size: 11px !important;
  letter-spacing: 0.02em;
  color: var(--slime-muted, #8a988a) !important;
}

/* Denser panels, cards, and grids. */
html body main.shell[data-app] .terminal-panel {
  padding: 10px !important;
}
html body main.shell[data-app] .trade-card,
html body main.shell[data-app] .account-check-card,
html body main.shell[data-app] .pick-card,
html body main.shell[data-app] .volume-bot-card,
html body main.shell[data-app] .row-card,
html body main.shell[data-app] .connected-wallet-card {
  padding: 12px !important;
  border-radius: 10px !important;
}
html body main.shell[data-app] .volume-grid {
  gap: 8px !important;
}
html body main.shell[data-app] .card-actions,
html body main.shell[data-app] .quick-grid {
  gap: 6px !important;
}
html body main.shell[data-app] .command-grid {
  gap: 10px !important;
}

/* Flat surfaces app-wide: kill residual neon glow/shadow. */
html body main.shell[data-app] .trade-card,
html body main.shell[data-app] .account-check-card,
html body main.shell[data-app] .pick-card,
html body main.shell[data-app] .row-card,
html body main.shell[data-app] .connected-wallet-card,
html body main.shell[data-app] .volume-bot-card {
  box-shadow: none !important;
  background: rgba(8, 12, 9, 0.96) !important;
  border: 1px solid var(--line) !important;
}

/* Connect / "Built for Traders" page: de-bulk the hero + connect buttons. */
html body main.shell[data-app] .connect-hero h1,
html body main.shell[data-app] [class*="built-for"] h1,
html body main.shell[data-app] .swamp-connect h1,
html body main.shell[data-app] .login-hero h1 {
  font-size: clamp(28px, 6vw, 46px) !important;
  line-height: 1.05 !important;
}
html body main.shell[data-app] .swamp-connect h2,
html body main.shell[data-app] .login-card h2,
html body main.shell[data-app] .connect-card h2 {
  font-size: clamp(20px, 4vw, 30px) !important;
}
html body main.shell[data-app] .wallet-choice,
html body main.shell[data-app] [class*="wallet-option"],
html body main.shell[data-app] .connect-card button,
html body main.shell[data-app] .login-card button {
  font-size: 13px !important;
  padding: 10px 14px !important;
  border-radius: 9px !important;
}
/* === END SLIMEWIRE_V2_GLOBAL_COMPACT_20260608_V1 ===================== */

/* === SLIMEWIRE_V2_TOPBAR_20260608_V1 ===================================
   Collapse the stacked full-width control rows (search + sync + auth) into
   one tight, wrapping strip of small chips. Verified live. */
html body main.shell[data-app][data-route="terminal"] .topbar-right {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100%;
}
html body main.shell[data-app] .terminal-global-search {
  flex: 1 1 240px !important;
  display: flex !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 4px !important;
}
html body main.shell[data-app] .terminal-global-search input {
  flex: 1 1 auto !important;
  padding: 6px 9px !important;
}
html body main.shell[data-app] .top-sync-strip,
html body main.shell[data-app] .top-auth-actions,
html body main.shell[data-app] .top-auth-group {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
/* Compact, non-stretching chips for every top-control button. */
html body main.shell[data-app] .top-sync-strip button,
html body main.shell[data-app] .top-auth-group button,
html body main.shell[data-app] .terminal-global-search button {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  padding: 5px 10px !important;
  border-radius: 7px !important;
  min-height: 0 !important;
  white-space: nowrap !important;
}
/* Hide the redundant text read-outs (duplicated by the stat tiles). */
html body main.shell[data-app] .top-sync-strip [data-top-sol],
html body main.shell[data-app] .top-sync-strip [data-top-portfolio],
html body main.shell[data-app] .top-sync-strip [data-sync-health],
html body main.shell[data-app] .top-sync-strip [data-active-preset-label],
html body main.shell[data-app] .top-sync-strip [data-top-wallet-status] {
  display: none !important;
}
/* Beat the [data-route]-scoped mobile grid that stretches the sync strip. */
html body main.shell[data-app][data-route="terminal"] .top-sync-strip {
  display: inline-flex !important;
  grid-template-columns: none !important;
  width: auto !important;
}
html body main.shell[data-app][data-route="terminal"] .top-sync-strip > button,
html body main.shell[data-app][data-route="terminal"] .top-auth-group > button,
html body main.shell[data-app][data-route="terminal"] .terminal-global-search > button {
  flex: 0 0 auto !important;
  width: fit-content !important;
  max-width: 220px !important;
  font-size: 11px !important;
  padding: 5px 10px !important;
  border-radius: 7px !important;
  min-height: 0 !important;
  white-space: nowrap !important;
}
/* The TP/SL button stacks its icon + label; keep it on one line. */
html body main.shell[data-app][data-route="terminal"] .top-sync-strip > button.top-tpsl-status {
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
}
/* === END SLIMEWIRE_V2_TOPBAR_20260608_V1 ============================= */

/* === SLIMEWIRE_V2_MODEROW_20260608_V1 ==================================
   Compact the tall 2-across mode buttons (KOL modes, scanners, subtabs)
   into tidy tab chips. Verified live. */
html body main.shell[data-app] .mode-row button,
html body main.shell[data-app] .terminal-modes button {
  padding: 7px 12px !important;
  font-size: 12px !important;
  min-height: 0 !important;
  border-radius: 7px !important;
  font-weight: 550 !important;
}
/* Curated/profile cards: tighter, flat, consistent. */
html body main.shell[data-app] .kol-profile,
html body main.shell[data-app] .kol-dashboard,
html body main.shell[data-app] .kol-card,
html body main.shell[data-app] .curated-card {
  padding: 12px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
/* === END SLIMEWIRE_V2_MODEROW_20260608_V1 ============================ */

/* === SLIMEWIRE_V2_ICONS_20260608_V1 ====================================
   New clean monochrome nav icon set, rendered via CSS mask so each glyph
   tints to the theme: muted when idle, bright slime when active. Replaces
   the old mixed PNG/SVG icons for a crisp, consistent rail. */
html body main.shell[data-app] .tabs button[data-tab]::before {
  background-image: none !important;
  background-color: #8fa68d !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 76% auto !important;
  mask-size: 76% auto !important;
  transition: background-color 0.14s ease;
}
html body main.shell[data-app] .tabs button[data-active="true"]::before,
html body main.shell[data-app] .tabs button:hover::before {
  background-color: var(--slime-green-strong, #bbff63) !important;
}

html body main.shell[data-app] .tabs button[data-tab="terminal"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/terminal.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/terminal.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="dashboard"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/dashboard.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/dashboard.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="profile"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/profile.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/profile.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="smartChart"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/smartChart.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/smartChart.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="trade"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/trade.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/trade.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="live"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/live.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/live.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="liveTrades"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/liveTrades.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/liveTrades.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="slimeScope"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/slimeScope.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/slimeScope.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="watchlist"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/watchlist.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/watchlist.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="kol"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/kol.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/kol.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="ogreAi"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/ogreAi.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/ogreAi.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="launchCoin"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/launchCoin.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/launchCoin.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="bundle"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/bundle.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/bundle.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="volume"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/volume.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/volume.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="launch"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/sniper.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/sniper.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="sniper"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/sniper.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/sniper.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="wallets"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/wallets.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/wallets.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="positions"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/positions.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/positions.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="pnl"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/pnl.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/pnl.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="ogreTek"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/ogreTek.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/ogreTek.svg") !important; }
html body main.shell[data-app] .tabs button[data-tab="txAudit"]::before { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/txAudit.svg") !important; mask-image: url("/assets/slimewire/svg/icons-v2/txAudit.svg") !important; }
/* === END SLIMEWIRE_V2_ICONS_20260608_V1 ============================== */

/* === SLIMEWIRE_V2_ROWS_20260608_V1 =====================================
   Cleaner, denser signal/position rows: tidy inline stat pairs (muted tiny
   label over white value), tighter row padding, subtle separators — so the
   feeds read like a pro data table when populated. */
html body main.shell[data-app] .terminal-token-row,
html body main.shell[data-app] .compact-signal-row {
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(120, 230, 120, 0.07) !important;
  border-radius: 0 !important;
  gap: 10px !important;
}
html body main.shell[data-app] .terminal-token-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 14px !important;
  margin: 0 !important;
}
html body main.shell[data-app] .terminal-token-stats > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 44px;
}
html body main.shell[data-app] .terminal-token-stats dt {
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #6f7e6e !important;
  margin: 0 !important;
}
html body main.shell[data-app] .terminal-token-stats dd {
  font-size: 12px !important;
  color: #f0f6ee !important;
  margin: 0 !important;
  font-variant-numeric: tabular-nums;
}
html body main.shell[data-app] .terminal-token-title strong {
  font-size: 13px !important;
}
html body main.shell[data-app] .terminal-token-title small {
  color: #7d8c7c !important;
}
/* === END SLIMEWIRE_V2_ROWS_20260608_V1 =============================== */

/* === SLIMEWIRE_V2_MOBILEFIX_20260608_V1 ================================
   Fix the Ogre Tools nav icons that were display:none, and tighten the
   sloppy stacked mobile topbar into compact chips. Verified live. */

/* Ogre Tools group icons (AI, Pump, Bundle, Volume, Launch, Snipe) were
   hidden — show them at the same size/treatment as the rest of the rail. */
html body main.shell[data-app] .tabs .nav-tool-group button[data-tab]::before,
html body main.shell[data-app] .tabs button[data-tab="ogreAi"]::before,
html body main.shell[data-app] .tabs button[data-tab="launchCoin"]::before,
html body main.shell[data-app] .tabs button[data-tab="bundle"]::before,
html body main.shell[data-app] .tabs button[data-tab="volume"]::before,
html body main.shell[data-app] .tabs button[data-tab="launch"]::before,
html body main.shell[data-app] .tabs button[data-tab="sniper"]::before,
html body main.shell[data-app] .tabs button[data-tab="ogreTek"]::before {
  display: block !important;
  width: 18px !important;
  height: 16px !important;
  margin: 0 auto 2px !important;
}

/* Tighten the mobile topbar: compact, wrapping chips instead of stacked
   full-width buttons (the sloppy top-of-screen). */
@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"] .topbar-right {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    align-items: center !important;
  }
  html body main.shell[data-app][data-route="terminal"] .terminal-global-search {
    flex: 1 1 100% !important;
  }
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip,
  html body main.shell[data-app][data-route="terminal"] .top-auth-actions,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: 100% !important;
  }
  html body main.shell[data-app][data-route="terminal"] .top-sync-strip > button,
  html body main.shell[data-app][data-route="terminal"] .top-auth-group > button {
    flex: 1 1 30% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    font-size: 11px !important;
    padding: 7px 8px !important;
    border-radius: 7px !important;
  }
}
/* Pairs polish: stat tiles stay compact and never truncate their values;
   the strip scrolls cleanly on small screens instead of clipping. */
html body main.shell[data-app] .terminal-token-stats {
  overflow-x: auto !important;
  scrollbar-width: none;
}
html body main.shell[data-app] .terminal-token-stats::-webkit-scrollbar {
  height: 0 !important;
}
html body main.shell[data-app] .terminal-token-stats dd {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
@media (max-width: 760px) {
  html body main.shell[data-app] .terminal-token-stats > div {
    min-width: 0 !important;
    padding: 4px 7px !important;
  }
  html body main.shell[data-app] .terminal-token-stats dd {
    font-size: 11.5px !important;
  }
}
/* Calmer mobile scrolling: stop the rubber-band bounce / scroll-chaining
   that makes people overshoot and "get lost", and drop the long iOS fling
   momentum so the feed settles where you let go instead of flying past. */
@media (max-width: 760px) {
  html body main.shell[data-app][data-route="terminal"],
  html body main.shell[data-app][data-route="terminal"] [data-dashboard],
  html body main.shell[data-app][data-route="terminal"] .command-workspace,
  html body main.shell[data-app][data-route="terminal"] .terminal-main {
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: auto !important;
  }
}
/* === END SLIMEWIRE_V2_MOBILEFIX_20260608_V1 ========================== */

/* === SLIMEBOT_CONFIGURATOR_20260609_V1 =================================
   SlimeBot "Volume Configurator" look: ogre/swamp background, green title,
   slider + segmented controls, queue-status cards. Matches the reference. */
html body main.shell[data-app] .slime-configurator {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(120, 230, 120, 0.18) !important;
  border-radius: 14px !important;
  background: #050805 !important;
  padding: 0 !important;
}
html body main.shell[data-app] .slime-configurator .vbot-config-bg {
  position: absolute;
  inset: 0;
  /* Prominent ogre on the right with a green laser-eye glow; controls sit on
     the darkened left so they stay readable. */
  /* volume-template.png is the AI-cleaned panel: demon + SlimeWire logo on the
     right, empty atmospheric dark on the left. Our real controls fill the left;
     a light gradient keeps their text crisp without hiding the demon. */
  background:
    linear-gradient(100deg, rgba(5, 8, 5, 0.84) 0%, rgba(5, 8, 5, 0.6) 48%, rgba(5, 8, 5, 0.12) 100%),
    url("/assets/slimewire/tool-bg/volume-template.png") right center / cover no-repeat,
    url("/assets/slimewire/tool-bg/volume.jpg") right center / cover no-repeat,
    url("/assets/slimewire/png/slimewire-ogre-hero-rich.png") right center / cover no-repeat;
  opacity: 1;
  pointer-events: none;
}
html body main.shell[data-app] .slime-configurator .vbot-config-inner {
  position: relative;
  z-index: 1;
  padding: 18px 20px 20px;
  display: grid;
  gap: 14px;
}
/* On wide panels keep the config controls on the LEFT so the demon + logo art
   owns the right side (like the mockup); the queue/list stay full width. */
@media (min-width: 860px) {
  html body main.shell[data-app] .slime-configurator .vbot-config-title,
  html body main.shell[data-app] .slime-configurator .vbot-config-field,
  html body main.shell[data-app] .slime-configurator .vbot-config-row,
  html body main.shell[data-app] .slime-configurator .vbot-config-toggles,
  html body main.shell[data-app] .slime-configurator .vbot-config-start,
  html body main.shell[data-app] .slime-configurator > .vbot-config-inner > [data-vbot-status] {
    max-width: 60% !important;
  }
}
html body main.shell[data-app] .vbot-config-title {
  margin: 0;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  color: var(--slime-green-strong, #bbff63) !important;
  text-shadow: 0 0 18px rgba(114, 255, 35, 0.35);
  text-transform: uppercase;
}
html body main.shell[data-app] .vbot-config-field {
  display: grid;
  gap: 6px;
  max-width: 560px;
}
html body main.shell[data-app] .vbot-config-label {
  font-size: 14px !important;
  font-weight: 650 !important;
  color: #eaf5e6 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body main.shell[data-app] .vbot-config-label.small {
  font-size: 10px !important;
  color: #7d8c7c !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
html body main.shell[data-app] .slime-configurator input[type="text"],
html body main.shell[data-app] .slime-configurator select,
html body main.shell[data-app] .slime-configurator .vbot-slider-box {
  background: rgba(6, 11, 8, 0.85) !important;
  border: 1px solid rgba(120, 230, 120, 0.25) !important;
  border-radius: 10px !important;
  padding: 11px 12px !important;
  font-size: 14px !important;
  color: #eef6ec !important;
}
html body main.shell[data-app] .vbot-config-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
  max-width: 640px;
}
html body main.shell[data-app] .vbot-slider-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
html body main.shell[data-app] .vbot-slider-box {
  width: 84px;
  text-align: center;
}
/* Range sliders: gray track, glowing slime thumb. */
html body main.shell[data-app] .slime-configurator input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(114,255,35,0.55), rgba(80,90,80,0.5));
  outline: none;
}
html body main.shell[data-app] .slime-configurator input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #8bff6a;
  box-shadow: 0 0 12px rgba(139, 255, 106, 0.8);
  cursor: pointer;
}
html body main.shell[data-app] .slime-configurator input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: none;
  border-radius: 50%;
  background: #8bff6a;
  box-shadow: 0 0 12px rgba(139, 255, 106, 0.8);
  cursor: pointer;
}
html body main.shell[data-app] .vbot-slider-ticks {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #8a988a;
  margin-top: 2px;
}
/* Segmented controls (Mode / Aggressiveness). */
html body main.shell[data-app] .vbot-segment {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  border-radius: 12px;
  background: rgba(8, 13, 9, 0.7);
  border: 1px solid rgba(120, 230, 120, 0.18);
}
html body main.shell[data-app] .vbot-segment button {
  border: none !important;
  background: transparent !important;
  color: #9fb89c !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 9px 22px !important;
  border-radius: 9px !important;
  cursor: pointer;
}
html body main.shell[data-app] .vbot-segment button[data-active="true"] {
  background: linear-gradient(180deg, #76e24f, #57c93a) !important;
  color: #06140a !important;
  box-shadow: 0 0 14px rgba(114, 255, 35, 0.35);
}
/* Queue status cards. */
html body main.shell[data-app] .vbot-queue {
  border-top: 1px solid rgba(120, 230, 120, 0.12);
  padding-top: 12px;
  margin-top: 4px;
}
html body main.shell[data-app] .vbot-queue-head strong {
  display: block;
  font-size: 22px;
  color: #f2f7f0;
  margin-top: 2px;
}
html body main.shell[data-app] .vbot-queue-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
  max-width: 640px;
}
html body main.shell[data-app] .vbot-queue-card {
  background: rgba(8, 13, 9, 0.72);
  border: 1px solid rgba(120, 230, 120, 0.14);
  border-radius: 12px;
  padding: 14px 16px;
}
html body main.shell[data-app] .vbot-queue-title {
  margin: 0;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--slime-green-strong, #bbff63) !important;
  letter-spacing: 0.04em;
}
html body main.shell[data-app] .vbot-queue-sub {
  margin: 2px 0 8px;
  color: #cfe0cb !important;
  font-size: 13px;
}
html body main.shell[data-app] .vbot-queue-cap {
  margin: 0 0 6px;
  color: #cfe0cb !important;
  font-size: 13px;
}
html body main.shell[data-app] .vbot-queue-bar {
  height: 8px;
  border-radius: 999px;
  background: rgba(80, 90, 80, 0.4);
  overflow: hidden;
}
html body main.shell[data-app] .vbot-queue-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #76e24f, #57c93a);
}
html body main.shell[data-app] .vbot-queue-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
html body main.shell[data-app] .vbot-queue-foot span {
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #7d8c7c;
}
html body main.shell[data-app] .vbot-queue-foot strong {
  font-size: 26px;
  color: var(--slime-green-strong, #bbff63);
}
html body main.shell[data-app] .vbot-config-start {
  max-width: 640px;
  padding: 13px !important;
  font-size: 15px !important;
}
@media (max-width: 760px) {
  html body main.shell[data-app] .vbot-config-row,
  html body main.shell[data-app] .vbot-queue-grid {
    grid-template-columns: 1fr;
  }
  html body main.shell[data-app] .vbot-config-title { font-size: 22px !important; }
  html body main.shell[data-app] .slime-configurator .vbot-config-bg { opacity: 0.72; }
}
html body main.shell[data-app] .vbot-config-toggles {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 640px;
  margin: 4px 0 2px;
}
html body main.shell[data-app] .vbot-toggle {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid rgba(120, 200, 90, 0.22);
  border-radius: 12px;
  background: rgba(12, 26, 10, 0.55);
  font-size: 13px;
  line-height: 1.35;
  color: var(--slime-text-soft, #cfe8c4);
  cursor: pointer;
}
html body main.shell[data-app] .vbot-toggle:hover {
  border-color: rgba(150, 230, 110, 0.4);
}
html body main.shell[data-app] .vbot-toggle input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--slime-green-strong, #bbff63);
  flex: 0 0 auto;
}
html body main.shell[data-app] .vbot-toggle strong {
  color: var(--slime-green-strong, #bbff63);
}
/* === END SLIMEBOT_CONFIGURATOR_20260609_V1 =========================== */

/* === OGRESWAP_20260609_V2 (positioned image-skin) =====================
   swap-template.png IS the panel face; our real controls sit IN the drawn
   slots (amount + token in the boxes, reverse on the circle, SWAP on the bar,
   wallet/slippage on the top pills). Aspect-locked + container-query sizing so
   it scales. Advanced (quick buys, sells) live in a collapsible; the managed
   auto-exit block stays below. */
html body main.shell[data-app] .ogre-swap-card.ogre-swap-skin {
  position: relative;
  overflow: visible;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
html body main.shell[data-app] .oss-a11y-title {
  position: absolute !important;
  width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}
html body main.shell[data-app] .oss-stage-wrap {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  container-type: inline-size;
}
html body main.shell[data-app] .oss-stage {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  aspect-ratio: 1264 / 848;
  container-type: inline-size;
  background: #050805 url("/assets/slimewire/tool-bg/swap-template.png") center / 100% 100% no-repeat;
}
/* Wallet bar: on desktop it sits as the top-right pill on the stage; on mobile
   it becomes a clean full-width bar directly under the panel (see media query). */
html body main.shell[data-app] .oss-wallet-bar {
  position: absolute;
  top: 5%;
  left: 79.5%;
  width: 16%;
  height: 7.6%;
}
html body main.shell[data-app] .oss-wallet-bar .oss-pill {
  position: static !important;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
}
/* Swap is a single, full-width panel: no side column, no stuff below - just the
   OgreSwap panel (amount, tokens, reverse, SWAP, wallet + slippage pills). */
html body main.shell[data-app] .trade-layout:has(.ogre-swap-skin) {
  grid-template-columns: 1fr !important;
}
html body main.shell[data-app] .trade-layout:has(.ogre-swap-skin) .trade-side {
  display: none !important;
}
html body main.shell[data-app] .trade-layout:has(.ogre-swap-skin) .ogre-swap-skin {
  max-width: 1120px;
  margin: 0 auto;
  width: 100%;
}
html body main.shell[data-app] .ogre-swap-skin .oss-status {
  text-align: center;
  color: #9fb89c !important;
  font-size: 12px !important;
  margin: 8px 0 0 !important;
}
html body main.shell[data-app] .oss-slot {
  position: absolute;
  left: 7%;
  width: 86%;
  height: 13.5%;
  display: flex;
  align-items: center;
  gap: 2%;
  padding: 0 3.5%;
  box-sizing: border-box;
}
html body main.shell[data-app] .oss-pay { top: 28.5%; }
html body main.shell[data-app] .oss-receive { top: 53%; }
html body main.shell[data-app] .oss-amount {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  color: #eafff0 !important;
  font-size: clamp(15px, 4.4cqw, 26px) !important;
  font-weight: 800 !important;
  padding: 0 !important;
}
html body main.shell[data-app] .oss-ca { font-size: clamp(10px, 2.6cqw, 15px) !important; font-weight: 700 !important; }
html body main.shell[data-app] .oss-tok {
  flex: 0 0 auto;
  width: 38%;
  max-width: 210px;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  color: #c7f7a4 !important;
  font-size: clamp(12px, 3.1cqw, 18px) !important;
  font-weight: 800 !important;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
html body main.shell[data-app] .oss-tok option,
html body main.shell[data-app] .oss-pill option { color: #06140a; background: #cfeec0; }
html body main.shell[data-app] .oss-reverse {
  position: absolute;
  left: 50%;
  top: 45.5%;
  transform: translate(-50%, -50%);
  width: 12%;
  height: 11%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 2;
}
html body main.shell[data-app] .oss-reverse .slime-swap-route-icon::before {
  content: "\21C5";
  color: #9bff6a;
  font-size: clamp(15px, 4cqw, 24px);
  font-weight: 700;
}
html body main.shell[data-app] .oss-swap {
  position: absolute;
  left: 8%;
  top: 72%;
  width: 84%;
  height: 14.5%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  color: #e3ff86 !important;
  font-size: clamp(18px, 5cqw, 32px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em;
  text-shadow: 0 0 16px rgba(150, 255, 60, 0.6);
}
html body main.shell[data-app] .oss-swap:hover { color: #f6ffba !important; }
html body main.shell[data-app] .oss-pill {
  position: absolute;
  top: 5%;
  height: 7.6%;
  display: flex;
  align-items: center;
}
html body main.shell[data-app] .oss-pill select {
  width: 100%;
  height: 100%;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  color: #d6ffac !important;
  font-size: clamp(12px, 2.5cqw, 16px) !important;
  font-weight: 800 !important;
  text-align: center;
  text-align-last: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
html body main.shell[data-app] .oss-wallet select {
  text-align: left;
  text-align-last: left;
}
html body main.shell[data-app] .oss-wallet { left: 79.5%; width: 16%; }
html body main.shell[data-app] .oss-slip { left: 62%; width: 17%; }
/* Tiny "SLIP"/"WALLET" caption above each pill so the values are clear. */
html body main.shell[data-app] .oss-pill::before {
  content: attr(data-cap);
  position: absolute;
  top: -1.6cqw;
  left: 0; right: 0;
  text-align: center;
  font-size: clamp(7px, 1.5cqw, 10px);
  letter-spacing: 0.1em;
  color: #7fae74;
  text-transform: uppercase;
  pointer-events: none;
}
html body main.shell[data-app] .ogre-swap-skin .oss-route {
  color: #9fb89c !important;
  text-align: center;
  font-size: 12px !important;
  margin: 12px 0 0 !important;
}
html body main.shell[data-app] .ogre-swap-advanced {
  margin-top: 12px;
  border: 1px solid rgba(120, 230, 120, 0.2);
  border-radius: 12px;
  background: rgba(8, 13, 9, 0.6);
  padding: 0 12px;
}
html body main.shell[data-app] .ogre-swap-advanced > summary {
  cursor: pointer;
  padding: 11px 2px;
  color: #bff79a;
  font-weight: 700;
  font-size: 13px;
  list-style: none;
}
html body main.shell[data-app] .ogre-swap-advanced > summary::-webkit-details-marker { display: none; }
html body main.shell[data-app] .ogre-swap-advanced[open] > summary { border-bottom: 1px solid rgba(120, 230, 120, 0.16); }
html body main.shell[data-app] .ogre-swap-advanced .quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 10px 0;
}
html body main.shell[data-app] .ogre-swap-advanced .quick-grid:has(button[data-trade-sell-quick]) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
html body main.shell[data-app] .ogre-swap-advanced .quick-grid button {
  border-radius: 10px !important;
  font-weight: 800 !important;
  padding: 11px 6px !important;
}
html body main.shell[data-app] .ogre-swap-advanced .quick-grid button.primary {
  background: linear-gradient(180deg, #76e24f, #4fb733) !important;
  color: #06140a !important;
  border: 0 !important;
}
/* On phones: slippage stays as the top-right pill on the panel, and the wallet
   becomes a clean full-width bar directly under the panel - tight to it, not
   overlapping. */
@media (max-width: 760px) {
  html body main.shell[data-app] .oss-slip { left: 60%; width: 36%; }
  html body main.shell[data-app] .oss-slip::before { font-size: 8px !important; }
  html body main.shell[data-app] .oss-wallet-bar {
    position: static !important;
    width: 100%;
    height: auto;
    margin: 8px 0 0;
  }
  html body main.shell[data-app] .oss-wallet-bar .oss-pill {
    height: auto;
    padding: 9px 12px;
    background: rgba(8, 13, 9, 0.92);
    border: 1px solid rgba(120, 230, 120, 0.28);
    border-radius: 12px;
    box-sizing: border-box;
  }
  html body main.shell[data-app] .oss-wallet-bar .oss-pill::before {
    position: static;
    display: block;
    text-align: left;
    font-size: 9px !important;
    margin-bottom: 2px;
  }
  html body main.shell[data-app] .oss-wallet-bar select {
    font-size: 14px !important;
    text-align: left;
    text-align-last: left;
    color: #eafff0 !important;
  }
}
/* === END OGRESWAP_20260609_V2 ======================================== */

/* === VOLUME_SKIN_20260609_V1 (positioned image-skin) ==================
   volume-template.png IS the panel face; real controls sit in the drawn
   slots. Stage is cropped to the config rows (top) so the drawn queue cards
   aren't shown; the real Start/queue/list live in .ovs-below. */
html body main.shell[data-app] .slime-configurator.ovs-skin {
  position: relative;
  overflow: visible;
  border: 0 !important;
  background: #050805 !important;
  padding: 0 !important;
}
/* One wide block: the panel on the left, the live info on the RIGHT side (not a
   tall scroll below). Collapses to a single column on narrow screens. */
html body main.shell[data-app] .ovs-skin.volume-bot-card {
  max-width: 1560px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 26px;
  align-items: stretch;
}
html body main.shell[data-app] .ovs-stage {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  aspect-ratio: 1264 / 848;
  container-type: inline-size;
  background: #050805 url("/assets/slimewire/tool-bg/volume-template.png") center / 100% 100% no-repeat;
  border-radius: 10px;
  overflow: hidden;
}
html body main.shell[data-app] .ovs-ca {
  position: absolute; left: 2.5%; top: 13.5%; width: 55%; height: 8%;
  background: transparent !important; border: 0 !important; outline: none !important; box-shadow: none !important;
  color: #eafff0 !important; font-size: clamp(11px, 2.4cqw, 16px) !important; font-weight: 600 !important;
  padding: 0 1.5% !important; box-sizing: border-box;
}
html body main.shell[data-app] .ovs-invest {
  position: absolute; left: 2.5%; top: 28%; width: 29%; height: 8%;
  display: flex; align-items: center; gap: 6px;
}
html body main.shell[data-app] .ovs-duration {
  position: absolute; left: 33%; top: 28%; width: 25%; height: 8%;
  display: flex; align-items: center; gap: 6px;
}
html body main.shell[data-app] .ovs-invest input[type="range"],
html body main.shell[data-app] .ovs-duration input[type="range"] { flex: 1 1 auto; min-width: 0; margin: 0 !important; }
html body main.shell[data-app] .ovs-invest-num {
  width: 30%; background: transparent !important; border: 0 !important; outline: none !important;
  color: #c7f7a4 !important; font-weight: 800 !important; font-size: clamp(11px, 2.4cqw, 16px) !important; text-align: center;
}
html body main.shell[data-app] .ovs-dur-label {
  color: #c7f7a4 !important; font-weight: 700; font-size: clamp(9px, 2cqw, 12px); white-space: nowrap;
}
html body main.shell[data-app] .ovs-stage input[type="range"] {
  -webkit-appearance: none; appearance: none; height: 6px;
  background: rgba(120, 230, 120, 0.25) !important; border-radius: 999px; outline: none; cursor: pointer; padding: 0 !important;
}
html body main.shell[data-app] .ovs-stage input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%;
  background: #8bff5a; box-shadow: 0 0 10px rgba(120, 255, 60, 0.7); cursor: pointer;
}
html body main.shell[data-app] .ovs-stage input[type="range"]::-moz-range-thumb {
  width: 16px; height: 16px; border: 0; border-radius: 50%; background: #8bff5a; box-shadow: 0 0 10px rgba(120, 255, 60, 0.7);
}
html body main.shell[data-app] .ovs-mode { position: absolute; left: 2.5%; top: 46.5%; width: 30%; height: 9.5%; }
html body main.shell[data-app] .ovs-aggr { position: absolute; left: 32.5%; top: 46.5%; width: 29%; height: 9.5%; }
/* Fully fade out the bottom of the template (the drawn Queue Status cards) so it
   doesn't duplicate the real, live queue + list that render in .ovs-below. */
html body main.shell[data-app] .ovs-stage::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(5, 8, 5, 0) 0%, rgba(5, 8, 5, 0.9) 30%, #050805 52%);
  pointer-events: none;
}
html body main.shell[data-app] .ovs-stage .vbot-segment {
  display: flex !important; gap: 2px; width: 100%; height: 100%;
  background: transparent !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important;
}
html body main.shell[data-app] .ovs-stage .vbot-segment button {
  flex: 1; height: 100%; border: 1px solid rgba(120, 230, 120, 0.2) !important; border-radius: 8px !important;
  background: rgba(7, 12, 8, 0.92) !important;
  color: #a7d894 !important; font-weight: 800 !important; font-size: clamp(9px, 2cqw, 13px) !important; cursor: pointer;
}
html body main.shell[data-app] .ovs-stage .vbot-segment button[data-active="true"] {
  color: #06140a !important; background: rgba(130, 255, 80, 0.92) !important;
  border-color: rgba(150, 255, 80, 0.9) !important;
  box-shadow: 0 0 10px rgba(120, 255, 60, 0.5);
}
/* Right-column live info: a single-column stack beside the panel so everything
   reads as one block with little/no scroll. */
html body main.shell[data-app] .ovs-below {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0;
  max-width: none;
  margin: 0;
  align-content: start;
}
html body main.shell[data-app] .ovs-below > .vbot-config-toggles {
  display: grid; grid-template-columns: 1fr; gap: 8px;
}
html body main.shell[data-app] .ovs-actions {
  display: flex; gap: 10px; flex-wrap: wrap;
}
html body main.shell[data-app] .ovs-actions .vbot-config-start { flex: 1 1 auto; }
html body main.shell[data-app] .vbot-stop-sweep {
  flex: 0 0 auto;
  background: linear-gradient(180deg, #ff7a4f, #d23b2f) !important;
  color: #1a0805 !important;
  border: 1px solid rgba(255, 140, 90, 0.7) !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  padding: 0 16px !important;
  cursor: pointer;
}
html body main.shell[data-app] .ovs-invest-unit {
  color: #c7f7a4 !important; font-weight: 800;
  font-size: clamp(10px, 2.4cqw, 15px); white-space: nowrap; padding-left: 2px;
}
/* Mobile labels are hidden on desktop (the template art already shows them). */
html body main.shell[data-app] .ovs-mlabel { display: none; }
/* Stacked (single-column) below ~920px: panel on top, info underneath. */
@media (max-width: 920px) {
  html body main.shell[data-app] .ovs-skin.volume-bot-card { grid-template-columns: 1fr; gap: 14px; }
}
/* On phones the positioned overlay is too cramped to use. Drop it: the stage
   becomes a clean vertical stack of labelled controls over a faint demon, so
   every field is tight, readable, and usable. */
@media (max-width: 760px) {
  html body main.shell[data-app] .ovs-stage {
    aspect-ratio: auto;
    height: auto;
    container-type: normal;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 14px 16px;
    background:
      linear-gradient(180deg, rgba(5, 8, 5, 0.82), rgba(5, 8, 5, 0.9)),
      url("/assets/slimewire/tool-bg/volume-template.png") right top / cover no-repeat,
      #050805;
  }
  html body main.shell[data-app] .ovs-stage::after { display: none; }
  html body main.shell[data-app] .ovs-mlabel {
    display: block; color: #bff79a; font-weight: 700; font-size: 12px;
    letter-spacing: 0.02em; text-transform: uppercase;
  }
  html body main.shell[data-app] .ovs-mlabel:first-child {
    color: var(--slime-green-strong, #bbff63); font-size: 18px; font-weight: 800;
    letter-spacing: 0.05em; margin-bottom: 8px;
  }
  html body main.shell[data-app] .ovs-mlabel-field { margin-top: 11px; }
  html body main.shell[data-app] .ovs-ca,
  html body main.shell[data-app] .ovs-invest,
  html body main.shell[data-app] .ovs-duration,
  html body main.shell[data-app] .ovs-mode,
  html body main.shell[data-app] .ovs-aggr {
    position: static !important; left: auto !important; top: auto !important;
    width: 100% !important; height: auto !important; max-width: none !important;
  }
  html body main.shell[data-app] .ovs-ca {
    background: rgba(7, 12, 8, 0.92) !important; border: 1px solid rgba(120, 230, 120, 0.25) !important;
    border-radius: 10px !important; padding: 12px !important; color: #eafff0 !important;
    font-size: 14px !important; box-sizing: border-box !important; margin-top: 3px;
  }
  html body main.shell[data-app] .ovs-invest,
  html body main.shell[data-app] .ovs-duration { display: flex !important; align-items: center; gap: 10px; padding: 6px 0 !important; }
  html body main.shell[data-app] .ovs-invest input[type="range"],
  html body main.shell[data-app] .ovs-duration input[type="range"] { flex: 1 1 auto; }
  html body main.shell[data-app] .ovs-invest-num {
    width: 58px !important; background: rgba(7, 12, 8, 0.92) !important; border: 1px solid rgba(120, 230, 120, 0.25) !important;
    border-radius: 8px !important; padding: 7px 4px !important; color: #eafff0 !important; text-align: center; font-size: 14px !important;
  }
  html body main.shell[data-app] .ovs-invest-unit { color: #c7f7a4 !important; font-size: 13px !important; font-weight: 800; }
  html body main.shell[data-app] .ovs-dur-label { color: #c7f7a4 !important; font-size: 13px !important; min-width: 34px; text-align: right; }
  html body main.shell[data-app] .ovs-stage .vbot-segment {
    display: flex !important; gap: 6px; width: 100%; height: auto; background: transparent !important;
  }
  html body main.shell[data-app] .ovs-stage .vbot-segment button {
    flex: 1; padding: 11px 4px !important; height: auto !important; font-size: 13px !important;
    background: rgba(7, 12, 8, 0.92) !important; border: 1px solid rgba(120, 230, 120, 0.2) !important;
    border-radius: 9px !important; color: #a7d894 !important;
  }
  html body main.shell[data-app] .ovs-stage .vbot-segment button[data-active="true"] {
    background: rgba(130, 255, 80, 0.9) !important; color: #06140a !important; border-color: rgba(150, 255, 80, 0.9) !important;
  }
}
/* === END VOLUME_SKIN_20260609_V1 ===================================== */

/* === PAIRS_CONTROLSTRIP_20260609_V1 ===================================
   Tidy the Cooks/Live Pairs control strip into one clean wrapping row
   (Sort + Refresh + Trade/Bundle/Volume) instead of a cramped cluster. */
html body main.shell[data-app] .live-control-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
}
html body main.shell[data-app] .live-control-strip > div:first-child {
  flex: 1 1 200px !important;
  min-width: 0 !important;
}
html body main.shell[data-app] .live-control-strip .card-actions {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}
html body main.shell[data-app] .live-control-strip .compact-label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap;
}
html body main.shell[data-app] .live-control-strip .compact-label select {
  width: auto !important;
  min-width: 120px;
}
html body main.shell[data-app] .live-control-strip small {
  flex: 1 1 100% !important;
  display: block !important;
}
/* === END PAIRS_CONTROLSTRIP_20260609_V1 ============================== */

/* === TEK_HUB_20260609_V1 ===============================================
   Ogre Tek hub: nav icon + landing deck with wallet bar and tool cards. */
html body main.shell[data-app] .tabs button[data-tab="tek"]::before {
  -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/dashboard.svg") !important;
  mask-image: url("/assets/slimewire/svg/icons-v2/dashboard.svg") !important;
}
html body main.shell[data-app] .tek-hub {
  display: grid;
  gap: 16px;
}
html body main.shell[data-app] .tek-hub-title {
  margin: 0;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  color: var(--slime-green-strong, #bbff63) !important;
  text-shadow: 0 0 16px rgba(114, 255, 35, 0.3);
}
html body main.shell[data-app] .tek-hub-head p {
  color: var(--slime-muted, #8a988a) !important;
  margin: 4px 0 0;
}
html body main.shell[data-app] .tek-wallet-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  padding: 12px 14px;
  border: 1px solid rgba(120, 230, 120, 0.14);
  border-radius: 12px;
  background: rgba(7, 11, 8, 0.92);
}
html body main.shell[data-app] .tek-stat {
  display: flex;
  flex-direction: column;
}
html body main.shell[data-app] .tek-stat span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7d8c7c;
}
html body main.shell[data-app] .tek-stat strong {
  font-size: 16px;
  color: #f2f7f0;
}
html body main.shell[data-app] .tek-wallet-actions {
  margin-left: auto;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
html body main.shell[data-app] .tek-tool-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
html body main.shell[data-app] .tek-tool-card {
  display: grid;
  gap: 6px;
  justify-items: start;
  text-align: left;
  padding: 16px !important;
  border: 1px solid rgba(120, 230, 120, 0.16) !important;
  border-radius: 12px !important;
  background: rgba(9, 14, 10, 0.95) !important;
  cursor: pointer;
  transition: border-color 0.14s ease, transform 0.12s ease, background 0.14s ease;
}
html body main.shell[data-app] .tek-tool-card:hover {
  border-color: rgba(150, 255, 90, 0.6) !important;
  background: rgba(16, 24, 18, 0.97) !important;
  transform: translateY(-2px);
}
html body main.shell[data-app] .tek-tool-card strong {
  font-size: 16px;
  color: var(--slime-green-strong, #bbff63);
}
html body main.shell[data-app] .tek-tool-card small {
  color: #9fb89c;
  font-size: 12px;
  line-height: 1.4;
}
html body main.shell[data-app] .tek-tool-icon {
  width: 26px;
  height: 26px;
  background-color: var(--slime-green-strong, #bbff63);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
html body main.shell[data-app] .tek-tool-icon[data-tek-icon="ogreAi"] { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/ogreAi.svg"); mask-image: url("/assets/slimewire/svg/icons-v2/ogreAi.svg"); }
html body main.shell[data-app] .tek-tool-icon[data-tek-icon="volume"] { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/volume.svg"); mask-image: url("/assets/slimewire/svg/icons-v2/volume.svg"); }
html body main.shell[data-app] .tek-tool-icon[data-tek-icon="bundle"] { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/bundle.svg"); mask-image: url("/assets/slimewire/svg/icons-v2/bundle.svg"); }
html body main.shell[data-app] .tek-tool-icon[data-tek-icon="launchCoin"] { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/launchCoin.svg"); mask-image: url("/assets/slimewire/svg/icons-v2/launchCoin.svg"); }
html body main.shell[data-app] .tek-tool-icon[data-tek-icon="launch"] { -webkit-mask-image: url("/assets/slimewire/svg/icons-v2/sniper.svg"); mask-image: url("/assets/slimewire/svg/icons-v2/sniper.svg"); }
/* === END TEK_HUB_20260609_V1 ========================================= */

/* === OGRE_AI_CATEGORIES_AUTOPILOT_20260609_V1 ========================
   Ogre A.I. scan-category selector + guarded autopilot panel. */
html body main.shell[data-app] .ogre-cat-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}
html body main.shell[data-app] .ogre-cat-label {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--slime-text-soft, #cfe8c4);
}
html body main.shell[data-app] .ogre-cat-segment {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}
html body main.shell[data-app] .ogre-cat-segment button {
  padding: 9px 6px;
  border-radius: 11px;
  border: 1px solid rgba(120, 200, 90, 0.22);
  background: rgba(12, 26, 10, 0.55);
  color: var(--slime-text-soft, #cfe8c4);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
html body main.shell[data-app] .ogre-cat-segment button:hover {
  border-color: rgba(150, 230, 110, 0.45);
}
html body main.shell[data-app] .ogre-cat-segment button[data-active="true"] {
  background: linear-gradient(180deg, rgba(120, 210, 70, 0.32), rgba(60, 140, 40, 0.22));
  border-color: var(--slime-green-strong, #bbff63);
  color: #eaffd9;
  box-shadow: 0 0 0 1px rgba(187, 255, 99, 0.35), 0 4px 14px rgba(120, 210, 70, 0.18);
}
html body main.shell[data-app] .ogre-cat-hint {
  font-size: 12px;
  line-height: 1.4;
  color: var(--slime-text-dim, #9fc190);
}
html body main.shell[data-app] .ogre-autopilot {
  border: 1px solid rgba(120, 200, 90, 0.22);
  border-radius: 14px;
  padding: 14px;
  background: rgba(10, 22, 8, 0.6);
}
html body main.shell[data-app] .ogre-autopilot.is-on {
  border-color: var(--slime-green-strong, #bbff63);
  box-shadow: 0 0 0 1px rgba(187, 255, 99, 0.28), 0 6px 18px rgba(120, 210, 70, 0.15);
}
html body main.shell[data-app] .ogre-autopilot-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
html body main.shell[data-app] .ogre-autopilot-head h3 { margin: 0 0 2px; }
html body main.shell[data-app] .ogre-autopilot-head p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--slime-text-soft, #cfe8c4);
}
html body main.shell[data-app] .ogre-autopilot-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--slime-green-strong, #bbff63);
  white-space: nowrap;
  cursor: pointer;
}
html body main.shell[data-app] .ogre-autopilot-switch input { width: 18px; height: 18px; accent-color: var(--slime-green-strong, #bbff63); }
html body main.shell[data-app] .ogre-autopilot-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 12px 0;
}
html body main.shell[data-app] .ogre-autopilot-grid label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11.5px;
  color: var(--slime-text-dim, #9fc190);
}
html body main.shell[data-app] .ogre-autopilot-grid input {
  padding: 8px 10px;
  border-radius: 9px;
  border: 1px solid rgba(120, 200, 90, 0.22);
  background: rgba(6, 16, 5, 0.7);
  color: #eaffd9;
  font-size: 13px;
}
@media (max-width: 760px) {
  html body main.shell[data-app] .ogre-cat-segment { grid-template-columns: 1fr 1fr; }
}
/* === END OGRE_AI_CATEGORIES_AUTOPILOT_20260609_V1 ==================== */

/* === PAIR_ROW_COMPACT_20260609_V2 ====================================
   Compact pair rows for EVERY pair list (Cooks, Watchlist, Sniper, Scope,
   KOL) on web and mobile. Web: one tight detail line + a row of small icon
   action buttons. Mobile: the stacked 10-line card collapses to ~3 lines —
   name, CA+links+risk, then an inline labelled stat strip + icon actions. */
html body main.shell[data-app] .signal-row {
  min-height: 0 !important;
  padding: 7px 12px !important;
  align-items: center !important;
}
html body main.shell[data-app] .signal-token {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}
/* Name on its own line; CA + links + risk badges collapse onto one wrapping
   line so the whole cell is ~2 lines instead of 4 stacked rows. */
html body main.shell[data-app] .signal-token > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  min-width: 0;
}
html body main.shell[data-app] .signal-name-row { flex: 1 0 100%; }
html body main.shell[data-app] .ca-copy { flex: 0 0 auto; }
html body main.shell[data-app] .signal-token .signal-links { display: inline-flex; margin-top: 0 !important; }
html body main.shell[data-app] .signal-token .live-pair-avatar,
html body main.shell[data-app] .signal-token .live-pair-avatar img {
  width: 36px !important;
  height: 36px !important;
}
html body main.shell[data-app] .signal-name-row strong { font-size: 14px !important; }
html body main.shell[data-app] .signal-name-row small { font-size: 11px !important; }
html body main.shell[data-app] .ca-copy { margin-top: 0 !important; font-size: 11px !important; }
/* Links + risk badges share one tight wrapping line instead of two stacks. */
html body main.shell[data-app] .signal-links { margin-top: 3px !important; gap: 4px !important; }
html body main.shell[data-app] .signal-links a,
html body main.shell[data-app] .signal-links button {
  min-height: 18px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}
html body main.shell[data-app] .signal-links .sniper-pill {
  min-height: 18px !important;
  font-size: 9px !important;
  padding: 1px 6px !important;
}
html body main.shell[data-app] .signal-cell span { font-size: 12.5px !important; }
html body main.shell[data-app] .signal-cell small { margin-top: 1px !important; font-size: 10.5px !important; }

/* Actions: single non-wrapping row of small icon buttons. Labels are kept in
   the DOM (screen readers + title tooltips) but hidden visually; a glyph is
   drawn per action via ::before. */
html body main.shell[data-app] .signal-list .signal-row .signal-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
/* Extra .signal-list .signal-row specificity so font-size:0 beats the older
   terminal-scoped `.signal-actions button { font-size:10px !important }`. */
html body main.shell[data-app] .signal-list .signal-row .signal-actions > button,
html body main.shell[data-app] .signal-list .signal-row .signal-actions > .dev-info-pill {
  grid-column: auto !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
html body main.shell[data-app] .signal-actions > button::before,
html body main.shell[data-app] .signal-actions > .dev-info-pill::before {
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
}
html body main.shell[data-app] .signal-actions > button[data-token-trade]::before { content: "\21C4"; } /* ⇄ trade */
html body main.shell[data-app] .signal-actions > button[data-sniper-buy]::before { content: "\26A1"; } /* ⚡ snipe */
html body main.shell[data-app] .signal-actions > button[data-quick-buy-token]::before { content: "$"; }
html body main.shell[data-app] .signal-actions > button[data-quick-bundle-token]::before { content: "\2263"; } /* ≣ bundle */
html body main.shell[data-app] .signal-actions > button.watch-action::before { content: "\2606"; } /* ☆ watch */
html body main.shell[data-app] .signal-actions > button.watch-action[data-watched="true"]::before { content: "\2605"; } /* ★ saved */
html body main.shell[data-app] .signal-actions > button[data-unwatch-token]::before { content: "\2715"; } /* ✕ remove */
html body main.shell[data-app] .signal-actions > button[data-kol-dump-details]::before { content: "\24C0"; } /* Ⓚ kol info */
html body main.shell[data-app] .signal-actions > .dev-info-pill::before { content: "\24D8"; } /* ⓘ dev info */

/* Mobile: collapse the stacked card into ~3 tight lines. */
@media (max-width: 760px) {
  html body main.shell[data-app] .signal-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 3px 10px !important;
    padding: 8px 10px !important;
  }
  html body main.shell[data-app] .signal-row > .signal-token { flex: 1 0 100% !important; }
  /* Stats become an inline labelled strip; subtext is hidden for tightness. */
  html body main.shell[data-app] .signal-row > .signal-cell {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    min-width: 0 !important;
  }
  html body main.shell[data-app] .signal-row > .signal-cell::before {
    content: attr(data-cell);
    color: var(--slime-text-dim, #8aa37e);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  html body main.shell[data-app] .signal-row > .signal-cell span { font-size: 11.5px !important; }
  html body main.shell[data-app] .signal-row > .signal-cell small { display: none !important; }
  html body main.shell[data-app] .signal-row > .signal-actions {
    flex: 1 0 100% !important;
    justify-content: flex-start !important;
    margin-top: 2px !important;
  }
  html body main.shell[data-app] .signal-list .signal-row .signal-actions > button,
  html body main.shell[data-app] .signal-list .signal-row .signal-actions > .dev-info-pill {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }
}
/* === END PAIR_ROW_COMPACT_20260609_V2 =============================== */

/* === COOKS_STYLE_TERMINAL_ROWS_20260609_V1 ==========================
   Live Terminal + KOL panels render .terminal-token-row with the .is-cooks
   flag so they match the compact Cooks look (tight row, icon action buttons).
   Slime Scope rows have NO .is-cooks and keep their 3-row style. */
html body main.shell[data-app] .terminal-token-row.is-cooks {
  padding: 7px 10px !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 0 !important;
}
html body main.shell[data-app] .terminal-token-row.is-cooks .live-pair-avatar,
html body main.shell[data-app] .terminal-token-row.is-cooks .live-pair-avatar img {
  width: 34px !important;
  height: 34px !important;
}
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-title strong { font-size: 14px !important; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-stats { gap: 4px 10px !important; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-stats span { font-size: 11px !important; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-stats span small { font-size: 9px !important; }

/* Actions -> compact icon row (override the older grid + 10px-text rules). */
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template-columns: none !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button,
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > .dev-info-pill {
  grid-column: auto !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button::before,
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > .dev-info-pill::before {
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
}
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button[data-token-trade]::before { content: "\21C4"; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button[data-quick-buy-token]::before { content: "$"; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button[data-quick-bundle-token]::before { content: "\2263"; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button[data-smart-chart-token]::before { content: "\25A6"; } /* ▦ chart */
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button.watch-action::before { content: "\2606"; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button.watch-action[data-watched="true"]::before { content: "\2605"; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button[data-kol-dump-details]::before { content: "\24C0"; }
html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > .dev-info-pill::before { content: "\24D8"; }

@media (max-width: 760px) {
  html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > button,
  html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-actions > .dev-info-pill {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }
  /* Hide the longer volume windows on small screens for density. */
  html body main.shell[data-app] .terminal-token-row.is-cooks .terminal-token-stats span:nth-child(n+4) { display: none !important; }
}
/* === END COOKS_STYLE_TERMINAL_ROWS_20260609_V1 ====================== */

/* === NAV_ONE_ROW_20260609_V1 =========================================
   With the Tek-hub tools removed the top nav is only 13 items, so on wide
   desktops fit them on a single row (smaller buttons) instead of wrapping to
   two. Narrower widths keep the existing multi-row grid. Appended last so the
   13-col template wins over the earlier repeat(9) min-width:761 rule. */
@media (min-width: 1181px) {
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs {
    grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    gap: 4px !important;
  }
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs > button,
  html body main.shell[data-app][data-route="terminal"] [data-dashboard] > .tabs .nav-tool-group > summary {
    min-height: 38px !important;
    padding: 4px 3px !important;
  }
}
/* === END NAV_ONE_ROW_20260609_V1 ==================================== */

/* === COOKS_BEST_PICKS_SECTIONS_20260609_V1 ==========================
   Cooks feed = a rotating Best Picks block + the newest list below. */
html body main.shell[data-app] .cooks-feed { display: block; }
html body main.shell[data-app] .cooks-section + .cooks-section { margin-top: 10px; }
html body main.shell[data-app] .cooks-section-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 4px 2px 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(120, 200, 90, 0.18);
}
html body main.shell[data-app] .cooks-section-label strong {
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--slime-green-strong, #bbff63);
}
html body main.shell[data-app] .cooks-section-label span {
  font-size: 11px;
  color: var(--slime-text-dim, #8aa37e);
}
html body main.shell[data-app] .cooks-section[data-cooks-best] .signal-list {
  border-color: rgba(187, 255, 99, 0.3);
  box-shadow: 0 0 0 1px rgba(187, 255, 99, 0.12);
}
/* === END COOKS_BEST_PICKS_SECTIONS_20260609_V1 ====================== */

/* === MOBILE_FEED_FIX_20260609_V1 =====================================
   De-bulk the pair rows on ALL pages that use them (live, cooks, launch,
   watchlist) on phones - tighter padding, compressed PAIR INFO block, smaller
   badge/risk chips - same content + full action buttons, just clean and tight. */
@media (max-width: 600px) {
  html body main.shell[data-app] .signal-list .signal-row,
  html body main.shell[data-app] .compact-signal-list .compact-signal-row {
    padding: 8px 9px !important;
    gap: 5px !important;
  }
  html body main.shell[data-app] .signal-list .signal-name-row strong { font-size: 14px !important; }
  html body main.shell[data-app] .signal-list .ca-copy { margin-top: 1px !important; font-size: 11px !important; }
  html body main.shell[data-app] .signal-list .signal-links { margin-top: 3px !important; gap: 4px !important; }
  html body main.shell[data-app] .signal-list .signal-links a,
  html body main.shell[data-app] .signal-list .signal-links button,
  html body main.shell[data-app] .signal-list .signal-links .sniper-pill,
  html body main.shell[data-app] .signal-row .pill,
  html body main.shell[data-app] .signal-row .chip,
  html body main.shell[data-app] .compact-signal-row .pill,
  html body main.shell[data-app] .compact-signal-row .chip {
    padding: 1px 6px !important;
    font-size: 10px !important;
    min-height: 18px !important;
  }
}
/* === END MOBILE_FEED_FIX_20260609_V1 ================================ */

/* === SIGNALROW_TIGHTEN_20260609_V1 ===================================
   Cleaner, tighter signal-row tables on web (live pairs, watchlist, scanners):
   shrink the stacked PAIR INFO gaps + row height so rows read compact without
   losing any content or the action buttons. */
@media (min-width: 760px) {
  html body main.shell[data-app] .signal-list .signal-row {
    min-height: 0 !important;
    padding: 6px 12px !important;
    align-items: center !important;
  }
  html body main.shell[data-app] .signal-list .signal-token { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 8px !important; }
  html body main.shell[data-app] .signal-list .signal-token > div:first-child,
  html body main.shell[data-app] .signal-list .signal-token .live-pair-avatar { width: 34px !important; height: 34px !important; }
  html body main.shell[data-app] .signal-list .signal-name-row strong { font-size: 14px !important; }
  html body main.shell[data-app] .signal-list .signal-name-row small { font-size: 11px !important; }
  html body main.shell[data-app] .signal-list .ca-copy { margin-top: 0 !important; font-size: 11px !important; }
  html body main.shell[data-app] .signal-list .signal-links { margin-top: 2px !important; gap: 3px !important; }
  html body main.shell[data-app] .signal-list .signal-links.risk-links { margin-top: 2px !important; }
  html body main.shell[data-app] .signal-list .signal-links a,
  html body main.shell[data-app] .signal-list .signal-links button,
  html body main.shell[data-app] .signal-list .signal-links .sniper-pill {
    min-height: 17px !important;
    font-size: 9px !important;
    padding: 0 5px !important;
    letter-spacing: 0 !important;
  }
  html body main.shell[data-app] .signal-list .signal-cell span { font-size: 13px !important; }
  html body main.shell[data-app] .signal-list .signal-cell small { font-size: 9.5px !important; line-height: 1.2 !important; }
  /* Pull the action buttons left + tighten them so all of them (incl. the last
     one) fit in the column instead of clipping off the right edge. */
  html body main.shell[data-app] .signal-list .signal-actions {
    justify-content: flex-start !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    padding-right: 2px !important;
  }
  html body main.shell[data-app] .signal-list .signal-actions button {
    padding: 6px 7px !important;
    min-height: 30px !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
}
/* === END SIGNALROW_TIGHTEN_20260609_V1 ============================== */

/* === HIDE_RISK_CHIPS_20260609_V1 ====================================
   Remove the blue risk chips (low Liquidity / low Volume / token2022) from every
   pair row to save the line and tighten - the SlimeShield RISK label in the Txns
   cell still carries the safety signal. */
html body main.shell[data-app] .signal-links.risk-links,
html body main.shell[data-app] .risk-links {
  display: none !important;
}
/* === END HIDE_RISK_CHIPS_20260609_V1 ================================ */

/* === COOKS_MOBILE_TIDY_20260609_V1 ==================================
   Trim the bulky stack of controls above the pairs on the Cooks/Live page on
   mobile so the pairs are reachable fast: small inline Refresh + Sort, and a
   compact 2-col preset toolbar instead of full-width bars. */
@media (max-width: 760px) {
  html body main.shell[data-app] .live-terminal .live-control-strip .card-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  html body main.shell[data-app] .live-terminal .live-control-strip [data-refresh-live-pairs] {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    min-height: 0 !important;
  }
  html body main.shell[data-app] .live-terminal .live-control-strip .compact-label {
    flex: 1 1 150px;
    min-width: 0;
    font-size: 12px !important;
  }
  /* Slim control strip (just Sort + Refresh now) - no big block. */
  html body main.shell[data-app] .live-terminal .live-control-strip-slim {
    padding: 4px 0 !important; border: 0 !important; background: transparent !important; margin: 6px 0 !important;
  }
  /* Buy presets: as tight as possible while staying readable. */
  html body main.shell[data-app] .live-terminal .preset-toolbar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 5px 7px !important;
    padding: 7px !important;
    margin: 6px 0 !important;
  }
  html body main.shell[data-app] .live-terminal .preset-toolbar > * { min-width: 0; }
  html body main.shell[data-app] .live-terminal .preset-toolbar label {
    font-size: 9.5px !important; gap: 1px !important; letter-spacing: 0.02em; opacity: 0.85;
  }
  html body main.shell[data-app] .live-terminal .preset-toolbar select,
  html body main.shell[data-app] .live-terminal .preset-toolbar input {
    padding: 5px 7px !important; font-size: 12px !important; min-height: 0 !important;
  }
  html body main.shell[data-app] .live-terminal .preset-toolbar button {
    padding: 5px 7px !important; font-size: 10px !important; min-height: 0 !important;
    background: rgba(8, 13, 9, 0.55) !important; border: 1px solid rgba(120, 230, 120, 0.18) !important;
  }
  /* Launch filter: keep it a single slim header line. */
  html body main.shell[data-app] .live-terminal .terminal-launch-filter:not(.is-open) { padding: 8px 12px !important; margin: 6px 0 !important; }
}
/* === END COOKS_MOBILE_TIDY_20260609_V1 ============================== */

/* === LIVE_REFRESH_OVERSCROLL_20260609_V1 ============================
   Small refresh row above the pairs (Best Picks is the section name now), kill
   the pull-to-refresh overscroll jump, and tighten the gap under the top bar. */
html body main.shell[data-app] .live-refresh-row {
  display: flex;
  justify-content: flex-end;
  margin: 2px 0 4px;
  padding: 0;
}
html body main.shell[data-app] .live-mini-refresh {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  min-height: 0 !important;
}
/* Stop the native pull-to-refresh / overscroll bounce that jumps the feed. */
html, body { overscroll-behavior-y: contain; }
html body main.shell[data-app] { overscroll-behavior: contain; }
html body main.shell[data-app] [data-panel] { overscroll-behavior-y: contain; }
/* Tighten the empty gap under the top nav before the feed content. */
html body main.shell[data-app] .live-terminal,
html body main.shell[data-app] .slime-scope-page { margin-top: 0 !important; padding-top: 6px !important; }
html body main.shell[data-app] .live-terminal .terminal-main { padding-top: 0 !important; gap: 8px !important; }
html body main.shell[data-app] .live-terminal .live-pair-buckets { margin-bottom: 4px !important; }
/* === END LIVE_REFRESH_OVERSCROLL_20260609_V1 ======================== */

/* === INTRO_PORTAL_VIDEO_20260610_V1 ================================= */
/* New portal intro video: full-bleed cover fit (no letterbox) on web + mobile, no buttons,
   and a short zoom-through-the-portal hand-off to the connect page when the video ends. */
html body main.shell[data-app][data-route="intro"] .login-view.swamp-splash.swamp-intro-video {
  padding: 0 !important;
}
html body main.shell[data-app][data-route="intro"] .swamp-intro-stage {
  height: 100svh !important;
  min-height: 100svh !important;
}
html body main.shell[data-app][data-route="intro"] .swamp-intro-media {
  object-fit: cover !important;
  object-position: center !important;
}
html body main.shell[data-app][data-route="intro"] .swamp-intro-portal {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: scale(0.55) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(205, 255, 150, 0.98), rgba(81, 255, 24, 0.45) 36%, rgba(0, 0, 0, 0) 72%) !important;
  transition: opacity 0.6s ease-in, transform 0.6s ease-in !important;
}
/* On the portal phase: zoom the footage into the light + bloom the flash. Uses transition +
   !important so it overrides the base media transform (important author beats @keyframes). */
html body main.shell[data-app][data-route="intro"] .swamp-intro-stage[data-intro-phase="portal"] .swamp-intro-media {
  transform: scale(1.18) !important;
  filter: brightness(1.7) saturate(1.15) !important;
  transition: transform 0.6s ease-in, filter 0.6s ease-in !important;
}
html body main.shell[data-app][data-route="intro"] .swamp-intro-stage[data-intro-phase="portal"] .swamp-intro-portal {
  opacity: 1 !important;
  transform: scale(1.45) !important;
}
/* Buttons/overlay were removed from the intro markup; hide any leftover chrome just in case. */
/* === END INTRO_PORTAL_VIDEO_20260610_V1 ============================= */

/* MOBILE_POLISH_20260610_V1: final-word floors so the density passes above can
   never shrink feed actions below readable/tappable size on phones. */
@media (max-width: 760px) {
  [data-app][data-route="terminal"] .terminal-token-actions button,
  [data-app][data-route="terminal"] .compact-row-actions button {
    min-height: 34px !important;
    height: auto !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    padding: 4px 6px !important;
  }
  .ogre-tek-modal {
    width: 100% !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 14px 12px !important;
  }
  .wallet-connect-dialog {
    max-height: calc(100dvh - 20px) !important;
  }
}
@media (max-width: 420px) {
  [data-app][data-route="terminal"] .terminal-token-actions button,
  [data-app][data-route="terminal"] .compact-row-actions button {
    font-size: 9.5px !important;
  }
}

/* SCROLL_SMOOTHNESS_20260611_V1: sticky surfaces must never backdrop-blur the page
   beneath them - that re-blurs on every scrolled frame and is the main scroll-lag
   source. Near-opaque backgrounds read the same and cost nothing per frame. */
.tabs {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(4, 9, 5, 0.94) !important;
}
.command-title {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(4, 9, 5, 0.92) !important;
}
[data-app][data-route="terminal"] .topbar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(5, 8, 6, 0.95) !important;
}

/* SPACING_TIGHTEN_20260611_V1: kill the dead air. Header cards, toolbars, and stacked
   panels carry less padding everywhere; mobile loses the oversized gaps entirely. */
.account-check-card {
  padding: 12px 14px !important;
  gap: 10px !important;
}
.account-check-card h3 { margin: 0 !important; }
.account-check-card p { margin: 2px 0 0 !important; }
.terminal-title-row { margin: 0 0 8px !important; gap: 8px !important; }
.section-actions, .terminal-actions { gap: 7px !important; margin: 6px 0 10px !important; }
.trade-head { margin-bottom: 8px !important; }
.panel-host > section + section,
.panel-host > div + section { margin-top: 10px !important; }
@media (max-width: 760px) {
  .panel-host { padding: 6px 6px 14px !important; }
  .trade-card, .terminal-panel, .account-check-card, .row-card { padding: 10px !important; }
  .table-list { gap: 7px !important; }
  .tek-hub { gap: 10px !important; }
  .tek-tool-grid { gap: 8px !important; }
  .pnl-summary { gap: 8px !important; margin: 8px 0 !important; }
  .card-actions { gap: 6px !important; }
  .trade-layout, .terminal-layout { gap: 10px !important; }
  .row-card { gap: 8px !important; }
}

/* OGRE_AGENT_POLISH_20260611_V1: the chat panel reads like a panel, not text floating
   over the feed. Opaque surface, chip-style quick actions on one wrapped row, matched
   Mic/Send, tighter rhythm - web and mobile. */
.ogre-agent-panel {
  background: #060d07 !important;
  border: 1px solid rgba(114, 255, 35, 0.3) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.65), 0 0 24px rgba(114, 255, 35, 0.1) !important;
  border-radius: 16px !important;
}
.ogre-agent-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 8px 0 4px !important;
  padding: 0 !important;
}
.ogre-agent-quick-actions button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 32px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(114, 255, 35, 0.26) !important;
  background: rgba(114, 255, 35, 0.07) !important;
  color: rgba(226, 255, 215, 0.88) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.ogre-agent-quick-actions button:hover { background: rgba(114, 255, 35, 0.16) !important; }
.ogre-agent-composer, .ogre-agent-input-row {
  gap: 8px !important;
}
.ogre-agent-send, button[data-ogre-agent-send] {
  min-height: 40px !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(114, 255, 35, 0.94), rgba(187, 255, 99, 0.94)) !important;
  color: #071006 !important;
  font-weight: 900 !important;
  border: 1px solid rgba(114, 255, 35, 0.5) !important;
}
.ogre-agent-mic, button[data-ogre-agent-mic] {
  min-height: 40px !important;
  border-radius: 999px !important;
}
.ogre-agent-message [data-copy],
.ogre-agent-message .ca-copy,
.ogre-agent-message button {
  min-height: 30px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(114, 255, 35, 0.22) !important;
  background: rgba(8, 20, 10, 0.6) !important;
  font-size: 0.76rem !important;
  margin: 3px 6px 0 0 !important;
}
.ogre-agent-disclaimer {
  display: block !important;
  margin-top: 8px !important;
  font-size: 0.68rem !important;
  opacity: 0.55 !important;
}
@media (max-width: 760px) {
  .ogre-agent-panel {
    padding: 12px !important;
  }
  .ogre-agent-quick-actions button { font-size: 0.74rem !important; }
}

/* DEV_INFO_DRAWER_FIX_20260611: bottom action row must be reachable and tappable.
   dvh height (mobile URL bars shrink vh), safe-area bottom padding, 40px targets. */
.dev-info-drawer {
  height: 100dvh !important;
  padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
}
.dev-info-drawer .slimeshield-drawer-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.dev-info-drawer .slimeshield-drawer-actions button,
.dev-info-drawer .slimeshield-drawer-actions a {
  min-height: 40px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  flex: 0 0 auto !important;
}

/* Dev Info drawer: fully opaque - nothing ghosts through from the page behind. */
.dev-info-drawer {
  background: #050e06 !important;
}
.slimeshield-drawer-backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: none !important;
}
.dev-info-building {
  border: 1px dashed rgba(114, 255, 35, 0.25) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
}