/* apps/web/styles/release/operator_shell.css */
:root {
  --bg: #06080b;
  --panel: #0c1015;
  --panel-soft: #11161c;
  --line: rgba(255, 255, 255, 0.08);
  --text: #eef2f7;
  --muted: #93a0b1;
  --green: #31d1a1;
  --gold: #f3c562;
  --red: #ff6b7e;
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

* {
  box-sizing: border-box;
}

html {
  scrollbar-color: rgba(88, 213, 232, 0.38) rgba(6, 8, 11, 0.9);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(6, 8, 11, 0.88);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(88, 213, 232, 0.42), rgba(49, 209, 161, 0.38));
  border: 2px solid rgba(6, 8, 11, 0.88);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(88, 213, 232, 0.64), rgba(49, 209, 161, 0.58));
}

body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  background: linear-gradient(180deg, #040608 0%, #0a0d11 100%);
  color: var(--text);
}

body.swap-view-active {
  background: #030609;
}

.app-shell {
  width: min(1760px, calc(100% - 24px));
  margin: 12px auto 24px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 16px;
}

.app-sidebar {
  position: sticky;
  top: 12px;
  align-self: start;
  height: clamp(560px, calc(100vh - 180px), 760px);
  min-height: 0;
  padding: 14px 12px;
  border-radius: 20px;
  background: rgba(12, 16, 21, 0.96);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
}

.brand-block {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 6px 18px;
}

.brand-block strong {
  display: block;
  font-size: 15px;
}

.brand-block span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(49, 209, 161, 0.1);
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(243, 197, 98, 0.18), 0 10px 26px rgba(0, 0, 0, 0.24);
}

.brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.app-nav {
  display: grid;
  gap: 8px;
}

.app-nav-footer {
  margin-top: auto;
  padding-top: 8px;
}

.nav-link {
  width: 100%;
  justify-content: flex-start;
  background: transparent;
  color: var(--muted);
  border: 1px solid transparent;
  padding: 12px 14px;
  font-weight: 700;
}

.nav-link.active,
.nav-link:hover,
.nav-link:focus-visible {
  background: linear-gradient(135deg, rgba(60, 224, 176, 0.12) 0%, rgba(35, 183, 134, 0.08) 100%);
  color: var(--text);
  border-color: rgba(49, 209, 161, 0.18);
}

.app-main {
  min-width: 0;
}

.desktop-update-button {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 90;
  width: 128px;
  min-height: 40px;
  border-radius: 8px;
  border: 1px solid rgba(136, 239, 190, 0.68);
  background:
    linear-gradient(135deg, rgba(113, 239, 184, 0.98), rgba(47, 204, 148, 0.97) 58%, rgba(25, 147, 111, 0.98));
  color: #03130e;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset,
    0 0 18px rgba(49, 209, 161, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 7px 10px 9px;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0;
  cursor: pointer;
  overflow: hidden;
  transition: transform 180ms ease, filter 140ms ease, opacity 180ms ease, visibility 180ms ease, border-color 140ms ease, background 180ms ease;
}

.desktop-update-button-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(12px) scale(0.96);
}

.desktop-update-button:not(.desktop-update-button-hidden) {
  animation: desktop-update-arrive 220ms cubic-bezier(.2, .8, .2, 1);
}

.desktop-update-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.desktop-update-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.3) 44%, transparent 64%);
  opacity: 0;
  transform: translateX(-120%);
  pointer-events: none;
}

.desktop-update-icon {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: rgba(3, 19, 14, 0.11);
  box-shadow: 0 0 0 1px rgba(3, 19, 14, 0.08) inset;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.desktop-update-icon svg {
  width: 15px;
  height: 15px;
}

.desktop-update-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: 0;
  text-align: left;
}

.desktop-update-label {
  line-height: 1.05;
  white-space: nowrap;
  font-size: 12px;
}

.desktop-update-detail {
  color: rgba(3, 19, 14, 0.72);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.desktop-update-progress {
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 4px;
  height: 2px;
  border-radius: 999px;
  background: rgba(3, 19, 14, 0.16);
  opacity: 0;
  overflow: hidden;
}

.desktop-update-progress-bar {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: #f2fff8;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.55);
  transition: width 180ms ease;
}

.desktop-update-button:hover,
.desktop-update-button:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.06);
  border-color: rgba(223, 255, 239, 0.8);
}

.desktop-update-button:disabled {
  cursor: wait;
  opacity: 0.82;
}

.desktop-update-button[data-update-state="downloading"],
.desktop-update-button[data-update-state="installing"],
.desktop-update-button[data-update-state="checking"] {
  padding-bottom: 11px;
}

.desktop-update-button[data-update-state="downloading"] .desktop-update-icon,
.desktop-update-button[data-update-state="installing"] .desktop-update-icon,
.desktop-update-button[data-update-state="checking"] .desktop-update-icon {
  animation: desktop-update-spin 1.15s linear infinite;
}

.desktop-update-button[data-update-state="downloading"] .desktop-update-progress,
.desktop-update-button[data-update-state="installing"] .desktop-update-progress,
.desktop-update-button[data-update-state="checking"] .desktop-update-progress {
  opacity: 1;
}

.desktop-update-button[data-update-state="installing"] .desktop-update-progress-bar {
  width: 100%;
}

.desktop-update-button[data-update-state="checking"] .desktop-update-progress-bar {
  width: 42%;
  animation: desktop-update-stripe 1.05s cubic-bezier(.2, .8, .2, 1) infinite;
}

.desktop-update-button[data-update-state="downloading"]::after,
.desktop-update-button[data-update-state="installing"]::after,
.desktop-update-button[data-update-state="checking"]::after {
  opacity: 1;
  animation: desktop-update-sheen 1.45s ease-in-out infinite;
}

.desktop-update-button[data-update-state="error"] {
  border-color: rgba(255, 205, 137, 0.64);
  background: linear-gradient(135deg, rgba(255, 208, 135, 0.98), rgba(255, 164, 92, 0.96));
}

@keyframes desktop-update-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes desktop-update-arrive {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes desktop-update-stripe {
  0% {
    transform: translateX(-120%);
  }
  55%,
  100% {
    transform: translateX(260%);
  }
}

@keyframes desktop-update-sheen {
  0% {
    transform: translateX(-120%);
  }
  55%,
  100% {
    transform: translateX(120%);
  }
}

.app-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.app-header.app-header-manage {
  justify-content: flex-end;
}

.app-header.app-header-manage > div:first-child {
  display: none;
}

.app-header h1 {
  margin: 0 0 6px;
  font-size: 28px;
}

.app-header p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.header-status-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.status-card {
  min-width: 150px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(12, 16, 21, 0.94);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.status-card-updated {
  position: relative;
  min-width: 160px;
  padding-right: 52px;
  padding-bottom: 10px;
}

.status-card-license {
  min-width: 180px;
}

.status-card-license strong {
  color: var(--green);
}

.status-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.status-card strong {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  transition: opacity 180ms ease, transform 220ms ease, color 180ms ease;
}

.updated-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
}

.updated-age-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--text);
  font-size: 13px;
}

.is-live-updated {
  animation: liveValueFlash 520ms ease;
}

.is-live-updated-soft {
  animation: liveValueFlashSoft 520ms ease;
}

.updated-refresh-button {
  position: absolute;
  right: 18px;
  top: 50%;
  bottom: auto;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(95, 225, 187, 0.22);
  background: rgba(12, 19, 25, 0.95);
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 17px;
  line-height: 1;
  transform: translateY(-50%);
  transition: transform 140ms ease, border-color 160ms ease, background 160ms ease;
}

.updated-refresh-button:hover {
  transform: translateY(-50%) rotate(24deg);
  border-color: rgba(95, 225, 187, 0.48);
  background: rgba(95, 225, 187, 0.14);
}

.updated-refresh-button:disabled {
  opacity: 0.5;
  cursor: default;
  transform: translateY(-50%);
}

@keyframes liveValueFlash {
  0% {
    color: #eef2f7;
    transform: translateY(0);
  }
  35% {
    color: #9cd5ff;
    transform: translateY(-1px);
  }
  100% {
    color: #eef2f7;
    transform: translateY(0);
  }
}

@keyframes liveValueFlashSoft {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  35% {
    opacity: 0.82;
    transform: translateY(-1px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.updated-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(49, 209, 161, 0.55);
  animation: livePulse 1.6s ease-out infinite;
}

@keyframes livePulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(49, 209, 161, 0.45);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(49, 209, 161, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(49, 209, 161, 0);
  }
}

.view-section {
  display: none;
}

.view-section.active {
  display: block;
}

#view-swap.active {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: calc(100vh - 128px);
  padding: 2px 0 56px;
  background: #030609;
}

.search-view-layout,
.create-layout,
.manage-layout,
.swap-layout {
  display: grid;
  gap: 12px;
  align-items: start;
}

.search-view-layout,
.manage-layout,
.swap-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.create-layout {
  grid-template-columns: 320px minmax(0, 1fr);
}

.swap-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.swap-preview-panel {
  margin-top: 14px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(10, 14, 18, 0.7);
  padding: 14px;
}

.swap-preview-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.swap-preview-head h3 {
  margin: 0;
}

.swap-preview-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.swap-route-item {
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.swap-route-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.swap-route-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 4px;
}

.swap-route-meta,
.swap-route-address {
  color: var(--muted);
  font-size: 12px;
}

#swap-feedback.hidden {
  display: none;
}

.swap-jupiter-layout {
  grid-template-columns: minmax(0, 1.15fr) 360px;
  gap: 16px;
}

.swap-terminal,
.swap-side-card {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(12, 16, 21, 0.94);
  box-shadow: var(--shadow);
}

.swap-terminal {
  padding: 18px;
  background:
    radial-gradient(circle at top right, rgba(243, 197, 98, 0.06), transparent 22%),
    radial-gradient(circle at left center, rgba(49, 209, 161, 0.08), transparent 28%),
    rgba(12, 16, 21, 0.96);
}

.swap-terminal-head,
.swap-side-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.swap-terminal-head h2,
.swap-side-card-head h3,
.swap-quote-board-head h3 {
  margin: 0;
}

.swap-terminal-head p,
.swap-side-card-head p,
.swap-quote-board-head p,
.swap-venue-note {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.swap-head-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.swap-head-pill,
.swap-side-pill,
.swap-quote-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
}

.swap-venue-note {
  margin-top: 12px;
}

.swap-shell-card {
  margin-top: 16px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(17, 22, 28, 0.96) 0%, rgba(11, 15, 20, 0.96) 100%);
}

.swap-token-card {
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.swap-token-card-to {
  background: linear-gradient(180deg, rgba(49, 209, 161, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
}

.swap-token-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.swap-token-card-head span {
  color: var(--muted);
  font-size: 12px;
}

.swap-token-card-head strong {
  color: var(--text);
  font-size: 12px;
}

.swap-token-card-body {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(180px, 0.9fr);
  gap: 12px;
  align-items: end;
}

.swap-amount-field,
.swap-token-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.swap-amount-shortcuts,
.swap-slippage-shortcuts {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.swap-chip-button {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.swap-chip-button:hover {
  color: var(--text);
  border-color: rgba(95, 225, 187, 0.22);
  background: rgba(95, 225, 187, 0.08);
}

.swap-field-label {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.swap-amount-field input,
.swap-token-field input {
  padding: 14px 16px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 700;
  background: rgba(5, 8, 12, 0.6);
}

.swap-output-estimate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  min-height: 68px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(5, 8, 12, 0.6);
}

.swap-output-estimate strong {
  font-size: 24px;
  line-height: 1.1;
}

.swap-direction-wrap {
  display: flex;
  justify-content: center;
  margin: -8px 0;
  position: relative;
  z-index: 2;
}

.swap-direction-button {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(49, 209, 161, 0.22);
  background: linear-gradient(135deg, rgba(60, 224, 176, 0.18) 0%, rgba(35, 183, 134, 0.12) 100%);
  color: var(--text);
  font-size: 24px;
  line-height: 1;
  padding: 0;
}

.swap-settings-strip {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.swap-inline-metric {
  min-height: 64px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.swap-inline-metric span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-bottom: 8px;
}

.swap-inline-metric strong {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  word-break: break-word;
}

.swap-feedback {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 107, 126, 0.2);
  background: rgba(255, 107, 126, 0.08);
  color: #ffd7de;
  font-size: 13px;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.swap-feedback.hidden {
  display: none;
}

.swap-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 12px;
  margin-top: 14px;
}

.swap-primary-button,
.swap-secondary-button {
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 800;
}

.swap-secondary-button {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text);
}

.swap-quote-board {
  margin-top: 16px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 11, 15, 0.68);
}

.swap-quote-board-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.swap-preview-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.swap-summary-tile,
.swap-best-route-card,
.swap-route-item {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.swap-summary-tile span,
.swap-best-route-label,
.swap-route-label {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-bottom: 8px;
}

.swap-summary-tile strong,
.swap-best-route-value {
  display: block;
  font-size: 16px;
}

.swap-summary-subtext {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}

.swap-sidebar {
  display: grid;
  gap: 16px;
}

.swap-side-card {
  padding: 16px;
}

.swap-side-card-accent {
  background:
    radial-gradient(circle at top right, rgba(49, 209, 161, 0.1), transparent 28%),
    rgba(12, 16, 21, 0.96);
}

.swap-best-route-card {
  margin-top: 14px;
}

.swap-best-route-card .metric-row + .metric-row {
  margin-top: 10px;
}

.swap-route-stack {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.swap-route-item {
  border-bottom: none;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.swap-route-item:hover {
  transform: translateY(-1px);
  border-color: rgba(95, 225, 187, 0.14);
  background: rgba(95, 225, 187, 0.05);
}

.swap-route-item.disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.swap-route-item.disabled:hover {
  transform: none;
  border-color: rgba(255, 255, 255, 0.06);
  background: rgba(12, 16, 21, 0.92);
}

.swap-route-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}

.swap-route-meta,
.swap-route-address {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.create-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.create-shell {
  padding: 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(49, 209, 161, 0.06), transparent 24%),
    linear-gradient(180deg, rgba(12, 16, 21, 0.98) 0%, rgba(14, 19, 25, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.create-shell-head {
  margin-bottom: 14px;
}

.create-shell-head h2 {
  margin: 0 0 6px;
  font-size: 24px;
}

.create-shell-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.search-panel,
.side-card,
.pool-card {
  background: rgba(12, 16, 21, 0.94);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.status-chip,
.summary-pill,
.meta-pill,
.quote-chip,
.icon-pill {
  border: 1px solid var(--line);
  border-radius: 999px;
}

.status-chip {
  padding: 9px 14px;
  background: rgba(255, 255, 255, 0.025);
  font-weight: 600;
}

.status-chip.muted {
  color: var(--muted);
}

.search-panel {
  border-radius: 16px;
  padding: 12px 14px 14px;
  margin-top: 10px;
}

.search-head {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}

.search-box {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) repeat(3, 118px);
  gap: 10px;
  align-items: end;
}

.pool-chain-selector {
  flex: 0 0 auto;
  gap: 4px;
}

.pool-chain-selector span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.pool-chain-selector select {
  min-height: 34px;
  padding: 5px 10px;
  border-radius: 9px;
  font-size:max(var(--bl-iphone-input-min-size, 0px), 14px);
  line-height: 1.15;
  width: 170px;
}

.search-box #pool-query {
  min-height: 44px;
}

.search-box > button {
  min-height: 44px;
  width: 118px;
  padding-left: 0;
  padding-right: 0;
}

.search-ghost-button {
  flex: 0 0 auto;
  background: #141a21;
  color: var(--text);
  border: 1px solid var(--line);
}

.search-refresh-button {
  flex: 0 0 auto;
  background: #20323a;
  color: var(--text);
  border: 1px solid #31515c;
}

input,
select,
button {
  font: inherit;
}

input,
select {
  width: 100%;
  padding: 9px 11px;
  color: var(--text);
  background: #141a21;
  border: 1px solid var(--line);
  border-radius: 10px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

button {
  border: 0;
  border-radius: 10px;
  padding: 9px 14px;
  background: linear-gradient(135deg, #3ce0b0 0%, #23b786 100%);
  color: #05110d;
  font-weight: 700;
  cursor: pointer;
}

.search-meta-row {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.search-meta,
#results-header {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.toolbar {
  margin-top: 12px;
  display: block;
}

.toolbar-main {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  align-items: end;
  flex-wrap: nowrap;
}

.toolbar-main .field {
  flex: 0 0 auto;
  gap: 4px;
}

.toolbar-main .field span,
.toolbar-main .pool-type-filter-field legend {
  font-size: 10px;
}

.toolbar-main .field select {
  min-height: 34px;
  padding: 5px 10px;
  border-radius: 9px;
  font-size:max(var(--bl-iphone-input-min-size, 0px), 14px);
  line-height: 1.15;
}

#sort-select {
  width: 180px;
}

#fee-tvl-interval {
  width: 205px;
}

#dex-filter {
  width: 160px;
}

#quote-token-filter {
  width: 170px;
}

#pool-chain-select {
  width: 170px;
}

.toolbar-advanced {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.field span {
  color: var(--muted);
  font-size: 11px;
}

.pool-type-filter-field,
fieldset.field.pool-type-filter-field {
  flex: 0 0 auto;
  width: 280px;
  min-width: 0;
  align-self: end;
  display: block;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-color: transparent !important;
}

.pool-type-filter-field legend {
  margin: 0 0 5px;
  padding: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.2;
}

.pool-type-filter {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.toolbar-main .pool-type-filter {
  gap: 5px;
  min-height: 34px;
}

.pool-type-filter label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  border-radius: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
  transition: color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.toolbar-main .pool-type-filter label {
  min-height: 30px;
  padding: 0 7px;
  border-radius: 7px;
  font-size: 11px;
}

.pool-type-filter input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.pool-type-filter label:has(input:checked) {
  color: var(--text);
  background: rgba(49, 209, 161, 0.12);
  box-shadow: inset 0 0 0 1px rgba(49, 209, 161, 0.22);
}

.pool-type-filter label:hover,
.pool-type-filter label:has(input:focus-visible) {
  color: var(--text);
  background: rgba(255, 255, 255, 0.05);
}

.pool-type-filter label:has(input:checked):hover,
.pool-type-filter label:has(input:checked):has(input:focus-visible) {
  background: rgba(49, 209, 161, 0.12);
}

.toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  color: var(--muted);
}

.toggle input {
  width: auto;
  margin: 0;
}

.filter-presets {
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  gap: 8px 10px;
  align-items: end;
}

.filter-preset-save {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.filter-preset-name {
  min-width: 0;
}

.filter-preset-save-button {
  min-height: 40px;
  white-space: nowrap;
}

.filter-preset-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  min-height: 40px;
}

.filter-preset-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 220px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}

.filter-preset-apply,
.filter-preset-delete {
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 8px;
}

.filter-preset-apply {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(49, 209, 161, 0.12);
  color: var(--green);
}

.filter-preset-delete {
  width: 30px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--muted);
}

.filter-preset-delete:hover,
.filter-preset-delete:focus-visible {
  color: #ffd7de;
  background: rgba(255, 107, 126, 0.12);
}

.filter-preset-feedback {
  grid-column: 1 / -1;
  min-height: 15px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}

.results-meta {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-end;
}

.results-meta h2,
.side-card h3 {
  margin: 0 0 6px;
}

.setup-panel {
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(12, 16, 21, 0.94);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.setup-panel-head h2 {
  margin: 0 0 6px;
}

.setup-panel-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.create-panel {
  margin-top: 0;
}

.create-builder {
  display: grid;
  gap: 14px;
}

.create-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(135deg, rgba(18, 25, 32, 0.96) 0%, rgba(12, 17, 22, 0.96) 100%);
}

.create-hero h3 {
  margin: 0 0 6px;
  font-size: 24px;
}

.create-hero p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.create-hero-meta {
  margin-top: 14px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-size: 12px;
}

.hero-pill strong {
  color: var(--text);
  font-size: 13px;
}

.create-hero-side {
  min-width: 220px;
  display: grid;
  gap: 10px;
  align-content: start;
}

.hero-price-card {
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(49, 209, 161, 0.16);
  background: rgba(49, 209, 161, 0.06);
}

.hero-price-label {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.hero-price-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}

.hero-price-value strong {
  font-size: 22px;
}

.create-main-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
}

.builder-stack,
.preview-stack {
  display: grid;
  gap: 14px;
}

.builder-card {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(17, 22, 28, 0.92);
}

.builder-card h3 {
  margin: 0 0 6px;
  font-size: 16px;
}

.builder-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.strategy-switch {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 280px));
  gap: 10px;
  margin-top: 12px;
}

.strategy-button {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(20, 26, 33, 0.95) 0%, rgba(15, 20, 26, 0.95) 100%);
  color: var(--text);
}

.strategy-button small {
  color: var(--muted);
  font-size: 11px;
}

.strategy-button.active {
  border-color: rgba(49, 209, 161, 0.28);
  background: linear-gradient(135deg, rgba(49, 209, 161, 0.12) 0%, rgba(33, 83, 68, 0.18) 100%);
  box-shadow: 0 0 0 4px rgba(49, 209, 161, 0.06);
}

.builder-form-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.builder-form-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.builder-form-grid.three.capital-grid {
  grid-template-columns: minmax(240px, 1.4fr) minmax(170px, 0.9fr) minmax(150px, 0.9fr);
  align-items: start;
}

.builder-field-compact {
  max-width: 220px;
}

.builder-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.builder-field span {
  color: var(--muted);
  font-size: 11px;
}

.builder-range-card {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.builder-range-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.builder-range-title strong {
  display: block;
  font-size: 15px;
}

.builder-range-title span {
  color: var(--muted);
  font-size: 12px;
}

.builder-range-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.range-column {
  padding: 12px;
  border-radius: 16px;
  background: rgba(9, 13, 18, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.range-column-label {
  margin-bottom: 10px;
}

.range-column-label strong {
  display: block;
  font-size: 14px;
}

.range-column-label span {
  color: var(--muted);
  font-size: 11px;
}

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

.range-center-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(49, 209, 161, 0.12);
  background:
    radial-gradient(circle at top, rgba(49, 209, 161, 0.08), transparent 58%),
    rgba(8, 13, 17, 0.92);
}

.range-center-live {
  width: 100%;
  text-align: center;
}

.range-center-live > span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.range-center-price-line {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 38px;
  gap: 10px;
  margin: 10px 0 8px;
}

.range-center-price-line strong {
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
}

#setup-min-price,
#setup-max-price {
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.dex-price-prefix,
.dex-price-suffix {
  display: inline;
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.dex-price-zero-count {
  display: inline-block;
  margin: 0 1px;
  color: inherit;
  font-size: .52em;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  transform: translateY(.32em);
}

.range-center-live small {
  color: var(--text);
  font-size: 11px;
}

.current-age-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(95, 225, 187, 0.16);
  background: rgba(95, 225, 187, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
  animation: ageChipPulse 1.8s ease-in-out infinite;
}

@keyframes ageChipPulse {
  0%,
  100% {
    border-color: rgba(95, 225, 187, 0.14);
    background: rgba(95, 225, 187, 0.05);
  }

  50% {
    border-color: rgba(95, 225, 187, 0.28);
    background: rgba(95, 225, 187, 0.1);
  }
}

.builder-inline-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-size: 12px;
}

.builder-inline-chip strong {
  color: var(--text);
}

.builder-inline-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.builder-stat {
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.builder-stat span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.builder-stat strong {
  display: block;
  margin-top: 6px;
  font-size: 16px;
}

.create-preview-card {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(17, 22, 28, 0.92);
  transition: border-color 160ms ease, transform 180ms ease, background 180ms ease;
}

.create-preview-card:hover,
.builder-card:hover,
.hero-price-card:hover {
  border-color: rgba(49, 209, 161, 0.16);
  transform: translateY(-1px);
}

.create-preview-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

.create-preview-head h3 {
  margin: 0;
  font-size: 16px;
}

.create-preview-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.create-preview-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.create-preview-summary .row {
  min-height: 44px;
}

.preview-emphasis {
  font-size: 20px;
  color: var(--green);
  font-weight: 800;
  letter-spacing: 0.01em;
}

.preview-accent {
  color: #9cd5ff;
  font-weight: 800;
  font-size: 16px;
}

.preview-danger {
  color: var(--red);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.create-preview-list {
  display: grid;
  gap: 8px;
}

.create-preview-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 118px;
  gap: 10px;
  align-items: start;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
}

.create-preview-index {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(49, 209, 161, 0.08);
  color: var(--green);
  font-weight: 800;
}

.create-preview-meta {
  min-width: 0;
}

.create-preview-meta strong {
  display: block;
  font-size: 13px;
}

.create-preview-meta span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}

.create-preview-meta .range-meter {
  margin-top: 8px;
}

.create-preview-right {
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: center;
  text-align: center;
  min-width: 118px;
}

.create-preview-right strong {
  display: block;
  min-width: 92px;
  font-size: 20px;
  color: #f5fbff;
  text-align: center;
}

.create-preview-right > span {
  display: block;
  margin-top: 4px;
  color: var(--red);
  font-size: 13px;
  font-weight: 800;
}

.range-meter {
  display: grid;
  gap: 7px;
  min-width: 220px;
}

.range-meter-compact {
  min-width: 180px;
  gap: 6px;
}

.range-meter-hero {
  margin-top: 14px;
}

.range-meter-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.range-meter-state {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.02em;
}

.range-meter-current {
  color: #d9f2ff;
  font-size: 13px;
  line-height: 1;
}

.range-meter-track {
  display: grid;
  grid-template-columns: repeat(21, minmax(0, 1fr));
  gap: 4px;
  align-items: center;
}

.range-meter-slot {
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  transition: background-color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

.range-meter-slot.is-hot {
  background: rgba(95, 225, 187, 0.28);
}

.range-meter-slot.is-edge {
  background: rgba(255, 150, 93, 0.42);
}

.range-meter-slot.is-marker {
  height: 12px;
  background: #f5fbff;
  box-shadow: 0 0 0 1px rgba(12, 16, 21, 0.9);
  transform: scaleX(1.08);
}

.range-meter-legend {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.range-meter-edge {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  min-width: 72px;
}

.range-meter-edge strong {
  color: #9cd5ff;
  font-size: 11px;
  line-height: 1.1;
}

.range-meter-edge small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.1;
}

.range-meter-edge-right {
  align-items: flex-end;
  text-align: right;
}

.range-meter.is-inside .range-meter-state {
  color: #baf3dc;
  border-color: rgba(95, 225, 187, 0.22);
  background: rgba(95, 225, 187, 0.08);
}

.range-meter.is-above .range-meter-state {
  color: #ffd9b5;
  border-color: rgba(255, 150, 93, 0.2);
  background: rgba(255, 150, 93, 0.08);
}

.range-meter.is-below .range-meter-state {
  color: #ffb9c1;
  border-color: rgba(255, 107, 126, 0.2);
  background: rgba(255, 107, 126, 0.09);
}

.range-meter.is-dimmed .range-meter-track {
  opacity: 0.64;
}

.range-meter-compact .range-meter-topline {
  gap: 8px;
}

.range-meter-compact .range-meter-state {
  min-height: 20px;
  padding: 0 8px;
  font-size: 10px;
}

.range-meter-compact .range-meter-current {
  font-size: 12px;
}

.range-meter-compact .range-meter-slot {
  height: 6px;
}

.range-meter-compact .range-meter-slot.is-marker {
  height: 10px;
}

.range-meter-compact .range-meter-edge strong {
  font-size: 10px;
}

.range-meter-compact .range-meter-edge small {
  font-size: 9px;
}

.create-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.selected-pool-spotlight {
  background:
    radial-gradient(circle at right top, rgba(49, 209, 161, 0.05), transparent 36%),
    rgba(17, 22, 28, 0.92);
}

.create-actions-primary {
  min-width: 160px;
}

.create-actions-secondary {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

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

.setup-card {
  padding: 12px;
  border-radius: 14px;
  background: rgba(17, 22, 28, 0.9);
  border: 1px solid var(--line);
}

.setup-card h3 {
  margin: 0 0 10px;
  font-size: 16px;
}

.setup-subtitle {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 12px;
}

.setup-mode-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.mode-button {
  background: #141a21;
  color: var(--text);
  border: 1px solid var(--line);
}

.mode-button.active {
  background: linear-gradient(135deg, rgba(60, 224, 176, 0.16) 0%, rgba(35, 183, 134, 0.12) 100%);
  color: var(--green);
  border-color: rgba(49, 209, 161, 0.28);
}

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

.setup-form-grid.single {
  grid-template-columns: minmax(0, 1fr);
}

.meteor-range-grid {
  margin-top: 12px;
}

.setup-current-price {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  color: var(--muted);
  font-size: 12px;
}

.setup-current-price strong {
  color: var(--text);
  margin-left: 8px;
  font-size: 14px;
}

.setup-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.setup-field span {
  color: var(--muted);
  font-size: 11px;
}

.setup-toggle-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.setup-inline-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.compact-field {
  max-width: 180px;
}

.setup-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}

.setup-check input {
  width: auto;
  margin: 0;
}

.preview-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.preview-summary .row {
  min-height: 42px;
}

.preview-table {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.preview-row {
  display: grid;
  grid-template-columns: 52px 1fr 96px;
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.04);
}

.preview-row strong {
  color: var(--text);
}

.preview-row .muted {
  color: var(--muted);
  font-size: 12px;
}

.preview-row .right {
  text-align: right;
}

.setup-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}

.ghost-button {
  background: #141a21;
  color: var(--text);
  border: 1px solid var(--line);
}

.setup-primary-button {
  min-width: 138px;
}

.setup-secondary-actions {
  display: flex;
  gap: 10px;
}

.setup-actions-note {
  margin-top: 10px;
  color: var(--muted);
  font-size: 11px;
}

.setup-actions button[disabled] {
  cursor: not-allowed;
  opacity: 0.52;
}

.setup-empty {
  padding: 24px;
  color: var(--muted);
  text-align: center;
}

.setup-warning {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 107, 126, 0.24);
  background: rgba(255, 107, 126, 0.08);
  color: #ffd7de;
  font-size: 12px;
}

.setup-execution-box {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(49, 209, 161, 0.18);
  background: rgba(49, 209, 161, 0.04);
}

.setup-execution-box.success {
  border-color: rgba(49, 209, 161, 0.24);
  background: rgba(49, 209, 161, 0.06);
}

.setup-execution-box.info {
  border-color: rgba(143, 184, 255, 0.22);
  background: rgba(143, 184, 255, 0.06);
}

.setup-execution-box.warning {
  border-color: rgba(243, 197, 98, 0.24);
  background: rgba(243, 197, 98, 0.08);
}

.execution-box-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.execution-box-head strong {
  font-size: 13px;
}

.execution-box-kind {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.execution-flag-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.execution-flag-group.success .execution-flag-head span {
  color: var(--green);
}

.execution-flag-group.warning .execution-flag-head span {
  color: var(--gold);
}

.execution-flag-group.danger .execution-flag-head span {
  color: #ff9aa8;
}

.execution-flag-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.execution-flag-head strong {
  font-size: 12px;
}

.execution-flag-head span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.execution-flag-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.execution-flag-item {
  padding: 7px 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-size: 11px;
  line-height: 1.4;
}

.execution-flag-item.muted {
  color: var(--muted);
}

.setup-current-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.price-refresh-button {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease, color 140ms ease;
}

.price-refresh-button:hover,
.price-refresh-button:focus-visible {
  transform: translateY(-1px) rotate(20deg);
  border-color: rgba(49, 209, 161, 0.32);
  box-shadow: 0 0 0 4px rgba(49, 209, 161, 0.08);
  background: rgba(49, 209, 161, 0.08);
  color: var(--text);
}

.price-refresh-button:disabled {
  opacity: 0.55;
  cursor: wait;
}

.price-refresh-button.is-loading {
  animation: priceRefreshSpin .7s linear infinite;
}

@keyframes priceRefreshSpin {
  to { transform: rotate(360deg); }
}

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

.pool-card {
  border-radius: 14px;
  padding: 10px 12px 12px;
  transition: border-color 120ms ease, background 120ms ease;
  cursor: pointer;
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: 260px 340px;
}

.pool-card.selected {
  border-color: rgba(49, 209, 161, 0.5);
  background: rgba(15, 22, 28, 0.98);
}

.pool-card:hover,
.pool-card:focus-visible {
  border-color: rgba(49, 209, 161, 0.34);
}

.card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: flex-start;
}

.pool-card-copy {
  min-width: 0;
}

.dex-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

.token-pair {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.quote-chip {
  padding: 3px 8px;
  color: var(--muted);
  font-size: 11px;
  background: rgba(255, 255, 255, 0.025);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pool-name {
  margin: 0;
  font-size: 15px;
  color: var(--text);
  font-weight: 700;
}

.pool-meta-row {
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.pool-card .pool-meta-actions {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  align-self: start;
  margin-top: 30px;
}

.mini-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  text-decoration: none;
  font-size: 11px;
  text-transform: lowercase;
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease, color 140ms ease;
}

.mini-link:hover,
.mini-link:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(49, 209, 161, 0.32);
  box-shadow: 0 0 0 4px rgba(49, 209, 161, 0.08);
  background: rgba(49, 209, 161, 0.08);
  color: var(--text);
}

.subline {
  color: var(--muted);
  font-size: 12px;
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.right-head {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
}

.pool-signal-wrap {
  height: 14px;
  margin-bottom: 6px;
}

.pool-signal {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #59616d;
  box-shadow: 0 0 0 3px rgba(89, 97, 109, 0.12);
}

.pool-signal.best {
  background: var(--green);
  box-shadow: 0 0 0 3px rgba(49, 209, 161, 0.18);
}

.pool-signal.good {
  background: #8bd96b;
  box-shadow: 0 0 0 3px rgba(139, 217, 107, 0.16);
}

.pool-signal.mid {
  background: var(--gold);
  box-shadow: 0 0 0 3px rgba(243, 197, 98, 0.16);
}

.pool-signal.bad {
  background: #ff8a67;
  box-shadow: 0 0 0 3px rgba(255, 138, 103, 0.16);
}

.pool-signal.worst {
  background: var(--red);
  box-shadow: 0 0 0 3px rgba(255, 107, 126, 0.18);
}

.active-fee-tvl {
  color: var(--green);
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  margin-top: 6px;
}

.active-fee-label {
  color: var(--muted);
  font-size: 11px;
}

.matrix {
  display: grid;
  gap: 4px 10px;
  margin-top: 8px;
}

.matrix.two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metric-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 1px 0;
  font-size: 12px;
}

.metric-row .label {
  color: var(--muted);
}

.metric-row .value {
  font-weight: 700;
}

.divider {
  margin: 8px 0;
  border-top: 1px solid var(--line);
}

.section-title {
  color: var(--text);
  font-weight: 700;
  margin-bottom: 6px;
  font-size: 12px;
}

.analysis-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(132px, 0.75fr);
  gap: 14px;
  align-items: start;
}

.analysis-block {
  min-width: 0;
}

.volume-block {
  padding-top: 1px;
}

.ratio-table {
  display: grid;
  gap: 7px;
}

.ratio-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 84px) minmax(0, 1fr);
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  align-items: baseline;
}

.ratio-row strong {
  color: var(--text);
  font-weight: 700;
}

.ratio-row .time {
  color: #8fb8ff;
  font-weight: 700;
}

.ratio-row .fees {
  color: var(--green);
  justify-self: start;
}

.card-foot {
  margin-top: 8px;
  color: var(--muted);
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.pool-ca {
  min-width: 0;
  word-break: break-word;
  display: none;
}

.icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  min-width: 32px;
  padding: 6px;
  border-radius: 9px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  text-decoration: none;
  cursor: pointer;
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.icon-action:hover,
.icon-action:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(49, 209, 161, 0.32);
  box-shadow: 0 0 0 4px rgba(49, 209, 161, 0.08);
  background: rgba(49, 209, 161, 0.08);
}

.icon-action svg {
  width: 16px;
  height: 16px;
}

.dex-link {
  color: var(--green);
}

.defined-link {
  color: #7fd4ff;
}

.defined-link:hover,
.defined-link:focus-visible {
  color: #bfeeff;
}

.pool-meta-actions .swap-link {
  margin-left: 6px;
}

.swap-link.pancakeswap {
  color: #f3c562;
}

.swap-link.uniswap {
  color: #ff87cc;
}

.swap-link.thena {
  color: #8dd2ff;
}

.swap-link.sushiswap {
  color: #9ca7ff;
}

.swap-link.dex-generic {
  color: var(--muted);
}

.copy-ca-button.copied {
  color: var(--green);
  border-color: rgba(49, 209, 161, 0.32);
  background: rgba(49, 209, 161, 0.12);
}

.link-context-menu {
  position: fixed;
  z-index: 80;
  min-width: 132px;
  padding: 5px;
  border: 1px solid rgba(95, 225, 187, 0.22);
  border-radius: 10px;
  background: rgba(12, 16, 21, 0.98);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
}

.link-context-menu[hidden] {
  display: none;
}

.link-context-menu button {
  width: 100%;
  min-height: 34px;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  text-align: left;
}

.link-context-menu button:hover,
.link-context-menu button:focus-visible,
.link-context-menu button.copied {
  background: rgba(49, 209, 161, 0.12);
  color: #baf3dc;
}

.sidebar {
  display: grid;
  gap: 10px;
}

.sidebar.compact {
  align-content: start;
}

.side-card {
  border-radius: 14px;
  padding: 12px;
}

.accent-card {
  border-color: rgba(49, 209, 161, 0.22);
}

.metric-list {
  display: grid;
  gap: 8px;
}

.keystore-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.keystore-actions > button,
.keystore-form > button {
  width: 100%;
}

.keystore-form {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

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

.keystore-compact-head h3 {
  margin: 0;
  font-size: 18px;
}

.keystore-compact-head > div > span,
.keystore-compact-head > strong {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.keystore-compact-head > strong {
  max-width: 145px;
  margin-top: 2px;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

#keystore-session-summary[data-session-state="unlocked"] {
  color: #9bcfff;
  border: 0;
  background: transparent;
}

#keystore-session-summary[data-session-state="locked"] {
  color: var(--muted);
  border: 0;
  background: transparent;
}

.keystore-compact-card .metric-list {
  gap: 0;
  margin-top: 13px;
  border-top: 1px solid rgba(137, 153, 179, 0.14);
}

.keystore-compact-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: center;
  gap: 8px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(137, 153, 179, 0.14);
}

.keystore-compact-identity > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.keystore-compact-identity strong {
  font-size: 13px;
}

.keystore-compact-identity .mono-value {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.keystore-compact-tools {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.keystore-compact-tools > button {
  width: auto;
  min-height: 36px;
  padding: 0 13px;
  border-radius: 8px;
  font-size: 11px;
}

.keystore-compact-card .keystore-form {
  gap: 9px;
  margin-top: 13px;
}

.keystore-compact-card .field {
  gap: 5px;
}

.keystore-compact-card .field > span {
  font-size: 11px;
}

.keystore-compact-card select,
.keystore-compact-card input {
  min-height: 42px;
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  font-size:max(var(--bl-iphone-input-min-size, 0px), 13px);
}

.keystore-password-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 7px;
}

.keystore-password-row > .field {
  min-width: 0;
}

.keystore-password-row > button {
  width: auto;
  min-height: 42px;
  height: 42px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 12px;
}

.keystore-compact-card .helper-text {
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.45;
}

.keystore-note {
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.45;
}

.keystore-value-with-action {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

.keystore-value-with-action strong {
  min-width: 0;
}

.keystore-address-copy {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 8px;
}

.keystore-address-copy svg {
  width: 14px;
  height: 14px;
}

.mono-value {
  font-family: "IBM Plex Mono", "Consolas", monospace;
  font-size: 11px;
  letter-spacing: 0.01em;
}

.row,
.warning-item,
.position-item {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.02);
  font-size: 12px;
}

.activity-item {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.activity-item strong {
  color: var(--text);
  font-size: 12px;
}

.activity-item span {
  color: var(--muted);
  font-size: 11px;
}

.row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
}

.row strong {
  color: var(--text);
}

.warning-item {
  color: #ffd8dd;
  background: rgba(255, 107, 126, 0.08);
}

.position-item h4 {
  margin: 0 0 8px;
}

.position-item p {
  margin: 4px 0;
  color: var(--muted);
  font-size: 13px;
}

.position-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

.position-head-toggle {
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.position-metrics.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.position-subline {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.position-status {
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.position-status.ok {
  border-color: rgba(49, 209, 161, 0.22);
  color: var(--green);
  background: rgba(49, 209, 161, 0.08);
}

.position-status.danger {
  border-color: rgba(255, 107, 126, 0.22);
  color: var(--red);
  background: rgba(255, 107, 126, 0.08);
}

.position-status.closed {
  border-color: rgba(243, 197, 98, 0.22);
  color: var(--gold);
  background: rgba(243, 197, 98, 0.08);
}

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

.position-metric {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.position-metric span,
.position-foot span {
  color: var(--muted);
  font-size: 11px;
}

.position-metric strong {
  color: var(--text);
  font-size: 13px;
}

.position-foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.position-actions {
  display: flex;
  gap: 8px;
  margin-top: 2px;
}

.position-mini-button {
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: #141a21;
  color: var(--text);
  font-size: 12px;
}

.position-mini-button:hover,
.position-mini-button:focus-visible {
  border-color: rgba(49, 209, 161, 0.32);
  background: rgba(49, 209, 161, 0.08);
}

.position-inline-result {
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
  color: var(--muted);
  font-size: 12px;
}

.positive {
  color: var(--green) !important;
}

.negative {
  color: var(--red) !important;
}

.positive-soft {
  color: #4fcb88 !important;
}

.warning-soft {
  color: #f5b970 !important;
}

.toast-root {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 90;
  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 28px));
  pointer-events: none;
}

.toast-item {
  display: grid;
  gap: 4px;
  padding: 12px 36px 12px 14px;
  border-radius: 10px;
  background: rgba(12, 17, 23, 0.96);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  color: var(--text);
  position: relative;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: auto;
}

.toast-item span {
  color: var(--muted);
  font-size: 12px;
}

.toast-item.success {
  border-color: rgba(36, 210, 139, 0.45);
}

.toast-item.warning {
  border-color: rgba(245, 185, 112, 0.48);
}

.toast-item.danger {
  border-color: rgba(255, 104, 104, 0.5);
}

.toast-item.swap-success {
  border-color: rgba(82, 215, 147, 0.42);
  background: rgba(13, 28, 23, 0.96);
}

.toast-item.swap-success strong {
  color: #c9f7df;
}

.toast-item.swap-danger {
  border-color: rgba(255, 127, 145, 0.34);
  background: rgba(31, 18, 22, 0.96);
}

.toast-item.swap-danger strong {
  color: #ffd9df;
}

.toast-item.swap-info {
  border-color: rgba(102, 190, 255, 0.3);
}

.toast-item.leaving {
  opacity: 0;
  transform: translateY(8px);
}

.toast-dismiss,
.action-overlay-dismiss {
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  line-height: 1;
}

.toast-dismiss {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
}

.action-overlay-control {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
}

.toast-dismiss:hover,
.toast-dismiss:focus-visible,
.action-overlay-dismiss:hover,
.action-overlay-dismiss:focus-visible {
  color: var(--text);
}

.position-inline-result .row {
  min-height: 28px;
}

.manage-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(12, 16, 21, 0.94);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.manage-card + .manage-card {
  margin-top: 12px;
}

.manage-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.manage-card-head-compact {
  align-items: center;
}

.manage-card-head h2 {
  margin: 0 0 6px;
}

.manage-card-head-compact h2 {
  margin: 0;
}

.manage-card-title {
  flex: 0 0 auto;
}

.manage-card-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.manage-batch-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin-left: clamp(18px, 3vw, 52px);
  margin-right: 0;
  max-width: 100%;
}

.manage-network-control {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin-left: auto;
}

.manage-network-switch {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  gap: 2px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 9px;
  background: rgba(255,255,255,0.025);
}

.manage-network-button {
  width: 28px;
  height: 28px;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease, opacity 120ms ease;
}

.manage-network-button img {
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.manage-network-button:hover:not(:disabled) {
  background: rgba(255,255,255,0.06);
}

.manage-network-button[aria-pressed="true"] {
  border-color: rgba(255,255,255,0.38);
  background: rgba(255,255,255,0.1);
}

.manage-network-button:focus-visible,
.manage-network-retry:focus-visible {
  outline: 2px solid rgba(255,255,255,0.78);
  outline-offset: 2px;
}

.manage-network-button:disabled {
  cursor: wait;
  opacity: 0.45;
}

.manage-network-retry {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.manage-network-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.manage-refresh-button {
  flex: 0 0 auto;
  min-width: 74px;
  min-height: 28px;
  margin-left: 0;
  padding: 0 12px;
  border: 1px solid rgba(49, 209, 161, 0.48);
  border-radius: 999px;
  background: rgba(49, 209, 161, 0.07);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  transition: color 140ms ease, border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.manage-refresh-button:hover,
.manage-refresh-button:focus-visible {
  border-color: rgba(49, 209, 161, 0.74);
  background: rgba(49, 209, 161, 0.12);
  color: #d8fff3;
  transform: translateY(-1px);
}

.manage-refresh-button:disabled {
  opacity: 0.55;
  cursor: wait;
  transform: none;
}

.manage-card-head .manage-action-button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 22px rgba(0,0,0,0.16);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.manage-action-claim {
  color: #d7ffef;
  background: linear-gradient(180deg, rgba(31, 155, 111, 0.24), rgba(20, 67, 55, 0.9));
  border: 1px solid rgba(74, 229, 170, 0.28);
}

.manage-action-close {
  color: #ffe2e8;
  background: linear-gradient(180deg, rgba(205, 73, 101, 0.22), rgba(66, 30, 40, 0.92));
  border: 1px solid rgba(255, 116, 142, 0.27);
}

.manage-action-swap {
  color: #e1f7ff;
  background: linear-gradient(180deg, rgba(60, 151, 213, 0.24), rgba(26, 51, 75, 0.92));
  border: 1px solid rgba(111, 203, 255, 0.28);
}

.manage-card-head .manage-action-button:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 13px 26px rgba(0,0,0,0.2);
}

.manage-action-claim:hover {
  border-color: rgba(74, 229, 170, 0.44);
  background: linear-gradient(180deg, rgba(38, 181, 130, 0.3), rgba(22, 76, 61, 0.94));
}

.manage-action-close:hover {
  border-color: rgba(255, 116, 142, 0.42);
  background: linear-gradient(180deg, rgba(221, 82, 112, 0.28), rgba(75, 34, 45, 0.96));
}

.manage-action-swap:hover {
  border-color: rgba(111, 203, 255, 0.44);
  background: linear-gradient(180deg, rgba(65, 164, 229, 0.3), rgba(30, 58, 84, 0.96));
}

.manage-summary-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.manage-summary-chip {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(12, 16, 21, 0.94);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.manage-summary-chip span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.manage-summary-chip strong {
  display: block;
  margin-top: 6px;
  font-size: 15px;
}

.manage-summary-chip.pnl-positive strong {
  color: var(--green);
}

.manage-summary-chip.pnl-negative strong {
  color: var(--red);
}

.manage-table-wrap {
  overflow: auto;
}

.manage-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1120px;
}

.manage-table th,
.manage-table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
}

.manage-table th:first-child,
.manage-table td:first-child {
  width: 34px;
  min-width: 34px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.manage-table th {
  color: #b48af8;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.manage-table tbody tr:hover {
  background: rgba(255,255,255,0.025);
}

.manage-row-check {
  width: 14px;
  height: 14px;
  min-width: 14px;
  max-width: 14px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  appearance: none;
  border-radius: 4px;
  border: 1px solid rgba(156, 213, 255, 0.26);
  background: rgba(13, 18, 24, 0.95);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
  cursor: pointer;
  position: relative;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 180ms ease, transform 160ms ease;
}

.manage-row-check:hover {
  border-color: rgba(49, 209, 161, 0.34);
  box-shadow: 0 0 0 3px rgba(49, 209, 161, 0.08);
}

.manage-row-check:checked {
  background: linear-gradient(135deg, rgba(49, 209, 161, 0.9) 0%, rgba(111, 225, 255, 0.88) 100%);
  border-color: rgba(95, 225, 187, 0.55);
}

.manage-row-check:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  width: 4px;
  height: 7px;
  border-right: 2px solid #071016;
  border-bottom: 2px solid #071016;
  transform: translate(-50%, -50%) rotate(42deg);
}

.manage-row-check:indeterminate::after {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 50%;
  height: 2px;
  border-radius: 999px;
  background: #071016;
  transform: translateY(-50%);
}

.manage-range-cell {
  min-width: 190px;
}

.manage-range-bounds {
  display: block;
  white-space: nowrap;
}

.manage-range-bounds.long {
  white-space: normal;
}

.manage-range-bounds.long span {
  display: block;
}

.manage-range-values {
  color: var(--muted);
  font-size: 11px;
}

.manage-value-stack strong,
.manage-pnl-stack strong,
.manage-fee-stack strong {
  display: block;
}

.manage-value-stack span,
.manage-pnl-stack span,
.manage-fee-stack span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}

.manage-value-stack span {
  display: none;
}

.manage-token-cell strong,
.manage-age-cell strong {
  display: block;
  font-size: 13px;
}

.manage-token-cell span,
.manage-age-cell span,
.manage-inline-sub {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}

.manage-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(49, 209, 161, 0.08);
  border: 1px solid rgba(49, 209, 161, 0.16);
  color: var(--green);
  font-weight: 700;
}

.manage-status-pill.out {
  background: rgba(255, 107, 126, 0.08);
  border-color: rgba(255, 107, 126, 0.16);
  color: var(--red);
}

.manage-group-row td {
  padding: 10px 0 6px;
  border-top: 1px solid rgba(255,255,255,0.04);
}

.manage-group-toggle {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 12px 14px 12px 0;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.03);
  color: inherit;
  text-align: left;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.manage-group-toggle:hover {
  border-color: rgba(49, 209, 161, 0.18);
  background: rgba(49, 209, 161, 0.05);
  transform: translateY(-1px);
}

.manage-group-caret {
  width: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal);
  font-weight: 800;
  font-size: 16px;
}

.manage-group-title {
  min-width: 0;
  max-width: min(260px, 28vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.manage-group-title-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  max-width: 430px;
  width: 430px;
  flex: 0 1 430px;
}

.manage-group-mainline {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

.manage-group-open-title-block .manage-group-mainline {
  display: grid;
  grid-template-columns: minmax(0, 178px) 82px max-content 42px;
  column-gap: 8px;
}

.manage-group-fee-tier {
  flex: 0 0 auto;
  color: var(--teal);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.manage-group-pool-links {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 82px;
  min-width: 0;
}

.manage-group-pool-links.is-empty {
  visibility: hidden;
}

.manage-pool-link {
  min-height: 22px;
  padding: 1px 7px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.manage-pool-link.dex-link {
  border-color: rgba(49, 209, 161, 0.32);
  background: rgba(49, 209, 161, 0.08);
  color: #8bf0ca;
}

.manage-pool-link.defined-link {
  border-color: rgba(116, 168, 255, 0.30);
  background: rgba(116, 168, 255, 0.08);
  color: #a9c8ff;
}

.manage-group-left-metrics {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 4px;
}

.manage-group-daily-fees {
  position: absolute;
  left: 60.7%;
  top: 50%;
  width: 66px;
  transform: translate(-50%, -50%);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  min-width: 0;
  line-height: 1.1;
  white-space: nowrap;
  pointer-events: none;
}

.manage-group-daily-fees small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}

.manage-group-daily-fees strong {
  margin-top: 2px;
  font-family: "Segoe UI Variable", "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.manage-group-meta {
  flex-basis: 100%;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.01em;
}

.manage-group-count-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(95, 225, 187, 0.16);
  background: rgba(49, 209, 161, 0.08);
  color: #baf3dc;
  font-size: 11px;
  white-space: nowrap;
}

.manage-group-summary {
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 14px;
  flex: 0 0 auto;
}

.manage-group-toggle-open .manage-group-summary {
  display: grid;
  grid-template-columns: 50px 40px 44px;
  align-items: center;
  gap: 8px;
  flex: 0 0 150px;
  width: 150px;
}

.manage-group-toggle-closed {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.manage-group-toggle-closed .manage-group-caret {
  flex: 0 0 20px;
}

.manage-group-toggle-closed .manage-group-title-block {
  width: 430px;
  flex: 0 1 430px;
  min-width: 0;
}

.manage-group-toggle-closed .manage-group-summary {
  display: grid;
  grid-template-columns: 50px 40px 44px;
  align-items: center;
  gap: 8px;
  flex: 0 0 150px;
  width: 150px;
  margin-left: auto;
}

.manage-group-toggle-closed .manage-group-chip {
  min-width: 0;
}

.manage-group-chip {
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.manage-group-chip small {
  display: block;
  color: var(--muted);
  font-size: 10px;
}

.manage-group-chip strong {
  display: block;
  margin-top: 2px;
  font-family: "Segoe UI Variable", "Segoe UI", sans-serif;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.manage-number-value,
.position-metric strong,
.manage-summary-chip strong,
.manage-value-stack strong,
.manage-fee-stack strong,
.manage-pnl-stack strong {
  font-family: "Segoe UI Variable", "Segoe UI", sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-rendering: geometricPrecision;
}

.manage-pnl-value {
  display: inline-block;
  min-width: 68px;
  text-align: right;
}

.manage-group-chip .manage-pnl-value {
  min-width: 0;
  text-align: left;
}

.manage-pnl-stack {
  text-align: left;
}

.manage-pnl-stack span {
  display: block;
  text-align: left;
}

.manage-pnl-stack .manage-pnl-value {
  min-width: 0;
  text-align: left;
}

.range-progress {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 210px;
}

.range-progress-bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #fe5454 0%, #ffb347 35%, #9bea4f 60%, #ffb347 82%, #fe5454 100%);
  overflow: hidden;
}

.range-progress-bar.dimmed {
  background: rgba(255,255,255,0.12);
}

.range-progress-marker {
  position: absolute;
  top: -2px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #f7fbff;
  border: 2px solid rgba(10,13,17,0.95);
  box-shadow: 0 0 0 3px rgba(255,255,255,0.12);
  transform: translateX(-50%);
}

.range-progress-labels {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--muted);
  font-size: 10px;
  align-items: flex-start;
}

.range-progress-center {
  min-width: 24px;
  display: inline-block;
}

.range-progress-edge {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  min-width: 72px;
}

.range-progress-edge strong {
  color: #9cd5ff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

.range-progress-edge small {
  color: var(--text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

.range-progress-edge-right {
  align-items: flex-end;
  text-align: right;
}

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

.manage-action-button {
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(20, 26, 33, 0.98) 0%, rgba(14, 19, 25, 0.98) 100%);
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
  transition: transform 160ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.manage-action-button:hover {
  transform: translateY(-1px);
  border-color: rgba(95, 225, 187, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.manage-action-button.collect {
  color: #6df5a3;
  border-color: rgba(49, 209, 161, 0.18);
  background: linear-gradient(180deg, rgba(18, 35, 29, 0.9) 0%, rgba(13, 24, 22, 0.95) 100%);
}

.manage-action-button.close {
  color: #ffb0b8;
  border-color: rgba(255, 107, 126, 0.16);
  background: linear-gradient(180deg, rgba(38, 21, 26, 0.9) 0%, rgba(26, 16, 19, 0.95) 100%);
}

.manage-action-button.autoswap {
  color: #9cd5ff;
  border-color: rgba(115, 184, 255, 0.2);
  background: linear-gradient(180deg, rgba(18, 28, 42, 0.92) 0%, rgba(13, 20, 31, 0.96) 100%);
}

.manage-action-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.manage-inline-note {
  color: var(--muted);
  font-size: 11px;
}

.manage-total-row td {
  background: rgba(255,255,255,0.03);
  border-bottom-color: rgba(255,255,255,0.04);
}

.manage-total-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  font-weight: 700;
  color: var(--text);
}

.modal-shell {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.modal-shell.hidden {
  display: none;
}

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

.modal-dialog {
  position: relative;
  width: min(1180px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(12,16,21,0.98) 0%, rgba(15,20,27,0.98) 100%);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 32px 80px rgba(0,0,0,0.45);
  animation: modalIn 180ms ease;
}

@keyframes modalIn {
  from { opacity: 0; transform: translateY(14px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.modal-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 14px;
  background: rgba(12,16,21,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.modal-head h2 {
  margin: 0 0 6px;
}

.modal-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.modal-body {
  padding: 18px 20px 20px;
}

.modal-close-button {
  min-width: 38px;
  min-height: 38px;
}

.manage-bulk-confirmation[hidden] {
  display: none;
}

.manage-bulk-confirmation {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: 24px;
}

.manage-bulk-confirmation-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 9, 0.76);
  backdrop-filter: blur(7px);
}

.manage-bulk-confirmation-dialog {
  --bulk-accent: #19c991;
  --bulk-accent-soft: rgba(25, 201, 145, 0.12);
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 22px;
  align-items: center;
  gap: 12px;
  width: min(clamp(520px, 34vw, 680px), calc(100vw - 32px));
  min-height: 78px;
  padding: 16px 20px;
  overflow: hidden;
  border: 1px solid #2a3541;
  border-radius: 18px;
  background: #121922;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.025);
  animation: modalIn 160ms ease;
}

.manage-bulk-confirmation.tone-claim .manage-bulk-confirmation-dialog {
  --bulk-accent: #1fd39a;
  --bulk-accent-soft: rgba(31, 211, 154, 0.12);
}

.manage-bulk-confirmation.tone-close .manage-bulk-confirmation-dialog {
  --bulk-accent: #c93450;
  --bulk-accent-soft: rgba(201, 52, 80, 0.12);
}

.manage-bulk-confirmation.tone-swap .manage-bulk-confirmation-dialog {
  --bulk-accent: #f5ae48;
  --bulk-accent-soft: rgba(245, 174, 72, 0.13);
}

.manage-bulk-confirmation-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  gap: 10px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid #202a31;
}

.manage-bulk-confirmation-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1.5px solid var(--bulk-accent);
  border-radius: 50%;
  color: var(--bulk-accent);
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.manage-bulk-confirmation-icon svg,
.manage-bulk-confirmation-close svg {
  width: 17px;
  height: 17px;
}

.manage-bulk-confirmation-kicker {
  display: block;
  margin-bottom: 3px;
  color: var(--bulk-accent);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.manage-bulk-confirmation-head h2 {
  margin: 0;
  color: #eef4f6;
  font-size: 17px;
  line-height: 1.35;
}

.manage-bulk-confirmation-dialog > h2 {
  margin: 0;
  color: #eef4f6;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.manage-bulk-confirmation-close {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #7e8a98;
  background: transparent;
}

.manage-bulk-confirmation-body {
  padding: 20px 18px 14px;
}

.manage-bulk-confirmation-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.manage-bulk-confirmation-count strong {
  color: #f4f8f9;
  font-size: 64px;
  line-height: 0.95;
}

.manage-bulk-confirmation-count span {
  color: #91a1aa;
  font-size: 13px;
}

.manage-bulk-confirmation-pairs {
  margin: 8px 0 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.manage-bulk-confirmation-facts {
  margin: 0;
  border-top: 1px solid #202a31;
}

.manage-bulk-confirmation-facts div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 38px;
  border-bottom: 1px solid #202a31;
}

.manage-bulk-confirmation-facts dt {
  color: #7f909a;
  font-size: 12px;
}

.manage-bulk-confirmation-facts dd {
  margin: 0;
  color: #dce5e8;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.manage-bulk-confirmation-warning,
.manage-bulk-confirmation-change {
  grid-column: 1 / -1;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--bulk-accent) 28%, #273238);
  border-radius: 7px;
  color: #c9d4d8;
  background: var(--bulk-accent-soft);
  font-size: 12px;
  line-height: 1.5;
}

.manage-bulk-confirmation-change {
  border-color: rgba(245, 174, 72, 0.35);
  color: #f0c886;
  background: rgba(245, 174, 72, 0.09);
}

.manage-bulk-confirmation-actions {
  display: flex;
  gap: 5px;
  padding: 0;
}

.manage-bulk-confirmation-actions button {
  min-width: 88px;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
}

#manage-bulk-confirm-no {
  border: 1px solid #3a4654;
  color: #aeb8c3;
  background: #141c26;
}

#manage-bulk-confirm-yes {
  border: 1px solid var(--bulk-accent);
  color: #ffffff;
  background: var(--bulk-accent);
}

.manage-bulk-confirmation-actions button:focus-visible,
.manage-bulk-confirmation-close:focus-visible {
  outline: 2px solid var(--bulk-accent);
  outline-offset: 2px;
}

@media (max-width: 620px) {
  .manage-bulk-confirmation {
    padding: 16px;
  }

  .manage-bulk-confirmation-head,
  .manage-bulk-confirmation-body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .manage-bulk-confirmation-actions {
    padding: 0;
  }
}

.preview-modal-grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
}

.preview-side {
  display: grid;
  gap: 12px;
  align-content: start;
}

.preview-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.preview-card h3 {
  margin: 0 0 10px;
  font-size: 15px;
}

.preview-ladder {
  display: grid;
  gap: 8px;
}

.preview-ladder-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 130px 120px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.04);
}

.preview-ladder-row .muted {
  color: var(--muted);
  font-size: 11px;
}

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

  .swap-settings-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbar-advanced {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .manage-summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .manage-card-head-compact {
    flex-wrap: wrap;
  }

  .manage-batch-actions {
    flex: 1 1 100%;
    flex-wrap: wrap;
    margin-left: 0;
    order: 3;
  }
}

@media (max-width: 1160px) {
  .app-shell,
  .search-view-layout,
  .create-layout,
  .manage-layout {
    grid-template-columns: 1fr;
  }

  .create-workspace,
  .create-main-grid {
    grid-template-columns: 1fr;
  }

  .setup-grid {
    grid-template-columns: 1fr;
  }

  .pool-grid {
    grid-template-columns: 1fr;
  }

  .toolbar-advanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-presets,
  .filter-preset-save {
    grid-template-columns: 1fr;
  }

  .manage-summary-strip,
  .preview-modal-grid {
    grid-template-columns: 1fr;
  }

  .builder-form-grid,
  .builder-form-grid.three,
  .builder-range-grid,
  .builder-inline-grid,
  .create-preview-summary {
    grid-template-columns: 1fr;
  }

  .range-input-grid {
    grid-template-columns: 1fr;
  }

  .search-head,
  .results-meta,
  .app-header {
    flex-direction: column;
    align-items: stretch;
  }

  .search-box {
    flex-wrap: wrap;
  }

  .app-sidebar {
    position: static;
    height: auto;
    min-height: auto;
  }

  .app-nav-footer {
    margin-top: 8px;
    padding-top: 0;
  }

  .create-hero {
    flex-direction: column;
  }

  .analysis-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .preview-summary,
  .setup-form-grid {
    grid-template-columns: 1fr;
  }

  .swap-settings-strip {
    grid-template-columns: 1fr 1fr;
  }
}
.action-overlay-shell {
  position: fixed;
  inset: 0;
  z-index: 1200;
}

.action-overlay-shell.hidden {
  display: none;
}

.action-overlay-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 7, 12, 0.54);
  backdrop-filter: blur(2px);
}

.action-overlay-card {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(460px, calc(100vw - 32px));
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(95, 225, 187, 0.14);
  background: linear-gradient(180deg, rgba(14, 19, 27, 0.98), rgba(10, 14, 20, 0.98));
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.38);
}

.action-overlay-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  gap: 16px;
}

.action-overlay-head strong {
  font-size: 18px;
}

.action-overlay-head span {
  color: var(--muted);
  font-size: 12px;
}

.action-overlay-progress-bar {
  appearance: none;
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 10px;
}

.action-overlay-progress-bar::-webkit-progress-bar {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.action-overlay-progress-bar::-webkit-progress-value {
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(95, 225, 187, 0.82), rgba(95, 225, 187, 0.68));
  transition: width 260ms ease;
}

.action-overlay-progress-bar::-moz-progress-bar {
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(95, 225, 187, 0.82), rgba(95, 225, 187, 0.68));
}

.action-overlay-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: var(--muted);
  font-size: 13px;
}

@keyframes overlayAppear {
  from {
    opacity: 0;
    transform: translate(-50%, -46%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes overlayIndeterminate {
  0% {
    transform: translateX(-55%);
    opacity: 0.72;
  }

  50% {
    transform: translateX(70%);
    opacity: 0.92;
  }

  100% {
    transform: translateX(-55%);
    opacity: 0.72;
  }
}

.hidden {
  display: none !important;
}

.swap-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 368px);
  gap: 10px;
  align-items: start;
  max-width: 1380px;
  min-width: 0;
  overflow-x: clip;
}

.swap-workspace-main,
.swap-workspace-sidebar {
  display: grid;
  gap: 8px;
  min-width: 0;
}

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

.swap-workspace-head h2 {
  margin: 0 0 6px;
  font-size: 17px;
  letter-spacing: -0.03em;
}

.swap-workspace-head p {
  margin: 0;
  max-width: 500px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.swap-head-actions {
  display: grid;
  gap: 8px;
  justify-items: end;
}

.swap-ghost-button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  font-size: 13px;
}

.swap-stage-card {
  padding: 5px;
  border-radius: 13px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background:
    radial-gradient(circle at top right, rgba(49, 209, 161, 0.12), transparent 28%),
    radial-gradient(circle at bottom left, rgba(82, 149, 255, 0.09), transparent 24%),
    linear-gradient(180deg, rgba(15, 21, 28, 0.98) 0%, rgba(11, 16, 23, 0.98) 100%);
  box-shadow: 0 14px 42px rgba(4, 8, 14, 0.28);
  min-width: 0;
  overflow: hidden;
}

.swap-leg-panel {
  padding: 6px 7px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(21, 28, 37, 0.94);
}

.swap-leg-panel-buy {
  background: rgba(11, 17, 24, 0.98);
}

.swap-leg-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.swap-leg-head span {
  font-size: 13px;
  font-weight: 600;
}

.swap-leg-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.swap-leg-grid {
  display: grid;
  grid-template-columns: minmax(170px, 0.94fr) minmax(0, 1.06fr);
  gap: 5px;
  align-items: center;
}

.swap-token-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  width: 100%;
  padding: 5px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(52, 76, 112, 0.24);
  color: var(--text);
  text-align: left;
}

.swap-token-trigger-icon,
.swap-token-row-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top, rgba(49, 209, 161, 0.28), rgba(8, 13, 17, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.swap-token-trigger-copy,
.swap-token-row-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.swap-token-trigger-copy strong,
.swap-token-row-copy strong {
  font-size: 13px;
  line-height: 1;
}

.swap-token-trigger-copy small,
.swap-token-row-copy small {
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}

.swap-amount-shell {
  min-height: 40px;
  display: grid;
  align-content: center;
  justify-items: end;
  gap: 4px;
}

.swap-amount-shell input {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  box-shadow: none;
}

.swap-amount-shell span {
  color: #87a3d4;
  font-size: 11px;
}

.swap-amount-shell-output strong {
  font-size: 14px;
  text-align: right;
}

.swap-direction-wrap-modern {
  margin: -4px 0;
  position: relative;
  z-index: 2;
}

.swap-direction-wrap-modern .swap-direction-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 24, 33, 1) 0%, rgba(9, 14, 20, 1) 100%);
}

.swap-direction-wrap-modern .swap-direction-button svg {
  width: 14px;
  height: 14px;
}

.swap-strip-grid {
  margin-top: 5px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

.swap-cta-block {
  margin-top: 6px;
  display: grid;
  gap: 6px;
}

.swap-main-button {
  min-height: 36px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #d2ff79 0%, #c0f46a 100%);
  color: #20310d;
  font-size: 14px;
  font-weight: 700;
}

.swap-direction-line {
  color: #dff3a5;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

.swap-preview-shadow-button {
  display: none;
}

.swap-rate-bar {
  margin-top: 5px;
  padding-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.swap-rate-copy {
  display: grid;
  gap: 4px;
}

.swap-rate-copy span {
  color: var(--muted);
  font-size: 11px;
}

.swap-rate-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.swap-analytics-board {
  padding: 7px;
  border-radius: 13px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(12, 18, 25, 0.9);
}

.swap-preview-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.swap-summary-tile,
.swap-best-route-card,
.swap-empty-card {
  min-height: 100%;
  padding: 7px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}

.swap-summary-tile span,
.swap-empty-card span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.swap-summary-tile strong,
.swap-empty-card strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #f3f7ff;
}

.swap-summary-subtext {
  display: block;
  margin-top: 4px;
  color: #9cb2d4;
  font-size: 10px;
  line-height: 1.4;
}

.swap-empty-card {
  display: grid;
  gap: 2px;
  align-content: start;
}

.swap-route-item.active {
  border-color: rgba(210, 255, 121, 0.4);
  box-shadow: 0 0 0 4px rgba(210, 255, 121, 0.08);
}

.swap-modal-dialog,
.swap-settings-dialog {
  width: min(720px, calc(100vw - 32px));
}

.swap-settings-dialog {
  width: min(560px, calc(100vw - 32px));
}

.swap-modal-body,
.swap-settings-body {
  display: grid;
  gap: 16px;
}

.swap-modal-search {
  display: grid;
  gap: 8px;
}

.swap-token-quick-chips,
.swap-settings-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.swap-token-tabs {
  display: flex;
  gap: 8px;
}

.swap-token-tab {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
}

.swap-token-tab.active {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text);
}

.swap-token-modal-meta {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.swap-token-list {
  display: grid;
  gap: 8px;
  max-height: 520px;
  overflow: auto;
}

.swap-token-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(15, 21, 29, 0.95);
  color: var(--text);
  text-align: left;
}

.swap-token-row-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.swap-token-row-copy strong {
  font-size: 16px;
}

.swap-token-row-copy em {
  color: #7be0b5;
  font-style: normal;
  font-size: 12px;
}

.swap-token-row-side {
  display: grid;
  justify-items: end;
  gap: 2px;
}

.swap-token-row-side strong {
  font-size: 14px;
}

.swap-token-row-side span {
  color: var(--muted);
  font-size: 12px;
}

.swap-token-empty {
  padding: 16px;
  border-radius: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
}

.swap-settings-section {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
}

.swap-side-card {
  padding: 5px;
  border-radius: 13px;
}

.swap-best-route-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background:
    radial-gradient(circle at top right, rgba(210, 255, 121, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(20, 29, 22, 0.98) 0%, rgba(11, 18, 17, 0.98) 100%);
  border-color: rgba(210, 255, 121, 0.18);
  box-shadow: 0 10px 24px rgba(8, 14, 9, 0.22);
}

.swap-best-route-hero {
  display: grid;
  gap: 5px;
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid rgba(210, 255, 121, 0.16);
  background: rgba(210, 255, 121, 0.05);
}

.swap-best-route-kicker {
  color: #d9ff8a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.swap-best-route-direction {
  display: block;
  font-size: 18px;
  line-height: 1.18;
  color: #f7ffe2;
}

.swap-best-route-output {
  color: #d8ff82;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.swap-best-route-note {
  color: #b6c9a2;
  font-size: 10px;
  line-height: 1.35;
}

.swap-route-stack {
  display: grid;
  gap: 6px;
  max-height: 760px;
  overflow: auto;
}

.swap-route-item {
  display: grid;
  gap: 5px;
  padding: 7px 8px;
  border-radius: 12px;
  text-align: left;
  background: rgba(255, 255, 255, 0.02);
  color: #edf3ff;
}

.swap-route-item-static {
  cursor: default;
}

.swap-route-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.swap-route-title-group {
  display: flex;
  align-items: center;
  gap: 5px;
}

.swap-route-head strong {
  font-size: 12px;
  text-transform: capitalize;
  color: #f3f7ff;
}

.swap-route-head span {
  color: #a9c0e8;
  font-size: 9px;
  white-space: nowrap;
}

.swap-route-fee-tier {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(82, 149, 255, 0.14);
  border: 1px solid rgba(82, 149, 255, 0.24);
  color: #e7f1ff !important;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.swap-route-badge {
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(210, 255, 121, 0.12);
  border: 1px solid rgba(210, 255, 121, 0.24);
  color: #d9ff8a;
  font-size: 10px !important;
  letter-spacing: 0.02em;
}

.swap-route-out {
  color: #f5fbff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.swap-route-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  color: #c3d3ea;
  font-size: 9px;
  line-height: 1.3;
}

.swap-route-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.swap-route-metrics span {
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(82, 149, 255, 0.08);
  color: #9cb2d4;
  font-size: 8px;
}

.swap-side-pill-best {
  background: rgba(210, 255, 121, 0.12);
  border-color: rgba(210, 255, 121, 0.28);
  color: #d9ff8a;
}

.swap-route-address {
  color: var(--muted);
  font-size: 9px;
}

.swap-settings-section h3 {
  margin: 0;
}

.swap-chip-button-static {
  pointer-events: none;
  opacity: 0.92;
}

.swap-settings-note {
  margin: 0;
  color: #9cb2d4;
  font-size: 11px;
  line-height: 1.45;
}

.swap-workspace-balanced {
  grid-template-columns: minmax(420px, 760px) minmax(340px, 420px);
  grid-template-areas:
    "top top"
    "ticket routes";
  justify-content: center;
  align-items: start;
  gap: 10px;
  max-width: 1220px;
  margin: 0 auto;
}

.swap-top-strip {
  grid-area: top;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(11, 17, 24, 0.82);
}

.swap-top-title {
  min-width: 0;
}

.swap-top-title h2 {
  margin: 0 0 3px;
  font-size: 18px;
}

.swap-top-title p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.swap-top-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.swap-ghost-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 10px;
}

.swap-ghost-button svg {
  width: 15px;
  height: 15px;
}

.swap-ticket-card,
.swap-routes-panel {
  min-width: 0;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  background: linear-gradient(180deg, rgba(15, 21, 29, 0.97) 0%, rgba(10, 15, 22, 0.98) 100%);
  box-shadow: 0 16px 40px rgba(4, 8, 14, 0.22);
}

.swap-ticket-card {
  grid-area: ticket;
  display: grid;
  gap: 8px;
  padding: 9px;
}

.swap-routes-panel {
  grid-area: routes;
  display: grid;
  gap: 8px;
  padding: 9px;
}

.swap-ticket-head,
.swap-routes-panel .swap-side-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.swap-ticket-head h3,
.swap-routes-panel h3 {
  margin: 2px 0 0;
  font-size: 15px;
}

.swap-ticket-head strong {
  max-width: 170px;
  overflow: hidden;
  color: #dfe7f6;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.swap-section-kicker {
  color: #8fa7ca;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.swap-leg-panel {
  padding: 8px;
  border-radius: 10px;
}

.swap-leg-grid {
  grid-template-columns: minmax(176px, 0.86fr) minmax(0, 1.14fr);
  gap: 7px;
}

.swap-token-trigger {
  min-height: 42px;
  padding: 6px 9px;
  border-radius: 12px;
}

.swap-amount-shell {
  min-height: 42px;
}

.swap-amount-shell input {
  font-size: 19px;
}

.swap-amount-shell-output strong {
  font-size: 16px;
}

.swap-direction-wrap-modern {
  margin: -5px 0;
}

.swap-strip-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.swap-ticket-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.swap-summary-tile {
  min-height: auto;
  padding: 7px 8px;
  border-radius: 9px;
}

.swap-summary-tile strong {
  margin-bottom: 2px;
  font-size: 13px;
}

.swap-summary-subtext {
  margin-top: 2px;
  font-size: 9px;
}

.swap-main-button {
  min-height: 40px;
  border-radius: 10px;
}

.swap-rate-bar {
  margin-top: 0;
  padding: 7px 8px 0;
}

.swap-route-stack {
  gap: 6px;
  max-height: min(720px, calc(100vh - 192px));
}

.swap-route-item {
  gap: 5px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.055);
}

.swap-route-item.active {
  border-color: rgba(210, 255, 121, 0.48);
  background:
    linear-gradient(180deg, rgba(210, 255, 121, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: 0 0 0 3px rgba(210, 255, 121, 0.07);
}

.swap-route-head strong {
  font-size: 12px;
}

.swap-route-fee-tier {
  display: grid;
  gap: 1px;
  min-width: 62px;
  min-height: 30px;
  padding: 3px 8px;
  border-radius: 9px;
  line-height: 1;
}

.swap-route-fee-tier small {
  color: #9fb4d4;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}

.swap-route-selected-badge {
  background: rgba(82, 149, 255, 0.14);
  border-color: rgba(82, 149, 255, 0.3);
  color: #cfe1ff;
}

.swap-route-out {
  font-size: 13px;
}

.swap-route-detail {
  gap: 4px 7px;
  font-size: 9px;
}

.swap-route-metrics {
  gap: 4px;
}

.swap-route-metrics span {
  font-size: 8px;
}

.swap-route-address {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.swap-route-address > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-route-pool-copy {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #a9c0e8;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.swap-route-pool-copy:hover,
.swap-route-pool-copy:focus-visible,
.swap-route-pool-copy.copied {
  color: #d9ff8a;
  border-color: rgba(210, 255, 121, 0.3);
}

.swap-route-pool-copy svg {
  width: 14px;
  height: 14px;
}

@media (max-width: 1180px) {
  .swap-workspace-balanced {
    grid-template-columns: 1fr;
    grid-template-areas:
      "top"
      "ticket"
      "routes";
  }

  .swap-route-stack {
    max-height: none;
  }
}

@media (max-width: 860px) {
  .swap-top-strip,
  .swap-ticket-head,
  .swap-rate-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .swap-top-status {
    justify-content: flex-start;
  }

  .swap-leg-grid {
    grid-template-columns: 1fr;
  }

  .swap-amount-shell,
  .swap-amount-shell-output strong {
    justify-items: start;
    text-align: left;
  }

  .swap-amount-shell input {
    text-align: left;
    font-size: 24px;
  }

  .swap-strip-grid,
  .swap-ticket-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .swap-ticket-card,
  .swap-routes-panel {
    padding: 8px;
    border-radius: 12px;
  }

  .swap-leg-panel {
    padding: 9px;
    border-radius: 10px;
  }

  .swap-token-trigger {
    min-height: 52px;
  }

  .swap-token-trigger-copy strong {
    font-size: 16px;
  }

  .swap-amount-shell input,
  .swap-amount-shell-output strong {
    font-size: 24px;
  }

  .swap-strip-grid,
  .swap-ticket-summary {
    grid-template-columns: 1fr;
  }

  .swap-modal-dialog,
  .swap-settings-dialog {
    width: calc(100vw - 16px);
  }
}

.swap-workstation-v2 {
  --swap-v2-accent: #c9ff5f;
  --swap-v2-cyan: #4de0c1;
  --swap-v2-line: rgba(139, 165, 205, 0.16);
  grid-template-columns: minmax(380px, 560px) minmax(330px, 420px);
  gap: 14px;
  max-width: 1010px;
}

.swap-workstation-v2 .swap-command-deck {
  padding: 10px 12px;
  border-radius: 16px;
  border-color: rgba(126, 155, 196, 0.18);
  background:
    linear-gradient(135deg, rgba(18, 31, 41, 0.94), rgba(8, 13, 19, 0.97) 58%),
    radial-gradient(circle at 8% 0%, rgba(77, 224, 193, 0.16), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 42px rgba(0, 0, 0, 0.2);
}

.swap-workstation-v2 .swap-command-title h2 {
  font-size: 16px;
}

.swap-workstation-v2 .swap-command-title p {
  max-width: 470px;
  font-size: 11px;
}

.swap-workstation-v2 .swap-command-actions {
  gap: 7px;
}

.swap-workstation-v2 .swap-quote-chip,
.swap-workstation-v2 .swap-ghost-button {
  min-height: 30px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.075);
}

.swap-workstation-v2 .swap-deal-ticket,
.swap-workstation-v2 .swap-route-rail {
  border-radius: 18px;
  border-color: rgba(128, 154, 191, 0.17);
  background:
    linear-gradient(180deg, rgba(13, 20, 29, 0.98), rgba(6, 11, 17, 0.99)),
    radial-gradient(circle at 50% -10%, rgba(77, 224, 193, 0.12), transparent 38%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 22px 54px rgba(0, 0, 0, 0.26);
}

.swap-workstation-v2 .swap-deal-ticket {
  gap: 11px;
  padding: 14px;
  overflow: hidden;
  position: relative;
}

.swap-workstation-v2 .swap-deal-ticket::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201, 255, 95, 0.76), rgba(77, 224, 193, 0.55), transparent);
  pointer-events: none;
}

.swap-workstation-v2 .swap-deal-ticket::after,
.swap-workstation-v2 .swap-route-rail::after {
  content: "";
  position: absolute;
  inset: auto 18px 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(77, 224, 193, 0.34), transparent);
  pointer-events: none;
}

.swap-workstation-v2 .swap-ticket-head {
  padding: 2px 1px 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.swap-workstation-v2 .swap-ticket-head h3,
.swap-workstation-v2 .swap-route-rail h3 {
  margin-top: 3px;
  font-size: 17px;
  letter-spacing: 0;
}

.swap-workstation-v2 .swap-section-kicker {
  color: #8fdac8;
  letter-spacing: 0.09em;
}

.swap-token-well {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--swap-v2-line);
  background:
    linear-gradient(135deg, rgba(20, 31, 43, 0.88), rgba(9, 15, 22, 0.94)),
    radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.08), transparent 38%);
}

.swap-token-well::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--swap-v2-cyan);
  opacity: 0.9;
}

.swap-token-well-buy::before {
  background: var(--swap-v2-accent);
}

.swap-workstation-v2 .swap-token-well-sell {
  box-shadow: inset 0 0 0 1px rgba(77, 224, 193, 0.03);
}

.swap-workstation-v2 .swap-token-well-buy {
  box-shadow: inset 0 0 0 1px rgba(201, 255, 95, 0.035);
}

.swap-workstation-v2 .swap-leg-head {
  min-height: 24px;
  margin: 0;
}

.swap-workstation-v2 .swap-leg-head > span {
  color: #eff5ff;
  font-size: 12px;
  font-weight: 800;
}

.swap-workstation-v2 .swap-leg-head-actions {
  gap: 6px;
}

.swap-workstation-v2 .swap-leg-head-actions strong {
  color: #dce8fb;
  font-size: 11px;
}

.swap-workstation-v2 .swap-chip-button {
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 9px;
}

.swap-workstation-v2 .swap-token-amount-grid {
  grid-template-columns: minmax(170px, 220px) minmax(150px, 1fr);
  gap: 10px;
  align-items: stretch;
}

.swap-workstation-v2 .swap-token-trigger {
  min-height: 60px;
  padding: 9px 11px;
  border-radius: 14px;
  background: rgba(18, 31, 45, 0.94);
  border-color: rgba(127, 158, 205, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.swap-workstation-v2 .swap-token-trigger-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
}

.swap-workstation-v2 .swap-token-trigger-copy strong {
  font-size: 14px;
}

.swap-workstation-v2 .swap-token-trigger-copy small {
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-workstation-v2 .swap-amount-shell {
  min-height: 60px;
  padding: 4px 0;
  align-content: center;
  justify-items: end;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.swap-workstation-v2 .swap-amount-shell input {
  width: 100%;
  color: #f6fbff;
  font-size: 30px;
  line-height: 1;
  text-align: right;
}

.swap-workstation-v2 .swap-amount-shell span {
  font-size: 11px;
}

.swap-workstation-v2 .swap-amount-shell-output strong {
  max-width: 100%;
  overflow: hidden;
  color: #f6fbff;
  font-size: 25px;
  line-height: 1.08;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-workstation-v2 .swap-direction-wrap-modern {
  height: 0;
  margin: -3px 0 4px;
  z-index: 2;
}

.swap-workstation-v2 .swap-direction-button {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  color: #e8ffb7;
  background: #101923;
  border-color: rgba(201, 255, 95, 0.24);
  box-shadow: 0 0 0 5px rgba(5, 9, 14, 0.92), 0 10px 24px rgba(0, 0, 0, 0.32);
}

.swap-workstation-v2 .swap-strip-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.swap-workstation-v2 .swap-inline-metric {
  min-height: 58px;
  padding: 9px 10px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.07);
}

.swap-workstation-v2 .swap-preview-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.swap-workstation-v2 .swap-execution-strip {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid rgba(201, 255, 95, 0.12);
  background: linear-gradient(180deg, rgba(201, 255, 95, 0.055), rgba(255, 255, 255, 0.025));
}

.swap-workstation-v2 .swap-main-button {
  min-height: 44px;
  border-radius: 13px;
  box-shadow: 0 16px 38px rgba(174, 255, 64, 0.12);
}

.swap-workstation-v2 .swap-rate-bar {
  padding: 10px 11px;
  border-radius: 14px;
  background: rgba(5, 10, 15, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.055);
}

.swap-workstation-v2 .swap-route-rail {
  gap: 10px;
  padding: 14px;
  position: relative;
  overflow: hidden;
}

.swap-workstation-v2 .swap-route-rail .swap-side-card-head {
  padding: 1px 0 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.swap-workstation-v2 .swap-route-rail-list {
  gap: 8px;
  max-height: min(760px, calc(100vh - 210px));
}

.swap-workstation-v2 .swap-route-item {
  padding: 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(20, 30, 43, 0.84), rgba(9, 15, 22, 0.9));
  border-color: rgba(130, 157, 194, 0.12);
}

.swap-workstation-v2 .swap-route-item.active {
  border-color: rgba(201, 255, 95, 0.54);
  background:
    linear-gradient(180deg, rgba(201, 255, 95, 0.095), rgba(10, 16, 22, 0.94)),
    radial-gradient(circle at 90% 0, rgba(201, 255, 95, 0.14), transparent 34%);
}

.swap-workstation-v2 .swap-route-head {
  gap: 8px;
}

.swap-workstation-v2 .swap-route-head strong {
  font-size: 13px;
}

.swap-workstation-v2 .swap-route-fee-tier {
  border-radius: 999px;
  color: #edffd1;
  background: rgba(201, 255, 95, 0.1);
  border: 1px solid rgba(201, 255, 95, 0.18);
}

@media (max-width: 1180px) {
  .swap-workstation-v2 {
    max-width: min(860px, 100%);
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .swap-workstation-v2 .swap-command-deck,
  .swap-workstation-v2 .swap-ticket-head,
  .swap-workstation-v2 .swap-rate-bar {
    align-items: stretch;
  }

  .swap-workstation-v2 .swap-token-amount-grid,
  .swap-workstation-v2 .swap-strip-grid,
  .swap-workstation-v2 .swap-preview-summary-grid {
    grid-template-columns: 1fr;
  }

  .swap-workstation-v2 .swap-amount-shell,
  .swap-workstation-v2 .swap-amount-shell-output strong,
  .swap-workstation-v2 .swap-amount-shell input {
    justify-items: start;
    text-align: left;
  }
}

.swap-workstation-v2 {
  grid-template-columns: minmax(520px, 540px) minmax(520px, 620px);
  grid-template-areas:
    "top top"
    "content content";
  align-items: start;
  justify-content: center;
  gap: 18px;
  max-width: 1210px;
}

.swap-workstation-v2 .swap-status-toolbar {
  grid-area: top;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.swap-live-strip {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  color: #dce8f9;
  font-size: 13px;
}

.swap-live-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #7ee787;
  box-shadow: 0 0 18px rgba(126, 231, 135, 0.42);
}

.swap-toolbar-divider {
  width: 1px;
  height: 18px;
  background: rgba(255, 255, 255, 0.16);
}

.swap-refresh-inline {
  color: #afbdd2;
}

.swap-live-strip strong {
  color: #70d7ff;
}

.swap-workstation-v2 .swap-command-actions {
  gap: 10px;
}

.swap-workstation-v2 .swap-ghost-button {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 7px;
  color: #eef5ff;
  background: rgba(12, 18, 26, 0.72);
  border: 1px solid rgba(151, 171, 207, 0.24);
}

.swap-workstation-v2 .swap-ghost-button svg {
  width: 17px;
  height: 17px;
}

.swap-target-grid {
  grid-area: content;
  display: grid;
  grid-template-columns: minmax(480px, 540px) minmax(520px, 620px);
  grid-template-areas: "form routes";
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.swap-workstation-v2 .swap-deal-ticket,
.swap-workstation-v2 .swap-route-rail {
  border-radius: 7px;
  border: 1px solid rgba(143, 162, 196, 0.22);
  background:
    linear-gradient(180deg, rgba(18, 28, 38, 0.92), rgba(9, 15, 22, 0.98)),
    radial-gradient(circle at 30% 0%, rgba(77, 224, 193, 0.08), transparent 46%);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26);
}

.swap-workstation-v2 .swap-deal-ticket {
  grid-area: form;
  gap: 0;
  padding: 0;
}

.swap-workstation-v2 .swap-deal-ticket::before,
.swap-workstation-v2 .swap-deal-ticket::after,
.swap-workstation-v2 .swap-route-rail::after {
  display: none;
}

.swap-wallet-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px 16px;
  border-bottom: 1px solid rgba(143, 162, 196, 0.16);
}

.swap-wallet-strip > div {
  display: grid;
  gap: 9px;
}

.swap-wallet-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 47px;
  padding: 0 16px;
  border-radius: 8px;
  color: #f4f7fb;
  background: rgba(7, 12, 18, 0.5);
  border: 1px solid rgba(143, 162, 196, 0.22);
}

.swap-wallet-icon {
  width: 22px;
  height: 22px;
  color: #a8bad8;
}

.swap-wallet-icon svg {
  width: 100%;
  height: 100%;
}

.swap-wallet-total {
  color: #ccd7e9;
  font-size: 13px;
}

.swap-workstation-v2 .swap-section-kicker {
  color: #adb9cb;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.swap-workstation-v2 .swap-token-well {
  gap: 11px;
  padding: 18px 22px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.swap-workstation-v2 .swap-token-well + .swap-token-well {
  border-top: 1px solid rgba(143, 162, 196, 0.15);
}

.swap-workstation-v2 .swap-token-well::before {
  display: none;
}

.swap-workstation-v2 .swap-leg-head {
  min-height: 21px;
}

.swap-workstation-v2 .swap-leg-head > span {
  color: #f3f7ff;
  font-size: 15px;
  font-weight: 700;
}

.swap-workstation-v2 .swap-leg-head-actions {
  color: #9faec5;
  font-size: 13px;
}

.swap-workstation-v2 .swap-leg-head-actions strong {
  color: #b8c6dc;
  font-size: 13px;
  font-weight: 500;
}

.swap-workstation-v2 .swap-token-amount-grid {
  grid-template-columns: minmax(190px, 1fr) minmax(160px, 210px);
  gap: 12px;
}

.swap-workstation-v2 .swap-token-trigger,
.swap-workstation-v2 .swap-amount-shell {
  min-height: 83px;
  border-radius: 7px;
  background: rgba(7, 13, 19, 0.62);
  border: 1px solid rgba(143, 162, 196, 0.22);
}

.swap-workstation-v2 .swap-token-trigger {
  padding: 12px 14px;
}

.swap-workstation-v2 .swap-token-trigger-icon {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  color: #f7fff9;
  background: linear-gradient(135deg, #2d9f73, #65d6a2);
}

.swap-workstation-v2 .swap-token-well-buy .swap-token-trigger-icon {
  background: linear-gradient(135deg, #f0a900, #ffd24b);
}

.swap-workstation-v2 .swap-token-trigger-copy strong {
  color: #f8fbff;
  font-size: 19px;
}

.swap-workstation-v2 .swap-token-trigger-copy small {
  color: #a8b6c9;
  font-size: 13px;
}

.swap-workstation-v2 .swap-amount-shell {
  display: grid;
  justify-items: end;
  align-content: center;
  padding: 0 16px;
  box-shadow: none;
}

.swap-workstation-v2 .swap-amount-shell input {
  color: #ffffff;
  font-size: 34px;
  text-align: right;
}

.swap-workstation-v2 .swap-amount-shell span {
  color: #9fb1c9;
  font-size: 14px;
}

.swap-workstation-v2 .swap-amount-shell-output strong {
  color: #ffffff;
  font-size: 32px;
}

.swap-percent-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(143, 162, 196, 0.18);
}

.swap-percent-grid button {
  min-height: 30px;
  color: #aebbd0;
  background: rgba(7, 12, 18, 0.5);
  border: 0;
  border-right: 1px solid rgba(143, 162, 196, 0.16);
}

.swap-percent-grid button:last-child {
  border-right: 0;
}

.swap-workstation-v2 .swap-direction-wrap-modern {
  height: 0;
  margin: -10px 0 0;
  z-index: 3;
}

.swap-workstation-v2 .swap-direction-button {
  width: 43px;
  height: 43px;
  border-radius: 7px;
  color: #f2fff7;
  background: rgba(10, 17, 25, 0.95);
  border-color: rgba(143, 162, 196, 0.28);
  box-shadow: 0 0 0 7px rgba(10, 15, 22, 0.96);
}

.swap-settings-grid-v2 {
  display: grid;
  gap: 12px;
  padding: 18px 22px;
  border-top: 1px solid rgba(143, 162, 196, 0.15);
}

.swap-setting-row-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  color: #eef5ff;
  font-size: 14px;
}

.swap-setting-row-v2 strong {
  min-width: 120px;
  padding: 7px 12px;
  border-radius: 6px;
  color: #80d99a;
  text-align: right;
  background: rgba(7, 13, 19, 0.7);
  border: 1px solid rgba(143, 162, 196, 0.18);
}

.swap-workstation-v2 .swap-preview-panel-v2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 22px 14px;
}

.swap-workstation-v2 .swap-inline-metric {
  min-height: 58px;
  border-radius: 7px;
  background: rgba(7, 13, 19, 0.48);
  border-color: rgba(143, 162, 196, 0.16);
}

.swap-workstation-v2 .swap-ticket-summary {
  padding: 0 22px 12px;
}

.swap-workstation-v2 .swap-execution-strip {
  padding: 0 22px 12px;
  border: 0;
  background: transparent;
}

.swap-workstation-v2 .swap-main-button {
  min-height: 61px;
  border-radius: 6px;
  font-size: 18px;
  background: linear-gradient(135deg, #3ab779, #70d694);
  box-shadow: 0 18px 38px rgba(57, 183, 121, 0.22);
}

.swap-workstation-v2 .swap-rate-bar {
  padding: 0 22px 18px;
  border: 0;
  background: transparent;
}

.swap-workstation-v2 .swap-rate-copy {
  grid-template-columns: 1fr auto;
}

.swap-workstation-v2 .swap-route-rail {
  grid-area: routes;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.swap-workstation-v2 .swap-route-rail .swap-side-card-head {
  padding: 24px 22px 14px;
  border-bottom: 0;
}

.swap-workstation-v2 .swap-route-rail h3 {
  margin: 0;
  color: #f8fbff;
  font-size: 17px;
}

.swap-route-filter-button {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #d8e7ff;
  border-radius: 7px;
  background: rgba(7, 13, 19, 0.5);
  border: 1px solid rgba(143, 162, 196, 0.25);
}

.swap-route-filter-button svg {
  width: 18px;
  height: 18px;
}

.swap-workstation-v2 .swap-route-rail-list {
  gap: 8px;
  max-height: none;
  padding: 0 8px 8px;
}

.swap-workstation-v2 .swap-route-item {
  width: 100%;
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 7px;
  text-align: left;
  color: #eef6ff;
  background:
    linear-gradient(180deg, rgba(18, 29, 40, 0.94), rgba(10, 17, 25, 0.98));
  border: 1px solid rgba(143, 162, 196, 0.18);
  border-color: rgba(143, 162, 196, 0.18);
}

.swap-workstation-v2 .swap-route-item.active {
  border-color: rgba(77, 213, 143, 0.78);
  box-shadow: inset 0 0 0 1px rgba(77, 213, 143, 0.22);
}

.swap-workstation-v2 .swap-route-card-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, auto);
  gap: 13px;
  align-items: center;
}

.swap-workstation-v2 .swap-route-pathline {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.swap-workstation-v2 .swap-route-coin,
.swap-workstation-v2 .swap-route-dex-node {
  flex: 0 0 auto;
}

.swap-workstation-v2 .swap-route-coin {
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #2d9f73, #65d6a2);
}

.swap-workstation-v2 .swap-route-coin-out {
  background: linear-gradient(135deg, #f0a900, #ffd24b);
}

.swap-workstation-v2 .swap-route-dex-node {
  max-width: 120px;
  overflow: hidden;
  color: #dce7f7;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}

.swap-workstation-v2 .swap-route-arrow {
  flex: 0 0 auto;
  color: #91a2b9;
  font-size: 14px;
}

.swap-workstation-v2 .swap-route-output-block {
  display: grid;
  justify-items: end;
  gap: 2px;
  min-width: 0;
}

.swap-workstation-v2 .swap-route-output-block strong {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.1;
  white-space: nowrap;
}

.swap-workstation-v2 .swap-route-output-block small {
  color: #9dafc7;
  font-size: 13px;
}

.swap-workstation-v2 .swap-route-output-block .swap-route-badge {
  justify-self: end;
}

.swap-workstation-v2 .swap-route-card-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(143, 162, 196, 0.13);
  color: #9fb0c8;
  font-size: 12px;
}

.swap-workstation-v2 .swap-route-card-meta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-workstation-v2 .swap-route-card-meta strong {
  color: #7be69b;
  font-weight: 800;
}

.swap-workstation-v2 .swap-route-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  color: #94a5bd;
  font-size: 11px;
}

.swap-workstation-v2 .swap-route-address {
  color: #8fa0b8;
  font-size: 11px;
}

.swap-route-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 22px 18px;
  color: #95a5bd;
  font-size: 13px;
}

.swap-route-footer span:last-child {
  color: #4fdc96;
}

@media (max-width: 1280px) {
  .swap-target-grid,
  .swap-workstation-v2 {
    grid-template-columns: 1fr;
  }

  .swap-target-grid {
    grid-template-areas:
      "form"
      "routes";
  }
}

@media (max-width: 760px) {
  .swap-workstation-v2 .swap-status-toolbar,
  .swap-wallet-strip,
  .swap-workstation-v2 .swap-rate-copy {
    flex-direction: column;
    align-items: stretch;
  }

  .swap-workstation-v2 .swap-token-amount-grid,
  .swap-workstation-v2 .swap-preview-panel-v2 {
    grid-template-columns: 1fr;
  }
}

/* Compact v2 swap pass: tuned to the real operator shell scale, not the wide mock canvas. */
.swap-workstation-v2 {
  grid-template-columns: minmax(390px, 430px) minmax(420px, 500px);
  gap: 12px;
  justify-content: start;
  max-width: 945px;
  margin: 0;
}

.swap-workstation-v2 .swap-status-toolbar {
  gap: 12px;
}

.swap-live-strip {
  gap: 8px;
  font-size: 11px;
}

.swap-live-dot {
  width: 8px;
  height: 8px;
}

.swap-toolbar-divider {
  height: 14px;
}

.swap-workstation-v2 .swap-command-actions {
  gap: 8px;
}

.swap-workstation-v2 .swap-ghost-button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 12px;
}

.swap-workstation-v2 .swap-ghost-button svg {
  width: 14px;
  height: 14px;
}

.swap-target-grid {
  grid-template-columns: minmax(390px, 430px) minmax(420px, 500px);
  gap: 12px;
}

.swap-workstation-v2 .swap-deal-ticket,
.swap-workstation-v2 .swap-route-rail {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(15, 23, 32, 0.94), rgba(8, 13, 20, 0.98)),
    radial-gradient(circle at 18% 0%, rgba(72, 202, 157, 0.07), transparent 42%);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.2);
}

.swap-wallet-strip {
  gap: 12px;
  padding: 12px 14px;
}

.swap-wallet-strip > div {
  gap: 6px;
}

.swap-wallet-button {
  min-height: 38px;
  padding: 0 11px;
  border-radius: 8px;
  font-size: 12px;
}

.swap-wallet-icon {
  width: 18px;
  height: 18px;
}

.swap-wallet-total,
.swap-workstation-v2 .swap-section-kicker {
  font-size: 11px;
}

.swap-workstation-v2 .swap-token-well {
  gap: 8px;
  padding: 12px 14px;
}

.swap-workstation-v2 .swap-leg-head {
  min-height: 18px;
}

.swap-workstation-v2 .swap-leg-head > span {
  font-size: 13px;
}

.swap-workstation-v2 .swap-leg-head-actions,
.swap-workstation-v2 .swap-leg-head-actions strong {
  font-size: 11px;
}

.swap-workstation-v2 .swap-token-amount-grid {
  grid-template-columns: minmax(160px, 1fr) minmax(118px, 166px);
  gap: 8px;
}

.swap-workstation-v2 .swap-token-trigger,
.swap-workstation-v2 .swap-amount-shell {
  min-height: 62px;
  border-radius: 9px;
  background: rgba(6, 11, 17, 0.55);
}

.swap-workstation-v2 .swap-token-trigger {
  padding: 9px 10px;
}

.swap-workstation-v2 .swap-token-trigger-icon {
  width: 34px;
  height: 34px;
  box-shadow: inset 0 -8px 12px rgba(0, 0, 0, 0.12);
}

.swap-workstation-v2 .swap-token-trigger-icon[data-token="USDT"],
.swap-route-coin[data-token="USDT"],
.swap-route-coin[data-token="USDC"] {
  background: linear-gradient(135deg, #1f9c70, #65d8a4);
}

.swap-workstation-v2 .swap-token-trigger-icon[data-token="BNB"],
.swap-route-coin[data-token="BNB"],
.swap-route-coin[data-token="WBNB"] {
  background: linear-gradient(135deg, #eba600, #ffd15a);
}

.swap-workstation-v2 .swap-token-trigger-copy strong {
  font-size: 15px;
}

.swap-workstation-v2 .swap-token-trigger-copy small {
  font-size: 10px;
}

.swap-workstation-v2 .swap-amount-shell {
  padding: 0 11px;
}

.swap-workstation-v2 .swap-amount-shell input {
  font-size: 26px;
}

.swap-workstation-v2 .swap-amount-shell span {
  font-size: 11px;
}

.swap-workstation-v2 .swap-amount-shell-output strong {
  font-size: 24px;
}

.swap-percent-grid {
  border-radius: 8px;
}

.swap-percent-grid button {
  min-height: 25px;
  font-size: 11px;
}

.swap-workstation-v2 .swap-direction-wrap-modern {
  margin: -7px 0 0;
}

.swap-workstation-v2 .swap-direction-button {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  box-shadow: 0 0 0 5px rgba(9, 14, 21, 0.96);
}

.swap-settings-grid-v2 {
  gap: 8px;
  padding: 12px 14px;
}

.swap-setting-row-v2 {
  min-height: 27px;
  font-size: 12px;
}

.swap-setting-row-v2 strong {
  min-width: 96px;
  padding: 5px 9px;
  border-radius: 8px;
  font-size: 12px;
}

.swap-workstation-v2 .swap-preview-panel-v2 {
  gap: 7px;
  padding: 0 14px 10px;
}

.swap-workstation-v2 .swap-inline-metric {
  min-height: 47px;
  padding: 8px 9px;
  border-radius: 8px;
}

.swap-workstation-v2 .swap-inline-metric span {
  font-size: 10px;
}

.swap-workstation-v2 .swap-inline-metric strong {
  font-size: 12px;
}

.swap-workstation-v2 .swap-ticket-summary {
  padding: 0 14px 9px;
}

.swap-workstation-v2 .swap-execution-strip {
  padding: 0 14px 9px;
}

.swap-workstation-v2 .swap-main-button {
  min-height: 48px;
  border-radius: 9px;
  font-size: 15px;
  box-shadow: 0 12px 28px rgba(57, 183, 121, 0.18);
}

.swap-workstation-v2 .swap-rate-bar {
  padding: 0 14px 13px;
}

.swap-workstation-v2 .swap-rate-copy {
  gap: 5px 10px;
  font-size: 11px;
}

.swap-workstation-v2 .swap-route-rail .swap-side-card-head {
  padding: 15px 14px 10px;
}

.swap-workstation-v2 .swap-route-rail h3 {
  font-size: 14px;
}

.swap-route-filter-button {
  width: 33px;
  height: 33px;
  border-radius: 8px;
}

.swap-route-filter-button svg {
  width: 14px;
  height: 14px;
}

.swap-workstation-v2 .swap-route-rail-list {
  gap: 6px;
  padding: 0 7px 7px;
}

.swap-workstation-v2 .swap-route-item {
  gap: 8px;
  padding: 10px;
  border-radius: 9px;
}

.swap-workstation-v2 .swap-route-card-top {
  grid-template-columns: minmax(0, 1fr) minmax(86px, auto);
  gap: 9px;
}

.swap-workstation-v2 .swap-route-pathline {
  gap: 7px;
}

.swap-workstation-v2 .swap-route-coin {
  width: 25px;
  height: 25px;
  font-size: 11px;
}

.swap-workstation-v2 .swap-route-dex-node {
  max-width: 96px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
}

.swap-workstation-v2 .swap-route-dex-node::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7088ff, #8fb0ff);
  box-shadow: inset 0 -5px 8px rgba(0, 0, 0, 0.16);
}

.swap-workstation-v2 .swap-route-dex-node[data-dex="pancake"]::before {
  background: linear-gradient(135deg, #d68439, #ffb15d);
}

.swap-workstation-v2 .swap-route-dex-node[data-dex="uniswap"]::before {
  background: linear-gradient(135deg, #ff5fc8, #8a7cff);
}

.swap-workstation-v2 .swap-route-dex-node[data-dex="venus"]::before {
  background: linear-gradient(135deg, #4a7bff, #7eb0ff);
}

.swap-workstation-v2 .swap-route-arrow {
  font-size: 11px;
}

.swap-workstation-v2 .swap-route-output-block strong {
  font-size: 14px;
}

.swap-workstation-v2 .swap-route-output-block small {
  font-size: 11px;
}

.swap-workstation-v2 .swap-route-card-meta {
  gap: 7px;
  padding-top: 8px;
  font-size: 10px;
}

.swap-workstation-v2 .swap-route-detail,
.swap-workstation-v2 .swap-route-address {
  font-size: 9px;
}

.swap-route-footer {
  padding: 8px 14px 13px;
  font-size: 11px;
}

@media (max-width: 1280px) {
  .swap-workstation-v2,
  .swap-target-grid {
    max-width: 760px;
  }
}

/* Swap Studio v3: clean scoped rebuild. Keep this block self-contained. */
.swap-studio {
  --swap-panel-height: 622px;
  --swap-border: rgba(137, 153, 179, 0.18);
  --swap-border-strong: rgba(137, 153, 179, 0.28);
  --swap-panel: rgba(10, 15, 22, 0.94);
  --swap-panel-soft: rgba(13, 20, 29, 0.72);
  --swap-control: rgba(5, 10, 16, 0.74);
  --swap-control-hi: rgba(16, 25, 35, 0.86);
  --swap-text-soft: #91a2b9;
  --swap-green: #5ee5a1;
  display: grid;
  gap: 9px;
  width: min(100%, 1092px);
  margin: 14px auto 0;
}

.swap-studio *,
.swap-studio *::before,
.swap-studio *::after {
  box-sizing: border-box;
}

.swap-studio-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.swap-studio-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #dce8f9;
  font-size: 11px;
  white-space: nowrap;
}

.swap-studio-live .swap-live-dot {
  width: 8px;
  height: 8px;
}

.swap-studio-live .swap-toolbar-divider {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.14);
}

.swap-studio-live strong {
  color: #67d7ff;
}

.swap-studio-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  min-width: 0;
}

.swap-studio-button {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 11px;
  border-radius: 8px;
  color: #eef5ff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  background: rgba(9, 14, 21, 0.76);
  border: 1px solid var(--swap-border-strong);
}

.swap-studio-button svg {
  width: 14px;
  height: 14px;
}

.swap-studio-actions-rail {
  display: grid;
  grid-template-columns: minmax(0, 440px) minmax(0, 640px);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.swap-studio-actions-rail .swap-studio-actions {
  grid-column: 1;
  justify-content: flex-end;
}

.swap-studio-grid {
  display: grid;
  grid-template-columns: minmax(0, 440px) minmax(0, 640px);
  gap: 12px;
  align-items: stretch;
  min-width: 0;
}

.swap-studio-card {
  min-width: 0;
  height: var(--swap-panel-height);
  border-radius: 9px;
  border: 1px solid var(--swap-border);
  background:
    linear-gradient(180deg, rgba(14, 22, 31, 0.96), rgba(7, 12, 18, 0.98)),
    radial-gradient(circle at 16% 0%, rgba(74, 205, 158, 0.055), transparent 40%);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.swap-trade-panel {
  display: grid;
  grid-template-rows: auto auto auto auto auto auto 1fr auto auto;
  overflow: hidden;
}

.swap-pro-wallet-row,
.swap-pro-leg,
.swap-pro-settings,
.swap-pro-metrics,
.swap-pro-execute,
.swap-pro-rate {
  padding-left: 14px;
  padding-right: 14px;
}

.swap-pro-wallet-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-top: 11px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(137, 153, 179, 0.13);
}

.swap-pro-wallet-row > div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

@media (min-width: 1161px) and (max-width: 1399px) {
  body {
    overflow-x: hidden;
  }

  .app-shell {
    width: calc(100% - 12px);
    margin: 6px auto 16px;
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 10px;
  }

  .app-sidebar {
    top: 6px;
    height: calc(100vh - 12px);
    padding: 10px 8px;
    border-radius: 16px;
  }

  .brand-block {
    gap: 8px;
    padding: 6px 4px 12px;
  }

  .nav-link {
    padding: 9px 10px;
  }

  .app-header {
    gap: 8px;
    margin-bottom: 8px;
  }

  .header-status-bar {
    gap: 6px;
    justify-content: flex-end;
  }

  .toolbar-main {
    flex-wrap: wrap;
  }

  .toolbar-main .field {
    flex: 1 1 132px;
  }

  .toolbar-main .pool-type-filter-field,
  .toolbar-main fieldset.field.pool-type-filter-field {
    flex: 0 1 250px;
    width: 250px;
  }

  .pool-chain-selector,
  .pool-chain-selector .network-select {
    width: 150px;
  }

  .status-card,
  .status-card-updated,
  .status-card-license {
    min-width: 118px;
    padding: 8px 10px;
  }

  .status-card-updated {
    padding-right: 42px;
  }

  .create-main-grid-reimagined {
    grid-template-columns: minmax(0, 1.42fr) minmax(280px, .78fr);
    gap: 10px;
  }

  .builder-stack,
  .preview-stack,
  .create-entry-shell,
  .create-entry-fields {
    gap: 9px;
  }

  .builder-card,
  .create-preview-card,
  .create-entry-setup-card {
    padding: 12px;
    border-radius: 16px;
  }

  .spot-cap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .spot-cap-grid .builder-field-tight {
    grid-column: 1 / -1;
    max-width: 160px;
  }

  .manage-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
  }

  .manage-main,
  .manage-card {
    min-width: 0;
  }

  .manage-card-head-compact {
    flex-wrap: wrap;
  }

  .manage-batch-actions {
    flex: 1 1 100%;
    flex-wrap: wrap;
    margin-left: 0;
    order: 3;
  }

  .manage-card-head .manage-action-button {
    min-height: 32px;
    padding: 0 10px;
  }

  .manage-group-toggle {
    min-height: 0;
    gap: 8px;
    padding: 8px 10px 8px 0;
  }

  .manage-group-title-block,
  .manage-group-toggle-closed .manage-group-title-block {
    width: 350px;
    flex-basis: 350px;
    gap: 3px;
  }

  .manage-group-open-title-block .manage-group-mainline {
    grid-template-columns: minmax(0, 142px) 74px max-content 38px;
    column-gap: 6px;
  }

  .manage-group-summary,
  .manage-group-toggle-open .manage-group-summary,
  .manage-group-toggle-closed .manage-group-summary {
    gap: 6px;
  }

  .manage-group-chip strong {
    font-size: 12px;
  }
}

.swap-pro-wallet-row .swap-network-switch {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  padding: 3px;
  border: 1px solid rgba(137, 153, 179, 0.24);
  border-radius: 9px;
  background: rgba(4, 9, 15, 0.62);
}

.swap-network-button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  opacity: 0.66;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.swap-network-button img {
  display: block;
  width: 19px;
  height: 19px;
  object-fit: contain;
}

.swap-network-button:hover:not(:disabled) {
  opacity: 0.92;
  background: rgba(255, 255, 255, 0.055);
}

.swap-network-button[aria-pressed="true"] {
  opacity: 1;
  border-color: rgba(224, 234, 244, 0.56);
  background: linear-gradient(145deg, rgba(238, 244, 249, 0.16), rgba(103, 125, 143, 0.12));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 13px rgba(0, 0, 0, 0.25);
}

.swap-network-button:active:not(:disabled) {
  transform: scale(0.94);
}

.swap-network-button:focus-visible {
  outline: 2px solid rgba(58, 221, 170, 0.78);
  outline-offset: 2px;
}

.swap-network-button:disabled {
  cursor: wait;
  opacity: 0.42;
}

.swap-pro-label {
  color: #9dacbf;
  font-size: 10px;
  font-weight: 800;
}

.swap-studio .swap-wallet-button {
  min-height: 32px;
  width: min(100%, 330px);
  gap: 8px;
  padding: 0 10px;
  border-radius: 8px;
  color: #f4f8ff;
  background: rgba(4, 9, 15, 0.54);
  border: 1px solid var(--swap-border);
}

.swap-studio .swap-wallet-icon {
  width: 17px;
  height: 17px;
}

.swap-studio .swap-wallet-total {
  color: #c7d3e4;
  font-size: 11px;
}

.swap-pro-leg {
  display: grid;
  gap: 7px;
  padding-top: 10px;
  padding-bottom: 8px;
}

.swap-pro-leg + .swap-pro-switch-row,
.swap-pro-leg-buy {
  border-top: 1px solid rgba(137, 153, 179, 0.12);
}

.swap-pro-leg-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.swap-pro-leg-head > span {
  color: #f5f8fc;
  font-size: 13px;
  font-weight: 850;
}

.swap-pro-leg-head small {
  color: #9bacbf;
  font-size: 11px;
  font-weight: 700;
}

.swap-pro-leg-head strong {
  color: #c5d1e2;
  font-weight: 800;
}

.swap-balance-fill-button {
  min-width: 0;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  text-align: right;
  cursor: pointer;
}

.swap-balance-fill-button:hover strong,
.swap-balance-fill-button:focus-visible strong {
  color: var(--swap-green);
}

.swap-balance-fill-button:focus-visible {
  outline: 2px solid rgba(94, 229, 161, 0.32);
  outline-offset: 3px;
  border-radius: 7px;
}

.swap-pro-field-row {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(158px, 1.02fr);
  gap: 8px;
  min-width: 0;
}

.swap-token-select-card,
.swap-pro-amount-card {
  min-width: 0;
  min-height: 54px;
  border-radius: 8px;
  border: 1px solid var(--swap-border);
  background:
    linear-gradient(180deg, rgba(12, 21, 31, 0.9), rgba(5, 10, 16, 0.94));
}

.swap-token-select-card {
  position: relative;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) 23px;
  align-items: center;
  gap: 8px;
  padding: 7px 8px 7px 9px;
  color: #f7fbff;
  text-align: left;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.swap-token-select-card:hover {
  transform: translateY(-1px);
  border-color: rgba(94, 229, 161, 0.36);
  background:
    linear-gradient(180deg, rgba(17, 30, 43, 0.96), rgba(6, 12, 19, 0.98));
}

.swap-token-select-card:focus-visible {
  outline: 2px solid rgba(94, 229, 161, 0.34);
  outline-offset: 2px;
}

.swap-token-select-card::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 39px;
  bottom: 9px;
  width: 1px;
  background: rgba(137, 153, 179, 0.15);
}

.swap-studio .swap-token-trigger-icon {
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  background: linear-gradient(135deg, #1f9c70, #65d8a4);
  box-shadow: inset 0 -8px 12px rgba(0, 0, 0, 0.14);
}

.swap-studio .swap-token-trigger-icon[data-token="BNB"],
.swap-studio .swap-token-trigger-icon[data-token="WBNB"] {
  background: linear-gradient(135deg, #eda900, #ffd25a);
}

.swap-studio .swap-token-trigger-icon[data-token="USDT"],
.swap-route-row-pro .swap-route-coin[data-token="USDT"] {
  color: #ecfff8;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.22), transparent 23%),
    linear-gradient(135deg, #159b75, #5fd2a5);
}

.swap-studio .swap-token-trigger-icon[data-token="USDC"],
.swap-route-row-pro .swap-route-coin[data-token="USDC"] {
  color: #eef7ff;
  background: linear-gradient(135deg, #266ee8, #6ca8ff);
}

.swap-studio .swap-token-trigger-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.swap-studio .swap-token-trigger-copy strong {
  overflow: hidden;
  color: #f8fbff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-studio .swap-token-trigger-copy small {
  overflow: hidden;
  color: #8ea0b8;
  font-size: 10px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-studio .swap-token-trigger-caret {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  border-radius: 7px;
  color: #9fb1c9;
  background: rgba(255, 255, 255, 0.035);
}

.swap-studio .swap-token-trigger-caret svg {
  width: 14px;
  height: 14px;
}

.swap-pro-amount-card {
  display: grid;
  align-content: center;
  justify-items: end;
  overflow: hidden;
  padding: 0 10px;
}

.swap-pro-amount-card input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #ffffff;
  background: transparent;
  font: inherit;
  font-size: 20px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: right;
}

.swap-pro-amount-card input::placeholder {
  color: rgba(207, 218, 233, 0.35);
}

.swap-pro-amount-card span,
.swap-pro-output-card span {
  color: #9dadc2;
  font-size: 11px;
}

.swap-pro-output-card strong {
  color: #ffffff;
  max-width: 100%;
  overflow: hidden;
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-studio .swap-percent-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(137, 153, 179, 0.15);
}

.swap-studio .swap-percent-grid button {
  min-height: 23px;
  color: #aebbd0;
  background: rgba(5, 10, 16, 0.55);
  border: 0;
  border-right: 1px solid rgba(137, 153, 179, 0.12);
  font-size: 11px;
  font-weight: 780;
}

.swap-studio .swap-percent-grid button:last-child {
  border-right: 0;
}

.swap-pro-switch-row {
  height: 0;
  position: relative;
  z-index: 3;
}

.swap-studio .swap-direction-button {
  position: absolute;
  top: -17px;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translateX(-50%);
  border-radius: 9px;
  color: #edf7ff;
  background: rgba(8, 14, 22, 0.98);
  border: 1px solid rgba(137, 153, 179, 0.26);
  box-shadow: 0 0 0 5px rgba(8, 13, 20, 0.96);
}

.swap-pro-settings {
  display: grid;
  gap: 6px;
  padding-top: 10px;
  padding-bottom: 8px;
  border-top: 1px solid rgba(137, 153, 179, 0.12);
}

.swap-pro-settings > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 25px;
  color: #eef5ff;
  font-size: 12px;
  font-weight: 740;
}

.swap-pro-settings strong {
  min-width: 94px;
  padding: 5px 9px;
  border-radius: 8px;
  color: var(--swap-green);
  text-align: right;
  background: rgba(4, 9, 15, 0.55);
  border: 1px solid rgba(137, 153, 179, 0.14);
}

.swap-pro-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding-bottom: 8px;
}

.swap-pro-metrics > div {
  min-width: 0;
  min-height: 43px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 8px 9px;
  border-radius: 8px;
  background: rgba(5, 10, 16, 0.43);
  border: 1px solid rgba(137, 153, 179, 0.13);
}

.swap-pro-metrics span {
  overflow: hidden;
  color: #8fa0b7;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-pro-metrics strong {
  overflow: hidden;
  color: #f2f7ff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-studio #swap-preview-summary {
  display: none;
}

.swap-pro-execute {
  display: grid;
  gap: 7px;
  align-content: end;
  padding-bottom: 8px;
}

.swap-studio .swap-feedback {
  margin: 0;
  padding: 9px 11px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}

.swap-feedback-info {
  border-color: rgba(102, 190, 255, 0.22);
  background: rgba(102, 190, 255, 0.07);
  color: #cbeaff;
}

.swap-feedback-success {
  border-color: rgba(82, 215, 147, 0.3);
  background: rgba(64, 199, 125, 0.09);
  color: #c9f7df;
}

.swap-feedback-danger {
  border-color: rgba(255, 127, 145, 0.28);
  background: rgba(255, 127, 145, 0.075);
  color: #ffd9df;
}

.swap-studio .swap-main-button {
  min-height: 42px;
  height: 42px;
  align-self: end;
  border-radius: 9px;
  color: #082313;
  font-size: 14px;
  font-weight: 900;
  background: linear-gradient(135deg, #3bb878, #60d18f);
  box-shadow: 0 10px 22px rgba(57, 183, 121, 0.14);
}

.swap-pro-rate {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  padding-bottom: 11px;
  color: #93a5bd;
  font-size: 11px;
}

.swap-pro-rate > div {
  color: #d9ff8a;
  font-weight: 850;
}

.swap-pro-rate strong {
  color: #f3f7ff;
}

.swap-pro-rate span {
  grid-column: 1 / -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-routes-panel-pro {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.swap-pro-route-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px 8px;
}

.swap-pro-route-head h3 {
  margin: 0;
  color: #f8fbff;
  font-size: 15px;
}

.swap-studio .swap-route-filter-button {
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #d8e7ff;
  background: rgba(5, 10, 16, 0.48);
  border: 1px solid var(--swap-border);
}

.swap-studio .swap-route-filter-button svg {
  width: 14px;
  height: 14px;
}

.swap-route-list-pro {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  margin: 0;
  padding: 0 10px 10px;
  overflow: auto;
  scrollbar-color: rgba(94, 229, 161, 0.34) transparent;
  scrollbar-width: thin;
}

.swap-route-list-pro::-webkit-scrollbar {
  width: 5px;
}

.swap-route-list-pro::-webkit-scrollbar-track {
  background: transparent;
}

.swap-route-list-pro::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(94, 229, 161, 0.32);
}

.swap-route-row-pro {
  width: 100%;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border-radius: 8px;
  color: #eef6ff;
  text-align: left;
  background: linear-gradient(180deg, rgba(13, 23, 33, 0.92), rgba(8, 14, 21, 0.96));
  border: 1px solid rgba(137, 153, 179, 0.14);
}

.swap-route-row-pro.active {
  border-color: rgba(94, 229, 161, 0.74);
  background:
    linear-gradient(180deg, rgba(94, 229, 161, 0.085), rgba(8, 14, 21, 0.96)),
    rgba(11, 20, 28, 0.96);
  box-shadow: inset 0 0 0 1px rgba(94, 229, 161, 0.14);
}

.swap-route-row-pro.disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.swap-route-row-pro .swap-route-card-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
  gap: 10px;
  align-items: center;
}

.swap-route-row-pro .swap-route-pathline {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.swap-route-row-pro .swap-route-coin {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  background: linear-gradient(135deg, #1f9c70, #65d8a4);
}

.swap-route-row-pro .swap-route-coin-out,
.swap-route-row-pro .swap-route-coin[data-token="BNB"],
.swap-route-row-pro .swap-route-coin[data-token="WBNB"] {
  color: #ffffff;
  background: linear-gradient(135deg, #eda900, #ffd25a);
}

.swap-token-trigger-icon,
.swap-token-row-icon,
.swap-route-row-pro .swap-route-coin {
  position: relative;
  overflow: hidden;
}

.swap-token-icon-img {
  width: 100%;
  height: 100%;
  display: block;
  flex: 0 0 100%;
  object-fit: cover;
  border-radius: inherit;
}

.swap-token-icon-fallback {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.swap-token-icon-img + .swap-token-icon-fallback {
  display: none;
}

.swap-route-row-pro .swap-route-dex-node {
  max-width: 150px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #dce7f7;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
}

.swap-route-row-pro .swap-dex-logo {
  width: 19px;
  height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 19px;
  border-radius: 999px;
  overflow: hidden;
  color: #f8fbff;
  background: rgba(137, 153, 179, 0.18);
}

.swap-route-row-pro .swap-dex-logo-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

.swap-route-row-pro .swap-dex-logo-fallback {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
}

.swap-route-row-pro .swap-dex-logo-img + .swap-dex-logo-fallback {
  display: none;
}

.swap-route-row-pro .swap-dex-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-route-row-pro .swap-route-arrow {
  flex: 0 0 auto;
  color: #91a2b9;
  font-size: 11px;
}

.swap-route-row-pro .swap-route-output-block {
  display: grid;
  justify-items: end;
  gap: 1px;
  min-width: 0;
}

.swap-route-row-pro .swap-route-output-block strong {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.05;
  white-space: nowrap;
}

.swap-route-row-pro .swap-route-output-block small {
  color: #9dafc7;
  font-size: 11px;
}

.swap-route-row-pro .swap-route-badge-row {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
}

.swap-route-row-pro .swap-route-badge {
  justify-self: end;
  padding: 2px 7px;
  border-radius: 999px;
  color: #d9ff8a;
  font-size: 9px;
  font-weight: 900;
  background: rgba(210, 255, 121, 0.12);
  border: 1px solid rgba(210, 255, 121, 0.24);
}

.swap-route-row-pro .swap-route-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 12px;
  padding-top: 7px;
  border-top: 1px solid rgba(137, 153, 179, 0.1);
  color: #91a2b9;
  font-size: 11px;
  line-height: 1.25;
}

.swap-route-row-pro .swap-route-card-meta span {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
}

.swap-route-row-pro .swap-route-card-meta strong {
  color: var(--swap-green);
  font-weight: 900;
  min-width: 0;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-route-row-pro .swap-route-detail,
.swap-route-row-pro .swap-route-address {
  display: none;
  flex-wrap: wrap;
  gap: 5px 8px;
  color: #899ab1;
  font-size: 9px;
}

.swap-route-row-pro:hover .swap-route-address,
.swap-route-row-pro:focus-visible .swap-route-address {
  display: none;
}

.swap-studio .swap-route-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 12px 10px;
  color: #95a5bd;
  font-size: 11px;
}

.swap-studio .swap-route-footer span:last-child {
  color: var(--swap-green);
}

.swap-token-dropdown {
  position: fixed;
  top: var(--swap-token-dropdown-top, 160px);
  left: var(--swap-token-dropdown-left, 320px);
  z-index: 1100;
  width: var(--swap-token-dropdown-width, 420px);
  max-width: calc(100vw - 24px);
}

.swap-token-dropdown.hidden {
  display: none;
}

.swap-token-dropdown-panel {
  overflow: hidden;
  border: 1px solid rgba(137, 153, 179, 0.22);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(14, 22, 31, 0.98), rgba(5, 10, 16, 0.99)),
    radial-gradient(circle at 20% 0%, rgba(94, 229, 161, 0.08), transparent 42%);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.48);
}

.swap-token-dropdown-head {
  display: none;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px 9px;
  border-bottom: 1px solid rgba(137, 153, 179, 0.14);
}

.swap-token-dropdown-head h2 {
  margin: 0;
  color: #f8fbff;
  font-size: 15px;
}

.swap-token-dropdown-head p {
  margin: 3px 0 0;
  color: #8fa0b7;
  font-size: 11px;
}

.swap-token-dropdown-close {
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  border-radius: 8px;
}

.swap-token-dropdown-body {
  display: grid;
  gap: 7px;
  padding: 8px;
}

.swap-token-dropdown .swap-modal-search {
  gap: 5px;
}

.swap-token-dropdown .swap-modal-search span {
  color: #96a7bd;
  font-size: 10px;
  font-weight: 800;
}

.swap-token-dropdown .swap-modal-search input {
  min-height: 34px;
  border-radius: 8px;
  font-size:max(var(--bl-iphone-input-min-size, 0px), 12px);
}

.swap-token-dropdown .swap-token-modal-meta {
  font-size: 11px;
}

.swap-token-dropdown .swap-token-list {
  gap: 6px;
  max-height: min(360px, calc(100vh - var(--swap-token-dropdown-top, 160px) - 78px));
  padding-right: 2px;
}

.swap-token-dropdown .swap-token-row {
  gap: 8px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(7, 13, 20, 0.78);
}

.swap-token-dropdown .swap-token-row-main {
  gap: 9px;
}

.swap-token-dropdown .swap-token-row-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}

.swap-token-dropdown .swap-token-row-copy strong {
  font-size: 14px;
}

.swap-token-dropdown .swap-token-row-copy small,
.swap-token-dropdown .swap-token-row-copy em,
.swap-token-dropdown .swap-token-row-side span {
  font-size: 10px;
}

.swap-token-dropdown .swap-token-row-side strong {
  font-size: 12px;
}

.swap-token-dropdown .swap-token-empty {
  padding: 12px;
  border-radius: 8px;
  font-size: 11px;
}

@media (max-width: 1220px) {
  .swap-studio {
    width: min(100%, 760px);
    --swap-panel-height: auto;
  }

  .swap-studio-actions-rail,
  .swap-studio-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .swap-studio-card {
    height: auto;
  }

  .swap-routes-panel-pro {
    max-height: 560px;
  }
}

@media (max-width: 760px) {
  .swap-studio-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .swap-pro-field-row,
  .swap-pro-metrics,
  .swap-route-row-pro .swap-route-card-meta {
    grid-template-columns: 1fr;
  }
}

/* Selector polish: make token choice read like a real dropdown, not a flat block. */
.swap-workstation-v2 .swap-token-trigger {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 22px;
  align-items: center;
  overflow: hidden;
  color: #f7fbff;
  background:
    linear-gradient(180deg, rgba(16, 27, 38, 0.92), rgba(8, 15, 23, 0.94));
  border-color: rgba(143, 162, 196, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 8px 18px rgba(0, 0, 0, 0.10);
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.swap-workstation-v2 .swap-token-trigger:hover {
  transform: translateY(-1px);
  border-color: rgba(105, 225, 170, 0.32);
  background:
    linear-gradient(180deg, rgba(18, 31, 43, 0.98), rgba(9, 16, 25, 0.98));
}

.swap-workstation-v2 .swap-token-trigger:focus-visible {
  outline: 2px solid rgba(105, 225, 170, 0.34);
  outline-offset: 2px;
}

.swap-workstation-v2 .swap-token-trigger::after {
  content: "";
  position: absolute;
  inset: 8px 44px 8px auto;
  width: 1px;
  background: rgba(143, 162, 196, 0.16);
}

.swap-workstation-v2 .swap-token-trigger-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

.swap-workstation-v2 .swap-token-trigger-copy strong {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
}

.swap-workstation-v2 .swap-token-trigger-copy small {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #8fa0b8;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.swap-token-trigger-caret {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  border-radius: 7px;
  color: #9fb1c9;
  background: rgba(255, 255, 255, 0.035);
}

.swap-token-trigger-caret svg {
  width: 14px;
  height: 14px;
}

.swap-workstation-v2 .swap-amount-shell {
  background:
    linear-gradient(180deg, rgba(6, 12, 19, 0.78), rgba(5, 10, 16, 0.92));
  border-color: rgba(143, 162, 196, 0.18);
}

.swap-workstation-v2 .swap-amount-shell input::placeholder {
  color: rgba(206, 218, 235, 0.36);
}

.swap-workstation-v2 .swap-token-well {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.012), rgba(255, 255, 255, 0));
}

/* Create redesign overrides */
.create-builder {
  display: grid;
  gap: 16px;
}

.create-hero {
  gap: 18px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top right, rgba(49, 209, 161, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(15, 21, 28, 0.98) 0%, rgba(10, 14, 19, 0.98) 100%);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

.create-hero-reimagined {
  align-items: stretch;
}

.create-hero h3 {
  margin: 0;
  font-size: 28px;
  letter-spacing: -0.02em;
}

.create-hero p {
  margin: 8px 0 0;
  max-width: 640px;
  line-height: 1.45;
}

.create-hero-main {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.create-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(49, 209, 161, 0.16);
  background: rgba(49, 209, 161, 0.08);
  color: #b8f4df;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.create-hero-heading-row,
.create-card-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.create-hero-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.hero-status-pill,
.create-card-chip,
.create-action-status {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.hero-status-pill.ready,
.create-action-status.ready {
  border-color: rgba(49, 209, 161, 0.24);
  background: rgba(49, 209, 161, 0.1);
  color: #c8f8e8;
}

.hero-status-pill.muted,
.create-action-status.muted {
  color: var(--muted);
}

.hero-pill {
  min-height: 36px;
  padding: 8px 13px;
}

.create-hero-side {
  min-width: 320px;
  gap: 12px;
}

.create-hero-board {
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(17, 23, 30, 0.96) 0%, rgba(11, 16, 21, 0.96) 100%);
}

.hero-board-price {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(49, 209, 161, 0.16);
  background:
    radial-gradient(circle at top, rgba(49, 209, 161, 0.1), transparent 60%),
    rgba(9, 14, 18, 0.98);
}

.hero-price-value {
  justify-content: flex-start;
}

.hero-price-value strong {
  font-size: 26px;
}

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

.hero-context-cell {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
}

.hero-context-cell span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.hero-context-cell strong {
  display: block;
  margin-top: 6px;
  font-size: 14px;
}

.create-main-grid-reimagined {
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.95fr);
  gap: 16px;
}

.builder-card,
.create-preview-card {
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(17, 22, 28, 0.95) 0%, rgba(13, 18, 23, 0.95) 100%);
}

.builder-card h3,
.create-preview-head h3 {
  font-size: 18px;
}

.create-card-header {
  margin-bottom: 14px;
}

.strategy-switch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.strategy-button {
  gap: 6px;
  min-height: 90px;
  padding: 16px;
  border-radius: 18px;
  text-align: left;
  transition: border-color 160ms ease, transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.strategy-button strong {
  font-size: 20px;
  letter-spacing: -0.02em;
}

.strategy-button small {
  font-size: 12px;
  line-height: 1.45;
}

.strategy-button:hover {
  transform: translateY(-1px);
  border-color: rgba(49, 209, 161, 0.16);
}

.builder-form-grid.three.capital-grid {
  grid-template-columns: minmax(240px, 1.8fr) minmax(170px, 0.78fr) minmax(120px, 0.5fr);
}

.builder-field-wide {
  min-width: 0;
}

.builder-field-tight {
  max-width: 140px;
}

.builder-field small {
  color: var(--muted);
  font-size: 11px;
}

.builder-range-card {
  padding: 16px;
  border-radius: 20px;
}

.builder-range-grid {
  grid-template-columns: minmax(0, 1fr) 210px minmax(0, 1fr);
}

.range-column {
  padding: 14px;
  border-radius: 18px;
}

.range-input-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.swap-studio-button.is-updating svg {
  animation: swap-route-refresh-spin 0.8s linear infinite;
}

@keyframes swap-route-refresh-spin {
  to {
    transform: rotate(360deg);
  }
}

.builder-inline-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.builder-stat {
  padding: 12px;
  border-radius: 16px;
}

.create-preview-summary-compact .row {
  min-height: 52px;
}

.create-preview-list-compact {
  gap: 10px;
}

.create-preview-item {
  padding: 12px;
  border-radius: 16px;
}

.create-preview-right strong {
  font-size: 18px;
}

.selected-pool-spotlight {
  background:
    radial-gradient(circle at right top, rgba(49, 209, 161, 0.08), transparent 40%),
    linear-gradient(180deg, rgba(16, 22, 28, 0.95) 0%, rgba(12, 17, 22, 0.95) 100%);
}

.create-controls-shell {
  display: grid;
  gap: 14px;
}

.create-control-grid {
  margin-top: 0;
}

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

.create-action-card {
  position: sticky;
  top: 16px;
}

.create-action-summary {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.create-open-button {
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid rgba(49, 209, 161, 0.28);
  background: linear-gradient(135deg, rgba(47, 210, 162, 0.96) 0%, rgba(24, 164, 124, 0.96) 100%);
  color: #04120f;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: 0 18px 36px rgba(27, 156, 120, 0.22);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, opacity 180ms ease;
}

.create-open-button:hover:not([disabled]) {
  transform: translateY(-1px);
  box-shadow: 0 24px 44px rgba(27, 156, 120, 0.28);
  filter: brightness(1.02);
}

.create-open-button[disabled] {
  cursor: not-allowed;
  opacity: 0.56;
  box-shadow: none;
}

.settings-layout {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1180px;
}

.settings-card {
  max-width: none;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at top right, rgba(49, 209, 161, 0.06), transparent 26%),
    rgba(12, 16, 21, 0.96);
  box-shadow: var(--shadow);
}

.settings-social-card {
  min-height: 48px;
  width: fit-content;
  max-width: 260px;
}

.settings-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.settings-card h2,
.settings-card h3 {
  margin: 0;
}

.settings-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.settings-form {
  display: grid;
  gap: 10px;
}

.settings-form > button {
  justify-self: start;
  min-width: 176px;
}

.settings-wallet-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.settings-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.settings-external-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.settings-feedback,
.settings-empty-note {
  min-height: 18px;
  color: var(--muted);
  font-size: 12px;
}

.settings-external-link,
.telegram-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 10px;
  border: 1px solid rgba(49, 209, 161, 0.22);
  background: rgba(49, 209, 161, 0.08);
  color: #c9f7e9;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.telegram-link {
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 999px;
}

.settings-external-link {
  white-space: nowrap;
}

.settings-social-link.telegram-link {
  width: auto;
  height: 48px;
  min-height: 48px;
  gap: 10px;
  padding: 0 14px 0 16px;
  border-radius: 14px;
  background: rgba(49, 209, 161, 0.07);
}

.settings-social-link span {
  line-height: 1;
}

.telegram-link svg {
  width: 21px;
  height: 21px;
}

.generated-wallet-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.generated-wallet-card {
  display: grid;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.025);
}

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

.generated-wallet-head strong,
.generated-wallet-head span {
  display: block;
}

.generated-wallet-head span {
  color: var(--muted);
  font-size: 12px;
}

.secret-stack {
  display: grid;
  gap: 8px;
}

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

.secret-row span {
  color: var(--muted);
  font-size: 12px;
}

.secret-row code {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(5, 8, 12, 0.62);
  color: var(--text);
  overflow-wrap: anywhere;
  white-space: normal;
}

.secret-action {
  min-height: 32px;
  padding: 0 10px;
}

.setup-loss-stack {
  display: inline-grid;
  grid-template-columns: minmax(92px, max-content);
  grid-auto-flow: row;
  justify-items: center;
  align-content: center;
  min-width: 92px;
  gap: 3px;
  line-height: 1.12;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.create-preview-right > .setup-loss-stack {
  display: grid;
  margin-top: 4px;
}

.setup-loss-stack > span:first-child {
  color: #ff5f7d;
  font-weight: 900;
}

.setup-loss-stack [data-setup-loss-usd] {
  color: #ff9aaa;
  font-size: 13px;
  font-weight: 800;
  text-shadow: 0 0 14px rgba(255, 122, 147, 0.16);
}

.builder-drawdown-stack {
  margin-top: 6px;
  justify-items: end;
  min-width: 0;
}

.summary-drawdown-stack {
  justify-items: end;
  min-width: 96px;
}

.action-overlay-shell {
  transition: transform 260ms cubic-bezier(.2, .8, .2, 1), opacity 190ms ease;
}

.action-overlay-shell.minimized {
  pointer-events: auto;
  inset: auto;
  right: clamp(16px, 2vw, 28px);
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  width: min(260px, calc(100vw - 32px));
  height: auto;
  display: block;
  transform: translateY(0);
  animation: actionOverlayMinimizeIn 260ms cubic-bezier(.2, .8, .2, 1);
}

.action-overlay-shell.minimized .action-overlay-restore {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 12px;
  border: 1px solid rgba(49, 209, 161, 0.34);
  background: linear-gradient(135deg, rgba(14, 25, 30, 0.98), rgba(8, 12, 17, 0.98));
  color: var(--text);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(49, 209, 161, 0.08) inset;
  cursor: pointer;
  text-align: left;
  transition: transform 180ms cubic-bezier(.2, .8, .2, 1), border-color 160ms ease, background 160ms ease;
}

.action-overlay-shell.minimized .action-overlay-restore:hover {
  transform: translateY(-2px);
  border-color: rgba(49, 209, 161, 0.58);
  background: linear-gradient(135deg, rgba(17, 36, 40, 0.99), rgba(10, 15, 22, 0.99));
}

.action-overlay-restore-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 800;
}

.action-overlay-restore strong {
  color: var(--accent);
  font-size: 12px;
  white-space: nowrap;
}

.action-overlay-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.action-overlay-minimize {
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(49, 209, 161, 0.24);
  background: rgba(49, 209, 161, 0.08);
  color: var(--text);
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.2, .8, .2, 1), border-color 140ms ease, background 140ms ease;
}

.action-overlay-minimize:hover {
  transform: translateY(-1px);
  border-color: rgba(49, 209, 161, 0.48);
  background: rgba(49, 209, 161, 0.14);
}

.action-overlay-head-actions .action-overlay-dismiss {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(49, 209, 161, 0.18);
  font-size: 18px;
}

.action-overlay-minimize-icon,
.action-overlay-restore-icon {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: var(--accent);
  background: rgba(49, 209, 161, 0.1);
}

.action-overlay-minimize-icon svg,
.action-overlay-restore-icon svg {
  width: 20px;
  height: 20px;
}

@keyframes actionOverlayMinimizeIn {
  from {
    opacity: 0;
    transform: translate(18px, 18px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

.setup-mode-warning-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(6, 10, 14, 0.55);
}

.setup-mode-warning-dialog {
  position: relative;
  width: min(420px, 100%);
  padding: 22px 48px 22px 22px;
  border: 1px solid rgba(115, 212, 255, 0.32);
  border-radius: 8px;
  background: #101820;
  color: #f4fbff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

.setup-mode-warning-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(170, 204, 220, 0.28);
  border-radius: 6px;
  background: #17232c;
  color: #d8eefb;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.setup-actions-note {
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .create-main-grid-reimagined {
    grid-template-columns: 1fr;
  }

  .create-action-card {
    position: static;
  }

  .create-hero {
    flex-direction: column;
  }
}

@media (max-width: 900px) {
  .create-hero-heading-row,
  .create-card-header {
    flex-direction: column;
    align-items: stretch;
  }

  .create-hero-status {
    justify-content: flex-start;
  }

  .strategy-switch,
  .builder-form-grid.three.capital-grid,
  .builder-range-grid,
  .create-micro-stats,
  .hero-context-grid,
  .create-preview-summary {
    grid-template-columns: 1fr;
  }

  .range-input-grid {
    grid-template-columns: 1fr;
  }

  .create-preview-item {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .create-preview-right {
    text-align: left;
    grid-column: 2;
  }

  .builder-field-tight,
  .builder-field-compact {
    max-width: none;
  }

  .create-hero-side {
    min-width: 0;
  }
}

.manage-add-column,
.manage-add-cell {
  width: 58px;
  min-width: 58px;
  text-align: center;
}

.manage-add-button {
  min-width: 42px;
  min-height: 26px;
  padding: 4px 9px;
  border: 0;
  border-radius: 7px;
  background: rgba(14, 101, 88, 0.64);
  color: #e2e8f0;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transition: transform 110ms ease, background-color 110ms ease;
}

.manage-add-button:hover:not(:disabled) {
  background: rgba(22, 126, 109, 0.82);
}

.manage-add-button:active:not(:disabled) {
  transform: translateY(1px) scale(0.97);
}

.manage-add-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.manage-group-add-slot {
  display: inline-flex;
  flex: 0 0 58px;
  width: 58px;
  justify-content: center;
}

.manage-add-liquidity-card {
  position: sticky;
  top: 86px;
  display: grid;
  gap: 12px;
  max-height: calc(100dvh - 108px);
  overflow-x: hidden;
  overflow-y: auto;
  border-color: rgba(70, 218, 145, 0.2);
}

.manage-add-liquidity-card[hidden] {
  display: none;
}

.manage-add-head,
.manage-add-position-line,
.manage-add-amount-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.manage-add-head h3,
.manage-add-head span,
.manage-add-position-line small,
.manage-add-position-line strong {
  display: block;
}

.manage-add-head h3 {
  margin: 0 0 3px;
}

.manage-add-head > div > span,
.manage-add-position-line small {
  color: var(--muted);
  font-size: 11px;
}

.manage-add-badge,
.manage-add-position-line > span {
  flex: 0 0 auto;
  border: 1px solid rgba(70, 218, 145, 0.32);
  border-radius: 999px;
  padding: 4px 7px;
  color: #79e6ae;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.manage-add-close {
  display: inline-grid;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  place-items: center;
  padding: 0;
  color: rgba(184, 197, 216, 0.52);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  opacity: 0.82;
  transition: transform 110ms ease, color 110ms ease, opacity 110ms ease;
}

button.manage-add-close {
  border: 0;
  background: transparent;
}

/* Preview is a compact allocation readout, not another stack of position cards. */
.manage-add-preview-row {
  align-items: center;
  min-height: 30px;
  padding: 5px 2px;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0;
  background: transparent;
}

.manage-add-preview-row:last-child { border-bottom: 0; }
.manage-add-preview-identity { min-width: 0; }
.manage-add-preview-row strong { overflow: hidden; color: rgba(241, 245, 249, 0.94); font-size: 12px; font-weight: 750; letter-spacing: -0.01em; text-overflow: ellipsis; white-space: nowrap; }
.manage-add-preview-status { flex: 0 0 auto; padding: 2px 6px; border: 1px solid rgba(57, 202, 141, 0.24); border-radius: 999px; color: rgba(124, 238, 178, 0.92); font-size: 10px; font-weight: 800; line-height: 1.2; }
.manage-add-preview-row:has(.manage-add-preview-reason) { align-items: flex-start; }
.manage-add-preview-row:has(.manage-add-preview-reason) .manage-add-preview-status { border-color: rgba(244, 185, 105, 0.28); color: #f4b969; }

.manage-add-close:hover {
  color: rgba(140, 235, 192, 0.8);
  opacity: 1;
}

.manage-add-close:active {
  transform: scale(0.88);
}

.manage-add-position-list,
.manage-add-preview-rows,
.manage-add-totals {
  display: grid;
  gap: 4px;
}

.manage-add-position-row,
.manage-add-preview-row,
.manage-add-totals > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}

.manage-add-position-row,
.manage-add-preview-row {
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.44);
}

.manage-add-position-list {
  min-width: 0;
  max-height: min(190px, 30dvh);
  overflow-x: hidden;
  overflow-y: auto;
}

.manage-add-position-row {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 18px 24px minmax(0, 1fr) minmax(58px, 82px);
  width: 100%;
  min-height: 34px;
  padding: 5px 6px;
  column-gap: 7px;
  cursor: pointer;
}

.manage-add-position-row.selected {
  border-color: rgba(70, 218, 145, 0.34);
  background: rgba(34, 197, 94, 0.08);
}

.manage-add-position-row.single {
  grid-template-columns: 24px minmax(0, 1fr) minmax(58px, 82px);
}

.manage-add-position-row input {
  width: 14px;
  height: 14px;
  margin: 0;
  align-self: center;
  accent-color: #25c985;
}

.manage-add-position-number {
  display: inline-grid;
  width: 20px;
  height: 20px;
  align-self: center;
  place-items: center;
  border-radius: 50%;
  background: rgba(148, 163, 184, 0.12);
  color: rgba(226, 232, 240, 0.82);
  font-size: 10px;
  font-weight: 900;
}

.manage-add-position-details {
  display: grid;
  min-width: 0;
  align-content: center;
  gap: 0;
  overflow: hidden;
}

.manage-add-position-details strong {
  font-size: 11px;
}

.manage-add-position-value {
  min-width: 0;
  max-width: 82px;
  align-self: center;
  overflow: hidden;
  font-size: 10px;
  font-weight: 800;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manage-add-reason {
  min-height: 16px;
  color: #f4b969;
  font-size: 11px;
  line-height: 1.35;
}

.manage-add-amount-row input {
  flex: 1 1 145px;
  min-width: 0;
  max-width: 145px;
  min-height: 34px;
  padding: 6px 9px;
  border-radius: 8px;
  font-size:max(var(--bl-iphone-input-min-size, 0px), 13px);
}

.manage-add-amount-row select {
  flex: 0 0 72px;
  min-height: 34px;
  padding: 6px 24px 6px 9px;
  border-radius: 8px;
  background-color: rgba(30, 41, 59, 0.82);
  font-size:max(var(--bl-iphone-input-min-size, 0px), 12px);
  font-weight: 700;
}

.manage-add-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.manage-add-shortcuts button {
  min-height: 28px;
  padding: 4px;
  border-radius: 7px;
  font-size: 10px;
}

.manage-add-preview-row {
  align-items: flex-start;
}

.manage-add-preview-rows {
  max-height: min(190px, 28dvh);
  overflow-y: auto;
}

.manage-add-preview-row strong,
.manage-add-preview-row span,
.manage-add-preview-row small {
  display: block;
}

.manage-add-preview-row small {
  color: var(--muted);
  line-height: 1.35;
}

.manage-add-preview-row .manage-add-preview-reason {
  color: #f4b969;
}

.manage-add-totals {
  margin: 0;
}

.manage-add-totals > div {
  padding-top: 6px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.manage-add-totals dt {
  color: var(--muted);
  font-size: 10px;
}

.manage-add-totals dd {
  margin: 0;
  text-align: right;
  font-size: 11px;
  font-weight: 700;
}

.manage-add-confirm {
  position: sticky;
  bottom: 0;
  z-index: 2;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(70, 218, 145, 0.58);
  border-radius: 8px;
  background: #168a50;
  box-shadow: 0 5px 12px rgba(8, 13, 20, 0.34);
  color: white;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.01em;
  transition: transform 110ms ease, background-color 110ms ease, border-color 110ms ease, box-shadow 110ms ease;
}

.manage-add-confirm:hover:not(:disabled) {
  border-color: rgba(140, 235, 192, 0.9);
  background: #1a9b5a;
  box-shadow: 0 7px 15px rgba(8, 13, 20, 0.4);
}

.manage-add-confirm:active:not(:disabled) {
  transform: translateY(1px) scale(0.985);
  box-shadow: 0 2px 6px rgba(8, 13, 20, 0.34);
}

@media (max-width: 1160px) {
  .manage-add-liquidity-card {
    position: static;
  }
}

@media (max-height: 760px) {
  .manage-add-liquidity-card {
    top: 64px;
    max-height: calc(100dvh - 76px);
    gap: 8px;
  }

  .manage-add-position-list,
  .manage-add-preview-rows {
    max-height: 112px;
  }
}

/* Create hero compact follow-up */
.create-hero {
  gap: 14px;
  padding: 14px 16px;
}

.create-hero-main {
  gap: 10px;
}

.create-hero h3 {
  font-size: 24px;
}

.create-hero p {
  margin-top: 6px;
  max-width: 560px;
}

.create-hero-heading-row {
  align-items: center;
}

.create-hero-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.hero-pill {
  display: grid;
  gap: 4px;
  align-items: start;
  min-height: 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
}

.hero-pill span {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.hero-pill strong {
  font-size: 18px;
  line-height: 1.1;
}

.create-hero-side {
  min-width: 290px;
}

.create-hero-board {
  padding: 10px;
  gap: 10px;
}

.hero-board-price {
  padding: 12px 12px 10px;
}

.hero-price-value {
  justify-content: space-between;
  gap: 8px;
}

.hero-price-value strong {
  font-size: 24px;
}

.hero-context-grid {
  gap: 8px;
}

.hero-context-cell {
  padding: 10px;
  border-radius: 14px;
}

.hero-context-cell strong {
  margin-top: 4px;
  font-size: 13px;
}

.hero-price-updated {
  display: none !important;
}

.price-refresh-button {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 999px;
}

@media (max-width: 1180px) {
  .create-hero-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .create-hero-meta {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .create-hero-meta {
    grid-template-columns: 1fr;
  }
}

/* Create hero dense layout */
.create-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) 280px;
  align-items: start;
  gap: 12px;
  padding: 12px 14px;
}

.create-hero-main {
  gap: 12px;
}

.create-hero-heading-row {
  align-items: flex-start;
}

.create-hero-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.create-hero-title-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.create-hero h3 {
  font-size: 22px;
}

.create-hero p {
  margin: 0;
  max-width: none;
  color: #9eb4d4;
}

.create-hero-meta,
.hero-pill,
.hero-context-grid,
.hero-context-cell {
  display: none;
}

.create-hero-facts-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.hero-fact-card {
  display: grid;
  gap: 4px;
  min-height: 64px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
}

.hero-fact-card-wide {
  grid-column: span 1;
}

.hero-fact-card span {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.hero-fact-card strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1.15;
}

.create-hero-side.create-hero-price-panel {
  min-width: 0;
  padding: 12px;
  border-radius: 18px;
}

.create-hero-price-panel .hero-price-label {
  margin-bottom: 8px;
}

.create-hero-price-panel .hero-price-value {
  justify-content: space-between;
  margin-top: 0;
}

.create-hero-price-panel .hero-price-value strong {
  font-size: 28px;
}

.create-hero-price-meta {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.hero-mini-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  min-height: 38px;
  padding: 0 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}

.hero-mini-row span {
  color: var(--muted);
  font-size: 11px;
}

.hero-mini-row strong {
  color: var(--text);
  font-size: 13px;
}

.create-control-grid {
  grid-template-columns: minmax(0, 1.25fr) 170px 120px;
  max-width: 760px;
}

.create-controls-shell {
  gap: 12px;
}

.create-micro-stats {
  grid-template-columns: repeat(3, minmax(140px, 180px));
}

.range-center-card .price-refresh-button {
  position: absolute;
  top: calc(50% - 15px);
  right: 0;
  width: 30px;
  height: 30px;
  min-width: 30px;
}

.range-center-live .current-age-chip,
.hero-price-updated {
  display: none !important;
}

@media (max-width: 1180px) {
  .create-hero {
    grid-template-columns: 1fr;
  }

  .create-hero-facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-fact-card-wide {
    grid-column: span 1;
  }
}

@media (max-width: 900px) {
  .create-hero-title-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .create-control-grid,
  .create-micro-stats,
  .create-hero-facts-grid {
    grid-template-columns: 1fr;
    max-width: none;
  }
}

/* Create fact rows + inline timer tweaks */
.create-hero-facts-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hero-fact-card {
  min-height: 58px;
}

.hero-fact-card strong {
  font-size: 15px;
}

.create-hero-price-panel .price-refresh-button {
  display: none;
}

.range-center-live {
  display: grid;
  justify-items: center;
  gap: 8px;
}

.range-center-price-line {
  margin: 2px 0 0;
}

#setup-current-price-updated-inline {
  min-height: 24px;
  padding: 0 10px;
}

@media (max-width: 1180px) {
  .create-hero-facts-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .create-hero-facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Make center price timer clearly visible */
#setup-current-price-updated-inline {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  color: #d8f7eb;
  border-color: rgba(95, 225, 187, 0.22);
  background: rgba(95, 225, 187, 0.1);
}
/* Entry setup redesign */
.create-entry-setup-card {
  padding: 14px;
}

.create-entry-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.create-entry-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(49, 209, 161, 0.18);
  background: rgba(49, 209, 161, 0.08);
  color: #bcefe0;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.create-entry-shell {
  display: grid;
  gap: 12px;
}

.create-entry-setup-card .strategy-switch {
  grid-template-columns: repeat(2, minmax(180px, 220px));
  gap: 10px;
}

.create-entry-setup-card .strategy-button {
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 16px;
  justify-content: center;
}

.create-entry-setup-card .strategy-button strong {
  font-size: 18px;
}

.create-entry-setup-card .strategy-button small {
  font-size: 11px;
  line-height: 1.35;
}

.create-entry-fields {
  display: grid;
  gap: 10px;
}

.create-wallet-balance {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  color: var(--muted);
  font-size: 12px;
}

.create-wallet-balance strong {
  color: #d8f7eb !important;
  font-size: 12px;
  font-weight: 650;
}

.spot-amount-usd {
  color: #d8f7eb !important;
  font-size: 12px !important;
  font-weight: 700;
}

.builder-field .capital-amount-usd {
  color: #d8f7eb;
}

.balance-refresh-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(49, 209, 161, .28);
  border-radius: 6px;
  color: #d8f7eb;
  background: rgba(49, 209, 161, .08);
  cursor: pointer;
}

.balance-refresh-button:hover {
  border-color: rgba(49, 209, 161, .55);
  background: rgba(49, 209, 161, .14);
}

.balance-refresh-wallet-icon {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.balance-refresh-button.is-loading .balance-refresh-wallet-icon {
  opacity: .45;
}

.spot-cap-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(130px, .55fr);
}

.spot-cap-field {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.setup-balance-warning {
  color: #ffba73;
  font-size: 12px;
}

.create-entry-fields .create-control-grid {
  grid-template-columns: minmax(0, 1.2fr) 170px 120px;
  max-width: 720px;
  align-items: start;
}

.settings-social-card {
  grid-column: 1 / -1;
}

.network-select {
  position: relative;
  width: 170px;
}

.network-select-trigger,
.network-select-menu button {
  width: 100%;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  color: var(--text);
  text-align: left;
}

.network-select-trigger {
  min-height: 34px;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #141b23;
}

.network-select-trigger img,
.network-select-menu img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: contain;
}

.network-select-label {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.pool-chain-selector .network-select-label {
  color: var(--text);
  font-size: 11px;
  font-weight: 650;
  text-transform: none;
}

.network-select-caret {
  color: var(--muted);
}

.network-select-menu {
  position: absolute;
  z-index: 60;
  top: calc(100% + 6px);
  right: 0;
  width: 100%;
  overflow: hidden;
  padding: 5px;
  border: 1px solid rgba(137, 153, 179, 0.24);
  border-radius: 12px;
  background: #0d131a;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46);
}

.network-select-menu button {
  min-height: 34px;
  padding: 5px 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
}

.network-select-menu button:hover,
.network-select-menu button:focus-visible,
.network-select-menu button[aria-selected="true"] {
  outline: 0;
  background: rgba(49, 209, 161, 0.1);
}

.settings-network-list,
.settings-wallet-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(137, 153, 179, 0.14);
}

.settings-network-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 4px 10px;
  padding: 12px;
  border: 1px solid rgba(137, 153, 179, 0.14);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(21, 30, 38, .65), rgba(10, 16, 23, .65));
  transition: border-color 180ms ease, background-color 180ms ease;
}

.settings-network-list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 10px; border: 0; }
.settings-network-row:hover,.settings-network-row:focus-within { border-color: rgba(49, 209, 161, .32); }
.settings-network-row > img { grid-column: 1; grid-row: 1 / span 2; }
.settings-network-row > div { grid-column: 2; grid-row: 1; }
.settings-network-row > .settings-node-status { grid-column: 2; grid-row: 2; display: flex; align-items: center; gap: 5px; font-size: 9px; }
.settings-network-row > .settings-node-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #728092; flex: none; }
.settings-network-row > .settings-node-status.configured::before { background: #31d1a1; }
.settings-network-row > .settings-network-edit { grid-column: 3; grid-row: 1 / span 2; border: 0; background: transparent; }
@media (max-width: 620px) { .settings-network-list { grid-template-columns: minmax(0, 1fr); gap: 8px; } .settings-network-row { padding: 9px 11px; } }

.settings-network-row img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: contain;
}

.settings-network-row > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.settings-network-row span {
  color: var(--muted);
  font-size: 10px;
}

.settings-network-edit,
.settings-icon-action {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(137, 153, 179, 0.14);
  border-radius: 9px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
}

.settings-network-edit:hover,
.settings-network-edit:focus-visible,
.settings-icon-action:hover,
.settings-icon-action:focus-visible {
  color: var(--text);
  border-color: rgba(137, 153, 179, 0.28);
  background: rgba(255, 255, 255, 0.055);
}

.settings-network-edit svg,
.settings-icon-action svg {
  width: 16px;
  height: 16px;
}

.settings-node-status,
.settings-wallet-state {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
  background: transparent;
}

.settings-node-status.configured,
.settings-wallet-state.active {
  color: var(--muted);
}

.settings-provider-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
}

.settings-wallet-segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 14px;
  padding: 4px;
  border: 1px solid rgba(137, 153, 179, 0.15);
  border-radius: 11px;
  background: rgba(5, 10, 16, 0.7);
}

.settings-wallet-segmented button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(151, 174, 203, 0.14);
  border-radius: 8px;
  color: var(--text);
  font-size: 11px;
  font-weight: 750;
  background: linear-gradient(180deg, rgba(40, 52, 66, 0.9), rgba(23, 31, 41, 0.94));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035) inset;
}

.settings-wallet-segmented button:hover,
.settings-wallet-segmented button:focus-visible {
  border-color: rgba(151, 174, 203, 0.28);
  background: linear-gradient(180deg, rgba(50, 64, 80, 0.94), rgba(29, 39, 50, 0.98));
}

.settings-wallet-ledger-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 2px;
  border-bottom: 1px solid rgba(137, 153, 179, 0.14);
}

.settings-wallet-ledger-row > div:first-child {
  min-width: 0;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: baseline;
  gap: 3px 8px;
}

.settings-wallet-ledger-row .mono-value {
  grid-column: 1 / -1;
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-wallet-row-actions {
  display: flex;
  gap: 6px;
}

.settings-wallet-delete {
  color: #ff91a2;
}

.settings-modal[hidden] {
  display: none;
}

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

.settings-modal {
  position: fixed;
  z-index: 140;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(1, 4, 8, 0.78);
  backdrop-filter: blur(7px);
}

.settings-modal-dialog {
  width: min(560px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(137, 153, 179, 0.22);
  border-radius: 18px;
  background: linear-gradient(180deg, #111820, #0a0f15);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.58);
}

.settings-wallet-dialog {
  width: min(500px, 100%);
  gap: 14px;
  padding: 18px;
  border-radius: 16px;
  background: linear-gradient(180deg, #111820, #0b1118);
}

.settings-wallet-dialog .settings-modal-head h2 {
  margin-top: 3px;
  font-size: 20px;
}

.settings-wallet-modal-form {
  gap: 12px;
}

.settings-wallet-modal-form .field {
  gap: 5px;
}

.settings-wallet-modal-form .field > span {
  font-size: 11px;
}

.settings-wallet-dialog input {
  min-height: 40px;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 9px;
  font-size:max(var(--bl-iphone-input-min-size, 0px), 12px);
  background: #141c25;
}

.settings-wallet-dialog #keystore-import-private-key {
  font-family: Consolas, "SFMono-Regular", monospace;
}

.settings-wallet-submit {
  min-width: 142px !important;
  min-height: 40px;
  justify-self: start;
  padding: 0 16px;
  border: 1px solid rgba(151, 174, 203, 0.24);
  border-radius: 9px;
  color: var(--text);
  font-size: 12px;
  font-weight: 750;
  background: linear-gradient(180deg, rgba(48, 62, 78, 0.96), rgba(27, 37, 48, 0.98));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.045) inset;
}

.settings-wallet-submit:hover,
.settings-wallet-submit:focus-visible {
  border-color: rgba(151, 174, 203, 0.38);
  background: linear-gradient(180deg, rgba(58, 74, 92, 0.98), rgba(33, 44, 56, 1));
}

.settings-node-modal-form {
  gap: 12px;
}

.settings-node-modal-form .settings-actions {
  align-items: center;
  justify-content: flex-start;
}

.settings-node-reset {
  width: auto;
  min-width: 76px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(151, 174, 203, 0.16);
  border-radius: 9px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.035);
}

.settings-node-reset:hover,
.settings-node-reset:focus-visible {
  border-color: rgba(151, 174, 203, 0.3);
  color: var(--text);
  background: rgba(255, 255, 255, 0.065);
}

.settings-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.settings-modal-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.settings-modal-head h2 {
  margin: 4px 0 0;
}

.settings-modal-head > button {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 10px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
}

.settings-modal .field small {
  display: block;
  margin: 3px 0 7px;
  color: var(--muted);
  font-size: 10px;
}

.settings-delete-wallet {
  display: grid;
  gap: 5px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.settings-delete-wallet span {
  overflow-wrap: anywhere;
  color: var(--muted);
}

.danger-button {
  color: #fff;
  background: #b93c55;
}

.manage-closed-child-row td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums;
}

.manage-closed-child-row .manage-token-cell strong,
.manage-closed-child-row td > strong {
  font-size: 12px !important;
  font-weight: 750 !important;
}

.manage-closed-child-row .manage-pnl-percent {
  margin-top: 3px;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 980px) {
  .settings-layout {
    grid-template-columns: 1fr;
  }
  .settings-social-card {
    grid-column: auto;
  }
  .settings-network-row {
    grid-template-columns: 28px minmax(0, 1fr) auto 32px;
  }
}

@media (max-width: 620px) {
  .settings-wallet-segmented {
    grid-template-columns: 1fr;
  }
  .settings-wallet-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

.create-entry-inline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.entry-inline-pill {
  display: grid;
  gap: 3px;
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}

.entry-inline-pill span {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.entry-inline-pill strong {
  color: var(--text);
  font-size: 13px;
}

.create-micro-stats {
  display: none;
}

@media (max-width: 900px) {
  .create-entry-head {
    flex-direction: column;
    align-items: stretch;
  }

  .create-entry-setup-card .strategy-switch {
    grid-template-columns: 1fr;
  }

  .create-entry-fields .create-control-grid {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .create-entry-inline-meta {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Swap artwork: retain the official yellow BNB mark on a contrasting surface. */
#view-swap .swap-token-icon-img[src$="network-bnb-chain.svg"] {
  box-sizing: border-box;
  object-fit: contain;
  padding: 14%;
  background: #101820;
}
/* apps/web/styles/release/desktop_window.css */
.desktop-titlebar {
  display: none;
}

body.desktop-app {
  padding-top: 40px;
}

body.desktop-app .desktop-titlebar {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(6, 8, 11, 0.98);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #dce7ee;
  -webkit-app-region: drag;
}

.desktop-titlebar-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding-left: 14px;
  font-size: 13px;
  font-weight: 800;
}

.desktop-titlebar-version {
  margin-left: 2px;
  color: rgba(159, 173, 188, 0.78);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

.desktop-titlebar-mark {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(49, 209, 161, 0.1);
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(243, 197, 98, 0.18);
}

.desktop-titlebar-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.desktop-titlebar-controls {
  display: inline-flex;
  height: 100%;
  -webkit-app-region: no-drag;
}

.desktop-titlebar-button {
  width: 46px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #cbd7df;
  cursor: pointer;
  display: inline-grid;
  place-items: center;
  transition: background 120ms ease, color 120ms ease;
}

.desktop-titlebar-button:hover {
  background: rgba(255, 255, 255, 0.08);
}

.desktop-titlebar-button.close:hover {
  background: #c94f5f;
  color: #fff;
}

.desktop-titlebar-icon {
  position: relative;
  width: 14px;
  height: 14px;
  display: block;
  color: currentColor;
}

.desktop-titlebar-icon.minimize::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 3px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
}

.desktop-titlebar-icon.maximize::before {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1.6px solid currentColor;
  border-radius: 2px;
}

.desktop-titlebar-icon.close::before,
.desktop-titlebar-icon.close::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 1px;
  width: 12px;
  height: 1.6px;
  border-radius: 999px;
  background: currentColor;
}

.desktop-titlebar-icon.close::before {
  transform: rotate(45deg);
}

.desktop-titlebar-icon.close::after {
  transform: rotate(-45deg);
}
/* apps/web/styles/release/history.css */
@font-face{font-family:"Rubik Dirt";src:url('/ui/rubik-dirt-regular.ttf') format('truetype');font-display:block}
.history-view{padding-bottom:24px}.history-sync-state{margin:0 0 10px;color:#71818c;font-size:12px}.history-sync-state.warning{color:#d9a44f}.history-top-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(640px,1.48fr);gap:12px}.history-panel{background:linear-gradient(145deg,rgba(13,23,31,.97),rgba(8,17,24,.96));border:1px solid #20303b;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.17)}.history-panel h2{font-size:17px;margin:0;color:#edf2f4}.history-summary-panel{padding:20px}.history-summary-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.history-summary-item{display:flex;gap:12px;align-items:center;min-height:87px;border-bottom:1px solid rgba(91,110,121,.18);padding:10px}.history-summary-item:nth-last-child(-n+2){border-bottom:0}.history-summary-item:nth-child(odd){border-right:1px solid rgba(91,110,121,.18)}.history-summary-item small,.history-period-stats small{display:block;color:#83919b;font-size:11px;margin-bottom:5px}.history-summary-item strong{font-size:21px;color:#edf2f4}.history-metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#13d990;background:rgba(13,218,144,.09);border:1px solid rgba(13,218,144,.12);font-size:20px}.profit{color:#26d990!important}.loss{color:#ff5c62!important}.neutral{color:#d7dfe3!important}.history-profit-panel{padding:18px 20px}.history-profit-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-controls{display:flex;align-items:center;gap:22px}.history-segment{display:flex;border:1px solid #24323c;background:#0b151d;border-radius:9px;padding:3px}.history-segment button{min-width:48px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#8f9ca5;font-size:12px}.history-segment button.active{background:#075ed4;color:#fff;box-shadow:0 0 16px rgba(9,104,237,.32)}.history-segment button:disabled{opacity:.3}.history-period-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:18px 0 4px}.history-period-stats>div{padding:0 16px;border-right:1px solid rgba(92,108,118,.2)}.history-period-stats>div:first-child{padding-left:0}.history-period-stats>div:last-child{border-right:0}.history-period-stats strong{font-size:14px;color:#e9eff1}.history-chart-wrap{height:310px}.history-chart-wrap svg{width:100%;height:100%;overflow:visible}.history-zero-line{stroke:#53616a;stroke-width:1;stroke-dasharray:4 6}.history-bar-profit{fill:#19d894}.history-bar-loss{fill:#ff535b}.history-cumulative-line{fill:none;stroke:#e4b21c;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.history-chart-empty{fill:#7f8d96;font-size:18px}.history-calendar-wrap{min-height:310px}.history-calendar-head{display:flex;align-items:center;gap:12px;margin:12px 0}.history-calendar-head button,.history-pagination button{border:1px solid #25343e;background:#0c1720;color:#dfe8ec;border-radius:7px;width:30px;height:30px}.history-calendar-head span{margin-left:auto;color:#d8aa31}.history-calendar-weekdays,.history-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.history-calendar-weekdays span{text-align:center;color:#6f7d86;font-size:10px;padding:4px}.history-calendar-day{min-height:45px;text-align:left;border:1px solid #1e2e38;background:#0b151d;color:#dce5e9;border-radius:7px;padding:5px}.history-calendar-day strong{display:block;font-size:10px;margin-top:4px}.history-calendar-day.profit{background:rgba(20,191,130,.1)}.history-calendar-day.loss{background:rgba(240,66,76,.1)}.history-calendar-day.empty{opacity:.55}.history-calendar-detail{margin-top:9px;color:#81909a;font-size:11px}.history-table-panel{margin-top:12px;padding:18px 16px}.history-table-scroll{overflow:auto;margin-top:12px}.history-table{width:100%;border-collapse:collapse;min-width:1120px}.history-table th{text-align:left;color:#89969f;font-size:11px;font-weight:500;padding:11px 10px;border-bottom:1px solid #263640}.history-table th button{border:0;background:none;color:inherit;padding:0;font:inherit}.history-table td{padding:11px 10px;border-bottom:1px solid rgba(54,72,82,.43);color:#dce4e8;font-size:12px;vertical-align:middle}.history-table td>small{display:block;margin-top:3px;color:#788791}.history-table td>strong{display:block}.history-pool-line{display:flex;align-items:center;gap:6px;margin-top:4px;color:#73818a}.history-icon-button{width:31px;height:31px;border:1px solid #253540;border-radius:7px;background:#111c24;color:#a9b4ba}.history-share-button{border-color:rgba(24,196,132,.28)}.history-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#84929a;font-size:11px}.history-pagination>div{display:flex;align-items:center;gap:10px}.history-pagination select{margin-left:8px;background:#0b151d;color:#dce5e9;border:1px solid #263640;border-radius:7px;padding:7px}.history-empty{text-align:center;padding:42px;color:#86949d}.history-empty strong,.history-empty span{display:block}.history-share-modal{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:24px}.history-share-modal[hidden]{display:none}.history-share-dialog{width:min(440px,94vw);max-height:94vh;overflow:auto;background:#0b151d;border:1px solid #2a3a45;border-radius:16px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.history-share-head{display:flex;align-items:center;justify-content:space-between}.history-share-head h2{margin:0;font-size:16px}.history-share-head button{border:0;background:none;color:#aeb9bf;font-size:27px}.history-share-loading{height:560px;display:grid;place-items:center;color:#87959e}.history-share-dialog img{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:12px;margin-top:10px}.history-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.history-share-actions button{padding:11px;border-radius:8px;border:1px solid #2b3a44;background:#152029;color:#edf2f4}.history-share-actions button:disabled{opacity:.4}.history-share-feedback{min-height:17px;color:#8e9ba3;font-size:11px;margin:8px 2px 0}@media(max-width:1180px){.history-top-grid{grid-template-columns:1fr}.history-controls{gap:8px;flex-wrap:wrap}}@media(max-width:760px){.history-summary-grid{grid-template-columns:1fr}.history-summary-item:nth-child(odd){border-right:0}.history-profit-head{align-items:flex-start;flex-direction:column}.history-period-stats{grid-template-columns:repeat(2,1fr);gap:10px}.history-pagination{align-items:flex-start;gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.history-view *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* apps/web/styles/release/history_refinement.css */
.history-view{--history-muted:#7d8f9a;--history-text:#eff5f7}
.history-panel{background:radial-gradient(circle at 50% 0,rgba(20,49,64,.16),transparent 42%),linear-gradient(145deg,#0a1720,#07121a);border-color:#1c303b;box-shadow:inset 0 1px 0 rgba(255,255,255,.015),0 18px 48px rgba(0,0,0,.2)}
.history-panel h2{letter-spacing:-.02em}

/* All-time summary fills its grid column with real portfolio information. */
.history-top-grid{align-items:stretch}
.history-summary-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:18px}
.history-summary-panel:before{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-150px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(27,218,151,.13),transparent 68%);animation:history-summary-ambient 8s ease-in-out infinite alternate}
.history-summary-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}
.history-summary-heading span{display:block;margin-bottom:4px;color:#4dcba2;font-size:9px;font-weight:750;letter-spacing:.14em}
.history-summary-grid{margin-top:0;border:1px solid rgba(46,75,88,.48);border-radius:13px;overflow:hidden;background:rgba(5,15,22,.32)}
.history-summary-item{min-height:72px;padding:9px 11px;animation:history-summary-enter .42s both}
.history-summary-item:nth-child(2){animation-delay:.04s}.history-summary-item:nth-child(3){animation-delay:.08s}.history-summary-item:nth-child(4){animation-delay:.12s}.history-summary-item:nth-child(5){animation-delay:.16s}.history-summary-item:nth-child(6){animation-delay:.2s}
.history-summary-item small{margin-bottom:4px;color:#80949f;font-size:10px;letter-spacing:.02em}.history-summary-item strong{font-size:19px}
.history-metric-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,rgba(19,218,144,.14),rgba(8,93,78,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.14)}
.history-metric-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.history-summary-item:hover .history-metric-icon{transform:translateY(-2px);border-color:rgba(34,227,160,.3);box-shadow:0 8px 24px rgba(12,150,108,.13)}
.history-outcomes{margin-top:auto;padding:18px 4px 3px;border-top:1px solid rgba(52,77,89,.52)}
.history-outcomes-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.history-outcomes-head small{display:block;margin-bottom:4px;color:#5b7581;font-size:9px;font-weight:750;letter-spacing:.12em}.history-outcomes-head strong{color:#dce7eb;font-size:12px;font-weight:650}
.history-outcome-bar{display:flex;gap:5px;height:8px;margin:14px 0 12px;border-radius:999px;background:#11232c;overflow:hidden}.history-outcome-bar i{display:block;min-width:0;border-radius:999px;transition:flex-basis .25s ease}.history-outcome-bar #history-outcome-wins-bar{background:linear-gradient(90deg,#12b77f,#42e2a7)}.history-outcome-bar #history-outcome-losses-bar{background:linear-gradient(90deg,#e34b58,#ff737c)}
.history-outcome-values{display:grid;grid-template-columns:1fr 1fr;gap:18px}.history-outcome-values span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.history-outcome-values i{width:8px;height:8px;border-radius:50%}.history-outcome-values i.wins{background:#2edb9c}.history-outcome-values i.losses{background:#f45c67}.history-outcome-values small{color:#82949e;font-size:10px}.history-outcome-values strong{color:#e8f0f2;font-size:13px;font-variant-numeric:tabular-nums}

/* Profit controls, stats, and interactive chart. */
.history-profit-panel{padding:20px 22px 15px}.history-profit-head{padding-bottom:2px}.history-controls{gap:14px}.history-segment{border-color:#1d3441;background:#07121a;box-shadow:inset 0 1px 4px rgba(0,0,0,.25)}
.history-segment button{cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.history-segment button:hover:not(:disabled){color:#fff}.history-segment button.active{background:linear-gradient(180deg,#0874f5,#0458c9);box-shadow:0 5px 18px rgba(5,100,224,.3),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-1px)}
.history-period-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 6px}.history-period-stats>div,.history-period-stats>div:first-child{padding:10px 12px;border:1px solid rgba(39,64,76,.7);border-radius:10px;background:linear-gradient(145deg,rgba(14,31,41,.72),rgba(8,21,29,.64))}.history-period-stats small{margin-bottom:4px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.history-period-stats strong{font-size:14px;font-variant-numeric:tabular-nums}
.history-chart-wrap{height:344px;position:relative;padding-bottom:25px}.history-chart-wrap svg{height:326px;display:block}.history-grid-line{stroke:#24404c;stroke-width:1;stroke-dasharray:2 5;opacity:.65}.history-zero-line{stroke:#526873;stroke-width:1;stroke-dasharray:3 5}.history-axis-label{fill:#7f909a;font-size:11px;font-weight:500}.history-axis-date{font-size:10px}.history-chart-bar{transform-box:fill-box;transform-origin:center bottom;animation:history-bar-rise .38s cubic-bezier(.2,.8,.2,1) both}.history-bar-loss{transform-origin:center top}.history-bar-profit{fill:url(#history-profit-gradient)}.history-bar-loss{fill:url(#history-loss-gradient)}.history-cumulative-line{stroke:url(#history-line-gradient);stroke-width:2.8;stroke-dasharray:1800;stroke-dashoffset:1800;animation:history-line-draw .72s ease-out .08s forwards}.history-chart-empty{fill:#788a95;font-size:14px}
.history-chart-hit{fill:transparent;pointer-events:all;cursor:crosshair}.history-chart-crosshair{stroke:#708791;stroke-width:1;stroke-dasharray:3 5;opacity:.62;pointer-events:none}.history-chart-point{stroke:#07131b;stroke-width:3;pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.24))}.history-chart-point-bar{fill:#34dfa7}.history-chart-point-line{fill:#f2c33b}
.history-chart-tooltip{position:absolute;z-index:4;width:184px;padding:10px 11px;border:1px solid #31505e;border-radius:10px;background:rgba(6,17,24,.96);box-shadow:0 14px 34px rgba(0,0,0,.45);backdrop-filter:blur(10px);pointer-events:none}.history-chart-tooltip strong{display:block;margin-bottom:7px;color:#f0f5f6;font-size:11px}.history-chart-tooltip>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0}.history-chart-tooltip small{color:#7e919c;font-size:10px}.history-chart-tooltip b{font-size:11px;font-variant-numeric:tabular-nums}.history-chart-tooltip b.fees{color:#55ddbd}
.history-chart-legend{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#8c9aa3;font-size:11px}.history-chart-legend span{display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #1c313c;border-radius:999px;background:rgba(7,18,26,.72)}.history-chart-legend i{display:inline-block}.history-chart-legend .daily{width:9px;height:9px;border-radius:2px;background:linear-gradient(180deg,#49edb4,#08aa77)}.history-chart-legend .cumulative{width:18px;height:3px;border-radius:99px;background:linear-gradient(90deg,#f0b927,#ffe174)}

/* Calendar keeps filtering behavior while making the chosen day unmistakable. */
.history-calendar-wrap{min-height:344px;padding:10px 3px 0;animation:history-panel-in .25s ease both}.history-calendar-head{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px;padding:0}.history-calendar-month{display:flex;align-items:center;gap:10px}.history-calendar-head .history-calendar-month button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #29414d;border-radius:999px;background:linear-gradient(180deg,#112631,#0a1820);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.12);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.history-calendar-head .history-calendar-month button:hover{transform:translateY(-1px);border-color:#4d7080;background:#142c38}.history-calendar-head button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.history-calendar-month>div{min-width:174px}.history-calendar-month small{display:block;margin-bottom:2px;color:#56717e;font-size:8px;font-weight:750;letter-spacing:.14em}.history-calendar-head .history-calendar-month strong{display:block;color:#edf4f6;font-size:16px;text-align:left;text-transform:capitalize}
.history-calendar-total-wrap{min-width:128px;padding:8px 13px;border:1px solid rgba(46,73,85,.72);border-radius:11px;background:linear-gradient(145deg,rgba(14,31,41,.8),rgba(8,21,29,.72));text-align:right}.history-calendar-total-wrap small{display:block;margin-bottom:2px;color:#617985;font-size:8px;font-weight:750;letter-spacing:.12em}.history-calendar-total-wrap .history-calendar-total{display:block;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}
.history-calendar-weekdays,.history-calendar-grid{gap:7px}.history-calendar-weekdays{padding:0 2px 5px;border-bottom:1px solid rgba(44,69,81,.5)}.history-calendar-weekdays span{color:#66808c;font-size:9px;font-weight:750;letter-spacing:.1em}.history-calendar-grid{padding-top:8px}.history-calendar-spacer{min-height:64px}
.history-calendar-day{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:64px;padding:7px 8px;border:1px solid rgba(36,59,70,.75);border-radius:11px;background:linear-gradient(145deg,rgba(12,27,36,.94),rgba(6,18,25,.96));overflow:hidden;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.history-calendar-day:before{content:"";position:absolute;inset:auto -10px -22px auto;width:52px;height:52px;border-radius:50%;background:rgba(82,110,121,.09);filter:blur(2px)}.history-calendar-day.profit:before{background:rgba(29,222,151,calc(var(--day-intensity) * .25))}.history-calendar-day.loss:before{background:rgba(255,84,96,calc(var(--day-intensity) * .22))}.history-calendar-day:hover{transform:translateY(-2px);border-color:#426270;box-shadow:0 9px 20px rgba(0,0,0,.18)}.history-calendar-day.selected{outline:2px solid #1684ff;outline-offset:1px;border-color:#47a0ff;box-shadow:0 0 0 4px rgba(22,132,255,.1),0 10px 24px rgba(2,62,130,.25)}
.history-calendar-day.today .history-calendar-day-number{color:#061612;background:#49e6ac}.history-calendar-day-number{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:#c9d6db;font-size:11px;font-weight:750}.history-calendar-day-meta{position:relative;z-index:1;text-align:center}.history-calendar-day-meta strong{display:block;margin:-2px 0 0;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}.history-calendar-day-meta small{display:block;height:11px;margin-top:3px;color:#65bca1;font-size:8px;font-weight:650}.history-calendar-day.loss .history-calendar-day-meta small{color:#d88a91}.history-calendar-day.empty{opacity:.72}.history-calendar-day.empty .history-calendar-day-meta strong{color:#3f5660}.history-calendar-day.profit{background:linear-gradient(145deg,rgba(12,37,38,.98),rgba(7,22,29,.96));border-color:rgba(37,178,129,.25)}.history-calendar-day.loss{background:linear-gradient(145deg,rgba(43,23,30,.9),rgba(17,18,26,.96));border-color:rgba(214,74,84,.23)}

/* Historical positions: readable rows, authentic logos, batch disclosure. */
.history-table-panel{padding:18px 16px 14px}.history-table-card{margin-top:14px;border:1px solid #1b303b;border-radius:13px;overflow:hidden;background:#08141c;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.history-table-scroll{margin-top:0}.history-table{table-layout:fixed;min-width:1240px}.history-table thead{background:linear-gradient(180deg,#0d1c26,#0a1720)}
.history-table-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.history-table-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.history-zero-toggle{display:inline-flex;align-items:center;gap:8px;color:#9aabb3;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer}.history-zero-toggle input{width:15px;height:15px;margin:0;accent-color:#31d1a1}.history-repair-button{border:0;background:transparent;box-shadow:none}.history-repair-button:hover:not(:disabled){border-color:transparent;background:transparent;color:#e7f0f3}.history-repair-button.is-refreshing svg{animation:history-repair-spin .7s linear infinite}.history-repair-button:focus-visible{outline:2px solid rgba(49,209,161,.72);outline-offset:3px}@keyframes history-repair-spin{to{transform:rotate(360deg)}}
.history-col-position{width:18%}.history-col-network{width:13%}.history-col-age{width:8%}.history-col-invested{width:10%}.history-col-fees{width:11%}.history-col-pnl{width:11%}.history-col-opened,.history-col-closed{width:12.5%}.history-col-share{width:4%}
.history-table th{height:42px;padding:10px 9px;border-bottom-color:#233945;color:#8798a2;font-size:11px;font-weight:600;letter-spacing:.01em}.history-table th button{cursor:pointer}.history-table th:nth-child(3),.history-age-cell{text-align:center}.history-table td{height:74px;padding:9px;border-bottom-color:rgba(37,59,70,.62);color:#dce5e9;font-size:13px}.history-table tbody tr{transition:background .15s ease;background:linear-gradient(90deg,rgba(17,54,58,.34),rgba(9,26,35,.18))}.history-table tbody tr:hover{background:rgba(25,55,69,.22)}.history-table tbody tr:last-child td{border-bottom:0}
.history-pair-cell{display:flex;align-items:center;gap:12px;min-width:0}.history-pair-cell strong,.history-batch-toggle{font-size:13.5px;letter-spacing:-.01em;color:#f0f5f6;white-space:nowrap}.history-batch-toggle{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;font-weight:700;cursor:pointer}.history-batch-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s ease}.history-batch-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.history-token-avatar{position:relative;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:2px solid hsla(var(--token-hue),65%,82%,.62);background:linear-gradient(145deg,hsl(var(--token-hue),72%,56%),hsl(calc(var(--token-hue) + 55),68%,35%));box-shadow:0 3px 12px rgba(0,0,0,.28)}.history-token-identicon{position:absolute;inset:7px;transform:rotate(45deg);border:2px solid rgba(255,255,255,.85);border-radius:4px;box-shadow:inset 0 0 0 3px rgba(4,15,22,.18)}.history-token-identicon:after{content:"";position:absolute;inset:4px;border-radius:50%;background:rgba(255,255,255,.78)}.history-token-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b1820}
.history-pool-line{margin-top:3px;gap:7px}.history-pool-line>span{font-size:11px;color:#71848f}.history-icon-button{display:grid;place-items:center;width:31px;height:31px;padding:0;border-color:#27404c;background:#0c1a23;color:#9dadb6;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.history-icon-button:hover{color:#e7f0f3;border-color:#3d5d6b;background:#132631;transform:translateY(-1px)}.history-icon-button svg{width:16px;height:16px}.history-pool-line .history-icon-button{width:22px;height:22px;border-radius:6px}.history-pool-line .history-icon-button svg{width:12px;height:12px}
.history-network{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12.5px}.history-network-logo{display:block;width:24px;height:24px;flex:0 0 auto;object-fit:contain}.history-network-robinhood .history-network-logo{border-radius:7px}
.history-age-cell>span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:30px;padding:0 10px;border:1px solid rgba(55,82,94,.7);border-radius:999px;background:rgba(13,30,39,.72);color:#c9d7dc;white-space:nowrap}.history-age-cell strong{font-size:11.5px;font-weight:650;font-variant-numeric:tabular-nums}
.history-invested{color:#9fc8d8!important;font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums}.history-value-cell>span{display:block;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}.history-value-cell>small{display:block;margin-top:4px;font-size:11px;font-weight:650}.history-value-fees>span.profit{color:#66d9a9!important}.history-value-fees>small.profit{color:#91e8bd!important}.history-value-pnl>span.profit{color:#20e391!important}.history-value-pnl>small.profit{color:#5ef0a7!important}.history-value-cell>span.loss,.history-value-cell>small.loss{color:#ff626b!important}
.history-date-cell>span{display:block;color:#dce7eb;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}.history-date-cell>small{display:block;margin-top:4px;color:#78909b;font-size:11px;font-weight:550;font-variant-numeric:tabular-nums}.history-share-button{border-color:rgba(23,197,135,.28);color:#a9d9c8}.history-share-button:hover{border-color:rgba(23,197,135,.55);color:#32dfa2;background:rgba(17,119,84,.14)}
.history-batch-row{cursor:pointer;background:linear-gradient(90deg,rgba(17,54,58,.34),rgba(9,26,35,.18))}.history-batch-row td{border-bottom-color:rgba(55,91,96,.72)}.history-batch-child{background:rgba(5,15,21,.46)}.history-batch-child .history-pair-cell{padding-left:24px;position:relative}.history-batch-child .history-pair-cell:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:#27434e}.history-batch-child .history-token-avatar{width:30px;height:30px;opacity:.9}

/* Pagination and page size are one control family. */
.history-pagination{min-height:58px;padding:11px 3px 0;font-size:12px}.history-pagination>span{color:#91a4ae;font-weight:550}.history-page-controls{gap:12px!important}.history-page-controls button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:104px;height:38px;padding:0 14px;border-radius:10px;background:linear-gradient(180deg,#10232d,#0a1821);color:#dce7eb;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .15s ease,background .15s ease,transform .15s ease;cursor:pointer}.history-page-controls button:hover:not(:disabled){border-color:#3a5b69;background:#142a35;transform:translateY(-1px)}.history-page-controls button:disabled{opacity:.35}.history-page-controls button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.history-page-controls #history-page-number{min-width:66px;text-align:center;color:#e7f0f3;font-size:13px;font-weight:700}
.history-pagination>label{display:flex;align-items:center;gap:8px;height:38px;padding-left:11px;border:1px solid #263d48;border-radius:10px;background:linear-gradient(180deg,#10232d,#0a1821);color:#9aabb3;font-weight:600;white-space:nowrap}.history-pagination select{width:70px;min-width:70px;height:36px;margin:0;padding:0 24px 0 10px;border:0;border-left:1px solid #263d48;border-radius:0 9px 9px 0;background:#0b1a23;color:#e2eaed;font-size:max(var(--bl-iphone-input-min-size, 0px), 12px);font-weight:650;cursor:pointer}

/* Wide desktop share preview; export stays 16:9. */
.history-share-dialog{width:min(1200px,94vw);max-height:92vh;overflow:hidden;padding:16px 18px 18px;background:linear-gradient(145deg,#0b1922,#08141c);border-color:#28404c}.history-share-loading{height:min(620px,72vh);border:1px solid rgba(69,91,104,.26);border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(20,45,57,.45),rgba(7,15,21,.2))}.history-share-loading[hidden]{display:none}.history-share-dialog img{width:100%;height:auto;max-height:72vh;aspect-ratio:16/9;object-fit:contain;background:#050a0e;border:1px solid rgba(68,91,104,.35);border-radius:14px;margin-top:12px}.history-share-actions{max-width:560px;margin:12px auto 0}.history-share-actions button{cursor:pointer;transition:background .15s ease,border-color .15s ease}.history-share-actions button:not(:disabled):hover{background:#1a2c36;border-color:#3b5866}

@keyframes history-bar-rise{from{transform:scaleY(.02);opacity:.25}to{transform:scaleY(1);opacity:1}}@keyframes history-line-draw{to{stroke-dashoffset:0}}@keyframes history-panel-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes history-summary-ambient{to{transform:translate(-45px,38px) scale(1.12)}}@keyframes history-summary-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1400px){.history-top-grid{grid-template-columns:minmax(310px,.8fr) minmax(590px,1.5fr)}.history-period-stats>div{padding:9px}.history-table td,.history-table th{padding-left:8px;padding-right:8px}}
@media(max-width:760px){.history-share-dialog{width:96vw;padding:12px}.history-share-dialog img{max-height:64vh}.history-share-loading{height:54vh}.history-period-stats{grid-template-columns:repeat(2,1fr)}.history-calendar-day{min-height:58px;padding:6px}.history-calendar-day-meta small{display:none}.history-outcomes{margin-top:18px}}
.history-icon-button.history-repair-button{border:0;background:transparent;box-shadow:none}.history-icon-button.history-repair-button:hover:not(:disabled){border:0;background:transparent;transform:none;color:#e7f0f3}
@media(prefers-reduced-motion:reduce){.history-summary-panel:before,.history-summary-item,.history-chart-bar,.history-cumulative-line,.history-calendar-wrap{animation:none!important}}
/* apps/web/styles/web-adapter.css */
@font-face {
  font-family: "BitLadder Web Rubik Dirt";
  src: url("../assets/release/rubik-dirt-regular.ttf") format("truetype");
  font-display: block;
}

/* Swap READY composition host seam. Visual DOM/CSS is mechanically sourced
   from docs/mobile-prototypes/swap-command-workspace.html at materialization. */
#swap-mobile-ready-host { display: none; }
html[data-presentation-profile="mobile"] body:has(#view-swap.active) { margin: 0; background: #05090e; }
html[data-presentation-profile="mobile"] .app-shell:has(#view-swap.active) { display: block; width: auto; min-height: 100dvh; margin: 0; padding: 0; background: #05090e; }
html[data-presentation-profile="mobile"] .app-shell:has(#view-swap.active) > .app-sidebar,
html[data-presentation-profile="mobile"] .app-main:has(#view-swap.active) > .app-header { display: none; }
html[data-presentation-profile="mobile"] .app-main:has(#view-swap.active) { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; background: #05090e; }
html[data-presentation-profile="mobile"] #view-swap.active { display: block; width: 100%; min-height: 100dvh; margin: 0; padding: 0; overflow: visible; background: #05090e; }
html[data-presentation-profile="mobile"] #view-swap.active > .swap-studio { display: none !important; }
html[data-presentation-profile="mobile"] #swap-mobile-ready-host { display: block; }

/* Exact v10 visual rules live verbatim in the host shadow root. This file only selects the contour. */
.manage-mobile-v10-host { display: none; }
.create-mobile-header,
.create-mobile-pool-meta,
.create-preview-mobile-copy,
.create-preview-mobile-rows,
.create-preview-all-sheet {
  display: none !important;
}

html[data-presentation-profile="mobile"] #view-manage .manage-main > .manage-summary-strip,
html[data-presentation-profile="mobile"] #view-manage .manage-main > .manage-card,
html[data-presentation-profile="mobile"] #view-manage .manage-layout > .sidebar,
html[data-presentation-profile="mobile"] body:has(#view-manage.active) .app-header { display: none; }
html[data-presentation-profile="mobile"] #view-manage .manage-layout { display: block; }
html[data-presentation-profile="mobile"] .manage-mobile-v10-host { display: block; }
html[data-presentation-profile="mobile"] body:has(#view-manage.active) .app-sidebar { display: none; }
html[data-presentation-profile="mobile"] body:has(#view-manage.active) > #manage-bulk-confirmation { display: none !important; }
html[data-presentation-profile="mobile"] .manage-action-overlay.minimized { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
html[data-presentation-profile="mobile"] body:has(#view-manage.active) .app-shell {
    box-sizing: border-box;
    padding: 0;
}

/* Open, Close and Swap retain the canonical Desktop notification content, but
   the phone contour stays inside the viewport and above bottom navigation. */
html[data-presentation-profile="mobile"] body > .toast-root {
  position: fixed;
  z-index: 10000;
  right: max(8px, env(safe-area-inset-right, 0px));
  left: auto;
  bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  display: grid !important;
  width: min(280px, calc(100vw - 24px));
}
@media (max-width: 760px) {
  body > .toast-root {
    z-index: 1300;
    right: max(8px, env(safe-area-inset-right));
    left: auto;
    bottom: calc(64px + env(safe-area-inset-bottom));
    display: grid !important;
    gap: 6px;
    width: min(236px, calc(100vw - 24px));
    max-height: calc(100dvh - 88px - env(safe-area-inset-bottom));
  }

  body > .toast-root .toast-item {
    gap: 2px;
    padding: 8px 28px 8px 10px;
    overflow: auto;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.3;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
  }

  body > .toast-root .toast-item span {
    font-size: 9px;
    line-height: 1.35;
  }

  body > .toast-root .toast-dismiss {
    top: 6px;
    right: 7px;
    font-size: 14px;
  }
}

#create-ready-ui-layer-host #setup-refresh-price-inline {
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

#create-ready-ui-layer-host #setup-refresh-price-inline.is-loading {
  animation: create-price-refresh-pulse .7s ease-in-out infinite alternate;
}

#create-ready-ui-layer-host [data-create-authoritative-fee-tier] {
  color: var(--text);
  font-weight: 800;
}

@keyframes create-price-refresh-pulse {
  to { opacity: .68; text-shadow: 0 0 9px rgba(49, 209, 161, 0.72); }
}

.swap-settings-feedback {
  min-height: 18px;
  margin: 0;
  color: #9cb2d4;
  font-size: 11px;
  line-height: 1.45;
}

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

html,
body {
  max-width: 100%;
}

input,
select,
textarea {
  font: inherit;
}

input:where([type="checkbox"], [type="radio"], [type="range"], [type="hidden"], [type="button"], [type="submit"]) {
  --bl-iphone-input-min-size: 0px;
}

input:where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="button"]):not([type="submit"])),
select,
textarea {
  font-size: max(var(--bl-iphone-input-min-size, 0px), 1em);
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 3px;
}

#view-settings .settings-social-link.telegram-link {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 12px;
}

#view-settings .settings-network-edit,
#view-settings .settings-icon-action,
#view-settings .settings-modal-head > button,
#view-settings .license-refresh-action,
#view-settings .license-revoke-action {
  min-width: 44px;
  min-height: 44px;
}

#view-settings .settings-wallet-copy.copied {
  color: var(--green);
  border-color: rgba(49, 209, 161, 0.32);
  background: rgba(49, 209, 161, 0.12);
}

#view-settings .settings-wallet-export {
  color: var(--green);
}

#view-settings .settings-wallet-export:disabled {
  cursor: not-allowed;
  color: var(--muted);
  opacity: 0.45;
}

#view-settings .settings-wallet-export-warning {
  margin: 0;
  color: #ffcc73;
  line-height: 1.55;
}

.settings-modal {
  --bl-overlay-viewport-height: 100dvh;
  --bl-overlay-keyboard-offset: 0px;
}

/* Browser focus must stay inside the canonical Desktop amount card instead of
   clipping its top edge or crossing the fiat-value row. */
.swap-pro-amount-card input:focus-visible {
  outline: 0;
}

.swap-pro-amount-card:focus-within {
  border-color: rgba(105, 225, 170, 0.42);
  box-shadow: inset 0 0 0 1px rgba(105, 225, 170, 0.12);
}

.swap-token-dropdown .swap-modal-search input:focus-visible {
  outline: 0;
}

.swap-direction-button svg {
  transform-origin: center;
}

.swap-direction-button.swap-direction-flipping svg {
  animation: swap-direction-flip 320ms ease;
}

@keyframes swap-direction-flip {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

.desktop-update-button {
  display: none !important;
}

.history-table-scroll,
.manage-table-wrap,
.table-scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#view-pool-search .toolbar-main {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

.pool-search-filters-button,
.pool-search-filter-sheet-head,
.pool-search-filter-tabs,
.pool-search-filter-actions,
.pool-search-filter-backdrop,
.pool-card-disclosure-button,
.pool-compact-metrics {
  display: none;
}

.pool-search-recovery {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.pool-search-recovery[hidden],
.pool-search-recovery button[hidden] {
  display: none;
}

.pool-card-copy {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.mobile-app-logo,
.mobile-wallet-session,
.pool-search-mobile-meta,
.pool-search-mobile-tools,
.pool-search-mobile-types,
#pool-search-mobile-sort-label,
.pool-search-mobile-selected-summary {
  display: none;
}

.pool-card-identity {
  min-width: 0;
}

.pool-readiness-badge {
  color: #f3c562;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

.pool-readiness-badge.ready {
  color: var(--green);
}

.pool-search-loading-card {
  min-height: 112px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0.025) 25%, rgba(255, 255, 255, 0.07) 42%, rgba(255, 255, 255, 0.025) 60%);
  background-size: 260% 100%;
  animation: pool-search-loading 1.2s linear infinite;
}

@keyframes pool-search-loading {
  to { background-position: -160% 0; }
}

/* Keep Desktop's single-row Min/Max controls while giving long browser price
   strings enough room to remain fully visible beside the percentage field. */
#view-create .range-input-grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

/* Browser widths must keep the complete Desktop price string and its action
   in normal flow; the Desktop absolute placement can overlap longer values. */
.range-center-price-line {
  padding-inline: 0;
}

.range-center-card .range-center-price-line .price-refresh-button {
  position: static;
  flex: 0 0 30px;
}

.status-card:nth-child(4) strong {
  white-space: nowrap;
}

@media (min-width: 1161px) and (max-width: 1399px) {
  .app-header > div:first-child { flex: 1 1 auto; min-width: 0; }
  .header-status-bar { flex: 0 0 614px; flex-wrap: nowrap; }
  .status-card,
  .status-card-updated,
  .status-card-license { flex: 0 0 118px; }
}

/* The browser shell reserves more horizontal space for its outer navigation
   than Desktop. Wrap the canonical Manage batch controls before they can sit
   underneath the 320px Local Keystore sidebar and intercept network clicks. */
@media (min-width: 1161px) and (max-width: 1750px) {
  .manage-card-head-compact {
    flex-wrap: wrap;
  }

  .manage-batch-actions {
    flex: 1 1 100%;
    flex-wrap: wrap;
    margin-left: 0;
    order: 3;
  }
}

@media (max-width: 1160px) {
  body {
    min-width: 0;
    padding: 0;
  }

  .app-shell {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    margin: 0;
    padding: 12px 10px calc(78px + env(safe-area-inset-bottom));
  }

  .app-sidebar {
    position: fixed;
    z-index: 1000;
    inset: auto 0 0;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-width: 1px 0 0;
    border-radius: 0;
    background: rgba(12, 16, 21, 0.98);
  }

  .brand-block {
    display: none;
  }

  .app-nav {
    display: contents;
  }

  .app-nav-footer {
    margin-top: 0;
  }

  .nav-link {
    min-width: 0;
    min-height: 52px;
    padding: 6px 2px;
    border-radius: 9px;
    font-size: clamp(9px, 2.7vw, 11px);
    text-align: center;
    overflow-wrap: anywhere;
  }

  .app-main {
    min-width: 0;
  }

  .search-box {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .search-box #pool-query {
    grid-column: 1 / -1;
  }

  .search-box > button {
    width: auto;
    min-width: 0;
  }

  .toolbar-main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
  }

  .toolbar-main .field,
  .toolbar-main .field select,
  #sort-select,
  #fee-tvl-interval,
  #dex-filter,
  #quote-token-filter,
  #pool-chain-select,
  .pool-chain-selector,
  .pool-chain-selector .network-select {
    width: 100%;
    min-width: 0;
  }

  .toolbar-main .pool-type-filter-field,
  .toolbar-main fieldset.field.pool-type-filter-field {
    grid-column: 1 / -1;
    width: 100%;
  }

  #view-pool-search .toolbar-main select,
  #view-pool-search #pool-chain-select,
  #view-pool-search #save-filter-preset-button {
    min-height: 44px;
  }

  .history-top-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .history-panel,
  .history-profit-head,
  .history-controls,
  .history-period-stats,
  .history-chart-wrap {
    min-width: 0;
    max-width: 100%;
  }

  .view-section,
  .create-workspace,
  .create-shell,
  .create-builder,
  .search-panel,
  .settings-card,
  .history-panel,
  .manage-table-card,
  .manage-main,
  .manage-card,
  #view-manage .sidebar,
  #view-manage .side-card {
    min-width: 0;
    max-width: 100%;
  }

  button,
  input,
  select,
  textarea,
  a.settings-external-link,
  a.settings-social-link {
    min-height: 44px;
  }

  .updated-refresh-button {
    min-width: 44px;
  }

  .settings-wallet-submit,
  .settings-node-reset {
    min-height: 44px;
  }

  .settings-modal,
  .modal-shell,
  .history-share-modal {
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
  }

  .settings-modal-dialog,
  .modal-dialog,
  .history-share-dialog {
    width: min(100%, 680px);
    max-height: min(
      calc(var(--bl-overlay-viewport-height, 100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),
      calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--bl-overlay-keyboard-offset, 0px))
    );
    overflow-y: auto;
  }
}

@media (min-width: 621px) and (max-width: 1160px) {
  .app-header {
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
  }

  .app-header > div:first-child {
    flex: 0 1 220px;
    min-width: 0;
  }

  .app-header p {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .header-status-bar {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-end;
  }

  .status-card,
  .status-card-updated,
  .status-card-license {
    flex: 1 1 118px;
    min-width: 118px;
    padding: 8px 10px;
  }

  .status-card-updated {
    padding-right: 42px;
  }

}

@media (min-width: 621px) and (max-width: 900px) {
  .app-header > div:first-child {
    flex: 0 0 118px;
  }

  .app-header p {
    display: none;
  }

  .header-status-bar {
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .status-card,
  .status-card-updated,
  .status-card-license {
    flex: 0 0 118px;
  }

  .status-card-updated,
  .status-card:nth-child(4),
  .status-card-license {
    flex-basis: 150px;
  }
}

@media (max-width: 620px), (max-width: 900px) and (max-height: 500px) {
  .app-header {
    display: block;
    padding: 12px 12px 0;
    border: 0;
    background: #06080b;
  }

  .app-header > .mobile-app-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
  }

  .app-header h1 {
    margin: 0;
    overflow: hidden;
    font-size: 22px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-app-logo {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 9px;
  }

  .mobile-wallet-session {
    display: block;
    margin-left: auto;
    padding: 6px 0;
    border: 0;
    color: #9bcfff;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
  }

  .app-header p {
    display: none;
  }

  .header-status-bar {
    display: none;
  }

  .status-card,
  .status-card-updated,
  .status-card-license {
    flex: 0 0 118px;
    min-width: 118px;
    padding: 8px 10px;
  }

  .status-card-updated,
  .status-card:nth-child(4),
  .status-card-license {
    flex-basis: 150px;
  }

  .status-card-updated {
    padding-right: 42px;
  }

  #view-pool-search {
    padding: 0 0 18px;
    color: #eef2f7;
    background: #06080b;
  }

  #view-pool-search .search-panel {
    padding: 12px 12px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #view-pool-search .search-box {
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
  }

  #view-pool-search .search-box #pool-query {
    grid-column: 1;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid #202932;
    border-radius: 11px;
    background: #141b22;
  }

  #view-pool-search #search-button {
    grid-column: 2;
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    min-height: 46px;
    padding: 0;
    border-radius: 11px;
    color: #03110d;
    background: #31d1a1;
  }

  #view-pool-search #search-button svg {
    width: 21px;
    height: 21px;
  }

  #view-pool-search #search-button span {
    display: none;
  }

  #view-pool-search #pool-search-refresh-button,
  #view-pool-search #pool-search-filters-button {
    display: none;
  }

  #view-pool-search #pool-search-refresh-button svg {
    width: 19px;
    height: 19px;
  }

  #view-pool-search #pool-search-filters-button > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  .pool-search-filter-count {
    display: grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    border-radius: 11px;
    color: var(--green);
    background: rgba(49, 209, 161, 0.14);
    font-size: 11px;
    font-weight: 800;
  }

  #view-pool-search #reset-filters-button {
    display: none;
  }

  #view-pool-search .search-meta-row {
    display: none;
  }

  .pool-search-mobile-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    margin: 4px 1px 3px;
    color: #91a0b2;
    font-size: 11px;
  }

  .pool-search-mobile-meta strong {
    color: #eef2f7;
  }

  #pool-search-mobile-refresh {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #202932;
    border-radius: 9px;
    color: #a8bac8;
    background: #111820;
  }

  #pool-search-mobile-refresh::after {
    content: "";
    position: absolute;
    inset: -6px;
  }

  #pool-search-mobile-refresh svg {
    width: 15px;
    height: 15px;
  }

  .pool-search-mobile-tools {
    display: flex;
    gap: 6px;
    padding: 0 0 7px;
    overflow: auto;
    scrollbar-width: none;
  }

  .pool-search-mobile-chip {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #202932;
    border-radius: 9px;
    color: #b8c4d1;
    background: #10161c;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
  }

  .pool-search-mobile-chip svg {
    width: 14px;
    height: 14px;
  }

  .pool-search-mobile-chip select {
    max-width: 108px;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    font-size: max(var(--bl-iphone-input-min-size, 0px), 1em);
  }

  .pool-search-mobile-network-chip img {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    object-fit: contain;
  }

  #pool-search-mobile-filter-count {
    display: grid;
    place-items: center;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 8px;
    color: #31d1a1;
    background: #173c35;
    font-size: 10px;
  }

  .pool-search-mobile-types {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 9px;
  }

  .pool-search-mobile-types > span {
    margin-right: 2px;
    color: #7890a7;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
  }

  .pool-search-mobile-type-toggle {
    min-width: 42px;
    height: 29px;
    padding: 0 9px;
    border: 1px solid #202932;
    border-radius: 8px;
    color: #7f90a1;
    background: #0e141a;
    font-size: 10px;
    font-weight: 850;
  }

  .pool-search-mobile-type-toggle.active {
    border-color: #26745f;
    color: #e5fff6;
    background: #102d27;
  }

  .pool-search-filter-backdrop:not([hidden]) {
    position: fixed;
    z-index: 1190;
    inset: 0;
    display: block;
    background: rgba(0, 0, 0, 0.72);
  }

  #pool-search-filter-sheet {
    --bl-overlay-viewport-height: 100dvh;
    --bl-overlay-keyboard-offset: 0px;
    position: fixed;
    z-index: 1200;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    max-height: min(
      calc(var(--bl-overlay-viewport-height, 100dvh) - env(safe-area-inset-top) - 10px),
      calc(100dvh - env(safe-area-inset-top) - var(--bl-overlay-keyboard-offset, 0px) - 10px)
    );
    padding: 10px 12px calc(14px + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-width: 1px 0 0;
    border-radius: 18px 18px 0 0;
    background: #0b1115;
    box-shadow: 0 -20px 48px rgba(0, 0, 0, 0.55);
    transform: translateY(105%);
    transition: transform 180ms ease;
  }

  #pool-search-filter-sheet.open {
    transform: translateY(0);
  }

  .pool-search-filter-sheet-head {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .pool-search-filter-sheet-head h2 {
    margin: 0;
    font-size: 18px;
  }

  #pool-search-filter-close {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    margin-left: auto;
    font-size: 24px;
  }

  .pool-search-filter-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 10px 0;
  }

  .pool-search-filter-tabs button {
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.035);
  }

  .pool-search-filter-tabs button[aria-selected="true"] {
    border-color: rgba(49, 209, 161, 0.4);
    color: #e8fff7;
    background: rgba(49, 209, 161, 0.12);
  }

  #pool-search-filter-sheet [data-pool-search-pane][hidden] {
    display: none !important;
  }

  #view-pool-search .toolbar-main,
  #view-pool-search .toolbar-advanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    overflow: visible;
  }

  #view-pool-search .toolbar-main .pool-type-filter-field,
  #view-pool-search .filter-presets {
    grid-column: 1 / -1;
  }

  .pool-search-filter-actions {
    position: sticky;
    bottom: calc(-14px - env(safe-area-inset-bottom));
    display: flex;
    margin: 14px -12px calc(-14px - env(safe-area-inset-bottom));
    padding: 10px 12px calc(14px + env(safe-area-inset-bottom));
    background: #0b1115;
  }

  #pool-search-filter-apply {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    color: #03110d;
    background: var(--green);
    font-weight: 800;
  }

  #view-pool-search .results-meta {
    align-items: end;
    margin: 5px 12px 7px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  #view-pool-search .results-meta h2 {
    margin: 0;
    font-size: 16px;
  }

  #view-pool-search #results-header {
    display: none;
  }

  #pool-search-mobile-sort-label {
    display: block;
    color: #91a0b2;
    font-size: 10px;
  }

  #view-pool-search .search-view-layout {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 0 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  #view-pool-search .cards-column,
  #view-pool-search .pool-grid,
  #view-pool-search .pool-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  #view-pool-search .search-view-layout > .sidebar {
    position: fixed;
    z-index: 1180;
    right: 12px;
    bottom: calc(54px + env(safe-area-inset-bottom));
    left: 12px;
    order: 0;
    width: auto;
    max-width: 406px;
    margin: 0 auto;
  }

  #view-pool-search .search-view-layout > .sidebar.pool-selection-empty {
    display: none;
  }

  #view-pool-search .search-view-layout > .sidebar .side-card {
    padding: 8px 10px;
    border: 1px solid #245e52;
    border-radius: 10px;
    background: rgba(11, 21, 21, 0.94);
    box-shadow: 0 -10px 30px #0008;
    backdrop-filter: blur(12px);
  }

  #view-pool-search .search-view-layout > .sidebar h3 {
    display: none;
  }

  #view-pool-search #selected-pool-panel {
    display: block;
  }

  #view-pool-search #selected-pool-panel > .row {
    display: none;
  }

  .pool-search-mobile-selected-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
  }

  .pool-search-mobile-selected-summary strong,
  .pool-search-mobile-selected-summary span {
    display: block;
  }

  .pool-search-mobile-selected-summary strong {
    font-size: 11px;
  }

  .pool-search-mobile-selected-summary div > span {
    color: #91a0b2;
  }

  .pool-search-mobile-selected-ready {
    margin-left: auto;
    color: #31d1a1;
  }

  #view-pool-search .pool-grid {
    display: grid;
    gap: 8px;
    overflow: visible;
  }

  #view-pool-search .pool-card {
    border-radius: 12px;
  }

  #view-pool-search .pool-card .card-head {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(54px, .65fr)) 30px;
    gap: 7px;
    min-height: 76px;
    padding: 9px 8px 9px 11px;
    align-items: center;
  }

  #view-pool-search .pool-card-copy {
    grid-column: 1;
    min-width: 0;
  }

  #view-pool-search .token-pair {
    font-size: 14px;
  }

  #view-pool-search .quote-chip {
    display: block;
    margin-top: 4px;
    padding: 0;
    border: 0;
    color: #91a0b2;
    background: transparent;
    font-size: 9px;
    text-transform: none;
  }

  #view-pool-search .pool-name {
    margin-top: 4px;
    color: #8394a6;
    font-size: 9px;
  }

  #view-pool-search .subline {
    display: none;
  }

  #view-pool-search .pool-meta-actions {
    grid-column: 1 / -1;
    grid-row: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  #view-pool-search .pool-meta-actions a,
  #view-pool-search .copy-ca-button {
    min-width: 44px;
    min-height: 44px;
  }

  #view-pool-search .right-head {
    grid-column: 2;
    grid-row: 1;
    display: block;
    min-width: 0;
  }

  #view-pool-search .pool-readiness-badge,
  #view-pool-search .pool-signal-wrap {
    display: none;
  }

  #view-pool-search .active-fee-tvl {
    margin: 3px 0 0;
    color: #31d1a1;
    font-size: 11px;
    white-space: nowrap;
  }

  #view-pool-search .active-fee-label {
    color: #7690a8;
    font-size: 8px;
    text-transform: uppercase;
  }

  #view-pool-search .pool-compact-metrics {
    display: contents;
  }

  #view-pool-search .pool-compact-metrics > span {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  #view-pool-search .pool-compact-metrics > span:first-child {
    grid-column: 3;
  }

  #view-pool-search .pool-compact-metrics > span:last-child {
    grid-column: 4;
  }

  #view-pool-search .pool-compact-metrics small,
  #view-pool-search .pool-compact-metrics strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #view-pool-search .pool-compact-metrics small {
    color: var(--muted);
    font-size: 8px;
    text-transform: uppercase;
  }

  #view-pool-search .pool-compact-metrics strong {
    margin-top: 3px;
    font-size: 11px;
  }

  #view-pool-search .pool-card-disclosure-button {
    grid-column: 5;
    grid-row: 1;
    display: grid;
    align-self: stretch;
    place-items: center;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    border: 1px solid #25313b;
    border-radius: 50%;
    background: #111920;
  }

  #view-pool-search .pool-card-disclosure-button svg {
    width: 18px;
    transition: transform 160ms ease;
  }

  #view-pool-search .pool-card-disclosure-button[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  #view-pool-search .pool-card-expanded {
    padding: 0 10px 10px;
  }

  #view-pool-search .pool-card-expanded[hidden] {
    display: none;
  }

  #view-pool-search .pool-card:not(.expanded) .pool-meta-actions {
    display: none;
  }

  #view-pool-search .analysis-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #view-pool-search .pool-search-load-more,
  #view-pool-search .pool-search-recovery button {
    min-height: 44px;
  }

  .history-table-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .history-repair-controls {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
  }
}

@media (max-width: 860px) {
  #view-swap button {
    min-height: 44px;
  }

  #swap-network-switch button,
  #swap-direction-button {
    min-width: 44px;
  }
}

.settings-wallet-loss-warning {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  color: #f3c562;
  font-size: 11px;
  line-height: 1.45;
}

.settings-wallet-loss-warning input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
}

@media (max-width: 430px) {
  .history-page-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 4px !important;
    width: 100%;
    min-width: 0;
  }

  .history-page-controls button {
    width: 100%;
    min-width: 0;
    padding-right: 5px;
    padding-left: 5px;
    gap: 3px;
  }

  .history-page-controls #history-page-number {
    min-width: 32px;
  }
}

@media (max-width: 320px) {
  .app-shell {
    padding-right: 8px;
    padding-left: 8px;
  }

  .header-status-bar {
    grid-template-columns: minmax(0, 1fr);
  }

  .status-card-license {
    grid-column: auto;
  }

  .nav-link {
    padding-right: 0;
    padding-left: 0;
    font-size: 8px;
  }

  .settings-wallet-ledger-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .settings-wallet-row-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
    width: 100%;
    min-width: 0;
  }

  .settings-wallet-row-actions button {
    min-width: 0;
    padding-right: 7px;
    padding-left: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (min-width: 1320px) {
  .settings-layout {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Host seam for the mechanically transferred Pool Search ready mobile UI.
   All visual declarations live in the transferred source style block. */
#pool-search-mobile-prototype {
  display: none !important;
}

html[data-presentation-profile="mobile"] body:has(#view-pool-search.active) .app-sidebar,
html[data-presentation-profile="mobile"] body:has(#view-pool-search.active) .app-main > .app-header {
    display: none !important;
}

html[data-presentation-profile="mobile"] body:has(#view-pool-search.active) .app-shell,
html[data-presentation-profile="mobile"] body:has(#view-pool-search.active) .app-main,
html[data-presentation-profile="mobile"] #view-pool-search {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

html[data-presentation-profile="mobile"] #view-pool-search > :not(#pool-search-mobile-prototype) {
    display: none !important;
  }

html[data-presentation-profile="mobile"] #pool-search-mobile-prototype {
    display: block !important;
}
.history-repair-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.toast-item.multihop-accent {
  border-color: rgba(155, 207, 255, 0.5);
}

.toast-item.multihop-accent strong {
  color: #9bcfff;
}

.history-repair-button {
  flex: 0 0 auto;
}

#history-repair-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Select collapsed desktop groups through the shared Manage selection. */
html[data-presentation-profile="pc"] .manage-group-toggle-open .manage-header-group-check { order: -1; flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; box-sizing: border-box; margin: 0 0 0 12px; accent-color: #31d1a1; cursor: pointer; }
/* apps/web/styles/license.css */
.settings-card { padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at top right, rgba(49,209,161,.08), transparent 42%), var(--panel-soft); }
.settings-card-head { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.settings-card-head span { color: var(--muted); font-size: 11px; }
.settings-card-head h3 { margin: 4px 0 0; }
.non-live-chip { padding: 5px 8px; border: 1px solid rgba(243,197,98,.25); border-radius: 999px; color: var(--gold) !important; letter-spacing: .07em; }
.license-gate { width: min(440px, 100%); margin-top: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: rgba(6,8,11,.5); }
.license-gate p { margin-top: 0; color: var(--muted); line-height: 1.5; }
.license-gate button, .license-action { min-height: 44px; border: 1px solid rgba(49,209,161,.24); border-radius: 11px; padding: 0 16px; background: rgba(49,209,161,.12); color: var(--text); }
.license-gate button:disabled { cursor: not-allowed; opacity: .55; }
.license-device-list { display: grid; gap: 14px; }
.license-device-card { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.license-dialog { --bl-overlay-viewport-height: 100dvh; --bl-overlay-keyboard-offset: 0px; width: min(560px, 100%); max-height: min(calc(var(--bl-overlay-viewport-height, 100dvh) - 48px), calc(100dvh - 48px - var(--bl-overlay-keyboard-offset, 0px))); overflow: auto; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel-soft); box-shadow: var(--shadow); }
.license-dialog h3 { color: var(--text); }
.license-dialog::backdrop { background: rgba(1,4,8,.78); backdrop-filter: blur(7px); }
.license-self-panel, .settings-device-center { width: 100%; }
.settings-device-center { align-self: start; }
.settings-device-center .settings-card-head { align-items: center; margin-bottom: 12px; }
.settings-device-center .settings-card-head h2 { margin: 0; }
.settings-device-center .settings-card-head p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.license-toolbar, .license-device-head, .license-meta-row, .license-dialog-actions { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.license-toolbar { margin-bottom: 12px; }
.license-panel-state { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.license-refresh-action { width: 32px; height: 32px; min-height: 32px; display: inline-grid; place-items: center; flex: 0 0 32px; padding: 0; border-radius: 9px; }
.license-refresh-icon { width: 15px; height: 15px; }
.license-refresh-action:disabled .license-refresh-icon { animation: license-refresh-spin .9s linear infinite; }
.license-device-section { display: grid; gap: 7px; }
.license-section-title { margin: 0; color: var(--muted); font-size: 12px; font-weight: 600; }
.license-device-row { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 62px; padding: 10px 13px; border: 1px solid rgba(137,153,179,.13); border-radius: 12px; background: rgba(11,20,29,.72); }
.license-device-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--green); background: rgba(49,209,161,.09); }
.license-device-icon svg { width: 21px; height: 21px; }
.license-device-identity { min-width: 0; display: grid; gap: 4px; }
.license-device-name { min-width: 0; display: flex; align-items: center; gap: 10px; }
.license-device-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.license-device-identity time { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.license-current-chip { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; color: var(--green); font-size: 9px; font-weight: 700; background: rgba(49,209,161,.11); }
.license-device-action { display: flex; align-items: center; gap: 8px; }
.license-device-row .license-action { min-height: 38px; margin: 0; padding: 0 14px; }
.license-revoke-action { width: 32px; height: 32px; min-height: 32px; display: inline-grid; place-items: center; flex: 0 0 32px; padding: 0; border-radius: 9px; }
.license-device-row .license-revoke-action { min-height: 32px; padding: 0; }
.license-revoke-action svg { width: 16px; height: 16px; }
.license-status { text-transform: capitalize; }
.license-status.status-active, .status-active .device-status, .status-available .device-status { color: var(--green); }
.license-status.status-blocked, .license-status.status-expired, .status-revoked .device-status, .clock-skew { color: var(--red); }
.license-meta-row { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.license-meta-row time { color: var(--text); text-align: right; }
.license-device-head > div { min-width: 0; display: grid; gap: 5px; }
.slot-label { color: var(--muted); font-size: 11px; }
.device-status { flex: 0 0 auto; color: var(--muted); font-size: 11px; text-transform: capitalize; }
.license-device-card .license-action { margin-top: 12px; }
.license-danger-outline { border-color: rgba(255,107,126,.3); background: rgba(255,107,126,.08); }
.license-warning { color: var(--gold); line-height: 1.55; }
.license-dialog-actions { justify-content: flex-end; margin-top: 20px; }
.license-danger { min-height: 52px; border-color: rgba(255,107,126,.5); background: #a93149; }
.state-offline, .state-stale, .state-unauthorized, .state-corrupt, .state-unsupported, .state-ambiguous-operation { color: var(--gold); }
@keyframes license-refresh-spin { to { transform: rotate(360deg); } }
@media (max-width: 720px) { .settings-card-head { flex-direction: column; } .settings-device-center .settings-card-head { flex-direction: row; align-items: flex-start; } .license-gate { width: 100%; } .license-dialog { max-height: min(calc(var(--bl-overlay-viewport-height, 100dvh) - 24px), calc(100dvh - 24px - var(--bl-overlay-keyboard-offset, 0px))); padding: 16px; } .license-device-row { grid-template-columns: 34px minmax(0, 1fr); } .license-device-action { grid-column: 2; justify-content: flex-start; } }
/* apps/web/styles/public-access-gate.css */
:root {
  --public-bg: #020706;
  --public-text: #f5f7f7;
  --public-muted: #9aa8a5;
  --public-line: rgba(148, 177, 170, 0.23);
  --public-emerald: #17d49d;
  --public-gold: #d4a33a;
  --public-font: "Manrope", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}

.public-access-gate { position: fixed; inset: 0; z-index: 10000; min-height: 100dvh; overflow: auto; color: var(--public-text); background: var(--public-bg); font-family: var(--public-font); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.public-access-gate, .public-access-gate * { box-sizing: border-box; }
.public-access-gate[hidden] { display: none; }
.app-shell[hidden] { display: none !important; }

.public-access-hero { position: relative; min-height: 100svh; overflow: hidden; isolation: isolate; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); background: radial-gradient(60% 76% at 81% 48%, rgba(0,96,71,.08), transparent 72%), linear-gradient(105deg, #020706 0%, #020807 48%, #03100d 100%); }
.public-access-hero__background { --px: 0px; --py: 0px; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: url("../assets/landing/hero-bg.webp"); background-size: cover; background-repeat: no-repeat; background-position: center; transform: translate3d(var(--px), var(--py), 0) scale(1.006); transform-origin: center; filter: saturate(1.02) contrast(1.015) brightness(.995); will-change: transform; animation: public-background-in 1.1s cubic-bezier(.2,.7,.2,1) both; }
.public-access-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(1,5,5,.24) 0%, rgba(1,5,5,.14) 26%, rgba(1,5,5,.06) 45%, transparent 63%), linear-gradient(0deg, rgba(1,5,5,.24), transparent 25%); }
.public-access-ambient { position: absolute; z-index: 1; border-radius: 999px; filter: blur(90px); opacity: .16; pointer-events: none; }
.public-access-ambient--green { width: 390px; height: 390px; right: 18%; bottom: -24%; background: #008a63; }
.public-access-ambient--gold { width: 250px; height: 250px; right: 4%; top: -14%; background: #7a5512; opacity: .12; }

.public-access-brand { position: absolute; z-index: 5; top: clamp(26px, 5.4vh, 58px); left: clamp(28px, 5vw, 82px); display: inline-flex; align-items: center; gap: 12px; user-select: none; }
.public-access-brand__mark { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(205,156,44,.16)); }
.public-access-brand__name { font-size: 25px; line-height: 1; font-weight: 680; letter-spacing: -.02em; }
.public-access-language { position: absolute; z-index: 6; top: clamp(28px, 5.4vh, 58px); right: clamp(28px, 4.6vw, 78px); min-width: 52px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(31,218,164,.38); border-radius: 9px; background: rgba(3,10,9,.28); color: #dffaf1; font: 700 12px/1 var(--public-font); letter-spacing: .07em; cursor: pointer; backdrop-filter: blur(10px); transition: transform .18s ease, background .18s ease; }
.public-access-language:hover { transform: translateY(-1px); background: rgba(7,23,19,.52); }

.public-access-hero__content { position: relative; z-index: 4; width: min(760px, 48vw); margin-left: clamp(72px, 9.5vw, 184px); padding-top: clamp(174px, 25vh, 264px); padding-bottom: 72px; animation: public-content-in .8s cubic-bezier(.2,.7,.2,1) both; }
.public-access-hero__title { margin: 0; max-width: 760px; font-size: clamp(54px, 5.55vw, 84px); line-height: .995; letter-spacing: -.004em; font-weight: 560; }
.public-access-hero__title > span { display: block; white-space: nowrap; }
.public-access-hero__title-accent { margin-top: .075em; color: #16c493; }
.public-access-gate[data-language="ru"] .public-access-hero__title { font-size: clamp(48px, 4.85vw, 74px); }
.public-access-hero__description { max-width: 590px; margin: 30px 0 0; color: var(--public-muted); font-size: clamp(17px, 1.3vw, 21px); line-height: 1.54; font-weight: 410; letter-spacing: -.008em; }

.public-access-actions { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 39px; }
.public-access-action { position: relative; display: inline-flex; min-height: 60px; align-items: center; justify-content: center; gap: 12px; padding: 0 24px; border: 1px solid var(--public-line); border-radius: 10px; background: rgba(6,14,13,.5); color: #eef3f1; font-size: 15.5px; font-weight: 640; letter-spacing: -.008em; text-decoration: none; backdrop-filter: blur(10px); transition: transform .22s ease, background .22s ease; }
.public-access-action[aria-disabled="true"] { pointer-events: none; opacity: .55; }
.public-access-action__icon { width: 24px; height: 24px; display: inline-grid; place-items: center; }
.public-access-action__icon svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.public-access-action--channel .public-access-action__icon svg path { fill: currentColor; stroke: none; }
.public-access-action--license { color: #f0c869; border-color: rgba(212,163,58,.52); box-shadow: inset 0 0 0 1px rgba(212,163,58,.035); }
.public-access-action--license span:last-child, .public-access-action--channel span:last-child { color: #eef3f1; }
.public-access-action--channel { color: var(--public-emerald); border-color: rgba(31,218,164,.32); }
.public-access-action:hover { transform: translateY(-2px); background: rgba(10,25,21,.78); }

.public-access-authorization { display: flex; align-items: center; gap: 13px; min-height: 44px; margin-top: 23px; color: #899792; font-size: 14px; }
.public-access-authorization__label { white-space: nowrap; }
.public-access-authorization__button { display: inline-flex; min-height: 44px; align-items: center; gap: 7px; padding: 0 20px; border: 1px solid rgba(26,202,147,.36); border-radius: 8px; color: #24cf9c; background: rgba(2,11,9,.58); font-size: 15px; font-weight: 640; text-decoration: none; transition: color .2s ease, background .2s ease, transform .2s ease; }
.public-access-authorization__button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.public-access-authorization__button:hover { color: #6de7c4; background: rgba(6,29,23,.72); transform: translateY(-1px); }
.public-access-authorization__button:hover svg { transform: translateX(2px); }
.public-access-content, #public-access-content { display: none; max-width: 590px; margin-top: 24px; scroll-margin: 28px; }
.public-access-gate[data-authorization-expanded="true"] #public-access-content:not(:empty) { display: block; }
#public-access-content .settings-card { margin: 0; }
#public-access-content.license-authorization-panel { padding: 22px; border: 1px solid rgba(31,218,164,.24); border-radius: 12px; background: rgba(2,11,9,.82); backdrop-filter: blur(16px); }
.public-access-language:focus-visible, .public-access-action:focus-visible, .public-access-authorization__button:focus-visible, .public-access-content button:focus-visible, .public-access-content a:focus-visible { outline: 2px solid #54e3ba; outline-offset: 3px; }

@keyframes public-content-in { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes public-background-in { from { opacity: 0; transform: translate3d(20px,5px,0) scale(1.012); } to { opacity: 1; transform: translate3d(0,0,0) scale(1.006); } }

@media (max-width: 1250px) {
  .public-access-hero__content { width: min(700px, 52vw); margin-left: clamp(52px, 7vw, 96px); }
  .public-access-hero__background { background-position: 58% center; }
  .public-access-hero::after { background: linear-gradient(90deg, rgba(1,5,5,.4) 0%, rgba(1,5,5,.26) 40%, rgba(1,5,5,.07) 65%, transparent 84%), linear-gradient(0deg, rgba(1,5,5,.34), transparent 28%); }
}

@media (max-width: 720px) {
  .public-access-hero { min-height: 100svh; display: flex; flex-direction: column; }
  .public-access-brand { position: relative; top: auto; left: auto; margin: 25px 24px 0; }
  .public-access-brand__mark { width: 38px; height: 38px; }
  .public-access-brand__name { font-size: 22px; }
  .public-access-language { top: 25px; right: 20px; min-width: 46px; min-height: 44px; padding: 0 11px; font-size: 11px; }
  .public-access-hero__content { width: auto; margin: 0; padding: 72px 24px 48px; z-index: 5; }
  .public-access-hero__title { max-width: 590px; font-size: clamp(32px, 9.5vw, 48px); line-height: 1.01; letter-spacing: 0; font-weight: 550; }
  .public-access-gate[data-language="ru"] .public-access-hero__title { font-size: clamp(28px, 8.2vw, 44px); }
  .public-access-hero__description { max-width: 520px; margin-top: 23px; font-size: 16px; line-height: 1.55; }
  .public-access-actions { margin-top: 31px; gap: 10px; }
  .public-access-action { min-height: 53px; padding: 0 18px; font-size: 14px; border-radius: 9px; }
  .public-access-action__icon, .public-access-action__icon svg { width: 20px; height: 20px; }
  .public-access-authorization { margin-top: 18px; gap: 10px; flex-wrap: wrap; font-size: 13px; }
  .public-access-authorization__button { min-height: 44px; padding-inline: 17px; font-size: 14px; }
  .public-access-hero__background { background-size: auto 100%; background-position: 70% center; opacity: .5; transform: none; }
  .public-access-hero::after { background: linear-gradient(90deg, rgba(1,5,5,.89) 0%, rgba(1,5,5,.8) 60%, rgba(1,5,5,.58) 100%), linear-gradient(0deg, rgba(1,5,5,.67), transparent 45%); }
}

@media (max-width: 430px) {
  .public-access-brand { max-width: 180px; }
  .public-access-actions { display: grid; grid-template-columns: 1fr; max-width: 320px; }
  .public-access-action { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .public-access-gate *, .public-access-gate *::before, .public-access-gate *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* Keep recovery instructions visible; the Settings status uses a screen-reader-only rule. */
#public-access-content.license-authorization-panel .license-panel-state { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; color: var(--public-muted); line-height: 1.5; margin: 12px 0; }
#public-access-content.license-authorization-panel .license-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 14px; margin: 4px 8px 4px 0; border: 1px solid var(--public-line); border-radius: 8px; background: rgba(6,29,23,.72); color: var(--public-text); font: inherit; text-decoration: none; }
#public-access-content.license-authorization-panel .license-authorization-expiry { display: block; margin: 8px 0; color: var(--public-muted); font-size: 12px; overflow-wrap: anywhere; }
/* apps/web/styles/release/pc_responsive.css */
/* Local review candidate. Every rule is restricted to the existing PC profile.
   Wide PC (>1750 CSS px) and the mobile presentation keep their original CSS. */
@media (max-width: 1750px) {
  html[data-presentation-profile="pc"] .app-shell { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 16px; width: min(1760px,calc(100% - 24px)); min-width: 0; min-height: 0; margin: 12px auto 24px; padding: 0; }
  /* Owner requirement: desktop navigation must remain exactly on the left,
     including at widths where legacy media rules moved it to the bottom. */
  html[data-presentation-profile="pc"] .app-sidebar { display: flex; flex-direction: column; position: sticky; inset: 12px auto auto; z-index: auto; width: 220px; height: clamp(560px,calc(100vh - 180px),760px); min-height: 0; padding: 14px 12px; border: 1px solid var(--line); border-radius: 20px; background: rgba(12,16,21,.96); }
  html[data-presentation-profile="pc"] .brand-block { display: flex; gap: 12px; padding: 8px 6px 18px; }
  html[data-presentation-profile="pc"] .brand-block strong { font-size: 15px; }
  html[data-presentation-profile="pc"] .app-nav { display: grid; gap: 8px; }
  html[data-presentation-profile="pc"] .app-nav-footer { margin-top: auto; padding-top: 8px; }
  html[data-presentation-profile="pc"] .app-sidebar .nav-link { display: block; min-width: 0; min-height: 0; width: 100%; height: auto; padding: 12px 14px; border-radius: 10px; font-size: 16px; text-align: center; overflow-wrap: normal; }
  html[data-presentation-profile="pc"] .app-main { min-width: 0; }
  html[data-presentation-profile="pc"] .app-header { flex-wrap: wrap; gap: 10px; }
  html[data-presentation-profile="pc"] .header-status-bar { min-width: 0; max-width: 100%; flex-wrap: wrap; }
  html[data-presentation-profile="pc"] .search-panel { padding: 12px; }
  html[data-presentation-profile="pc"] .search-box { grid-template-columns: minmax(150px,1fr) repeat(3,auto); gap: 8px; }
  html[data-presentation-profile="pc"] .search-box > button { min-width: 0; padding-inline: 14px; }
  html[data-presentation-profile="pc"] .toolbar-main { display: grid; grid-template-columns: minmax(120px,1fr) minmax(132px,1.15fr) minmax(105px,.9fr) minmax(210px,1.65fr) minmax(112px,1fr) minmax(130px,1.05fr); gap: 8px; align-items: end; }
  html[data-presentation-profile="pc"] .toolbar-main :is(.field,.pool-chain-selector,.network-select,select,fieldset.field.pool-type-filter-field) { width: 100%; min-width: 0; max-width: 100%; }
  html[data-presentation-profile="pc"] .toolbar-main .pool-type-filter { width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
  html[data-presentation-profile="pc"] .toolbar-main .pool-type-filter label { min-width: 0; padding-inline: 4px; }
  html[data-presentation-profile="pc"] .toolbar-advanced { grid-template-columns: repeat(8,minmax(0,1fr)); gap: 8px; }
  html[data-presentation-profile="pc"] .toolbar-advanced .field { min-width: 0; }
  html[data-presentation-profile="pc"] .toolbar-advanced input { width: 100%; min-width: 0; min-height: 34px; height: 34px; padding: 6px 8px; }
  html[data-presentation-profile="pc"] .filter-presets { margin-top: 10px; }
  html[data-presentation-profile="pc"] .filter-preset-save { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
  html[data-presentation-profile="pc"] .filter-preset-name { flex: 0 1 230px; width: auto; }
  html[data-presentation-profile="pc"] .filter-preset-save-button { width: auto; flex: 0 0 auto; }
  html[data-presentation-profile="pc"] .filter-preset-feedback:empty { margin: 0; min-height: 0; }
  html[data-presentation-profile="pc"] .manage-layout { display: flex; flex-direction: column; gap: 12px; }
  html[data-presentation-profile="pc"] .manage-layout > .sidebar { order: -1; width: 100%; min-width: 0; }
  html[data-presentation-profile="pc"] .keystore-compact-card { display: grid; grid-template-columns: minmax(170px,.7fr) minmax(260px,1.6fr); gap: 8px 16px; align-items: start; padding: 12px; }
  html[data-presentation-profile="pc"] .keystore-compact-card .keystore-form { display: grid; grid-template-columns: minmax(180px,1fr) minmax(200px,1fr); gap: 8px; grid-column: 2; grid-row: 1 / span 3; }
  html[data-presentation-profile="pc"] .keystore-compact-card .keystore-form > :is(p,.keystore-status) { grid-column: 1 / -1; }
  html[data-presentation-profile="pc"] .manage-main { min-width: 0; width: 100%; }
  html[data-presentation-profile="pc"] .manage-summary-strip { grid-template-columns: repeat(5,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .manage-card-head-compact { flex-wrap: wrap; gap: 10px; }
  html[data-presentation-profile="pc"] .manage-batch-actions { flex-wrap: wrap; gap: 8px; }
  html[data-presentation-profile="pc"] .manage-table { min-width: 0; width: 100%; table-layout: fixed; }
  html[data-presentation-profile="pc"] .manage-table :is(th,td) { padding-inline: 7px; overflow-wrap: normal; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(1) { width: 2.5%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(2) { width: 10%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(3) { width: 5%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(4) { width: 4.5%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(5) { width: 14%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(6) { width: 5%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(7) { width: 5.5%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(8) { width: 12%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(9) { width: 7%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(10) { width: 6%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(11) { width: 15%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) th:nth-child(12) { width: 13.5%; }
  html[data-presentation-profile="pc"] .closed-table :is(th,td):first-child { width: 26%; text-align: left; }
  html[data-presentation-profile="pc"] .manage-group-summary { flex-shrink: 0; min-width: 220px; }
  html[data-presentation-profile="pc"] .manage-group-toggle .manage-group-summary { grid-template-columns: repeat(3,minmax(60px,max-content)); width: auto; flex: 0 0 auto; }
  html[data-presentation-profile="pc"] .manage-group-summary strong { white-space: nowrap; }
  html[data-presentation-profile="pc"] :is(.range-progress,.range-meter,.range-meter-compact) { min-width: 0; width: 100%; }
  html[data-presentation-profile="pc"] .manage-range-cell { min-width: 0; }
  html[data-presentation-profile="pc"] .manage-range-bounds { white-space: normal; }
  html[data-presentation-profile="pc"] .manage-group-mainline { flex-wrap: wrap; }
  html[data-presentation-profile="pc"] .manage-group-open-title-block .manage-group-mainline { grid-template-columns: minmax(100px,1fr) auto auto auto; }
  html[data-presentation-profile="pc"] .manage-group-title { max-width: 100%; white-space: normal; overflow: visible; }
  html[data-presentation-profile="pc"] .manage-group-title-block { width: auto; min-width: 0; flex: 1 1 360px; }
  html[data-presentation-profile="pc"] .manage-group-toggle { flex-wrap: wrap; }
  html[data-presentation-profile="pc"] .history-table { width: 100%; min-width: 0; }
  html[data-presentation-profile="pc"] .history-table :is(th,td) { overflow-wrap: normal; padding-inline: 6px; }
  html[data-presentation-profile="pc"] .history-table :is(strong,small,span,button) { max-width: 100%; white-space: normal; }
  html[data-presentation-profile="pc"] .history-top-grid { grid-template-columns: minmax(260px,.85fr) minmax(0,1.5fr); }
  html[data-presentation-profile="pc"] :is(.history-table-heading,.history-table-actions,.history-controls,.history-pagination) { flex-wrap: wrap; }
  html[data-presentation-profile="pc"] .create-hero { grid-template-columns: minmax(0,1fr) minmax(190px,.3fr); gap: 12px; }
  html[data-presentation-profile="pc"] .create-hero-facts-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] :is(.create-hero,.create-entry-setup-card,.create-action-card,.create-controls-shell) { min-width: 0; }
  html[data-presentation-profile="pc"] .create-control-grid { grid-template-columns: minmax(0,1fr) minmax(125px,.5fr) minmax(85px,.35fr); }
  html[data-presentation-profile="pc"] .create-hero-facts-grid > * { min-width: 0; overflow-wrap: anywhere; }
  html[data-presentation-profile="pc"] .settings-layout { width: 100%; min-width: 0; grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] :is(.settings-card,.settings-card input,.settings-card select,.swap-studio,.swap-studio-card,.swap-studio-grid) { min-width: 0; max-width: 100%; }
  html[data-presentation-profile="pc"] :is(.modal-dialog,.settings-modal-dialog,.history-share-dialog) { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; }
}


/* Existing PC table cells flow into labeled rows when a single line cannot
   remain readable. No data, actions or mobile components are removed. */
@media (max-width: 1400px) {
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table),
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody { display: block; width: 100%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr { display: grid; grid-template-columns: 28px repeat(5,minmax(0,1fr)); grid-template-areas: 'check token token age fee value' 'check range range fees pnl status' 'check progress progress actions actions actions'; gap: 8px 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr[hidden] { display: none; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td { width: auto; min-width: 0; padding: 6px 0; border: 0; text-align: left; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:first-child { grid-area: check; text-align: center; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(2) { grid-area: token; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(3) { grid-area: age; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(4) { grid-area: fee; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(5) { grid-area: range; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(6) { grid-area: actions; justify-self: end; align-self: start; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(7) { grid-area: value; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(8) { grid-area: fees; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(9) { grid-area: pnl; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(10) { grid-area: status; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(11) { grid-area: progress; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:nth-child(12) { grid-area: actions; padding-right: 64px; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr:has(td[colspan]) { display: block; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td[colspan] { display: block; width: 100%; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td:not([colspan])::before { display: block; color: #93a0b1; font: 10px 'Segoe UI',sans-serif; margin-bottom: 6px; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(2)::before { content: 'TOKEN'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(3)::before { content: 'AGE'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(4)::before { content: 'FEE'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(5)::before { content: 'PRICE RANGE'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(6)::before { content: 'ADD'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(7)::before { content: 'VALUE'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(8)::before { content: 'FEES'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(9)::before { content: 'PNL'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(10)::before { content: 'STATUS'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(11)::before { content: 'RANGE PROGRESS'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) td:nth-child(12)::before { content: 'ACTIONS'; }
}

@media (max-width: 1250px) {
  html[data-presentation-profile="pc"] .toolbar-main { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .toolbar-main .pool-type-filter-field { grid-column: auto; }
  html[data-presentation-profile="pc"] .toolbar-advanced { grid-template-columns: repeat(6,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .create-hero-facts-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .settings-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 1100px) {
  html[data-presentation-profile="pc"] .history-top-grid { grid-template-columns: minmax(0,1fr); }
  html[data-presentation-profile="pc"] .keystore-compact-card { grid-template-columns: minmax(0,1fr); }
  html[data-presentation-profile="pc"] .keystore-compact-card .keystore-form { grid-column: 1; grid-row: auto; }
  html[data-presentation-profile="pc"] .history-table,
  html[data-presentation-profile="pc"] .history-table tbody { display: block; width: 100%; }
  html[data-presentation-profile="pc"] .history-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  html[data-presentation-profile="pc"] .history-table colgroup { display: none; }
  html[data-presentation-profile="pc"] .history-table tbody > tr { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px 16px; padding: 12px; border-bottom: 1px solid #263d48; }
  html[data-presentation-profile="pc"] .history-table tbody > tr[hidden] { display: none; }
  html[data-presentation-profile="pc"] .history-table tbody > tr > td { width: auto; min-width: 0; height: auto; padding: 4px; border: 0; text-align: left; }
  html[data-presentation-profile="pc"] .history-table td[colspan] { grid-column: 1 / -1; }
  html[data-presentation-profile="pc"] .history-table td:not([colspan])::before { position: static; display: block; border: 0; width: auto; color: #93a0b1; font: 10px 'Segoe UI',sans-serif; margin-bottom: 6px; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(1)::before { content: 'POSITION'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(2)::before { content: 'NETWORK / DEX'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(3)::before { content: 'AGE'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(4)::before { content: 'DEPOSIT'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(5)::before { content: 'FEES'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(6)::before { content: 'PNL'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(7)::before { content: 'OPENED'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(8)::before { content: 'CLOSED'; }
  html[data-presentation-profile="pc"] .history-table td:nth-child(9)::before { content: 'SHARE'; }
}

@media (max-width: 800px) {
  html[data-presentation-profile="pc"] .toolbar-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .toolbar-advanced { grid-template-columns: repeat(4,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .search-box { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .search-box input { grid-column: 1 / -1; }
  html[data-presentation-profile="pc"] .create-hero { grid-template-columns: minmax(0,1fr); }
  html[data-presentation-profile="pc"] .create-hero-facts-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .manage-summary-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .settings-layout { grid-template-columns: minmax(0,1fr); }
}

@media (min-width: 801px) and (max-width: 1160px) {
  html[data-presentation-profile="pc"] .search-box #pool-query { grid-column: auto; }
  html[data-presentation-profile="pc"] .search-box > button { width: auto; }
}
@media (min-width: 950px) and (max-width: 1160px) {
  html[data-presentation-profile="pc"] .create-main-grid-reimagined { grid-template-columns: minmax(0,1.4fr) minmax(300px,.85fr); }
}

/* Tablet refinement: retain PC navigation and controls, with denser content.
   Approved laptop widths above 1100px and the mobile profile are unaffected. */
@media (min-width: 621px) and (max-width: 1100px) {
  html[data-presentation-profile="pc"] .app-header { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
  html[data-presentation-profile="pc"] .app-header > div:first-child { width: 100%; min-width: 0; }
  html[data-presentation-profile="pc"] .header-status-bar { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); width: 100%; gap: 6px; }
  html[data-presentation-profile="pc"] .header-status-bar .status-card { min-width: 0; padding: 8px; border-radius: 10px; }
  html[data-presentation-profile="pc"] .header-status-bar .status-card strong { font-size: 12px; overflow-wrap: anywhere; }
  html[data-presentation-profile="pc"] .header-status-bar .status-card span { font-size: 10px; }
  html[data-presentation-profile="pc"] .create-entry-head,
  html[data-presentation-profile="pc"] .create-card-header,
  html[data-presentation-profile="pc"] .create-hero-heading-row { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; }
  html[data-presentation-profile="pc"] .create-entry-setup-card .strategy-switch { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html[data-presentation-profile="pc"] .create-entry-setup-card .strategy-button { min-height: 64px; padding: 10px; }
  html[data-presentation-profile="pc"] .create-entry-fields .create-control-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,.7fr); gap: 8px; }
  html[data-presentation-profile="pc"] .create-entry-inline-meta { display: flex; flex-wrap: wrap; }
  html[data-presentation-profile="pc"] .builder-range-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html[data-presentation-profile="pc"] .builder-range-grid .range-center-card { grid-column: 1 / -1; grid-row: 1; min-height: 0; padding: 10px; }
  html[data-presentation-profile="pc"] .range-input-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html[data-presentation-profile="pc"] .range-column { padding: 10px; }
  html[data-presentation-profile="pc"] .create-preview-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html[data-presentation-profile="pc"] .create-preview-summary .row { min-width: 0; padding: 8px; }
  html[data-presentation-profile="pc"] .create-hero { padding: 12px; }
  html[data-presentation-profile="pc"] .create-hero-facts-grid { gap: 6px; }
  html[data-presentation-profile="pc"] .hero-fact-card { padding: 8px; }
  html[data-presentation-profile="pc"] .manage-summary-strip { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
  html[data-presentation-profile="pc"] .manage-summary-strip > * { min-width: 0; padding: 8px; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr { gap: 5px 8px; padding-block: 8px; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr > td { padding-block: 3px; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr.manage-total-row:has(td[colspan]) { display: grid; grid-template-columns: 28px minmax(45px,.6fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr); grid-template-areas: 'check token value fees pnl'; gap: 8px; padding: 10px 0; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td { grid-area: auto; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(1) { grid-area: check; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(2) { grid-area: token; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(4) { grid-area: value; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(5) { grid-area: fees; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(6) { grid-area: pnl; justify-self: stretch; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:empty { display: none; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td::before { content: none; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td:nth-child(4)::before { content: 'VALUE'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td:nth-child(5)::before { content: 'FEES'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td:nth-child(6)::before { content: 'PNL'; }
  html[data-presentation-profile="pc"] .history-table tbody > tr { gap: 6px 12px; padding: 8px; }
  html[data-presentation-profile="pc"] .history-table tbody > tr > td { padding: 3px; }
  html[data-presentation-profile="pc"] .toolbar-main { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .toolbar-main .pool-type-filter-field { grid-column: span 2; }
  html[data-presentation-profile="pc"] .toolbar-main .pool-type-filter { min-height: 34px; }
  html[data-presentation-profile="pc"] .toolbar .field { margin: 0; gap: 4px; }
  html[data-presentation-profile="pc"] .toolbar-advanced { gap: 8px; }
  html[data-presentation-profile="pc"] .filter-presets { grid-template-columns: minmax(0,1fr); gap: 6px; }
  html[data-presentation-profile="pc"] .filter-preset-list:empty { min-height: 0; }
  html[data-presentation-profile="pc"] .history-summary-panel,
  html[data-presentation-profile="pc"] .history-profit-panel { padding: 12px; }
  html[data-presentation-profile="pc"] .history-summary-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-presentation-profile="pc"] .history-summary-item { min-width: 0; min-height: 64px; gap: 6px; padding: 8px; border: 0; }
  html[data-presentation-profile="pc"] .history-summary-item strong { font-size: 17px; }
  html[data-presentation-profile="pc"] .history-metric-icon { width: 26px; height: 26px; flex: 0 0 26px; }
  html[data-presentation-profile="pc"] .history-chart-wrap { height: 240px; }
  html[data-presentation-profile="pc"] .hero-fact-card { min-height: 48px; }
  html[data-presentation-profile="pc"] .create-hero-price-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 6px 12px; }
  html[data-presentation-profile="pc"] .create-hero-price-panel .hero-price-label { grid-column: 1; margin-bottom: 0; }
  html[data-presentation-profile="pc"] .create-hero-price-panel .hero-price-value { grid-column: 1; }
  html[data-presentation-profile="pc"] .create-hero-price-meta { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
}
/* Expanded PC positions: one dedicated right action column, no shared cells. */
@media (max-width: 1400px) {
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr[data-position-key] {
    grid-template-columns: 24px repeat(4,minmax(0,1fr)) 112px;
    grid-template-areas: 'check token token age fee actions' 'check range range value pnl actions' 'check progress progress fees status add';
    gap: 12px 16px; padding: 16px 0; align-items: start;
  }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr[data-position-key] > td { align-self: start; padding: 0; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr[data-position-key] > td:nth-child(6) { grid-area: add; justify-self: stretch; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr[data-position-key] > td:nth-child(12) { grid-area: actions; padding: 0; justify-self: stretch; }
  html[data-presentation-profile="pc"] .manage-table tr[data-position-key] .manage-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 6px; width: 100%; }
  html[data-presentation-profile="pc"] .manage-table tr[data-position-key] .manage-actions button { width: 100%; min-height: 34px; padding: 7px 8px; white-space: nowrap; border-radius: 8px; }
  html[data-presentation-profile="pc"] .manage-table tr[data-position-key] .manage-add-button { width: 100%; min-height: 32px; }
  html[data-presentation-profile="pc"] .manage-table tr[data-position-key] .manage-fee-stack span { line-height: 1.45; }
  html[data-presentation-profile="pc"] .manage-table tr[data-position-key] .manage-range-bounds { line-height: 1.4; }
  html[data-presentation-profile="pc"] .manage-group-toggle { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 12px; }
  html[data-presentation-profile="pc"] .manage-group-open-title-block { width: 100%; min-width: 0; }
  html[data-presentation-profile="pc"] .manage-group-toggle .manage-group-summary { min-width: 0; grid-template-columns: repeat(3,minmax(64px,1fr)); gap: 12px; }
}
@media (max-width: 950px) {
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr[data-position-key] {
    grid-template-columns: 20px repeat(2,minmax(0,1fr)) 106px;
    grid-template-areas: 'check token token actions' 'check age fee actions' 'check value pnl actions' 'check range range add' 'check fees status .' 'check progress progress .';
    gap: 12px 12px;
  }
  html[data-presentation-profile="pc"] .manage-group-toggle { grid-template-columns: minmax(0,1fr); gap: 10px; }
  html[data-presentation-profile="pc"] .manage-group-toggle .manage-group-summary { width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); padding-top: 8px; border-top: 1px solid var(--line); }
  html[data-presentation-profile="pc"] .manage-group-open-title-block .manage-group-mainline { grid-template-columns: minmax(0,1fr) auto auto auto; }
}

@media (max-width: 1400px) {
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > tr.manage-total-row:has(td[colspan]) { display: grid; grid-template-columns: 28px minmax(45px,.6fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr); grid-template-areas: 'check token value fees pnl'; gap: 8px; padding: 10px 0; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td { grid-area: auto; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(1) { grid-area: check; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(2) { grid-area: token; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(4) { grid-area: value; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(5) { grid-area: fees; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:nth-child(6) { grid-area: pnl; justify-self: stretch; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td:empty { display: none; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td::before { content: none; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td:nth-child(4)::before { content: 'VALUE'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td:nth-child(5)::before { content: 'FEES'; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) .manage-total-row > td:nth-child(6)::before { content: 'PNL'; }

}

@media (max-width: 1400px) {
  html[data-presentation-profile="pc"] .manage-table .manage-row-check { width: 16px; height: 16px; min-height: 16px; max-height: 16px; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open { grid-template-columns: 20px minmax(0,1fr) auto 112px; grid-template-areas: 'caret title title title' '. count daily add' '. summary summary summary'; gap: 10px 12px; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-caret { grid-area: caret; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-title-block { grid-area: title; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-count-chip { grid-area: count; justify-self: start; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-daily-fees { grid-area: daily; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-add-slot { grid-area: add; width: 100%; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-add-slot button { width: 100%; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-summary { grid-area: summary; width: 100%; padding-top: 8px; border-top: 1px solid var(--line); }
  html[data-presentation-profile="pc"] .closed-table .manage-group-toggle { grid-template-columns: 20px minmax(0,1fr) minmax(220px,.7fr); }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td { align-self: center; padding: 6px 0; background: none; }
  html[data-presentation-profile="pc"] .manage-table:not(.closed-table) tbody > .manage-total-row > td[colspan] { width: auto; }
}
@media (max-width: 950px) {
  html[data-presentation-profile="pc"] .closed-table .manage-group-toggle { grid-template-columns: 20px minmax(0,1fr); }
  html[data-presentation-profile="pc"] .closed-table .manage-group-summary { grid-column: 2; }
}
@media (max-width: 1400px) {
  html[data-presentation-profile="pc"] .manage-group-caret { width: 20px; min-width: 20px; max-width: 20px; }
  html[data-presentation-profile="pc"] .manage-group-toggle-open > .manage-group-daily-fees { position: static; inset: auto; transform: none; width: auto; }
  html[data-presentation-profile="pc"] .closed-table .manage-group-title-block { width: auto; min-width: 0; }
}

/* Notebook wallet stays above the full-width, previously accepted Manage layout. */
@media (min-width: 1101px) and (max-width: 1750px) {
  html[data-presentation-profile="pc"] .keystore-compact-card { width: 100%; max-width: 860px; grid-template-columns: 230px minmax(0,1fr); gap: 6px 12px; padding: 10px 12px; }
  html[data-presentation-profile="pc"] .keystore-compact-card > * { min-width: 0; }
  html[data-presentation-profile="pc"] .keystore-compact-head { grid-column: 1; grid-row: 1; flex-direction: column; gap: 2px; }
  html[data-presentation-profile="pc"] .keystore-compact-head h3 { font-size: 18px; }
  html[data-presentation-profile="pc"] .keystore-compact-head > strong { text-align: left; }
  html[data-presentation-profile="pc"] .keystore-compact-card .metric-list { grid-column: 1; grid-row: 2; margin: 0; padding: 0; }
  html[data-presentation-profile="pc"] .keystore-compact-tools { grid-column: 1; grid-row: 3; }
  html[data-presentation-profile="pc"] .keystore-compact-tools > button { min-height: 32px; padding: 6px 12px; }
  html[data-presentation-profile="pc"] .keystore-compact-card .keystore-form { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: minmax(160px,1fr) minmax(220px,1.1fr); gap: 8px; margin: 0; }
  html[data-presentation-profile="pc"] .keystore-compact-card :is(input,select,.keystore-password-row > button) { min-width: 0; min-height: 36px; height: 36px; padding: 7px 10px; }
  html[data-presentation-profile="pc"] .keystore-compact-card .keystore-password-row { grid-template-columns: minmax(0,1fr) auto; gap: 6px; }
  html[data-presentation-profile="pc"] .keystore-compact-card .keystore-note { grid-column: 2; grid-row: 3; margin: 0; font-size: 12px; line-height: 1.4; }
}

/* Equal notebook search actions; Reset Filters must never wrap into two lines. */
@media (min-width: 1101px) and (max-width: 1750px) {
  html[data-presentation-profile="pc"] .search-box { grid-template-columns: minmax(150px,1fr) repeat(3,118px); }
  html[data-presentation-profile="pc"] .search-box > :is(#search-button,#pool-search-refresh-button,#reset-filters-button) { width: 118px; min-width: 118px; height: 44px; min-height: 44px; max-height: 44px; padding: 8px; line-height: 20px; white-space: nowrap; }
}