/*
 * 3D StudioMarket — Soft Universal UI v24.16
 * Final responsive override loaded after every legacy stylesheet.
 * Orange is used for actions, red for destructive controls, and green only
 * for confirmed success states.
 */

@font-face {
  font-family: "Nunito Sans Local";
  src: url("../fonts/nunito-sans-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}

:root {
  --sf-bg: #06090d;
  --sf-surface: #0c131b;
  --sf-surface-2: #111b25;
  --sf-surface-3: #16222d;
  --sf-line: #263541;
  --sf-line-strong: #3a4b59;
  --sf-text: #f5f7f9;
  --sf-soft: #c4cdd5;
  --sf-muted: #8d9aa6;
  --sf-orange: #f59e0b;
  --sf-orange-hi: #ffb52e;
  --sf-orange-soft: rgba(245, 158, 11, .12);
  --sf-red: #ff5964;
  --sf-red-hi: #ff737c;
  --sf-red-soft: rgba(255, 89, 100, .12);
  --sf-green: #39c98a;
  --sf-green-soft: rgba(57, 201, 138, .11);
  --sf-blue: #68aef7;

  --gf-bg: var(--sf-bg);
  --gf-bg-soft: #091019;
  --gf-surface: var(--sf-surface);
  --gf-surface-raised: var(--sf-surface-2);
  --gf-surface-hover: var(--sf-surface-3);
  --gf-line: var(--sf-line);
  --gf-line-strong: var(--sf-line-strong);
  --gf-text: var(--sf-text);
  --gf-text-soft: var(--sf-soft);
  --gf-muted: var(--sf-muted);
  --gf-green: var(--sf-green);
  --gf-green-bright: #52dba0;
  --gf-green-soft: var(--sf-green-soft);
  --gf-orange: var(--sf-orange);
  --gf-orange-bright: var(--sf-orange-hi);
  --gf-red: var(--sf-red);

  --v24-canvas: var(--sf-bg);
  --v24-canvas-soft: #091019;
  --v24-surface: var(--sf-surface);
  --v24-surface-2: var(--sf-surface-2);
  --v24-ink: var(--sf-text);
  --v24-ink-soft: var(--sf-soft);
  --v24-muted: var(--sf-muted);
  --v24-line: var(--sf-line);
  --v24-line-strong: var(--sf-line-strong);
  --v24-structure: var(--sf-orange);
  --v24-structure-2: var(--sf-orange-hi);
  --v24-accent: var(--sf-orange);
  --v24-accent-dark: #d98405;
  --v24-accent-soft: var(--sf-orange-soft);
  --v24-success: var(--sf-green);
  --v24-success-soft: var(--sf-green-soft);
  --v24-warning: var(--sf-orange);
  --v24-warning-soft: var(--sf-orange-soft);
  --v24-danger: var(--sf-red);
  --v24-danger-soft: var(--sf-red-soft);
  --green: var(--sf-green);
  --orange: var(--sf-orange);
}

html body,
html body:not(.light),
html body button,
html body input,
html body select,
html body textarea {
  font-family: "Nunito Sans Local", ui-rounded, "SF Pro Rounded", "Segoe UI Variable", "Segoe UI", sans-serif !important;
  font-optical-sizing: auto;
}

html body,
html body:not(.light) {
  color: var(--sf-text) !important;
  background:
    radial-gradient(circle at 92% -14%, rgba(91, 144, 176, .12), transparent 30rem),
    radial-gradient(circle at 4% 108%, rgba(245, 158, 11, .055), transparent 32rem),
    var(--sf-bg) !important;
}

html body .page-title,
html body .ref-page-header h1,
html body .latest-hero h1,
html body .liquid-hero h1,
html body .plan-heading-flat-v2412 h1,
html body .detail-title,
html body .detail-purchase-title-v2416,
html body .topbar-logo-copy > span {
  font-family: inherit !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
}

html body .logo-market,
html body .section-kicker,
html body .eyebrow,
html body .heading-kicker,
html body .panel-label,
html body .action-label {
  color: var(--sf-orange-hi) !important;
}

html body .btn-primary,
html body .liquid-primary-btn,
html body .latest-buy-token-btn,
html body .latest-withdraw-btn,
html body .latest-plan-btn.primary,
html body .behavior-primary-buy {
  border-color: var(--sf-orange) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: none !important;
}

/* Higher specificity than late legacy theme injection. */
html body button.btn-primary,
html body button.liquid-primary-btn,
html body button.behavior-primary-buy,
html body[data-view="withdrawal"] button.latest-withdraw-btn,
html body[data-view="buy-token"] button.latest-buy-token-btn,
html body[data-view="plan"] button.latest-plan-btn.primary {
  border-color: var(--sf-orange) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: none !important;
}

html body[data-view="product-detail"] button.behavior-primary-buy,
html body[data-view="file-detail"] button.behavior-primary-buy {
  border-color: var(--sf-orange) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: none !important;
}

html body[data-view] button.btn.btn-primary,
html body .modal.minimal-purchase-modal button.btn.btn-primary {
  border-color: var(--sf-orange) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: none !important;
}

html body[data-view="buy-token"] button.latest-buy-token-btn:disabled {
  border-color: rgba(245, 158, 11, .55) !important;
  color: rgba(23, 16, 6, .9) !important;
  background: rgba(245, 158, 11, .72) !important;
  opacity: .58 !important;
}

html body .btn-primary:hover,
html body .liquid-primary-btn:hover,
html body .latest-buy-token-btn:hover,
html body .latest-withdraw-btn:hover,
html body .latest-plan-btn.primary:hover,
html body .behavior-primary-buy:hover {
  border-color: var(--sf-orange-hi) !important;
  background: var(--sf-orange-hi) !important;
}

html body button.btn-primary:hover,
html body button.liquid-primary-btn:hover,
html body button.behavior-primary-buy:hover,
html body[data-view="withdrawal"] button.latest-withdraw-btn:hover,
html body[data-view="buy-token"] button.latest-buy-token-btn:hover:not(:disabled),
html body[data-view="plan"] button.latest-plan-btn.primary:hover:not(:disabled) {
  border-color: var(--sf-orange-hi) !important;
  background: var(--sf-orange-hi) !important;
}

html body .danger-btn,
html body .btn-danger,
html body .neo-cta-red,
html body [data-danger="true"] {
  border-color: var(--sf-red) !important;
  color: #fff !important;
  background: var(--sf-red) !important;
}

html body .latest-status-pill.success,
html body .badge-green,
html body .certified-badge {
  color: #7de1b1 !important;
  border-color: rgba(57, 201, 138, .3) !important;
  background: var(--sf-green-soft) !important;
}

html body select,
html body select option,
html body .filter-select,
html body .filter-select option {
  font-size: 16px !important;
  font-weight: 560 !important;
}

html body .future-linear-progress > i {
  background: linear-gradient(90deg, #d87d04, var(--sf-orange-hi)) !important;
}

/* Reliable drawer at every aspect ratio. */
html body .topbar {
  z-index: 130 !important;
}

html body[data-page-type="menu"] #topbarLeftBtn {
  position: relative;
  z-index: 132;
  pointer-events: auto !important;
  touch-action: manipulation;
}

html body[data-page-type="menu"] #sidebarMount .sidebar {
  position: fixed !important;
  z-index: 120 !important;
  inset: 64px auto 0 0 !important;
  width: min(292px, calc(100vw - 28px)) !important;
  min-width: min(292px, calc(100vw - 28px)) !important;
  max-width: min(292px, calc(100vw - 28px)) !important;
  box-sizing: border-box !important;
  flex-basis: auto !important;
  height: auto !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(-106%, 0, 0) !important;
  pointer-events: none !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

html body[data-page-type="menu"].sidebar-open #sidebarMount .sidebar,
html body[data-page-type="menu"] #sidebarMount .sidebar.open {
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
}

html body .sidebar-overlay {
  position: fixed !important;
  z-index: 115 !important;
  inset: 64px 0 0 !important;
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: rgba(0, 0, 0, .58) !important;
  backdrop-filter: blur(3px) !important;
  transition: opacity .2s ease, visibility 0s linear .2s !important;
}

html body.sidebar-open .sidebar-overlay,
html body .sidebar-overlay.open,
html body .sidebar-overlay.active {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

html body.sidebar-open {
  overflow: hidden !important;
}

html body .sidebar-item.active {
  border-color: rgba(245, 158, 11, .28) !important;
  color: #fff3d4 !important;
  background: var(--sf-orange-soft) !important;
  box-shadow: inset 3px 0 var(--sf-orange) !important;
}

html body .sidebar-item.active .sidebar-icon {
  color: var(--sf-orange-hi) !important;
}

/* Marketplace controls move closer to the top bar. */
html body[data-view="market-products"] .page-inner,
html body[data-view="market-file"] .page-inner {
  padding-top: 8px !important;
}

html body[data-view="market-products"] .main-content,
html body[data-view="market-file"] .main-content {
  padding-top: 0 !important;
}

html body[data-view="market-products"] .market-command-row-v2411,
html body[data-view="market-file"] .market-command-row-v2411 {
  min-height: 46px !important;
  margin-bottom: 12px !important;
}

html body[data-view="market-products"] .market-filter-icon-v2411:hover,
html body[data-view="market-file"] .market-filter-icon-v2411:hover {
  color: var(--sf-orange-hi) !important;
}

/* Compact management summary: one information band on desktop. */
html body[data-view="product-management"] .page-inner,
html body[data-view="file-management"] .page-inner {
  padding-top: 12px !important;
}

html body .management-page-head-v2412 {
  min-height: 42px !important;
  margin-bottom: 8px !important;
}

html body .management-page-head-v2412 .page-title {
  font-size: clamp(24px, 1.8vw, 29px) !important;
}

html body .management-flat-v2412 {
  display: grid !important;
  grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) !important;
  margin-bottom: 12px !important;
  border-radius: 13px !important;
}

html body .file-management-flat-v2412 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

html body .management-flat-v2412 .management-bento-title-row-v161,
html body .management-flat-v2412 .behavior-shop-row {
  grid-column: 1 / -1 !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 6px 14px 6px 16px !important;
}

html body .management-name-line-v161 {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 4px 12px !important;
}

html body .management-name-line-v161 strong {
  color: var(--sf-text) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

html body .management-name-line-v161 .muted {
  font-size: 13px !important;
}

html body .management-priority-grid-v2412 {
  grid-column: 1 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-right: 1px solid var(--sf-line) !important;
  border-bottom: 0 !important;
}

html body .management-finance-strip-v2412 {
  grid-column: 2 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  min-height: 78px !important;
}

html body[data-view="file-management"] .management-finance-strip-v2412 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body .management-flat-v2412 .behavior-ops-metric,
html body .management-flat-v2412 .management-metric-v161 {
  min-height: 78px !important;
  padding: 9px 13px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .management-flat-v2412 .behavior-ops-metric {
  position: relative !important;
}

html body .management-flat-v2412 .behavior-ops-metric::before,
html body .management-flat-v2412 .behavior-ops-metric::after {
  display: none !important;
  content: none !important;
}

html body .management-priority-grid-v2412 .behavior-ops-metric:first-child {
  padding-right: 64px !important;
}

html body .behavior-ops-metric.critical {
  box-shadow: none !important;
}

html body .management-flat-v2412 .shop-toggle-v162 {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

html body .behavior-ops-metric + .behavior-ops-metric,
html body .management-metric-v161 + .management-metric-v161 {
  border-left: 1px solid var(--sf-line) !important;
}

html body .behavior-ops-metric > span,
html body .management-metric-v161 > span,
html body .metric-copy-v2415 > span {
  font-size: 12px !important;
  letter-spacing: .025em !important;
}

html body .behavior-ops-metric > strong,
html body .metric-copy-v2415 > strong {
  margin-top: 3px !important;
  font-size: 18px !important;
}

html body .management-metric-v161 > strong {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

html body .behavior-ops-metric > small,
html body .metric-copy-v2415 > small {
  display: none !important;
}

html body .metric-caption-v2412,
html body .metric-bars-v2412,
html body .metric-alert-line-v2412,
html body .metric-coverage-v2412,
html body .management-chart-metric-v2412 svg {
  display: none !important;
}

html body .compact-progress-metric-v2416 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
}

html body .compact-progress-label-v2416 {
  margin: 2px 0 1px !important;
  font-size: 12px !important;
}

html body .compact-management-progress-v2416 {
  height: 5px !important;
}

html body .compact-management-progress-v2416 > i {
  width: calc(var(--progress, 0) * 1%) !important;
}

html body .shop-toggle-v162 input:checked + span {
  border-color: var(--sf-orange) !important;
  background: var(--sf-orange) !important;
}

html body .floating-add {
  border-color: rgba(245, 158, 11, .48) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: 0 12px 30px rgba(245, 158, 11, .2) !important;
}

html body button.floating-add {
  border-color: rgba(245, 158, 11, .48) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: 0 12px 30px rgba(245, 158, 11, .2) !important;
}

html body[data-view="product-management"] button.floating-add.neo-cta-red,
html body[data-view="file-management"] button.floating-add.neo-cta-red {
  border-color: rgba(245, 158, 11, .48) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
  box-shadow: 0 12px 30px rgba(245, 158, 11, .2) !important;
}

html body .management-list-zone-v2412 .management-card-grid {
  border-radius: 12px !important;
}

/* Product/File view: listing name lives above the token price. */
html body .detail-purchase-title-v2416 {
  margin: 3px 0 10px !important;
  color: var(--sf-text) !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere;
}

html body .detail-kind-label-v2416 {
  color: var(--sf-orange-hi) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
}

html body[data-view="product-detail"] .detail-bento-copy-v2411,
html body[data-view="file-detail"] .detail-bento-copy-v2411 {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

html body[data-view="product-detail"] .detail-bento-copy-v2411 > .section-kicker,
html body[data-view="file-detail"] .detail-bento-copy-v2411 > .section-kicker {
  display: block !important;
  color: var(--sf-muted) !important;
}

html body .detail-price {
  color: var(--sf-orange-hi) !important;
}

html body .behavior-price-row .latest-status-pill,
html body .detail-sold-plain-v2416 {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html body[data-view="file-detail"] span.latest-status-pill.success.detail-sold-plain-v2416 {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Seller profile: predictable grid with no circular overlap. */
html body[data-view="seller-profile"] .page-inner {
  padding-top: 14px !important;
}

html body .seller-profile-head-v2412 {
  grid-template-columns: 76px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  padding: 22px 24px !important;
  align-items: center !important;
}

html body .seller-profile-copy-v2412 {
  min-width: 0 !important;
}

html body .seller-profile-copy-v2412 .page-title {
  font-size: clamp(28px, 2.4vw, 38px) !important;
}

html body .seller-contact-line {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  line-height: 1.5 !important;
}

html body .seller-profile-metrics-v2412 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-top: 1px solid var(--sf-line) !important;
}

html body .seller-profile-metrics-v2412 > div {
  min-width: 0 !important;
  min-height: 98px !important;
  padding: 15px 18px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  border: 0 !important;
}

html body .seller-profile-metrics-v2412 > div + div {
  border-left: 1px solid var(--sf-line) !important;
}

html body .seller-performance-metric-v2416 > span {
  color: var(--sf-muted) !important;
  font-size: 13px !important;
}

html body .seller-performance-metric-v2416 > strong {
  color: var(--sf-text) !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
}

html body .seller-performance-metric-v2416 > small {
  color: var(--sf-muted) !important;
  font-size: 12px !important;
}

html body .seller-performance-bar-v2416 {
  width: 100%;
  height: 5px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 99px;
  background: #1d2a34;
}

html body .seller-performance-bar-v2416 > i {
  width: var(--progress, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #d87d04, var(--sf-orange-hi));
}

/* History rows use the width for scannable facts instead of tall cards. */
html body[data-view="file-history"] .page-inner,
html body[data-view="product-history"] .page-inner,
html body[data-view="product-tracking"] .page-inner {
  padding-top: 12px !important;
}

html body[data-view="file-history"] .ref-page-header,
html body[data-view="product-history"] .ref-page-header,
html body[data-view="product-tracking"] .ref-page-header {
  margin-bottom: 10px !important;
}

html body .history-list,
html body .tracking-list {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: 13px !important;
  background: var(--sf-surface) !important;
}

html body .history-row-v2416 {
  min-height: 102px !important;
  padding: 0 15px 0 0 !important;
  display: grid !important;
  grid-template-columns: 82px minmax(210px, 1.05fr) minmax(280px, 1.35fr) minmax(150px, auto) !important;
  align-items: center !important;
  gap: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .history-row-v2416 + .history-row-v2416 {
  border-top: 1px solid var(--sf-line) !important;
}

html body .history-row-v2416 .mini-preview {
  width: 82px !important;
  height: 101px !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 1px solid var(--sf-line) !important;
  border-radius: 0 !important;
  font-size: 12px !important;
}

html body .record-card-main-v2416,
html body .record-card-facts-v2416 {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html body .record-card-main-v2416 h3 {
  margin: 0 !important;
  color: var(--sf-text) !important;
  font-size: 16px !important;
}

html body .record-card-main-v2416 span,
html body .record-card-facts-v2416 span {
  color: var(--sf-muted) !important;
  font-size: 12px !important;
}

html body .record-card-facts-v2416 strong {
  color: var(--sf-soft) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html body .record-card-actions-v2416 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* Tracking becomes one compact identity + linear timeline + action row. */
html body .tracking-row-v2416 {
  min-height: 132px !important;
  padding: 14px 16px !important;
  display: grid !important;
  grid-template-columns: minmax(210px, .8fr) minmax(360px, 1.65fr) minmax(150px, auto) !important;
  align-items: center !important;
  gap: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .tracking-row-v2416 + .tracking-row-v2416 {
  border-top: 1px solid var(--sf-line) !important;
}

html body .tracking-identity-v2416 {
  min-width: 0;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

html body .tracking-identity-v2416 .mini-preview {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
}

html body .tracking-identity-v2416 h3 {
  margin: 0 0 3px !important;
  color: var(--sf-text) !important;
  font-size: 16px !important;
}

html body .tracking-identity-v2416 p,
html body .tracking-identity-v2416 small {
  margin: 0 !important;
  color: var(--sf-muted) !important;
  font-size: 12px !important;
}

html body .tracking-progress-v2416 {
  min-width: 0;
}

html body .tracking-progress-head-v2416 {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

html body .tracking-progress-head-v2416 span {
  color: var(--sf-muted);
  font-size: 12px;
}

html body .tracking-progress-head-v2416 strong {
  color: var(--sf-text);
  font-size: 14px;
}

html body .tracking-progress-track-v2416 {
  height: 7px;
  overflow: hidden;
  border-radius: 99px;
  background: #1d2a34;
}

html body .tracking-progress-track-v2416 > i {
  width: var(--progress, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #d87d04, var(--sf-orange-hi));
}

html body .tracking-step-labels-v2416 {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

html body .tracking-step-labels-v2416 span {
  color: #697784;
  font-size: 12px;
  text-align: center;
}

html body .tracking-step-labels-v2416 span.done,
html body .tracking-step-labels-v2416 span.current {
  color: var(--sf-soft);
}

html body .tracking-step-labels-v2416 span.current {
  color: var(--sf-orange-hi);
  font-weight: 750;
}

html body .tracking-action-v2416 {
  display: grid;
  justify-items: end;
  gap: 6px;
}

html body .tracking-action-v2416 > span {
  color: var(--sf-muted);
  font-size: 12px;
}

/* Withdrawal keeps only the balance and request form. */
html body[data-view="withdrawal"] .revenue-readiness,
html body[data-view="withdrawal"] .legal-withdraw-note {
  display: none !important;
}

html body[data-view="withdrawal"] .page-inner {
  max-width: 1240px !important;
  padding-top: 12px !important;
}

html body .latest-withdrawal-hero {
  margin-bottom: 10px !important;
}

html body .latest-withdrawal-hero .page-desc {
  display: none !important;
}

html body .latest-withdrawal-shell {
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr) !important;
  gap: 12px !important;
}

html body .latest-withdrawal-balance-card,
html body .latest-withdrawal-form-card {
  padding: 20px !important;
  border-radius: 13px !important;
}

/* Plan storage is a centered linear indicator; plan actions are orange. */
html body[data-view="plan"] .page-inner,
html body[data-view="buy-token"] .page-inner {
  padding-top: 14px !important;
}

html body .plan-storage-linear-v2416 {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 9px !important;
  text-align: center !important;
}

html body .plan-storage-linear-v2416 .plan-usage-copy-v2415 {
  justify-items: center !important;
}

html body .plan-storage-progress-v2416 {
  width: min(100%, 260px);
}

html body .plan-storage-progress-v2416 .future-progress-labels {
  margin-bottom: 5px !important;
  font-size: 12px !important;
}

html body .latest-plan-card.current {
  border-color: rgba(245, 158, 11, .58) !important;
  background: linear-gradient(180deg, rgba(245, 158, 11, .09), var(--sf-surface) 40%) !important;
  box-shadow: inset 0 2px var(--sf-orange) !important;
}

html body[data-view="plan"] .latest-status-pill.success,
html body[data-view="plan"] .latest-plan-btn.current {
  color: #ffd787 !important;
  border-color: rgba(245, 158, 11, .32) !important;
  background: var(--sf-orange-soft) !important;
}

/* Token purchase is intentionally warm and commerce-oriented. */
html body[data-view="buy-token"] .latest-token-hero {
  border-color: rgba(245, 158, 11, .22) !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, .11), rgba(245, 158, 11, .025)) !important;
}

html body[data-view="buy-token"] .latest-token-card.featured,
html body[data-view="buy-token"] .latest-token-card.selected {
  border-color: rgba(245, 158, 11, .68) !important;
  background: linear-gradient(180deg, rgba(245, 158, 11, .1), var(--sf-surface) 44%) !important;
  box-shadow: inset 0 2px var(--sf-orange) !important;
}

html body[data-view="buy-token"] .latest-status-pill.success,
html body[data-view="buy-token"] .latest-provider-badge {
  color: #ffd787 !important;
  border-color: rgba(245, 158, 11, .34) !important;
  background: var(--sf-orange-soft) !important;
}

html body[data-view="buy-token"] .latest-token-price,
html body[data-view="buy-token"] .latest-net-row strong,
html body[data-view="plan"] .latest-plan-price {
  color: var(--sf-orange-hi) !important;
}

html body .latest-qty-control button,
html body .qty-control button {
  border-radius: 8px !important;
}

html body .latest-qty-control button:first-child,
html body .qty-control button:first-child {
  border-color: rgba(255, 89, 100, .55) !important;
  color: var(--sf-red-hi) !important;
  background: var(--sf-red-soft) !important;
}

html body .latest-qty-control button:last-child,
html body .qty-control button:last-child {
  border-color: rgba(245, 158, 11, .5) !important;
  color: #171006 !important;
  background: var(--sf-orange) !important;
}

/* Spacious purchase confirmations and red, unframed close/minus controls. */
html body .modal,
html body .modal.modal-wide,
html body .modal.minimal-purchase-modal {
  padding: 30px 32px 28px !important;
}

html body .modal-close {
  top: 11px !important;
  right: 13px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sf-red) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 26px !important;
  font-weight: 850 !important;
}

html body .modal-close:hover,
html body .modal-close:focus-visible {
  color: var(--sf-red-hi) !important;
  background: transparent !important;
  transform: none !important;
}

html body button.modal-close,
html body button.modal-close:hover,
html body button.modal-close:focus-visible {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sf-red) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .modal.minimal-purchase-modal button.modal-close,
html body .modal.minimal-purchase-modal button.modal-close:hover,
html body .modal.minimal-purchase-modal button.modal-close:focus-visible {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sf-red) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .minimal-purchase-modal .modal-title {
  padding-right: 34px !important;
}

html body .minimal-purchase-modal .purchase-summary-card {
  margin: 19px 0 !important;
}

html body .minimal-purchase-modal .purchase-summary-card > div {
  min-height: 50px !important;
  padding: 12px 15px !important;
}

html body .minimal-purchase-modal .purchase-license-scope,
html body .minimal-purchase-modal .legal-check {
  margin: 15px 0 !important;
  padding: 16px !important;
}

html body .minimal-purchase-modal .modal-actions {
  margin-top: 20px !important;
  padding-top: 17px !important;
}

@media (max-width: 1200px) {
  html body .management-flat-v2412 {
    grid-template-columns: 1fr !important;
  }
  html body .management-priority-grid-v2412 {
    grid-column: 1 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--sf-line) !important;
  }
  html body .management-finance-strip-v2412,
  html body[data-view="file-management"] .management-finance-strip-v2412 {
    grid-column: 1 !important;
  }
  html body .seller-profile-head-v2412 {
    grid-template-columns: 70px minmax(0, 1fr) !important;
  }
  html body .seller-profile-actions-v2412 {
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 960px) {
  html body .history-row-v2416 {
    grid-template-columns: 74px minmax(200px, 1fr) minmax(230px, 1.2fr) !important;
  }
  html body .history-row-v2416 .mini-preview {
    width: 74px !important;
  }
  html body .record-card-actions-v2416 {
    grid-column: 2 / -1 !important;
    justify-content: flex-start !important;
    padding-bottom: 12px !important;
  }
  html body .tracking-row-v2416 {
    grid-template-columns: minmax(210px, .8fr) minmax(330px, 1.4fr) !important;
  }
  html body .tracking-action-v2416 {
    grid-column: 1 / -1 !important;
    justify-items: start !important;
  }
  html body .latest-withdrawal-shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  html body .compact-progress-label-v2416 {
    display: none !important;
  }
  html body .management-finance-strip-v2412,
  html body[data-view="file-management"] .management-finance-strip-v2412 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(4) {
    border-left: 0 !important;
    border-top: 1px solid var(--sf-line) !important;
  }
  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(n+5) {
    border-top: 1px solid var(--sf-line) !important;
  }
  html body .seller-profile-metrics-v2412 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .seller-profile-metrics-v2412 > div:nth-child(3) {
    border-left: 0 !important;
  }
  html body .seller-profile-metrics-v2412 > div:nth-child(n+3) {
    border-top: 1px solid var(--sf-line) !important;
  }
}

@media (max-width: 700px) {
  html body .page-inner {
    padding-inline: 14px !important;
  }
  html body .management-page-head-v2412 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  html body .management-page-head-v2412 .btn {
    min-height: 40px !important;
    padding-inline: 11px !important;
    font-size: 12px !important;
  }
  html body .management-priority-grid-v2412 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 68px) !important;
  }
  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(3) {
    border-left: 0 !important;
  }
  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(n+3) {
    border-top: 1px solid var(--sf-line) !important;
  }
  html body .behavior-ops-metric,
  html body .management-metric-v161,
  html body .management-flat-v2412 .behavior-ops-metric,
  html body .management-flat-v2412 .management-metric-v161 {
    min-height: 78px !important;
  }
  html body .seller-profile-head-v2412 {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 17px !important;
  }
  html body .seller-profile-actions-v2412 {
    justify-content: stretch !important;
  }
  html body .seller-profile-actions-v2412 .btn {
    flex: 1 !important;
  }
  html body .history-row-v2416 {
    min-height: 0 !important;
    padding: 12px !important;
    grid-template-columns: 60px minmax(0, 1fr) !important;
    gap: 10px 12px !important;
  }
  html body .history-row-v2416 .mini-preview {
    width: 60px !important;
    height: 60px !important;
    border: 1px solid var(--sf-line) !important;
    border-radius: 9px !important;
  }
  html body .record-card-facts-v2416,
  html body .record-card-actions-v2416 {
    grid-column: 2 !important;
  }
  html body .tracking-row-v2416 {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
  html body .tracking-action-v2416 {
    grid-column: 1 !important;
  }
  html body .modal,
  html body .modal.modal-wide,
  html body .modal.minimal-purchase-modal {
    padding: 24px 20px 20px !important;
  }
}

@media (max-width: 520px) {
  html body[data-view="market-products"] .page-inner,
  html body[data-view="market-file"] .page-inner,
  html body[data-view="product-management"] .page-inner,
  html body[data-view="file-management"] .page-inner,
  html body[data-view="file-history"] .page-inner,
  html body[data-view="product-history"] .page-inner,
  html body[data-view="product-tracking"] .page-inner {
    padding-top: 7px !important;
  }
  html body .management-page-head-v2412 .page-title {
    font-size: 22px !important;
  }
  html body .management-bento-title-row-v161 {
    align-items: center !important;
  }
  html body .management-name-line-v161 strong {
    font-size: 18px !important;
  }
  html body .management-name-line-v161 .muted {
    width: 100% !important;
    font-size: 12px !important;
  }
  html body .management-finance-strip-v2412,
  html body[data-view="file-management"] .management-finance-strip-v2412 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(n) {
    border-top: 1px solid var(--sf-line) !important;
  }
  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(-n+2) {
    border-top: 0 !important;
  }
  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(odd) {
    border-left: 0 !important;
  }
  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(even) {
    border-left: 1px solid var(--sf-line) !important;
  }
  html body .management-flat-v2412 .behavior-ops-metric,
  html body .management-flat-v2412 .management-metric-v161 {
    min-height: 68px !important;
    padding: 8px 10px !important;
  }
  html body .management-flat-v2412 .behavior-ops-metric > small,
  html body .management-flat-v2412 .metric-copy-v2415 > small {
    display: none !important;
  }
  html body .seller-profile-head-v2412 {
    grid-template-columns: 1fr !important;
  }
  html body .seller-profile-head-v2412 .seller-avatar.large {
    width: 58px !important;
    height: 58px !important;
  }
  html body .seller-profile-actions-v2412 {
    grid-column: 1 !important;
  }
  html body .seller-profile-metrics-v2412 > div {
    min-height: 90px !important;
    padding: 13px !important;
  }
  html body .seller-performance-metric-v2416 > strong {
    font-size: 19px !important;
  }
  html body .tracking-step-labels-v2416 span {
    font-size: 12px !important;
  }
  html body .plan-summary-primary-v2412 > div,
  html body .plan-summary-primary-v2412 > div:nth-child(n) {
    min-height: 76px !important;
  }
}

@media (max-width: 380px) {
  html body .topbar-logo-copy > span {
    font-size: 15px !important;
  }
  html body .management-page-head-v2412 .btn {
    max-width: 128px;
    white-space: normal !important;
    line-height: 1.15 !important;
  }
  html body .seller-profile-metrics-v2412 {
    grid-template-columns: 1fr !important;
  }
  html body .seller-profile-metrics-v2412 > div + div {
    border-left: 0 !important;
    border-top: 1px solid var(--sf-line) !important;
  }
  html body .record-card-facts-v2416,
  html body .record-card-actions-v2416 {
    grid-column: 1 / -1 !important;
  }
}