/*
 * 3D StudioMarket — Global Future UI v24.15
 * Final user-facing override layer.
 *
 * Goals
 * - internationally familiar marketplace and dashboard layouts
 * - compact page hierarchy without undersized text
 * - one surface per task; no decorative card nesting
 * - predictable 44–48px controls and 16px form values
 * - visual progress for capacity, storage, verification and payout ratios
 */

:root {
  --gf-bg: #05090d;
  --gf-bg-soft: #070d13;
  --gf-surface: #0b131c;
  --gf-surface-raised: #101a25;
  --gf-surface-hover: #14202c;
  --gf-line: #20303d;
  --gf-line-strong: #304555;
  --gf-text: #f2f6f9;
  --gf-text-soft: #bdc8d2;
  --gf-muted: #8795a3;
  --gf-green: #10b981;
  --gf-green-bright: #29d7a2;
  --gf-green-soft: rgba(16, 185, 129, .12);
  --gf-blue: #55a8ff;
  --gf-orange: #f59e0b;
  --gf-orange-bright: #ffad22;
  --gf-red: #ff6474;
  --gf-focus: rgba(85, 168, 255, .34);
  --gf-page: 1680px;
  --gf-gutter: clamp(18px, 2.2vw, 36px);
  --gf-radius-xs: 8px;
  --gf-radius-sm: 11px;
  --gf-radius: 15px;
  --gf-radius-lg: 20px;
  --gf-shadow: 0 18px 60px rgba(0, 0, 0, .22);

  /* Map the legacy tokens to the final product palette. */
  --v24-canvas: var(--gf-bg);
  --v24-canvas-soft: var(--gf-bg-soft);
  --v24-surface: var(--gf-surface);
  --v24-surface-2: var(--gf-surface-raised);
  --v24-ink: var(--gf-text);
  --v24-ink-soft: var(--gf-text-soft);
  --v24-muted: var(--gf-muted);
  --v24-line: var(--gf-line);
  --v24-line-strong: var(--gf-line-strong);
  --v24-structure: var(--gf-green);
  --v24-structure-2: var(--gf-green-bright);
  --v24-accent: var(--gf-green);
  --v24-accent-dark: #0d9f70;
  --v24-accent-soft: var(--gf-green-soft);
  --v24-success: var(--gf-green);
  --v24-success-soft: var(--gf-green-soft);
  --v24-warning: var(--gf-orange);
  --v24-warning-soft: rgba(245, 158, 11, .11);
  --v24-danger: var(--gf-red);
  --v24-danger-soft: rgba(255, 100, 116, .1);
  --v24-focus: var(--gf-focus);
  --v24-page: var(--gf-page);
  --v24-space: var(--gf-gutter);
  --bg: var(--gf-bg);
  --surface: var(--gf-surface);
  --surface-2: var(--gf-surface-raised);
  --text: var(--gf-text);
  --text-dim: var(--gf-muted);
  --border: var(--gf-line);
  --orange: var(--gf-orange);
  --green: var(--gf-green);
}

html {
  min-width: 320px;
  font-size: 16px !important;
  background: var(--gf-bg) !important;
}

html body,
html body:not(.light) {
  --v24-canvas: var(--gf-bg);
  --v24-canvas-soft: var(--gf-bg-soft);
  --v24-surface: var(--gf-surface);
  --v24-surface-2: var(--gf-surface-raised);
  --v24-ink: var(--gf-text);
  --v24-ink-soft: var(--gf-text-soft);
  --v24-muted: var(--gf-muted);
  --v24-line: var(--gf-line);
  --v24-line-strong: var(--gf-line-strong);
  --v24-structure: var(--gf-green);
  --v24-structure-2: var(--gf-green-bright);
  --v24-accent: var(--gf-green);
  --v24-accent-dark: #0d9f70;
  --v24-accent-soft: var(--gf-green-soft);
  --v24-success: var(--gf-green);
  --v24-success-soft: var(--gf-green-soft);
  --v24-warning: var(--gf-orange);
  --v24-warning-soft: rgba(245, 158, 11, .11);
  --v24-danger: var(--gf-red);
  --v24-danger-soft: rgba(255, 100, 116, .1);
  --v24-focus: var(--gf-focus);
  min-width: 320px;
  color: var(--gf-text) !important;
  background:
    radial-gradient(circle at 88% -12%, rgba(28, 103, 126, .13), transparent 31rem),
    radial-gradient(circle at 8% 108%, rgba(16, 185, 129, .07), transparent 34rem),
    var(--gf-bg) !important;
  font-family: Inter, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  font-family: inherit !important;
}

button,
input,
select,
textarea {
  font-size: 15px !important;
}

small,
.muted,
.page-desc,
.field-help,
.form-hint,
.panel-title p,
.metric-caption-v2412,
.history-meta,
.mgmt-card-desc,
.latest-plan-note,
.latest-payment-note {
  font-size: 13px !important;
  line-height: 1.48 !important;
}

::placeholder {
  color: #71808e !important;
  opacity: 1;
}

:focus-visible {
  outline: 3px solid var(--gf-focus) !important;
  outline-offset: 2px !important;
}

/* -----------------------------------------------------------------------
   Application shell
   ----------------------------------------------------------------------- */

html body .topbar {
  height: 64px !important;
  padding: 0 clamp(14px, 2vw, 30px) !important;
  gap: 16px !important;
  border-bottom: 1px solid rgba(109, 137, 157, .2) !important;
  background: rgba(5, 9, 13, .88) !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
}

html body .topbar-left,
html body .topbar-right {
  gap: 8px !important;
}

html body .topbar-icon-btn,
html body .topbar-discord {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--gf-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .topbar-icon-btn:hover,
html body .topbar-discord:hover {
  border-color: var(--gf-line) !important;
  color: var(--gf-text) !important;
  background: var(--gf-surface-raised) !important;
  transform: none !important;
}

html body .topbar-logo {
  gap: 0 !important;
}

html body .topbar-logo-copy > span {
  font-family: "Space Grotesk", Inter, "Segoe UI", sans-serif !important;
  font-size: 18px !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
}

html body .logo-studio { color: var(--gf-text) !important; }
html body .logo-market { color: var(--gf-green) !important; }

html body .topbar-token-pill {
  width: auto !important;
  min-width: 112px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 4px 7px 4px 10px !important;
  gap: 8px !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 999px !important;
  color: var(--gf-text) !important;
  background: linear-gradient(180deg, #111b25, #0b131c) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
  cursor: pointer;
}

html body .topbar-token-value {
  min-width: 39px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

html body .coin,
html body .token-coin {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border: 1px solid #d49114 !important;
  background: radial-gradient(circle at 34% 30%, #fff7bf 0 8%, #ffd453 26%, #d88d0d 76%) !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, .28) !important;
}

html body .topbar-token-plus {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #111 !important;
  background: var(--gf-orange-bright) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

html body .app-shell {
  min-height: 100vh !important;
  padding-top: 64px !important;
  display: block !important;
}

html body .main-content {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  grid-column: auto !important;
}

html body .page-inner {
  width: min(100%, var(--gf-page)) !important;
  margin: 0 auto !important;
  padding: clamp(22px, 2.5vw, 38px) var(--gf-gutter) clamp(84px, 8vw, 116px) !important;
}

html body .sidebar {
  z-index: 80 !important;
  top: 64px !important;
  width: min(286px, calc(100vw - 34px)) !important;
  padding: 18px 12px 14px !important;
  border-right: 1px solid var(--gf-line) !important;
  background: rgba(8, 14, 20, .98) !important;
  box-shadow: 22px 0 70px rgba(0, 0, 0, .42) !important;
  transform: translateX(-105%) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1) !important;
}

html body .sidebar.open,
html body.sidebar-open .sidebar {
  transform: translateX(0) !important;
}

html body .sidebar-overlay.open,
html body .sidebar-overlay.active,
html body.sidebar-open .sidebar-overlay {
  position: fixed !important;
  z-index: 75 !important;
  inset: 64px 0 0 !important;
  display: block !important;
  background: rgba(0, 0, 0, .58) !important;
  backdrop-filter: blur(3px) !important;
}

html body .sidebar-section-label {
  margin: 18px 12px 6px !important;
  color: #738291 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
}

html body .sidebar-item,
html body .sidebar-logout {
  min-height: 44px !important;
  padding: 9px 11px !important;
  gap: 11px !important;
  border-radius: 10px !important;
  color: #aeb9c4 !important;
  font-size: 14px !important;
  font-weight: 620 !important;
}

html body .sidebar-item:hover,
html body .sidebar-logout:hover {
  color: var(--gf-text) !important;
  background: var(--gf-surface-raised) !important;
  transform: none !important;
}

html body .sidebar-item.active {
  border-color: rgba(16, 185, 129, .28) !important;
  color: #dffff4 !important;
  background: var(--gf-green-soft) !important;
  box-shadow: inset 3px 0 var(--gf-green) !important;
}

/* -----------------------------------------------------------------------
   Type hierarchy and controls
   ----------------------------------------------------------------------- */

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 .kyc-hero-v249 h1 {
  margin: 0 !important;
  color: var(--gf-text) !important;
  font-family: "Space Grotesk", Inter, "Segoe UI", sans-serif !important;
  font-size: clamp(24px, 2vw, 31px) !important;
  font-weight: 720 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

html body h2 { font-size: clamp(17px, 1.25vw, 20px) !important; line-height: 1.25 !important; }
html body h3 { font-size: 15px !important; line-height: 1.35 !important; }

html body .page-desc,
html body .ref-page-header p,
html body .latest-hero p,
html body .liquid-hero p {
  max-width: 720px !important;
  margin: 6px 0 0 !important;
  color: var(--gf-muted) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body .section-kicker,
html body .eyebrow,
html body .heading-kicker,
html body .panel-label,
html body .action-label {
  color: #79d8bc !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: .08em !important;
}

html body .ref-page-header,
html body .behavior-management-header,
html body .latest-hero,
html body .liquid-hero,
html body .plan-heading-flat-v2412 {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Page-level eyebrow copy is decoration; section labels inside forms remain. */
html body .latest-hero > .section-kicker,
html body .liquid-hero > .section-kicker,
html body .plan-heading-flat-v2412 > .section-kicker,
html body .withdrawal-page-head > .section-kicker,
html body .ref-page-header .section-kicker,
html body .detail-bento-copy-v2411 > .section-kicker,
html body .seller-profile-copy-v2412 > .section-kicker {
  display: none !important;
}

html body .btn,
html body .neutral-btn,
html body .liquid-primary-btn,
html body .latest-plan-btn,
html body .plain-action {
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid var(--gf-line-strong) !important;
  border-radius: 10px !important;
  color: var(--gf-text) !important;
  background: var(--gf-surface-raised) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

html body .btn:hover,
html body .neutral-btn:hover,
html body .liquid-primary-btn:hover,
html body .latest-plan-btn:hover {
  border-color: #426079 !important;
  background: var(--gf-surface-hover) !important;
  transform: translateY(-1px) !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(--gf-green) !important;
  color: #03110c !important;
  background: var(--gf-green) !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 {
  border-color: var(--gf-green-bright) !important;
  background: var(--gf-green-bright) !important;
}

html body .btn-sm,
html body .btn.small {
  min-height: 38px !important;
  padding-inline: 13px !important;
  font-size: 13px !important;
}

html body .form-input,
html body .form-textarea,
html body .filter-select,
html body input:not([type="checkbox"]):not([type="radio"]),
html body select,
html body textarea {
  min-height: 46px !important;
  padding: 10px 13px !important;
  border: 1px solid var(--gf-line-strong) !important;
  border-radius: 10px !important;
  color: var(--gf-text) !important;
  background: #08111a !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}

html body select,
html body .filter-select {
  min-height: 48px !important;
  height: 48px !important;
  padding-right: 40px !important;
  cursor: pointer;
}

html body select option {
  color: #f5f8fa !important;
  background: #0c151e !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html body textarea { min-height: 112px !important; }

html body .form-input:focus,
html body .form-textarea:focus,
html body .filter-select:focus,
html body input:focus,
html body select:focus,
html body textarea:focus {
  border-color: var(--gf-blue) !important;
  box-shadow: 0 0 0 3px var(--gf-focus) !important;
}

html body .form-group { gap: 7px !important; }
html body .form-label,
html body label > span:first-child {
  color: #bac5cf !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

/* -----------------------------------------------------------------------
   Reusable progress components
   ----------------------------------------------------------------------- */

.future-cycle-progress {
  --progress: 0;
  --cycle-color: var(--gf-green);
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--cycle-color) calc(var(--progress) * 1%), #1a2833 0);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.future-cycle-progress::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: var(--gf-surface);
}

.future-cycle-progress > span {
  z-index: 1;
  color: var(--gf-text) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  font-variant-numeric: tabular-nums;
}

.future-linear-progress {
  width: 100%;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #1a2833;
}

.future-linear-progress > i {
  width: var(--progress, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #0d9d70, var(--gf-green-bright));
  transition: width .24s ease;
}

.future-progress-labels {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--gf-muted);
  font-size: 13px;
}

.future-progress-labels strong { color: var(--gf-text); font-size: 13px; }

/* -----------------------------------------------------------------------
   Marketplace, favorites and seller catalog
   ----------------------------------------------------------------------- */

html body[data-view="market-products"] .page-inner,
html body[data-view="market-file"] .page-inner {
  width: 100% !important;
  max-width: var(--gf-page) !important;
  padding-top: 18px !important;
}

html body[data-view="market-products"] .market-command-row-v2411,
html body[data-view="market-file"] .market-command-row-v2411 {
  min-height: 50px !important;
  margin: 0 0 18px !important;
  display: grid !important;
  grid-template-columns: minmax(160px, 1fr) minmax(420px, 760px) minmax(160px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

html body[data-view="market-products"] .market-command-label-v2411 .page-title,
html body[data-view="market-file"] .market-command-label-v2411 .page-title {
  font-size: 25px !important;
}

html body[data-view="market-products"] .market-command-label-v2411 .page-desc,
html body[data-view="market-file"] .market-command-label-v2411 .page-desc {
  display: none !important;
}

html body[data-view="market-products"] .market-search-capsule-v2411,
html body[data-view="market-file"] .market-search-capsule-v2411 {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  gap: 11px !important;
  border: 1px solid var(--gf-line-strong) !important;
  border-radius: 999px !important;
  background: #0a141e !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .16) !important;
}

html body[data-view="market-products"] .market-search-capsule-v2411:focus-within,
html body[data-view="market-file"] .market-search-capsule-v2411:focus-within {
  border-color: var(--gf-blue) !important;
  box-shadow: 0 0 0 3px var(--gf-focus) !important;
}

html body[data-view="market-products"] .market-search-capsule-v2411 > svg,
html body[data-view="market-file"] .market-search-capsule-v2411 > svg {
  width: 19px !important;
  height: 19px !important;
  color: #8494a2 !important;
}

html body[data-view="market-products"] .market-search-capsule-v2411 .search-input,
html body[data-view="market-file"] .market-search-capsule-v2411 .search-input {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

html body[data-view="market-products"] .market-command-actions-v2411,
html body[data-view="market-file"] .market-command-actions-v2411 {
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: 44px !important;
  gap: 4px !important;
}

html body[data-view="market-products"] .market-filter-icon-v2411,
html body[data-view="market-file"] .market-filter-icon-v2411 {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 11px !important;
  color: var(--gf-text-soft) !important;
  background: var(--gf-surface) !important;
}

html body[data-view="market-products"] .market-filter-icon-v2411:hover,
html body[data-view="market-file"] .market-filter-icon-v2411:hover {
  border-color: var(--gf-line-strong) !important;
  color: var(--gf-green-bright) !important;
  background: var(--gf-surface-raised) !important;
}

html body[data-view="market-products"] .market-command-actions-v2411 .ref-count-label,
html body[data-view="market-file"] .market-command-actions-v2411 .ref-count-label {
  padding: 0 !important;
  color: var(--gf-muted) !important;
  font-size: 12px !important;
  text-align: center;
}

html body .active-filter-row { margin-bottom: 14px !important; }
html body .active-filter-chip { min-height: 34px !important; font-size: 13px !important; }

html body .market-grid,
html body .behavior-market-grid,
html body .seller-card-grid-v165,
html body .management-card-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.2vw, 18px) !important;
  align-items: stretch !important;
}

html body[data-view="market-products"] #mpGrid.behavior-market-grid,
html body[data-view="market-file"] #mfGrid.behavior-market-grid,
html body[data-view="favorites"] #favGrid.behavior-market-grid,
html body[data-view="seller-profile"] #sellerGrid.seller-card-grid-v165 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.2vw, 18px) !important;
  justify-content: stretch !important;
}

html body .market-card,
html body .ref-card,
html body .minimal-market-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
  color: var(--gf-text) !important;
  background: linear-gradient(180deg, #0d1721, #0a121a) !important;
  box-shadow: none !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

html body .market-card:hover,
html body .ref-card:hover {
  border-color: #385164 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .2) !important;
}

html body .market-card-preview,
html body .ref-card-preview {
  width: 100% !important;
  margin: 0 !important;
  aspect-ratio: 1 / .9 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gf-line) !important;
  border-radius: 0 !important;
  background: #09121a !important;
}

html body .ref-preview-placeholder {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .ref-preview-placeholder span {
  color: #697987 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: .06em !important;
}

html body .market-card-body,
html body .ref-card-body {
  min-height: 148px !important;
  padding: 14px !important;
  gap: 8px !important;
}

html body .market-card-title,
html body .ref-card-title {
  margin: 0 !important;
  color: var(--gf-text) !important;
  font-size: 15px !important;
  font-weight: 690 !important;
  line-height: 1.35 !important;
  letter-spacing: -.012em !important;
}

html body .ref-card-location,
html body .card-seller-line,
html body .ref-sales-meta,
html body .ref-purchase-count,
html body .card-compact-meta-v241 {
  color: var(--gf-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

html body .ref-card-price > span,
html body .card-price-v241 {
  color: var(--gf-text) !important;
  font-size: 19px !important;
  font-weight: 760 !important;
  font-variant-numeric: tabular-nums;
}

html body .ref-card-price small { font-size: 12px !important; }

html body .ref-chip-row > span,
html body .card-tag-zone > span,
html body .entity-tag,
html body .certified-badge,
html body .licensed-production-mini {
  min-height: 25px !important;
  padding: 4px 8px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .favorite-action,
html body .market-card-fav,
html body .ref-heart {
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f4f7f9 !important;
  background: transparent !important;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.65));
}

/* -----------------------------------------------------------------------
   Management dashboards
   ----------------------------------------------------------------------- */

html body .management-page-head-v2412 {
  margin-bottom: 14px !important;
}

html body .management-page-head-v2412 .page-desc {
  display: none !important;
}

html body .management-bento-card-v161,
html body .management-flat-v2412 {
  margin: 0 0 18px !important;
  overflow: hidden !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 16px !important;
  background: var(--gf-surface) !important;
  box-shadow: none !important;
}

html body .management-bento-title-row-v161 {
  min-height: 62px !important;
  padding: 11px 18px !important;
  border-bottom: 1px solid var(--gf-line) !important;
}

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

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

html body .behavior-ops-metric {
  min-height: 126px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

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

html body .behavior-ops-metric > span,
html body .management-metric-v161 > span,
html body .metric-copy-v2415 > span {
  color: var(--gf-muted) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body .behavior-ops-metric > strong {
  margin-top: 7px !important;
  color: var(--gf-text) !important;
  font-size: 20px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
}

html body .metric-copy-v2415 > strong {
  margin-top: 7px !important;
  color: var(--gf-text) !important;
  font-size: 20px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
}

html body .behavior-ops-metric > small,
html body .metric-copy-v2415 > small { margin-top: 5px !important; color: var(--gf-muted) !important; }

html body .behavior-ops-metric.critical {
  box-shadow: inset 2px 0 var(--gf-green) !important;
}

html body .metric-with-cycle-v2415 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

html body .metric-with-cycle-v2415 .metric-copy-v2415 {
  min-width: 0;
  display: grid;
}

html body .management-finance-strip-v2412 {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
}

html body .management-metric-v161 {
  min-height: 78px !important;
  padding: 14px 18px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  border: 0 !important;
  background: #0d1721 !important;
}

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

html body .management-metric-v161 > strong {
  color: var(--gf-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html body .management-list-zone-v2412 {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body .management-list-zone-v2412 .segmented-tabs {
  margin-bottom: 12px !important;
}

html body .management-list-zone-v2412 .management-card-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--gf-line);
  border-radius: 14px;
  background: var(--gf-surface);
}

html body .management-list-zone-v2412 .market-card {
  border: 0 !important;
  border-radius: 0 !important;
}

html body .management-list-zone-v2412 .market-card + .market-card {
  border-top: 1px solid var(--gf-line) !important;
}

html body .floating-add {
  width: 50px !important;
  height: 50px !important;
  border: 1px solid rgba(41, 215, 162, .38) !important;
  border-radius: 14px !important;
  color: #02100b !important;
  background: var(--gf-green-bright) !important;
  box-shadow: 0 12px 35px rgba(16, 185, 129, .25) !important;
}

/* -----------------------------------------------------------------------
   Product and file detail pages
   ----------------------------------------------------------------------- */

html body[data-view="product-detail"] .page-inner,
html body[data-view="file-detail"] .page-inner {
  padding-top: 20px !important;
}

html body[data-view="product-detail"] .detail-gallery-card-v2411,
html body[data-view="file-detail"] .detail-gallery-card-v2411 {
  align-items: stretch !important;
  justify-content: stretch !important;
  aspect-ratio: auto !important;
}

html body[data-view="product-detail"] .detail-gallery-media-v2411,
html body[data-view="file-detail"] .detail-gallery-media-v2411 {
  width: 100% !important;
  height: 100% !important;
  min-height: 430px !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

html body .detail-bento-meta-v2411 {
  border: 1px solid var(--gf-line) !important;
  border-radius: 0 0 16px 16px !important;
  background: var(--gf-surface) !important;
}

html body[data-view="product-detail"] .detail-gallery-media-v2411 .detail-preview-stage-v2415,
html body[data-view="file-detail"] .detail-gallery-media-v2411 .detail-preview-stage-v2415 {
  inset: 10px !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #718899 !important;
  background:
    linear-gradient(rgba(122, 157, 177, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(122, 157, 177, .045) 1px, transparent 1px),
    radial-gradient(circle at 50% 44%, rgba(16, 185, 129, .08), transparent 28%),
    #09121a !important;
  background-size: 28px 28px, 28px 28px, auto, auto !important;
}

html body[data-view="product-detail"] .detail-preview-stage-v2415 .detail-preview-wireframe-v2415,
html body[data-view="file-detail"] .detail-preview-stage-v2415 .detail-preview-wireframe-v2415 {
  width: clamp(112px, 16vw, 168px) !important;
  height: clamp(112px, 16vw, 168px) !important;
  margin-bottom: 8px !important;
  opacity: .72 !important;
  stroke-width: 1.25 !important;
}

html body[data-view="product-detail"] .detail-preview-stage-v2415 > strong,
html body[data-view="file-detail"] .detail-preview-stage-v2415 > strong {
  color: var(--gf-text-soft) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

html body[data-view="product-detail"] .detail-preview-stage-v2415 > span,
html body[data-view="file-detail"] .detail-preview-stage-v2415 > span {
  color: var(--gf-muted) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .detail-bento-copy-v2411,
html body .detail-bento-seller-v2411 {
  background: transparent !important;
}

html body .detail-title { font-size: clamp(23px, 2.2vw, 34px) !important; }

html body .detail-desc,
html body .detail-bento-copy-v2411 .detail-desc {
  color: var(--gf-text-soft) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

html body .detail-section-head-v167,
html body .detail-option-field-v167 label,
html body .detail-comment-card p,
html body .detail-comment-meta,
html body .detail-comment-author-row,
html body .seller-profile-copy-v24 span,
html body .seller-profile-stats-v24 {
  font-size: 13px !important;
}

html body .option-select-shell-v165,
html body .option-select-shell-v166 {
  min-height: 48px !important;
  border: 1px solid var(--gf-line-strong) !important;
  border-radius: 10px !important;
  background: #08111a !important;
}

html body .detail-select-v165,
html body .detail-select-v166,
html body .option-select-value-v165,
html body .option-select-value-v166 {
  min-height: 48px !important;
  font-size: 16px !important;
  font-weight: 570 !important;
}

/* -----------------------------------------------------------------------
   Plans, token checkout and withdrawal
   ----------------------------------------------------------------------- */

html body .plan-heading-flat-v2412 > p { display: none !important; }

html body .plan-summary-primary-v2412 {
  min-height: 108px !important;
  margin: 0 0 16px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.35fr .9fr 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
  background: var(--gf-surface) !important;
}

html body .plan-summary-primary-v2412 > div {
  min-height: 108px !important;
  padding: 16px 20px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  border: 0 !important;
}

html body .plan-summary-primary-v2412 > div + div {
  border-left: 1px solid var(--gf-line) !important;
}

html body .plan-summary-primary-v2412 span {
  color: var(--gf-muted) !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

html body .plan-summary-primary-v2412 strong {
  color: var(--gf-text) !important;
  font-size: 18px !important;
  font-weight: 720 !important;
}

html body .plan-usage-v2415 {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
}

html body .plan-usage-copy-v2415 { display: grid; gap: 4px; }
html body .plan-usage-copy-v2415 strong { font-size: 16px !important; }

html body .latest-plan-grid,
html body .plan-grid-priority-v2412 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .latest-plan-card {
  order: 0 !important;
  min-height: 278px !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
  background: var(--gf-surface) !important;
  box-shadow: none !important;
}

html body .latest-plan-card.current {
  border-color: rgba(16, 185, 129, .58) !important;
  background: linear-gradient(180deg, rgba(16,185,129,.08), var(--gf-surface) 38%) !important;
  box-shadow: inset 0 2px var(--gf-green) !important;
}

html body .latest-plan-card h2 { margin: 0 !important; font-size: 18px !important; }
html body .latest-plan-storage { font-size: 28px !important; line-height: 1 !important; }
html body .latest-plan-price { margin: 0 !important; color: var(--gf-text) !important; font-size: 14px !important; }
html body .latest-plan-note { min-height: 40px; margin: 0 !important; color: var(--gf-muted) !important; }
html body .latest-plan-card .btn { width: 100% !important; margin-top: auto !important; }

html body .plan-ledger-note-v2412 { display: none !important; }

html body .latest-token-hero { margin-bottom: 16px !important; }
html body .latest-token-hero p { margin-top: 5px !important; }
html body .latest-token-shell { gap: 18px !important; }
html body .latest-token-grid { gap: 12px !important; }

html body .latest-token-card,
html body .latest-checkout-card,
html body .latest-withdrawal-balance-card,
html body .latest-withdrawal-form-card {
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
  background: var(--gf-surface) !important;
  box-shadow: none !important;
}

html body .latest-token-card {
  min-height: 188px !important;
  padding: 18px !important;
}

html body .latest-token-card > .muted { display: none !important; }
html body .latest-token-card h2 { font-size: 20px !important; }
html body .latest-token-price { font-size: 16px !important; }

html body .latest-checkout-card {
  position: sticky !important;
  top: 82px !important;
  padding: 20px !important;
}

html body .latest-payment-note { display: none !important; }
html body .latest-summary-row { min-height: 42px !important; padding: 9px 0 !important; font-size: 14px !important; }

html body .latest-withdrawal-hero .page-desc {
  max-width: 640px !important;
}

html body .latest-withdrawal-shell { gap: 18px !important; }
html body .latest-withdrawal-balance-card,
html body .latest-withdrawal-form-card { padding: 20px !important; }

html body .withdrawal-progress-v2415 {
  margin: 16px 0 4px;
  padding-top: 15px;
  border-top: 1px solid var(--gf-line);
}

html body .withdrawal-ledger-copy-v2415 { display: none !important; }

/* -----------------------------------------------------------------------
   Forms, listing editors, KYC and settings
   ----------------------------------------------------------------------- */

html body[data-view="product-listing-settings"] .page-desc { margin-top: 5px !important; }

html body .product-listing-layout-v2412,
html body .product-listing-canvas-v2412,
html body .fl188-root .listing-shell,
html body .profile-card,
html body .kyc-primary-card,
html body .kyc-side-card,
html body .kyc-doc-card,
html body .kyc-review-card {
  border-color: var(--gf-line) !important;
  background: var(--gf-surface) !important;
  box-shadow: none !important;
}

html body .product-listing-layout-v2412,
html body .product-listing-canvas-v2412 {
  border-radius: 16px !important;
  overflow: hidden !important;
}

html body .product-listing-layout-v2412 .section-kicker,
html body .product-listing-canvas-v2412 .section-kicker {
  color: #7f8f9d !important;
}

html body .product-option-card-v249,
html body .product-sku-card-v249,
html body .license-grant-summary,
html body .legal-set-card {
  border-color: var(--gf-line) !important;
  background: #0a141d !important;
  box-shadow: none !important;
}

html body .product-sku-price-v249,
html body .product-sku-price-v249 small,
html body .legal-set-card small,
html body .purchase-license-scope p {
  font-size: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root select,
html body[data-view="file-listing-settings"] .fl188-root select option,
html body[data-view="file-listing-settings"] .fl188-root input,
html body[data-view="file-listing-settings"] .fl188-root textarea {
  font-size: 16px !important;
}

/* Runtime-injected legacy rules are appended after stylesheets on this view.
   Keep dropdown values and their native menus at the accessible 16px floor. */
html body[data-view="file-listing-settings"][data-page-type] .page-inner .fl188-root select,
html body[data-view="file-listing-settings"][data-page-type] .page-inner .fl188-root select option {
  font-size: 16px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid label > span,
html body[data-view="file-listing-settings"] .fl188-root .single-grid label > span,
html body[data-view="file-listing-settings"] .fl188-root .manual-grid label > span,
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label b {
  font-size: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-field label b {
  font-size: 15px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-field label small {
  font-size: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog {
  width: min(1520px, calc(100vw - 18px)) !important;
  height: min(920px, calc(100dvh - 14px)) !important;
  border: 1px solid var(--gf-line-strong) !important;
  border-radius: 16px !important;
  background: #071019 !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-head {
  min-height: 82px !important;
  padding: 13px 18px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 {
  font-size: clamp(21px, 1.6vw, 27px) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child {
  font-size: 14px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
  padding: 10px 18px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button,
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions .btn,
html body[data-view="file-listing-settings"] .fl188-root .parameter-summary {
  font-size: 14px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-control input,
html body[data-view="file-listing-settings"] .fl188-root .parameter-control select {
  min-height: 48px !important;
  height: 48px !important;
  font-size: 16px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .parameter-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  background: transparent !important;
}

html body .kyc-page-v249 { gap: 14px !important; }
html body .kyc-hero-v249 {
  min-height: 78px !important;
  padding: 16px 20px !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
  background: var(--gf-surface) !important;
}

html body .kyc-hero-v249 p { margin-top: 4px !important; font-size: 14px !important; }
html body .kyc-main-grid-v249 { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
html body .kyc-primary-card,
html body .kyc-side-card,
html body .kyc-doc-card,
html body .kyc-review-card { padding: 18px !important; border-radius: 14px !important; }

html body .kyc-privacy-inline-v2415 {
  margin-top: 16px !important;
  padding: 11px 13px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body .management-gear-v161 svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
}
html body .kyc-progress-v2415 { margin-top: 12px; }
html body .kyc-submit-summary { font-size: 14px !important; }
html body .kyc-declaration-check > span { font-size: 13px !important; line-height: 1.55 !important; }

html body .profile-settings-shell { gap: 12px !important; }
html body .profile-card {
  padding: 18px !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
}

html body[data-view="profile-settings"] > .page-desc,
html body[data-view="profile-settings"] .ref-page-header > .page-desc { display: none !important; }

html body .profile-kyc-progress {
  border: 1px solid var(--gf-line) !important;
  border-radius: 11px !important;
  background: #09131c !important;
}

html body .profile-kyc-progress span { font-size: 13px !important; }
html body .profile-kyc-linear-v2415 { margin: 14px 0 4px; }

/* -----------------------------------------------------------------------
   Seller profile, histories, tracking and payment verification
   ----------------------------------------------------------------------- */

html body .seller-profile-flat-v2412 {
  border: 1px solid var(--gf-line) !important;
  border-radius: 16px !important;
  background: var(--gf-surface) !important;
}

html body .seller-profile-head-v2412 { padding: 24px !important; }
html body .seller-profile-metrics-v2412 { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }

html body .seller-profile-metrics-v2412 > div {
  min-height: 92px !important;
  padding: 16px 20px !important;
}

html body .seller-profile-metrics-v2412 span { font-size: 13px !important; }
html body .seller-profile-metrics-v2412 strong { font-size: 20px !important; }
html body .seller-cycle-metric-v2415 { grid-template-columns: 56px minmax(0,1fr); align-items: center; }
html body .seller-cycle-metric-v2415 .future-cycle-progress { width: 56px; height: 56px; flex-basis: 56px; }

html body[data-view="favorites"] .page-desc,
html body[data-view="file-history"] .page-desc,
html body[data-view="product-history"] .page-desc,
html body[data-view="product-tracking"] .page-desc,
html body[data-view="seller-order-history"] .page-desc {
  display: none !important;
}

html body .history-list,
html body .tracking-list,
html body .seller-history-list-v177 {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
  background: transparent !important;
}

html body .history-card,
html body .tracking-card,
html body .seller-order-card-v177 {
  border: 1px solid var(--gf-line) !important;
  border-radius: 13px !important;
  background: var(--gf-surface) !important;
  box-shadow: none !important;
}

html body .history-card p,
html body .tracking-card p,
html body .tracking-step,
html body .seller-order-card-v177 small {
  font-size: 13px !important;
}

html body .tracking-statuses {
  position: relative;
  gap: 0 !important;
}

html body .tracking-step {
  min-height: 36px !important;
  padding: 8px 12px !important;
}

html body .seller-history-summary-grid-v177 {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
}

html body .seller-history-summary-card-v177 {
  min-height: 96px !important;
  padding: 16px !important;
  border: 1px solid var(--gf-line) !important;
  border-radius: 13px !important;
  background: var(--gf-surface) !important;
}

html body .seller-history-summary-card-v177 > span,
html body .seller-history-summary-card-v177 small { font-size: 13px !important; }

html body .seller-order-side-v177 > small { display: none !important; }

html body .lianlian-shell-v177 { gap: 16px !important; }
html body .lianlian-progress-card-v177,
html body .lianlian-summary-card-v177 {
  border: 1px solid var(--gf-line) !important;
  border-radius: 14px !important;
  background: var(--gf-surface) !important;
  box-shadow: none !important;
}

html body .lianlian-step-v177 strong { font-size: 14px !important; }
html body .lianlian-step-v177 small { font-size: 13px !important; }
html body .lianlian-provider-box-v177 small { font-size: 13px !important; }

/* -----------------------------------------------------------------------
   Dialogs and system feedback
   ----------------------------------------------------------------------- */

html body .modal,
html body .modal-card,
html body .wide-filter-modal {
  border: 1px solid var(--gf-line-strong) !important;
  border-radius: 16px !important;
  color: var(--gf-text) !important;
  background: #0a131c !important;
  box-shadow: var(--gf-shadow) !important;
}

html body .modal-title,
html body .modal-card h3 { font-size: 20px !important; }
html body .modal-desc,
html body .notice { font-size: 13px !important; line-height: 1.55 !important; }

html body .choice-row,
html body .round-option {
  min-height: 44px !important;
  font-size: 15px !important;
}

html body .modal-close {
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--gf-text-soft) !important;
  background: transparent !important;
  font-size: 22px !important;
}

html body .toast { font-size: 14px !important; }

/* -----------------------------------------------------------------------
   Responsive layout
   ----------------------------------------------------------------------- */

@media (max-width: 1399px) {
  html body .market-grid,
  html body .behavior-market-grid,
  html body .seller-card-grid-v165 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  html body[data-view="market-products"] #mpGrid.behavior-market-grid,
  html body[data-view="market-file"] #mfGrid.behavior-market-grid,
  html body[data-view="favorites"] #favGrid.behavior-market-grid,
  html body[data-view="seller-profile"] #sellerGrid.seller-card-grid-v165 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  html body .latest-plan-grid,
  html body .plan-grid-priority-v2412 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  html body[data-view="market-products"] .market-command-row-v2411,
  html body[data-view="market-file"] .market-command-row-v2411 {
    grid-template-columns: minmax(150px, 1fr) auto !important;
  }
  html body[data-view="market-products"] .market-search-capsule-v2411,
  html body[data-view="market-file"] .market-search-capsule-v2411 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
  html body[data-view="market-products"] .market-command-actions-v2411,
  html body[data-view="market-file"] .market-command-actions-v2411 { grid-column: 2; grid-row: 1; }

  html body .market-grid,
  html body .behavior-market-grid,
  html body .seller-card-grid-v165 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body[data-view="market-products"] #mpGrid.behavior-market-grid,
  html body[data-view="market-file"] #mfGrid.behavior-market-grid,
  html body[data-view="favorites"] #favGrid.behavior-market-grid,
  html body[data-view="seller-profile"] #sellerGrid.seller-card-grid-v165 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body .management-priority-grid-v2412 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  html body .behavior-ops-metric:nth-child(3) { border-left: 0 !important; border-top: 1px solid var(--gf-line) !important; }
  html body .behavior-ops-metric:nth-child(4) { border-top: 1px solid var(--gf-line) !important; }

  html body .plan-summary-primary-v2412 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  html body .plan-summary-primary-v2412 > div:nth-child(3) { border-left: 0 !important; border-top: 1px solid var(--gf-line) !important; }
  html body .plan-summary-primary-v2412 > div:nth-child(4) { border-top: 1px solid var(--gf-line) !important; }

  html body .kyc-main-grid-v249 { grid-template-columns: 1fr !important; }
  html body .kyc-guide-card-v249 { display: none !important; }
}

@media (max-width: 760px) {
  html body .topbar { padding-inline: 10px !important; }
  html body .topbar-icon-btn { width: 38px !important; height: 38px !important; }
  html body .topbar-logo-copy > span { font-size: 16px !important; }
  html body .topbar-discord { width: 36px !important; height: 36px !important; }
  html body .topbar-token-pill { min-width: 102px !important; height: 38px !important; min-height: 38px !important; }
  html body .topbar-token-value { font-size: 13px !important; }

  html body .page-inner { padding: 18px 14px 88px !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 { font-size: 23px !important; }

  html body .ref-page-header,
  html body .behavior-management-header { align-items: flex-start !important; }

  html body[data-view="market-products"] .market-command-row-v2411,
  html body[data-view="market-file"] .market-command-row-v2411 {
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 10px !important;
  }
  html body[data-view="market-products"] .market-command-label-v2411 .page-title,
  html body[data-view="market-file"] .market-command-label-v2411 .page-title { font-size: 22px !important; }
  html body[data-view="market-products"] .market-command-label-v2411,
  html body[data-view="market-file"] .market-command-label-v2411 {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  html body[data-view="market-products"] .market-command-actions-v2411,
  html body[data-view="market-file"] .market-command-actions-v2411 {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  html body[data-view="market-products"] .market-search-capsule-v2411,
  html body[data-view="market-file"] .market-search-capsule-v2411 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
  html body[data-view="market-products"] .market-search-capsule-v2411,
  html body[data-view="market-file"] .market-search-capsule-v2411 { height: 48px !important; min-height: 48px !important; }
  html body[data-view="market-products"] .market-command-actions-v2411 .ref-count-label,
  html body[data-view="market-file"] .market-command-actions-v2411 .ref-count-label { display: none !important; }

  html body .market-grid,
  html body .behavior-market-grid,
  html body .seller-card-grid-v165 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  html body[data-view="market-products"] #mpGrid.behavior-market-grid,
  html body[data-view="market-file"] #mfGrid.behavior-market-grid,
  html body[data-view="favorites"] #favGrid.behavior-market-grid,
  html body[data-view="seller-profile"] #sellerGrid.seller-card-grid-v165 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  html body .market-card-body,
  html body .ref-card-body { min-height: 138px !important; padding: 11px !important; }
  html body .market-card-title,
  html body .ref-card-title { font-size: 14px !important; }
  html body .ref-card-location,
  html body .ref-sales-meta,
  html body .ref-purchase-count { font-size: 12px !important; }
  html body .ref-chip-row > span,
  html body .card-tag-zone > span,
  html body .entity-tag { font-size: 12px !important; }

  html body .management-page-head-v2412 { flex-direction: column !important; }
  html body .management-bento-title-row-v161 { padding: 10px 14px !important; }
  html body[data-view="product-management"] .management-priority-grid-v2412,
  html body[data-view="file-management"] .management-priority-grid-v2412 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .behavior-ops-metric { min-height: 116px !important; padding: 13px !important; }
  html body .behavior-ops-metric + .behavior-ops-metric { border-left: 0 !important; border-top: 0 !important; }
  html body .behavior-ops-metric:nth-child(even) { border-left: 1px solid var(--gf-line) !important; }
  html body .behavior-ops-metric:nth-child(n+3) { border-top: 1px solid var(--gf-line) !important; }
  html body .metric-with-cycle-v2415 { gap: 9px !important; }
  html body .metric-with-cycle-v2415 .future-cycle-progress { width: 58px !important; height: 58px !important; flex-basis: 58px !important; }
  html body .management-finance-strip-v2412 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  html body .management-metric-v161 { min-height: 72px !important; padding: 12px 14px !important; border-bottom: 1px solid var(--gf-line) !important; }
  html body .management-metric-v161:nth-child(odd) { border-left: 0 !important; }
  html body .management-finance-strip-v2412 > .management-metric-v161:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }

  html body .plan-summary-primary-v2412 { grid-template-columns: 1fr !important; }
  html body .plan-summary-primary-v2412 > div,
  html body .plan-summary-primary-v2412 > div:nth-child(n) { min-height: 82px !important; border-left: 0 !important; border-top: 1px solid var(--gf-line) !important; }
  html body .plan-summary-primary-v2412 > div:first-child { border-top: 0 !important; }
  html body .plan-usage-v2415 { min-height: 100px !important; }
  html body .latest-plan-grid,
  html body .plan-grid-priority-v2412 { grid-template-columns: 1fr !important; }
  html body .latest-plan-card { min-height: 232px !important; }

  html body .seller-profile-head-v2412 { grid-template-columns: auto minmax(0,1fr) !important; padding: 18px !important; }
  html body .seller-profile-actions-v2412 { grid-column: 1 / -1; justify-content: stretch !important; }
  html body .seller-profile-actions-v2412 .btn { flex: 1; }
  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; border-top: 1px solid var(--gf-line) !important; }
  html body .seller-profile-metrics-v2412 > div:nth-child(4) { border-top: 1px solid var(--gf-line) !important; }

  html body .seller-history-summary-grid-v177 { grid-template-columns: 1fr !important; }
  html body .kyc-hero-v249 { align-items: flex-start !important; }
  html body .kyc-form-grid-v249 { grid-template-columns: 1fr !important; }
  html body .profile-card { padding: 15px !important; }

  html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog {
    width: calc(100vw - 8px) !important;
    height: calc(100dvh - 8px) !important;
    border-radius: 13px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head { padding: 12px 14px !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 { font-size: 21px !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child { font-size: 13px !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-fields { grid-template-columns: 1fr !important; }
}

@media (max-width: 420px) {
  html body .topbar-right { gap: 3px !important; }
  html body .topbar-discord { width: 32px !important; }
  html body .topbar-token-pill { min-width: 98px !important; padding-inline: 7px !important; gap: 6px !important; }
  html body .topbar-token-plus { width: 24px !important; height: 24px !important; flex-basis: 24px !important; }

  html body .market-card-body,
  html body .ref-card-body { padding: 10px !important; }
  html body .ref-chip-row > span:nth-child(n+3) { display: none !important; }

  html body .management-finance-strip-v2412 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .management-metric-v161:nth-child(even) { border-left: 1px solid var(--gf-line) !important; }
}

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