/* Shared visual language for the current exchange screens. */

html:has(.calm-ui) {
  scrollbar-gutter: stable;
}

.calm-ui {
  --calm-bg: #0b0e13;
  --calm-panel: #11141a;
  --calm-panel-soft: #171a21;
  --calm-field: #1f2229;
  --calm-field-hover: #272b33;
  --calm-text: #ffffff;
  --calm-muted: #838a94;
  --calm-dim: #515761;
  --calm-line: #1f2229;
  --calm-line-strong: #32363e;
  --calm-hover: rgba(250, 250, 251, .06);
  --calm-accent: #42b074;
  --calm-accent-hover: #0db459;
  --calm-accent-pressed: #056f37;
  --calm-accent-disabled: #0a2e1e;
  --calm-accent-rgb: 66, 176, 116;
  --calm-accent-soft: rgba(66, 176, 116, .1);
  --calm-danger: #f1595a;
  --calm-danger-hover: #f24445;
  --calm-danger-rgb: 241, 89, 90;
  --calm-danger-soft: #201215;
  --calm-warning: #e27319;
  --calm-warning-rgb: 226, 115, 25;
  --calm-warning-soft: #301907;
  --calm-shadow: 0 20px 52px rgba(0, 0, 0, .42);

  --background: var(--calm-bg);
  --bg: var(--calm-bg);
  --bg-2: var(--calm-panel);
  --bg-elevated: var(--calm-panel);
  --card: var(--calm-panel);
  --card-2: var(--calm-panel-soft);
  --panel: var(--calm-panel);
  --panel-hover: var(--calm-panel-soft);
  --surface: rgba(250, 250, 251, .04);
  --surface-2: rgba(250, 250, 251, .06);
  --stroke: var(--calm-line);
  --stroke-strong: var(--calm-line-strong);
  --words: var(--calm-text);
  --text: var(--calm-text);
  --muted: var(--calm-muted);
  --muteds: var(--calm-muted);
  --green: var(--calm-accent);
  --greenA: var(--calm-accent-soft);
  --green-soft: var(--calm-accent-soft);
  --green-line: rgba(var(--calm-accent-rgb), .24);

  min-width: 320px;
  color: var(--calm-text);
  background: var(--calm-bg) !important;
  font-size: 14px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}

html[data-theme="light"] .calm-ui {
  --calm-bg: #fafafb;
  --calm-panel: #ffffff;
  --calm-panel-soft: #f4f5f6;
  --calm-field: #edeff1;
  --calm-field-hover: #e1e4e7;
  --calm-text: #080a0e;
  --calm-muted: #838a94;
  --calm-dim: #a6abb3;
  --calm-line: #f4f5f6;
  --calm-line-strong: #d2d7db;
  --calm-hover: rgba(11, 14, 19, .04);
  --calm-accent: #0db459;
  --calm-accent-hover: #4dc884;
  --calm-accent-pressed: #42b074;
  --calm-accent-disabled: #b2e7ca;
  --calm-accent-rgb: 13, 180, 89;
  --calm-accent-soft: rgba(13, 180, 89, .08);
  --calm-danger: #f24445;
  --calm-danger-hover: #f5696a;
  --calm-danger-rgb: 242, 68, 69;
  --calm-danger-soft: #fef0f0;
  --calm-warning: #e27319;
  --calm-warning-rgb: 226, 115, 25;
  --calm-warning-soft: #fcf1e8;
  --calm-shadow: 0 18px 44px rgba(8, 10, 14, .12);

  --surface: rgba(11, 14, 19, .04);
  --surface-2: rgba(11, 14, 19, .06);
}

.calm-ui,
.calm-ui *,
.calm-ui *::before,
.calm-ui *::after {
  letter-spacing: 0 !important;
}

.calm-ui :where(h1, h2, h3, h4, p) {
  text-shadow: none;
}

.calm-ui :where(button, a, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

.calm-ui :where(button, a):focus-visible {
  outline: 2px solid rgba(var(--calm-accent-rgb), .5);
  outline-offset: 2px;
}

.calm-ui :where(input, select, textarea):focus,
.calm-ui :where(input, select, textarea):focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.calm-ui :where(button, a) {
  transition-duration: 160ms;
}

@keyframes calm-page-fade-in {
  from { opacity: .01; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
  .calm-ui > main,
  .calm-ui > .page,
  .calm-ui > .app-shell,
  .calm-ui > .auth-page,
  .calm-ui > #box {
    animation: calm-page-fade-in 160ms ease both;
    transform: none;
  }
}

.calm-ui .exchange-header {
  --background: var(--header-bg, #11141a);
  --words: var(--header-text, #ffffff);
  --text: var(--header-text, #ffffff);
  --muteds: var(--header-muted, #838a94);
  --green: var(--header-accent, #42b074);
  height: 72px;
  gap: 14px;
  padding: 0 18px;
  border-bottom: 1px solid var(--header-line, #1f2229);
  color: var(--header-text, #ffffff);
  background: var(--header-bg, #11141a) !important;
  box-shadow: none;
  backdrop-filter: none;
}

.calm-ui .exchange-header::before,
.calm-ui .logo::after,
.calm-ui .prime-nav::before,
.calm-ui .prime-nav::after {
  display: none;
}

.calm-ui .nav-label,
.calm-ui .dropdown a,
.calm-ui .auth-actions .btn,
.calm-ui .profile-actions a {
  font-weight: 600;
}

.calm-ui .item-meta {
  border: 0;
  color: var(--calm-muted);
  background: var(--calm-hover);
  box-shadow: none;
  font-weight: 600;
}

.calm-ui .exchange-header .logo {
  gap: 10px;
  padding: 4px;
  border: 0;
  border-radius: 8px;
  color: var(--header-text, #ffffff);
  background: transparent;
}

.calm-ui .exchange-header .logo:hover {
  border: 0;
  background: var(--header-hover, rgba(250, 250, 251, .06));
  box-shadow: none;
  transform: none;
}

.calm-ui .exchange-header .logo-mark {
  width: 42px;
  height: 42px;
  border: 1px solid var(--header-line, #1f2229);
  border-radius: 9px;
  background: var(--header-surface, #11141a);
}

.calm-ui .exchange-header .logo-name {
  color: var(--header-brand, #4dc884);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.1;
  text-shadow: none;
}

.calm-ui .exchange-header .logo-sub {
  margin-top: 3px;
  color: var(--header-text, #ffffff);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
}

.calm-ui .exchange-header .nav {
  gap: 3px;
  color: var(--header-text, #ffffff);
}

.calm-ui .exchange-header .nav-item {
  min-height: 40px;
  gap: 8px;
  padding: 0 9px;
  border: 0;
  border-radius: 7px;
}

.calm-ui .exchange-header .nav-label {
  color: var(--header-text, #ffffff);
  font-size: 13px;
  font-weight: 650;
}

.calm-ui .exchange-header .nav-ico,
.calm-ui .exchange-header .chev {
  color: var(--header-muted, #838a94);
}

.calm-ui .site-header .nav-tag {
  padding: 2px 6px;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
}

.calm-ui .site-header .nav-tag.top {
  color: #fbbd43;
  background: #322304;
}

.calm-ui .site-header .nav-tag.new {
  color: var(--header-accent, #42b074);
  background: var(--header-accent-soft, rgba(66, 176, 116, .1));
}

.calm-ui .exchange-header .item-meta {
  color: var(--header-muted, #838a94);
  background: var(--header-surface-raised, #1f2229);
}

.calm-ui .exchange-header .right-panel,
.calm-ui .exchange-header .auth-actions {
  gap: 8px;
}

.calm-ui .exchange-header .auth-actions .btn {
  min-width: 0;
  min-height: 42px;
  height: 42px;
  padding: 0 15px;
  border-radius: 9px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 650;
  transform: none;
}

.calm-ui .exchange-header .auth-actions .btn-ghost {
  border: 1px solid var(--header-line, #1f2229);
  color: var(--header-text, #ffffff);
  background: var(--header-surface, #11141a);
}

.calm-ui .exchange-header .auth-actions .btn-ghost:hover {
  border-color: var(--header-line-strong, #32363e);
  color: #ffffff;
  background: var(--header-surface-hover, #171a21);
}

.calm-ui .exchange-header .auth-actions .btn-success {
  border: 1px solid transparent;
  color: #ffffff;
  background: var(--header-accent, #42b074);
}

.calm-ui .exchange-header .auth-actions .btn-success:hover {
  border-color: transparent;
  color: #ffffff;
  background: var(--header-accent-focus, #0db459);
}

.calm-ui .exchange-header .signup-btn .gift-ico {
  animation: none;
}

.calm-ui .exchange-header .lang > .lang-ico {
  color: var(--header-text, #ffffff);
}

.calm-ui .exchange-header .btn-primary.deposit-btn {
  min-height: 42px;
  height: 42px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #ffffff;
  background: var(--header-accent, #42b074);
  box-shadow: none;
  font-size: 13px;
  font-weight: 650;
}

.calm-ui .exchange-header .btn-primary.deposit-btn:hover {
  border-color: transparent;
  color: #ffffff;
  background: var(--header-accent-focus, #0db459);
  box-shadow: none;
  transform: none;
}

.calm-ui .exchange-header .theme-toggle,
.calm-ui .exchange-header .lang,
.calm-ui .exchange-header .mobile-menu-btn {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--header-line, #1f2229);
  border-radius: 9px;
  color: var(--header-text, #ffffff);
  background: var(--header-surface, #11141a);
  box-shadow: none;
}

.calm-ui .exchange-header .theme-toggle:hover,
.calm-ui .exchange-header .lang:hover,
.calm-ui .exchange-header .mobile-menu-btn:hover {
  border-color: var(--header-line-strong, #32363e);
  color: #ffffff;
  background: var(--header-surface-hover, #171a21);
  transform: none;
}

.calm-ui .exchange-header :where(.dropdown, .lang-dd, .profile-dropdown) {
  border-color: var(--header-line, #1f2229);
  color: var(--header-text, #ffffff);
  background: var(--header-popup, #171a21);
}

.calm-ui .dropdown {
  border: 1px solid var(--calm-line);
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui .dropdown a:hover,
.calm-ui .nav-item:hover,
.calm-ui .lang:hover,
.calm-ui .profile:hover {
  color: var(--calm-text);
  background: var(--calm-hover);
  box-shadow: none;
  transform: none;
}

/* Deposit */

.calm-ui.deposit-page-body {
  --dp-page: var(--calm-bg);
  --dp-panel: var(--calm-panel);
  --dp-panel-soft: var(--calm-panel-soft);
  --dp-field: var(--calm-field);
  --dp-field-hover: var(--calm-field-hover);
  --dp-text: var(--calm-text);
  --dp-muted: var(--calm-muted);
  --dp-dim: var(--calm-dim);
  --dp-line: var(--calm-line);
  --dp-line-strong: var(--calm-line-strong);
  --dp-hover: var(--calm-hover);
  --dp-hover-strong: rgba(255, 255, 255, .06);
  --dp-accent: var(--calm-accent);
  --dp-accent-hover: var(--calm-accent-hover);
  --dp-accent-soft: var(--calm-accent-soft);
  --dp-accent-line: rgba(var(--calm-accent-rgb), .24);
  --dp-danger: var(--calm-danger);
  --dp-danger-soft: var(--calm-danger-soft);
  --dp-warning: var(--calm-warning);
  --dp-warning-soft: var(--calm-warning-soft);
  --dp-warning-line: transparent;
  --dp-shadow: var(--calm-shadow);
}

.calm-ui .deposit-page {
  padding-top: 30px;
  font-size: 14px;
}

.calm-ui .dp-page-heading {
  align-items: center;
  margin-bottom: 22px;
}

.calm-ui .dp-page-title h1 {
  margin: 0 0 4px;
  font-size: 28px;
  font-weight: 700;
}

.calm-ui .dp-page-title p {
  color: var(--dp-muted);
  font-size: 14px;
}

.calm-ui .dp-kicker {
  display: none;
}

.calm-ui .dp-icon-button,
.calm-ui .dp-heading-link {
  border: 0;
  background: var(--dp-panel-soft);
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .dp-icon-button:hover,
.calm-ui .dp-heading-link:hover {
  color: var(--dp-text);
  background: var(--dp-field);
  transform: none;
}

.calm-ui .dp-workspace,
.calm-ui .dp-history {
  border: 0;
  border-radius: 8px;
  background: var(--dp-panel);
  box-shadow: none;
}

.calm-ui .dp-flow {
  padding: 34px;
  border-right-color: var(--dp-line);
}

.calm-ui .dp-step {
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 14px;
}

.calm-ui .dp-step-content h2 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .dp-step-marker {
  width: 20px;
  height: 20px;
  border: 0;
  color: var(--dp-muted);
  background: var(--dp-field);
  font-size: 11px;
  font-weight: 650;
}

.calm-ui .dp-step.is-complete .dp-step-marker,
.calm-ui .dp-step.is-ready .dp-step-marker {
  color: #080a0e;
  background: var(--dp-accent);
}

.calm-ui .dp-select-control {
  min-height: 58px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--dp-field);
  box-shadow: none;
}

.calm-ui .dp-select-control:hover {
  border-color: transparent;
  background: var(--dp-field-hover);
  box-shadow: none;
  transform: none;
}

.calm-ui .dp-select-control[aria-expanded="true"] {
  border-color: var(--dp-line-strong);
}

.calm-ui .dp-coin-icon,
.calm-ui .dp-history-icon {
  border: 0;
  background: transparent;
}

.calm-ui .dp-control-copy strong,
.calm-ui .dp-picker-copy strong {
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .dp-control-copy small,
.calm-ui .dp-picker-copy small,
.calm-ui .dp-control-balance {
  font-size: 12px;
}

.calm-ui .dp-control-balance strong {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .dp-address-box {
  border: 0;
  border-radius: 7px;
  background: var(--dp-panel-soft);
}

.calm-ui .dp-address-prompt,
.calm-ui .dp-address-loading,
.calm-ui .dp-address-error {
  min-height: 190px;
  align-content: center;
  gap: 14px;
  padding: 24px;
}

.calm-ui .dp-prompt-icon {
  display: none;
}

.calm-ui .dp-state-icon,
.calm-ui .dp-section-icon {
  border: 0;
  background: var(--dp-hover);
}

.calm-ui .dp-address-prompt p,
.calm-ui .dp-address-loading p,
.calm-ui .dp-address-error p {
  margin: 0;
  color: var(--dp-muted);
  font-size: 14px;
  line-height: 1.6;
}

.calm-ui .dp-address-loading strong,
.calm-ui .dp-address-error strong {
  margin: 0;
  font-size: 15px;
  font-weight: 650;
}

.calm-ui .dp-primary-button,
.calm-ui .dp-secondary-button {
  min-height: 44px;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .dp-primary-button:hover,
.calm-ui .dp-secondary-button:hover {
  box-shadow: none;
  transform: none;
}

.calm-ui .dp-copy-button {
  border: 0;
  background: var(--dp-hover);
}

.calm-ui .dp-copy-button:hover {
  color: var(--dp-text);
  border: 0;
  background: var(--dp-field);
}

.calm-ui .dp-copy-button.is-copied {
  color: var(--dp-accent);
  background: var(--dp-accent-soft);
}

.calm-ui .dp-security-label,
.calm-ui .dp-address-label {
  color: var(--dp-muted);
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .dp-address-value-row code {
  font-size: 15px;
  font-weight: 650;
}

.calm-ui .dp-deposit-meta {
  border: 0;
  background: var(--dp-field);
}

.calm-ui .dp-deposit-meta span,
.calm-ui .dp-deposit-meta strong {
  font-size: 13px;
}

.calm-ui .dp-deposit-meta strong {
  font-weight: 600;
}

.calm-ui .dp-guidance {
  padding: 34px 32px;
}

.calm-ui .dp-tips {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.calm-ui .dp-section-icon {
  display: none;
}

.calm-ui .dp-tips h2,
.calm-ui .dp-faq h2 {
  font-size: 16px;
  font-weight: 650;
}

.calm-ui .dp-tips p {
  margin-top: 12px;
  color: var(--dp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.calm-ui .dp-faq > header button,
.calm-ui .dp-history-header a {
  color: var(--dp-muted);
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .dp-faq > header button:hover,
.calm-ui .dp-history-header a:hover {
  color: var(--dp-text);
}

.calm-ui .dp-faq details {
  border-bottom-color: var(--dp-line);
}

.calm-ui .dp-faq summary {
  min-height: 48px;
  color: var(--dp-muted);
  font-size: 14px;
}

.calm-ui .dp-faq details p {
  color: var(--dp-muted);
  font-size: 13px;
}

.calm-ui .dp-status-link {
  border: 0;
  color: var(--dp-text);
  background: var(--dp-panel-soft);
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .dp-status-link:hover {
  border: 0;
  background: var(--dp-field);
}

.calm-ui .dp-history-header {
  min-height: 74px;
  border-bottom-color: var(--dp-line);
}

.calm-ui .dp-history-header h2 {
  font-size: 21px;
  font-weight: 650;
}

.calm-ui .dp-history-table-head,
.calm-ui .dp-history-row {
  grid-template-columns: minmax(150px, 1.3fr) minmax(135px, 1fr) minmax(100px, .8fr) minmax(130px, 1fr) minmax(100px, .8fr);
}

.calm-ui .dp-history-table-head {
  color: var(--dp-muted);
  border-bottom-color: var(--dp-line);
  font-size: 12px;
  font-weight: 500;
}

.calm-ui .dp-history-row {
  min-height: 76px;
}

.calm-ui .dp-history-row + .dp-history-row {
  border-top-color: var(--dp-line);
}

.calm-ui .dp-history-row:hover {
  background: var(--dp-hover);
}

.calm-ui .dp-history-asset strong,
.calm-ui .dp-history-cell strong {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .dp-history-asset small,
.calm-ui .dp-history-cell > small,
.calm-ui .dp-history-cell code {
  font-size: 12px;
}

.calm-ui .dp-status-badge {
  min-height: 24px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .dp-history-empty > span {
  border: 0;
  background: var(--dp-hover);
}

.calm-ui .dp-history-empty strong {
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .dp-history-empty p {
  font-size: 13px;
}

.calm-ui .dp-picker-dialog {
  border: 0;
  border-radius: 10px;
  background: var(--dp-panel);
  box-shadow: var(--dp-shadow);
}

.calm-ui .dp-picker-dialog h2 {
  font-size: 20px;
  font-weight: 650;
}

.calm-ui .dp-picker-search {
  border: 1px solid transparent;
  background: var(--dp-field);
  box-shadow: none;
}

.calm-ui .dp-picker-search:focus-within {
  border-color: var(--dp-line-strong);
  box-shadow: none;
}

.calm-ui .dp-picker-search input {
  font-size: 14px;
}

.calm-ui .dp-current-chip {
  border: 0;
  background: var(--dp-field);
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .dp-picker-option,
.calm-ui .dp-network-option {
  border: 0;
  border-radius: 6px;
}

.calm-ui .dp-picker-option:hover,
.calm-ui .dp-picker-option.is-selected,
.calm-ui .dp-network-option:hover,
.calm-ui .dp-network-option.is-selected {
  border: 0;
  background: var(--dp-hover);
}

.calm-ui .dp-network-option-copy strong {
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .dp-network-option-copy small,
.calm-ui .dp-network-option-meta small,
.calm-ui .dp-network-option-meta strong,
.calm-ui .dp-picker-balance strong,
.calm-ui .dp-picker-balance small {
  font-size: 12px;
}

.calm-ui .dp-network-notice {
  border: 0;
  color: var(--dp-warning);
  background: var(--dp-warning-soft);
}

.calm-ui .dp-network-notice p {
  color: var(--dp-text);
  font-size: 13px;
  font-weight: 500;
}

.calm-ui .dp-toast {
  border: 0;
  border-radius: 7px;
  background: var(--dp-panel-soft);
  color: var(--dp-text);
  box-shadow: var(--dp-shadow);
  font-size: 13px;
  font-weight: 600;
}

/* Withdraw */

.calm-ui.withdraw-page-body {
  --bg: var(--calm-bg);
  --bg-2: var(--calm-panel);
  --card: var(--calm-panel);
  --card-2: var(--calm-panel-soft);
  --line: var(--calm-line);
  --line-2: var(--calm-line);
  --line-strong: var(--calm-line-strong);
  --text: var(--calm-text);
  --muted: var(--calm-muted);
  --muted-2: var(--calm-dim);
  --soft: var(--calm-text);
  --green: var(--calm-accent);
  --green-2: var(--calm-accent-hover);
  --lime: var(--calm-accent-soft);
  --green-soft: var(--calm-accent-soft);
  --green-soft-2: var(--calm-accent-soft);
  --accent-line: rgba(var(--calm-accent-rgb), .22);
  --accent-line-strong: rgba(var(--calm-accent-rgb), .3);
  --danger: var(--calm-danger);
  --warning: var(--calm-warning);
  --shadow: var(--calm-shadow);
  --radius: 8px;

  background: var(--calm-bg) !important;
}

.calm-ui.withdraw-page-body::before {
  display: none;
}

.calm-ui.withdraw-page-body .withdraw-shell.content {
  padding: 36px 20px 72px;
}

.calm-ui.withdraw-page-body .withdraw-studio {
  max-width: 1180px;
}

.calm-ui.withdraw-page-body .withdraw-page-heading {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.calm-ui.withdraw-page-body .withdraw-page-heading h1 {
  margin: 0;
  color: var(--calm-text);
  font-size: 28px;
  font-weight: 750;
  line-height: 1.2;
}

.calm-ui.withdraw-page-body .withdraw-page-heading p {
  margin: 4px 0 0;
  color: var(--calm-muted);
  font-size: 14px;
}

.calm-ui.withdraw-page-body .withdraw-page-back,
.calm-ui.withdraw-page-body .withdraw-page-history {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
  text-decoration: none;
}

.calm-ui.withdraw-page-body .withdraw-page-back {
  width: 40px;
  font-size: 20px;
}

.calm-ui.withdraw-page-body .withdraw-page-history {
  gap: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 650;
}

.calm-ui.withdraw-page-body .withdraw-page-back:hover,
.calm-ui.withdraw-page-body .withdraw-page-history:hover {
  color: var(--calm-text);
  background: var(--calm-field-hover);
}

.calm-ui.withdraw-page-body .withdraw-board {
  gap: 16px;
  margin-top: 0;
}

.calm-ui.withdraw-page-body .withdraw-panel,
.calm-ui.withdraw-page-body .withdraw-history {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui.withdraw-page-body .withdraw-panel {
  padding: 24px;
}

.calm-ui.withdraw-page-body .field-label,
.calm-ui.withdraw-page-body .dialog-refill__address_wallet-title,
.calm-ui.withdraw-page-body .dialog-refill__address__title {
  margin: 16px 0 8px;
  color: var(--calm-text);
  font-size: 14px;
  font-weight: 650;
}

.calm-ui.withdraw-page-body .v-input__slot,
.calm-ui.withdraw-page-body .dialog-refill__input .v-input__slot,
.calm-ui.withdraw-page-body .search-section__input-section {
  min-height: 54px;
  border: 1px solid var(--calm-line-strong);
  border-radius: 6px;
  background: var(--calm-field);
  box-shadow: none;
}

.calm-ui.withdraw-page-body .v-input__slot:hover,
.calm-ui.withdraw-page-body .main-exchange__autocomplete.v-select--is-menu-active .v-input__slot,
.calm-ui.withdraw-page-body .v-input__slot:focus-within {
  border-color: var(--calm-line-strong) !important;
  background: var(--calm-field-hover);
  box-shadow: none;
}

.calm-ui.withdraw-page-body .input-autocomplete-menu.v-menu__content,
.calm-ui.withdraw-page-body .white-tooltip {
  border: 1px solid var(--calm-line);
  border-radius: 8px;
  background: var(--calm-panel-soft);
  box-shadow: var(--calm-shadow);
}

.calm-ui.withdraw-page-body .v-list-item {
  border-radius: 5px;
}

.calm-ui.withdraw-page-body .v-list-item:hover,
.calm-ui.withdraw-page-body .v-list-item--active {
  color: var(--calm-text);
  background: var(--calm-hover);
  transform: none;
}

.calm-ui.withdraw-page-body .quick-trade,
.calm-ui.withdraw-page-body .safety-note,
.calm-ui.withdraw-page-body .amount-card,
.calm-ui.withdraw-page-body .quote-strip > div {
  border: 0;
  border-radius: 6px;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui.withdraw-page-body .dialog-refill__bidding__coin,
.calm-ui.withdraw-page-body .dialog-refill__address__section__value {
  border: 0;
  border-radius: 6px;
  color: var(--calm-text);
  background: var(--calm-field);
  box-shadow: none;
}

.calm-ui.withdraw-page-body .dialog-refill__bidding__coin:hover,
.calm-ui.withdraw-page-body .dialog-refill__address__section__value:hover {
  border: 0;
  color: var(--calm-text);
  background: var(--calm-field-hover);
  transform: none;
}

.calm-ui.withdraw-page-body .dialog-refill__address__section__value.active {
  border: 0;
  color: var(--calm-accent);
  background: var(--calm-accent-soft);
  box-shadow: none;
}

.calm-ui.withdraw-page-body .form-block {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.calm-ui.withdraw-page-body .amount-card {
  padding: 14px;
}

.calm-ui.withdraw-page-body .balance-input-section__balance {
  border-radius: 6px;
  color: var(--calm-text);
  background: var(--calm-field);
}

.calm-ui.withdraw-page-body .balance-input-section__balance__title {
  color: var(--calm-muted);
  font-size: 12px;
  opacity: 1;
  text-transform: none;
}

.calm-ui.withdraw-page-body .dialog-refill__button {
  min-height: 52px;
  border: 0 !important;
  border-radius: 6px !important;
  color: #080a0e !important;
  background: var(--calm-accent) !important;
  box-shadow: none !important;
  font-weight: 750;
}

.calm-ui.withdraw-page-body .dialog-refill__button:hover {
  background: var(--calm-accent-hover) !important;
  box-shadow: none !important;
  transform: none;
}

.calm-ui.withdraw-page-body .withdraw-history {
  padding: 20px;
}

.calm-ui.withdraw-page-body table {
  border-spacing: 0;
}

.calm-ui.withdraw-page-body th {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.calm-ui.withdraw-page-body td {
  border: 0;
  border-top: 1px solid var(--calm-line);
  border-radius: 0;
  color: var(--calm-muted);
  background: transparent;
}

.calm-ui.withdraw-page-body td:first-child,
.calm-ui.withdraw-page-body td:last-child {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.calm-ui.withdraw-page-body .discard-modal {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui.withdraw-page-body .withdraw-popup__btn {
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--calm-text) !important;
  background: var(--calm-panel-soft) !important;
}

.calm-ui.withdraw-page-body .withdraw-popup__btn:last-child {
  color: #080a0e !important;
  background: var(--calm-accent) !important;
  box-shadow: none !important;
}

/* Transfer */

.calm-ui.transfer-page-body {
  --transfer-bg: var(--calm-bg);
  --transfer-bg-2: var(--calm-panel);
  --transfer-panel: var(--calm-panel);
  --transfer-panel-strong: var(--calm-panel);
  --transfer-field: var(--calm-field);
  --transfer-line: var(--calm-line);
  --transfer-line-strong: var(--calm-line-strong);
  --transfer-text: var(--calm-text);
  --transfer-soft: var(--calm-text);
  --transfer-muted: var(--calm-muted);
  --transfer-accent: var(--calm-accent);
  --transfer-accent-2: var(--calm-accent-hover);
  --transfer-accent-soft: var(--calm-accent-soft);
  --transfer-accent-soft-2: var(--calm-accent-soft);
  --transfer-accent-line: rgba(var(--calm-accent-rgb), .22);
  --transfer-yellow: var(--calm-warning);
  --transfer-red: var(--calm-danger);
  --transfer-shadow: var(--calm-shadow);
  --transfer-radius-xl: 8px;
  --transfer-radius-lg: 8px;
  --transfer-radius-md: 6px;

  background: var(--calm-bg) !important;
}

.calm-ui.transfer-page-body::before {
  display: none;
}

.calm-ui.transfer-page-body .transfer-page {
  padding: 36px 20px 72px;
}

.calm-ui.transfer-page-body .transfer-card {
  width: min(660px, 100%);
}

.calm-ui.transfer-page-body .transfer-form {
  gap: 20px;
  padding: 28px;
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
  backdrop-filter: none;
}

.calm-ui.transfer-page-body .transfer-form__head h1 {
  margin-bottom: 6px;
  font-size: 26px;
  font-weight: 750;
  letter-spacing: 0;
}

.calm-ui.transfer-page-body .transfer-form__head p {
  color: var(--calm-muted);
  font-size: 14px;
}

.calm-ui.transfer-page-body .transfer-card__badge {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  border: 0;
  border-radius: 6px;
  color: var(--calm-accent) !important;
  background: var(--calm-accent-soft);
}

.calm-ui.transfer-page-body .transfer-card__badge .v-icon {
  font-size: 23px !important;
}

.calm-ui.transfer-page-body .transfer-field {
  gap: 8px;
}

.calm-ui.transfer-page-body .transfer-field label {
  color: var(--calm-text);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.calm-ui.transfer-page-body .transfer-select,
.calm-ui.transfer-page-body .transfer-input,
.calm-ui.transfer-page-body .transfer-select .v-input__slot,
.calm-ui.transfer-page-body .transfer-input .v-input__slot {
  border-radius: 6px !important;
}

.calm-ui.transfer-page-body .transfer-select .v-input__slot,
.calm-ui.transfer-page-body .transfer-input .v-input__slot {
  min-height: 54px !important;
  border: 1px solid var(--calm-line-strong) !important;
  background: var(--calm-field) !important;
}

.calm-ui.transfer-page-body .transfer-select .v-input__slot:hover,
.calm-ui.transfer-page-body .transfer-input .v-input__slot:hover,
.calm-ui.transfer-page-body .transfer-select .v-input__slot:focus-within,
.calm-ui.transfer-page-body .transfer-input .v-input__slot:focus-within,
.calm-ui.transfer-page-body .transfer-select[aria-expanded="true"] .v-input__slot,
.calm-ui.transfer-page-body #transfer-coin-trigger[aria-expanded="true"] {
  border-color: var(--calm-line-strong) !important;
  background: var(--calm-field-hover) !important;
  box-shadow: none !important;
}

.calm-ui.transfer-page-body .transfer-coins-menu {
  border: 1px solid var(--calm-line) !important;
  border-radius: 8px !important;
  background: var(--calm-panel-soft) !important;
  box-shadow: var(--calm-shadow) !important;
}

.calm-ui.transfer-page-body .transfer-coin-option,
.calm-ui.transfer-page-body .v-list-item.transfer-coin-option {
  border-radius: 5px !important;
}

.calm-ui.transfer-page-body .transfer-coin-option:hover,
.calm-ui.transfer-page-body .transfer-coin-option.v-list-item--active {
  color: var(--calm-text) !important;
  background: var(--calm-hover) !important;
  transform: none;
}

.calm-ui.transfer-page-body .transfer-available {
  min-height: 60px;
  border: 0;
  border-radius: 6px;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui.transfer-page-body .transfer-available:hover {
  border: 0;
  background: var(--calm-field-hover);
  transform: none;
}

.calm-ui.transfer-page-body .transfer-available span {
  color: var(--calm-muted);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.calm-ui.transfer-page-body .transfer-available strong {
  color: var(--calm-text);
  font-size: 15px;
  font-weight: 700;
}

.calm-ui.transfer-page-body .transfer-submit {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #080a0e !important;
  background: var(--calm-accent) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: 0;
}

.calm-ui.transfer-page-body .transfer-submit:hover {
  background: var(--calm-accent-hover) !important;
  box-shadow: none !important;
  transform: none;
}

.calm-ui.transfer-page-body .transfer-popup {
  background: rgba(3, 7, 10, .72) !important;
}

.calm-ui.transfer-page-body .transfer-popup__modal {
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--calm-panel) !important;
  box-shadow: var(--calm-shadow) !important;
}

.calm-ui.transfer-page-body .dialog__close,
.calm-ui.transfer-page-body .popup-img-wrapper {
  border: 0;
  border-radius: 6px;
  background: var(--calm-panel-soft);
}

.calm-ui.transfer-page-body .transfer-popup__btn {
  border: 0 !important;
  border-radius: 6px !important;
  color: #080a0e !important;
  background: var(--calm-accent) !important;
  box-shadow: none !important;
}

.calm-ui.transfer-page-body .transfer-popup__btn--ghost {
  color: var(--calm-text) !important;
  background: var(--calm-panel-soft) !important;
}

/* Account overview */

.calm-ui .account {
  --bg: var(--calm-bg);
  --bg-elevated: var(--calm-panel);
  --card: var(--calm-panel);
  --card-2: var(--calm-panel-soft);
  --surface: rgba(255, 255, 255, .035);
  --surface-2: rgba(255, 255, 255, .055);
  --stroke: var(--calm-line);
  --stroke-strong: var(--calm-line-strong);
  --text: var(--calm-text);
  --muted: var(--calm-muted);
  --green: var(--calm-accent);
  --green-soft: var(--calm-accent-soft);
  --green-line: rgba(var(--calm-accent-rgb), .24);
  --danger: var(--calm-danger);
  --radius-xl: 8px;
  --radius-lg: 8px;
  --radius-md: 7px;
  --radius-sm: 6px;
  background: var(--calm-bg);
  font-size: 14px;
}

.calm-ui .account .wallet-shell {
  width: min(1280px, calc(100% - 40px));
}

.calm-ui .account .wallet-hero-card,
.calm-ui .account .panel-card {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui .account .wallet-hero-card::before {
  display: none;
}

.calm-ui .account .wallet-hero-tools {
  border: 0;
  background: transparent;
  backdrop-filter: none;
}

.calm-ui .account .hero-icon-btn {
  border: 0;
  border-radius: 6px;
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
}

.calm-ui .account .hero-icon-btn:hover {
  color: var(--calm-text);
  background: var(--calm-field);
  transform: none;
}

.calm-ui .account .bal-label {
  color: var(--calm-muted);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
}

.calm-ui .account .bal-value {
  font-size: 42px;
  font-weight: 700;
}

.calm-ui .account .bal-value small {
  font-size: 15px;
  font-weight: 500;
}

.calm-ui .account .bal-chip {
  border: 0;
  border-radius: 5px;
  color: var(--calm-muted);
  background: transparent;
  font-size: 13px;
  font-weight: 500;
}

.calm-ui .account .action-tiles {
  gap: 8px;
}

.calm-ui .account .tile {
  border: 0;
  border-radius: 7px;
  color: var(--calm-text);
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui .account .tile-primary {
  background: var(--calm-accent-soft);
}

.calm-ui .account .tile:hover {
  background: var(--calm-field);
  box-shadow: none;
  transform: none;
}

.calm-ui .account .tile .ico {
  border: 0;
  background: transparent;
}

.calm-ui .account .tile .t {
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
}

.calm-ui .account .coin-ticker {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
}

.calm-ui .account .coin-ticker-item {
  border: 0;
}

.calm-ui .account .coin-ticker-item:hover {
  background: var(--calm-hover);
  transform: none;
}

.calm-ui .account .coin-ticker-symbol,
.calm-ui .account .coin-ticker-price {
  font-size: 12px;
}

.calm-ui .account .panel-head {
  border-bottom: 1px solid var(--calm-line);
}

.calm-ui .account .section-title {
  font-size: 20px;
  font-weight: 650;
}

.calm-ui .account .section-sub {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .account .assets-search {
  border: 1px solid transparent;
  border-radius: 6px;
  background: var(--calm-panel-soft);
}

.calm-ui .account .assets-search:focus-within {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .account .assets-search input {
  color: var(--calm-text);
  font-size: 14px;
}

.calm-ui .account .table {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.calm-ui .account .table th {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

.calm-ui .account .table td {
  color: var(--calm-text);
  font-size: 14px;
}

.calm-ui .account .table th,
.calm-ui .account .table td {
  border-bottom-color: var(--calm-line);
}

.calm-ui .account .coin-sym,
.calm-ui .account .balance-main,
.calm-ui .account .price-cell,
.calm-ui .account .allocation-value {
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .account .coin-name,
.calm-ui .account .balance-sub,
.calm-ui .account .asset-usd {
  color: var(--calm-muted);
  font-size: 12px;
}

.calm-ui .account .btn {
  border: 0;
  border-radius: 6px;
  background: var(--calm-panel-soft);
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
}

.calm-ui .account .btn:hover {
  color: var(--calm-text);
  background: var(--calm-field);
  transform: none;
}

.calm-ui .account .btn-primary {
  color: var(--calm-text);
  background: var(--calm-accent-soft);
}

.calm-ui .account .history-list {
  align-content: start;
}

.calm-ui .account .history-item {
  min-height: 76px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.calm-ui .account .history-item + .history-item {
  border-top: 1px solid var(--calm-line);
}

.calm-ui .account .history-item:hover {
  background: var(--calm-hover);
}

.calm-ui .account .history-ico {
  border: 0;
  background: var(--calm-panel-soft);
}

.calm-ui .account .history-title,
.calm-ui .account .history-amount {
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .account .history-sub,
.calm-ui .account .history-usd {
  color: var(--calm-muted);
  font-size: 12px;
}

.calm-ui .account .asset-card,
.calm-ui .account .mini,
.calm-ui .account .history-empty,
.calm-ui .account .assets-empty,
.calm-ui .account .assets-empty-card {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
}

/* Action modals */

.calm-ui .wm-root {
  --wallet-page: var(--calm-bg);
  --wallet-surface: var(--calm-panel);
  --wallet-raised: var(--calm-panel-soft);
  --wallet-field: var(--calm-field);
  --wallet-text: var(--calm-text);
  --wallet-muted: var(--calm-muted);
  --wallet-dim: var(--calm-dim);
  --wallet-accent: var(--calm-accent);
  --wallet-accent-hover: var(--calm-accent-hover);
  --wallet-accent-soft: var(--calm-accent-soft);
  --wallet-accent-border: rgba(var(--calm-accent-rgb), .24);
  --wallet-border: var(--calm-line);
  --wallet-border-strong: var(--calm-line-strong);
  --wallet-hover: var(--calm-hover);
  --wallet-danger: var(--calm-danger);
  --wallet-danger-soft: var(--calm-danger-soft);
  --wallet-warning: var(--calm-warning);
  --wallet-warning-soft: var(--calm-warning-soft);
  --wallet-shadow: var(--calm-shadow);
  --wm-radius: 8px;
  font-size: 14px;
}

.calm-ui .wm-backdrop {
  background: rgba(2, 5, 8, .64);
  backdrop-filter: blur(2px);
}

.calm-ui .wm-dialog,
.calm-ui .wm-selector {
  border: 0;
  border-radius: 10px;
  background: var(--wallet-surface);
  box-shadow: var(--wallet-shadow);
}

.calm-ui .wm-header {
  border-bottom-color: var(--calm-line);
}

.calm-ui .wm-title,
.calm-ui .wm-selector-title {
  font-size: 20px;
  font-weight: 650;
}

.calm-ui .wm-panel-kicker,
.calm-ui .wm-live-badge {
  display: none;
}

.calm-ui .wm-label,
.calm-ui .wm-input-suffix,
.calm-ui .wm-field-error,
.calm-ui .wm-select-value .wm-sub,
.calm-ui .wm-method small,
.calm-ui .wm-pane-heading small,
.calm-ui .wm-network-meta,
.calm-ui .wm-trust-line small,
.calm-ui .wm-network-warning small,
.calm-ui .wm-asset-network-line small,
.calm-ui .wm-note,
.calm-ui .wm-row-label,
.calm-ui .wm-row-value,
.calm-ui .wm-result-text,
.calm-ui .wm-option-name,
.calm-ui .wm-option-balance {
  font-size: 12px;
}

.calm-ui .wm-method b,
.calm-ui .wm-pane-heading b,
.calm-ui .wm-network-name,
.calm-ui .wm-trust-line b,
.calm-ui .wm-network-warning b,
.calm-ui .wm-asset-network-line b,
.calm-ui .wm-option-symbol,
.calm-ui .wm-option-balance b {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .wm-input,
.calm-ui .wm-select-btn,
.calm-ui .wm-selector-search .wm-input {
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--wallet-field);
  font-size: 14px;
}

.calm-ui .wm-input:focus,
.calm-ui .wm-select-btn.wm-open-sel {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .wm-method,
.calm-ui .wm-network,
.calm-ui .wm-provider,
.calm-ui .wm-option,
.calm-ui .wm-deposit-receive,
.calm-ui .wm-fiat-providers,
.calm-ui .wm-withdraw-summary,
.calm-ui .wm-summary-section,
.calm-ui .wm-confirm-details,
.calm-ui .wm-result .wm-section {
  border: 0;
  border-radius: 7px;
  background: var(--wallet-raised);
}

.calm-ui .wm-method:hover,
.calm-ui .wm-network:hover,
.calm-ui .wm-provider:hover,
.calm-ui .wm-option:hover {
  border: 0;
  background: var(--wallet-hover);
  transform: none;
}

.calm-ui .wm-method.wm-active,
.calm-ui .wm-network.wm-active,
.calm-ui .wm-option.wm-active {
  border: 0;
  color: var(--wallet-text);
  background: var(--wallet-hover);
}

.calm-ui .wm-max-btn {
  color: var(--wallet-muted);
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .wm-max-btn:hover {
  color: var(--wallet-text);
}

.calm-ui .wm-btn {
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .wm-btn-primary,
.calm-ui .wm-btn-primary:hover:not(:disabled) {
  background: var(--wallet-accent);
  box-shadow: none;
  transform: none;
}

.calm-ui .wm-btn-ghost {
  color: var(--wallet-text);
  background: var(--wallet-raised);
}

.calm-ui .wm-btn-ghost:hover:not(:disabled) {
  color: var(--wallet-text);
  background: var(--wallet-field);
}

.calm-ui .wm-deposit-stats,
.calm-ui .wm-transfer-summary,
.calm-ui .wm-balance-banner,
.calm-ui .wm-order-preview {
  border: 0;
  background: var(--wallet-raised);
}

/* Settings */

.calm-ui .settings-modern-page {
  --bg: var(--calm-bg);
  --surface: var(--calm-panel);
  --surface-2: var(--calm-panel-soft);
  --surface-3: var(--calm-field);
  --border: var(--calm-line);
  --border-strong: var(--calm-line-strong);
  --text: var(--calm-text);
  --text-2: var(--calm-muted);
  --text-3: var(--calm-dim);
  --accent: var(--calm-accent);
  --accent-dim: var(--calm-accent-soft);
  --accent-border: rgba(var(--calm-accent-rgb), .24);
  --danger: var(--calm-danger);
  --danger-dim: var(--calm-danger-soft);
  --warn: var(--calm-warning);
  --warn-dim: var(--calm-warning-soft);
  --radius: 8px;
  background: var(--calm-bg);
  background-image: none;
  font-size: 14px;
}

.calm-ui .settings-modern-page .shell {
  max-width: 1200px;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 24px;
  padding-top: 34px;
}

.calm-ui .settings-modern-page h1.page-title {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
}

.calm-ui .settings-modern-page h1.page-title span {
  margin-top: 5px;
  color: var(--calm-muted);
  font-size: 14px;
}

.calm-ui .settings-modern-page .nav,
.calm-ui .settings-modern-page .card,
.calm-ui .settings-modern-page .verif-card {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui .settings-modern-page .nav {
  padding: 7px;
}

.calm-ui .settings-modern-page .nav button {
  min-height: 43px;
  border-radius: 6px;
  color: var(--calm-muted);
  font-size: 14px;
  font-weight: 500;
}

.calm-ui .settings-modern-page .nav button:hover {
  color: var(--calm-text);
  background: var(--calm-hover);
}

.calm-ui .settings-modern-page .nav button.active {
  color: var(--calm-text);
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .nav button.active svg {
  color: var(--calm-accent);
}

.calm-ui .settings-modern-page .nav .nav-foot {
  border-top-color: var(--calm-line);
  color: var(--calm-dim);
  font-size: 12px;
}

.calm-ui .settings-modern-page .panel {
  gap: 16px;
}

.calm-ui .settings-modern-page .card {
  padding: 24px;
}

.calm-ui .settings-modern-page .card-head {
  margin-bottom: 18px;
}

.calm-ui .settings-modern-page .card-head h2 {
  font-size: 17px;
  font-weight: 650;
}

.calm-ui .settings-modern-page .card-head h2 svg {
  color: var(--calm-muted);
}

.calm-ui .settings-modern-page .card-head p {
  color: var(--calm-muted);
  font-size: 13px;
  line-height: 1.55;
}

.calm-ui .settings-modern-page .pill {
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .settings-modern-page .pill.green {
  color: var(--calm-accent);
  background: var(--calm-accent-soft);
}

.calm-ui .settings-modern-page .pill.amber {
  color: var(--calm-warning);
  background: var(--calm-warning-soft);
}

.calm-ui .settings-modern-page .pill.red {
  color: var(--calm-danger);
  background: var(--calm-danger-soft);
}

.calm-ui .settings-modern-page .pill.gray {
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .btn {
  min-height: 40px;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .settings-modern-page .btn-primary {
  color: #080a0e;
  background: var(--calm-accent);
}

.calm-ui .settings-modern-page .btn-primary:hover {
  background: var(--calm-accent-hover);
  box-shadow: none;
}

.calm-ui .settings-modern-page .btn-ghost {
  color: var(--calm-text);
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .btn-ghost:hover {
  color: var(--calm-text);
  background: var(--calm-field);
}

.calm-ui .settings-modern-page .input,
.calm-ui .settings-modern-page .copy-field {
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--calm-text);
  background: var(--calm-field);
}

.calm-ui .settings-modern-page .input:focus,
.calm-ui .settings-modern-page .copy-field:focus-within {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .settings-modern-page .field label {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .settings-modern-page .profile-top {
  gap: 22px;
}

.calm-ui .settings-modern-page .avatar .inner {
  border: 0;
}

.calm-ui .settings-modern-page .avatar .cam {
  background: rgba(5, 8, 11, .7);
}

.calm-ui .settings-modern-page .avatar .cam span {
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
}

.calm-ui .settings-modern-page .p-id .email {
  font-size: 18px;
  font-weight: 650;
}

.calm-ui .settings-modern-page .uid-line,
.calm-ui .settings-modern-page .promo-label {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .settings-modern-page .uid-line code,
.calm-ui .settings-modern-page .rank-badge {
  border: 0;
  border-radius: 5px;
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .meta-grid {
  gap: 0;
  border-top-color: var(--calm-line);
}

.calm-ui .settings-modern-page .meta-item {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.calm-ui .settings-modern-page .meta-item + .meta-item {
  border-left: 1px solid var(--calm-line);
}

.calm-ui .settings-modern-page .meta-item .m-label {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

.calm-ui .settings-modern-page .meta-item .m-value,
.calm-ui .settings-modern-page .meta-item .m-value.mono {
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .settings-modern-page .ga-promo,
.calm-ui .settings-modern-page .ref-banner,
.calm-ui .settings-modern-page .api-lock,
.calm-ui .settings-modern-page .req-note {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
}

.calm-ui .settings-modern-page .ga-promo .ga-icon,
.calm-ui .settings-modern-page .verif-card .v-icon {
  border: 0;
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .ga-promo .ga-text b,
.calm-ui .settings-modern-page .toggle-row .t-name,
.calm-ui .settings-modern-page .step .s-title {
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .settings-modern-page .ga-promo .ga-text p,
.calm-ui .settings-modern-page .toggle-row .t-desc,
.calm-ui .settings-modern-page .step .s-sub {
  color: var(--calm-muted);
  font-size: 13px;
  line-height: 1.55;
}

.calm-ui .settings-modern-page .toggle-row {
  border-bottom-color: var(--calm-line);
}

.calm-ui .settings-modern-page .switch .track {
  border-color: var(--calm-line-strong);
  background: var(--calm-field);
}

.calm-ui .settings-modern-page .switch input:checked + .track {
  border-color: transparent;
  background: var(--calm-accent-soft);
}

.calm-ui .settings-modern-page .qr-box {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .step .n {
  border: 0;
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .verif-card.current {
  border: 0;
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .verif-card .lv-tag,
.calm-ui .settings-modern-page .access-list .a-label {
  color: var(--calm-muted);
  font-size: 12px;
  text-transform: none;
}

.calm-ui .settings-modern-page .access-item {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .settings-modern-page .ref-stat,
.calm-ui .settings-modern-page .perm,
.calm-ui .settings-modern-page .table-wrap {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
}

.calm-ui .settings-modern-page .ref-stat .rs-num {
  color: var(--calm-text);
}

.calm-ui .settings-modern-page tbody tr:hover td {
  background: var(--calm-hover);
}

.calm-ui .settings-modern-page thead th {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

.calm-ui .settings-modern-page tbody td {
  border-bottom-color: var(--calm-line);
  font-size: 13px;
}

/* KYC sheets inherit the same quiet surfaces. */

.calm-ui .kyc9-overlay {
  --kyc9-green: var(--calm-accent);
  --kyc9-bg: var(--calm-panel);
}

.calm-ui .kyc9-app {
  border: 0;
  border-radius: 10px;
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui .kyc9-close,
.calm-ui .kyc9-cselect-trigger,
.calm-ui .kyc9-fld input[type="text"],
.calm-ui .kyc9-fld input[type="date"] {
  border-color: transparent;
  background: var(--calm-field);
  box-shadow: none;
}

.calm-ui .kyc9-cselect-trigger:focus,
.calm-ui .kyc9-fld input:focus {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .kyc9-screen h1 {
  font-size: 26px;
  font-weight: 700;
}

.calm-ui .kyc9-sub,
.calm-ui .kyc9-lbl,
.calm-ui .kyc9-step-label,
.calm-ui .kyc9-opt-text small,
.calm-ui .kyc9-dhint,
.calm-ui .kyc9-upload-note {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .kyc9-opt,
.calm-ui .kyc9-drop,
.calm-ui .kyc9-summary,
.calm-ui .kyc2-address-card {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
}

.calm-ui .kyc9-opt:hover,
.calm-ui .kyc9-drop:hover,
.calm-ui .kyc9-opt.selected {
  border: 0;
  background: var(--calm-field);
  transform: none;
}

.calm-ui .kyc9-cselect-sheet {
  border: 0;
  border-radius: 9px;
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui .kyc9-cselect-option {
  border: 0;
  border-radius: 6px;
  font-size: 14px;
}

.calm-ui .kyc9-cselect-option:hover,
.calm-ui .kyc9-cselect-option.is-active,
.calm-ui .kyc9-cselect-option[aria-selected="true"] {
  background: var(--calm-hover);
}

.calm-ui .kyc9-btn {
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .kyc9-btn:hover:not(:disabled) {
  box-shadow: none;
  transform: none;
}

/* Sign in and sign up */

.calm-ui .auth-page {
  --accent: var(--calm-accent);
  --accent-strong: var(--calm-accent-hover);
  --accent-soft: var(--calm-accent-soft);
  --accent-muted: rgba(var(--calm-accent-rgb), .22);
  --bg-main: var(--calm-bg);
  --bg-left: var(--calm-bg);
  --bg-right: var(--calm-panel);
  --bg-panel: var(--calm-panel);
  --bg-field: var(--calm-field);
  --bg-field-hover: var(--calm-field-hover);
  --border-soft: var(--calm-line);
  --border-strong: var(--calm-line-strong);
  --text-main: var(--calm-text);
  --text-soft: #a6abb3;
  --text-muted: var(--calm-muted);
  --text-faint: var(--calm-dim);
  background: linear-gradient(90deg, var(--calm-bg) 0 45%, var(--calm-panel) 45% 100%);
}

.calm-ui .auth-page::before,
.calm-ui .auth-page .hero-image-place::before,
.calm-ui .auth-page .green-orb {
  display: none;
}

.calm-ui .auth-page .hero-image-place {
  width: 190px;
  height: 190px;
  margin-bottom: 28px;
}

.calm-ui .auth-page .hero-image-place img {
  filter: saturate(.82);
}

.calm-ui .auth-page .hero-eyebrow,
.calm-ui .auth-page .form-kicker {
  margin-bottom: 12px;
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
}

.calm-ui .auth-page .left-inner h1 {
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
}

.calm-ui .auth-page .hero-subtitle {
  margin-bottom: 28px;
  color: var(--calm-muted);
  font-size: 16px;
  line-height: 1.65;
}

.calm-ui .auth-page .trust-stack {
  gap: 8px;
}

.calm-ui .auth-page .trust-card,
.calm-ui .auth-page .trust-card.is-primary {
  min-height: 78px;
  padding: 16px 18px;
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui .auth-page .trust-index {
  width: 34px;
  height: 34px;
  border: 0;
  color: var(--calm-muted);
  background: var(--calm-field);
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .auth-page .trust-card strong {
  color: var(--calm-text);
  font-size: 15px;
  font-weight: 650;
}

.calm-ui .auth-page .trust-card p {
  color: var(--calm-muted);
  font-size: 13px;
  font-weight: 400;
}

.calm-ui .auth-page .stats {
  margin-top: 30px;
  padding-top: 22px;
  border-top-color: var(--calm-line);
}

.calm-ui .auth-page .stat-item strong {
  font-size: 24px;
  font-weight: 700;
}

.calm-ui .auth-page .stat-item span {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

.calm-ui .auth-page .auth-form {
  max-width: 500px;
  padding: 34px;
  border: 0;
  border-radius: 10px;
  background: var(--calm-panel);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
  backdrop-filter: none;
}

.calm-ui .auth-page .auth-form h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
}

.calm-ui .auth-page .signin-text {
  color: var(--calm-muted);
  font-size: 14px;
  font-weight: 400;
}

.calm-ui .auth-page .auth-form a {
  color: var(--calm-text);
  font-weight: 600;
}

.calm-ui .auth-page .auth-form a:hover {
  color: var(--calm-accent);
}

.calm-ui .auth-page .field {
  height: 56px;
  margin-bottom: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--calm-field);
}

.calm-ui .auth-page .field:hover {
  border-color: transparent;
  background: var(--calm-field-hover);
  box-shadow: none;
}

.calm-ui .auth-page .field:focus-within {
  border-color: var(--calm-line-strong);
  background: var(--calm-field-hover);
  box-shadow: none;
}

.calm-ui .auth-page .field input {
  color: var(--calm-text);
  font-size: 15px;
  font-weight: 500;
}

.calm-ui .auth-page .password-rules {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
}

.calm-ui .auth-page .password-rules div,
.calm-ui .auth-page .password-rules .rule-pill {
  border-right-color: var(--calm-line);
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
}

.calm-ui .auth-page .optional-btn {
  min-height: 44px;
  border-bottom-color: var(--calm-line);
  color: var(--calm-muted);
  font-size: 13px;
  font-weight: 500;
}

.calm-ui .auth-page .optional-btn:hover {
  color: var(--calm-text);
  border-bottom-color: var(--calm-line-strong);
}

.calm-ui .auth-page .fake-captcha,
.calm-ui .auth-page .security-check {
  min-height: 72px;
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui .auth-page .fake-captcha:hover,
.calm-ui .auth-page .fake-captcha.is-verified {
  border: 0;
  background: var(--calm-field);
  box-shadow: none;
}

.calm-ui .auth-page .captcha-check {
  border-color: var(--calm-line-strong);
  border-radius: 7px;
  background: var(--calm-field);
}

.calm-ui .auth-page .fake-captcha.is-verified {
  background: color-mix(in srgb, var(--calm-accent) 6%, var(--calm-panel-soft));
}

.calm-ui .auth-page .fake-captcha.is-verified .captcha-check {
  border-color: transparent;
  color: #080a0e;
  background: var(--calm-accent);
  box-shadow: 0 0 0 3px rgba(var(--calm-accent-rgb), .1);
}

.calm-ui .auth-page .captcha-text strong {
  font-size: 14px;
  font-weight: 600;
}

.calm-ui .auth-page .captcha-text span,
.calm-ui .auth-page .check-row,
.calm-ui .auth-page .submit-hint {
  color: var(--calm-muted);
  font-size: 13px;
  font-weight: 400;
}

.calm-ui .auth-page .captcha-brand {
  color: var(--calm-dim);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .auth-page .check-row input {
  border-color: var(--calm-line-strong);
  border-radius: 5px;
  background: var(--calm-field);
}

.calm-ui .auth-page .submit-btn {
  height: 52px;
  border: 0;
  border-radius: 8px;
  color: #080a0e;
  background: var(--calm-accent);
  box-shadow: none;
  font-size: 15px;
  font-weight: 650;
}

.calm-ui .auth-page .submit-btn:hover:not(:disabled) {
  background: var(--calm-accent-hover);
  box-shadow: none;
  filter: none;
  transform: none;
}

.calm-ui .auth-page .toast {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel-soft);
  box-shadow: var(--calm-shadow);
}

.calm-ui .auth-page .twofa-icon {
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui .auth-page .twofa-icon .mdi {
  color: var(--calm-muted);
  font-size: 26px;
}

.calm-ui .auth-page .twofa-description {
  color: var(--calm-muted);
  font-size: 14px;
  font-weight: 400;
}

.calm-ui .auth-page .code-input {
  height: 56px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--calm-text);
  background: var(--calm-field);
  font-size: 21px;
  font-weight: 650;
}

.calm-ui .auth-page .code-input:focus,
.calm-ui .auth-page .code-input.has-value {
  border-color: var(--calm-line-strong);
  background: var(--calm-field-hover);
  box-shadow: none;
  transform: none;
}

.calm-ui .auth-page .twofa-back span {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .verify-modal {
  background: rgba(2, 5, 8, .64);
  backdrop-filter: blur(2px);
}

.calm-ui .verify-content {
  border-radius: 10px;
  color: var(--calm-text);
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui .verify-content h2 {
  font-size: 22px;
  font-weight: 650;
}

.calm-ui .verify-content p,
.calm-ui .verify-timer {
  color: var(--calm-muted);
  font-size: 14px;
}

.calm-ui .verify-input-group {
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--calm-field);
}

.calm-ui .verify-input-group:focus-within {
  border-color: var(--calm-line-strong);
}

.calm-ui .verify-input-group input {
  color: var(--calm-text);
  background: transparent;
}

.calm-ui .verify-input-group button,
.calm-ui .close-btn {
  color: var(--calm-muted);
}

.calm-ui .verify-confirm {
  border-radius: 7px;
  color: #080a0e;
  background: var(--calm-accent);
  font-size: 14px;
  font-weight: 650;
}

/* Spot trading */

.calm-ui {
  --trade-bg: var(--calm-bg);
  --trade-panel: var(--calm-panel);
  --trade-panel-2: var(--calm-panel-soft);
  --trade-panel-3: var(--calm-field);
  --trade-line: var(--calm-line);
  --trade-line-strong: var(--calm-line-strong);
  --trade-line-soft: var(--calm-line);
  --trade-text: var(--calm-text);
  --trade-text-strong: var(--calm-text);
  --trade-row-text: var(--calm-text);
  --trade-muted: var(--calm-muted);
  --trade-muted-light: #a6abb3;
  --trade-muted-2: var(--calm-dim);
  --trade-green: var(--calm-accent);
  --trade-green-soft: var(--calm-accent-soft);
  --trade-red: var(--calm-danger);
  --trade-red-soft: var(--calm-danger-soft);
  --trade-yellow: var(--calm-warning);
  --trade-yellow-soft: var(--calm-warning-soft);
  --trade-hover-bg: var(--calm-hover);
  --trade-hover-bg-soft: rgba(255, 255, 255, .025);
  --trade-row-border: var(--calm-line);
  --trade-row-border-soft: rgba(255, 255, 255, .025);
  --trade-list-item-bg: transparent;
  --trade-field-bg-soft: var(--calm-field);
  --trade-field-focus-bg: var(--calm-field-hover);
  --trade-scrollbar: rgba(255, 255, 255, .16);
  --trade-radius: 7px;
  --trade-radius-sm: 6px;
  --trade-gap: 2px;
}

.calm-ui .trade__container-ghTgp {
  color: var(--trade-text);
  background: var(--trade-bg);
  font-size: 13px;
}

.calm-ui .trade__box-ghTgp {
  gap: 2px;
}

.calm-ui .top-ghTgp,
.calm-ui .center-top-ghTgp,
.calm-ui .orders-list,
.calm-ui .trading__panel-section,
.calm-ui .center-bottom-ghTgp,
.calm-ui .right-top-ghTgp.coins {
  border: 0;
  border-radius: 0;
  background: var(--trade-panel);
  box-shadow: none;
}

.calm-ui .info__pare {
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .info__price {
  font-size: 19px;
  font-weight: 700;
}

.calm-ui .info__stats-title {
  color: var(--trade-muted);
  font-size: 12px;
  font-weight: 500;
}

.calm-ui .info__stats-value {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .chart__time-current,
.calm-ui .chart__style-current,
.calm-ui .chart__tool-btn {
  border: 0;
  border-radius: 5px;
  color: var(--trade-muted);
  background: transparent;
  box-shadow: none;
}

.calm-ui .chart__time-current:hover,
.calm-ui .chart__style-current:hover,
.calm-ui .chart__tool-btn:hover,
.calm-ui .chart__tool-btn.active {
  color: var(--trade-text);
  background: var(--trade-hover-bg);
  box-shadow: none;
}

.calm-ui .chart__time-label,
.calm-ui .chart__style-label {
  color: var(--trade-muted);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .chart__time-value,
.calm-ui .chart__style-value,
.calm-ui .chart__time-option,
.calm-ui .chart__style-option,
.calm-ui .chart__tool-dropdown button {
  font-size: 13px;
  font-weight: 550;
}

.calm-ui .chart__time-menu,
.calm-ui .chart__style-menu,
.calm-ui .chart__tool-dropdown {
  border: 1px solid var(--trade-line);
  border-radius: 7px;
  background: var(--trade-panel-2);
  box-shadow: var(--calm-shadow);
}

.calm-ui .book__title,
.calm-ui .orders__title,
.calm-ui .order__title-fbGht {
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .book__names,
.calm-ui .book__names-size,
.calm-ui .book__names-sum {
  color: var(--trade-muted);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .book__items > div,
.calm-ui .book__item,
.calm-ui .book__items a {
  color: var(--trade-row-text);
  font-size: 12.5px;
  font-weight: 500;
}

.calm-ui .book__items > div:hover,
.calm-ui .book__item:hover {
  background: var(--trade-hover-bg-soft);
}

.calm-ui .order__title-fbGht,
.calm-ui .order__market-price,
.calm-ui .order__limit-select,
.calm-ui .order__limit-item {
  font-size: 13px;
}

.calm-ui .order_input-box,
.calm-ui .order__limit-pricing-box,
.calm-ui .order__limit-select {
  border: 1px solid transparent;
  border-radius: 6px;
  background: var(--trade-panel-2);
  box-shadow: none;
}

.calm-ui .order_input-box:focus-within,
.calm-ui .order__limit-pricing-box:focus-within {
  border-color: var(--trade-line-strong);
  box-shadow: none;
}

.calm-ui .order_input-box input {
  color: var(--trade-text);
  font-size: 13px;
  font-weight: 550;
}

.calm-ui .order__slider-percent {
  color: var(--trade-muted);
  font-size: 11px;
}

.calm-ui .order_btn-fbGht {
  min-height: 44px;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .order_btn-fbGht:hover {
  box-shadow: none;
  filter: brightness(.97);
  transform: none;
}

.calm-ui .orders-list th,
.calm-ui .orders-list [class*="header"] {
  color: var(--trade-muted);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .orders-list td,
.calm-ui .orders-list [class*="item"] {
  font-size: 12.5px;
}

/* Futures trading */

.calm-ui.futures-body {
  --futures-border: var(--calm-line);
  --futures-border-strong: var(--calm-line-strong);
  --futures-panel: var(--calm-panel);
  --futures-panel-soft: var(--calm-bg);
  --futures-hover: var(--calm-hover);
  --futures-red: var(--calm-danger);
  --futures-red-soft: var(--calm-danger-soft);
  --futures-yellow: var(--calm-warning);
  --futures-blue: #6c98d3;
}

.calm-ui .futures-page {
  border-bottom: 0;
  color: var(--calm-text);
  background: var(--calm-bg);
  font-size: 14px;
}

.calm-ui .futures-market-bar {
  border-bottom: 1px solid var(--futures-border);
  background: var(--futures-panel);
}

.calm-ui .futures-contract-trigger,
.calm-ui .futures-control-button,
.calm-ui .futures-chart-tools button,
.calm-ui .futures-depth-controls button,
.calm-ui .futures-icon-command {
  border: 0;
  border-radius: 5px;
  box-shadow: none;
}

.calm-ui .futures-contract-trigger:hover,
.calm-ui .futures-control-button:hover,
.calm-ui .futures-chart-tools button:hover,
.calm-ui .futures-depth-controls button:hover,
.calm-ui .futures-icon-command:hover {
  border: 0;
  background: var(--futures-hover);
}

.calm-ui .futures-contract-name {
  font-size: 15px;
  font-weight: 700;
}

.calm-ui .futures-contract-badge {
  color: var(--calm-muted);
  background: var(--calm-hover);
  font-size: 11px;
  font-weight: 600;
}

.calm-ui .futures-market-price strong {
  font-size: 19px;
  font-weight: 700;
}

.calm-ui .futures-market-price span,
.calm-ui .futures-market-stat span,
.calm-ui .futures-connection {
  color: var(--calm-muted);
  font-size: 12px;
}

.calm-ui .futures-market-stat strong {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .futures-workspace {
  gap: 1px;
  background: var(--calm-bg);
}

.calm-ui .futures-chart-panel,
.calm-ui .futures-depth-panel {
  border-right-color: var(--futures-border);
}

.calm-ui .futures-chart-header,
.calm-ui .futures-panel-header,
.calm-ui .futures-order-header,
.calm-ui .futures-terminal-header {
  border-bottom-color: var(--futures-border);
}

.calm-ui .futures-control-button {
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .futures-popover-menu,
.calm-ui .futures-dialog {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui .futures-popover-menu button {
  font-size: 13px;
  font-weight: 550;
}

.calm-ui .futures-popover-menu button.is-active {
  color: var(--calm-text);
  background: var(--calm-hover);
}

.calm-ui .futures-chart-watermark span {
  font-size: 32px;
  font-weight: 700;
}

.calm-ui .futures-chart-state {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .futures-panel-tabs button,
.calm-ui .futures-terminal-tabs button,
.calm-ui .futures-order-types button,
.calm-ui .futures-mobile-market-tabs button {
  color: var(--calm-muted);
  font-size: 13px;
  font-weight: 550;
}

.calm-ui .futures-panel-tabs button.is-active::after,
.calm-ui .futures-terminal-tabs button.is-active::after,
.calm-ui .futures-order-types button.is-active::after,
.calm-ui .futures-mobile-market-tabs button.is-active::after {
  background: var(--calm-accent);
}

.calm-ui .futures-table-head {
  color: var(--calm-muted);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .futures-book-row,
.calm-ui .futures-trade-row {
  font-size: 12px;
}

.calm-ui .futures-book-mid span {
  color: var(--calm-muted);
  font-size: 11px;
}

.calm-ui .futures-order-header span,
.calm-ui .futures-field,
.calm-ui .futures-order-tif,
.calm-ui .futures-checkbox,
.calm-ui .futures-check-row {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 550;
}

.calm-ui .futures-order-header strong {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .futures-setting-chip,
.calm-ui .futures-range-presets button,
.calm-ui .futures-percent-presets button,
.calm-ui .futures-leverage-presets button,
.calm-ui .futures-terminal-actions button {
  border: 0;
  border-radius: 5px;
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
  font-size: 11px;
  font-weight: 600;
}

.calm-ui .futures-setting-chip:hover,
.calm-ui .futures-range-presets button:hover,
.calm-ui .futures-range-presets button.is-active,
.calm-ui .futures-percent-presets button:hover,
.calm-ui .futures-percent-presets button.is-active,
.calm-ui .futures-leverage-presets button:hover,
.calm-ui .futures-leverage-presets button.is-active {
  border: 0;
  color: var(--calm-text);
  background: var(--calm-hover);
}

.calm-ui .futures-input-wrap,
.calm-ui .futures-leverage-input,
.calm-ui .futures-contract-search,
.calm-ui .futures-search-field,
.calm-ui .futures-segmented {
  border: 1px solid transparent;
  border-radius: 6px;
  background: var(--calm-field);
}

.calm-ui .futures-input-wrap:focus-within,
.calm-ui .futures-leverage-input:focus-within,
.calm-ui .futures-contract-search:focus-within,
.calm-ui .futures-search-field:focus-within {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .futures-input-wrap input,
.calm-ui .futures-leverage-input input,
.calm-ui .futures-contract-search input,
.calm-ui .futures-search-field input {
  font-size: 13px;
  font-weight: 550;
}

.calm-ui .futures-unit-toggle {
  color: var(--calm-text);
  background: var(--calm-hover);
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .futures-order-preview,
.calm-ui .futures-calculator-result {
  border: 0;
  border-radius: 6px;
  background: var(--calm-panel-soft);
}

.calm-ui .futures-order-preview dt,
.calm-ui .futures-calculator-result span,
.calm-ui .futures-confirm-list dt {
  color: var(--calm-muted);
  font-size: 11px;
}

.calm-ui .futures-order-preview dd,
.calm-ui .futures-confirm-list dd {
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .futures-long-button,
.calm-ui .futures-short-button {
  border-radius: 6px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 650;
}

.calm-ui .futures-long-button:hover,
.calm-ui .futures-short-button:hover {
  box-shadow: none;
  filter: brightness(.97);
}

.calm-ui .futures-account-strip {
  border-bottom-color: var(--futures-border);
}

.calm-ui .futures-account-heading {
  font-size: 13px;
  font-weight: 650;
}

.calm-ui .futures-account-metric span,
.calm-ui .futures-margin-meter span {
  color: var(--calm-muted);
  font-size: 11px;
}

.calm-ui .futures-account-metric strong {
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .futures-account-heading,
.calm-ui .futures-account-metric,
.calm-ui .futures-margin-meter {
  border-right-color: var(--futures-border);
}

.calm-ui .futures-transfer-button,
.calm-ui .futures-account-guest button,
.calm-ui .futures-primary-button,
.calm-ui .futures-secondary-button,
.calm-ui .futures-danger-button,
.calm-ui .futures-auth-actions a {
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 650;
}

.calm-ui .futures-data-head {
  color: var(--calm-muted);
  border-bottom-color: var(--futures-border);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .futures-data-row {
  border-bottom-color: var(--futures-border);
  font-size: 12px;
}

.calm-ui .futures-row-actions button {
  border: 0;
  border-radius: 5px;
  background: var(--calm-hover);
  font-size: 11px;
  font-weight: 600;
}

.calm-ui .futures-empty-state,
.calm-ui .futures-dialog-body > p {
  color: var(--calm-muted);
  font-size: 13px;
}

.calm-ui .futures-dialog header strong {
  font-size: 16px;
  font-weight: 650;
}

.calm-ui .futures-dialog header span {
  color: var(--calm-muted);
  font-size: 12px;
}

.calm-ui .futures-contract-list-head {
  color: var(--calm-muted);
  border-bottom-color: var(--futures-border);
  font-size: 11px;
  font-weight: 500;
}

.calm-ui .futures-contract-row {
  border-bottom-color: var(--futures-border);
}

.calm-ui .futures-contract-select strong,
.calm-ui .futures-contract-select b,
.calm-ui .futures-contract-select em {
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .futures-contract-select small {
  color: var(--calm-muted);
  font-size: 11px;
}

.calm-ui .futures-toast {
  border: 0;
  border-radius: 7px;
  background: var(--calm-panel-soft);
  box-shadow: var(--calm-shadow);
  font-size: 13px;
}

/* Informational pages and home screens */

.calm-ui .app-shell,
.calm-ui .page {
  color: var(--calm-text);
  background: var(--calm-bg);
}

.calm-ui .hero-glow,
.calm-ui .cta-glow,
.calm-ui .page::before,
.calm-ui::before,
.calm-ui::after {
  display: none !important;
}

.calm-ui .hero.section-lg,
.calm-ui .hero.compact,
.calm-ui .legal-hero {
  border-bottom-color: var(--calm-line);
  background: var(--calm-bg);
}

.calm-ui .hero h1,
.calm-ui .legal-hero h1 {
  color: var(--calm-text);
  font-size: 52px;
  font-weight: 700;
  line-height: 1.08;
}

.calm-ui .hero h1 span,
.calm-ui .section-head h2 span,
.calm-ui .legal-hero h1 span {
  color: var(--calm-text);
}

.calm-ui .hero-text,
.calm-ui .section-head p,
.calm-ui .legal-hero p {
  color: var(--calm-muted);
  font-size: 16px;
  line-height: 1.65;
}

.calm-ui .badge,
.calm-ui .live-label,
.calm-ui .mini-badge {
  border: 0;
  border-radius: 5px;
  color: var(--calm-muted);
  background: var(--calm-hover);
  box-shadow: none;
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .pulse-dot {
  box-shadow: none;
  animation: none;
}

.calm-ui .stats,
.calm-ui .stat-pill {
  border: 0;
  border-radius: 7px;
  background: transparent;
}

.calm-ui .stat-pill {
  background: var(--calm-panel-soft);
}

.calm-ui .stat-pill span {
  color: var(--calm-muted);
  font-size: 12px;
}

.calm-ui .stat-pill strong {
  color: var(--calm-text);
  font-weight: 650;
}

.calm-ui .section-head h2 {
  color: var(--calm-text);
  font-size: 34px;
  font-weight: 700;
}

.calm-ui .data-table,
.calm-ui .feature-card,
.calm-ui .status-list,
.calm-ui .step-card,
.calm-ui .proof-card,
.calm-ui .info-card {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui .table-row {
  border-bottom-color: var(--calm-line);
  font-size: 14px;
}

.calm-ui .table-row.table-head {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

.calm-ui .feature-card:hover,
.calm-ui .step-card:hover,
.calm-ui .proof-card:hover,
.calm-ui .info-card:hover {
  border: 0;
  background: var(--calm-panel-soft);
  box-shadow: none;
  transform: none;
}

.calm-ui .feature-card h3,
.calm-ui .step-card h3,
.calm-ui .proof-card h3,
.calm-ui .info-card h3 {
  color: var(--calm-text);
  font-size: 17px;
  font-weight: 650;
}

.calm-ui .feature-card p,
.calm-ui .step-card p,
.calm-ui .proof-card p,
.calm-ui .info-card p {
  color: var(--calm-muted);
  font-size: 14px;
  line-height: 1.6;
}

.calm-ui .status-row {
  border-bottom-color: var(--calm-line);
  font-size: 14px;
}

.calm-ui .status-icon,
.calm-ui .status-pill {
  border: 0;
  border-radius: 6px;
  color: var(--calm-muted);
  background: var(--calm-panel-soft);
}

.calm-ui .status-pill {
  font-size: 12px;
  font-weight: 600;
}

.calm-ui .legal-meta {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

.calm-ui .legal-prose h2 {
  color: var(--calm-text);
  border-bottom-color: var(--calm-line);
  font-size: 22px;
  font-weight: 650;
}

.calm-ui .legal-prose h3,
.calm-ui .legal-prose strong {
  color: var(--calm-text);
}

.calm-ui .legal-prose p,
.calm-ui .legal-prose li {
  color: var(--calm-muted);
  font-size: 15px;
}

.calm-ui .legal-bottom {
  border-top-color: var(--calm-line);
  color: var(--calm-muted);
}

/* Information hub */

.calm-ui.info-page {
  --primary: var(--calm-accent);
  --primary-rgb: var(--calm-accent-rgb);
  --primary-soft: var(--calm-accent-soft);
  --primary-line: rgba(var(--calm-accent-rgb), .24);
  --bg: var(--calm-bg);
  --bg-soft: var(--calm-panel);
  --card: var(--calm-panel);
  --card-2: var(--calm-panel-soft);
  --text: var(--calm-text);
  --muted: var(--calm-muted);
  --muted-2: var(--calm-dim);
  --line: var(--calm-line);
  --line-soft: var(--calm-line);
  --danger: var(--calm-danger);
  --warning: var(--calm-warning);
  color-scheme: dark;
}

html[data-theme="light"] .calm-ui.info-page {
  color-scheme: light;
}

.calm-ui.info-page .app-shell,
.calm-ui.info-page .page-section,
.calm-ui.info-page .hero,
.calm-ui.info-page .legal-hero,
.calm-ui.info-page .section,
.calm-ui.info-page .section-lg {
  color: var(--calm-text);
  background: var(--calm-bg);
}

.calm-ui.info-page .section,
.calm-ui.info-page .section-lg,
.calm-ui.info-page .hero,
.calm-ui.info-page .legal-hero {
  border-color: transparent;
}

.calm-ui.info-page .badge,
.calm-ui.info-page .live-label {
  color: var(--calm-muted);
  background: var(--calm-hover);
}

.calm-ui.info-page .pulse-dot,
.calm-ui.info-page .pulse-dot.green,
.calm-ui.info-page .popular-row::before,
.calm-ui.info-page .status-pill::before,
.calm-ui.info-page .bars span {
  background: var(--calm-accent);
}

.calm-ui.info-page .eyebrow,
.calm-ui.info-page .accent,
.calm-ui.info-page .clause-num,
.calm-ui.info-page .breadcrumb strong,
.calm-ui.info-page .legal-prose a,
.calm-ui.info-page .legal-bottom a,
.calm-ui.info-page .feature-card a,
.calm-ui.info-page .step-card b {
  color: var(--calm-accent);
}

.calm-ui.info-page .stat-pill,
.calm-ui.info-page .table-head,
.calm-ui.info-page .popular-row {
  background: var(--calm-panel-soft);
}

.calm-ui.info-page .stat-pill span,
.calm-ui.info-page .section-head p,
.calm-ui.info-page .live-label,
.calm-ui.info-page .table-head,
.calm-ui.info-page .muted,
.calm-ui.info-page .compare-card small,
.calm-ui.info-page .fee-line span,
.calm-ui.info-page .note,
.calm-ui.info-page .status-name p,
.calm-ui.info-page .form-note {
  color: var(--calm-muted);
}

.calm-ui.info-page .stat-pill strong,
.calm-ui.info-page .table-row,
.calm-ui.info-page .white,
.calm-ui.info-page .fee-line strong,
.calm-ui.info-page .checks li,
.calm-ui.info-page .verified-bubble,
.calm-ui.info-page .contact-form label {
  color: var(--calm-text);
}

.calm-ui.info-page .data-table,
.calm-ui.info-page .compare-card,
.calm-ui.info-page .feature-card,
.calm-ui.info-page .step-card,
.calm-ui.info-page .status-list,
.calm-ui.info-page .contact-form {
  border: 0;
  border-radius: 8px;
  color: var(--calm-text);
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui.info-page .compare-card:hover,
.calm-ui.info-page .feature-card:hover,
.calm-ui.info-page .step-card:hover {
  border: 0;
  background: var(--calm-panel-soft);
  box-shadow: none;
  transform: none;
}

.calm-ui.info-page .compare-card.highlight {
  border: 0;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui.info-page .compare-card.highlight .card-top strong,
.calm-ui.info-page .compare-card.highlight .fee-line strong,
.calm-ui.info-page .card-top span,
.calm-ui.info-page .highlight small {
  color: var(--calm-accent);
}

.calm-ui.info-page .table-row {
  border-bottom-color: var(--calm-line);
}

.calm-ui.info-page .table-row:hover {
  background: var(--calm-hover);
}

.calm-ui.info-page .asset img {
  border: 0;
  background: var(--calm-panel-soft);
}

.calm-ui.info-page .mini-badge,
.calm-ui.info-page .check,
.calm-ui.info-page .checks span,
.calm-ui.info-page .status-icon,
.calm-ui.info-page .status-pill {
  border: 0;
  color: var(--calm-accent);
  background: var(--calm-accent-soft);
  box-shadow: none;
}

.calm-ui.info-page .status-row {
  border-bottom-color: var(--calm-line);
}

.calm-ui.info-page .status-name p {
  margin: 3px 0 0;
}

.calm-ui.info-page .contact-form input,
.calm-ui.info-page .contact-form select,
.calm-ui.info-page .contact-form textarea {
  border: 0;
  border-radius: 7px;
  color: var(--calm-text);
  background: var(--calm-field);
  box-shadow: none;
}

.calm-ui.info-page .contact-form input:hover,
.calm-ui.info-page .contact-form select:hover,
.calm-ui.info-page .contact-form textarea:hover,
.calm-ui.info-page .contact-form input:focus,
.calm-ui.info-page .contact-form select:focus,
.calm-ui.info-page .contact-form textarea:focus {
  border: 0;
  background: var(--calm-field-hover);
  box-shadow: none;
}

.calm-ui.info-page .contact-form input::placeholder,
.calm-ui.info-page .contact-form textarea::placeholder {
  color: var(--calm-muted);
  opacity: 1;
}

.calm-ui.info-page .button.primary,
.calm-ui.info-page .btn.primary {
  border: 0;
  color: #ffffff;
  background: var(--calm-accent);
  box-shadow: none;
}

.calm-ui.info-page .button.primary:hover,
.calm-ui.info-page .btn.primary:hover {
  color: #ffffff;
  background: var(--calm-accent-hover);
  box-shadow: none;
}

.calm-ui.info-page .button.outline,
.calm-ui.info-page .btn.ghost {
  border: 0;
  color: var(--calm-text);
  background: var(--calm-panel-soft);
}

.calm-ui.info-page .button.outline:hover,
.calm-ui.info-page .btn.ghost:hover {
  border: 0;
  background: var(--calm-field);
}

.calm-ui.info-page .coin {
  border-color: var(--calm-line-strong);
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui.info-page .vault-core text {
  fill: var(--calm-accent);
  filter: none;
}

.calm-ui.info-page .vault-svg line,
.calm-ui.info-page .orbit-ring,
.calm-ui.info-page .wave {
  stroke: var(--calm-accent);
}

.calm-ui.info-page .maker-bubble {
  border: 0;
  color: #ffffff;
  background: var(--calm-accent);
  box-shadow: none;
}

.calm-ui.info-page .maker-bubble::before {
  display: none;
}

.calm-ui.info-page .maker-bubble small {
  color: rgba(255, 255, 255, .74);
}

.calm-ui.info-page .verified-bubble {
  border: 0;
  background: var(--calm-panel-soft);
  box-shadow: none;
}

.calm-ui.info-page .breadcrumb,
.calm-ui.info-page .breadcrumb a,
.calm-ui.info-page .legal-meta,
.calm-ui.info-page .legal-bottom {
  color: var(--calm-muted);
}

.calm-ui.info-page .legal-prose h2,
.calm-ui.info-page .legal-prose h3,
.calm-ui.info-page .legal-prose strong {
  color: var(--calm-text);
}

.calm-ui.info-page .legal-prose h2,
.calm-ui.info-page .legal-bottom {
  border-color: var(--calm-line);
}

.calm-ui.info-page .legal-prose p,
.calm-ui.info-page .legal-prose li {
  color: var(--calm-muted);
}

html[data-theme="light"] .calm-ui.info-page .hero-text,
html[data-theme="light"] .calm-ui.info-page .section-copy,
html[data-theme="light"] .calm-ui.info-page .section-head p,
html[data-theme="light"] .calm-ui.info-page .stat-pill span,
html[data-theme="light"] .calm-ui.info-page .live-label,
html[data-theme="light"] .calm-ui.info-page .table-head,
html[data-theme="light"] .calm-ui.info-page .muted,
html[data-theme="light"] .calm-ui.info-page .compare-card small,
html[data-theme="light"] .calm-ui.info-page .fee-line span,
html[data-theme="light"] .calm-ui.info-page .note,
html[data-theme="light"] .calm-ui.info-page .status-name p,
html[data-theme="light"] .calm-ui.info-page .form-note,
html[data-theme="light"] .calm-ui.info-page .breadcrumb,
html[data-theme="light"] .calm-ui.info-page .breadcrumb a,
html[data-theme="light"] .calm-ui.info-page .legal-meta,
html[data-theme="light"] .calm-ui.info-page .legal-prose p,
html[data-theme="light"] .calm-ui.info-page .legal-prose li,
html[data-theme="light"] .calm-ui.info-page .legal-bottom {
  color: #626a75;
}

.calm-ui .hero-title {
  color: var(--calm-text);
  font-size: 64px;
  font-weight: 700;
  line-height: 1.05;
}

.calm-ui .hero-subtitle {
  color: var(--calm-muted);
  font-size: 17px;
  line-height: 1.6;
}

.calm-ui .gems-title,
.calm-ui .why-title,
.calm-ui .app-title,
.calm-ui .faq-title {
  color: var(--calm-text);
  font-size: 40px;
  font-weight: 700;
}

.calm-ui .market-card,
.calm-ui .why-card,
.calm-ui .faq-item {
  border: 0;
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui .why-card:hover,
.calm-ui .faq-item:hover,
.calm-ui .faq-item.active {
  border: 0;
  background: var(--calm-panel-soft);
  box-shadow: none;
  transform: none;
}

.calm-ui .market-tab {
  color: var(--calm-muted);
  font-size: 14px;
  font-weight: 550;
}

.calm-ui .market-tab:hover,
.calm-ui .market-tab.active {
  color: var(--calm-text);
  background: transparent;
}

.calm-ui .market-table th {
  color: var(--calm-muted);
  font-size: 12px;
  font-weight: 500;
}

.calm-ui .market-table td {
  color: var(--calm-text);
  font-size: 14px;
}

.calm-ui .market-table td.change.is-up {
  color: var(--calm-accent);
}

.calm-ui .market-table td.change.is-down {
  color: var(--calm-danger);
}

.calm-ui .market-table td:nth-child(5) .coin-graphics {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}

.calm-ui .why-card h3 {
  font-size: 18px;
  font-weight: 650;
}

.calm-ui .why-card p,
.calm-ui .faq-answer-inner,
.calm-ui .app-text {
  color: var(--calm-muted);
  font-size: 15px;
  line-height: 1.6;
}

.calm-ui .signup-form {
  border: 1px solid var(--calm-line-strong);
  border-radius: 8px;
  background: var(--calm-panel);
  box-shadow: none;
}

.calm-ui .signup-form:focus-within {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .signup-form button,
.calm-ui .view-more,
.calm-ui .contact-btn,
.calm-ui .store-btn {
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 650;
}

/* Support */

.calm-ui .cookie {
  position: fixed;
  top: auto;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 3900;
  width: min(680px, calc(100vw - 40px));
  margin-inline: auto;
  border: 0;
  border-radius: 8px;
  color: var(--calm-text);
  background: color-mix(in srgb, var(--calm-panel) 96%, transparent);
  box-shadow: var(--calm-shadow);
  backdrop-filter: blur(14px);
  transform: none;
  animation: none;
}

.calm-ui .cookie .cookie__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  width: 100%;
  padding: 16px 18px;
}

.calm-ui .cookie .cookie__text {
  color: var(--calm-muted);
  font-size: 13px;
  line-height: 1.5;
}

.calm-ui .cookie .cookie__text a {
  color: var(--calm-text);
  text-decoration-color: var(--calm-line-strong);
  text-underline-offset: 3px;
}

.calm-ui .cookie .spacer {
  display: none;
}

.calm-ui .cookie .cookie__btn {
  min-width: 112px;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  color: #080a0e;
  background: var(--calm-accent);
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
}

.calm-ui .cookie .cookie__btn:hover {
  background: var(--calm-accent-hover);
  transform: none;
}

.calm-ui .support-chat {
  --support-accent: var(--calm-accent);
}

.calm-ui .support-button {
  border: 0;
  background: var(--calm-panel);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.calm-ui .support-button:hover,
.calm-ui .support-button:active {
  background: var(--calm-panel-soft);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
  transform: none;
}

.calm-ui .support-button p {
  color: var(--calm-text);
  font-size: 13px;
  font-weight: 600;
}

.calm-ui .chat-box {
  border: 0;
  border-radius: 10px;
  background: var(--calm-panel);
  box-shadow: var(--calm-shadow);
}

.calm-ui .chat-box-header,
.calm-ui .chat-box-footer {
  border-color: var(--calm-line);
  background: var(--calm-panel);
}

.calm-ui .support-header span {
  color: var(--calm-text);
  font-size: 14px;
  font-weight: 650;
}

.calm-ui .support-profile span,
.calm-ui .support-date {
  color: var(--calm-muted);
  font-size: 11px;
}

.calm-ui .support-message {
  border: 0;
  border-radius: 7px;
  box-shadow: none;
}

.calm-ui .support__my-message .support-message {
  color: var(--calm-text);
  background: var(--calm-accent-soft);
}

.calm-ui .support__support-message .support-message {
  color: var(--calm-text);
  background: var(--calm-panel-soft);
}

.calm-ui .support-message-text {
  font-size: 14px;
  line-height: 1.5;
}

.calm-ui .support-input-shell {
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--calm-field);
  box-shadow: none;
}

.calm-ui .support-input-shell:focus-within {
  border-color: var(--calm-line-strong);
  box-shadow: none;
}

.calm-ui .support-send-btn,
.calm-ui .support-attach-btn {
  border: 0;
  color: var(--calm-muted);
  background: transparent;
}

.calm-ui .support-send-btn:hover,
.calm-ui .support-attach-btn:hover {
  color: var(--calm-text);
  background: var(--calm-hover);
  transform: none;
}

@media (max-width: 1020px) {
  .calm-ui .dp-guidance {
    border-top-color: var(--dp-line);
  }

  .calm-ui .settings-modern-page .shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .calm-ui .settings-modern-page .nav {
    position: static;
    flex-direction: row;
    overflow-x: auto;
  }

  .calm-ui .settings-modern-page .nav button {
    width: auto;
    min-width: max-content;
  }

  .calm-ui .settings-modern-page .nav .nav-foot {
    display: none;
  }
}

@media (max-width: 760px) {
  .calm-ui {
    font-size: 14px;
  }

  .calm-ui .exchange-header {
    gap: 10px;
    padding: 0 12px;
  }

  .calm-ui .deposit-page {
    padding: 22px 12px 96px;
  }

  .calm-ui .dp-page-title h1 {
    font-size: 25px;
  }

  .calm-ui .dp-page-title p {
    font-size: 13px;
  }

  .calm-ui .dp-flow,
  .calm-ui .dp-guidance {
    padding: 22px 18px;
  }

  .calm-ui .dp-address-prompt,
  .calm-ui .dp-address-loading,
  .calm-ui .dp-address-error {
    min-height: 180px;
  }

  .calm-ui .dp-history-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 0;
    background: var(--dp-panel-soft);
  }

  .calm-ui .dp-history-row + .dp-history-row {
    border-top: 0;
  }

  .calm-ui .dp-picker-dialog {
    border: 0;
    border-radius: 10px 10px 0 0;
  }

  .calm-ui.withdraw-page-body .withdraw-shell.content {
    padding: 24px 12px 96px;
  }

  .calm-ui.withdraw-page-body .withdraw-panel,
  .calm-ui.withdraw-page-body .withdraw-history {
    padding: 18px;
    border-radius: 7px;
  }

  .calm-ui.withdraw-page-body .withdraw-page-heading {
    grid-template-columns: 40px minmax(0, 1fr);
    margin-bottom: 18px;
  }

  .calm-ui.withdraw-page-body .withdraw-page-heading h1 {
    font-size: 24px;
  }

  .calm-ui.withdraw-page-body .withdraw-page-history {
    grid-column: 1 / -1;
    width: 100%;
  }

  .calm-ui.transfer-page-body .transfer-page {
    padding: 24px 12px 96px;
  }

  .calm-ui.transfer-page-body .transfer-form {
    padding: 20px 18px;
    border-radius: 7px;
  }

  .calm-ui .account .wallet-shell {
    width: calc(100% - 24px);
  }

  .calm-ui .account .bal-value {
    font-size: 34px;
  }

  .calm-ui .account .section-title {
    font-size: 19px;
  }

  .calm-ui .account .asset-card,
  .calm-ui .account .history-item {
    border-radius: 7px;
  }

  .calm-ui .settings-modern-page .shell {
    padding: 24px 14px 96px;
  }

  .calm-ui .settings-modern-page h1.page-title {
    font-size: 24px;
  }

  .calm-ui .settings-modern-page .card,
  .calm-ui .settings-modern-page .verif-card {
    padding: 19px;
  }

  .calm-ui .settings-modern-page .meta-grid {
    gap: 0;
  }

  .calm-ui .settings-modern-page .meta-item + .meta-item {
    border-top: 1px solid var(--calm-line);
    border-left: 0;
  }

  .calm-ui .kyc9-app {
    border-radius: 10px 10px 0 0;
  }

  .calm-ui .kyc9-screen h1 {
    font-size: 24px;
  }

  .calm-ui .auth-page {
    background: var(--calm-bg);
  }

  .calm-ui .auth-form {
    margin: 0;
    padding: 26px 20px;
    border-radius: 8px;
    box-shadow: none;
  }

  .calm-ui .auth-form h2 {
    font-size: 27px;
  }

  .calm-ui .mobile-auth-intro p {
    color: var(--calm-muted);
    font-size: 14px;
  }

  .calm-ui .auth-page .form-heading {
    display: none;
  }

  .calm-ui.trading-page-body .right-top-ghTgp.coins,
  .calm-ui.trading-page-body .right-top-ghTgp.coins.trading__coins_selector {
    visibility: hidden;
    transform: translateY(10px);
    transition:
      opacity var(--calm-transition),
      transform var(--calm-transition),
      visibility 0s linear .18s;
  }

  .calm-ui.trading-page-body #tvchart {
    width: auto;
  }

  .calm-ui.trading-page-body #mobileTradeCoins:checked ~ .trading__order-panel .right-top-ghTgp.coins {
    visibility: visible;
    transform: none;
    transition-delay: 0s;
  }

  .calm-ui.futures-body .futures-order-panel {
    right: 0;
    left: 0;
    width: auto;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition:
      opacity var(--calm-transition),
      transform var(--calm-transition),
      visibility 0s linear .18s;
  }

  .calm-ui.futures-body .futures-order-panel.is-mobile-open {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition-delay: 0s;
  }

  .calm-ui.trading-page-body .support-chat,
  .calm-ui.futures-body .support-chat {
    display: none;
  }

  .calm-ui .wm-root {
    padding: 0;
  }

  .calm-ui .wm-dialog,
  .calm-ui .wm-selector {
    border-radius: 10px 10px 0 0;
  }

  .calm-ui .hero h1,
  .calm-ui .legal-hero h1,
  .calm-ui .hero-title {
    font-size: 36px;
  }

  .calm-ui .gems-title,
  .calm-ui .why-title,
  .calm-ui .app-title,
  .calm-ui .faq-title,
  .calm-ui .section-head h2 {
    font-size: 28px;
  }

  .calm-ui .hero-subtitle,
  .calm-ui .hero-text,
  .calm-ui .section-head p {
    font-size: 15px;
  }

  .calm-ui .support-button p {
    display: none;
  }

  .calm-ui .cookie {
    right: 12px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    left: 12px;
    width: auto;
    margin-inline: 0;
  }

  .calm-ui .cookie .cookie__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .calm-ui .cookie .cookie__btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .calm-ui *,
  .calm-ui *::before,
  .calm-ui *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}