/* 3D StudioMarket v27.3 — canonical marketplace UI bundle.
   Ordered consolidation of the previously layered v23-v27 marketplace styles. */

/* ===== SOURCE: app.css ===== */
/* 3D StudioMarket Frontend v22.4 — Shared CSS bundle
   Source order is preserved to keep the validated cascade unchanged. */

/* ===== SOURCE: styles.css ===== */
/* ==========================================================================
   3D StudioMarket — Styles
   ==========================================================================
   Design target: calm, premium, minimal dark marketplace interface.
   Core colors are defined as CSS custom properties at the top.

   Palette:
     Page background:    #000103
     Topbar background:  #000000
     Main card:          #0B0D10
     Input / inner:      #111418
     Brand green:        #10B981
     Primary orange:     #10B981
     Orange hover:       #0EA371
     Discord purple:     #8B949E
     Border:             rgba(255,255,255,0.10)
     Softer border:      rgba(255,255,255,0.06)
     Main text:          #F6F6F7
     Secondary text:     #D4D4D8
     Muted text:         #A1A1AA
     Dim text:           #71717A
     Destructive red:    #EF4444
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Custom Properties
   -------------------------------------------------------------------------- */
:root {
  --bg-page: #000103;
  --bg-topbar: #000000;
  --bg-card: #0B0D10;
  --bg-input: #111418;
  --green: #10B981;
  --green-muted: rgba(16, 185, 129, 0.15);
  --orange: #10B981;
  --orange-hover: #0EA371;
  --discord: #8B949E;
  --border: rgba(255, 255, 255, 0.10);
  --border-soft: rgba(255, 255, 255, 0.06);
  --text-main: #F6F6F7;
  --text-secondary: #D4D4D8;
  --text-muted: #A1A1AA;
  --text-dim: #71717A;
  --red: #EF4444;
  --red-muted: rgba(239, 68, 68, 0.12);

  --topbar-h: 64px;
  --sidebar-w: 240px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --transition: 160ms ease;
}

/* --------------------------------------------------------------------------
   Reset & base
   -------------------------------------------------------------------------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto,
    Helvetica, Arial, sans-serif;
  background: var(--bg-page);
  color: var(--text-main);
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
}

a {
  color: var(--green);
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}

img {
  max-width: 100%;
  display: block;
}

ul,
ol {
  list-style: none;
}

/* --------------------------------------------------------------------------
   Layout shell
   -------------------------------------------------------------------------- */
.app-shell {
  display: flex;
  min-height: 100vh;
  padding-top: var(--topbar-h);
}

/* --------------------------------------------------------------------------
   Topbar
   -------------------------------------------------------------------------- */
.topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--topbar-h);
  background: var(--bg-topbar);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 100;
}

.topbar-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.topbar-menu-btn {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  transition: background var(--transition), color var(--transition);
  flex-shrink: 0;
}

.topbar-menu-btn:hover {
  background: var(--bg-input);
  color: var(--text-main);
}

.topbar-menu-btn svg {
  width: 20px;
  height: 20px;
}

.topbar-logo {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.3px;
  white-space: nowrap;
  user-select: none;
}

.topbar-logo .logo-studio {
  color: #ffffff;
}

.topbar-logo .logo-market {
  color: var(--green);
}

.topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.topbar-discord-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--discord);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--transition);
  flex-shrink: 0;
}

.topbar-discord-btn:hover {
  opacity: 0.88;
}

.topbar-discord-btn svg {
  width: 18px;
  height: 18px;
}

.topbar-theme-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  transition: background var(--transition), color var(--transition);
}

.topbar-theme-btn:hover {
  background: var(--bg-input);
  color: var(--text-main);
}

.topbar-theme-btn svg {
  width: 18px;
  height: 18px;
}

.topbar-token-pill {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 9999px;
  padding: 6px 12px 6px 12px;
  font-size: 0.85rem;
  color: var(--text-secondary);
}

.topbar-token-pill .coin {
  color: #f59e0b;
  font-weight: 600;
}

.topbar-token-plus {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  margin-left: 2px;
  transition: background var(--transition);
  flex-shrink: 0;
}

.topbar-token-plus:hover {
  background: var(--orange-hover);
}

/* --------------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------------- */
.sidebar {
  position: fixed;
  top: var(--topbar-h);
  left: 0;
  bottom: 0;
  width: var(--sidebar-w);
  background: var(--bg-page);
  border-right: 1px solid var(--border);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 12px 8px;
  z-index: 90;
  transition: transform var(--transition);
}

.sidebar-section-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--text-dim);
  padding: 12px 12px 4px;
}

.sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: 0.9rem;
  transition: background var(--transition), color var(--transition);
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}

.sidebar-item:hover {
  background: var(--bg-input);
  color: var(--text-secondary);
}

.sidebar-item.active {
  background: var(--green-muted);
  color: #fff;
}

.sidebar-item.active::before {
  content: "";
  width: 3px;
  height: 18px;
  background: var(--green);
  border-radius: 3px;
  flex-shrink: 0;
}

.sidebar-item svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}

.sidebar-spacer {
  flex: 1;
}

.sidebar-bottom {
  border-top: 1px solid var(--border-soft);
  padding-top: 8px;
}

.sidebar-logout {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  color: var(--red);
  font-size: 0.9rem;
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  transition: background var(--transition);
}

.sidebar-logout:hover {
  background: var(--red-muted);
}

.sidebar-logout svg {
  width: 17px;
  height: 17px;
}

/* --------------------------------------------------------------------------
   Main content area
   -------------------------------------------------------------------------- */
.main-content {
  flex: 1;
  margin-left: var(--sidebar-w);
  padding: 28px 32px;
  min-height: calc(100vh - var(--topbar-h));
  max-width: 100%;
}

.page-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 4px;
}

.page-desc {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-bottom: 24px;
}

/* --------------------------------------------------------------------------
   Cards (general)
   -------------------------------------------------------------------------- */
.card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 20px;
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.card-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-main);
}

/* --------------------------------------------------------------------------
   Search / filter row
   -------------------------------------------------------------------------- */
.search-filter-row {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.search-input {
  flex: 1;
  min-width: 200px;
  padding: 10px 14px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  outline: none;
  transition: border-color var(--transition);
}

.search-input:focus {
  border-color: var(--green);
}

.search-input::placeholder {
  color: var(--text-dim);
}

.filter-select {
  padding: 10px 14px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  outline: none;
  cursor: pointer;
  min-width: 140px;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A1A1AA' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.filter-select:focus {
  border-color: var(--green);
}

/* --------------------------------------------------------------------------
   Product / File grid
   -------------------------------------------------------------------------- */
.market-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.market-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  overflow: hidden;
  cursor: pointer;
  transition: border-color var(--transition);
}

.market-card:hover {
  border-color: var(--border);
}

.market-card-preview {
  height: 180px;
  background: var(--bg-input);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-dim);
  font-size: 0.8rem;
  position: relative;
}

.market-card-preview .preview-icon {
  width: 48px;
  height: 48px;
  opacity: 0.35;
}

.market-card-body {
  padding: 14px;
}

.market-card-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-main);
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.market-card-seller {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 6px;
}

.market-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.market-card-price {
  font-size: 1rem;
  font-weight: 700;
  color: var(--orange);
}

.market-card-meta {
  font-size: 0.75rem;
  color: var(--text-dim);
  background: var(--bg-input);
  padding: 2px 8px;
  border-radius: 9999px;
}

.market-card-fav {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: var(--text-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition);
  border: none;
  cursor: pointer;
}

.market-card-fav:hover {
  color: var(--red);
}

.market-card-fav.active {
  color: var(--red);
}

.market-card-fav svg {
  width: 16px;
  height: 16px;
}

/* v4.1 organic-feed feedback: a real hide action supplies negative behavior
   without disguising paid placement or changing the card's primary action. */
.feed-hide-action-v410 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 4;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 999px;
  background: rgba(6,10,14,.72);
  color: #fff;
  font: 600 11px/1 system-ui,sans-serif;
  cursor: pointer;
}
.feed-hide-action-v410:hover,.feed-hide-action-v410:focus-visible { border-color: #10b981; outline: none; }

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 500;
  transition: background var(--transition), opacity var(--transition);
  white-space: nowrap;
}

.btn-primary {
  background: var(--orange);
  color: #fff;
}

.btn-primary:hover {
  background: var(--orange-hover);
}

.btn-secondary {
  background: var(--bg-input);
  color: var(--text-secondary);
  border: 1px solid var(--border);
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.06);
}

.btn-danger {
  background: transparent;
  color: var(--red);
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.btn-danger:hover {
  background: var(--red-muted);
}

.btn-ghost {
  color: var(--text-muted);
  padding: 6px 10px;
}

.btn-ghost:hover {
  color: var(--text-main);
  background: var(--bg-input);
}

.btn-sm {
  padding: 5px 12px;
  font-size: 0.8rem;
}

.btn-block {
  width: 100%;
}

.btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   Badges
   -------------------------------------------------------------------------- */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 9999px;
}

.badge-green {
  background: var(--green-muted);
  color: var(--green);
}

.badge-red {
  background: var(--red-muted);
  color: var(--red);
}

.badge-neutral {
  background: var(--bg-input);
  color: var(--text-muted);
}

/* --------------------------------------------------------------------------
   Modals / Overlays
   -------------------------------------------------------------------------- */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

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

.modal {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  width: 100%;
  max-width: 520px;
  max-height: 85vh;
  overflow-y: auto;
  padding: 24px;
}

.modal-wide {
  max-width: 640px;
}

.modal-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 4px;
}

.modal-desc {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 20px;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
.form-group {
  margin-bottom: 14px;
}

.form-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-muted);
  margin-bottom: 5px;
}

.form-input {
  width: 100%;
  padding: 9px 12px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  outline: none;
  transition: border-color var(--transition);
}

.form-input:focus {
  border-color: var(--green);
}

.form-input::placeholder {
  color: var(--text-dim);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.form-textarea {
  width: 100%;
  padding: 9px 12px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  outline: none;
  resize: vertical;
  min-height: 80px;
  transition: border-color var(--transition);
}

.form-textarea:focus {
  border-color: var(--green);
}

.form-hint {
  font-size: 0.75rem;
  color: var(--text-dim);
  margin-top: 3px;
}

.form-error {
  font-size: 0.78rem;
  color: var(--red);
  margin-top: 4px;
}

/* --------------------------------------------------------------------------
   Detail page two-column
   -------------------------------------------------------------------------- */
.detail-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

.detail-preview {
  background: var(--bg-input);
  border-radius: var(--radius-md);
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-dim);
  font-size: 0.85rem;
}

.detail-info {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.detail-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--text-main);
}

.detail-price {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--orange);
}

.detail-desc {
  font-size: 0.9rem;
  color: var(--text-muted);
  line-height: 1.7;
}

.detail-seller-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--border-soft);
  border-bottom: 1px solid var(--border-soft);
  font-size: 0.88rem;
  color: var(--text-secondary);
  cursor: pointer;
}

.detail-seller-row .seller-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg-input);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--text-dim);
}

.detail-option-label {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-muted);
  margin-bottom: 4px;
}

/* --------------------------------------------------------------------------
   Token pack cards
   -------------------------------------------------------------------------- */
.token-pack-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}

.token-pack-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 20px;
  text-align: center;
  transition: border-color var(--transition);
}

.token-pack-card.selected {
  border-color: var(--orange);
}

.token-pack-amount {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 4px;
}

.token-pack-price {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-bottom: 14px;
}

.token-pack-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.token-pack-qty {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-main);
  min-width: 24px;
}

.token-pack-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bg-input);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: background var(--transition);
}

.token-pack-btn:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* --------------------------------------------------------------------------
   Plan cards
   -------------------------------------------------------------------------- */
.plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}

.plan-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 20px;
  position: relative;
  transition: border-color var(--transition);
}

.plan-card.current {
  border-color: var(--green);
}

.plan-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 2px;
}

.plan-storage {
  font-size: 0.85rem;
  color: var(--green);
  margin-bottom: 2px;
}

.plan-price {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-bottom: 12px;
}

.plan-current-badge {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--green);
  background: var(--green-muted);
  padding: 2px 8px;
  border-radius: 9999px;
  display: inline-block;
  margin-bottom: 10px;
}

/* --------------------------------------------------------------------------
   Seller profile card (File Management)
   -------------------------------------------------------------------------- */
.seller-profile-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.seller-profile-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.seller-profile-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-main);
}

.seller-profile-status {
  font-size: 0.8rem;
}

.seller-profile-gear {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  transition: background var(--transition), color var(--transition);
}

.seller-profile-gear:hover {
  background: var(--bg-input);
  color: var(--text-main);
}

.seller-profile-gear svg {
  width: 18px;
  height: 18px;
}

/* --------------------------------------------------------------------------
   Summary row
   -------------------------------------------------------------------------- */
.summary-row {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.summary-item {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  flex: 1;
  min-width: 140px;
}

.summary-label {
  font-size: 0.75rem;
  color: var(--text-dim);
  margin-bottom: 2px;
}

.summary-value {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-main);
}

/* --------------------------------------------------------------------------
   File / Product management cards
   -------------------------------------------------------------------------- */
.mgmt-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.mgmt-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.mgmt-card-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--text-dim);
  font-weight: 600;
}

.mgmt-card-info {
  min-width: 0;
}

.mgmt-card-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mgmt-card-desc {
  font-size: 0.78rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mgmt-card-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.mgmt-card-price {
  font-weight: 600;
  color: var(--orange);
  font-size: 0.9rem;
}

/* --------------------------------------------------------------------------
   History / Tracking cards
   -------------------------------------------------------------------------- */
.history-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.history-info {
  min-width: 0;
}

.history-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-main);
}

.history-meta {
  font-size: 0.78rem;
  color: var(--text-muted);
}

.tracking-statuses {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.tracking-step {
  font-size: 0.72rem;
  padding: 3px 10px;
  border-radius: 9999px;
  background: var(--bg-input);
  color: var(--text-muted);
}

.tracking-step.done {
  background: var(--green-muted);
  color: var(--green);
}

.tracking-step.current {
  background: rgba(16, 185, 129, 0.15);
  color: var(--orange);
}

/* --------------------------------------------------------------------------
   Tabs
   -------------------------------------------------------------------------- */
.tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border);
  margin-bottom: 20px;
}

.tab-btn {
  padding: 10px 18px;
  font-size: 0.88rem;
  color: var(--text-muted);
  border-bottom: 2px solid transparent;
  transition: color var(--transition), border-color var(--transition);
  background: none;
  cursor: pointer;
}

.tab-btn:hover {
  color: var(--text-secondary);
}

.tab-btn.active {
  color: var(--text-main);
  border-bottom-color: var(--green);
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   Toggle switch
   -------------------------------------------------------------------------- */
.toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}

.toggle-label {
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.toggle-switch {
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  position: relative;
  cursor: pointer;
  transition: background var(--transition), border-color var(--transition);
}

.toggle-switch.on {
  background: var(--green);
  border-color: var(--green);
}

.toggle-switch::after {
  content: "";
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: transform var(--transition);
}

.toggle-switch.on::after {
  transform: translateX(20px);
}

/* --------------------------------------------------------------------------
   Address card
   -------------------------------------------------------------------------- */
.address-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 16px;
  margin-bottom: 10px;
}

.address-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.address-card-name {
  font-weight: 600;
  color: var(--text-main);
  font-size: 0.9rem;
}

.address-card-detail {
  font-size: 0.82rem;
  color: var(--text-muted);
  line-height: 1.6;
}

/* --------------------------------------------------------------------------
   Option selectors (popup style)
   -------------------------------------------------------------------------- */
.option-selector {
  position: relative;
}

.option-trigger {
  width: 100%;
  padding: 9px 12px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: border-color var(--transition);
}

.option-trigger:hover {
  border-color: var(--border);
}

.option-trigger:focus {
  border-color: var(--green);
}

.option-trigger .chevron {
  color: var(--text-dim);
  font-size: 0.7rem;
}

.option-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  z-index: 30;
  overflow: hidden;
}

.option-menu.hidden {
  display: none;
}

.option-item {
  padding: 9px 12px;
  font-size: 0.85rem;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition);
}

.option-item:hover {
  background: var(--bg-input);
}

.option-item.selected {
  color: var(--green);
}

/* --------------------------------------------------------------------------
   SKU / listing settings
   -------------------------------------------------------------------------- */
.sku-row {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.sku-label {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-main);
  min-width: 0;
  flex: 1;
}

.sku-price {
  width: 100px;
  padding: 6px 8px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  text-align: right;
  outline: none;
}

.sku-price:focus {
  border-color: var(--green);
}

.sku-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}

/* --------------------------------------------------------------------------
   Image upload area
   -------------------------------------------------------------------------- */
.upload-area {
  border: 1px dashed var(--border);
  border-radius: var(--radius-md);
  padding: 32px;
  text-align: center;
  color: var(--text-dim);
  cursor: pointer;
  transition: border-color var(--transition), background var(--transition);
  margin-bottom: 14px;
}

.upload-area:hover {
  border-color: var(--green);
  background: rgba(16, 185, 129, 0.03);
}

.upload-area svg {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  opacity: 0.5;
}

.upload-thumbs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.upload-thumb {
  width: 72px;
  height: 72px;
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  color: var(--text-dim);
}

.upload-thumb-remove {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* --------------------------------------------------------------------------
   File state indicators
   -------------------------------------------------------------------------- */
.file-state {
  font-size: 0.78rem;
  color: var(--text-dim);
}

.file-state.uploaded {
  color: var(--green);
}

/* --------------------------------------------------------------------------
   Bottom action bar
   -------------------------------------------------------------------------- */
.bottom-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--border-soft);
  gap: 12px;
  flex-wrap: wrap;
}

/* --------------------------------------------------------------------------
   Empty state
   -------------------------------------------------------------------------- */
.empty-state {
  text-align: center;
  padding: 48px 20px;
  color: var(--text-dim);
}

.empty-state svg {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  opacity: 0.4;
}

.empty-state-title {
  font-size: 0.95rem;
  color: var(--text-muted);
  margin-bottom: 4px;
}

/* --------------------------------------------------------------------------
   Notices / Alerts
   -------------------------------------------------------------------------- */
.notice {
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
  margin-bottom: 16px;
  line-height: 1.5;
}

.notice-info {
  background: rgba(88, 101, 242, 0.1);
  color: #a5b4fc;
  border: 1px solid rgba(88, 101, 242, 0.2);
}

.notice-warning {
  background: rgba(16, 185, 129, 0.08);
  color: var(--orange);
  border: 1px solid rgba(16, 185, 129, 0.15);
}

.notice-success {
  background: var(--green-muted);
  color: var(--green);
  border: 1px solid rgba(16, 185, 129, 0.2);
}

.notice-error {
  background: var(--red-muted);
  color: var(--red);
  border: 1px solid rgba(239, 68, 68, 0.2);
}

/* --------------------------------------------------------------------------
   Settings rows
   -------------------------------------------------------------------------- */
.settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-soft);
}

.settings-row-label {
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.settings-row-value {
  font-size: 0.85rem;
  color: var(--text-muted);
  cursor: pointer;
  transition: color var(--transition);
}

.settings-row-value:hover {
  color: var(--text-main);
}

.settings-row-value.not-set {
  color: var(--text-dim);
  font-style: italic;
}

/* --------------------------------------------------------------------------
   API key display
   -------------------------------------------------------------------------- */
.api-key-display {
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
  font-size: 0.82rem;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  word-break: break-all;
}

/* --------------------------------------------------------------------------
   Social media row (contact profile modal)
   -------------------------------------------------------------------------- */
.social-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.social-row input {
  flex: 1;
}

.social-row-remove {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-dim);
  flex-shrink: 0;
  transition: color var(--transition);
}

.social-row-remove:hover {
  color: var(--red);
}

/* --------------------------------------------------------------------------
   Confirmation modal
   -------------------------------------------------------------------------- */
.confirm-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 6px;
}

.confirm-desc {
  font-size: 0.85rem;
  color: var(--text-muted);
  line-height: 1.6;
}

/* --------------------------------------------------------------------------
   Responsive: mobile
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  :root {
    --topbar-h: 56px;
  }

  .sidebar {
    transform: translateX(-100%);
    box-shadow: none;
  }

  .sidebar.open {
    transform: translateX(0);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
  }

  .main-content {
    margin-left: 0;
    padding: 20px 16px;
  }

  .detail-layout {
    grid-template-columns: 1fr;
  }

  .market-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .summary-row {
    flex-direction: column;
  }

  .mgmt-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .mgmt-card-right {
    width: 100%;
    justify-content: space-between;
  }

  .bottom-bar {
    flex-direction: column;
    align-items: stretch;
  }
}

/* --------------------------------------------------------------------------
   Utility: hidden
   -------------------------------------------------------------------------- */
.hidden {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Scrollbar
   -------------------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
}


/* Final topbar/icon hardening.
   Topbar must remain black in every mode. Topbar icons must be plain glyphs without visible
   square/circle containers. The only allowed circular control is the orange token plus button. */
.topbar,
.topbar-shell,
.site-topbar,
.header-topbar {
  background: #000000 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}

/* Normalize old and new topbar icon class names. */
.topbar-icon-btn,
.topbar-menu-btn,
.topbar-back-btn,
.topbar-discord,
.topbar-discord-btn,
.topbar-theme,
.topbar-theme-btn {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-muted, #A1A1AA) !important;
  transition: color .16s ease, opacity .16s ease !important;
}

.topbar-icon-btn:hover,
.topbar-menu-btn:hover,
.topbar-back-btn:hover,
.topbar-discord:hover,
.topbar-discord-btn:hover,
.topbar-theme:hover,
.topbar-theme-btn:hover {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-main, #F6F6F7) !important;
  opacity: .95 !important;
}

.topbar-icon-btn svg,
.topbar-menu-btn svg,
.topbar-back-btn svg,
.topbar-discord svg,
.topbar-discord-btn svg,
.topbar-theme svg,
.topbar-theme-btn svg {
  width: 19px !important;
  height: 19px !important;
}

/* Discord remains identifiable by icon color, but without a filled circular/square frame. */
.topbar-discord,
.topbar-discord-btn {
  color: #a5b4fc !important;
}

.topbar-discord:hover,
.topbar-discord-btn:hover {
  color: #ffffff !important;
}

/* The token plus button is the only allowed circular icon control. */
.topbar-token-plus,
.token-plus,
.token-add,
.token-add-button {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  border-radius: 50% !important;
  background: #10B981 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Detail-page and marketplace action icons should be plain, not framed. */
.market-card-heart,
.card-heart,
.detail-action,
.detail-action-btn,
.share-btn,
.heart-btn,
.filter-icon-btn,
.gear-btn,
.icon-only {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.market-card-heart,
.card-heart,
.share-btn,
.heart-btn,
.filter-icon-btn,
.gear-btn,
.icon-only {
  border-radius: 0 !important;
}

.market-card-heart:hover,
.card-heart:hover,
.detail-action:hover,
.detail-action-btn:hover,
.share-btn:hover,
.heart-btn:hover,
.filter-icon-btn:hover,
.gear-btn:hover,
.icon-only:hover {
  background: transparent !important;
  opacity: .9 !important;
}


/* ========================================================================
   Full UI Final Layout — Prompt implementation
   ======================================================================== */
:root{--topbar-h:64px;--sidebar-w:240px;--page-pad:24px;--page-pad-mobile:16px;--grid-gap:16px;--content-max:1440px;--card-bg:#0B0D10;--input-bg:#111418;--page-bg:#000103;--green:#10B981;--orange:#10B981;--orange-hover:#0EA371;--border:rgba(255,255,255,.10);--border-soft:rgba(255,255,255,.06);--text-main:#F6F6F7;--text-secondary:#D4D4D8;--text-muted:#A1A1AA;--text-dim:#71717A;--red:#EF4444}
html,body{width:100%;max-width:100vw;overflow-x:hidden;background:var(--page-bg);color:var(--text-main)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--text-muted);font-size:.85rem}.orange{color:var(--orange)}
.topbar{position:fixed!important;top:0;left:0;right:0;height:var(--topbar-h)!important;background:#000!important;border-bottom:1px solid var(--border)!important;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;overflow:hidden}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.topbar-logo{border:0;background:transparent;padding:0;cursor:pointer;font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:700;font-size:22px;white-space:nowrap}.logo-studio{color:#fff}.logo-market{color:#10B981}.topbar-icon-btn,.topbar-discord,.topbar-theme{width:36px;height:36px;min-width:36px;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.topbar-discord{color:#8B949E}.topbar-icon-btn svg,.topbar-discord svg,.topbar-theme svg{width:20px;height:20px}.topbar-token-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 6px 0 12px;border:1px solid var(--border);border-radius:999px;background:#090A0C;color:var(--text-secondary);font-size:.85rem}.topbar-token-plus{width:24px;height:24px;min-width:24px;border-radius:50%;border:0;background:var(--orange);color:#fff;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.coin{color:var(--orange);font-size:.7rem}
.app-shell{min-height:100vh;padding-top:var(--topbar-h);background:var(--page-bg)}.sidebar{position:fixed;top:var(--topbar-h);left:0;width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));overflow:auto;border-right:1px solid rgba(255,255,255,.08);background:var(--page-bg);z-index:80;padding:18px 12px}.main-content{margin-left:var(--sidebar-w);width:calc(100vw - var(--sidebar-w));min-height:calc(100vh - var(--topbar-h));padding:var(--page-pad);overflow-x:hidden}.page-inner{max-width:var(--content-max);margin:0 auto}.sidebar-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:16px 10px 8px}.sidebar-item,.sidebar-logout{width:100%;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left;cursor:pointer}.sidebar-item:hover,.sidebar-item.active{background:rgba(255,255,255,.055);color:#fff}.sidebar-logout{color:var(--red)}.sidebar-spacer{height:16px}
.ref-page-header{margin:0 0 20px}.page-title{font-size:20px!important;font-weight:600!important;line-height:1.25;margin:0;color:var(--text-main)}.page-desc{margin:2px 0 0;color:var(--text-muted);font-size:14px;line-height:1.5;max-width:720px}.section-title,.section-row h2{font-size:16px;margin:0;color:var(--text-secondary)}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.section-row span{color:var(--text-dim);font-size:.8rem}
.ref-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:20px}.ref-search{position:relative;min-width:200px;max-width:448px;flex:1 1 260px}.ref-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);z-index:1}.search-input,.form-input,.form-textarea,.filter-select,.ref-sort-select{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-main);padding:0 12px;outline:none}.ref-search .search-input{padding-left:36px}.form-textarea{padding:12px;min-height:100px;resize:vertical}.ref-filter-btn{height:40px;border-radius:8px;border:1px solid rgba(16,185,129,.4);background:rgba(16,185,129,.10);color:var(--orange);padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ref-filter-btn svg{width:16px;height:16px}.ref-count-label{margin-left:auto;color:var(--text-muted);font-size:12px}.active-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 18px}.active-filter-chip{font-size:11px;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:#8ee9c7;border-radius:999px;padding:5px 9px}
.market-grid,.management-card-grid,.plan-grid,.token-pack-grid,.history-list,.tracking-list,.order-grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}@media(min-width:640px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.management-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.token-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:820px){.management-card-grid,.history-list,.tracking-list,.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.market-card,.card,.management-card,.plan-card,.token-pack-card,.history-card,.tracking-card,.order-card,.address-card,.option-card,.summary-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:none}.market-card{cursor:pointer;transition:border-color .2s ease,transform .16s ease}.market-card:hover{border-color:rgba(16,185,129,.40);transform:translateY(-1px)}.ref-card-preview,.market-card-preview{position:relative;aspect-ratio:4/3;background:#18181B}.ref-preview-placeholder,.mini-preview{width:100%;height:100%;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-dim);gap:8px;background:rgba(255,255,255,.035)}.ref-preview-placeholder svg{width:28px;height:28px}.ref-preview-placeholder.large{min-height:300px}.ref-heart,.market-card-fav,.plain-action{position:absolute;right:10px;top:10px;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:rgba(255,255,255,.85)!important;display:flex;align-items:center;justify-content:center}.ref-heart svg{width:20px;height:20px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.65))}.ref-heart.active{color:var(--orange)!important}.ref-card-body,.market-card-body{padding:14px}.ref-card-title{font-size:14px;font-weight:600;line-height:1.35;margin:0;color:var(--text-main)}.ref-card-location,.ref-purchase-count{font-size:12px;color:var(--text-muted);margin-top:10px;display:flex;gap:6px;min-width:0}.ref-card-price{display:flex;align-items:baseline;gap:4px;margin-top:10px}.ref-card-price span{font-size:18px;font-weight:700;color:var(--orange);line-height:1}.ref-card-price small{font-size:12px;color:var(--text-muted);font-weight:600}.ref-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ref-chip-row span{height:22px;border-radius:6px;border:1px solid var(--border);background:rgba(255,255,255,.045);padding:0 8px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center}.mini-preview{width:72px;height:72px;min-height:72px;border-radius:8px;flex:0 0 72px}.management-card,.history-card,.tracking-card,.order-card{padding:14px;display:flex;gap:14px;align-items:center}.management-card h3,.history-card h3,.tracking-card h3,.order-card h3{margin:0 0 4px;font-size:14px}.order-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.tracking-card .btn{margin-left:auto}.summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.summary-item{padding:16px}.summary-label{display:block;color:var(--text-muted);font-size:12px;margin-bottom:6px}.management-header-card,.seller-hero,.setting-card,.balance-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.seller-profile-name{font-weight:700}.plain-gear{border:0;background:transparent;color:var(--text-secondary);font-size:22px;cursor:pointer}.floating-add{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;border:0;background:var(--orange);color:#fff;font-size:26px;z-index:50}.segmented-tabs{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:0 0 16px}.segmented-tabs button{border:0;background:transparent;color:var(--text-muted);padding:10px 16px;cursor:pointer}.segmented-tabs button.active{background:rgba(16,185,129,.12);color:#fff}.btn{border:0;border-radius:8px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-hover)}.btn-secondary{background:var(--input-bg);color:var(--text-secondary);border:1px solid var(--border)}.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.35)}.btn-sm{min-height:32px;padding:0 10px;font-size:12px}.btn-block{width:100%;margin-top:14px}.bottom-bar{position:sticky;bottom:0;background:rgba(11,13,16,.96);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:12px;margin-top:20px}.floating-bottom-bar{position:fixed;left:calc(var(--sidebar-w) + 24px);right:24px;bottom:20px;background:rgba(11,13,16,.96);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;z-index:60}.token-bottom span{display:block;color:var(--text-muted);font-size:12px}.token-pack-card,.plan-card{padding:16px}.token-pack-amount,.plan-name{font-weight:700;font-size:18px}.token-pack-price,.plan-price{color:var(--orange);margin:8px 0;font-weight:700}.token-pack-controls{display:flex;align-items:center;gap:10px}.token-pack-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:#fff}.detail-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,1fr);gap:32px}.detail-preview{position:relative;border-radius:12px;overflow:hidden;background:#18181B}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:rgba(0,0,0,.25);color:white;width:32px;height:48px}.carousel-nav.left{left:0}.carousel-nav.right{right:0}.detail-actions{display:flex;justify-content:flex-end;gap:10px}.detail-actions .plain-action{position:static;width:auto!important;padding:0 4px;color:var(--text-secondary)!important}.detail-title{font-size:28px;margin:8px 0}.detail-price{font-size:22px;font-weight:700;color:var(--orange);margin-bottom:12px}.detail-desc{color:var(--text-secondary);line-height:1.6}.detail-seller-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px;margin:16px 0}.seller-avatar{width:36px;height:36px;border-radius:50%;background:var(--input-bg);display:flex;align-items:center;justify-content:center;font-weight:700}.seller-avatar.large{width:58px;height:58px}.option-selector{display:flex;gap:8px;flex-wrap:wrap}.option-chip{border:1px solid var(--border);background:var(--input-bg);color:var(--text-secondary);border-radius:999px;padding:8px 12px}.option-chip.active{border-color:rgba(16,185,129,.45);background:rgba(16,185,129,.12);color:#fff}.form-row,.modal-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{margin-bottom:14px}.form-label{display:block;color:var(--text-muted);font-size:12px;margin-bottom:6px}.upload-area{border:1px dashed var(--border);border-radius:12px;min-height:130px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:10px;background:rgba(255,255,255,.025)}.upload-thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{width:72px;height:72px;border-radius:8px;background:var(--input-bg);border:1px solid var(--border);position:relative}.thumb button{position:absolute;right:4px;top:4px}.check-list{display:grid;gap:8px}.check-item{display:flex;gap:8px;align-items:center;color:var(--text-secondary);font-size:13px}.sku-list{display:grid;gap:10px}.sku-row{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sku-row strong{flex:1}.sku-price{width:90px;background:var(--input-bg);border:1px solid var(--border);color:#fff;border-radius:8px;min-height:34px;padding:0 8px}.settings-row{border:1px solid var(--border);border-radius:12px;background:var(--card-bg);padding:14px;display:flex;justify-content:space-between;margin-bottom:10px}.settings-row-value{background:transparent;border:0;color:var(--orange);cursor:pointer}.address-card{padding:14px;margin-bottom:10px}.address-card-header{display:flex;justify-content:space-between;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.toggle-switch{width:44px;height:24px;border-radius:999px;background:var(--input-bg);border:1px solid var(--border);position:relative}.toggle-switch:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--text-muted);left:3px;top:2px}.toggle-switch.on{background:rgba(16,185,129,.25)}.toggle-switch.on:before{left:21px;background:#10B981}.notice{border-radius:10px;padding:12px;border:1px solid var(--border);margin:14px 0;color:var(--text-secondary);font-size:13px}.notice-warning{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.08)}.notice-info{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.08)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px;position:relative}.modal-wide{width:min(860px,100%)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--text-muted);font-size:24px}.modal-title{font-size:18px;font-weight:700;margin-bottom:8px}.modal-desc{color:var(--text-muted);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.long-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:360px;overflow:auto}.round-option{border:1px solid var(--border);background:var(--input-bg);color:var(--text-secondary);border-radius:10px;min-height:40px;padding:0 10px;display:flex;align-items:center;gap:8px;text-align:left}.round-option span{width:14px;height:14px;border-radius:50%;border:1px solid var(--text-dim)}.round-option.selected{border-color:rgba(16,185,129,.45);background:rgba(16,185,129,.10);color:#fff}.round-option.selected span{background:#10B981;border-color:#10B981}.api-card,.balance-card{padding:16px}.code-box{font-family:monospace;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:10px;margin:10px 0;color:var(--text-secondary)}
@media(max-width:899px){:root{--topbar-h:56px}.topbar{height:var(--topbar-h)!important;padding:0 12px}.sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h));width:min(320px,86vw);transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.6)}.main-content{margin-left:0;width:100%;padding:var(--page-pad-mobile)}.floating-bottom-bar{left:16px;right:16px}.page-inner{max-width:100%}.detail-layout{grid-template-columns:1fr}.form-row,.modal-grid,.settings-grid{grid-template-columns:1fr}}
@media(max-width:639px){.topbar-logo{font-size:15px}.topbar-icon-btn,.topbar-discord,.topbar-theme{width:32px!important;height:32px!important;min-width:32px!important}.topbar-token-pill{font-size:12px;height:32px}.ref-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.ref-search,.ref-filter-btn,.ref-sort-select{width:100%;max-width:none}.ref-count-label{margin-left:0}.market-grid,.management-card-grid,.plan-grid,.token-pack-grid,.history-list,.tracking-list,.order-grid{grid-template-columns:1fr}.tracking-card,.order-card,.management-card,.history-card{align-items:flex-start}.tracking-card .btn,.order-actions{margin-left:0}.bottom-bar,.floating-bottom-bar{flex-direction:column;align-items:stretch}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}


/* ==========================================================================
   Color Balance + Management Card Pass V6
   - Reduce overuse of orange/green
   - Keep green only for logo/selected state
   - Keep orange mainly for token plus and primary actions
   - Management cards use market-home card style and show image + name only
   ========================================================================== */

:root {
  --accent-green-muted: #7DD3B8;
  --accent-orange-muted: #D97706;
  --surface-elevated: #0B0D10;
  --surface-preview: #15171B;
  --surface-input: #111418;
  --border-soft-balanced: rgba(255,255,255,0.075);
}

/* Keep the brand correct but stop using green as decoration everywhere else. */
.logo-market,
.brand-market,
.topbar-logo .market,
.brand-logo .market {
  color: #10B981 !important;
}

/* Toolbar should be calm and neutral. */
.ref-filter-btn,
.filter-pill,
.filter-icon-btn {
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--text-secondary) !important;
}

.ref-filter-btn:hover,
.filter-pill:hover,
.filter-icon-btn:hover {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #FFFFFF !important;
}

.ref-sort-select,
.filter-select,
.compact-filter,
.ref-search .search-input,
.search-input,
.form-input,
.form-textarea {
  background: var(--surface-input) !important;
  border-color: rgba(255,255,255,0.105) !important;
}

.ref-search .search-input:focus,
.search-input:focus,
.form-input:focus,
.form-textarea:focus {
  border-color: rgba(255,255,255,0.25) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.045) !important;
}

/* Price should not scream orange on every card. */
.ref-card-price span,
.market-card-price {
  color: var(--text-main) !important;
}

.ref-card-price small {
  color: var(--text-muted) !important;
}

/* Orange reserved for clear action buttons and token plus. */
.btn-primary,
.btn-pri,
.buy-button,
.token-pack-btn.active,
.floating-bottom-bar .btn-primary {
  background: #10B981 !important;
  color: #FFFFFF !important;
  border-color: #10B981 !important;
}

.btn-primary:hover,
.btn-pri:hover,
.buy-button:hover {
  background: #0EA371 !important;
}

/* Neutralize broad orange hover/borders on cards. */
.market-card:hover,
.ref-card:hover,
.management-market-card:hover {
  border-color: rgba(255,255,255,0.18) !important;
  transform: translateY(-1px);
}

/* Hearts: selected state is softer, unselected is white. */
.market-card-fav.active,
.ref-heart.active,
.heart-btn.active,
.card-heart.active {
  color: #10B981 !important;
}

.market-card-fav:not(.active),
.ref-heart:not(.active),
.heart-btn:not(.active),
.card-heart:not(.active) {
  color: rgba(255,255,255,0.82) !important;
}

/* Tags are neutral; green is reserved for selected filter choices. */
.ref-chip-row span,
.tag,
.chip,
.badge {
  background: rgba(255,255,255,0.040) !important;
  border-color: rgba(255,255,255,0.09) !important;
  color: var(--text-muted) !important;
}

/* Selected filter/check states may use green, but softly. */
.option-chip.active,
.choice-chip.active,
.filter-choice.active,
.selected,
.is-selected {
  background: rgba(16,185,129,0.10) !important;
  border-color: rgba(16,185,129,0.35) !important;
  color: #CFF7E8 !important;
}

/* Make cards calmer and more coherent with the page. */
.market-card,
.ref-card,
.management-market-card {
  background: #0B0D10 !important;
  border-color: var(--border-soft-balanced) !important;
  box-shadow: none !important;
}

.market-card-preview,
.ref-card-preview {
  background: var(--surface-preview) !important;
}

.ref-preview-placeholder {
  background: rgba(255,255,255,0.025) !important;
  color: #71717A !important;
}

/* File/Product Management cards: same as home cards, but only image + name. */
.management-card-grid,
.mgmt-list {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  .management-card-grid,
  .mgmt-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) {
  .management-card-grid,
  .mgmt-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  .management-card-grid,
  .mgmt-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

.management-market-card {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  text-align: left !important;
  cursor: pointer !important;
  font: inherit !important;
  color: inherit !important;
  border-radius: 12px !important;
}

.management-market-card .ref-card-body {
  padding: 14px !important;
}

.management-market-card .ref-card-title,
.management-market-card .market-card-title {
  min-height: auto !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Fallback for old management-card markup: hide sold-count/details and make it visually consistent. */
.management-card:not(.management-market-card),
.mgmt-card:not(.management-market-card) {
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #0B0D10 !important;
  padding: 0 !important;
  text-align: left !important;
}

.management-card:not(.management-market-card) h3,
.mgmt-card:not(.management-market-card) h3 {
  padding: 14px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.management-card:not(.management-market-card) p,
.management-card:not(.management-market-card) .page-desc,
.management-card:not(.management-market-card) .sold-count,
.mgmt-card:not(.management-market-card) p,
.mgmt-card:not(.management-market-card) .page-desc,
.mgmt-card:not(.management-market-card) .sold-count {
  display: none !important;
}

/* Reduce color noise in status/stat cards. */
.summary-item,
.stat-card,
.kpi-card {
  background: #0B0D10 !important;
  border-color: rgba(255,255,255,0.075) !important;
}

.summary-item strong,
.stat-card strong,
.kpi-card strong {
  color: var(--text-main) !important;
}

/* Topbar token plus remains the only orange circle. */
.topbar-token-plus,
.token-plus,
.token-add,
.token-add-button {
  background: #10B981 !important;
  color: #FFFFFF !important;
}


/* ==========================================================================
   Usability Layout Pass V7
   - Sticky Product/File search + filter icon
   - Unified File/Product Management header card
   - Neutral sales cards
   - 50/50 Favorites segmented control
   - Better Buy Plan / Buy Token / Withdrawal layout
   - Sidebar overlay opens from topbar hamburger on small screens
   ========================================================================== */

/* Product/File sticky toolbar */
.sticky-market-toolbar {
  position: sticky;
  top: calc(var(--topbar-h, 64px) + 12px);
  z-index: 45;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 14px;
  background: rgba(0,1,3,0.92);
  backdrop-filter: blur(14px);
}

.sticky-market-toolbar .ref-search {
  max-width: none;
  min-width: 0;
  width: 100%;
}

.filter-icon-only {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  min-width: 96px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  background: #111418 !important;
  color: #D4D4D8 !important;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.filter-icon-only svg {
  width: 17px;
  height: 17px;
}

.filter-icon-only:hover {
  border-color: rgba(255,255,255,0.22) !important;
  color: #FFFFFF !important;
}

.active-filter-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: -8px 0 18px;
}

/* Wider file filter modal */
.wide-filter-modal {
  width: min(860px, calc(100vw - 32px));
}

.filter-group-block {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 12px;
  background: #0B0D10;
}

.filter-group-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  color: #F6F6F7;
}

.filter-group-head span {
  color: #A1A1AA;
  font-size: 12px;
}

.compact-filter-search {
  height: 38px !important;
  min-height: 38px !important;
  margin-bottom: 10px;
}

.choice-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  max-height: 220px;
  overflow: auto;
}

.choice-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: #111418;
  color: #D4D4D8;
  text-align: left;
  cursor: pointer;
}

.choice-dot {
  width: 13px;
  height: 13px;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 50%;
  flex: 0 0 auto;
}

.choice-row.active {
  border-color: rgba(16,185,129,0.35);
  background: rgba(16,185,129,0.09);
}

.choice-row.active .choice-dot {
  background: #10B981;
  border-color: #10B981;
}

/* Unified Management header */
.management-overview-card {
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) auto minmax(150px, .7fr) auto auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 14px;
  background: #0B0D10;
}

.management-shop-block,
.management-token-block,
.management-switch-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.management-shop-block strong,
.management-token-block strong {
  color: #F6F6F7;
  font-size: 16px;
}

.section-kicker {
  color: #A1A1AA;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.management-switch-block {
  align-items: flex-start;
  color: #D4D4D8;
  font-size: 13px;
}

.neutral-btn {
  background: #111418 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #F6F6F7 !important;
}

.neutral-btn:hover {
  border-color: rgba(255,255,255,0.22) !important;
}

.sales-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.sales-stat-card {
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 12px;
  background: #0B0D10;
}

.sales-stat-card span {
  display: block;
  margin-bottom: 6px;
  color: #A1A1AA;
  font-size: 12px;
}

.sales-stat-card strong {
  color: #F6F6F7;
  font-size: 16px;
}

/* Favorites split: Product/File each half */
.favorites-split-tabs,
.wide-split-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: 0;
  margin-bottom: 20px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 12px;
  background: #0B0D10;
}

.favorites-split-tabs button,
.wide-split-tabs button {
  height: 40px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #A1A1AA;
  font-weight: 600;
}

.favorites-split-tabs button.active,
.wide-split-tabs button.active {
  background: #111418;
  color: #F6F6F7;
}

/* Better Plan layout */
.plan-ux-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.plan-summary-card,
.token-checkout-card,
.withdrawal-summary-card,
.withdrawal-form-card {
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 14px;
  background: #0B0D10;
  padding: 16px;
}

.plan-summary-card strong,
.token-checkout-card strong,
.withdrawal-summary-card strong {
  display: block;
  margin-top: 8px;
  color: #F6F6F7;
  font-size: 20px;
}

.plan-summary-card p,
.withdrawal-summary-card p {
  color: #A1A1AA;
  font-size: 13px;
}

/* Better Buy Token layout */
.buy-token-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 16px;
  align-items: start;
}

.token-checkout-card {
  position: sticky;
  top: calc(var(--topbar-h, 64px) + 16px);
}

.checkout-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  color: #A1A1AA;
}

.checkout-row strong {
  margin: 0;
  font-size: 14px;
}

.mobile-token-bottom {
  display: none !important;
}

.quiet-notice {
  background: #0B0D10 !important;
  border-color: rgba(255,255,255,0.075) !important;
  color: #D4D4D8 !important;
}

/* Withdrawal redesign */
.withdrawal-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  max-width: 920px;
}

.withdrawal-form-card .btn-block {
  margin-top: 6px;
}

/* Sidebar overlay */
.sidebar-overlay {
  display: none;
}

@media (max-width: 899px) {
  .sidebar-overlay.open {
    display: block;
    position: fixed;
    inset: var(--topbar-h, 56px) 0 0 0;
    z-index: 70;
    background: rgba(0,0,0,0.52);
  }

  .sticky-market-toolbar {
    top: calc(var(--topbar-h, 56px) + 8px);
  }

  .management-overview-card {
    grid-template-columns: 1fr auto;
  }

  .management-switch-block,
  .management-token-block {
    grid-column: 1 / -1;
  }

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

  .plan-ux-shell,
  .buy-token-layout,
  .withdrawal-layout {
    grid-template-columns: 1fr;
  }

  .token-checkout-card {
    position: static;
  }
}

@media (max-width: 639px) {
  .sticky-market-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .sticky-market-toolbar .ref-count-label {
    grid-column: 1 / -1;
    margin-left: 0;
  }

  .filter-icon-only {
    min-width: 44px;
    width: 44px;
    padding: 0;
  }

  .filter-icon-only span {
    display: none;
  }

  .choice-list {
    grid-template-columns: 1fr;
  }

  .sales-stat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .management-overview-card {
    grid-template-columns: 1fr;
  }

  .management-overview-card .plain-gear,
  .management-overview-card .neutral-btn {
    width: 100%;
  }

  .token-checkout-card {
    display: none;
  }

  .mobile-token-bottom {
    display: flex !important;
  }
}


/* ==========================================================================
   Settings + Apple Card Layout Pass V8
   ========================================================================== */

.ref-sales-meta {
  margin-top: 10px;
  color: #A1A1AA;
  font-size: 12px;
  line-height: 1.35;
}

/* Full listing settings layout */
.listing-settings-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 16px;
  align-items: start;
}

.listing-main-card,
.listing-side-card,
.sku-matrix-card {
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 16px;
  background: #0B0D10;
  padding: 16px;
}

.sku-matrix-card {
  margin-top: 16px;
  margin-bottom: 88px;
}

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

.settings-section-head h2,
.listing-side-card h2 {
  margin: 4px 0 0;
  font-size: 18px;
  color: #F6F6F7;
}

.image-upload-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.image-upload-tile,
.image-preview-tile {
  min-height: 118px;
  border: 1px dashed rgba(255,255,255,0.16);
  border-radius: 14px;
  background: #111418;
  color: #D4D4D8;
}

.image-upload-tile {
  cursor: pointer;
}

.image-preview-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.image-preview-tile button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  border: 0;
  background: rgba(0,0,0,0.45);
  color: #D4D4D8;
  border-radius: 8px;
  padding: 6px 9px;
}

.compat-filter-block,
.option-group-card {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 12px;
  background: #111418;
}

.settings-choice-list {
  display: grid;
  gap: 8px;
  max-height: 180px;
  overflow: auto;
}

.option-group-card {
  display: grid;
  gap: 8px;
}

.option-group-card strong {
  color: #F6F6F7;
}

.option-group-card span {
  color: #A1A1AA;
  font-size: 12px;
}

.option-group-card.locked {
  border-color: rgba(255,255,255,0.12);
}

.sku-grid {
  display: grid;
  gap: 12px;
}

.sku-card {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto 120px auto auto auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.075);
  background: #111418;
}

.sku-card strong {
  color: #F6F6F7;
  font-size: 14px;
}

.settings-bottom-bar {
  position: sticky;
  bottom: 0;
  z-index: 55;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 16px 16px 0 0;
  background: rgba(11,13,16,0.94);
  backdrop-filter: blur(16px);
}

.danger-btn {
  background: transparent !important;
  border: 1px solid rgba(239,68,68,0.28) !important;
  color: #EF4444 !important;
}

/* Apple-style plan/token pages */
.apple-hero {
  margin-bottom: 20px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 24px;
  background:
    radial-gradient(circle at 80% 10%, rgba(255,255,255,0.07), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.060), rgba(255,255,255,0.028));
}

.apple-hero h1 {
  margin: 8px 0 8px;
  max-width: 760px;
  font-size: clamp(28px, 4vw, 48px);
  letter-spacing: -0.045em;
  line-height: 1.02;
  color: #F6F6F7;
}

.apple-hero p {
  max-width: 720px;
  color: #A1A1AA;
  font-size: 15px;
  line-height: 1.55;
}

.apple-plan-shell,
.apple-token-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.apple-current-plan,
.apple-checkout-card,
.apple-plan-card,
.apple-token-card {
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025));
  box-shadow: 0 16px 50px rgba(0,0,0,0.18);
}

.apple-current-plan,
.apple-checkout-card {
  position: sticky;
  top: calc(var(--topbar-h, 64px) + 16px);
  padding: 18px;
}

.apple-current-plan strong {
  display: block;
  margin: 10px 0;
  color: #F6F6F7;
  font-size: 28px;
  letter-spacing: -0.04em;
}

.apple-current-plan p {
  color: #A1A1AA;
  line-height: 1.5;
}

.apple-plan-grid,
.apple-token-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 16px !important;
}

.apple-plan-card,
.apple-token-card {
  min-height: 220px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.apple-plan-card span,
.apple-token-card span {
  color: #A1A1AA;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.apple-plan-card strong,
.apple-token-card strong {
  color: #F6F6F7;
  font-size: 30px;
  letter-spacing: -0.05em;
}

.apple-plan-card p,
.apple-token-card p {
  color: #A1A1AA;
  margin: 0;
}

.apple-plan-card .btn,
.apple-token-card .qty-control {
  margin-top: auto;
}

.apple-plan-card.active {
  border-color: rgba(255,255,255,0.18);
}

.apple-mini-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,0.07);
  color: #A1A1AA;
}

.apple-mini-row strong {
  color: #F6F6F7;
  margin: 0;
  font-size: 14px;
}

.apple-checkout-card .btn {
  margin-top: 16px;
}

.qty-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 40px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 999px;
  padding: 0 8px;
  background: #111418;
}

.qty-control button {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  color: #F6F6F7;
}

@media (max-width: 899px) {
  .listing-settings-shell,
  .apple-plan-shell,
  .apple-token-shell {
    grid-template-columns: 1fr;
  }

  .apple-current-plan,
  .apple-checkout-card {
    position: static;
  }

  .sku-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 639px) {
  .apple-hero {
    padding: 18px;
    border-radius: 20px;
  }

  .apple-plan-card,
  .apple-token-card {
    min-height: 190px;
  }

  .settings-bottom-bar {
    flex-direction: column;
  }
}


/* ==========================================================================
   Final Usability Corrections V9
   ========================================================================== */

/* Product/File: filter icon lives inside search field and stays fixed while scrolling */
.one-piece-toolbar {
  grid-template-columns: minmax(260px, 1fr) auto !important;
}

.search-filter-combo {
  position: relative;
  width: 100%;
  min-width: 0;
}

.search-filter-combo .search-input {
  width: 100% !important;
  height: 42px !important;
  padding-left: 38px !important;
  padding-right: 52px !important;
  border-radius: 10px !important;
}

.search-left-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #71717A;
  font-size: 15px;
}

.search-filter-button {
  position: absolute;
  right: 6px;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #D4D4D8 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.search-filter-button svg {
  width: 18px;
  height: 18px;
}

.search-filter-button:hover {
  color: #FFFFFF !important;
}

/* Ensure management cards are the same card as Home: image + name only */
.management-card-grid {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

@media (min-width: 640px) {
  .management-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 768px) {
  .management-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px) {
  .management-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

.management-market-card {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  text-align: left !important;
  cursor: pointer !important;
  font: inherit !important;
}

.management-market-card .ref-card-body {
  padding: 14px !important;
}

.management-market-card .ref-card-title {
  margin: 0 !important;
  min-height: auto !important;
}

/* Product card sales count */
.ref-sales-meta {
  margin-top: 10px;
  color: #A1A1AA;
  font-size: 12px;
  line-height: 1.35;
}

/* Minimal Apple-like Plan page: reduce color and visual noise */
.minimal-apple-hero {
  max-width: 980px;
  margin: 0 auto 18px;
  padding: 20px 0 4px;
}

.minimal-apple-hero h1 {
  margin: 8px 0;
  color: #F6F6F7;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.minimal-apple-hero p {
  max-width: 660px;
  color: #A1A1AA;
  font-size: 15px;
  line-height: 1.55;
}

.minimal-plan-shell {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.minimal-current-plan,
.minimal-plan-card,
.minimal-token-card,
.withdrawal-summary-card,
.withdrawal-form-card,
.profile-card,
.profile-actions-card {
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 18px;
  background: #0B0D10;
  box-shadow: none;
}

.minimal-current-plan {
  padding: 16px;
  position: sticky;
  top: calc(var(--topbar-h, 64px) + 16px);
}

.minimal-current-plan > strong {
  display: block;
  margin-top: 8px;
  color: #F6F6F7;
  font-size: 24px;
  letter-spacing: -0.035em;
}

.minimal-current-plan p {
  color: #A1A1AA;
}

.minimal-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
}

.minimal-plan-card,
.minimal-token-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 190px;
  padding: 16px;
}

.minimal-plan-card span,
.minimal-token-card span {
  color: #A1A1AA;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.minimal-plan-card strong,
.minimal-token-card strong {
  color: #F6F6F7;
  font-size: 26px;
  letter-spacing: -0.04em;
}

.minimal-plan-card p,
.minimal-token-card p,
.minimal-plan-card small {
  margin: 0;
  color: #A1A1AA;
}

.minimal-plan-card .btn,
.minimal-token-card .qty-control {
  margin-top: auto;
}

.minimal-plan-card.current {
  border-color: rgba(255,255,255,0.18);
}

/* Buy Token: no side card, use floating bottom bar on all viewports */
.minimal-token-grid {
  max-width: 980px;
  margin: 0 auto 120px;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.token-bottom-always {
  display: flex !important;
  position: fixed !important;
  left: calc(var(--sidebar-w, 240px) + 24px) !important;
  right: 24px !important;
  bottom: 18px !important;
  z-index: 80 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  max-width: none !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  background: rgba(11,13,16,0.92) !important;
  backdrop-filter: blur(18px);
}

.token-bottom-summary {
  display: grid;
  gap: 2px;
  min-width: 120px;
}

.token-bottom-summary span {
  color: #A1A1AA;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.token-bottom-summary strong {
  color: #F6F6F7;
  font-size: 15px;
}

.token-bottom-always .btn-primary {
  color: #FFFFFF !important;
  background: #10B981 !important;
  border-color: #10B981 !important;
}

/* Withdrawal: centered, not full-width on desktop */
.withdrawal-page-head,
.withdrawal-centered {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.withdrawal-centered {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

/* Profile settings */
.profile-settings-shell {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.profile-card,
.profile-actions-card {
  padding: 16px;
}

.current-plan-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.current-plan-card h2,
.profile-card h2 {
  margin: 4px 0;
  color: #F6F6F7;
  font-size: 20px;
}

.settings-row.compact,
.policy-link {
  min-height: 42px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.policy-link {
  width: 100%;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #D4D4D8;
  text-align: left;
  cursor: pointer;
}

.profile-address-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.profile-logout-btn {
  background: transparent;
  border: 0;
  color: #EF4444;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 0;
}

@media (max-width: 899px) {
  .minimal-plan-shell,
  .withdrawal-centered {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .minimal-current-plan {
    position: static;
  }

  .minimal-token-grid {
    grid-template-columns: 1fr !important;
    max-width: none;
  }

  .token-bottom-always {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    justify-content: space-between !important;
  }
}

@media (max-width: 639px) {
  .one-piece-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .one-piece-toolbar .ref-count-label {
    margin-left: 0;
  }

  .current-plan-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .token-bottom-always {
    gap: 10px !important;
  }

  .token-bottom-summary {
    min-width: 0;
  }
}



/* ==========================================================================
   Liquid Glass Plan / Buy Token V10
   Ref direction:
   - frosted glass panels
   - soft red / magenta accent instead of orange
   - restrained, Apple-like spacing and hierarchy
   ========================================================================== */
:root{
  --liquid-red-1:#ff4d6d;
  --liquid-red-2:#ff2d55;
  --liquid-red-3:#d91b42;
  --liquid-red-soft:rgba(16,185,129,.14);
  --liquid-red-soft-2:rgba(16,185,129,.20);
  --liquid-glass-bg:rgba(255,255,255,.055);
  --liquid-glass-stroke:rgba(255,255,255,.13);
  --liquid-glass-stroke-2:rgba(255,255,255,.07);
  --liquid-glass-shadow:0 20px 60px rgba(0,0,0,.22);
}

.liquid-hero{
  max-width:1120px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:20px;
  align-items:center;
}

.liquid-hero-copy{
  padding:8px 0;
}

.liquid-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:#b9b9c2;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.liquid-hero h1{
  margin:0 0 10px;
  max-width:760px;
  font-size:clamp(34px,4vw,52px);
  line-height:1.02;
  letter-spacing:-.05em;
  color:#fff;
}

.liquid-hero p{
  max-width:640px;
  color:#b1b1ba;
  font-size:15px;
  line-height:1.6;
}

.liquid-status-card{
  display:flex;
  gap:14px;
  align-items:center;
  padding:18px;
  border:1px solid var(--liquid-glass-stroke);
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: var(--liquid-glass-shadow);
}

.liquid-status-card strong{
  display:block;
  color:#fff;
  margin-bottom:4px;
}

.liquid-status-card p{
  color:#a1a1aa;
  font-size:13px;
  line-height:1.45;
}

.liquid-status-icon,
.liquid-plan-badge{
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:12px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(16,185,129,.90), rgba(16,185,129,.45));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 10px 24px rgba(16,185,129,.22);
  border:1px solid rgba(255,255,255,.12);
}

.liquid-status-icon.hot-red,
.liquid-plan-badge.hot-red{
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.32), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(16,185,129,1), rgba(217,27,66,.56));
}

.liquid-status-icon.soft-red,
.liquid-plan-badge.soft-red{
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(16,185,129,.65), rgba(16,185,129,.28));
}

.liquid-plan-grid{
  max-width:1120px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.liquid-token-grid{
  max-width:980px;
  margin:0 auto 120px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.liquid-plan-card,
.liquid-token-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:260px;
  padding:20px;
  border:1px solid var(--liquid-glass-stroke);
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  backdrop-filter: blur(18px) saturate(155%);
  -webkit-backdrop-filter: blur(18px) saturate(155%);
  box-shadow: var(--liquid-glass-shadow);
  overflow:hidden;
}

.liquid-plan-card::before,
.liquid-token-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.10), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(16,185,129,.10), transparent 36%);
  pointer-events:none;
}

.liquid-plan-card.featured,
.liquid-token-card.featured{
  border-color:rgba(255,255,255,.20);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
}

.liquid-popular-pill{
  position:absolute;
  top:14px;
  right:14px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(16,185,129,.14);
  border:1px solid rgba(16,185,129,.22);
  color:#ffd6de;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.liquid-plan-name{
  color:#b9b9c2;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.liquid-plan-card strong,
.liquid-token-card strong{
  color:#fff;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
}

.liquid-plan-card p,
.liquid-token-card p{
  margin:0;
  color:#c4c4cc;
  font-size:14px;
}

.liquid-plan-card ul{
  list-style:none;
  display:grid;
  gap:10px;
  margin:6px 0 0;
  padding:0;
}

.liquid-plan-card li{
  position:relative;
  padding-left:18px;
  color:#d4d4d8;
  font-size:13px;
  line-height:1.45;
}

.liquid-plan-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--green), var(--orange-hover));
  box-shadow:0 0 0 4px rgba(16,185,129,.10);
}

.liquid-plan-card .btn,
.liquid-token-card .qty-control{
  margin-top:auto;
}

.liquid-btn{
  min-height:42px;
  border-radius:12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}

.liquid-btn.current{
  background:
    linear-gradient(135deg, rgba(16,185,129,.22), rgba(16,185,129,.10)) !important;
  border-color:rgba(16,185,129,.24) !important;
  color:#ffdbe2 !important;
}

.liquid-btn:hover{
  border-color:rgba(255,255,255,.22) !important;
}

.liquid-token-card .qty-control{
  height:44px;
  border-radius:999px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
}

.liquid-token-card .qty-control button{
  background:rgba(255,255,255,.07);
}

.liquid-checkout-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  border:1px solid var(--liquid-glass-stroke) !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  box-shadow: var(--liquid-glass-shadow);
}

.liquid-buy-btn{
  min-height:44px;
  padding:0 22px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg, var(--green), var(--orange-hover)) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(16,185,129,.26);
}

.liquid-buy-btn:hover{
  filter:brightness(1.04);
}

@media (max-width: 1279px){
  .liquid-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 1023px){
  .liquid-hero{grid-template-columns:1fr;}
  .liquid-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767px){
  .liquid-plan-grid,
  .liquid-token-grid{grid-template-columns:1fr;}
  .liquid-plan-card,
  .liquid-token-card{min-height:220px;}
}


/* ==========================================================================
   Liquid Glass Readability Pass V11
   Focus: clearer plan/token names, remove red corner squares, keep design.
   Also continues previous highlight: red accent for topbar token area and buy buttons.
   ========================================================================== */

:root {
  --liquid-red: #10B981;
  --liquid-red-strong: #0EA371;
  --liquid-red-soft: rgba(16,185,129,0.14);
  --liquid-red-border: rgba(16,185,129,0.32);
  --liquid-glass-bg: rgba(255,255,255,0.055);
  --liquid-glass-bg-strong: rgba(255,255,255,0.082);
  --liquid-glass-border: rgba(255,255,255,0.13);
}

/* Remove old decorative red blocks/icons if present. */
.liquid-card-icon,
.liquid-icon,
.liquid-red-square,
.apple-icon,
.plan-icon,
.token-icon,
.readable-plan-card::before,
.readable-token-card::before {
  display: none !important;
}

/* Readable liquid hero */
.liquid-readable-hero {
  max-width: 1040px;
  margin: 0 auto 18px;
  padding: 24px 0 4px;
  background: transparent !important;
  border: 0 !important;
}

.liquid-readable-hero h1 {
  margin: 8px 0 10px;
  color: #F6F6F7;
  font-size: clamp(34px, 4.2vw, 54px);
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.liquid-readable-hero p {
  max-width: 650px;
  color: #A1A1AA;
  font-size: 15px;
  line-height: 1.55;
}

/* Plan */
.readable-plan-stage {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.readable-current-plan {
  position: sticky;
  top: calc(var(--topbar-h, 64px) + 16px);
  padding: 18px;
  border-radius: 24px;
  border: 1px solid var(--liquid-glass-border);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.074), rgba(255,255,255,0.032));
  backdrop-filter: blur(22px) saturate(130%);
}

.readable-current-plan > strong {
  display: block;
  margin: 10px 0 6px;
  color: #F6F6F7;
  font-size: 30px;
  letter-spacing: -0.05em;
}

.readable-current-plan p {
  color: #A1A1AA;
}

.readable-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 16px !important;
}

.readable-plan-card,
.readable-token-card {
  position: relative;
  overflow: hidden;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid var(--liquid-glass-border);
  background:
    radial-gradient(circle at 88% 0%, rgba(16,185,129,0.14), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.074), rgba(255,255,255,0.032));
  backdrop-filter: blur(22px) saturate(130%);
  box-shadow: 0 18px 60px rgba(0,0,0,0.22);
}

.readable-plan-card.current,
.readable-token-card.featured {
  border-color: var(--liquid-red-border);
  background:
    radial-gradient(circle at 88% 0%, rgba(16,185,129,0.20), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.090), rgba(255,255,255,0.038));
}

.liquid-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.liquid-plan-name {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 760;
  letter-spacing: -0.025em;
}

.liquid-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  color: #D4D4D8;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.readable-plan-card.current .liquid-status,
.readable-token-card.featured .liquid-status {
  border-color: var(--liquid-red-border);
  background: var(--liquid-red-soft);
  color: #FFD7DF;
}

.liquid-plan-storage,
.readable-token-card > strong {
  color: #F6F6F7;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.06em;
}

.readable-plan-card p,
.readable-token-card p {
  margin: 0;
  color: #A1A1AA;
  font-size: 13px;
  line-height: 1.45;
}

.readable-plan-card ul {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.readable-plan-card li {
  color: #D4D4D8;
  font-size: 12px;
  line-height: 1.35;
}

.readable-plan-card li::before {
  content: "✓";
  color: #D4D4D8;
  margin-right: 8px;
}

.readable-plan-card .btn,
.readable-token-card .qty-control {
  margin-top: auto;
}

/* Buy token layout keeps the same design but clearer names. */
.readable-token-grid {
  max-width: 980px;
  margin: 0 auto 120px;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.readable-token-card {
  min-height: 230px;
}

/* Red liquid action system */
.liquid-primary-btn,
.btn.liquid-primary-btn,
.product-buy-btn,
.file-buy-btn,
.detail-buy-btn,
.buy-button {
  background: linear-gradient(135deg, var(--liquid-red), var(--liquid-red-strong)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 30px rgba(16,185,129,0.22) !important;
}

.liquid-primary-btn:hover,
.product-buy-btn:hover,
.file-buy-btn:hover,
.detail-buy-btn:hover,
.buy-button:hover {
  filter: brightness(1.06);
}

.liquid-secondary-btn,
.btn.liquid-secondary-btn {
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #F6F6F7 !important;
}

.liquid-token-bottom {
  display: flex !important;
  position: fixed !important;
  left: calc(var(--sidebar-w, 240px) + 24px) !important;
  right: 24px !important;
  bottom: 18px !important;
  z-index: 80 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  max-width: none !important;
  padding: 12px 14px !important;
  border: 1px solid var(--liquid-glass-border) !important;
  border-radius: 18px !important;
  background: rgba(11,13,16,0.88) !important;
  backdrop-filter: blur(18px) saturate(130%);
}

.liquid-token-bottom .liquid-primary-btn {
  min-width: 112px;
}

/* Highlight continuation: topbar token area changes to red liquid accent. */
.topbar-token-pill {
  border-color: rgba(16,185,129,0.24) !important;
  background: rgba(16,185,129,0.08) !important;
}

.topbar-token-pill .coin {
  color: #FDA4AF !important;
}

.topbar-token-plus,
.token-plus,
.token-add,
.token-add-button {
  background: linear-gradient(135deg, var(--liquid-red), var(--liquid-red-strong)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(16,185,129,0.28) !important;
}

/* Keep normal cards neutral; liquid pages own the red accent. */
.readable-plan-card .liquid-primary-btn,
.readable-token-card .liquid-primary-btn,
.liquid-token-bottom .liquid-primary-btn {
  border-radius: 10px !important;
}

@media (max-width: 899px) {
  .readable-plan-stage {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .readable-current-plan {
    position: static;
  }

  .readable-token-grid {
    grid-template-columns: 1fr !important;
    max-width: none;
  }

  .liquid-token-bottom {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    justify-content: space-between !important;
  }
}

@media (max-width: 639px) {
  .liquid-card-top {
    align-items: center;
  }

  .liquid-plan-name {
    font-size: 18px;
  }

  .liquid-plan-storage,
  .readable-token-card > strong {
    font-size: 30px;
  }

  .liquid-token-bottom {
    gap: 10px !important;
  }

  .token-bottom-summary {
    min-width: 0;
  }
}


/* ==========================================================================
   Liquid Glass Layout QC Fix V12
   Fixes: desktop balance, mobile overflow, card button spacing, subtle glow,
   compact buy-token bottom bar, and mobile topbar compression.
   ========================================================================== */

.liquid-v12-hero {
  max-width: 1180px !important;
  margin: 0 auto 20px !important;
  padding: 26px 0 8px !important;
  text-align: left !important;
}

.liquid-v12-hero h1 {
  max-width: 760px !important;
  margin: 8px 0 10px !important;
  overflow-wrap: anywhere !important;
}

.liquid-v12-hero p {
  max-width: 690px !important;
}

/* Plan: replace separated current-plan side card with a calmer summary strip. */
.plan-summary-strip,
.liquid-v12-summary {
  max-width: 1180px;
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(120px, .6fr));
  gap: 10px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.11);
  background: linear-gradient(180deg, rgba(255,255,255,0.060), rgba(255,255,255,0.026));
  backdrop-filter: blur(18px) saturate(120%);
}

.plan-summary-strip > div {
  min-width: 0;
}

.plan-summary-strip span:not(.section-kicker) {
  display: block;
  color: #A1A1AA;
  font-size: 11px;
  letter-spacing: .02em;
}

.plan-summary-strip strong {
  display: block;
  margin-top: 4px;
  color: #F6F6F7;
  font-size: 15px;
  line-height: 1.2;
}

.plan-summary-strip > div:first-child strong {
  font-size: 22px;
  letter-spacing: -0.035em;
}

/* Plan card grid */
.liquid-v12-plan-grid {
  max-width: 1180px !important;
  margin: 0 auto !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.liquid-v12-plan-card {
  min-height: 270px !important;
  padding: 20px 18px 18px !important;
  gap: 12px !important;
}

.liquid-v12-plan-card .liquid-plan-name,
.liquid-v12-token-card .liquid-plan-name {
  text-transform: none !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 1.14 !important;
}

.liquid-v12-plan-card .liquid-plan-storage {
  font-size: 33px !important;
}

.liquid-v12-plan-card ul {
  min-height: 48px;
}

.liquid-v12-plan-card .btn {
  width: 100%;
  height: 44px !important;
  min-height: 44px !important;
  margin-top: auto !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Tone down card glow; keep it liquid, not a red blob. */
.liquid-v12-plan-card,
.liquid-v12-token-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.026)),
    radial-gradient(circle at 92% 4%, rgba(16,185,129,0.075), transparent 24%) !important;
}

.liquid-v12-plan-card.current,
.liquid-v12-token-card.featured {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.086), rgba(255,255,255,0.032)),
    radial-gradient(circle at 94% 0%, rgba(16,185,129,0.105), transparent 26%) !important;
}

/* Buy token desktop: better vertical balance */
.token-v12-hero {
  margin-bottom: 32px !important;
}

.liquid-v12-token-grid {
  max-width: 980px !important;
  margin: 18px auto 128px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.liquid-v12-token-card {
  min-height: 236px !important;
  padding: 20px !important;
}

.liquid-v12-token-card > strong {
  font-size: 32px !important;
}

.token-qty-control {
  min-width: 0 !important;
  width: 100% !important;
  height: 42px !important;
  display: grid !important;
  grid-template-columns: 34px 1fr 34px !important;
  gap: 6px !important;
  align-items: center !important;
}

.token-qty-control button {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.token-qty-control span {
  text-align: center !important;
}

/* Compact buy-token bottom bar with two clear metric columns */
.liquid-v12-token-bottom {
  left: auto !important;
  right: 28px !important;
  bottom: 18px !important;
  width: min(680px, calc(100vw - var(--sidebar-w, 240px) - 64px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 14px !important;
}

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

.liquid-v12-token-bottom .token-bottom-summary {
  min-width: 0 !important;
  padding: 0 12px;
  border-right: 1px solid rgba(255,255,255,0.08);
}

.liquid-v12-token-bottom .token-bottom-summary:last-child {
  border-right: 0;
}

.liquid-v12-token-bottom .token-bottom-buy,
.liquid-v12-token-bottom .liquid-primary-btn {
  width: 150px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  line-height: 1 !important;
}

/* Mobile: stop headline overflow, reduce topbar crowding and remove red blob */
@media (max-width: 899px) {
  .liquid-v12-hero {
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 18px 0 4px !important;
  }

  .liquid-v12-hero h1 {
    max-width: 100% !important;
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    white-space: normal !important;
  }

  .liquid-v12-hero p {
    max-width: 100% !important;
    font-size: 13px !important;
  }

  .plan-summary-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .plan-summary-strip > div:first-child {
    grid-column: 1 / -1;
  }

  .liquid-v12-plan-grid,
  .liquid-v12-token-grid {
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .liquid-v12-plan-card,
  .liquid-v12-token-card {
    min-height: 218px !important;
    padding: 18px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,0.074), rgba(255,255,255,0.028)),
      radial-gradient(circle at 96% 0%, rgba(16,185,129,0.045), transparent 22%) !important;
  }

  .liquid-v12-plan-card.current,
  .liquid-v12-token-card.featured {
    background:
      linear-gradient(145deg, rgba(255,255,255,0.084), rgba(255,255,255,0.032)),
      radial-gradient(circle at 96% 0%, rgba(16,185,129,0.070), transparent 24%) !important;
  }

  .topbar-logo,
  .brand-logo,
  .logo-text {
    max-width: 148px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: 14px !important;
  }

  .topbar-token-pill {
    max-width: 86px !important;
    padding: 0 6px !important;
    gap: 5px !important;
  }

  .topbar-token-pill .token-label,
  .topbar-token-pill .token-text {
    display: none !important;
  }

  .topbar-discord,
  .topbar-discord-btn {
    display: none !important;
  }

  .liquid-v12-token-bottom {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 10px !important;
    padding: 10px !important;
  }

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

  .liquid-v12-token-bottom .token-bottom-summary {
    padding: 0 6px !important;
  }

  .liquid-v12-token-bottom .token-bottom-summary span {
    display: block !important;
    font-size: 9px !important;
  }

  .liquid-v12-token-bottom .token-bottom-summary strong {
    font-size: 12px !important;
  }

  .liquid-v12-token-bottom .token-bottom-buy,
  .liquid-v12-token-bottom .liquid-primary-btn {
    width: 96px !important;
    height: 42px !important;
  }
}

@media (max-width: 420px) {
  .liquid-v12-plan-card .liquid-card-top,
  .liquid-v12-token-card .liquid-card-top {
    align-items: center !important;
  }

  .liquid-v12-plan-card .liquid-plan-name,
  .liquid-v12-token-card .liquid-plan-name {
    font-size: 18px !important;
  }

  .liquid-v12-plan-card .liquid-plan-storage,
  .liquid-v12-token-card > strong {
    font-size: 30px !important;
  }
}


/* ==========================================================================
   V13 Patch — remove top-right glow circles, improve typography,
   and swap token amount/price hierarchy while keeping the existing design.
   ========================================================================== */
:root{
  --app-font-luxury: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}
html, body, button, input, select, textarea {
  font-family: var(--app-font-luxury);
}
.liquid-v12-hero,
.plan-summary-strip,
.liquid-v12-plan-card,
.liquid-v12-token-card,
.liquid-v12-token-bottom {
  font-family: var(--app-font-luxury);
}
.liquid-v12-plan-card,
.liquid-v12-token-card {
  background: linear-gradient(145deg, rgba(255,255,255,0.078), rgba(255,255,255,0.028)) !important;
}
.liquid-v12-plan-card.current,
.liquid-v12-token-card.featured {
  background: linear-gradient(145deg, rgba(255,255,255,0.094), rgba(255,255,255,0.034)) !important;
}
.liquid-v12-plan-card .liquid-card-top,
.liquid-v12-token-card .liquid-card-top {
  align-items: flex-start !important;
}
.liquid-v12-plan-card .liquid-plan-name,
.liquid-v12-token-card .liquid-plan-name {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #FAFAFB !important;
  letter-spacing: -0.03em !important;
}
.liquid-v12-plan-card .liquid-status,
.liquid-v12-token-card .liquid-status {
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #F3F4F6 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
}
.liquid-v12-token-card .liquid-status.liquid-token-price {
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 8px 12px !important;
}
.liquid-v12-plan-card .liquid-plan-storage {
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -0.05em !important;
  margin-top: 4px !important;
}
.liquid-plan-price {
  margin-top: -2px !important;
  color: #F4F4F5 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
.liquid-v12-plan-card ul {
  min-height: 58px !important;
  gap: 9px !important;
}
.liquid-v12-plan-card li {
  font-size: 13px !important;
  line-height: 1.48 !important;
}
.liquid-token-amount {
  color: #FAFAFB !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -0.055em !important;
  margin-top: 4px !important;
}
.liquid-token-copy {
  color: #BCBCC6 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  max-width: 28ch !important;
}
.token-qty-control {
  margin-top: auto !important;
}
.liquid-v12-token-bottom .token-bottom-summary span {
  color: #9CA3AF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}
.liquid-v12-token-bottom .token-bottom-summary strong {
  color: #F9FAFB !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
@media (max-width: 899px) {
  .liquid-v12-plan-card .liquid-plan-name,
  .liquid-v12-token-card .liquid-plan-name {
    font-size: 20px !important;
  }
  .liquid-v12-plan-card .liquid-plan-storage {
    font-size: 34px !important;
  }
  .liquid-token-amount {
    font-size: 34px !important;
  }
  .liquid-v12-token-card .liquid-status.liquid-token-price {
    font-size: 14px !important;
    padding: 7px 10px !important;
  }
  .liquid-plan-price,
  .liquid-token-copy {
    font-size: 13px !important;
  }
}


/* ==========================================================================
   Neo Control Pass V14
   Applied only to controls: topbar hover states, search/filter, filter modal,
   profile settings rows, and management action controls.
   Product/File marketplace cards remain unchanged by design.
   ========================================================================== */

:root {
  --neo-surface: rgba(255, 255, 255, 0.055);
  --neo-surface-strong: rgba(255, 255, 255, 0.085);
  --neo-stroke: rgba(255, 255, 255, 0.12);
  --neo-stroke-soft: rgba(255, 255, 255, 0.07);
  --neo-text: #F6F6F7;
  --neo-text-muted: #A1A1AA;
  --neo-text-dim: #71717A;
  --neo-accent-red: #10B981;
  --neo-accent-red-strong: #0EA371;
  --neo-shadow-dark:
    10px 10px 24px rgba(0, 0, 0, 0.34),
    -6px -6px 18px rgba(255, 255, 255, 0.028);
  --neo-shadow-pressed:
    inset 7px 7px 14px rgba(0, 0, 0, 0.30),
    inset -5px -5px 12px rgba(255, 255, 255, 0.038);
  --neo-radius-sm: 12px;
  --neo-radius-md: 18px;
  --neo-radius-lg: 24px;
  --neo-transition: 160ms ease;
}

/* 1. Topbar: keep plain icons, add only subtle hover/press feedback */
.topbar .icon-btn,
.topbar .topbar-icon-btn,
.topbar .topbar-theme,
.topbar .topbar-discord {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transition:
    color var(--neo-transition),
    background var(--neo-transition),
    transform var(--neo-transition),
    box-shadow var(--neo-transition);
}

.topbar .icon-btn:hover,
.topbar .topbar-icon-btn:hover,
.topbar .topbar-theme:hover,
.topbar .topbar-discord:hover {
  background: rgba(255,255,255,0.055) !important;
  color: var(--neo-text) !important;
  transform: translateY(-1px);
}

.topbar .icon-btn:active,
.topbar .topbar-icon-btn:active,
.topbar .topbar-theme:active,
.topbar .topbar-discord:active {
  box-shadow: var(--neo-shadow-pressed) !important;
  transform: translateY(0);
}

/* Token plus remains the strong red CTA control */
.topbar-token-plus,
.token-plus,
.token-add,
.token-add-button {
  background: linear-gradient(135deg, var(--neo-accent-red), var(--neo-accent-red-strong)) !important;
  color: #FFFFFF !important;
  box-shadow:
    0 10px 24px rgba(244, 63, 94, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

/* 2. Search + filter control */
.neo-search-control,
.search-filter-combo.neo-search-control {
  border-radius: 999px !important;
  border: 1px solid var(--neo-stroke) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.070), rgba(255,255,255,0.028)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 12px 30px rgba(0,0,0,0.22) !important;
}

.neo-search-control .search-input,
.search-filter-combo.neo-search-control .search-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.neo-filter-inside-btn,
.search-filter-button.neo-filter-inside-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid var(--neo-stroke-soft) !important;
  background: rgba(255,255,255,0.050) !important;
  color: var(--neo-text-muted) !important;
  box-shadow: none !important;
}

.neo-filter-inside-btn:hover,
.search-filter-button.neo-filter-inside-btn:hover {
  color: var(--neo-text) !important;
  background: rgba(255,255,255,0.075) !important;
}

/* 3. Filter modal / dropdown */
.neo-filter-panel {
  width: min(540px, calc(100vw - 32px));
  border-radius: 24px;
  border: 1px solid var(--neo-stroke);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.085), rgba(255,255,255,0.040));
  box-shadow:
    0 24px 70px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.08);
  padding: 16px;
}

.neo-filter-panel-wide {
  width: min(860px, calc(100vw - 32px));
}

.neo-filter-section {
  border-radius: 14px;
  background: rgba(255,255,255,0.055);
  border: 1px solid var(--neo-stroke-soft);
  margin-top: 12px;
  overflow: hidden;
}

.neo-filter-section-header {
  min-height: 48px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--neo-text);
  font-weight: 700;
}

.neo-filter-section-header small {
  color: var(--neo-text-muted);
  font-size: 12px;
  font-weight: 600;
}

.neo-filter-section-body {
  padding: 12px 14px 14px;
  display: grid;
  gap: 12px;
}

.neo-radio-list {
  display: grid;
  gap: 10px;
  max-height: 260px;
  overflow: auto;
}

.neo-radio-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  width: 100%;
  border: 0;
  background: transparent;
  color: #D4D4D8;
  text-align: left;
  cursor: pointer;
  font: inherit;
}

.neo-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.20);
  background: rgba(255,255,255,0.035);
  box-shadow:
    inset 2px 2px 5px rgba(0,0,0,0.22),
    inset -2px -2px 5px rgba(255,255,255,0.04);
  flex: 0 0 auto;
}

.neo-radio-row.is-selected .neo-radio {
  border-color: #10B981;
  background:
    radial-gradient(circle at center, #10B981 0 36%, transparent 40%),
    rgba(16,185,129,0.10);
}

.neo-radio-row.is-selected {
  color: var(--neo-text);
}

/* 5. Profile Settings row icons */
.neo-settings-row {
  position: relative;
  padding-left: 68px !important;
}

.neo-settings-icon {
  position: absolute;
  left: 16px;
  top: 18px;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid var(--neo-stroke-soft);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.070), rgba(255,255,255,0.030));
  color: var(--neo-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--neo-shadow-dark);
  font-weight: 800;
}

.neo-settings-row:hover .neo-settings-icon {
  color: var(--neo-text);
  border-color: rgba(255,255,255,0.18);
}

/* 6. Management control buttons and switches only */
.neo-compact-action {
  border-radius: 999px !important;
  box-shadow:
    8px 8px 20px rgba(0,0,0,0.26),
    -4px -4px 12px rgba(255,255,255,0.025) !important;
}

.neo-icon-soft {
  width: 42px !important;
  height: 42px !important;
  border-radius: var(--neo-radius-sm) !important;
  border: 1px solid var(--neo-stroke) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.030)) !important;
  color: var(--neo-text-muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: var(--neo-shadow-dark) !important;
}

.neo-icon-soft:hover {
  color: var(--neo-text) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.neo-switch-wrap span {
  box-shadow: var(--neo-shadow-pressed);
}

.neo-cta-red,
.floating-add.neo-cta-red {
  background: linear-gradient(135deg, var(--neo-accent-red), var(--neo-accent-red-strong)) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #FFFFFF !important;
  box-shadow:
    0 12px 28px rgba(244, 63, 94, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.neo-cta-red:hover,
.floating-add.neo-cta-red:hover {
  filter: brightness(1.06);
}

@media (max-width: 639px) {
  .neo-settings-row {
    padding-left: 16px !important;
    padding-top: 64px !important;
  }

  .neo-settings-icon {
    top: 16px;
  }

  .neo-filter-panel,
  .neo-filter-panel-wide {
    width: calc(100vw - 24px);
    padding: 14px;
  }
}


/* ==========================================================================
   Runtime Completion Pass V15
   Profile settings address cards + File Management runtime card support.
   ========================================================================== */

.profile-address-card {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
  padding: 14px;
}

.address-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.address-card-header strong {
  color: #F6F6F7;
  font-size: 14px;
}

.profile-address-card p {
  margin: 8px 0 0;
  color: #D4D4D8;
  font-size: 13px;
  line-height: 1.45;
}

.profile-address-card .muted {
  color: #A1A1AA;
}

.btn-sm {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}



/* ==========================================================================
   Tracking Card Layout Pass V15+
   Confirm Received button sits at the lower action area of each card.
   ========================================================================== */

.tracking-card-v15plus {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 16px !important;
  min-height: 190px !important;
  background: var(--bg-card, #0B0D10) !important;
  border: 1px solid var(--border-soft, rgba(255,255,255,.06)) !important;
  border-radius: 16px !important;
}

.tracking-card-v15plus .tracking-card-main {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.tracking-card-v15plus .tracking-preview,
.tracking-card-v15plus .mini-preview {
  width: 112px !important;
  min-width: 112px !important;
  height: 96px !important;
  border-radius: 12px !important;
  background: var(--bg-input, #111418) !important;
  color: var(--text-dim, #71717A) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tracking-card-v15plus .tracking-content {
  min-width: 0 !important;
}

.tracking-card-v15plus .tracking-content h3 {
  margin: 0 0 6px !important;
  color: var(--text-main, #F6F6F7) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.tracking-card-v15plus .tracking-content p {
  margin: 0 0 4px !important;
  color: var(--text-muted, #A1A1AA) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.tracking-card-v15plus .tracking-content strong {
  display: block !important;
  margin-top: 6px !important;
  color: var(--text-secondary, #D4D4D8) !important;
  font-size: 13px !important;
}

.tracking-card-v15plus .tracking-statuses {
  margin-top: 10px !important;
}

.tracking-card-v15plus .tracking-card-actions {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  display: flex !important;
  justify-content: flex-end !important;
}

.tracking-card-v15plus .tracking-accept-btn {
  min-width: 168px !important;
  height: 42px !important;
  border-radius: 12px !important;
}

@media (max-width: 639px) {
  .tracking-card-v15plus .tracking-card-main {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .tracking-card-v15plus .tracking-preview,
  .tracking-card-v15plus .mini-preview {
    width: 88px !important;
    min-width: 88px !important;
    height: 80px !important;
  }

  .tracking-card-v15plus .tracking-card-actions {
    justify-content: stretch !important;
  }

  .tracking-card-v15plus .tracking-accept-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}



/* ==========================================================================
   UX Corrections Pass V15.1+
   Product/File seller View alignment, Tracking confirm button cleanup,
   and inline PayPal Save controls.
   ========================================================================== */

.detail-seller-row-v151,
.detail-seller-row.detail-seller-row-v151 {
  cursor: default !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.detail-seller-row-v151 .seller-identity {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.detail-seller-row-v151 .seller-identity span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.detail-seller-row-v151 .seller-view-btn {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  min-width: 72px !important;
}

.settings-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.paypal-inline-grid-v151 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 14px 0 12px !important;
}

.paypal-save-btn-v151 {
  min-width: 88px !important;
  height: 38px !important;
  border-radius: 10px !important;
}

.tracking-card-v151,
.tracking-card-v15plus {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  min-height: 190px !important;
}

.tracking-card-v151 .tracking-card-main,
.tracking-card-v15plus .tracking-card-main {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.tracking-card-v151 .tracking-card-actions,
.tracking-card-v15plus .tracking-card-actions {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  display: flex !important;
  justify-content: flex-end !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.tracking-card-v151 .tracking-accept-btn,
.tracking-card-v15plus .tracking-accept-btn,
.btn.tracking-accept-btn-v151 {
  min-width: 168px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: #111418 !important;
  color: #F6F6F7 !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
}

.tracking-card-v151 .tracking-accept-btn:hover,
.tracking-card-v15plus .tracking-accept-btn:hover,
.btn.tracking-accept-btn-v151:hover {
  border-color: rgba(255,255,255,0.24) !important;
  background: rgba(255,255,255,0.065) !important;
}

@media (max-width: 899px) {
  .paypal-inline-grid-v151 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 639px) {
  .detail-seller-row-v151 {
    align-items: center !important;
  }

  .detail-seller-row-v151 .seller-view-btn {
    min-width: 64px !important;
  }

  .tracking-card-v151 .tracking-card-main,
  .tracking-card-v15plus .tracking-card-main {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .tracking-card-v151 .tracking-card-actions,
  .tracking-card-v15plus .tracking-card-actions {
    justify-content: stretch !important;
  }

  .tracking-card-v151 .tracking-accept-btn,
  .tracking-card-v15plus .tracking-accept-btn,
  .btn.tracking-accept-btn-v151 {
    width: 100% !important;
    min-width: 0 !important;
  }
}



/* ==========================================================================
   Premium Price + Minimal Typography Pass V15.2+
   - Premium orange price treatment for marketplace cards and product/file detail.
   - Balanced font weights and line heights across major pages.
   - Less clipping on product/file names while keeping a clean minimal UI.
   ========================================================================== */

:root {
  --premium-orange: #F59E0B;
  --premium-orange-deep: #D97706;
  --premium-orange-soft: rgba(245, 158, 11, 0.16);
  --premium-orange-glow: rgba(245, 158, 11, 0.28);
  --font-sans-premium: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans-premium) !important;
  text-rendering: geometricPrecision;
}

body {
  font-weight: 400 !important;
  letter-spacing: -0.006em;
}

.page-title,
.detail-title,
.modal-title,
.settings-section-head h2,
.listing-side-card h2,
.seller-profile-name,
.readable-plan-title,
.readable-token-title {
  font-weight: 680 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.12 !important;
}

.page-desc,
.detail-desc,
.modal-desc,
.muted,
.ref-sales-meta,
.ref-purchase-count,
.history-meta,
.market-card-seller {
  font-weight: 400 !important;
  letter-spacing: -0.006em !important;
  line-height: 1.55 !important;
}

.section-kicker,
.form-label,
.detail-option-label,
.ref-chip-row span,
.tracking-step,
.badge {
  font-weight: 620 !important;
  letter-spacing: 0.045em !important;
}

.market-card-title,
.ref-card-title,
.management-card h3,
.management-market-card h3,
.history-card h3,
.tracking-card h3,
.order-card h3,
.address-card-header strong {
  font-weight: 620 !important;
  letter-spacing: -0.016em !important;
  line-height: 1.28 !important;
}

.market-card-title,
.ref-card-title {
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.46em;
}

.ref-card-body {
  gap: 0;
}

/* Premium price treatment: vivid enough to catch buyers, not cheap neon. */
.ref-card-price,
.market-card-price,
.detail-price,
.mgmt-card-price,
.token-pack-price,
.liquid-token-price,
.readable-token-price,
.readable-plan-price,
.plan-price {
  color: var(--premium-orange) !important;
}

.ref-card-price span,
.market-card-price,
.detail-price,
.mgmt-card-price,
.liquid-token-price,
.readable-token-price,
.readable-plan-price {
  color: var(--premium-orange) !important;
  background-image: linear-gradient(180deg, #FBBF24 0%, var(--premium-orange) 48%, var(--premium-orange-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 760 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.05 !important;
  text-shadow: 0 0 18px var(--premium-orange-glow);
}

.ref-card-price small {
  color: rgba(245, 158, 11, 0.78) !important;
  font-weight: 650 !important;
  letter-spacing: 0.035em !important;
}

.ref-card-price {
  margin-top: 12px !important;
  align-items: center !important;
}

.detail-price {
  margin: 10px 0 4px !important;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
}

.market-card-price,
.ref-card-price span {
  font-size: 19px !important;
}

.ref-sales-meta,
.ref-purchase-count {
  margin-top: 9px !important;
  color: #A1A1AA !important;
  font-size: 12px !important;
}

/* Button text should feel clear but not heavy. */
.btn,
.plain-action,
.tab-btn,
.sidebar-link,
.settings-row,
.policy-link {
  font-weight: 560 !important;
  letter-spacing: -0.004em !important;
}

/* Inputs stay calm and readable. */
.form-input,
.search-input,
.compact-filter-search {
  font-weight: 420 !important;
  line-height: 1.45 !important;
}

/* Keep Product/File View seller row visually balanced after v15.1. */
.detail-seller-row-v151 .seller-identity span {
  font-weight: 560 !important;
  color: #F6F6F7 !important;
}

.detail-seller-row-v151 .seller-view-btn {
  font-weight: 620 !important;
}

/* Tracking confirm remains neutral after the red wrapper removal. */
.tracking-card-v151 .tracking-accept-btn,
.tracking-card-v15plus .tracking-accept-btn,
.btn.tracking-accept-btn-v151 {
  font-weight: 620 !important;
  letter-spacing: -0.006em !important;
}

/* Mobile text balancing */
@media (max-width: 639px) {
  .page-title,
  .detail-title {
    font-size: clamp(1.45rem, 8vw, 1.85rem) !important;
    line-height: 1.1 !important;
  }

  .market-card-title,
  .ref-card-title {
    min-height: auto !important;
  }

  .market-card-price,
  .ref-card-price span {
    font-size: 18px !important;
  }
}



/* ==========================================================================
   Typography Spacing + Card Image Ratio QC Pass V15.3+
   Scope:
   - QC and normalize letter spacing, word spacing, line height, paragraph rhythm,
     and font weight hierarchy.
   - View / Management / Favorite marketplace-style cards use a larger image area:
     65–70% of the card height, flush to the card's left, right, and top edges.
   ========================================================================== */

:root {
  --type-letter-body: -0.006em;
  --type-letter-heading: -0.030em;
  --type-letter-subheading: -0.022em;
  --type-letter-card-title: -0.016em;
  --type-letter-label: 0.045em;
  --type-word-normal: 0em;

  --type-line-heading: 1.10;
  --type-line-title: 1.22;
  --type-line-card: 1.28;
  --type-line-body: 1.56;
  --type-line-caption: 1.42;

  --weight-body: 400;
  --weight-control: 560;
  --weight-card-title: 620;
  --weight-section: 650;
  --weight-heading: 680;
  --weight-price: 760;

  --card-image-ratio: 67%;
  --card-body-ratio: 33%;
  --card-image-min-desktop: 248px;
  --card-image-min-mobile: 230px;
}

body {
  letter-spacing: var(--type-letter-body) !important;
  word-spacing: var(--type-word-normal) !important;
  line-height: var(--type-line-body) !important;
  font-weight: var(--weight-body) !important;
}

.page-title,
.detail-title,
.gallery-title,
.modal-title {
  letter-spacing: var(--type-letter-heading) !important;
  line-height: var(--type-line-heading) !important;
  font-weight: var(--weight-heading) !important;
}

.settings-section-head h2,
.listing-side-card h2,
.card-title,
.seller-profile-name,
.readable-plan-title,
.readable-token-title {
  letter-spacing: var(--type-letter-subheading) !important;
  line-height: var(--type-line-title) !important;
  font-weight: var(--weight-heading) !important;
}

.page-desc,
.detail-desc,
.modal-desc,
.muted,
.market-card-seller,
.ref-sales-meta,
.ref-purchase-count,
.history-meta,
.settings-row-value,
.settings-row-label,
.address-card p {
  letter-spacing: var(--type-letter-body) !important;
  word-spacing: var(--type-word-normal) !important;
  line-height: var(--type-line-body) !important;
  font-weight: var(--weight-body) !important;
}

.market-card-title,
.ref-card-title,
.management-card h3,
.management-market-card h3,
.history-card h3,
.tracking-card h3,
.order-card h3,
.address-card-header strong {
  letter-spacing: var(--type-letter-card-title) !important;
  line-height: var(--type-line-card) !important;
  font-weight: var(--weight-card-title) !important;
}

.section-kicker,
.form-label,
.detail-option-label,
.ref-chip-row span,
.tracking-step,
.badge,
.preview-tag {
  letter-spacing: var(--type-letter-label) !important;
  line-height: var(--type-line-caption) !important;
  font-weight: var(--weight-section) !important;
}

.btn,
.plain-action,
.tab-btn,
.sidebar-link,
.settings-row,
.policy-link,
.seller-view-btn {
  letter-spacing: -0.004em !important;
  line-height: 1.22 !important;
  font-weight: var(--weight-control) !important;
}

.ref-card-price span,
.market-card-price,
.detail-price,
.mgmt-card-price,
.liquid-token-price,
.readable-token-price,
.readable-plan-price {
  font-weight: var(--weight-price) !important;
  letter-spacing: -0.020em !important;
  line-height: 1.04 !important;
}

/* Text rhythm: remove accidental cramped paragraphs without adding visual noise. */
.page-inner > section + section,
.profile-card + .profile-card,
.listing-main-card + .sku-matrix-card {
  margin-top: 16px;
}

.detail-info {
  gap: 16px !important;
}

.form-group {
  margin-bottom: 12px !important;
}

.form-label {
  margin-bottom: 6px !important;
}

.settings-row.compact {
  min-height: 38px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Card image ratio: target View / Management / Favorite / seller card grids. */
.market-grid .market-card.ref-card,
#favGrid .market-card.ref-card,
.management-card-grid .market-card.ref-card,
.management-card-grid .management-market-card,
.seller-card-preview-grid .market-card.ref-card {
  height: 392px !important;
  min-height: 392px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

.market-grid .market-card.ref-card > .market-card-preview,
.market-grid .market-card.ref-card > .ref-card-preview,
#favGrid .market-card.ref-card > .market-card-preview,
#favGrid .market-card.ref-card > .ref-card-preview,
.seller-card-preview-grid .market-card.ref-card > .market-card-preview,
.seller-card-preview-grid .market-card.ref-card > .ref-card-preview {
  flex: 0 0 var(--card-image-ratio) !important;
  height: var(--card-image-ratio) !important;
  min-height: var(--card-image-min-desktop) !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: auto !important;
  align-self: stretch !important;
}

.market-grid .market-card.ref-card > .market-card-body,
.market-grid .market-card.ref-card > .ref-card-body,
#favGrid .market-card.ref-card > .market-card-body,
#favGrid .market-card.ref-card > .ref-card-body,
.seller-card-preview-grid .market-card.ref-card > .market-card-body,
.seller-card-preview-grid .market-card.ref-card > .ref-card-body {
  flex: 1 1 var(--card-body-ratio) !important;
  min-height: 0 !important;
  padding: 12px 14px 14px !important;
  overflow: hidden !important;
}

/* Management cards are simpler: image + name. Keep image around 70%. */
.management-card-grid .market-card.ref-card,
.management-card-grid .management-market-card {
  height: 330px !important;
  min-height: 330px !important;
}

.management-card-grid .market-card.ref-card > .market-card-preview,
.management-card-grid .market-card.ref-card > .ref-card-preview,
.management-card-grid .management-market-card > .market-card-preview,
.management-card-grid .management-market-card > .ref-card-preview {
  flex-basis: 70% !important;
  height: 70% !important;
  min-height: 228px !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: auto !important;
}

.management-card-grid .market-card.ref-card > .market-card-body,
.management-card-grid .market-card.ref-card > .ref-card-body,
.management-card-grid .management-market-card > .market-card-body,
.management-card-grid .management-market-card > .ref-card-body {
  flex: 1 1 30% !important;
  display: flex !important;
  align-items: center !important;
  padding: 12px 14px !important;
}

/* Placeholder/image content must touch preview edges, not float inside the card. */
.market-card-preview .ref-preview-placeholder,
.ref-card-preview .ref-preview-placeholder,
.management-market-card .ref-preview-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Product/File View preview block: make the visual area feel edge-aligned. */
.detail-preview {
  overflow: hidden !important;
  border-radius: 16px !important;
  padding: 0 !important;
}

.detail-preview .ref-preview-placeholder,
.detail-preview .mini-preview {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
}

/* Avoid text overflow after the larger image ratio. */
.market-grid .ref-card-title,
#favGrid .ref-card-title,
.seller-card-preview-grid .ref-card-title {
  -webkit-line-clamp: 2 !important;
  min-height: auto !important;
}

.market-grid .ref-chip-row,
#favGrid .ref-chip-row,
.seller-card-preview-grid .ref-chip-row {
  gap: 5px !important;
  margin-top: 8px !important;
}

.market-grid .ref-chip-row span,
#favGrid .ref-chip-row span,
.seller-card-preview-grid .ref-chip-row span {
  height: 20px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
}

@media (max-width: 899px) {
  .market-grid .market-card.ref-card,
  #favGrid .market-card.ref-card,
  .seller-card-preview-grid .market-card.ref-card {
    height: 374px !important;
    min-height: 374px !important;
  }

  .market-grid .market-card.ref-card > .market-card-preview,
  .market-grid .market-card.ref-card > .ref-card-preview,
  #favGrid .market-card.ref-card > .market-card-preview,
  #favGrid .market-card.ref-card > .ref-card-preview,
  .seller-card-preview-grid .market-card.ref-card > .market-card-preview,
  .seller-card-preview-grid .market-card.ref-card > .ref-card-preview {
    min-height: 246px !important;
  }
}

@media (max-width: 639px) {
  body {
    letter-spacing: -0.004em !important;
  }

  .page-title,
  .detail-title {
    letter-spacing: -0.026em !important;
  }

  .market-grid .market-card.ref-card,
  #favGrid .market-card.ref-card,
  .seller-card-preview-grid .market-card.ref-card {
    height: 360px !important;
    min-height: 360px !important;
  }

  .market-grid .market-card.ref-card > .market-card-preview,
  .market-grid .market-card.ref-card > .ref-card-preview,
  #favGrid .market-card.ref-card > .market-card-preview,
  #favGrid .market-card.ref-card > .ref-card-preview,
  .seller-card-preview-grid .market-card.ref-card > .market-card-preview,
  .seller-card-preview-grid .market-card.ref-card > .ref-card-preview {
    min-height: var(--card-image-min-mobile) !important;
  }

  .management-card-grid .market-card.ref-card,
  .management-card-grid .management-market-card {
    height: 306px !important;
    min-height: 306px !important;
  }

  .management-card-grid .market-card.ref-card > .market-card-preview,
  .management-card-grid .market-card.ref-card > .ref-card-preview,
  .management-card-grid .management-market-card > .market-card-preview,
  .management-card-grid .management-market-card > .ref-card-preview {
    min-height: 214px !important;
  }
}



/* ==========================================================================
   Modern Luxury Font Pass V15.3.1+
   Goal:
   - More modern-luxury typography without making the marketplace feel fashion-heavy.
   - Space Grotesk for display/title/price accents.
   - Manrope for interface/body clarity.
   - Tighter heading spacing, calmer body rhythm, premium numeric price rendering.
   ========================================================================== */

:root {
  --font-luxury-display: "Space Grotesk", "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-luxury-body: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-luxury-number: "Space Grotesk", "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --luxury-heading-weight: 700;
  --luxury-subheading-weight: 650;
  --luxury-card-weight: 610;
  --luxury-body-weight: 410;
  --luxury-control-weight: 570;
  --luxury-price-weight: 760;

  --luxury-heading-spacing: -0.036em;
  --luxury-title-spacing: -0.024em;
  --luxury-card-spacing: -0.014em;
  --luxury-body-spacing: -0.004em;
  --luxury-label-spacing: 0.052em;
  --luxury-price-spacing: -0.022em;
}

html,
body {
  font-family: var(--font-luxury-body) !important;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-weight: var(--luxury-body-weight) !important;
  letter-spacing: var(--luxury-body-spacing) !important;
  line-height: 1.57 !important;
}

.logo-wordmark,
.brand-wordmark,
.topbar-logo,
.page-title,
.detail-title,
.modal-title,
.gallery-title,
.readable-plan-title,
.readable-token-title,
.settings-section-head h2,
.listing-side-card h2,
.seller-profile-name {
  font-family: var(--font-luxury-display) !important;
  font-weight: var(--luxury-heading-weight) !important;
  letter-spacing: var(--luxury-heading-spacing) !important;
  line-height: 1.08 !important;
}

.card-title,
.market-card-title,
.ref-card-title,
.management-card h3,
.management-market-card h3,
.history-card h3,
.tracking-card h3,
.order-card h3,
.address-card-header strong {
  font-family: var(--font-luxury-display) !important;
  font-weight: var(--luxury-card-weight) !important;
  letter-spacing: var(--luxury-card-spacing) !important;
  line-height: 1.25 !important;
}

.page-desc,
.detail-desc,
.modal-desc,
.muted,
.market-card-seller,
.ref-sales-meta,
.ref-purchase-count,
.history-meta,
.settings-row-label,
.settings-row-value,
.address-card p,
.plan-summary-card p,
.withdrawal-summary-card p {
  font-family: var(--font-luxury-body) !important;
  font-weight: var(--luxury-body-weight) !important;
  letter-spacing: var(--luxury-body-spacing) !important;
  line-height: 1.57 !important;
}

.section-kicker,
.form-label,
.detail-option-label,
.ref-chip-row span,
.tracking-step,
.badge,
.preview-tag {
  font-family: var(--font-luxury-body) !important;
  font-weight: var(--luxury-subheading-weight) !important;
  letter-spacing: var(--luxury-label-spacing) !important;
  line-height: 1.36 !important;
}

.btn,
.plain-action,
.tab-btn,
.sidebar-link,
.settings-row,
.policy-link,
.seller-view-btn,
.toggle-label {
  font-family: var(--font-luxury-body) !important;
  font-weight: var(--luxury-control-weight) !important;
  letter-spacing: -0.006em !important;
  line-height: 1.20 !important;
}

.ref-card-price span,
.market-card-price,
.detail-price,
.mgmt-card-price,
.liquid-token-price,
.readable-token-price,
.readable-plan-price,
.plan-summary-card strong,
.token-checkout-card strong,
.withdrawal-summary-card strong {
  font-family: var(--font-luxury-number) !important;
  font-weight: var(--luxury-price-weight) !important;
  letter-spacing: var(--luxury-price-spacing) !important;
  line-height: 1.02 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
}

/* The product/file card should feel premium, not crowded. */
.market-grid .market-card.ref-card > .market-card-body,
.market-grid .market-card.ref-card > .ref-card-body,
#favGrid .market-card.ref-card > .market-card-body,
#favGrid .market-card.ref-card > .ref-card-body,
.seller-card-preview-grid .market-card.ref-card > .market-card-body,
.seller-card-preview-grid .market-card.ref-card > .ref-card-body {
  padding-top: 13px !important;
  padding-bottom: 14px !important;
}

.market-grid .ref-card-location,
#favGrid .ref-card-location,
.seller-card-preview-grid .ref-card-location {
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

.market-grid .market-card-seller,
#favGrid .market-card-seller,
.seller-card-preview-grid .market-card-seller {
  font-size: 12px !important;
  line-height: 1.38 !important;
}

.market-grid .ref-card-price,
#favGrid .ref-card-price,
.seller-card-preview-grid .ref-card-price {
  margin-top: 10px !important;
}

.market-grid .ref-card-price span,
#favGrid .ref-card-price span,
.seller-card-preview-grid .ref-card-price span {
  font-size: 20px !important;
}

.market-grid .ref-card-price small,
#favGrid .ref-card-price small,
.seller-card-preview-grid .ref-card-price small {
  font-family: var(--font-luxury-body) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.045em !important;
}

/* Detail pages get a clearer luxury hierarchy. */
.detail-title {
  font-size: clamp(1.65rem, 2.6vw, 2.35rem) !important;
}

.detail-price {
  font-size: clamp(1.55rem, 2.4vw, 2.10rem) !important;
}

.detail-seller-row-v151 .seller-identity span {
  font-family: var(--font-luxury-display) !important;
  font-weight: 610 !important;
  letter-spacing: -0.014em !important;
}

/* Prevent overly heavy labels after the previous QC pass. */
.form-label,
.detail-option-label {
  text-transform: none !important;
  letter-spacing: 0.012em !important;
}

.section-kicker {
  text-transform: uppercase !important;
}

/* Mobile: keep luxury feel but avoid cramped text. */
@media (max-width: 639px) {
  :root {
    --luxury-heading-spacing: -0.030em;
    --luxury-title-spacing: -0.020em;
    --luxury-card-spacing: -0.010em;
    --luxury-body-spacing: -0.002em;
  }

  .page-title,
  .detail-title {
    line-height: 1.10 !important;
  }

  .market-grid .ref-card-price span,
  #favGrid .ref-card-price span,
  .seller-card-preview-grid .ref-card-price span {
    font-size: 19px !important;
  }
}



/* ==========================================================================
   Card Containment + One-Line Scrollable Tags Pass V15.4
   Goals:
   - All visible data stays inside its card boundaries.
   - Long names, seller names, locations, meta text, price, status, settings values,
     and order data are clipped/ellipsized instead of overflowing.
   - Tag/chip rows are one line only and horizontally scrollable.
   ========================================================================== */

/* Base containment for every card family used in the marketplace. */
.market-card,
.ref-card,
.management-market-card,
.management-card,
.history-card,
.tracking-card,
.order-card,
.profile-card,
.address-card,
.seller-profile-card,
.plan-summary-card,
.token-checkout-card,
.withdrawal-summary-card,
.withdrawal-form-card,
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.readable-plan-card,
.minimal-token-card {
  overflow: hidden !important;
  contain: layout paint;
}

.market-card *,
.ref-card *,
.management-market-card *,
.management-card *,
.history-card *,
.tracking-card *,
.order-card *,
.profile-card *,
.address-card *,
.seller-profile-card *,
.plan-summary-card *,
.token-checkout-card *,
.withdrawal-summary-card *,
.withdrawal-form-card *,
.listing-main-card *,
.listing-side-card *,
.sku-matrix-card *,
.readable-plan-card *,
.minimal-token-card * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Multi-line title containment. */
.market-card-title,
.ref-card-title,
.management-card h3,
.management-market-card h3,
.history-card h3,
.tracking-card h3,
.order-card h3,
.readable-plan-title,
.readable-token-title,
.seller-profile-name,
.address-card-header strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100% !important;
}

/* Single-line metadata containment. */
.market-card-seller,
.ref-card-location,
.ref-card-location span,
.ref-sales-meta,
.ref-purchase-count,
.history-meta,
.history-card p,
.tracking-card p,
.tracking-card strong,
.order-card p,
.mgmt-card-desc,
.mgmt-card-name,
.settings-row-label,
.settings-row-value,
.address-card p,
.seller-profile-status,
.plan-storage,
.plan-price,
.token-pack-price,
.readable-plan-storage,
.readable-plan-price,
.readable-token-price,
.checkout-row,
.checkout-row strong,
.withdrawal-summary-card p,
.plan-summary-card p,
.listing-side-card p,
.sku-row,
.api-key-display {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

/* Keep price units stable and inside the card. */
.ref-card-price,
.market-card-price,
.detail-price,
.mgmt-card-price,
.liquid-token-price,
.readable-token-price,
.readable-plan-price,
.token-pack-amount,
.token-pack-price,
.checkout-row strong,
.withdrawal-summary-card strong,
.plan-summary-card strong {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* One-line horizontal-scroll tags/chips. */
.ref-chip-row,
.tag-row,
.chip-row,
.badge-row,
.filter-chip-row,
.option-chip-row,
.tracking-statuses {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.18) transparent;
  padding-bottom: 2px;
}

.ref-chip-row::-webkit-scrollbar,
.tag-row::-webkit-scrollbar,
.chip-row::-webkit-scrollbar,
.badge-row::-webkit-scrollbar,
.filter-chip-row::-webkit-scrollbar,
.option-chip-row::-webkit-scrollbar,
.tracking-statuses::-webkit-scrollbar {
  height: 4px;
}

.ref-chip-row::-webkit-scrollbar-track,
.tag-row::-webkit-scrollbar-track,
.chip-row::-webkit-scrollbar-track,
.badge-row::-webkit-scrollbar-track,
.filter-chip-row::-webkit-scrollbar-track,
.option-chip-row::-webkit-scrollbar-track,
.tracking-statuses::-webkit-scrollbar-track {
  background: transparent;
}

.ref-chip-row::-webkit-scrollbar-thumb,
.tag-row::-webkit-scrollbar-thumb,
.chip-row::-webkit-scrollbar-thumb,
.badge-row::-webkit-scrollbar-thumb,
.filter-chip-row::-webkit-scrollbar-thumb,
.option-chip-row::-webkit-scrollbar-thumb,
.tracking-statuses::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.18);
  border-radius: 999px;
}

/* Tag items: never wrap; each item may ellipsize internally. */
.ref-chip-row span,
.tag,
.chip,
.badge,
.tracking-step,
.option-chip,
.choice-chip,
.filter-choice {
  flex: 0 0 auto !important;
  max-width: 168px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Card body cannot push past image/card bounds. */
.market-card-body,
.ref-card-body,
.management-market-card .market-card-body,
.management-market-card .ref-card-body,
.history-info,
.tracking-content,
.order-info,
.profile-card > div,
.listing-main-card,
.listing-side-card,
.sku-matrix-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Detail pages: preserve readable paragraphs but prevent hard overflow. */
.detail-info,
.detail-seller-row,
.detail-seller-row-v151,
.seller-identity {
  min-width: 0 !important;
  max-width: 100% !important;
}

.detail-title,
.detail-desc,
.detail-seller-row-v151 .seller-identity span {
  overflow-wrap: anywhere;
}

.detail-price,
.detail-seller-row-v151 .seller-view-btn {
  flex: 0 0 auto;
}

/* Forms/settings: long values stay inside card. */
.form-input,
textarea,
select,
.api-key-display,
.webhook-url,
.code-block,
pre {
  max-width: 100% !important;
  overflow: auto !important;
  overflow-wrap: anywhere;
}

/* Ensure one-line tags remain usable inside fixed-ratio card body. */
.market-grid .ref-chip-row,
#favGrid .ref-chip-row,
.seller-card-preview-grid .ref-chip-row,
.management-card-grid .ref-chip-row {
  margin-top: 8px !important;
  max-height: 26px !important;
}

/* Mobile: reduce tag width so horizontal scrolling feels natural. */
@media (max-width: 639px) {
  .ref-chip-row span,
  .tag,
  .chip,
  .badge,
  .tracking-step,
  .option-chip,
  .choice-chip,
  .filter-choice {
    max-width: 132px !important;
  }

  .market-card-seller,
  .ref-card-location,
  .ref-sales-meta,
  .ref-purchase-count {
    font-size: 11.5px !important;
  }
}



/* ==========================================================================
   Public Card Data Schema Pass V15.4.1
   Public market cards intentionally show only the approved card fields.
   ========================================================================== */

.public-product-card-v1541 .market-card-seller,
.public-file-card-v1541 .market-card-seller,
.public-file-card-v1541 .ref-card-location,
.public-file-card-v1541 .ref-purchase-count {
  display: none !important;
}

/* Fixed order/rhythm for approved public card fields. */
.public-product-card-v1541 .ref-card-body,
.public-file-card-v1541 .ref-card-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.public-product-card-v1541 .ref-card-location {
  order: 1;
}

.public-product-card-v1541 .ref-card-title,
.public-file-card-v1541 .ref-card-title {
  order: 2;
}

.public-product-card-v1541 .ref-card-price,
.public-file-card-v1541 .ref-card-price {
  order: 3;
}

.public-product-card-v1541 .ref-chip-row,
.public-file-card-v1541 .ref-chip-row {
  order: 4;
}

.public-product-card-v1541 .ref-sales-meta,
.public-file-card-v1541 .ref-sales-meta {
  order: 5;
}

/* Product location and monthly sold must stay inside the card. */
.public-product-card-v1541 .ref-card-location,
.public-product-card-v1541 .ref-sales-meta,
.public-file-card-v1541 .ref-sales-meta {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* File cards have no location, so title spacing starts cleanly under the image. */
.public-file-card-v1541 .ref-card-title {
  margin-top: 0 !important;
}



/* ==========================================================================
   Product/File Card Reference Layout Pass V15.4.2
   Card style based on the approved mobile marketplace reference.
   ========================================================================== */

.public-product-card-v1542,
.public-file-card-v1542,
.public-management-card-v1542 {
  border-radius: 16px !important;
  background: #0B0D10 !important;
  overflow: hidden !important;
}

/* The image area is horizontally scrollable. */
.public-product-card-v1542 .market-card-preview,
.public-file-card-v1542 .market-card-preview,
.public-management-card-v1542 .market-card-preview {
  position: relative !important;
  overflow: hidden !important;
}

.card-image-scroll {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.card-image-scroll::-webkit-scrollbar {
  display: none;
}

.card-image-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  overflow: hidden;
  background: #111418;
}

.card-image-slide img,
.card-image-slide .ref-preview-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover;
  border-radius: 0 !important;
}

.card-image-dots {
  position: absolute;
  left: 50%;
  bottom: 9px;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
  z-index: 2;
  pointer-events: none;
}

.card-image-dots span {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,0.48);
}

.card-image-dots span.active {
  width: 14px;
  background: rgba(255,255,255,0.92);
}

/* Heart is only the heart mark; no circular background. */
.card-heart-only,
.market-card-fav.card-heart-only,
.public-management-card-v1542 .management-static-heart {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  z-index: 3;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.75));
}

.card-heart-only svg {
  width: 27px !important;
  height: 27px !important;
  stroke-width: 2.25 !important;
}

.card-heart-only.active {
  color: #F59E0B !important;
}

/* Product and management product cards have location. File cards do not. */
.public-product-card-v1542 .ref-card-location,
.product-management-card-v1542 .ref-card-location {
  display: flex !important;
  order: 1;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  color: #A1A1AA !important;
}

.public-file-card-v1542 .ref-card-location,
.file-management-card-v1542 .ref-card-location {
  display: none !important;
}

.public-product-card-v1542 .ref-card-title,
.public-file-card-v1542 .ref-card-title,
.public-management-card-v1542 .ref-card-title {
  order: 2;
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.24 !important;
}

.public-product-card-v1542 .ref-chip-row,
.public-file-card-v1542 .ref-chip-row,
.public-management-card-v1542 .ref-chip-row {
  order: 3;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  max-height: 28px !important;
}

/* Starting from appears above price only for public Product/File cards. */
.card-price-label {
  order: 4;
  margin-top: auto;
  margin-bottom: 4px;
  color: #D4D4D8;
  font-size: 12px;
  font-weight: 560;
  letter-spacing: -0.006em;
  line-height: 1.2;
}

.card-bottom-line {
  order: 5;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  width: 100%;
}

.card-bottom-line .ref-card-price {
  margin: 0 !important;
  min-width: 0;
}

.card-bottom-line .ref-card-price span {
  font-size: 22px !important;
}

.card-bottom-line .ref-sales-meta {
  margin: 0 !important;
  flex: 1 1 auto;
  text-align: right;
  color: #A1A1AA !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Management cards replace price with heart count + review count. */
.public-management-card-v1542 .management-card-stats {
  order: 4;
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  color: #D4D4D8;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
}

.public-management-card-v1542 .management-card-stats span {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hide older public card fields if legacy markup exists. */
.public-product-card-v1542 .market-card-seller,
.public-file-card-v1542 .market-card-seller,
.public-file-card-v1542 .ref-purchase-count,
.public-management-card-v1542 .card-price-label,
.public-management-card-v1542 .ref-card-price {
  display: none !important;
}

.public-product-card-v1542 .ref-card-body,
.public-file-card-v1542 .ref-card-body,
.public-management-card-v1542 .ref-card-body {
  display: flex !important;
  flex-direction: column !important;
}

/* Desktop/mobile sizing balance for this card family. */
.market-grid .public-product-card-v1542,
.market-grid .public-file-card-v1542,
#favGrid .public-product-card-v1542,
#favGrid .public-file-card-v1542,
.management-card-grid .public-management-card-v1542 {
  height: 410px !important;
  min-height: 410px !important;
}

.market-grid .public-product-card-v1542 > .market-card-preview,
.market-grid .public-product-card-v1542 > .ref-card-preview,
.market-grid .public-file-card-v1542 > .market-card-preview,
.market-grid .public-file-card-v1542 > .ref-card-preview,
#favGrid .public-product-card-v1542 > .market-card-preview,
#favGrid .public-product-card-v1542 > .ref-card-preview,
#favGrid .public-file-card-v1542 > .market-card-preview,
#favGrid .public-file-card-v1542 > .ref-card-preview,
.management-card-grid .public-management-card-v1542 > .market-card-preview,
.management-card-grid .public-management-card-v1542 > .ref-card-preview {
  flex: 0 0 61% !important;
  height: 61% !important;
  min-height: 238px !important;
}

@media (max-width: 639px) {
  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #favGrid .public-product-card-v1542,
  #favGrid .public-file-card-v1542,
  .management-card-grid .public-management-card-v1542 {
    height: 382px !important;
    min-height: 382px !important;
  }

  .market-grid .public-product-card-v1542 > .market-card-preview,
  .market-grid .public-product-card-v1542 > .ref-card-preview,
  .market-grid .public-file-card-v1542 > .market-card-preview,
  .market-grid .public-file-card-v1542 > .ref-card-preview,
  #favGrid .public-product-card-v1542 > .market-card-preview,
  #favGrid .public-product-card-v1542 > .ref-card-preview,
  #favGrid .public-file-card-v1542 > .market-card-preview,
  #favGrid .public-file-card-v1542 > .ref-card-preview,
  .management-card-grid .public-management-card-v1542 > .market-card-preview,
  .management-card-grid .public-management-card-v1542 > .ref-card-preview {
    flex-basis: 58% !important;
    height: 58% !important;
    min-height: 214px !important;
  }
}


/* ==========================================================================
   Grid + Text Collision Fix Pass V15.4.3
   Goals:
   - Desktop Product/File/Favorite/Management grids use 5 columns.
   - Smartphone grids use 2 columns.
   - Prevent text stacking/overlap inside compact cards.
   ========================================================================== */

:root {
  --market-card-gap-desktop: 14px;
  --market-card-gap-mobile: 10px;
  --market-card-height-desktop-5col: 348px;
  --market-card-height-mobile-2col: 306px;
}

@media (min-width: 1200px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: var(--market-card-gap-desktop) !important;
  }

  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #favGrid .public-product-card-v1542,
  #favGrid .public-file-card-v1542,
  .management-card-grid .public-management-card-v1542,
  .mgmt-list .public-management-card-v1542,
  .seller-card-preview-grid .public-product-card-v1542,
  .seller-card-preview-grid .public-file-card-v1542 {
    height: var(--market-card-height-desktop-5col) !important;
    min-height: var(--market-card-height-desktop-5col) !important;
  }

  .market-grid .public-product-card-v1542 > .market-card-preview,
  .market-grid .public-product-card-v1542 > .ref-card-preview,
  .market-grid .public-file-card-v1542 > .market-card-preview,
  .market-grid .public-file-card-v1542 > .ref-card-preview,
  #favGrid .public-product-card-v1542 > .market-card-preview,
  #favGrid .public-product-card-v1542 > .ref-card-preview,
  #favGrid .public-file-card-v1542 > .market-card-preview,
  #favGrid .public-file-card-v1542 > .ref-card-preview,
  .management-card-grid .public-management-card-v1542 > .market-card-preview,
  .management-card-grid .public-management-card-v1542 > .ref-card-preview,
  .mgmt-list .public-management-card-v1542 > .market-card-preview,
  .mgmt-list .public-management-card-v1542 > .ref-card-preview {
    flex: 0 0 56% !important;
    height: 56% !important;
    min-height: 184px !important;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (min-width: 640px) and (max-width: 899px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 639px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--market-card-gap-mobile) !important;
  }

  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #favGrid .public-product-card-v1542,
  #favGrid .public-file-card-v1542,
  .management-card-grid .public-management-card-v1542,
  .mgmt-list .public-management-card-v1542,
  .seller-card-preview-grid .public-product-card-v1542,
  .seller-card-preview-grid .public-file-card-v1542 {
    height: var(--market-card-height-mobile-2col) !important;
    min-height: var(--market-card-height-mobile-2col) !important;
  }

  .market-grid .public-product-card-v1542 > .market-card-preview,
  .market-grid .public-product-card-v1542 > .ref-card-preview,
  .market-grid .public-file-card-v1542 > .market-card-preview,
  .market-grid .public-file-card-v1542 > .ref-card-preview,
  #favGrid .public-product-card-v1542 > .market-card-preview,
  #favGrid .public-product-card-v1542 > .ref-card-preview,
  #favGrid .public-file-card-v1542 > .market-card-preview,
  #favGrid .public-file-card-v1542 > .ref-card-preview,
  .management-card-grid .public-management-card-v1542 > .market-card-preview,
  .management-card-grid .public-management-card-v1542 > .ref-card-preview,
  .mgmt-list .public-management-card-v1542 > .market-card-preview,
  .mgmt-list .public-management-card-v1542 > .ref-card-preview {
    flex: 0 0 52% !important;
    height: 52% !important;
    min-height: 154px !important;
  }
}

.public-product-card-v1542 .ref-card-body,
.public-file-card-v1542 .ref-card-body,
.public-management-card-v1542 .ref-card-body {
  display: grid !important;
  grid-template-rows: auto auto auto auto auto !important;
  align-content: start !important;
  row-gap: 6px !important;
  padding: 10px 11px 11px !important;
  overflow: hidden !important;
}

.public-product-card-v1542 .ref-card-location,
.product-management-card-v1542 .ref-card-location {
  margin: 0 !important;
  min-height: 16px !important;
  font-size: 11px !important;
  line-height: 1.18 !important;
}

.public-product-card-v1542 .ref-card-title,
.public-file-card-v1542 .ref-card-title,
.public-management-card-v1542 .ref-card-title {
  margin: 0 !important;
  font-size: clamp(12px, 0.95vw, 14px) !important;
  line-height: 1.18 !important;
  max-height: 2.36em !important;
  -webkit-line-clamp: 2 !important;
}

.public-product-card-v1542 .ref-chip-row,
.public-file-card-v1542 .ref-chip-row,
.public-management-card-v1542 .ref-chip-row {
  margin: 0 !important;
  max-height: 22px !important;
  min-height: 22px !important;
  padding-bottom: 0 !important;
}

.public-product-card-v1542 .ref-chip-row span,
.public-file-card-v1542 .ref-chip-row span,
.public-management-card-v1542 .ref-chip-row span {
  height: 20px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
  line-height: 20px !important;
}

.card-price-label {
  margin: 1px 0 0 !important;
  min-height: 14px !important;
  font-size: 11px !important;
  line-height: 1.14 !important;
  align-self: end !important;
}

.card-bottom-line {
  align-self: end !important;
  min-height: 24px !important;
  align-items: end !important;
  gap: 6px !important;
}

.card-bottom-line .ref-card-price span {
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1 !important;
}

.card-bottom-line .ref-card-price small {
  display: none !important;
}

.card-bottom-line .ref-sales-meta {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  max-width: 52% !important;
}

.public-management-card-v1542 .management-card-stats {
  margin: 0 !important;
  min-height: 22px !important;
  align-self: end !important;
  gap: 8px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.card-image-dots {
  bottom: 7px !important;
}

.card-heart-only,
.market-card-fav.card-heart-only,
.public-management-card-v1542 .management-static-heart {
  top: 9px !important;
  right: 9px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
}

@media (max-width: 639px) {
  .public-product-card-v1542 .ref-card-body,
  .public-file-card-v1542 .ref-card-body,
  .public-management-card-v1542 .ref-card-body {
    padding: 8px 8px 9px !important;
    row-gap: 5px !important;
  }

  .public-product-card-v1542 .ref-card-location,
  .product-management-card-v1542 .ref-card-location {
    font-size: 10px !important;
    min-height: 13px !important;
  }

  .public-product-card-v1542 .ref-card-title,
  .public-file-card-v1542 .ref-card-title,
  .public-management-card-v1542 .ref-card-title {
    font-size: 11.5px !important;
    line-height: 1.16 !important;
    max-height: 2.32em !important;
  }

  .public-product-card-v1542 .ref-chip-row,
  .public-file-card-v1542 .ref-chip-row,
  .public-management-card-v1542 .ref-chip-row {
    max-height: 20px !important;
    min-height: 20px !important;
  }

  .public-product-card-v1542 .ref-chip-row span,
  .public-file-card-v1542 .ref-chip-row span,
  .public-management-card-v1542 .ref-chip-row span {
    height: 18px !important;
    padding: 0 6px !important;
    font-size: 8.5px !important;
    line-height: 18px !important;
    max-width: 86px !important;
  }

  .card-price-label {
    font-size: 10px !important;
    min-height: 12px !important;
  }

  .card-bottom-line {
    min-height: 20px !important;
  }

  .card-bottom-line .ref-card-price span {
    font-size: 16px !important;
  }

  .card-bottom-line .ref-sales-meta {
    font-size: 9.5px !important;
    max-width: 54% !important;
  }

  .public-management-card-v1542 .management-card-stats {
    font-size: 10px !important;
    min-height: 18px !important;
  }

  .card-heart-only svg {
    width: 22px !important;
    height: 22px !important;
  }
}



/* ==========================================================================
   Token VAT + Payout Rate + SKU Upload Limit Pass V15.4.4
   ========================================================================== */

.token-vat-bottom-v1544 {
  align-items: stretch !important;
}

.token-vat-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.token-vat-summary-grid .token-bottom-summary {
  min-width: 0;
}

.token-vat-summary-grid .token-bottom-summary span,
.token-vat-summary-grid .token-bottom-summary strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.token-vat-summary-grid .net-price-line strong {
  color: var(--premium-orange, #F59E0B) !important;
  font-weight: 760 !important;
}

.sku-file-upload-card {
  gap: 10px !important;
}

.sku-file-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  scrollbar-width: thin;
}

.sku-file-list span {
  flex: 0 0 auto;
  max-width: 180px;
  padding: 5px 8px;
  border-radius: 8px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
  color: #D4D4D8;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sku-upload-button {
  position: relative;
  cursor: pointer;
}

@media (max-width: 639px) {
  .token-vat-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}



/* ==========================================================================
   Mobile Preview + Management Layout Decompression Pass V15.4.5
   Goals:
   - Prevent desktop/sidebar preview from being squeezed when opened on iPhone.
   - Give management, listing settings, withdrawal, and SKU pages enough width.
   - Keep desktop preview useful while making the same HTML responsive on mobile.
   ========================================================================== */

:root {
  --mobile-page-pad: 14px;
  --mobile-card-gap: 12px;
}

/* General containment for narrow browsers. */
html,
body {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.app-shell,
.main-content,
.page-inner {
  min-width: 0 !important;
}

.main-content {
  max-width: 100% !important;
}

/* Desktop/tablet management pages need breathing room. */
.management-overview-card,
.sales-stat-grid,
.listing-settings-shell,
.withdrawal-centered,
.sku-matrix-card,
.profile-card,
.listing-main-card,
.listing-side-card {
  min-width: 0 !important;
  max-width: 100% !important;
}

.sales-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 12px !important;
}

.sales-stat-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

.sales-stat-card span,
.sales-stat-card strong {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.management-overview-card {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.2fr) minmax(130px, .8fr) minmax(160px, 1fr) auto auto !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.management-shop-block,
.management-switch-block,
.management-token-block {
  min-width: 0 !important;
  overflow: hidden !important;
}

.management-token-block strong,
.management-shop-block strong,
.management-shop-block span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Listing settings desktop: keep main and side panels readable instead of narrow columns. */
.listing-settings-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .95fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

.sku-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 14px !important;
}

.sku-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

.sku-card strong,
.sku-card .muted {
  overflow-wrap: anywhere;
}

/* Withdrawal page width correction. */
.withdrawal-centered {
  display: grid !important;
  grid-template-columns: minmax(280px, 420px) minmax(320px, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  max-width: 980px !important;
}

.withdrawal-summary-card,
.withdrawal-form-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Real preview files: if a desktop preview is opened on a phone, convert it to mobile-like layout. */
@media (max-width: 767px) {
  .desktop-preview .sidebar,
  .mobile-preview .sidebar,
  .sidebar {
    display: none !important;
  }

  .desktop-preview .main-content,
  .mobile-preview .main-content,
  .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding: var(--mobile-page-pad) !important;
  }

  .desktop-preview .page-inner,
  .mobile-preview .page-inner,
  .page-inner {
    width: 100% !important;
    max-width: 100% !important;
  }

  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    width: 100% !important;
  }

  .topbar-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 10px !important;
  }

  .topbar-logo,
  .logo-wordmark,
  .brand-wordmark {
    max-width: 58vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ref-page-header,
  .liquid-hero,
  .withdrawal-page-head {
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .ref-page-header .page-title,
  .page-title,
  .liquid-hero h1 {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .page-desc,
  .liquid-hero p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  .management-overview-card {
    grid-template-columns: 1fr 1fr !important;
    gap: var(--mobile-card-gap) !important;
  }

  .management-shop-block {
    grid-column: span 2;
  }

  .management-switch-block,
  .management-token-block,
  .neo-compact-action,
  .plain-gear {
    min-height: 48px !important;
  }

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

  .sales-stat-card {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .sales-stat-card span {
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .sales-stat-card strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .segmented-tabs,
  .wide-split-tabs {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }

  .segmented-tabs button,
  .wide-split-tabs button {
    flex: 1 0 auto !important;
    min-width: 120px !important;
  }

  .listing-settings-shell {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card {
    width: 100% !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .settings-section-head {
    gap: 10px !important;
    align-items: flex-start !important;
  }

  .settings-section-head h2 {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .settings-section-head .muted {
    white-space: normal !important;
    text-align: right !important;
    max-width: 48% !important;
  }

  .image-upload-grid,
  .form-row,
  .modal-grid {
    grid-template-columns: 1fr !important;
  }

  .settings-choice-list {
    max-height: none !important;
  }

  .sku-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .sku-card {
    padding: 12px !important;
    gap: 9px !important;
  }

  .sku-file-list {
    max-width: 100% !important;
  }

  .sku-file-list span {
    max-width: 138px !important;
  }

  .settings-bottom-bar {
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 12px var(--mobile-page-pad) calc(12px + env(safe-area-inset-bottom)) !important;
    background: rgba(0, 1, 3, 0.92) !important;
    backdrop-filter: blur(12px) !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
  }

  .withdrawal-centered {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 100% !important;
  }

  .withdrawal-summary-card,
  .withdrawal-form-card {
    width: 100% !important;
    padding: 16px !important;
  }

  .withdrawal-summary-card strong,
  .withdrawal-summary-card .minimal-row strong {
    font-size: 18px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }

  .minimal-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .token-vat-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .token-bottom,
  .floating-bottom-bar {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .management-overview-card {
    grid-template-columns: 1fr !important;
  }

  .management-shop-block {
    grid-column: auto;
  }

  .sales-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-side-card,
  .listing-main-card,
  .sku-matrix-card {
    padding: 12px !important;
  }
}



/* ==========================================================================
   Hard Mobile Layout Guard Pass V15.4.6
   Purpose:
   - Fix iPhone/file-preview compression permanently.
   - Hide sidebar and force single-column readable management/listing/withdrawal layouts
     below tablet width.
   - This guard is intentionally stronger than the preview-only CSS.
   ========================================================================== */

@media (max-width: 900px) {
  body {
    overflow-x: hidden !important;
  }

  .app-shell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .sidebar,
  .desktop-preview .sidebar,
  .responsive-preview .sidebar,
  .mobile-only-preview .sidebar {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
  }

  .main-content,
  .desktop-preview .main-content,
  .responsive-preview .main-content,
  .mobile-only-preview .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
  }

  .page-inner,
  .desktop-preview .page-inner,
  .responsive-preview .page-inner,
  .mobile-only-preview .page-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  .ref-page-header,
  .liquid-hero,
  .withdrawal-page-head {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .ref-page-header .page-title,
  .page-title,
  .liquid-hero h1 {
    font-size: 22px !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
  }

  .page-desc,
  .liquid-hero p {
    font-size: 13px !important;
    line-height: 1.46 !important;
    max-width: 100% !important;
  }

  .management-overview-card,
  .sales-stat-grid,
  .listing-settings-shell,
  .sku-grid,
  .withdrawal-centered,
  .readable-token-grid,
  .liquid-token-grid,
  .readable-plan-grid {
    width: 100% !important;
    max-width: 100% !important;
  }

  .management-overview-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .management-shop-block,
  .management-switch-block,
  .management-token-block {
    width: 100% !important;
    min-height: 64px !important;
  }

  .sales-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .sales-stat-card {
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .sales-stat-card span {
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .sales-stat-card strong {
    font-size: 15px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .listing-settings-shell,
  .withdrawal-centered {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card,
  .withdrawal-summary-card,
  .withdrawal-form-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .settings-section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .settings-section-head h2 {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .settings-section-head .muted {
    max-width: 52% !important;
    white-space: normal !important;
    text-align: right !important;
    line-height: 1.35 !important;
  }

  .form-row,
  .image-upload-grid,
  .modal-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .sku-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .sku-card {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
  }

  .sku-card strong {
    font-size: 13px !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
  }

  .sku-file-list {
    max-width: 100% !important;
  }

  .sku-file-list span {
    max-width: 140px !important;
  }

  .settings-bottom-bar {
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    background: rgba(0,1,3,0.94) !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    z-index: 60 !important;
  }

  .withdrawal-summary-card strong,
  .withdrawal-summary-card .minimal-row strong {
    font-size: 18px !important;
    line-height: 1.16 !important;
    overflow-wrap: anywhere !important;
  }

  .minimal-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .token-vat-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* iPhone narrow edge case. */
@media (max-width: 430px) {
  .main-content,
  .mobile-only-preview .main-content {
    padding: 12px !important;
  }

  .sales-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sales-stat-card strong {
    font-size: 14px !important;
  }

  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card,
  .withdrawal-summary-card,
  .withdrawal-form-card {
    padding: 12px !important;
  }

  .settings-section-head {
    flex-direction: column !important;
  }

  .settings-section-head .muted {
    max-width: 100% !important;
    text-align: left !important;
  }
}



/* ==========================================================================
   Card Image Aspect Ratio 4:3 Pass V15.4.7
   Purpose:
   - Product/File/Favorite/Management card images use a fixed 4:3 visual ratio.
   - The image area remains flush to the top, left, and right edges of the card.
   - Existing 5-column desktop and 2-column smartphone grid rules remain intact.
   ========================================================================== */

:root {
  --card-image-aspect-ratio-v1547: 4 / 3;
}

/* Public market, favorite, seller, and management cards. */
.market-grid .public-product-card-v1542 > .market-card-preview,
.market-grid .public-product-card-v1542 > .ref-card-preview,
.market-grid .public-file-card-v1542 > .market-card-preview,
.market-grid .public-file-card-v1542 > .ref-card-preview,
#favGrid .public-product-card-v1542 > .market-card-preview,
#favGrid .public-product-card-v1542 > .ref-card-preview,
#favGrid .public-file-card-v1542 > .market-card-preview,
#favGrid .public-file-card-v1542 > .ref-card-preview,
.seller-card-preview-grid .public-product-card-v1542 > .market-card-preview,
.seller-card-preview-grid .public-product-card-v1542 > .ref-card-preview,
.seller-card-preview-grid .public-file-card-v1542 > .market-card-preview,
.seller-card-preview-grid .public-file-card-v1542 > .ref-card-preview,
.management-card-grid .public-management-card-v1542 > .market-card-preview,
.management-card-grid .public-management-card-v1542 > .ref-card-preview,
.mgmt-list .public-management-card-v1542 > .market-card-preview,
.mgmt-list .public-management-card-v1542 > .ref-card-preview {
  aspect-ratio: var(--card-image-aspect-ratio-v1547) !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Generic fallback for any preview card using the same shell outside grid containers. */
.public-product-card-v1542 > .market-card-preview,
.public-product-card-v1542 > .ref-card-preview,
.public-file-card-v1542 > .market-card-preview,
.public-file-card-v1542 > .ref-card-preview,
.public-management-card-v1542 > .market-card-preview,
.public-management-card-v1542 > .ref-card-preview {
  aspect-ratio: var(--card-image-aspect-ratio-v1547) !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
}

/* The carousel and slides must fill the 4:3 area exactly. */
.card-image-scroll,
.card-image-slide,
.card-image-slide img,
.card-image-slide .ref-preview-placeholder,
.public-product-card-v1542 .ref-preview-placeholder,
.public-file-card-v1542 .ref-preview-placeholder,
.public-management-card-v1542 .ref-preview-placeholder {
  height: 100% !important;
  min-height: 100% !important;
}

/* Card height can remain fixed, but the visual image ratio is now controlled by aspect-ratio. */
@media (min-width: 1200px) {
  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #favGrid .public-product-card-v1542,
  #favGrid .public-file-card-v1542,
  .management-card-grid .public-management-card-v1542,
  .mgmt-list .public-management-card-v1542,
  .seller-card-preview-grid .public-product-card-v1542,
  .seller-card-preview-grid .public-file-card-v1542 {
    min-height: 348px !important;
  }
}

@media (max-width: 639px) {
  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #favGrid .public-product-card-v1542,
  #favGrid .public-file-card-v1542,
  .management-card-grid .public-management-card-v1542,
  .mgmt-list .public-management-card-v1542,
  .seller-card-preview-grid .public-product-card-v1542,
  .seller-card-preview-grid .public-file-card-v1542 {
    min-height: 306px !important;
  }
}



/* ==========================================================================
   Receipt Checkout + Button Visual Feedback Pass V15.4.8
   Purpose:
   - Buy Token bottom summary reads like a receipt:
     selected price, VAT, net price, then token credit bottom-left and Buy bottom-right.
   - Add tactile visual feedback for Buy, heart, quantity controls, primary actions,
     neutral actions, danger actions, tab/filter choices, and important card actions.
   ========================================================================== */

/* Receipt-style checkout bar */
.token-vat-bottom-v1544,
.token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "receipt receipt"
    "credit buy";
  gap: 14px 18px !important;
  align-items: end !important;
  padding: 18px 20px !important;
}

.token-vat-bottom-v1544 .token-vat-summary-grid {
  grid-area: receipt / receipt / credit / buy;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.token-vat-bottom-v1544 .token-bottom-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 16px !important;
  min-height: 30px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.token-vat-bottom-v1544 .token-bottom-summary span {
  color: #A1A1AA !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

.token-vat-bottom-v1544 .token-bottom-summary strong {
  color: #F6F6F7 !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Hide credit inside receipt rows and render it as bottom-left via same element. */
.token-vat-bottom-v1544 .token-bottom-summary:first-child {
  grid-area: credit !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: end !important;
  border-bottom: 0 !important;
  padding: 0 !important;
  min-height: 48px !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:first-child span {
  margin-bottom: 5px !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:first-child strong {
  text-align: left !important;
  font-size: 20px !important;
  color: #F6F6F7 !important;
}

/* Receipt rows: selected price, VAT, net. */
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(2) {
  grid-row: 1 !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(3) {
  grid-row: 2 !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) {
  grid-row: 3 !important;
  border-bottom: 0 !important;
  padding-bottom: 2px !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) span,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) strong {
  color: var(--premium-orange, #F59E0B) !important;
}

.token-vat-bottom-v1544 .token-bottom-buy {
  grid-area: buy !important;
  min-width: 168px !important;
  min-height: 56px !important;
  align-self: end !important;
  justify-self: end !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

/* Mobile receipt layout */
@media (max-width: 639px) {
  .token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    grid-template-columns: minmax(0, 1fr) minmax(128px, .58fr) !important;
    gap: 12px !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary {
    min-height: 26px !important;
    padding: 6px 0 !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary span {
    font-size: 10.5px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary strong {
    font-size: 13.5px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:first-child {
    min-height: 50px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:first-child strong {
    font-size: 18px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-buy {
    min-width: 128px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    font-size: 16px !important;
  }
}

/* Tactile visual feedback: base state */
.btn,
.market-card-fav,
.card-heart-only,
.qty-control button,
.token-qty-control button,
.choice-row,
.plain-action,
.tab-btn,
.segmented-tabs button,
.wide-split-tabs button,
.filter-choice,
.option-chip,
.image-upload-tile,
.sku-upload-button,
.settings-row,
.policy-link,
.seller-view-btn,
.neutral-btn,
.danger-btn,
.liquid-primary-btn,
.token-bottom-buy,
.btn-primary {
  position: relative !important;
  overflow: hidden !important;
  transform: translateZ(0);
  transition:
    transform 140ms ease,
    box-shadow 140ms ease,
    border-color 140ms ease,
    background-color 140ms ease,
    color 140ms ease,
    opacity 140ms ease,
    filter 140ms ease !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Pointer/tap feedback */
.btn:active,
.market-card-fav:active,
.card-heart-only:active,
.qty-control button:active,
.token-qty-control button:active,
.choice-row:active,
.plain-action:active,
.tab-btn:active,
.segmented-tabs button:active,
.wide-split-tabs button:active,
.filter-choice:active,
.option-chip:active,
.image-upload-tile:active,
.sku-upload-button:active,
.settings-row:active,
.policy-link:active,
.seller-view-btn:active,
.neutral-btn:active,
.danger-btn:active,
.liquid-primary-btn:active,
.token-bottom-buy:active,
.btn-primary:active,
.is-pressed {
  transform: scale(0.975) translateZ(0) !important;
  filter: brightness(1.08) saturate(1.06) !important;
}

/* Keyboard/accessibility focus feedback */
.btn:focus-visible,
.market-card-fav:focus-visible,
.card-heart-only:focus-visible,
.qty-control button:focus-visible,
.token-qty-control button:focus-visible,
.choice-row:focus-visible,
.plain-action:focus-visible,
.tab-btn:focus-visible,
.segmented-tabs button:focus-visible,
.wide-split-tabs button:focus-visible,
.filter-choice:focus-visible,
.option-chip:focus-visible,
.image-upload-tile:focus-visible,
.sku-upload-button:focus-visible,
.settings-row:focus-visible,
.policy-link:focus-visible,
.seller-view-btn:focus-visible {
  outline: 2px solid rgba(31,244,198,0.8) !important;
  outline-offset: 3px !important;
}

/* Buy / primary action feedback */
.token-bottom-buy,
.liquid-primary-btn,
.btn-primary {
  box-shadow:
    0 12px 30px rgba(244, 63, 94, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.token-bottom-buy:active,
.liquid-primary-btn:active,
.btn-primary:active,
.token-bottom-buy.is-pressed,
.liquid-primary-btn.is-pressed,
.btn-primary.is-pressed {
  box-shadow:
    0 0 0 3px rgba(244, 63, 94, 0.18),
    0 10px 26px rgba(244, 63, 94, 0.32),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

/* Heart feedback: no circle background, but visible response. */
.market-card-fav.card-heart-only,
.card-heart-only {
  overflow: visible !important;
}

.market-card-fav.card-heart-only:active,
.card-heart-only:active,
.market-card-fav.card-heart-only.is-pressed,
.card-heart-only.is-pressed {
  transform: scale(1.16) translateZ(0) !important;
  color: var(--premium-orange, #F59E0B) !important;
  filter: drop-shadow(0 0 12px rgba(245,158,11,0.45)) !important;
}

.market-card-fav.active,
.card-heart-only.active {
  color: var(--premium-orange, #F59E0B) !important;
  filter: drop-shadow(0 0 10px rgba(245,158,11,0.36)) !important;
}

/* Important secondary actions */
.neutral-btn:active,
.danger-btn:active,
.qty-control button:active,
.token-qty-control button:active,
.choice-row:active,
.tab-btn:active,
.segmented-tabs button:active,
.wide-split-tabs button:active,
.image-upload-tile:active,
.sku-upload-button:active,
.neutral-btn.is-pressed,
.danger-btn.is-pressed,
.qty-control button.is-pressed,
.token-qty-control button.is-pressed,
.choice-row.is-pressed,
.tab-btn.is-pressed,
.segmented-tabs button.is-pressed,
.wide-split-tabs button.is-pressed,
.image-upload-tile.is-pressed,
.sku-upload-button.is-pressed {
  border-color: rgba(31,244,198,0.34) !important;
  box-shadow:
    0 0 0 3px rgba(31,244,198,0.10),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Short flash after click/tap */
.is-feedback-flash::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at var(--feedback-x, 50%) var(--feedback-y, 50%),
    rgba(255,255,255,0.26),
    rgba(255,255,255,0.10) 28%,
    transparent 62%);
  opacity: 0;
  pointer-events: none;
  animation: feedbackFlashV1548 420ms ease-out;
}

.card-heart-only.is-feedback-flash::after,
.market-card-fav.is-feedback-flash::after {
  inset: -8px;
  border-radius: 999px;
  background: radial-gradient(circle,
    rgba(245,158,11,0.36),
    rgba(245,158,11,0.14) 34%,
    transparent 66%);
}

@keyframes feedbackFlashV1548 {
  0% { opacity: 0.95; transform: scale(0.82); }
  100% { opacity: 0; transform: scale(1.18); }
}


/* ==========================================================================
   Button Bar Layout Refinement Pass V15.4.9
   Purpose:
   - Rebuild Buy Token bottom button bar with a stable receipt-first layout.
   - Top area: Selected price / VAT 7% / Net price as receipt rows.
   - Bottom area: Token credit on the left, Buy button on the right.
   - Avoid grid-area conflicts from the previous receipt pass.
   ========================================================================== */

.token-bottom.token-vat-bottom-v1544,
.floating-bottom-bar.token-vat-bottom-v1544,
.token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(138px, auto) !important;
  grid-template-rows: auto auto auto minmax(58px, auto) !important;
  grid-template-areas: none !important;
  gap: 0 18px !important;
  align-items: end !important;
  padding: 18px 20px calc(18px + env(safe-area-inset-bottom)) !important;
}

/* Let the summary rows participate directly in the parent grid. */
.token-vat-bottom-v1544 .token-vat-summary-grid {
  display: contents !important;
}

/* Reset all old grid-area behavior. */
.token-vat-bottom-v1544 .token-bottom-summary,
.token-vat-bottom-v1544 .token-bottom-buy {
  grid-area: auto !important;
}

/* Receipt rows: Selected price / VAT / Net price. */
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(2),
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(3),
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 18px !important;
  min-height: 32px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(2) {
  grid-row: 1 !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(3) {
  grid-row: 2 !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) {
  grid-row: 3 !important;
  border-bottom: 0 !important;
  padding-bottom: 12px !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(2) span,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(3) span,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) span {
  color: #A1A1AA !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(2) strong,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(3) strong,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) strong {
  color: #F6F6F7 !important;
  font-family: var(--font-luxury-number, inherit) !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) span,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) strong {
  color: var(--premium-orange, #F59E0B) !important;
}

/* Bottom-left token credit. */
.token-vat-bottom-v1544 .token-bottom-summary:first-child {
  grid-column: 1 / 2 !important;
  grid-row: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: end !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 0 !important;
  border: 0 !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:first-child span {
  margin: 0 0 6px !important;
  color: #A1A1AA !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.token-vat-bottom-v1544 .token-bottom-summary:first-child strong {
  color: #F6F6F7 !important;
  font-family: var(--font-luxury-number, inherit) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Bottom-right Buy button. */
.token-vat-bottom-v1544 .token-bottom-buy {
  grid-column: 2 / 3 !important;
  grid-row: 4 !important;
  justify-self: end !important;
  align-self: end !important;
  min-width: 156px !important;
  width: min(22vw, 190px) !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

/* Add a subtle divider before the footer row. */
.token-vat-bottom-v1544::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 4;
  align-self: start;
  height: 1px;
  width: 100%;
  background: rgba(255,255,255,0.08);
  transform: translateY(-12px);
}

/* Mobile tuning: receipt stays first, token bottom-left, buy bottom-right. */
@media (max-width: 639px) {
  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    grid-template-columns: minmax(0, 1fr) minmax(124px, 38%) !important;
    grid-template-rows: auto auto auto minmax(54px, auto) !important;
    gap: 0 12px !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(2),
  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(3),
  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) {
    min-height: 28px !important;
    padding: 6px 0 !important;
    gap: 12px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) {
    padding-bottom: 11px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(2) span,
  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(3) span,
  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) span,
  .token-vat-bottom-v1544 .token-bottom-summary:first-child span {
    font-size: 10.5px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(2) strong,
  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(3) strong,
  .token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) strong {
    font-size: 14px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:first-child {
    min-height: 54px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:first-child strong {
    font-size: 18px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-buy {
    min-width: 124px !important;
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    font-size: 16px !important;
  }

  .token-vat-bottom-v1544::before {
    transform: translateY(-10px);
  }
}

/* Very narrow iPhone fallback. */
@media (max-width: 374px) {
  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto auto !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:first-child {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    min-height: 46px !important;
  }

  .token-vat-bottom-v1544 .token-bottom-buy {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    width: 100% !important;
    min-height: 52px !important;
  }

  .token-vat-bottom-v1544::before {
    grid-row: 4;
  }
}



/* ==========================================================================
   Buy Button Bottom-Flush Refinement Pass V15.4.10
   Purpose:
   - Force the Buy button to sit at the lowest visual point of the button bar.
   - Keep token credit bottom-left on the same footer baseline.
   - Preserve receipt rows above: Selected price / VAT 7% / Net price.
   ========================================================================== */

.token-bottom.token-vat-bottom-v1544,
.floating-bottom-bar.token-vat-bottom-v1544,
.token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
  align-items: stretch !important;
  grid-template-rows: auto auto auto minmax(68px, 1fr) !important;
}

/* Footer row: token credit left and Buy button right must share the lowest baseline. */
.token-vat-bottom-v1544 .token-bottom-summary:first-child {
  align-self: end !important;
  justify-self: start !important;
  justify-content: flex-end !important;
  min-height: 64px !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.token-vat-bottom-v1544 .token-bottom-buy {
  align-self: end !important;
  justify-self: end !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  transform-origin: center bottom !important;
  min-height: 64px !important;
}

/* Keep the divider just above the footer, not through the button. */
.token-vat-bottom-v1544::before {
  align-self: start !important;
  transform: translateY(-10px) !important;
}

/* Mobile: button is still bottom-right and flush to the button bar footer. */
@media (max-width: 639px) {
  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    grid-template-rows: auto auto auto minmax(62px, 1fr) !important;
  }

  .token-vat-bottom-v1544 .token-bottom-summary:first-child {
    min-height: 60px !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  .token-vat-bottom-v1544 .token-bottom-buy {
    min-height: 60px !important;
    margin-bottom: 0 !important;
  }
}

/* Very narrow fallback: button becomes full-width and remains the last/bottom item. */
@media (max-width: 374px) {
  .token-vat-bottom-v1544 .token-bottom-buy {
    grid-row: 5 !important;
    align-self: end !important;
    margin-bottom: 0 !important;
  }
}



/* ==========================================================================
   Product/File Detail Comments Zone Pass V15.4.11
   ========================================================================== */

.detail-comments-zone-v15411 {
  width: 100%;
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)),
    #0B0D10;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
  overflow: hidden;
}

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

.detail-comments-head h2 {
  margin: 2px 0 0;
  font-family: var(--font-luxury-display, inherit);
  font-size: 16px;
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: -0.024em;
}

.detail-comments-view-btn {
  flex: 0 0 auto;
  min-width: 56px;
  height: 34px;
  padding: 0 12px !important;
  text-transform: lowercase;
}

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

.detail-comment-card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 13px;
  background: rgba(255,255,255,0.026);
  overflow: hidden;
}

.detail-comment-card.compact {
  padding: 9px 10px;
}

.detail-comment-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
}

.detail-comment-meta strong {
  min-width: 0;
  color: #F6F6F7;
  font-size: 12.5px;
  line-height: 1.18;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-comment-meta span {
  flex: 0 0 auto;
  color: #71717A;
  font-size: 11px;
  line-height: 1.18;
  white-space: nowrap;
}

.detail-comment-card p {
  margin: 0;
  color: #D4D4D8;
  font-size: 12.5px;
  line-height: 1.45;
  letter-spacing: -0.004em;
  overflow-wrap: anywhere;
}

.detail-comment-card.compact p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.detail-comments-modal-v15411 {
  max-width: 720px !important;
}

.detail-comments-popup {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 4px 2px 0;
}

.detail-comments-popup-head h2 {
  margin: 4px 0 0;
  font-family: var(--font-luxury-display, inherit);
  font-size: 22px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.detail-comments-popup-close,
.modal-close.detail-comments-popup-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5;
}

.detail-comments-popup-list {
  display: grid;
  gap: 10px;
  max-height: min(54vh, 520px);
  overflow-y: auto;
  padding-right: 4px;
}

.detail-comments-add-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.detail-comments-input {
  min-height: 86px;
  resize: vertical;
}

@media (max-width: 639px) {
  .detail-comments-zone-v15411 {
    padding: 12px;
    border-radius: 14px;
  }

  .detail-comments-head h2 {
    font-size: 15px;
  }

  .detail-comments-popup-list {
    max-height: 52vh;
  }

  .detail-comments-add-box {
    grid-template-columns: 1fr;
  }

  .detail-comments-add-box .btn {
    width: 100%;
  }
}



/* ==========================================================================
   Responsive Layout + Display Pass V15.4.12
   Purpose:
   - Normalize layout/display across desktop, tablet, and smartphone.
   - Keep marketplace cards readable across 5/4/3/2 column modes.
   - Make Product/File View, comments zone, management, listing settings,
     withdrawal, and Buy Token button bar responsive without squeezed columns.
   ========================================================================== */

:root {
  --layout-page-pad-desktop: 32px;
  --layout-page-pad-tablet: 22px;
  --layout-page-pad-mobile: 14px;
  --layout-content-max: 1320px;
  --layout-card-gap-desktop: 16px;
  --layout-card-gap-tablet: 14px;
  --layout-card-gap-mobile: 10px;
}

/* Core shell sizing */
.app-shell,
.main-content,
.page-inner,
.ref-page,
.page-section {
  min-width: 0 !important;
}

.main-content {
  width: auto !important;
  max-width: 100% !important;
}

.page-inner {
  width: 100% !important;
  max-width: var(--layout-content-max) !important;
  margin-inline: auto !important;
}

/* Desktop content width with sidebar. */
@media (min-width: 1200px) {
  .main-content {
    padding: var(--layout-page-pad-desktop) !important;
  }

  .page-inner {
    max-width: var(--layout-content-max) !important;
  }
}

/* Tablet layout. */
@media (min-width: 768px) and (max-width: 1199px) {
  .main-content {
    padding: var(--layout-page-pad-tablet) !important;
  }

  .page-inner {
    max-width: 100% !important;
  }
}

/* Mobile layout. */
@media (max-width: 767px) {
  body {
    overflow-x: hidden !important;
  }

  .sidebar {
    display: none !important;
  }

  .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding: var(--layout-page-pad-mobile) !important;
  }

  .page-inner {
    max-width: 100% !important;
  }
}

/* Header rhythm across screens */
.ref-page-header,
.liquid-hero,
.withdrawal-page-head {
  max-width: 760px !important;
  margin-bottom: 22px !important;
}

.ref-page-header .page-title,
.page-title,
.liquid-hero h1 {
  letter-spacing: -0.035em !important;
}

@media (min-width: 1200px) {
  .ref-page-header .page-title,
  .page-title,
  .liquid-hero h1 {
    font-size: clamp(34px, 3.2vw, 52px) !important;
    line-height: 0.98 !important;
  }

  .page-desc,
  .liquid-hero p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .ref-page-header .page-title,
  .page-title,
  .liquid-hero h1 {
    font-size: clamp(28px, 4.6vw, 40px) !important;
    line-height: 1.03 !important;
  }

  .page-desc,
  .liquid-hero p {
    font-size: 14px !important;
    line-height: 1.52 !important;
  }
}

@media (max-width: 767px) {
  .ref-page-header,
  .liquid-hero,
  .withdrawal-page-head {
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .ref-page-header .page-title,
  .page-title,
  .liquid-hero h1 {
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  .page-desc,
  .liquid-hero p {
    font-size: 13px !important;
    line-height: 1.48 !important;
  }
}

/* Marketplace / Favorite / Management card grids */
@media (min-width: 1440px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: var(--layout-card-gap-desktop) !important;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--layout-card-gap-desktop) !important;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--layout-card-gap-tablet) !important;
  }
}

@media (max-width: 767px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  #favGrid,
  .management-card-grid,
  .mgmt-list,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--layout-card-gap-mobile) !important;
  }
}

/* Card display tuning by screen */
@media (min-width: 1440px) {
  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: 362px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: 376px !important;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: 382px !important;
  }

  .public-product-card-v1542 .ref-card-title,
  .public-file-card-v1542 .ref-card-title,
  .public-management-card-v1542 .ref-card-title {
    font-size: 13.5px !important;
  }
}

@media (max-width: 767px) {
  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: 318px !important;
  }

  .public-product-card-v1542 .ref-card-body,
  .public-file-card-v1542 .ref-card-body,
  .public-management-card-v1542 .ref-card-body {
    padding: 8px !important;
    row-gap: 5px !important;
  }

  .public-product-card-v1542 .ref-card-title,
  .public-file-card-v1542 .ref-card-title,
  .public-management-card-v1542 .ref-card-title {
    font-size: 11.75px !important;
    line-height: 1.18 !important;
  }

  .card-bottom-line .ref-card-price span {
    font-size: 16px !important;
  }

  .card-bottom-line .ref-sales-meta {
    font-size: 9.5px !important;
    max-width: 52% !important;
  }
}

/* Product/File View layout */
.detail-layout {
  width: 100% !important;
  min-width: 0 !important;
  gap: 22px !important;
  align-items: start !important;
}

.detail-preview,
.detail-info {
  min-width: 0 !important;
}

.detail-info {
  overflow: visible !important;
}

@media (min-width: 1180px) {
  .detail-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr) !important;
  }

  .detail-preview {
    position: sticky !important;
    top: 92px !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
    height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  .detail-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .detail-preview {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .detail-info {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .detail-actions,
  .detail-title,
  .detail-price,
  .detail-desc,
  .detail-seller-row,
  .detail-comments-zone-v15411,
  .address-card,
  #pdBuyBtn,
  #fdBuyBtn {
    grid-column: 1 / -1 !important;
  }

  .form-group:has(#fileDetailEmail) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 767px) {
  .detail-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .detail-preview {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  .detail-info {
    display: grid !important;
    gap: 10px !important;
  }

  .detail-title {
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  .detail-price {
    font-size: 22px !important;
  }

  .detail-option-label {
    margin-top: 4px !important;
  }

  #pdBuyBtn,
  #fdBuyBtn {
    min-height: 52px !important;
    border-radius: 16px !important;
  }
}

/* Comments zone display by screen */
@media (min-width: 1180px) {
  .detail-comment-preview-list {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  .detail-comment-preview-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .detail-comment-card.compact p {
    -webkit-line-clamp: 3 !important;
  }
}

@media (max-width: 767px) {
  .detail-comments-zone-v15411 {
    margin: 10px 0 12px !important;
  }

  .detail-comment-preview-list {
    grid-template-columns: 1fr !important;
  }

  .detail-comment-card:nth-child(n+3) {
    display: none !important;
  }

  .detail-comments-popup-list {
    max-height: 52vh !important;
  }
}

/* Management overview and listing settings */
@media (min-width: 1200px) {
  .management-overview-card {
    display: grid !important;
    grid-template-columns: minmax(210px, 1.1fr) minmax(170px, .8fr) minmax(190px, .9fr) auto auto !important;
    gap: 14px !important;
  }

  .sales-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .listing-settings-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.5fr) minmax(340px, .95fr) !important;
    gap: 20px !important;
  }

  .sku-grid {
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  }

  .withdrawal-centered {
    grid-template-columns: minmax(320px, 430px) minmax(0, 1fr) !important;
    gap: 22px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .management-overview-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .management-shop-block {
    grid-column: 1 / -1 !important;
  }

  .sales-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-settings-shell,
  .withdrawal-centered {
    grid-template-columns: 1fr !important;
  }

  .sku-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .management-overview-card,
  .listing-settings-shell,
  .withdrawal-centered {
    grid-template-columns: 1fr !important;
  }

  .sales-stat-grid,
  .sku-grid {
    grid-template-columns: 1fr !important;
  }

  .sales-stat-card,
  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card,
  .withdrawal-summary-card,
  .withdrawal-form-card {
    padding: 14px !important;
    border-radius: 16px !important;
  }
}

/* Buy Token button bar display per screen */
@media (min-width: 768px) {
  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    max-width: min(1080px, calc(100vw - 64px)) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 767px) {
  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    width: calc(100% - 20px) !important;
    left: 10px !important;
    right: 10px !important;
    border-radius: 20px !important;
  }
}



/* ==========================================================================
   V16 Layout System: Button Bar, Centered Market, Bento Management, 60:30:10
   Purpose:
   - Buy Token button bar expands as one long strip across the 3 token-card columns
     on tablet/desktop and stays centered.
   - Product/File marketplace pages are centered on desktop with side breathing room,
     but use full available width on tablet.
   - File/Product Management overview + stats are merged into one bento-style card.
   - Color usage follows 60:30:10:
     60% near-black base, 30% elevated graphite panels, 10% accent/CTA.
   ========================================================================== */

:root {
  --v16-base-60: #000103;
  --v16-surface-30: #0B0D10;
  --v16-surface-30b: #111418;
  --v16-accent-10: #10B981;
  --v16-accent-cta: #10B981;
  --v16-premium-orange: #F59E0B;
  --v16-border-soft: rgba(255,255,255,0.085);
  --v16-border-strong: rgba(255,255,255,0.14);
  --v16-max-market-width: 1320px;
  --v16-max-token-width: 1120px;
  --v16-radius-panel: 24px;
}

/* 60:30:10 color discipline */
body,
.app-shell,
.main-content {
  background: var(--v16-base-60) !important;
}

.market-card,
.ref-card,
.management-bento-card-v16,
.liquid-token-card,
.readable-token-card,
.listing-main-card,
.listing-side-card,
.withdrawal-summary-card,
.withdrawal-form-card,
.detail-info,
.detail-comments-zone-v15411 {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
    var(--v16-surface-30) !important;
  border-color: var(--v16-border-soft) !important;
}

.liquid-primary-btn,
.btn-primary,
.token-bottom-buy,
.neo-cta-red,
.floating-add {
  background: linear-gradient(135deg, #10B981, #0EA371) !important;
}

.ref-card-price,
.market-card-price,
.detail-price,
.net-price-line strong,
#tokenCartNet,
.token-vat-bottom-v1544 .token-bottom-summary:nth-child(4) strong {
  color: var(--v16-premium-orange) !important;
}

.option-chip.active,
.choice-row.active,
.segmented-tabs button.active,
.wide-split-tabs button.active {
  border-color: rgba(16,185,129,0.48) !important;
  background: rgba(16,185,129,0.12) !important;
}

/* Product/File market pages: centered desktop, full-width tablet/mobile */
@media (min-width: 1200px) {
  #mpGrid,
  #mfGrid,
  .market-grid,
  .active-filter-row,
  .product-toolbar,
  .file-toolbar,
  .one-piece-toolbar {
    max-width: var(--v16-max-market-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #mpGrid,
  #mfGrid,
  .market-grid {
    justify-content: center !important;
  }

  .ref-page-header:has(+ .product-toolbar),
  .ref-page-header:has(+ .file-toolbar),
  .ref-page-header:has(+ .one-piece-toolbar) {
    max-width: var(--v16-max-market-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #mpGrid,
  #mfGrid,
  .market-grid,
  .active-filter-row,
  .product-toolbar,
  .file-toolbar,
  .one-piece-toolbar {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Buy Token grid and bottom bar share the same centered 3-column width on tablet/desktop. */
@media (min-width: 768px) {
  .liquid-token-grid,
  .readable-token-grid,
  .liquid-v12-token-grid {
    max-width: var(--v16-max-token-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    left: 50% !important;
    right: auto !important;
    width: min(var(--v16-max-token-width), calc(100vw - 48px)) !important;
    max-width: var(--v16-max-token-width) !important;
    transform: translateX(-50%) !important;
    border-radius: 24px !important;
    box-shadow:
      0 24px 70px rgba(0,0,0,0.46),
      inset 0 1px 0 rgba(255,255,255,0.055) !important;
  }
}

/* Mobile Buy Token remains a long strip inset from the viewport. */
@media (max-width: 767px) {
  .liquid-token-grid,
  .readable-token-grid,
  .liquid-v12-token-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
  }

  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    border-radius: 22px !important;
  }
}

/* Management bento: overview + stats inside one large card */
.management-bento-card-v16 {
  width: 100%;
  margin: 0 0 22px;
  padding: 18px;
  border: 1px solid var(--v16-border-soft);
  border-radius: var(--v16-radius-panel);
  background:
    radial-gradient(circle at 82% 18%, rgba(16,185,129,0.07), transparent 30%),
    radial-gradient(circle at 12% 88%, rgba(16,185,129,0.065), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.042), rgba(255,255,255,0.014)),
    var(--v16-surface-30) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,0.26),
    inset 0 1px 0 rgba(255,255,255,0.045);
  overflow: hidden;
}

.management-bento-card-v16 .management-overview-card,
.management-bento-card-v16 .sales-stat-grid {
  margin: 0 !important;
}

.management-bento-card-v16 .management-overview-card {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.2fr) minmax(150px, .8fr) minmax(210px, .9fr) minmax(150px, auto) 58px !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.management-bento-card-v16 .management-shop-block,
.management-bento-card-v16 .management-switch-block,
.management-bento-card-v16 .management-token-block,
.management-bento-card-v16 .sales-stat-card {
  border: 1px solid rgba(255,255,255,0.075) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
    var(--v16-surface-30b) !important;
  min-width: 0 !important;
}

.management-bento-card-v16 .management-shop-block,
.management-bento-card-v16 .management-switch-block,
.management-bento-card-v16 .management-token-block {
  padding: 16px !important;
}

.management-bento-card-v16 .neo-compact-action,
.management-bento-card-v16 .plain-gear {
  height: 100% !important;
  min-height: 72px !important;
  border-radius: 18px !important;
}

.management-bento-card-v16 .sales-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding-top: 12px !important;
}

.management-bento-card-v16 .sales-stat-card {
  padding: 16px !important;
  min-height: 112px !important;
}

.management-bento-card-v16 .sales-stat-card span,
.management-bento-card-v16 .management-switch-block span,
.management-bento-card-v16 .management-token-block span {
  color: #A1A1AA !important;
}

.management-bento-card-v16 .sales-stat-card strong,
.management-bento-card-v16 .management-token-block strong {
  color: #F6F6F7 !important;
}

/* Bento tablet layout */
@media (min-width: 768px) and (max-width: 1199px) {
  .management-bento-card-v16 {
    padding: 16px !important;
  }

  .management-bento-card-v16 .management-overview-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .management-bento-card-v16 .management-shop-block {
    grid-column: 1 / -1 !important;
  }

  .management-bento-card-v16 .neo-compact-action,
  .management-bento-card-v16 .plain-gear {
    min-height: 58px !important;
  }

  .management-bento-card-v16 .sales-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Bento mobile layout */
@media (max-width: 767px) {
  .management-bento-card-v16 {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .management-bento-card-v16 .management-overview-card {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .management-bento-card-v16 .management-shop-block,
  .management-bento-card-v16 .management-switch-block,
  .management-bento-card-v16 .management-token-block,
  .management-bento-card-v16 .sales-stat-card {
    border-radius: 16px !important;
    padding: 14px !important;
  }

  .management-bento-card-v16 .neo-compact-action,
  .management-bento-card-v16 .plain-gear {
    width: 100% !important;
    min-height: 54px !important;
  }

  .management-bento-card-v16 .sales-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .management-bento-card-v16 .sales-stat-card {
    min-height: 104px !important;
  }

  .management-bento-card-v16 .sales-stat-card strong {
    font-size: 19px !important;
    line-height: 1.18 !important;
  }
}

/* Product/File market page spacing and display polish */
@media (min-width: 1200px) {
  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #mpGrid .public-product-card-v1542,
  #mfGrid .public-file-card-v1542 {
    min-height: 368px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .market-grid .public-product-card-v1542,
  .market-grid .public-file-card-v1542,
  #mpGrid .public-product-card-v1542,
  #mfGrid .public-file-card-v1542 {
    min-height: 380px !important;
  }
}



/* ==========================================================================
   V16.1 Layout Correction: No Squeeze, True Bento, Clean Line Rhythm
   Purpose:
   - Fix preview/card squeeze caused by fixed floating widths and narrow viewer scaling.
   - Product/File market: desktop centered without excessive right void; tablet full-width.
   - Buy Token checkout bar becomes normal sticky flow below 3-column token cards.
   - Management: remove nested mini boxes; use one bento card with 2-line information rhythm.
   ========================================================================== */

:root {
  --v161-content-desktop-max: 1360px;
  --v161-market-desktop-max: 1320px;
  --v161-token-max: 1120px;
  --v161-line-tight: 1.18;
  --v161-line-normal: 1.38;
}

/* Prevent squeezed columns from inherited preview/fixed rules. */
.page-inner {
  width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 1200px) {
  .page-inner {
    max-width: var(--v161-content-desktop-max) !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .page-inner {
    max-width: none !important;
    width: 100% !important;
  }
}

/* Product/File market: desktop centered, tablet full-width, no accidental one-sided empty column. */
@media (min-width: 1200px) {
  .market-grid,
  #mpGrid,
  #mfGrid {
    max-width: var(--v161-market-desktop-max) !important;
    width: min(100%, var(--v161-market-desktop-max)) !important;
    margin-inline: auto !important;
    display: grid !important;
    justify-content: center !important;
  }

  .product-toolbar,
  .file-toolbar,
  .one-piece-toolbar,
  .active-filter-row {
    max-width: var(--v161-market-desktop-max) !important;
    width: min(100%, var(--v161-market-desktop-max)) !important;
    margin-inline: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .market-grid,
  #mpGrid,
  #mfGrid,
  .product-toolbar,
  .file-toolbar,
  .one-piece-toolbar,
  .active-filter-row {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

/* Buy Token: a long bar in the document flow, not a clipped fixed overlay. */
.token-bottom.token-vat-bottom-v1544,
.floating-bottom-bar.token-vat-bottom-v1544,
.token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
  position: sticky !important;
  left: auto !important;
  right: auto !important;
  bottom: 18px !important;
  transform: none !important;
  width: 100% !important;
  max-width: var(--v161-token-max) !important;
  margin: 28px auto 0 !important;
  z-index: 50 !important;
}

@media (min-width: 768px) {
  .liquid-token-grid,
  .readable-token-grid,
  .liquid-v12-token-grid {
    max-width: var(--v161-token-max) !important;
    width: min(100%, var(--v161-token-max)) !important;
    margin-inline: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    width: min(100%, var(--v161-token-max)) !important;
  }
}

@media (max-width: 767px) {
  .token-bottom.token-vat-bottom-v1544,
  .floating-bottom-bar.token-vat-bottom-v1544,
  .token-bottom.liquid-token-bottom.token-vat-bottom-v1544 {
    width: 100% !important;
    max-width: none !important;
    margin-top: 22px !important;
    bottom: 12px !important;
  }
}

/* True bento management: one card, no nested sub-boxes. */
.management-bento-card-v161 {
  width: 100%;
  margin: 0 0 22px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 24px;
  background:
    radial-gradient(circle at 78% 20%, rgba(16,185,129,0.065), transparent 32%),
    radial-gradient(circle at 8% 92%, rgba(16,185,129,0.055), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.014)),
    #0B0D10 !important;
  box-shadow:
    0 18px 54px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.052);
  overflow: hidden;
}

.management-bento-title-row-v161 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: center;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.075);
}

.management-shop-heading-v161 {
  min-width: 0;
}

.management-name-line-v161 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}

.management-name-line-v161 strong {
  color: #F6F6F7;
  font-size: 20px;
  line-height: var(--v161-line-tight);
  font-weight: 720;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.management-name-line-v161 .muted {
  min-width: 0;
  color: #A1A1AA;
  font-size: 13px;
  line-height: var(--v161-line-tight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.management-gear-v161 {
  justify-self: end !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
}

.management-bento-metrics-v161 {
  display: grid;
  grid-template-columns: 1.02fr 1.1fr .82fr .82fr 1fr 1fr auto;
  gap: 14px;
  align-items: end;
  padding-top: 14px;
}

.management-metric-v161 {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.management-metric-v161 span {
  color: #A1A1AA;
  font-size: 12px;
  line-height: var(--v161-line-tight);
  font-weight: 520;
  white-space: nowrap;
}

.management-metric-v161 strong {
  color: #F6F6F7;
  font-size: 17px;
  line-height: var(--v161-line-tight);
  font-weight: 720;
  letter-spacing: -0.015em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.management-toggle-metric-v161 {
  grid-template-columns: minmax(0, auto) auto;
  align-items: center;
  column-gap: 10px;
}

.management-toggle-metric-v161 span {
  grid-column: 1 / 2;
  font-size: 13px;
  color: #D4D4D8;
}

.management-toggle-metric-v161 .switch {
  grid-column: 2 / 3;
  justify-self: start;
}

.management-withdraw-v161 {
  min-width: 126px !important;
  min-height: 44px !important;
  border-radius: 16px !important;
  align-self: end !important;
}

/* Hide old v16/v15 management blocks if any remain accidentally. */
.management-bento-card-v161 + .management-overview-card,
.management-bento-card-v161 + .sales-stat-grid {
  display: none !important;
}

/* Tablet: keep it one card and complete in two clean rows. */
@media (min-width: 768px) and (max-width: 1199px) {
  .management-bento-card-v161 {
    padding: 17px 18px !important;
  }

  .management-bento-metrics-v161 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
    gap: 12px !important;
  }

  .management-withdraw-v161 {
    grid-column: 5 / 6;
    grid-row: 1 / 3;
    height: 100% !important;
  }

  .management-metric-v161 span {
    font-size: 11.5px;
  }

  .management-metric-v161 strong {
    font-size: 16px;
  }
}

/* Mobile: still one card, but readable instead of squeezed. */
@media (max-width: 767px) {
  .management-bento-card-v161 {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .management-bento-title-row-v161 {
    grid-template-columns: minmax(0, 1fr) 42px !important;
    padding-bottom: 12px !important;
  }

  .management-name-line-v161 {
    display: grid !important;
    gap: 4px !important;
  }

  .management-name-line-v161 strong {
    font-size: 19px !important;
  }

  .management-name-line-v161 .muted {
    white-space: normal !important;
    line-height: 1.28 !important;
  }

  .management-bento-metrics-v161 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
  }

  .management-toggle-metric-v161 {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .management-withdraw-v161 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 52px !important;
  }

  .management-metric-v161 span {
    font-size: 11.5px !important;
  }

  .management-metric-v161 strong {
    font-size: 17px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }
}

/* General line-height correction to reduce random vertical gaps. */
.ref-page-header,
.liquid-hero,
.management-bento-card-v161,
.market-card,
.detail-info {
  line-height: var(--v161-line-normal);
}

.page-title,
.management-name-line-v161 strong,
.management-metric-v161 strong,
.sales-stat-card strong {
  line-height: var(--v161-line-tight) !important;
}



/* ==========================================================================
   V16.2 Shop Toggle + Compact Orange Withdraw
   Purpose:
   - Open/close shop is shown as a real premium toggle switch, not a native checkbox.
   - Withdraw button is smaller and orange, so it is visible but not oversized.
   ========================================================================== */

.management-toggle-metric-v161 {
  min-width: 0 !important;
}

.management-toggle-metric-v161 > span {
  color: #D4D4D8 !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  font-weight: 560 !important;
}

/* Premium shop open/close switch */
.shop-toggle-v162,
.switch.neo-switch-wrap.shop-toggle-v162,
.management-toggle-metric-v161 .switch.neo-switch-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 54px !important;
  height: 30px !important;
  min-width: 54px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  background: rgba(255,255,255,0.075) !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 -10px 18px rgba(0,0,0,0.20) !important;
  overflow: hidden !important;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 140ms ease !important;
  -webkit-tap-highlight-color: transparent;
}

.shop-toggle-v162 input,
.switch.neo-switch-wrap.shop-toggle-v162 input,
.management-toggle-metric-v161 .switch.neo-switch-wrap input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

.shop-toggle-v162 > span,
.switch.neo-switch-wrap.shop-toggle-v162 > span,
.management-toggle-metric-v161 .switch.neo-switch-wrap > span {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(212,212,216,0.72)) !important;
  box-shadow:
    0 6px 16px rgba(0,0,0,0.36),
    inset 0 1px 0 rgba(255,255,255,0.7) !important;
  transition: transform 170ms ease, background 170ms ease, box-shadow 170ms ease !important;
  z-index: 1 !important;
}

.shop-toggle-v162:has(input:checked),
.switch.neo-switch-wrap.shop-toggle-v162:has(input:checked),
.management-toggle-metric-v161 .switch.neo-switch-wrap:has(input:checked) {
  background:
    linear-gradient(135deg, rgba(16,185,129,0.36), rgba(31,244,198,0.18)) !important;
  border-color: rgba(31,244,198,0.55) !important;
  box-shadow:
    0 0 0 3px rgba(16,185,129,0.10),
    0 8px 22px rgba(16,185,129,0.16),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.shop-toggle-v162:has(input:checked) > span,
.switch.neo-switch-wrap.shop-toggle-v162:has(input:checked) > span,
.management-toggle-metric-v161 .switch.neo-switch-wrap:has(input:checked) > span {
  transform: translateX(24px) !important;
  background:
    linear-gradient(145deg, #F6F6F7, #DDEBFA) !important;
  box-shadow:
    0 7px 18px rgba(16,185,129,0.28),
    inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

.shop-toggle-v162:active,
.switch.neo-switch-wrap.shop-toggle-v162:active,
.management-toggle-metric-v161 .switch.neo-switch-wrap:active {
  transform: scale(0.97) !important;
}

/* Compact premium-orange Withdraw button */
.management-withdraw-v161,
.management-bento-card-v161 .management-withdraw-v161,
.btn.neutral-btn.management-withdraw-v161 {
  min-width: 102px !important;
  width: auto !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(245,158,11,0.48) !important;
  background:
    linear-gradient(135deg, rgba(245,158,11,0.98), rgba(217,119,6,0.92)) !important;
  color: #0B0D10 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: -0.006em !important;
  box-shadow:
    0 10px 26px rgba(245,158,11,0.22),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.management-withdraw-v161:hover,
.management-bento-card-v161 .management-withdraw-v161:hover,
.btn.neutral-btn.management-withdraw-v161:hover {
  filter: brightness(1.04) saturate(1.06) !important;
}

.management-withdraw-v161:active,
.management-bento-card-v161 .management-withdraw-v161:active,
.btn.neutral-btn.management-withdraw-v161:active {
  transform: scale(0.97) translateZ(0) !important;
  box-shadow:
    0 0 0 3px rgba(245,158,11,0.18),
    0 8px 22px rgba(245,158,11,0.28),
    inset 0 1px 0 rgba(255,255,255,0.24) !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .management-withdraw-v161 {
    min-width: 96px !important;
    height: 38px !important;
    min-height: 38px !important;
    align-self: center !important;
  }
}

@media (max-width: 767px) {
  .management-withdraw-v161 {
    width: auto !important;
    justify-self: start !important;
    min-width: 112px !important;
    min-height: 40px !important;
    height: 40px !important;
  }
}



/* ==========================================================================
   V16.3 Apple-Style Minus Close + Full Preview Pass
   Purpose:
   - Replace visible modal close "x" with Apple-style minus "−".
   - Normalize close button appearance across all modals/popups.
   ========================================================================== */

.modal-close,
.detail-comments-popup-close,
button[aria-label="Close"].modal-close,
button[aria-label="Close"].detail-comments-popup-close {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035)),
    rgba(17,20,24,0.92) !important;
  color: #F6F6F7 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
  transition:
    transform 140ms ease,
    background 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease !important;
  -webkit-tap-highlight-color: transparent;
}

.modal-close:hover,
.detail-comments-popup-close:hover,
button[aria-label="Close"].modal-close:hover,
button[aria-label="Close"].detail-comments-popup-close:hover {
  border-color: rgba(255,255,255,0.22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.13), rgba(255,255,255,0.048)),
    rgba(17,20,24,0.96) !important;
}

.modal-close:active,
.detail-comments-popup-close:active,
button[aria-label="Close"].modal-close:active,
button[aria-label="Close"].detail-comments-popup-close:active {
  transform: scale(0.94) !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,0.08),
    0 8px 18px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

/* Ensure dynamically inserted close buttons show a minus even if older markup leaks in. */
.modal-close::first-letter,
.detail-comments-popup-close::first-letter {
  line-height: 1 !important;
}

@media (max-width: 767px) {
  .modal-close,
  .detail-comments-popup-close,
  button[aria-label="Close"].modal-close,
  button[aria-label="Close"].detail-comments-popup-close {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    font-size: 25px !important;
  }
}



/* ==========================================================================
   V16.4 Product/File Detail Option Layout
   Purpose:
   - Rebuild Product View and File View layout.
   - Option fields become a dedicated premium panel with clean selector boxes.
   - Desktop: centered two-column detail view with controlled whitespace.
   - Tablet: full-width single-column layout with option fields in 2 columns.
   - Mobile: single-column layout with full-width option fields.
   ========================================================================== */

.detail-layout-v164 {
  width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  align-items: start !important;
}

.detail-preview-v164 {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.085) !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,0.045), transparent 36%),
    #0B0D10 !important;
}

.detail-info-v164 {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.detail-header-card-v164,
.detail-option-panel-v164,
.detail-delivery-card-v164 {
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,0.085) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.014)),
    #0B0D10 !important;
  box-shadow:
    0 16px 46px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.detail-header-card-v164 {
  position: relative;
  display: grid !important;
  gap: 12px !important;
}

.detail-actions-v164 {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

.detail-title-row-v164 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
}

.detail-title-row-v164 .detail-title {
  margin: 4px 0 0 !important;
  font-size: clamp(26px, 3.1vw, 40px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
}

.detail-title-row-v164 .detail-price {
  white-space: nowrap;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1 !important;
  color: var(--v16-premium-orange, #F59E0B) !important;
}

.detail-meta-line-v164 {
  margin-top: -4px;
  font-size: 13px;
  line-height: 1.3;
}

.detail-header-card-v164 .detail-desc {
  margin: 0 !important;
  max-width: 64ch;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.detail-header-card-v164 .detail-seller-row {
  margin-top: 2px !important;
  padding: 11px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 0 !important;
}

.detail-option-panel-v164 {
  display: grid !important;
  gap: 14px !important;
}

.detail-option-panel-head-v164 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.detail-option-panel-head-v164 strong {
  color: #F6F6F7;
  font-size: 15px;
  line-height: 1.18;
  font-weight: 690;
  letter-spacing: -0.015em;
  white-space: nowrap;
}

.detail-option-grid-v164 {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.product-option-grid-v164 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.file-option-grid-v164 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.detail-option-email-v164 {
  grid-column: 1 / -1;
}

.detail-option-field-v164 {
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
}

.detail-option-field-v164 > label {
  color: #A1A1AA;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 650;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.option-selector-shell-v164 {
  position: relative;
  min-width: 0;
}

.option-trigger-v164 {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.105);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
    #111418;
  color: #F6F6F7;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
  transition:
    border-color 140ms ease,
    background 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease;
}

.option-trigger-v164:hover,
.option-trigger-selected-v164 {
  border-color: rgba(16,185,129,0.38);
  box-shadow:
    0 0 0 3px rgba(16,185,129,0.08),
    inset 0 1px 0 rgba(255,255,255,0.06);
}

.option-trigger-v164:active {
  transform: scale(0.985);
}

.option-value-wrap-v164 {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.option-value-wrap-v164 small {
  color: #71717A;
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.option-value-wrap-v164 strong {
  color: #F6F6F7;
  font-size: 14px;
  line-height: 1.16;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.option-chevron-v164 {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: #D4D4D8;
  font-size: 17px;
}

.option-menu-v164 {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  display: grid;
  gap: 5px;
  max-height: 246px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  background: rgba(11,13,16,0.98);
  box-shadow: 0 22px 60px rgba(0,0,0,0.46);
  backdrop-filter: blur(16px);
}

.option-item-v164 {
  width: 100%;
  min-height: 38px;
  padding: 9px 11px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #D4D4D8;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}

.option-item-v164:hover,
.option-item-v164.selected {
  background: rgba(16,185,129,0.12);
  color: #F6F6F7;
}

.detail-delivery-card-v164 {
  display: grid;
  gap: 12px;
}

.detail-delivery-card-v164 .address-card {
  margin: 0 !important;
  border-radius: 16px !important;
}

.detail-buy-btn-v164 {
  min-height: 58px !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

/* Desktop: centered detail layout. */
@media (min-width: 1180px) {
  .detail-layout-v164 {
    max-width: 1260px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(430px, 0.96fr) !important;
    gap: 26px !important;
  }

  .detail-preview-v164 {
    position: sticky !important;
    top: 92px !important;
  }
}

/* Tablet: full-width layout, no squeeze. */
@media (min-width: 768px) and (max-width: 1179px) {
  .detail-layout-v164 {
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .detail-info-v164 {
    grid-template-columns: 1fr !important;
  }

  .product-option-grid-v164,
  .file-option-grid-v164 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .product-option-grid-v164 .detail-option-field-v164:nth-child(3) {
    grid-column: 1 / -1;
  }
}

/* Mobile: all fields full-width and compact. */
@media (max-width: 767px) {
  .detail-layout-v164 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .detail-preview-v164 {
    border-radius: 18px !important;
  }

  .detail-header-card-v164,
  .detail-option-panel-v164,
  .detail-delivery-card-v164 {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .detail-title-row-v164 {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .detail-title-row-v164 .detail-title {
    font-size: 25px !important;
  }

  .detail-title-row-v164 .detail-price {
    font-size: 22px !important;
  }

  .detail-option-panel-head-v164 {
    display: grid !important;
    gap: 4px !important;
  }

  .detail-option-panel-head-v164 strong {
    white-space: normal !important;
  }

  .product-option-grid-v164,
  .file-option-grid-v164 {
    grid-template-columns: 1fr !important;
  }

  .detail-option-email-v164 {
    grid-column: auto;
  }

  .option-trigger-v164 {
    min-height: 54px !important;
  }

  .detail-buy-btn-v164 {
    min-height: 54px !important;
    border-radius: 17px !important;
  }
}



/* ==========================================================================
   V16.5 Detail Select Fields + Description Priority + Seller Split
   Purpose:
   - Option is a real select field; tapping/clicking opens native choices.
   - Description is prioritized before seller and shown as a compact card with More modal.
   - Seller is compact, has no View button, and seller name itself opens Seller Profile.
   - Seller Profile is split into Products/File tabs and uses the same market cards.
   ========================================================================== */

.detail-info-v165 {
  gap: 13px !important;
}

.detail-header-card-v165 {
  padding-bottom: 16px !important;
}

.detail-description-card-v165 {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,0.095);
  border-radius: 20px;
  background:
    radial-gradient(circle at 88% 15%, rgba(245,158,11,0.055), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,0.044), rgba(255,255,255,0.016)),
    #0B0D10;
  box-shadow:
    0 14px 42px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.045);
}

.detail-description-head-v165 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.detail-more-btn-v165 {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #F59E0B !important;
  background: rgba(245,158,11,0.08) !important;
  border: 1px solid rgba(245,158,11,0.22) !important;
}

.detail-desc-box-v165 {
  margin: 0 !important;
  color: #D4D4D8 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.detail-description-modal-shell-v165 {
  max-width: 720px !important;
}

.detail-description-modal-v165 {
  padding: 4px 2px 0;
}

.detail-description-modal-v165 h2 {
  margin: 8px 0 12px;
  color: #F6F6F7;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.detail-description-modal-v165 p {
  margin: 0;
  color: #D4D4D8;
  font-size: 14.5px;
  line-height: 1.7;
  white-space: pre-wrap;
}

/* Compact seller row; no View button. Seller name is the action. */
.detail-seller-lite-card-v165 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 16px;
  background: rgba(255,255,255,0.025);
}

.detail-seller-name-v165 {
  justify-self: start;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #D4D4D8;
  font-size: 13.5px;
  line-height: 1.22;
  font-weight: 630;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-seller-name-v165:hover,
.detail-seller-name-v165:focus-visible {
  color: #10B981;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Real select field for detail options. */
.option-select-shell-v165 {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  border: 1px solid rgba(255,255,255,0.115);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
    #111418;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
  overflow: hidden;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease;
}

.option-select-shell-v165:hover,
.option-select-shell-v165:focus-within,
.option-select-shell-v165.option-select-active-v165 {
  border-color: rgba(16,185,129,0.42);
  box-shadow:
    0 0 0 3px rgba(16,185,129,0.085),
    inset 0 1px 0 rgba(255,255,255,0.06);
}

.detail-select-v165 {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  appearance: auto;
}

.option-select-value-v165 {
  position: absolute;
  left: 12px;
  right: 44px;
  top: 50%;
  transform: translateY(-50%);
  color: #F6F6F7;
  font-size: 14px;
  line-height: 1.16;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.option-select-value-v165::before {
  content: "Selected";
  display: block;
  margin-bottom: 3px;
  color: #71717A;
  font-size: 10px;
  line-height: 1;
  font-weight: 620;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.option-select-chevron-v165 {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: #D4D4D8;
  font-size: 17px;
  pointer-events: none;
}

.detail-mail-input-v165 {
  min-height: 58px !important;
  border-radius: 16px !important;
}

/* Seller Profile split view */
.seller-hero-v165 {
  max-width: 980px;
  margin: 0 auto 18px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.085);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.014)),
    #0B0D10;
}

.seller-split-tabs-v165 {
  max-width: 980px;
  margin: 0 auto 18px;
}

.seller-card-grid-v165 {
  max-width: var(--v161-market-desktop-max, 1320px);
  margin-inline: auto;
}

@media (min-width: 1180px) {
  .detail-layout-v165 {
    max-width: 1260px !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr) !important;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  .detail-layout-v165 {
    max-width: none !important;
  }

  .detail-description-card-v165,
  .detail-option-panel-v165,
  .detail-seller-lite-card-v165 {
    width: 100% !important;
  }

  .detail-desc-box-v165 {
    -webkit-line-clamp: 3;
  }
}

@media (max-width: 767px) {
  .detail-description-card-v165,
  .detail-option-panel-v165 {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .detail-seller-lite-card-v165 {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 12px;
  }

  .detail-desc-box-v165 {
    font-size: 13px !important;
    line-height: 1.52 !important;
    -webkit-line-clamp: 4;
  }

  .option-select-shell-v165,
  .detail-mail-input-v165 {
    min-height: 54px !important;
  }

  .seller-hero-v165 {
    padding: 14px;
    border-radius: 20px;
  }
}



/* ==========================================================================
   V16.6 Description 3 Lines + Searchable Dropdown Filters + File Print Options
   ========================================================================== */

/* Description must show exactly 3 lines before More. */
.detail-desc-box-v165,
.detail-description-card-v165 .detail-desc-box-v165 {
  -webkit-line-clamp: 3 !important;
  min-height: calc(1.55em * 3) !important;
  max-height: calc(1.55em * 3) !important;
}

/* Dropdown/select option tone aligned with filter dropdown. */
.option-select-shell-v166 {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
    #111418 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

.option-select-shell-v166:hover,
.option-select-shell-v166:focus-within,
.option-select-shell-v166.option-select-active-v165 {
  border-color: rgba(245,158,11,0.44) !important;
  box-shadow:
    0 0 0 3px rgba(245,158,11,0.085),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.option-select-value-v166::before {
  color: rgba(245,158,11,0.86) !important;
}

.option-select-chevron-v166 {
  background: rgba(245,158,11,0.10) !important;
  color: #F59E0B !important;
}

.file-option-grid-v166 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hidden-by-printer-type-v166 {
  display: none !important;
}

@media (max-width: 767px) {
  .file-option-grid-v166 {
    grid-template-columns: 1fr !important;
  }

  .detail-desc-box-v165,
  .detail-description-card-v165 .detail-desc-box-v165 {
    -webkit-line-clamp: 3 !important;
    min-height: calc(1.52em * 3) !important;
    max-height: calc(1.52em * 3) !important;
  }
}

/* Searchable dropdown filter modal. */
.filter-dropdown-modal-shell-v166 {
  max-width: 720px !important;
}

.filter-dropdown-modal-v166 {
  display: grid;
  gap: 14px;
  padding: 4px 2px 0;
}

.filter-dropdown-modal-v166 h2 {
  margin: 2px 0 0;
  color: #F6F6F7;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.filter-search-wrap-v166 {
  position: sticky;
  top: 0;
  z-index: 2;
}

.filter-search-input-v166 {
  min-height: 48px !important;
  border-radius: 15px !important;
  border-color: rgba(245,158,11,0.22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
    #111418 !important;
}

.filter-dropdown-list-v166 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: min(52vh, 460px);
  overflow-y: auto;
  padding: 2px 3px 2px 0;
}

.filter-dropdown-option-v166 {
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.095);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.014)),
    #111418;
  color: #D4D4D8;
  font-size: 13px;
  line-height: 1.22;
  font-weight: 560;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition:
    border-color 140ms ease,
    background 140ms ease,
    color 140ms ease,
    transform 140ms ease,
    box-shadow 140ms ease;
}

.filter-dropdown-option-v166:hover {
  border-color: rgba(245,158,11,0.30);
  color: #F6F6F7;
}

.filter-dropdown-option-v166.selected {
  border-color: rgba(245,158,11,0.54);
  background:
    linear-gradient(145deg, rgba(245,158,11,0.18), rgba(245,158,11,0.07)),
    #111418;
  color: #F6F6F7;
  box-shadow: 0 0 0 3px rgba(245,158,11,0.075);
}

.filter-dropdown-option-v166:active {
  transform: scale(0.985);
}

@media (max-width: 767px) {
  .filter-dropdown-list-v166 {
    grid-template-columns: 1fr;
    max-height: 54vh;
  }

  .filter-dropdown-modal-v166 h2 {
    font-size: 21px;
  }
}



/* ==========================================================================
   V16.7 View Layout Reset + File Options Rollback
   Purpose:
   - Reduce Product/File View to a predictable, clean two-column desktop layout.
   - Right side is one coherent panel with internal dividers, not many floating boxes.
   - File options are only Printer Model / Filament / Nozzle.
   ========================================================================== */

.detail-layout-v167 {
  width: 100% !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr) !important;
  gap: 26px !important;
  align-items: start !important;
}

.detail-preview-v167 {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  position: sticky !important;
  top: 92px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.085) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.05), transparent 36%),
    #0B0D10 !important;
}

.detail-main-card-v167 {
  min-width: 0 !important;
  display: grid !important;
  gap: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.042), rgba(255,255,255,0.014)),
    #0B0D10 !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.048) !important;
}

.detail-actions-v167 {
  justify-content: flex-end !important;
  display: flex !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
}

.detail-main-header-v167 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 16px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(255,255,255,0.075) !important;
}

.detail-main-header-v167 .detail-title {
  margin: 4px 0 0 !important;
  color: #F6F6F7 !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.04em !important;
}

.detail-main-header-v167 .detail-price {
  margin: 0 !important;
  white-space: nowrap !important;
  color: var(--v16-premium-orange, #F59E0B) !important;
  font-size: clamp(22px, 2.1vw, 30px) !important;
  line-height: 1 !important;
}

.detail-meta-line-v167 {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.detail-section-v167 {
  min-width: 0 !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.075) !important;
}

.detail-section-head-v167 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 9px !important;
}

.detail-section-head-v167 > span {
  color: #A1A1AA !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.detail-more-btn-v167 {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #F59E0B !important;
  background: rgba(245,158,11,0.08) !important;
  border: 1px solid rgba(245,158,11,0.22) !important;
}

.detail-desc-box-v167 {
  margin: 0 !important;
  color: #D4D4D8 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  min-height: calc(1.55em * 3) !important;
  max-height: calc(1.55em * 3) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.detail-option-grid-v167 {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.product-option-grid-v167,
.file-option-grid-v167 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.detail-option-field-v167 {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

.detail-option-field-v167 > label {
  color: #A1A1AA !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.detail-seller-lite-v167 {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 0 !important;
}

.detail-seller-lite-v167 > span {
  color: #71717A !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.detail-seller-name-v167 {
  min-width: 0 !important;
  justify-self: start !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #D4D4D8 !important;
  font-size: 13.5px !important;
  line-height: 1.2 !important;
  font-weight: 630 !important;
  text-align: left !important;
  cursor: pointer !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.detail-seller-name-v167:hover,
.detail-seller-name-v167:focus-visible {
  color: #10B981 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.detail-comments-zone-v167 {
  margin: 0 !important;
  padding: 15px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.075) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.detail-delivery-v167 .address-card,
.detail-mail-section-v167 .detail-mail-input-v167 {
  margin: 0 !important;
}

.detail-mail-input-v167 {
  min-height: 54px !important;
  border-radius: 15px !important;
}

.detail-buy-btn-v167 {
  margin-top: 16px !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

/* Neutralize the v16.6 conditional nozzle rules in the current File View rollback. */
.detail-layout-v167 .hidden-by-printer-type-v166 {
  display: block !important;
}

@media (min-width: 768px) and (max-width: 1179px) {
  .detail-layout-v167 {
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .detail-preview-v167 {
    position: relative !important;
    top: auto !important;
  }

  .detail-main-card-v167 {
    border-radius: 22px !important;
  }

  .product-option-grid-v167,
  .file-option-grid-v167 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .detail-layout-v167 {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: none !important;
  }

  .detail-preview-v167 {
    position: relative !important;
    top: auto !important;
    border-radius: 18px !important;
  }

  .detail-main-card-v167 {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .detail-main-header-v167 {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .detail-main-header-v167 .detail-title {
    font-size: 25px !important;
  }

  .detail-main-header-v167 .detail-price {
    font-size: 22px !important;
  }

  .product-option-grid-v167,
  .file-option-grid-v167 {
    grid-template-columns: 1fr !important;
  }

  .detail-desc-box-v167 {
    font-size: 13px !important;
    line-height: 1.52 !important;
    min-height: calc(1.52em * 3) !important;
    max-height: calc(1.52em * 3) !important;
  }
}

/* ==========================================================================
   3D StudioMarket — Design Restore Patch v16.8
   Purpose: recover the modern marketplace visual system after CSS drift/loss.
   This block intentionally sits at the end of styles.css and overrides older
   duplicated rules without changing page markup.
   ========================================================================== */
:root {
  --bg-page: #000103;
  --bg-topbar: #000000;
  --bg-elevated: #07090c;
  --bg-card: #0b0d10;
  --bg-card-2: #101318;
  --bg-input: #111418;
  --brand-green: #10b981;
  --brand-green-soft: rgba(16,185,129,.14);
  --brand-green-border: rgba(16,185,129,.34);
  --brand-orange: #f97316;
  --brand-orange-hover: #ea580c;
  --discord: #5865f2;
  --heart: #fb7185;
  --text-main: #f8fafc;
  --text-secondary: #d4d4d8;
  --text-muted: #a1a1aa;
  --text-dim: #71717a;
  --border: rgba(255,255,255,.10);
  --border-soft: rgba(255,255,255,.065);
  --shadow-card: 0 18px 48px rgba(0,0,0,.34);
  --shadow-soft: 0 10px 28px rgba(0,0,0,.24);
  --topbar-h: 64px;
  --sidebar-w: 248px;
  --page-pad: 28px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --content-max: 1480px;
}

body.light {
  --bg-page: #f6f7f9;
  --bg-topbar: #000000;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-card-2: #f8fafc;
  --bg-input: #f1f5f9;
  --text-main: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --border: rgba(15,23,42,.12);
  --border-soft: rgba(15,23,42,.075);
  --shadow-card: 0 18px 48px rgba(15,23,42,.10);
  --shadow-soft: 0 10px 28px rgba(15,23,42,.08);
}

html, body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  background: var(--bg-page) !important;
  color: var(--text-main) !important;
  font-family: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px;
  line-height: 1.55;
  overflow-x: hidden;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

*, *::before, *::after { box-sizing: border-box; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img, svg { max-width: 100%; }
.hidden { display: none !important; }
.muted { color: var(--text-muted) !important; }

/* Topbar */
.topbar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: var(--topbar-h) !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 18px !important;
  background: var(--bg-topbar) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.30) !important;
}
.topbar-left, .topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0;
}
.topbar-logo {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: "Space Grotesk", Manrope, sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.logo-studio { color: #ffffff !important; }
.logo-market { color: var(--brand-green) !important; }
.topbar-icon-btn,
.topbar-menu-btn,
.topbar-back-btn,
.topbar-discord,
.topbar-discord-btn,
.topbar-theme,
.topbar-theme-btn {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  color: #d4d4d8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}
.topbar-icon-btn:hover,
.topbar-menu-btn:hover,
.topbar-back-btn:hover,
.topbar-discord:hover,
.topbar-discord-btn:hover,
.topbar-theme:hover,
.topbar-theme-btn:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
  transform: translateY(-1px);
}
.topbar-discord,
.topbar-discord-btn { color: var(--discord) !important; }
.topbar-icon-btn svg,
.topbar-menu-btn svg,
.topbar-back-btn svg,
.topbar-discord svg,
.topbar-discord-btn svg,
.topbar-theme svg,
.topbar-theme-btn svg { width: 19px !important; height: 19px !important; }
.topbar-token-pill {
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 7px 0 13px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  background: #090a0c !important;
  color: #f4f4f5 !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.topbar-token-pill .coin, .coin { color: var(--brand-orange) !important; }
.topbar-token-plus {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--brand-orange) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.topbar-token-plus:hover { background: var(--brand-orange-hover) !important; }

/* Layout */
.app-shell {
  min-height: 100vh !important;
  padding-top: var(--topbar-h) !important;
  background:
    radial-gradient(circle at 22% -10%, rgba(16,185,129,.12), transparent 30%),
    radial-gradient(circle at 78% 0%, rgba(16,185,129,.08), transparent 28%),
    var(--bg-page) !important;
}
.main-content {
  width: calc(100vw - var(--sidebar-w)) !important;
  min-height: calc(100vh - var(--topbar-h)) !important;
  margin-left: var(--sidebar-w) !important;
  padding: var(--page-pad) !important;
  overflow: visible !important;
}
.page-inner {
  width: 100% !important;
  max-width: var(--content-max) !important;
  margin: 0 auto !important;
}
.sidebar {
  position: fixed !important;
  top: var(--topbar-h) !important;
  left: 0 !important;
  z-index: 900 !important;
  width: var(--sidebar-w) !important;
  height: calc(100vh - var(--topbar-h)) !important;
  padding: 18px 12px !important;
  overflow-y: auto !important;
  background: rgba(0,1,3,.96) !important;
  border-right: 1px solid rgba(255,255,255,.085) !important;
  backdrop-filter: blur(16px) !important;
}
body.light .sidebar { background: rgba(255,255,255,.92) !important; }
.sidebar-section-label {
  margin: 17px 10px 8px !important;
  color: var(--text-dim) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}
.sidebar-item,
.sidebar-logout {
  width: 100% !important;
  min-height: 39px !important;
  margin: 2px 0 !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
  font-weight: 700 !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}
.sidebar-item:hover,
.sidebar-item.active {
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: var(--text-main) !important;
}
.sidebar-item.active { box-shadow: inset 3px 0 0 var(--brand-green) !important; }
.sidebar-logout { color: #f87171 !important; }
.sidebar-spacer { min-height: 14px; }
.sidebar-bottom { margin-top: 10px; }
.sidebar-overlay { display: none; }

/* Page headers and reusable cards */
.ref-page-header, .withdrawal-page-head { margin: 0 0 20px !important; }
.page-title {
  margin: 0 !important;
  color: var(--text-main) !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}
.page-desc {
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  color: var(--text-muted) !important;
  font-size: 14px !important;
}
.section-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 6px !important;
  color: var(--brand-green) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
}
.card,
.profile-card,
.seller-profile-card,
.summary-item,
.address-card,
.notice,
.history-card,
.tracking-card,
.order-card,
.option-card,
.api-card {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-soft) !important;
}
.card, .profile-card, .seller-profile-card, .summary-item, .address-card, .notice, .api-card { padding: 18px !important; }
.card-title, .card h2, .profile-card h2, .listing-main-card h2, .listing-side-card h2, .sku-matrix-card h2 {
  margin: 0 !important;
  color: var(--text-main) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

/* Controls */
.form-input,
.form-textarea,
.search-input,
.filter-select,
.ref-sort-select,
.detail-select-v165,
.detail-select-v166,
.sku-price,
select,
textarea,
input {
  border: 1px solid var(--border) !important;
  border-radius: 13px !important;
  background: var(--bg-input) !important;
  color: var(--text-main) !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.form-input,
.search-input,
.filter-select,
.ref-sort-select,
.sku-price {
  min-height: 43px !important;
  padding: 0 13px !important;
}
.form-textarea {
  min-height: 112px !important;
  padding: 13px !important;
  resize: vertical !important;
}
.form-input:focus,
.form-textarea:focus,
.search-input:focus,
.filter-select:focus,
.detail-select-v165:focus,
.detail-select-v166:focus {
  border-color: var(--brand-green-border) !important;
  box-shadow: 0 0 0 4px rgba(16,185,129,.11), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.form-group { min-width: 0 !important; margin: 0 0 14px !important; }
.form-label {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.form-row, .modal-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.btn {
  min-height: 40px !important;
  padding: 0 15px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--text-main) !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease !important;
}
.btn:hover { transform: translateY(-1px); }
.btn-sm { min-height: 32px !important; padding: 0 11px !important; border-radius: 10px !important; font-size: 12px !important; }
.btn-block { width: 100% !important; }
.btn-primary,
.liquid-primary-btn,
.token-bottom-buy {
  background: linear-gradient(180deg, #fb923c, var(--brand-orange)) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 13px 28px rgba(16,185,129,.22) !important;
}
.btn-primary:hover,
.liquid-primary-btn:hover,
.token-bottom-buy:hover { background: linear-gradient(180deg, #fb923c, var(--brand-orange-hover)) !important; }
.btn-secondary,
.btn-ghost,
.neutral-btn,
.liquid-secondary-btn {
  background: rgba(255,255,255,.055) !important;
  border-color: var(--border) !important;
  color: var(--text-secondary) !important;
}
.btn-secondary:hover,
.btn-ghost:hover,
.neutral-btn:hover,
.liquid-secondary-btn:hover { background: rgba(255,255,255,.09) !important; color: var(--text-main) !important; }
.btn-danger,
.danger-btn { background: rgba(239,68,68,.13) !important; border-color: rgba(239,68,68,.28) !important; color: #fca5a5 !important; }
.badge,
.badge-green,
.badge-red,
.badge-neutral,
.liquid-status,
.active-filter-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}
.badge-green { background: var(--brand-green-soft) !important; color: #86efac !important; border: 1px solid var(--brand-green-border) !important; }
.badge-red { background: rgba(239,68,68,.12) !important; color: #fca5a5 !important; border: 1px solid rgba(239,68,68,.24) !important; }
.badge-neutral, .badge { background: rgba(255,255,255,.06) !important; color: var(--text-secondary) !important; border: 1px solid var(--border) !important; }

/* Search toolbar */
.sticky-market-toolbar,
.one-piece-toolbar,
.ref-toolbar,
.search-filter-row {
  position: sticky !important;
  top: calc(var(--topbar-h) + 12px) !important;
  z-index: 150 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 22px !important;
  padding: 10px !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  background: rgba(7,9,12,.78) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: var(--shadow-soft) !important;
}
body.light .sticky-market-toolbar,
body.light .one-piece-toolbar,
body.light .ref-toolbar,
body.light .search-filter-row { background: rgba(255,255,255,.82) !important; }
.search-filter-combo,
.neo-search-control,
.ref-search {
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 220px !important;
}
.search-left-icon,
.ref-search-icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--text-dim) !important;
  pointer-events: none !important;
}
.search-filter-combo .search-input,
.ref-search .search-input { width: 100% !important; padding-left: 40px !important; padding-right: 54px !important; }
.search-filter-button,
.neo-filter-inside-btn,
.ref-filter-btn {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(16,185,129,.28) !important;
  border-radius: 11px !important;
  background: rgba(16,185,129,.12) !important;
  color: var(--brand-orange) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ref-count-label {
  color: var(--text-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.active-filter-row { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin: -8px 0 18px !important; }
.active-filter-chip { background: var(--brand-green-soft) !important; color: #9af2d0 !important; border: 1px solid var(--brand-green-border) !important; }

/* Market cards */
.market-grid,
.management-card-grid,
.seller-card-grid-v165,
.seller-card-preview-grid,
#favGrid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.market-card,
.market-card.ref-card,
.management-market-card {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-xl) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.014)), var(--bg-card) !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--text-main) !important;
  text-align: left !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.market-card:hover,
.management-market-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(16,185,129,.42) !important;
  box-shadow: 0 20px 58px rgba(0,0,0,.34) !important;
}
.market-card-preview,
.ref-card-preview,
.management-market-card .ref-card-preview {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / .78 !important;
  min-height: 150px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(16,185,129,.12), rgba(16,185,129,.08)),
    #111418 !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.ref-preview-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: var(--text-dim) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
}
.ref-preview-placeholder svg { width: 44px !important; height: 44px !important; opacity: .72; }
.ref-preview-placeholder.large svg { width: 68px !important; height: 68px !important; }
.market-card-body,
.ref-card-body {
  min-width: 0 !important;
  padding: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.market-card-title,
.ref-card-title {
  margin: 0 !important;
  color: var(--text-main) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.ref-card-location,
.market-card-seller,
.ref-sales-meta,
.ref-purchase-count {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--text-muted) !important;
  font-size: 12px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ref-card-price,
.market-card-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin-top: 2px !important;
  color: var(--brand-orange) !important;
}
.ref-card-price span,
.market-card-price span { font-size: 22px !important; font-weight: 900 !important; letter-spacing: -.045em !important; }
.ref-card-price small,
.market-card-price small { color: var(--text-muted) !important; font-size: 11px !important; font-weight: 850 !important; }
.ref-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
  max-height: 58px !important;
  overflow: hidden !important;
}
.ref-chip-row span,
.preview-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  max-width: 100% !important;
  padding: 0 8px !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--text-secondary) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.market-card-fav,
.ref-heart,
.market-card-heart,
.card-heart-only {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 3 !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.34) !important;
  color: var(--heart) !important;
  backdrop-filter: blur(12px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.market-card-fav.active,
.ref-heart.active,
.market-card-heart.active { background: rgba(251,113,133,.15) !important; border-color: rgba(251,113,133,.38) !important; }
.market-card-fav svg,
.ref-heart svg,
.market-card-heart svg { width: 19px !important; height: 19px !important; }

/* Detail page */
.detail-layout,
.detail-layout-v167 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr) !important;
  gap: 24px !important;
  align-items: start !important;
}
.detail-preview,
.detail-preview-v167 {
  position: sticky !important;
  top: calc(var(--topbar-h) + 28px) !important;
  min-height: min(68vh, 720px) !important;
  border: 1px solid var(--border) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(16,185,129,.12), rgba(16,185,129,.09)),
    var(--bg-card) !important;
  box-shadow: var(--shadow-card) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.carousel-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid var(--border) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.34) !important;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1 !important;
}
.carousel-nav.left { left: 16px !important; }
.carousel-nav.right { right: 16px !important; }
.detail-main-card-v167,
.detail-info {
  min-width: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--border) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.012)), var(--bg-card) !important;
  box-shadow: var(--shadow-card) !important;
}
.detail-actions,
.detail-actions-v167 {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
.plain-action,
.plain-gear,
.detail-seller-name-v167 {
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.05) !important;
  color: var(--text-secondary) !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  font-weight: 800 !important;
}
.plain-action:hover,
.plain-gear:hover,
.detail-seller-name-v167:hover { color: var(--text-main) !important; background: rgba(255,255,255,.09) !important; }
.detail-main-header-v167 {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  align-items: start !important;
  margin-bottom: 16px !important;
}
.detail-title {
  margin: 0 !important;
  color: var(--text-main) !important;
  font-size: clamp(25px, 2.6vw, 42px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -.06em !important;
  overflow-wrap: anywhere !important;
}
.detail-price {
  color: var(--brand-orange) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.detail-section-v167,
.detail-description-section-v167,
.detail-option-panel-v167,
.detail-delivery-v167,
.detail-mail-section-v167,
.detail-seller-lite-v167,
.detail-comments-zone {
  margin-top: 14px !important;
  padding: 15px !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.028) !important;
}
.detail-section-head-v167,
.detail-comments-head,
.settings-section-head,
.card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 11px !important;
}
.detail-section-head-v167 > span,
.detail-comments-head h2 { color: var(--text-secondary) !important; font-weight: 900 !important; }
.detail-desc,
.detail-desc-box-v167 {
  margin: 0 !important;
  color: var(--text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}
.detail-option-grid-v167,
.product-option-grid-v167,
.file-option-grid-v167 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.detail-option-field-v167 label,
.detail-option-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--text-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.option-selector { min-width: 0 !important; }
.option-select-shell-v165,
.option-select-shell-v166 {
  position: relative !important;
  min-width: 0 !important;
  height: 43px !important;
  border: 1px solid var(--border) !important;
  border-radius: 13px !important;
  background: var(--bg-input) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
.detail-select-v165,
.detail-select-v166 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
}
.option-select-value-v165,
.option-select-value-v166 {
  min-width: 0 !important;
  flex: 1 !important;
  padding: 0 34px 0 12px !important;
  color: var(--text-main) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.option-select-chevron-v165,
.option-select-chevron-v166 {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--brand-orange) !important;
  pointer-events: none !important;
}
.detail-seller-lite-v167 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.detail-comments-head h2 { margin: 2px 0 0 !important; font-size: 16px !important; }
.detail-comment-preview-list { display: grid !important; gap: 8px !important; }
.detail-comment-card { padding: 10px !important; border-radius: 12px !important; background: rgba(255,255,255,.04) !important; border: 1px solid var(--border-soft) !important; }
.detail-buy-btn-v167 { min-height: 50px !important; margin-top: 16px !important; font-size: 15px !important; }
.detail-mail-input-v167 { width: 100% !important; }
.address-card.selectable { cursor: pointer !important; }
.address-card-name { color: var(--text-main) !important; font-weight: 900 !important; }
.address-card-detail { color: var(--text-muted) !important; margin-top: 3px !important; font-size: 13px !important; }

/* Management */
.management-bento-card-v161 {
  margin: 0 0 20px !important;
  padding: 20px !important;
  border: 1px solid var(--border) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(16,185,129,.09), rgba(16,185,129,.05)), var(--bg-card) !important;
  box-shadow: var(--shadow-card) !important;
}
.management-bento-title-row-v161,
.management-name-line-v161,
.management-shop-heading-v161 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.management-shop-heading-v161 { justify-content: flex-start !important; flex-direction: column !important; align-items: flex-start !important; }
.management-name-line-v161 strong { color: var(--text-main) !important; font-size: 20px !important; font-weight: 900 !important; }
.management-bento-metrics-v161,
.summary-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}
.management-metric-v161,
.summary-item {
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 14px !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.035) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}
.management-metric-v161 span,
.summary-label { color: var(--text-muted) !important; font-size: 12px !important; font-weight: 800 !important; }
.management-metric-v161 strong,
.summary-value { color: var(--text-main) !important; font-size: 18px !important; font-weight: 950 !important; letter-spacing: -.035em !important; overflow-wrap: anywhere !important; }
.management-withdraw-v161 { min-height: 88px !important; border-radius: 17px !important; }
.segmented-tabs,
.wide-split-tabs,
.favorites-split-tabs,
.seller-split-tabs-v165,
.tabs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px !important;
  margin: 0 0 18px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
}
.segmented-tabs button,
.tabs button,
.tab-btn {
  min-height: 35px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--text-muted) !important;
  font-weight: 850 !important;
}
.segmented-tabs button.active,
.tabs button.active,
.tab-btn.active { background: var(--brand-green) !important; color: #00130e !important; }
.mgmt-card,
.history-card,
.tracking-card,
.order-card {
  padding: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}
.mgmt-card-left,
.mgmt-card-right,
.tracking-card-main,
.tracking-card-actions { display: flex !important; align-items: center !important; gap: 12px !important; min-width: 0 !important; }
.mgmt-card-left { flex: 1 1 auto !important; }
.mgmt-card-right { flex-wrap: wrap !important; justify-content: flex-end !important; }
.mgmt-card-icon,
.mini-preview,
.tracking-preview {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, rgba(16,185,129,.15), rgba(16,185,129,.12)), var(--bg-input) !important;
  border: 1px solid var(--border-soft) !important;
  color: var(--text-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.mgmt-card-info { min-width: 0 !important; }
.mgmt-card-name,
.history-name,
.tracking-card h3,
.history-card h3 { color: var(--text-main) !important; font-weight: 900 !important; margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.mgmt-card-desc,
.history-meta,
.history-card p,
.tracking-card p { color: var(--text-muted) !important; margin: 3px 0 0 !important; font-size: 13px !important; }
.mgmt-card-price { color: var(--brand-orange) !important; font-weight: 950 !important; white-space: nowrap !important; }
.floating-add {
  position: fixed !important;
  right: 26px !important;
  bottom: 26px !important;
  z-index: 400 !important;
  width: 58px !important;
  height: 58px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #fb923c, var(--brand-orange)) !important;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 40px rgba(16,185,129,.28) !important;
}
.switch,
.neo-switch-wrap,
.shop-toggle-v162 { position: relative !important; display: inline-flex !important; width: 52px !important; height: 30px !important; }
.switch input,
.neo-switch-wrap input { opacity: 0 !important; width: 0 !important; height: 0 !important; }
.switch span,
.neo-switch-wrap span {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid var(--border) !important;
}
.switch span::after,
.neo-switch-wrap span::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #fff;
  transition: transform .18s ease;
}
.switch input:checked + span,
.neo-switch-wrap input:checked + span { background: var(--brand-green) !important; }
.switch input:checked + span::after,
.neo-switch-wrap input:checked + span::after { transform: translateX(22px); }

/* Listing settings */
.listing-settings-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr) !important;
  gap: 18px !important;
  align-items: start !important;
}
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.withdrawal-summary-card,
.withdrawal-form-card,
.profile-actions-card {
  padding: 20px !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)), var(--bg-card) !important;
  box-shadow: var(--shadow-soft) !important;
}
.image-upload-grid,
.sku-grid,
.profile-address-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 12px 0 16px !important;
}
.image-upload-tile,
.image-preview-tile,
.upload-area,
.upload-thumb,
.option-group-card,
.sku-card,
.sku-file-upload-card,
.profile-address-card {
  min-width: 0 !important;
  border: 1px dashed var(--border) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
  color: var(--text-secondary) !important;
  padding: 14px !important;
}
.image-upload-tile { min-height: 118px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 900 !important; color: var(--brand-orange) !important; }
.image-preview-tile { min-height: 118px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; }
.option-group-card { display: grid !important; gap: 8px !important; margin-top: 10px !important; border-style: solid !important; }
.option-group-card.locked { border-color: var(--brand-green-border) !important; background: var(--brand-green-soft) !important; }
.sku-matrix-card { margin-top: 18px !important; }
.sku-row,
.sku-card {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) 120px auto !important;
  gap: 10px !important;
  align-items: center !important;
}
.sku-card { grid-template-columns: 1fr !important; border-style: solid !important; }
.sku-label { color: var(--text-main) !important; font-weight: 850 !important; overflow-wrap: anywhere !important; }
.settings-bottom-bar,
.bottom-bar {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 180 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  background: rgba(7,9,12,.84) !important;
  backdrop-filter: blur(18px) !important;
}

/* Token / Plan */
.liquid-hero,
.liquid-readable-hero,
.liquid-v12-hero {
  margin-bottom: 20px !important;
  padding: clamp(22px, 4vw, 42px) !important;
  border: 1px solid var(--border) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(16,185,129,.20), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(16,185,129,.14), transparent 30%),
    var(--bg-card) !important;
  box-shadow: var(--shadow-card) !important;
}
.liquid-hero h1 { margin: 0 !important; color: var(--text-main) !important; font-size: clamp(32px, 5vw, 62px) !important; line-height: .98 !important; letter-spacing: -.075em !important; font-weight: 950 !important; }
.liquid-hero p { max-width: 760px !important; margin: 12px 0 0 !important; color: var(--text-muted) !important; }
.plan-summary-strip,
.liquid-v12-summary {
  display: grid !important;
  grid-template-columns: 1.2fr repeat(3, 1fr) !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
}
.plan-summary-strip > div,
.liquid-v12-summary > div {
  padding: 15px !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
}
.plan-summary-strip span { color: var(--text-muted) !important; font-size: 12px !important; font-weight: 800 !important; display: block !important; }
.plan-summary-strip strong { color: var(--text-main) !important; font-weight: 950 !important; }
.liquid-card-grid,
.readable-plan-grid,
.liquid-v12-plan-grid,
.liquid-token-grid,
.readable-token-grid,
.liquid-v12-token-grid,
.plan-grid,
.token-pack-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.liquid-token-grid,
.readable-token-grid,
.liquid-v12-token-grid,
.token-pack-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.liquid-plan-card,
.readable-plan-card,
.liquid-v12-plan-card,
.minimal-plan-card,
.plan-card,
.liquid-token-card,
.readable-token-card,
.liquid-v12-token-card,
.minimal-token-card,
.token-pack-card {
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)), var(--bg-card) !important;
  box-shadow: var(--shadow-soft) !important;
}
.liquid-plan-card.current,
.readable-plan-card.current,
.liquid-v12-plan-card.current,
.plan-card.current,
.liquid-token-card.featured {
  border-color: var(--brand-green-border) !important;
  box-shadow: 0 20px 48px rgba(16,185,129,.10) !important;
}
.liquid-card-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 12px !important; }
.liquid-plan-name { color: var(--text-main) !important; font-weight: 950 !important; letter-spacing: -.035em !important; }
.liquid-plan-storage,
.liquid-token-amount,
.plan-storage,
.token-pack-amount { display: block !important; color: var(--text-main) !important; font-size: 29px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.06em !important; }
.liquid-plan-price,
.liquid-token-copy,
.plan-price,
.token-pack-price { color: var(--text-muted) !important; font-size: 13px !important; }
.qty-control,
.token-qty-control,
.token-pack-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 5px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.04) !important;
}
.qty-control button,
.token-pack-btn {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.09) !important;
  color: var(--text-main) !important;
  font-weight: 900 !important;
}
.qty-control span,
.token-pack-qty { min-width: 24px !important; text-align: center !important; font-weight: 900 !important; }
.floating-bottom-bar,
.token-bottom,
.liquid-token-bottom,
.liquid-v12-token-bottom {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 200 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 24px !important;
  padding: 14px !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: rgba(7,9,12,.86) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: var(--shadow-card) !important;
}
.token-bottom-metrics,
.token-vat-summary-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
.token-bottom-summary { padding: 10px 12px !important; border: 1px solid var(--border-soft) !important; border-radius: 14px !important; background: rgba(255,255,255,.035) !important; }
.token-bottom-summary span { display: block !important; color: var(--text-muted) !important; font-size: 11px !important; font-weight: 850 !important; }
.token-bottom-summary strong { color: var(--text-main) !important; font-weight: 950 !important; }
.net-price-line strong { color: var(--brand-orange) !important; }

/* Profile / seller / withdrawal / history */
.profile-settings-shell { display: grid !important; gap: 16px !important; }
.neo-settings-row { display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; gap: 14px !important; }
.neo-settings-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: var(--brand-green-soft) !important;
  color: var(--brand-green) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
}
.paypal-inline-grid-v151 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; margin-top: 12px !important; }
.settings-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; width: 100% !important; padding: 11px 0 !important; color: var(--text-secondary) !important; border-bottom: 1px solid var(--border-soft) !important; }
.policy-link { border: 0 !important; border-bottom: 1px solid var(--border-soft) !important; background: transparent !important; text-align: left !important; }
.profile-logout-btn { width: 100% !important; min-height: 46px !important; border: 1px solid rgba(239,68,68,.28) !important; border-radius: 15px !important; background: rgba(239,68,68,.11) !important; color: #fca5a5 !important; font-weight: 900 !important; }
.seller-hero,
.seller-hero-v165 {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding: 22px !important;
  border: 1px solid var(--border) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.06)), var(--bg-card) !important;
  box-shadow: var(--shadow-soft) !important;
}
.seller-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-secondary) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 950 !important;
}
.seller-avatar.large { width: 72px !important; height: 72px !important; font-size: 22px !important; }
.seller-contact-line { margin-top: 8px !important; color: var(--text-muted) !important; font-size: 13px !important; }
.withdrawal-centered { display: grid !important; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr) !important; gap: 18px !important; max-width: 1000px !important; margin: 0 auto !important; }
.withdrawal-summary-card strong#wBalance { display: block !important; color: var(--brand-orange) !important; font-size: 34px !important; line-height: 1 !important; font-weight: 950 !important; }
.minimal-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 10px 0 !important; border-top: 1px solid var(--border-soft) !important; color: var(--text-muted) !important; }
.history-list,
.tracking-list,
.order-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
.tracking-statuses { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 10px !important; }
.tracking-step { padding: 5px 8px !important; border-radius: 999px !important; background: rgba(255,255,255,.05) !important; color: var(--text-muted) !important; font-size: 11px !important; font-weight: 800 !important; }
.tracking-step.done { background: var(--brand-green-soft) !important; color: #86efac !important; }

/* Modals and filter popups */
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: rgba(0,0,0,.66) !important;
  backdrop-filter: blur(16px) !important;
}
.modal-overlay.hidden { display: none !important; }
.modal,
.modal-card,
.modal-wide,
.wide-filter-modal,
.filter-dropdown-modal-shell-v166 {
  position: relative !important;
  width: min(680px, 100%) !important;
  max-height: min(86vh, 840px) !important;
  overflow: auto !important;
  padding: 22px !important;
  border: 1px solid var(--border) !important;
  border-radius: 24px !important;
  background: var(--bg-card) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.55) !important;
  color: var(--text-main) !important;
}
.modal-wide { width: min(920px, 100%) !important; }
.modal-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--border) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--text-main) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
.modal-title,
.confirm-title,
.filter-dropdown-modal-v166 h2 {
  margin: 0 42px 8px 0 !important;
  color: var(--text-main) !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -.05em !important;
}
.modal-desc,
.confirm-desc { color: var(--text-muted) !important; margin: 0 0 16px !important; }
.modal-actions { display: flex !important; justify-content: flex-end !important; gap: 10px !important; margin-top: 18px !important; }
.long-option-list,
.choice-list,
.neo-radio-list,
.settings-choice-list,
.filter-dropdown-list-v166 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  max-height: 360px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}
.round-option,
.choice-row,
.neo-radio-row,
.filter-dropdown-option-v166 {
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--text-secondary) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: left !important;
  font-weight: 800 !important;
}
.round-option.selected,
.choice-row.active,
.neo-radio-row.is-selected,
.filter-dropdown-option-v166.selected {
  background: var(--brand-green-soft) !important;
  border-color: var(--brand-green-border) !important;
  color: var(--text-main) !important;
}
.choice-dot,
.neo-radio,
.round-option span:first-child {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border: 1px solid var(--border) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
}
.choice-row.active .choice-dot,
.neo-radio-row.is-selected .neo-radio,
.round-option.selected span:first-child { background: var(--brand-green) !important; border-color: var(--brand-green) !important; box-shadow: inset 0 0 0 3px #002019 !important; }
.neo-filter-section,
.filter-group-block,
.compat-filter-block {
  padding: 14px !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.028) !important;
  margin-top: 12px !important;
}
.neo-filter-section-header,
.filter-group-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
  color: var(--text-secondary) !important;
  font-weight: 900 !important;
}
.notice-warning { background: rgba(16,185,129,.10) !important; border-color: rgba(16,185,129,.25) !important; }
.notice-info { background: rgba(16,185,129,.09) !important; border-color: rgba(16,185,129,.24) !important; }
.notice-error { background: rgba(239,68,68,.10) !important; border-color: rgba(239,68,68,.24) !important; }
.notice-success { background: rgba(34,197,94,.10) !important; border-color: rgba(34,197,94,.24) !important; }
.code-box,
.api-key-display {
  padding: 13px !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  background: #050607 !important;
  color: #d1fae5 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  overflow-x: auto !important;
}

/* Overflow guards */
.market-card *,
.management-market-card *,
.profile-card *,
.history-card *,
.tracking-card *,
.detail-main-card-v167 *,
.listing-main-card *,
.listing-side-card *,
.sku-matrix-card * { min-width: 0; }

@media (max-width: 1280px) {
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  #favGrid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .liquid-card-grid,
  .readable-plan-grid,
  .liquid-v12-plan-grid,
  .plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .management-bento-metrics-v161,
  .summary-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 980px) {
  :root { --page-pad: 18px; --sidebar-w: 248px; }
  .main-content { width: 100vw !important; margin-left: 0 !important; }
  .sidebar {
    transform: translateX(-104%) !important;
    transition: transform .22s ease !important;
    box-shadow: 18px 0 45px rgba(0,0,0,.38) !important;
  }
  .sidebar.open { transform: translateX(0) !important; }
  .sidebar-overlay {
    position: fixed !important;
    inset: var(--topbar-h) 0 0 0 !important;
    z-index: 850 !important;
    display: none !important;
    background: rgba(0,0,0,.48) !important;
    backdrop-filter: blur(8px) !important;
  }
  .sidebar-overlay.open { display: block !important; }
  .detail-layout,
  .detail-layout-v167,
  .listing-settings-shell,
  .withdrawal-centered { grid-template-columns: 1fr !important; }
  .detail-preview,
  .detail-preview-v167 { position: relative !important; top: auto !important; min-height: 420px !important; }
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  #favGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .management-bento-metrics-v161,
  .summary-row,
  .plan-summary-strip,
  .token-bottom-metrics,
  .token-vat-summary-grid,
  .paypal-inline-grid-v151 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .liquid-token-grid,
  .readable-token-grid,
  .liquid-v12-token-grid,
  .token-pack-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  :root { --topbar-h: 58px; --page-pad: 14px; }
  .topbar { padding: 0 10px !important; }
  .topbar-logo { font-size: 18px !important; }
  .topbar-icon-btn,
  .topbar-discord,
  .topbar-theme { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .topbar-token-pill { height: 34px !important; padding-left: 10px !important; font-size: 12px !important; }
  .topbar-token-plus { width: 22px !important; height: 22px !important; min-width: 22px !important; }
  .sticky-market-toolbar,
  .one-piece-toolbar,
  .search-filter-row { position: relative !important; top: auto !important; flex-direction: column !important; align-items: stretch !important; }
  .ref-count-label { align-self: flex-end !important; }
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  #favGrid,
  .history-list,
  .tracking-list,
  .order-grid,
  .liquid-card-grid,
  .readable-plan-grid,
  .liquid-v12-plan-grid,
  .plan-grid,
  .image-upload-grid,
  .sku-grid,
  .profile-address-grid,
  .form-row,
  .modal-grid,
  .management-bento-metrics-v161,
  .summary-row,
  .plan-summary-strip,
  .token-bottom-metrics,
  .token-vat-summary-grid,
  .long-option-list,
  .choice-list,
  .neo-radio-list,
  .settings-choice-list,
  .filter-dropdown-list-v166,
  .detail-option-grid-v167,
  .product-option-grid-v167,
  .file-option-grid-v167 { grid-template-columns: 1fr !important; }
  .detail-preview,
  .detail-preview-v167 { min-height: 300px !important; border-radius: 20px !important; }
  .detail-main-card-v167,
  .detail-info,
  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card { padding: 16px !important; border-radius: 20px !important; }
  .detail-main-header-v167 { grid-template-columns: 1fr !important; }
  .detail-price { white-space: normal !important; }
  .floating-bottom-bar,
  .token-bottom,
  .liquid-token-bottom,
  .liquid-v12-token-bottom { grid-template-columns: 1fr !important; }
  .settings-bottom-bar,
  .bottom-bar,
  .modal-actions { flex-direction: column-reverse !important; align-items: stretch !important; }
  .settings-bottom-bar .btn,
  .bottom-bar .btn,
  .modal-actions .btn { width: 100% !important; }
  .mgmt-card,
  .history-card,
  .tracking-card,
  .order-card { align-items: flex-start !important; flex-direction: column !important; }
  .mgmt-card-right { justify-content: flex-start !important; }
}

/* ========================================================================== 
   3D StudioMarket — System Layout Repair Patch v16.9
   Scope: whole-site responsive correction after v16.8 preview review.
   Goals:
   - Remove fixed-height clipping from public/management cards.
   - Keep mobile marketplace in two columns while preserving readable titles.
   - Normalize detail, management, token, plan, profile, history, tracking,
     listing settings, modal, and toolbar spacing across breakpoints.
   ========================================================================== */

:root {
  --v169-gap-xs: 10px;
  --v169-gap-sm: 12px;
  --v169-gap-md: 16px;
  --v169-gap-lg: 22px;
  --v169-mobile-card-min: 338px;
  --v169-tablet-card-min: 366px;
  --v169-desktop-card-min: 374px;
  --v169-card-preview-ratio: 1 / .78;
  --v169-card-preview-ratio-mobile: 1 / .86;
}

/* Global overflow and readable text guards */
.app-shell,
.main-content,
.page-inner,
.ref-page-header,
.sticky-market-toolbar,
.one-piece-toolbar,
.search-filter-combo,
.market-grid,
.management-card-grid,
.seller-card-grid-v165,
.seller-card-preview-grid,
#mpGrid,
#mfGrid,
#favGrid,
.detail-layout,
.detail-layout-v167,
.listing-settings-shell,
.profile-settings-shell,
.withdrawal-centered,
.history-list,
.tracking-list,
.order-grid,
.liquid-token-grid,
.readable-token-grid,
.liquid-v12-token-grid,
.token-pack-grid,
.liquid-card-grid,
.readable-plan-grid,
.liquid-v12-plan-grid,
.plan-grid,
.plan-summary-strip,
.summary-row,
.management-bento-metrics-v161,
.token-bottom,
.liquid-token-bottom,
.liquid-v12-token-bottom,
.floating-bottom-bar,
.token-bottom-metrics,
.token-vat-summary-grid,
.paypal-inline-grid-v151 {
  min-width: 0 !important;
  max-width: 100% !important;
}

.market-card,
.market-card.ref-card,
.management-market-card,
.public-product-card-v1542,
.public-file-card-v1542,
.public-management-card-v1542 {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: var(--v169-desktop-card-min) !important;
  max-height: none !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

.market-grid .public-product-card-v1542 > .market-card-preview,
.market-grid .public-product-card-v1542 > .ref-card-preview,
.market-grid .public-file-card-v1542 > .market-card-preview,
.market-grid .public-file-card-v1542 > .ref-card-preview,
#mpGrid .public-product-card-v1542 > .market-card-preview,
#mpGrid .public-product-card-v1542 > .ref-card-preview,
#mfGrid .public-file-card-v1542 > .market-card-preview,
#mfGrid .public-file-card-v1542 > .ref-card-preview,
#favGrid .public-product-card-v1542 > .market-card-preview,
#favGrid .public-product-card-v1542 > .ref-card-preview,
#favGrid .public-file-card-v1542 > .market-card-preview,
#favGrid .public-file-card-v1542 > .ref-card-preview,
.management-card-grid .public-management-card-v1542 > .market-card-preview,
.management-card-grid .public-management-card-v1542 > .ref-card-preview,
.seller-card-preview-grid .public-product-card-v1542 > .market-card-preview,
.seller-card-preview-grid .public-product-card-v1542 > .ref-card-preview,
.seller-card-preview-grid .public-file-card-v1542 > .market-card-preview,
.seller-card-preview-grid .public-file-card-v1542 > .ref-card-preview {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: var(--v169-card-preview-ratio) !important;
  border-radius: 0 !important;
}

.public-product-card-v1542 .ref-card-body,
.public-file-card-v1542 .ref-card-body,
.public-management-card-v1542 .ref-card-body,
.market-card .market-card-body,
.market-card .ref-card-body,
.management-market-card .ref-card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-rows: min-content minmax(calc(2 * 1.24em), auto) min-content min-content min-content !important;
  align-content: start !important;
  row-gap: 7px !important;
  padding: 13px 14px 14px !important;
}

.public-file-card-v1542 .ref-card-body {
  grid-template-rows: minmax(calc(2 * 1.24em), auto) min-content min-content min-content !important;
}

.public-management-card-v1542 .ref-card-body {
  grid-template-rows: min-content minmax(calc(2 * 1.24em), auto) min-content min-content !important;
}

.public-product-card-v1542 .ref-card-title,
.public-file-card-v1542 .ref-card-title,
.public-management-card-v1542 .ref-card-title,
.market-card-title,
.ref-card-title,
.mgmt-card-name,
.history-name,
.history-card h3,
.tracking-card h3 {
  min-width: 0 !important;
  color: var(--text-main) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.public-product-card-v1542 .ref-card-title,
.public-file-card-v1542 .ref-card-title,
.public-management-card-v1542 .ref-card-title,
.market-card-title,
.ref-card-title {
  min-height: calc(2 * 1.24em) !important;
  max-height: calc(2 * 1.24em) !important;
  font-size: clamp(13px, .98vw, 15px) !important;
  line-height: 1.24 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
}

.ref-card-location,
.market-card-seller,
.ref-sales-meta,
.ref-purchase-count,
.management-card-stats,
.card-price-label,
.card-bottom-line,
.ref-chip-row {
  min-width: 0 !important;
}

.public-product-card-v1542 .ref-card-location,
.product-management-card-v1542 .ref-card-location,
.ref-card-location {
  min-height: 17px !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.public-product-card-v1542 .ref-chip-row,
.public-file-card-v1542 .ref-chip-row,
.public-management-card-v1542 .ref-chip-row,
.ref-chip-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.public-product-card-v1542 .ref-chip-row span,
.public-file-card-v1542 .ref-chip-row span,
.public-management-card-v1542 .ref-chip-row span,
.ref-chip-row span,
.preview-tag {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  height: 22px !important;
  max-width: 96px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
  line-height: 22px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.card-price-label {
  min-height: 15px !important;
  margin: 1px 0 0 !important;
  color: var(--text-secondary) !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
}

.card-bottom-line {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 28px !important;
  margin-top: auto !important;
}

.card-bottom-line .ref-card-price,
.ref-card-price,
.market-card-price {
  min-width: 0 !important;
  white-space: nowrap !important;
}

.card-bottom-line .ref-card-price span,
.ref-card-price span,
.market-card-price span {
  font-size: clamp(19px, 1.25vw, 24px) !important;
  line-height: 1 !important;
}

.card-bottom-line .ref-sales-meta {
  flex: 1 1 auto !important;
  max-width: 56% !important;
  justify-content: flex-end !important;
  text-align: right !important;
  font-size: 10.75px !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.public-management-card-v1542 .management-card-stats {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  overflow: hidden !important;
  color: var(--text-muted) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.card-heart-only,
.market-card-fav.card-heart-only,
.public-management-card-v1542 .management-static-heart,
.market-card-fav,
.ref-heart,
.market-card-heart {
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
}

.card-image-dots {
  bottom: 9px !important;
  pointer-events: none !important;
}

/* Toolbar and search rhythm */
.sticky-market-toolbar,
.one-piece-toolbar,
.search-filter-row {
  width: 100% !important;
  margin-bottom: 20px !important;
  gap: 12px !important;
}

.search-filter-combo,
.neo-search-control {
  min-height: 54px !important;
  overflow: hidden !important;
}

.search-input {
  min-width: 0 !important;
  width: 100% !important;
}

.search-filter-button,
.neo-filter-inside-btn {
  flex: 0 0 auto !important;
}

/* Detail pages: no button/text collision, no clipped more button */
.detail-main-card-v167,
.detail-info,
.detail-section-v167,
.detail-description-section-v167,
.detail-option-panel-v167,
.detail-delivery-v167,
.detail-mail-section-v167,
.detail-seller-lite-v167,
.detail-comments-zone {
  overflow: visible !important;
  min-width: 0 !important;
}

.detail-section-head-v167,
.detail-comments-head,
.settings-section-head,
.card-header {
  min-width: 0 !important;
  flex-wrap: nowrap !important;
}

.detail-description-section-v167 .detail-section-head-v167 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.detail-more-btn-v167,
.detail-comments-view-btn,
.detail-seller-name-v167,
.plain-action,
.plain-gear {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

.detail-desc,
.detail-desc-box-v167 {
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
}

.detail-option-grid-v167,
.product-option-grid-v167,
.file-option-grid-v167 {
  min-width: 0 !important;
}

.option-select-shell-v165,
.option-select-shell-v166,
.option-selector,
.option-select-value-v165,
.option-select-value-v166 {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Management/profile/history/tracking cards */
.management-bento-card-v161,
.profile-card,
.profile-actions-card,
.current-plan-card,
.paypal-settings-card-v151,
.history-card,
.tracking-card,
.order-card,
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.withdrawal-summary-card,
.withdrawal-form-card {
  overflow: visible !important;
  min-width: 0 !important;
}

.management-bento-title-row-v161 {
  align-items: flex-start !important;
}

.management-name-line-v161 {
  flex-wrap: wrap !important;
  row-gap: 4px !important;
}

.management-bento-metrics-v161,
.summary-row,
.plan-summary-strip,
.token-bottom-metrics,
.token-vat-summary-grid,
.paypal-inline-grid-v151,
.profile-address-grid,
.image-upload-grid,
.sku-grid,
.form-row {
  align-items: stretch !important;
}

.management-metric-v161,
.summary-item,
.profile-address-card,
.sku-card,
.sku-file-upload-card,
.image-upload-tile,
.image-preview-tile {
  min-width: 0 !important;
  overflow: hidden !important;
}

.mgmt-card,
.history-card,
.tracking-card,
.order-card {
  min-width: 0 !important;
  overflow: visible !important;
}

.mgmt-card-name,
.history-name,
.history-card h3,
.tracking-card h3 {
  max-width: 100% !important;
  white-space: nowrap !important;
}

.mgmt-card-desc,
.history-meta,
.history-card p,
.tracking-card p {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Plan/token bottom bars must not crush text or buttons */
.token-bottom,
.liquid-token-bottom,
.liquid-v12-token-bottom,
.floating-bottom-bar,
.token-vat-bottom-v1544 {
  min-width: 0 !important;
  overflow: visible !important;
}

.token-bottom-buy,
.token-bottom-summary,
.liquid-primary-btn,
.liquid-secondary-btn,
.token-bottom .btn,
.floating-bottom-bar .btn {
  min-width: 0 !important;
}

.liquid-token-card,
.readable-token-card,
.liquid-v12-token-card,
.liquid-plan-card,
.readable-plan-card,
.liquid-v12-plan-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

.liquid-plan-name,
.liquid-token-amount,
.liquid-plan-price,
.liquid-token-price,
.liquid-plan-storage,
.liquid-token-copy {
  overflow-wrap: anywhere !important;
}

/* Modal/content dropdowns */
.modal,
.modal-card,
.modal-wide,
.wide-filter-modal,
.filter-dropdown-modal-shell-v166 {
  min-width: 0 !important;
  max-width: min(920px, calc(100vw - 28px)) !important;
}

.modal-actions,
.bottom-bar,
.settings-bottom-bar {
  min-width: 0 !important;
}

/* Responsive grid system */
@media (min-width: 1440px) {
  #mpGrid.market-grid,
  #mfGrid.market-grid,
  #favGrid.market-grid,
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  .seller-card-preview-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (min-width: 1180px) and (max-width: 1439px) {
  #mpGrid.market-grid,
  #mfGrid.market-grid,
  #favGrid.market-grid,
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  .seller-card-preview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  #mpGrid.market-grid,
  #mfGrid.market-grid,
  #favGrid.market-grid,
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  .seller-card-preview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: var(--v169-tablet-card-min) !important;
  }
}

@media (max-width: 767px) {
  :root {
    --topbar-h: 56px;
    --page-pad: 14px;
  }

  body {
    overflow-x: hidden !important;
  }

  .topbar {
    height: var(--topbar-h) !important;
    padding: 0 9px !important;
    gap: 6px !important;
  }

  .topbar-left,
  .topbar-right {
    gap: 7px !important;
  }

  .topbar-logo {
    max-width: 42vw !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: clamp(16px, 5.1vw, 22px) !important;
  }

  .topbar-icon-btn,
  .topbar-menu-btn,
  .topbar-back-btn,
  .topbar-discord,
  .topbar-discord-btn,
  .topbar-theme,
  .topbar-theme-btn {
    width: 33px !important;
    height: 33px !important;
    min-width: 33px !important;
    border-radius: 10px !important;
  }

  .topbar-token-pill {
    height: 34px !important;
    max-width: 124px !important;
    padding: 0 5px 0 9px !important;
    gap: 6px !important;
    font-size: 12px !important;
  }

  .topbar-token-plus {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }

  .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 15px 14px calc(22px + env(safe-area-inset-bottom)) !important;
  }

  .page-inner {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ref-page-header,
  .liquid-hero,
  .withdrawal-page-head {
    margin-bottom: 15px !important;
  }

  .page-title,
  .ref-page-header .page-title,
  .liquid-hero h1 {
    font-size: clamp(28px, 9vw, 42px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.06em !important;
  }

  .page-desc,
  .liquid-hero p {
    font-size: clamp(14px, 4.2vw, 18px) !important;
    line-height: 1.42 !important;
  }

  .sticky-market-toolbar,
  .one-piece-toolbar,
  .search-filter-row {
    position: relative !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
    border-radius: 22px !important;
  }

  .search-filter-combo,
  .neo-search-control {
    min-height: 48px !important;
    border-radius: 999px !important;
  }

  .search-input {
    font-size: 14px !important;
  }

  .ref-count-label {
    justify-self: end !important;
    align-self: center !important;
    font-size: 13px !important;
  }

  #mpGrid.market-grid,
  #mfGrid.market-grid,
  #favGrid.market-grid,
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  .seller-card-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: var(--v169-mobile-card-min) !important;
    border-radius: 18px !important;
  }

  #mpGrid .public-product-card-v1542 > .market-card-preview,
  #mpGrid .public-product-card-v1542 > .ref-card-preview,
  #mfGrid .public-file-card-v1542 > .market-card-preview,
  #mfGrid .public-file-card-v1542 > .ref-card-preview,
  #favGrid .public-product-card-v1542 > .market-card-preview,
  #favGrid .public-product-card-v1542 > .ref-card-preview,
  #favGrid .public-file-card-v1542 > .market-card-preview,
  #favGrid .public-file-card-v1542 > .ref-card-preview,
  .management-card-grid .public-management-card-v1542 > .market-card-preview,
  .management-card-grid .public-management-card-v1542 > .ref-card-preview,
  .seller-card-preview-grid .public-product-card-v1542 > .market-card-preview,
  .seller-card-preview-grid .public-product-card-v1542 > .ref-card-preview,
  .seller-card-preview-grid .public-file-card-v1542 > .market-card-preview,
  .seller-card-preview-grid .public-file-card-v1542 > .ref-card-preview {
    aspect-ratio: var(--v169-card-preview-ratio-mobile) !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }

  .public-product-card-v1542 .ref-card-body,
  .public-file-card-v1542 .ref-card-body,
  .public-management-card-v1542 .ref-card-body,
  .market-card .market-card-body,
  .market-card .ref-card-body,
  .management-market-card .ref-card-body {
    padding: 10px 9px 11px !important;
    row-gap: 6px !important;
  }

  .public-product-card-v1542 .ref-card-title,
  .public-file-card-v1542 .ref-card-title,
  .public-management-card-v1542 .ref-card-title,
  .market-card-title,
  .ref-card-title {
    min-height: calc(2 * 1.22em) !important;
    max-height: calc(2 * 1.22em) !important;
    font-size: clamp(12.5px, 3.35vw, 14px) !important;
    line-height: 1.22 !important;
  }

  .public-product-card-v1542 .ref-card-location,
  .product-management-card-v1542 .ref-card-location,
  .ref-card-location {
    min-height: 16px !important;
    font-size: 11px !important;
  }

  .public-product-card-v1542 .ref-chip-row,
  .public-file-card-v1542 .ref-chip-row,
  .public-management-card-v1542 .ref-chip-row,
  .ref-chip-row {
    min-height: 22px !important;
    max-height: 22px !important;
    gap: 5px !important;
  }

  .public-product-card-v1542 .ref-chip-row span,
  .public-file-card-v1542 .ref-chip-row span,
  .public-management-card-v1542 .ref-chip-row span,
  .ref-chip-row span,
  .preview-tag {
    height: 20px !important;
    max-width: 78px !important;
    padding: 0 6px !important;
    font-size: 8.5px !important;
    line-height: 20px !important;
  }

  .card-price-label {
    font-size: 11px !important;
    min-height: 14px !important;
  }

  .card-bottom-line {
    align-items: end !important;
    min-height: 27px !important;
    gap: 5px !important;
  }

  .card-bottom-line .ref-card-price span,
  .ref-card-price span,
  .market-card-price span {
    font-size: clamp(19px, 5.3vw, 23px) !important;
  }

  .card-bottom-line .ref-sales-meta {
    max-width: 54% !important;
    font-size: 9.7px !important;
  }

  .card-heart-only,
  .market-card-fav.card-heart-only,
  .public-management-card-v1542 .management-static-heart,
  .market-card-fav,
  .ref-heart,
  .market-card-heart {
    top: 9px !important;
    right: 9px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  .detail-layout,
  .detail-layout-v167,
  .listing-settings-shell,
  .withdrawal-centered,
  .profile-settings-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .detail-preview,
  .detail-preview-v167 {
    position: relative !important;
    top: auto !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / .82 !important;
    border-radius: 20px !important;
  }

  .detail-main-card-v167,
  .detail-info,
  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card,
  .withdrawal-summary-card,
  .withdrawal-form-card,
  .profile-card,
  .profile-actions-card {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .detail-actions,
  .detail-actions-v167 {
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .detail-main-header-v167 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border-soft) !important;
  }

  .detail-title {
    font-size: clamp(27px, 8.6vw, 38px) !important;
    line-height: 1.05 !important;
  }

  .detail-price {
    white-space: normal !important;
    font-size: clamp(22px, 6.5vw, 30px) !important;
  }

  .detail-section-v167,
  .detail-description-section-v167,
  .detail-option-panel-v167,
  .detail-delivery-v167,
  .detail-mail-section-v167,
  .detail-seller-lite-v167,
  .detail-comments-zone {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .detail-section-head-v167,
  .detail-comments-head,
  .settings-section-head,
  .card-header {
    gap: 10px !important;
  }

  .detail-option-grid-v167,
  .product-option-grid-v167,
  .file-option-grid-v167,
  .image-upload-grid,
  .sku-grid,
  .profile-address-grid,
  .form-row,
  .modal-grid,
  .management-bento-metrics-v161,
  .summary-row,
  .plan-summary-strip,
  .token-bottom-metrics,
  .token-vat-summary-grid,
  .paypal-inline-grid-v151,
  .history-list,
  .tracking-list,
  .order-grid,
  .liquid-token-grid,
  .readable-token-grid,
  .liquid-v12-token-grid,
  .token-pack-grid,
  .liquid-card-grid,
  .readable-plan-grid,
  .liquid-v12-plan-grid,
  .plan-grid {
    grid-template-columns: 1fr !important;
  }

  .management-bento-card-v161 {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .management-bento-title-row-v161 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
  }

  .management-bento-metrics-v161 {
    gap: 10px !important;
  }

  .management-metric-v161,
  .summary-item {
    min-height: 76px !important;
  }

  .segmented-tabs,
  .wide-split-tabs,
  .favorites-split-tabs,
  .seller-split-tabs-v165,
  .tabs {
    width: 100% !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }

  .segmented-tabs button,
  .tabs button,
  .tab-btn {
    flex: 1 0 auto !important;
  }

  .mgmt-card,
  .history-card,
  .tracking-card,
  .order-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 12px !important;
  }

  .mgmt-card-left,
  .mgmt-card-right,
  .tracking-card-main,
  .tracking-card-actions {
    width: 100% !important;
  }

  .mgmt-card-right,
  .tracking-card-actions {
    justify-content: flex-start !important;
  }

  .floating-add {
    right: 18px !important;
    bottom: 18px !important;
    width: 54px !important;
    height: 54px !important;
  }

  .token-bottom,
  .liquid-token-bottom,
  .liquid-v12-token-bottom,
  .floating-bottom-bar,
  .token-vat-bottom-v1544 {
    position: sticky !important;
    bottom: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .token-bottom-buy,
  .token-bottom .btn,
  .floating-bottom-bar .btn,
  .settings-bottom-bar .btn,
  .bottom-bar .btn,
  .modal-actions .btn {
    width: 100% !important;
  }

  .settings-bottom-bar,
  .bottom-bar,
  .modal-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .modal-overlay {
    padding: 12px !important;
    align-items: flex-end !important;
  }

  .modal,
  .modal-card,
  .modal-wide,
  .wide-filter-modal,
  .filter-dropdown-modal-shell-v166 {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 88vh !important;
    padding: 18px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .long-option-list,
  .choice-list,
  .neo-radio-list,
  .settings-choice-list,
  .filter-dropdown-list-v166 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 360px) {
  #mpGrid.market-grid,
  #mfGrid.market-grid,
  #favGrid.market-grid,
  .market-grid,
  .management-card-grid,
  .seller-card-grid-v165,
  .seller-card-preview-grid {
    grid-template-columns: 1fr !important;
  }

  .public-product-card-v1542,
  .public-file-card-v1542,
  .public-management-card-v1542 {
    min-height: 360px !important;
  }

  .topbar-logo { max-width: 38vw !important; }
}

/* ==========================================================================
   Latest Marketplace UX/UI Pass v17.0
   Applies latest Token / Withdrawal / Plan logic and normalizes premium cards.
   ========================================================================== */
:root {
  --bg-main: #000103;
  --bg-panel: #070A0F;
  --bg-card: #0D1117;
  --bg-card-hover: #111827;
  --border-soft: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);
  --text-main: #FFFFFF;
  --text-muted: #9CA3AF;
  --text-soft: #D1D5DB;
  --accent-green: #10B981;
  --accent-orange: #10B981;
  --accent-red: #EF4444;
  --accent-blue: #60A5FA;
  --accent-yellow: #FBBF24;
  --heart-active: #FF4D7D;
}

body { background: var(--bg-main) !important; color: var(--text-main) !important; }
button, input, textarea, select { font-family: "Space Grotesk", "Inter", "Segoe UI", sans-serif; }
.topbar-logo { font-family: "Space Grotesk", "Inter", "Segoe UI", sans-serif !important; }
.logo-market { color: var(--accent-green) !important; }

.latest-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-soft);
  border-radius: 28px;
  background:
    radial-gradient(circle at 85% 12%, rgba(16,185,129,0.16), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(16,185,129,0.10), transparent 32%),
    linear-gradient(135deg, rgba(13,17,23,0.98), rgba(7,10,15,0.92));
  padding: clamp(22px, 4vw, 42px) !important;
  margin-bottom: 22px;
}
.latest-hero h1 { font-size: clamp(30px, 5vw, 58px); line-height: .98; margin: 8px 0 12px; letter-spacing: -0.04em; }
.latest-hero p { max-width: 780px; color: var(--text-soft); font-size: clamp(14px, 1.25vw, 18px); line-height: 1.55; }

.latest-token-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: 20px; align-items: start; padding-bottom: 112px; }
.latest-token-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.latest-token-card, .latest-plan-card, .latest-checkout-card, .latest-withdrawal-balance-card, .latest-withdrawal-form-card, .latest-plan-summary, .latest-kyc-card {
  background: linear-gradient(180deg, rgba(13,17,23,0.98), rgba(7,10,15,0.98));
  border: 1px solid var(--border-soft);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
}
.latest-token-card { padding: 18px; min-height: 252px; display: flex; flex-direction: column; gap: 12px; transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease, background .16s ease; }
.latest-token-card:hover { transform: translateY(-2px); border-color: rgba(16,185,129,0.35); background: var(--bg-card-hover); }
.latest-token-card:active { transform: scale(.985); }
.latest-token-card.selected { border-color: rgba(16,185,129,0.65); box-shadow: 0 0 0 4px rgba(16,185,129,0.12), 0 18px 44px rgba(0,0,0,.32); }
.latest-token-card.featured { border-color: rgba(16,185,129,0.38); }
.latest-token-card-top, .latest-plan-card-top, .latest-checkout-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.latest-token-card h2, .latest-plan-card h2, .latest-checkout-card h2 { margin: 4px 0 0; font-size: 24px; letter-spacing: -0.03em; }
.latest-token-price, .latest-plan-price { color: var(--accent-orange); font-size: 24px; font-weight: 800; margin: 0; }
.latest-status-pill, .latest-provider-badge { display:inline-flex; align-items:center; border-radius:999px; padding: 6px 10px; border:1px solid var(--border-soft); color: var(--text-soft); background: rgba(255,255,255,0.04); font-size: 11px; font-weight: 800; white-space: nowrap; }
.latest-status-pill.success { color: var(--accent-green); border-color: rgba(16,185,129,0.35); background: rgba(16,185,129,0.12); }
.latest-status-pill.pending { color: var(--accent-yellow); border-color: rgba(251,191,36,0.32); background: rgba(251,191,36,0.10); }
.latest-status-pill.muted-pill { color: var(--text-muted); }
.latest-provider-badge { color: var(--accent-blue); border-color: rgba(96,165,250,0.32); background: rgba(96,165,250,0.10); }
.latest-qty-control { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--border-soft); background:rgba(255,255,255,0.035); border-radius:999px; padding:7px; }
.latest-qty-control button { width:38px; height:38px; border-radius:50%; border:0; background:rgba(255,255,255,0.08); color:#fff; font-size:22px; cursor:pointer; transition: transform .14s ease, background .14s ease; }
.latest-qty-control button:hover { background:rgba(16,185,129,0.20); }
.latest-qty-control button:active { transform:scale(.92); }
.latest-qty-control span { font-weight:900; font-size:18px; }

.latest-checkout-card { position: sticky; top: calc(var(--topbar-h) + 20px); padding: 20px; }
.latest-summary-row { display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid rgba(255,255,255,.07); padding:12px 0; color:var(--text-muted); }
.latest-summary-row strong { color:var(--text-main); text-align:right; }
.latest-net-row strong { color:var(--accent-orange); font-size:20px; }
.latest-payment-note { margin:14px 0; font-size:12px; line-height:1.5; }
.latest-buy-token-btn { width:100%; min-height:48px; border-radius:999px !important; border:0 !important; background: var(--accent-orange) !important; color:#fff !important; font-weight:900 !important; box-shadow: 0 12px 24px rgba(16,185,129,.18); }
.latest-buy-token-btn:hover:not(:disabled) { box-shadow: 0 0 0 4px rgba(16,185,129,.16), 0 16px 34px rgba(16,185,129,.22); }
.latest-buy-token-btn:active:not(:disabled) { transform: scale(.96); }
.latest-buy-token-btn:disabled { opacity:.45; cursor:not-allowed; box-shadow:none; }
.latest-mobile-checkout { display:none; }

.latest-plan-summary { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; padding: 16px; margin-bottom: 18px; }
.latest-plan-summary div { min-width:0; border-right:1px solid rgba(255,255,255,.08); padding-right:12px; }
.latest-plan-summary div:last-child { border-right:0; }
.latest-plan-summary span { display:block; color:var(--text-muted); font-size:12px; margin-bottom:4px; }
.latest-plan-summary strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.latest-plan-grid { display:grid; grid-template-columns: repeat(5, minmax(190px, 1fr)); gap:16px; align-items:stretch; }
.latest-plan-card { padding:18px; display:flex; flex-direction:column; min-height:360px; transition: border-color .16s ease, transform .16s ease, background .16s ease; }
.latest-plan-card:hover { transform: translateY(-2px); background:var(--bg-card-hover); border-color: rgba(16,185,129,.35); }
.latest-plan-card.current { border-color: rgba(16,185,129,.65); box-shadow: 0 0 0 4px rgba(16,185,129,.10); }
.latest-plan-storage { color:#fff; font-size:42px; letter-spacing:-.05em; margin:22px 0 4px; }
.latest-plan-note { color:var(--text-soft); min-height:42px; }
.latest-plan-features { margin: 10px 0 18px; padding-left: 18px; color:var(--text-muted); line-height:1.45; font-size:13px; }
.latest-plan-btn { margin-top:auto; width:100%; border-radius:999px !important; font-weight:900 !important; }
.latest-plan-btn.primary { background:var(--accent-green) !important; color:#00130C !important; }
.latest-plan-btn.secondary { background:transparent !important; color:var(--text-soft) !important; border:1px solid var(--border-strong) !important; }
.latest-plan-btn.current { background:rgba(16,185,129,.14) !important; color:var(--accent-green) !important; border:1px solid rgba(16,185,129,.32) !important; cursor: default; }
.latest-plan-ledger-note { margin-top:18px; }

.latest-withdrawal-shell { display:grid; grid-template-columns: minmax(260px, 380px) minmax(0, 1fr); gap:20px; align-items:start; }
.latest-withdrawal-balance-card, .latest-withdrawal-form-card { padding:20px; }
.latest-withdrawal-balance-card > strong { display:block; font-size:42px; letter-spacing:-.05em; margin:8px 0 10px; color:var(--accent-orange); }
.latest-field-error { min-height:22px; color:var(--accent-red); font-size:13px; margin:6px 0 12px; }
.latest-withdraw-btn { min-height:48px; border-radius:999px !important; font-weight:900 !important; }
.latest-withdraw-btn:disabled { opacity:.45; cursor:not-allowed; }

.latest-capacity-metric small { display:block; color:var(--text-muted); font-size:11px; line-height:1.35; margin-top:4px; }
.latest-checklist-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.latest-checklist-grid .check-item { background:rgba(255,255,255,.035); border:1px solid var(--border-soft); border-radius:12px; padding:10px; }
.empty-state { border:1px dashed var(--border-strong); border-radius:16px; color:var(--text-muted); padding:22px; text-align:center; }

.market-card, .management-card, .history-card, .tracking-card, .order-card, .profile-card, .setting-card, .management-bento-card-v161 {
  border-radius: 20px !important;
  border-color: var(--border-soft) !important;
}
.market-card:hover { border-color: rgba(16,185,129,.35) !important; }
.ref-card-title, .market-card-title { display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height: calc(1.35em * 2); }
.card-bottom-line { margin-top:auto; }

@media (max-width: 1320px) { .latest-plan-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .latest-token-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 980px) {
  .latest-token-shell, .latest-withdrawal-shell { grid-template-columns:1fr; }
  .latest-token-grid { grid-template-columns:1fr; }
  .latest-checkout-card { position:static; }
  .latest-plan-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .latest-plan-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .latest-plan-summary div { border-right:0; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:10px; }
}
@media (max-width: 640px) {
  .page-inner { padding-bottom: 104px !important; }
  .latest-hero { border-radius:22px; padding:22px !important; }
  .latest-plan-grid, .latest-plan-summary, .latest-checklist-grid { grid-template-columns:1fr; }
  .latest-plan-card { min-height:auto; }
  .latest-token-shell { padding-bottom:120px; }
  .latest-checkout-card { display:none; }
  .latest-mobile-checkout {
    position: sticky !important;
    left: auto !important;
    right: auto !important;
    bottom: 0 !important;
    z-index: 90 !important;
    display:grid !important;
    grid-template-columns: 1fr 1fr auto !important;
    gap:10px !important;
    align-items:center !important;
    background:rgba(13,17,23,.96) !important;
    border:1px solid var(--border-strong) !important;
    border-radius:20px !important;
    padding:12px !important;
    margin-top: 18px !important;
    backdrop-filter: blur(16px);
  }
  .latest-mobile-checkout span { display:block; color:var(--text-muted); font-size:10px; }
  .latest-mobile-checkout strong { display:block; color:#fff; font-size:12px; white-space:nowrap; }
  .latest-mobile-checkout .latest-buy-token-btn { width:auto !important; min-width:76px !important; min-height:42px !important; }
  .latest-withdrawal-balance-card > strong { font-size:34px; }
}
@media (max-width: 380px) {
  .latest-mobile-checkout { grid-template-columns:1fr !important; }
  .latest-mobile-checkout .latest-buy-token-btn { width:100% !important; }
}


/* ==========================================================================
   Human Behavior Layout Pass v17.1
   Goal: optimize information order before adding any new feature.
   Reading model: visual scan -> relevance -> trust -> price/action -> detail.
   ========================================================================== */
:root {
  --human-gap: clamp(14px, 1.7vw, 24px);
  --human-radius: 24px;
  --human-sticky-top: calc(var(--topbar-h, 64px) + 18px);
}

.main-content .page-inner {
  max-width: 1480px !important;
  margin-inline: auto !important;
}

.behavior-market-header,
.behavior-management-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: var(--human-gap) !important;
  align-items: end !important;
}

.behavior-header-proof {
  align-self: stretch;
  min-width: 250px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 16px 18px;
  border: 1px solid rgba(16,185,129,.20);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(255,255,255,.035));
  color: var(--text-soft);
}
.behavior-header-proof strong { color: var(--accent-green); letter-spacing: -.02em; }
.behavior-header-proof span { font-size: 12px; color: var(--text-muted); }

.behavior-intent-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 0 16px;
  scrollbar-width: none;
}
.behavior-intent-strip::-webkit-scrollbar { display: none; }
.behavior-intent-strip button {
  flex: 0 0 auto;
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: var(--text-soft);
  padding: 10px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, background .14s ease;
}
.behavior-intent-strip button:hover,
.behavior-intent-strip button.is-active {
  border-color: rgba(16,185,129,.42);
  background: rgba(16,185,129,.12);
  color: #fff;
}
.behavior-intent-strip button:active { transform: scale(.96); }

.behavior-toolbar {
  position: sticky !important;
  top: calc(var(--topbar-h, 64px) + 8px) !important;
  z-index: 25 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  padding: 10px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(7,10,15,.82) !important;
  backdrop-filter: blur(18px) !important;
}
.behavior-search-primary { min-height: 56px !important; }
.behavior-result-count {
  padding: 0 10px;
  color: var(--text-muted) !important;
  white-space: nowrap;
}

.behavior-market-grid.market-grid,
#mpGrid.behavior-market-grid,
#mfGrid.behavior-market-grid {
  grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)) !important;
  gap: clamp(12px, 1.4vw, 20px) !important;
  align-items: stretch !important;
}

.behavior-scan-card {
  cursor: pointer;
  isolation: isolate;
}
.behavior-scan-card .ref-card-body {
  grid-template-rows: min-content minmax(calc(2 * 1.23em), auto) min-content min-content min-content !important;
}
.human-card-meta,
.human-trust-line {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 10.5px;
  color: var(--text-muted);
}
.human-card-meta span,
.human-trust-line span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.human-card-meta span:last-child,
.human-trust-line span:first-child {
  color: var(--accent-green);
}
.human-trust-line {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
}

.behavior-detail-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .8fr) !important;
  grid-template-areas:
    "gallery purchase"
    "secondary purchase" !important;
  gap: var(--human-gap) !important;
  align-items: start !important;
  padding-bottom: 30px !important;
}
.behavior-gallery {
  grid-area: gallery;
  position: sticky !important;
  top: var(--human-sticky-top) !important;
  min-height: 460px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(13,17,23,.98), rgba(7,10,15,.94));
  border: 1px solid var(--border-soft);
}
.behavior-gallery-actions {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  z-index: 3;
}
.behavior-purchase-panel {
  grid-area: purchase;
  position: sticky !important;
  top: var(--human-sticky-top) !important;
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  padding: 20px !important;
}
.behavior-secondary-panel {
  grid-area: secondary;
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.behavior-purchase-head {
  display: grid;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border-soft);
}
.behavior-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.behavior-microcopy {
  margin: 0 !important;
  line-height: 1.45;
}
.behavior-decision-block {
  border-color: rgba(16,185,129,.16) !important;
  background: rgba(16,185,129,.035) !important;
}
.behavior-option-grid.detail-option-grid-v167 {
  grid-template-columns: 1fr !important;
}
.behavior-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.behavior-trust-row span {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  color: var(--text-soft);
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 800;
}
.behavior-primary-buy {
  min-height: 52px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 36px rgba(16,185,129,.20) !important;
}

.behavior-management-card { padding: 20px !important; }
.behavior-shop-row { align-items: start !important; }
.behavior-management-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.behavior-ops-grid,
.behavior-finance-grid {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.behavior-ops-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; margin-top: 18px; }
.file-ops-grid { grid-template-columns: 1.1fr 1.1fr 1fr 1fr; }
.behavior-finance-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 12px; }
.behavior-ops-metric,
.behavior-finance-grid .management-metric-v161 {
  min-width: 0;
  min-height: 108px;
  border: 1px solid var(--border-soft);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  padding: 14px;
  display: grid;
  align-content: start;
  gap: 6px;
}
.behavior-ops-metric.critical {
  border-color: rgba(16,185,129,.32);
  background: linear-gradient(135deg, rgba(16,185,129,.12), rgba(255,255,255,.035));
}
.behavior-ops-metric span,
.behavior-finance-grid .management-metric-v161 span { color: var(--text-muted); font-size: 12px; }
.behavior-ops-metric strong,
.behavior-finance-grid .management-metric-v161 strong { color: #fff; font-size: clamp(18px, 1.5vw, 26px); line-height: 1.05; }
.behavior-ops-metric small { color: var(--text-muted); line-height: 1.35; }
.behavior-task-tabs { margin: 18px 0 16px !important; }
.behavior-management-listing-grid.management-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(218px, 1fr)) !important;
}

.latest-token-shell {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
}
.latest-token-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}
.latest-plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
.latest-plan-card.current { order: -1; }

@media (min-width: 1500px) {
  .behavior-market-grid.market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

@media (max-width: 1100px) {
  .behavior-detail-shell {
    grid-template-columns: 1fr !important;
    grid-template-areas: "gallery" "purchase" "secondary" !important;
  }
  .behavior-gallery,
  .behavior-purchase-panel { position: relative !important; top: auto !important; }
  .behavior-ops-grid,
  .file-ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .behavior-finance-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .behavior-market-header,
  .behavior-management-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  .behavior-header-proof { min-width: 0; padding: 13px 14px; }
  .behavior-toolbar {
    position: sticky !important;
    top: calc(var(--topbar-h, 56px) + 6px) !important;
    grid-template-columns: 1fr auto !important;
    border-radius: 18px !important;
  }
  .behavior-result-count { font-size: 11px !important; padding-right: 2px; }
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  .behavior-market-grid.market-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .human-card-meta,
  .human-trust-line { font-size: 9.2px; gap: 5px; }
  .human-trust-line { padding: 5px 6px; }
  .behavior-detail-shell { gap: 14px !important; padding-bottom: 102px !important; }
  .behavior-gallery { min-height: 0 !important; aspect-ratio: 1 / .88 !important; border-radius: 20px !important; }
  .behavior-gallery-actions { left: 10px; right: 10px; bottom: 10px; }
  .behavior-purchase-panel { padding: 15px !important; border-radius: 20px !important; }
  .behavior-primary-buy {
    position: sticky !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    z-index: 70 !important;
    width: 100% !important;
  }
  .behavior-trust-row span { font-size: 10px; padding: 7px 8px; }
  .behavior-ops-grid,
  .file-ops-grid,
  .behavior-finance-grid { grid-template-columns: 1fr !important; }
  .behavior-ops-metric,
  .behavior-finance-grid .management-metric-v161 { min-height: auto; }
  .behavior-management-actions { justify-content: flex-start; flex-wrap: wrap; }
  .latest-token-shell { grid-template-columns: 1fr !important; }
}

@media (max-width: 360px) {
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  .behavior-market-grid.market-grid { grid-template-columns: 1fr !important; }
}


/* ==========================================================================
   Minimal Marketplace Color Pass v17.2
   Intent: reduce visual noise. Keep dark neutrals as the main surface language,
   use green only for primary actions / active state, and red only for danger.
   ========================================================================== */
:root {
  --bg-page: #000103;
  --bg-main: #000103;
  --bg-panel: #07090D;
  --bg-card: #0B0D11;
  --bg-card-hover: #0F1218;
  --bg-input: #0F1218;
  --card-bg: #0B0D11;
  --input-bg: #0F1218;
  --page-bg: #000103;
  --text-main: #F8FAFC;
  --text-secondary: #D1D5DB;
  --text-soft: #CBD5E1;
  --text-muted: #8B949E;
  --text-dim: #626B76;
  --green: #10B981;
  --accent-green: #10B981;
  --orange: #10B981;
  --orange-hover: #0EA371;
  --accent-orange: #10B981;
  --accent-blue: #94A3B8;
  --accent-yellow: #A3A3A3;
  --discord: #8B949E;
  --heart-active: #10B981;
  --heart-idle: rgba(255,255,255,0.72);
  --border: rgba(255,255,255,0.10);
  --border-soft: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.16);
  --liquid-red: #10B981;
  --liquid-red-strong: #0EA371;
  --liquid-red-soft: rgba(16,185,129,0.10);
  --liquid-red-border: rgba(16,185,129,0.24);
}

body,
.app-shell,
.main-content,
.page-inner {
  background: #000103 !important;
}

.topbar {
  background: rgba(0,1,3,0.96) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}
.topbar-logo { letter-spacing: -0.025em; }
.topbar-discord,
.topbar-theme,
.topbar-icon-btn { color: var(--text-muted) !important; }
.topbar-token-pill {
  background: #07090D !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: var(--text-secondary) !important;
}
.topbar-token-plus,
.floating-add,
.neo-cta-red {
  background: var(--green) !important;
  color: #00130C !important;
  box-shadow: none !important;
}
.coin { color: var(--green) !important; }

.sidebar {
  background: #000103 !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}
.sidebar-item,
.sidebar-logout {
  border-radius: 10px !important;
}
.sidebar-item:hover,
.sidebar-item.active {
  background: rgba(255,255,255,0.055) !important;
  color: #FFFFFF !important;
}
.sidebar-item.active {
  border-left: 2px solid var(--green) !important;
}

.section-kicker {
  color: var(--text-muted) !important;
  letter-spacing: .08em !important;
}
.page-title,
.latest-hero h1,
.liquid-readable-hero h1,
.detail-title {
  color: #FFFFFF !important;
  letter-spacing: -0.04em !important;
}
.page-desc,
.latest-hero p,
.liquid-readable-hero p,
.muted,
.modal-desc {
  color: var(--text-muted) !important;
}

/* Neutralize decorative color gradients and heavy glow. */
.liquid-hero,
.latest-hero,
.behavior-gallery,
.behavior-purchase-panel,
.behavior-management-card,
.management-bento-card-v161,
.latest-token-card,
.latest-plan-card,
.latest-checkout-card,
.latest-plan-summary,
.profile-card,
.current-plan-card,
.balance-card,
.seller-hero,
.setting-card,
.market-card,
.card,
.management-card,
.plan-card,
.token-pack-card,
.history-card,
.tracking-card,
.order-card,
.address-card,
.option-card,
.summary-item,
.detail-main-card-v167,
.detail-section-v167,
.modal-card {
  background: #0B0D11 !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow: none !important;
}
.behavior-secondary-panel {
  background: transparent !important;
  border: 0 !important;
}

.market-card:hover,
.latest-token-card:hover,
.latest-plan-card:hover,
.profile-card:hover,
.management-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(16,185,129,0.28) !important;
  background: #0F1218 !important;
  box-shadow: none !important;
}

/* Search, filters, chips. */
.behavior-toolbar,
.sticky-market-toolbar,
.one-piece-toolbar,
.search-filter-combo,
.neo-search-control {
  background: rgba(7,9,13,0.92) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}
.search-input,
.form-input,
.form-textarea,
.filter-select,
.ref-sort-select,
select,
input,
textarea {
  background: #0F1218 !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
.search-input:focus,
.form-input:focus,
.form-textarea:focus,
.filter-select:focus {
  border-color: rgba(16,185,129,0.55) !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.08) !important;
}
.ref-filter-btn,
.search-filter-button,
.neo-filter-inside-btn {
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
}
.ref-filter-btn:hover,
.search-filter-button:hover,
.neo-filter-inside-btn:hover {
  border-color: rgba(16,185,129,0.34) !important;
  color: #FFFFFF !important;
}
.active-filter-chip,
.ref-chip-row span,
.latest-status-pill,
.latest-provider-badge,
.behavior-trust-row span,
.human-trust-line,
.behavior-header-proof,
.behavior-intent-strip button {
  background: rgba(255,255,255,0.045) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
}
.latest-status-pill.success,
.behavior-intent-strip button.is-active,
.active-filter-chip {
  background: rgba(16,185,129,0.08) !important;
  border-color: rgba(16,185,129,0.28) !important;
  color: #B7F7D8 !important;
}
.latest-status-pill.pending,
.notice-warning {
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--text-secondary) !important;
}

/* Cards: clearer but quieter hierarchy. */
.ref-preview-placeholder,
.mini-preview,
.market-card-preview,
.ref-card-preview {
  background: #10141A !important;
  color: var(--text-dim) !important;
}
.ref-card-body,
.market-card-body { gap: 8px !important; }
.ref-card-title,
.market-card-title {
  color: #F8FAFC !important;
  font-weight: 650 !important;
}
.ref-card-price span,
.latest-token-price,
.latest-plan-price,
.detail-price,
.latest-plan-storage {
  color: #FFFFFF !important;
}
.ref-card-price small,
.ref-sales-meta,
.ref-card-location,
.ref-purchase-count,
.human-card-meta,
.human-trust-line {
  color: var(--text-muted) !important;
}
.human-card-meta span:last-child,
.human-trust-line span:first-child {
  color: var(--text-secondary) !important;
}
.ref-heart.active,
.market-card-fav.active {
  color: var(--green) !important;
}
.ref-heart:hover,
.market-card-fav:hover {
  color: #FFFFFF !important;
}

/* Buttons: one primary color only. */
.btn-primary,
.latest-buy-token-btn,
.liquid-primary-btn,
.latest-plan-btn.primary,
.behavior-primary-buy {
  background: var(--green) !important;
  color: #00130C !important;
  border: 1px solid rgba(16,185,129,0.2) !important;
  box-shadow: none !important;
}
.btn-primary:hover,
.latest-buy-token-btn:hover,
.liquid-primary-btn:hover,
.latest-plan-btn.primary:hover,
.behavior-primary-buy:hover {
  background: #12C98C !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.08) !important;
}
.btn-secondary,
.neutral-btn,
.latest-plan-btn.secondary,
.latest-plan-btn.current,
.plain-action,
.plain-gear {
  background: rgba(255,255,255,0.045) !important;
  color: var(--text-secondary) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}
.btn-secondary:hover,
.neutral-btn:hover,
.latest-plan-btn.secondary:hover,
.plain-action:hover,
.plain-gear:hover {
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.btn:disabled,
button:disabled {
  opacity: .45 !important;
  box-shadow: none !important;
}
.btn-danger,
.danger-btn,
.profile-logout-btn {
  background: rgba(239,68,68,0.08) !important;
  color: #FCA5A5 !important;
  border: 1px solid rgba(239,68,68,0.22) !important;
}

/* Buy token / plan: remove colorful marketing treatment. */
.latest-token-card.featured,
.latest-plan-card.current,
.latest-token-card.selected,
.token-pack-card.selected {
  border-color: rgba(16,185,129,0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(16,185,129,0.12) !important;
}
.latest-qty-control {
  background: #0F1218 !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}
.latest-qty-control button {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border: 0 !important;
}
.latest-qty-control button:hover { color: #FFFFFF !important; }
.latest-summary-row,
.latest-net-row {
  border-color: rgba(255,255,255,0.08) !important;
}
.latest-net-row strong { color: #FFFFFF !important; }

/* Management metrics: no color blocks; active state only with subtle green border. */
.behavior-ops-metric,
.behavior-finance-grid .management-metric-v161,
.management-metric-v161 {
  background: #0F1218 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.09) !important;
  box-shadow: none !important;
}
.behavior-ops-metric.critical {
  background: #0F1218 !important;
  border-color: rgba(16,185,129,0.24) !important;
}
.behavior-ops-metric strong,
.management-metric-v161 strong { color: #FFFFFF !important; }

/* Switches and checklist controls. */
.switch span,
.toggle-switch,
.neo-switch-wrap span {
  background: #1A1F27 !important;
  border-color: rgba(255,255,255,0.12) !important;
}
.switch input:checked + span,
.toggle-switch.on,
.neo-switch-wrap input:checked + span {
  background: rgba(16,185,129,0.72) !important;
  border-color: rgba(16,185,129,0.28) !important;
}
.check-item,
.choice-row {
  background: rgba(255,255,255,0.035) !important;
  border-color: rgba(255,255,255,0.09) !important;
  color: var(--text-secondary) !important;
}
.choice-row.active,
.check-item:has(input:checked) {
  background: rgba(16,185,129,0.08) !important;
  border-color: rgba(16,185,129,0.25) !important;
}

/* Notices should not become rainbow blocks. */
.notice,
.notice-info,
.latest-plan-ledger-note {
  background: rgba(255,255,255,0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
}
.notice strong { color: #FFFFFF !important; }

/* Mobile: preserve minimal hierarchy and avoid visual crowding. */
@media (max-width: 767px) {
  .behavior-intent-strip {
    gap: 8px !important;
    padding-bottom: 2px !important;
  }
  .behavior-intent-strip button {
    padding: 8px 11px !important;
    font-size: 12px !important;
  }
  .behavior-toolbar {
    background: rgba(7,9,13,0.96) !important;
    border-radius: 16px !important;
  }
  .latest-mobile-checkout,
  .token-bottom {
    background: rgba(7,9,13,0.96) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: none !important;
  }
  .behavior-gallery,
  .behavior-purchase-panel,
  .detail-section-v167 {
    border-radius: 16px !important;
  }
}

/* v17.2 fine-tune: remove remaining warm accent literals from visible UI. */
:root {
  --premium-orange: #FFFFFF;
  --premium-orange-deep: #D1D5DB;
  --v16-premium-orange: #FFFFFF;
  --brand-orange: #FFFFFF;
}
.card-bottom-line .ref-card-price span,
.ref-card-price span,
.market-card-price span,
.market-card-price,
.mgmt-card-price,
.token-vat-summary-grid .net-price-line strong,
.net-price-line strong,
.sku-price {
  color: #FFFFFF !important;
}
.card-price-label,
.ref-card-price small,
.market-card-price small {
  color: var(--text-muted) !important;
}
.latest-status-pill.pending {
  color: var(--text-secondary) !important;
  border-color: rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.045) !important;
}

/* ========================================================================== 
   v17.3 Orange Price Restore
   Scope: restore orange only on visible price / money / token amount values.
   Keep the rest of v17.2 minimal palette unchanged.
   ========================================================================== */
:root {
  --price-orange: #F97316;
  --price-orange-soft: #FDBA74;
  --price-orange-bg: rgba(249,115,22,0.08);
  --price-orange-border: rgba(249,115,22,0.18);
}

/* Marketplace card price */
.ref-card-price span,
.market-card-price,
.market-card-price span,
.card-bottom-line .ref-card-price span,
.mgmt-card-price,
.history-card .price,
.tracking-card .price {
  color: var(--price-orange) !important;
}

.ref-card-price small,
.market-card-price small,
.card-price-label {
  color: var(--text-muted) !important;
}

/* Detail page primary price */
.detail-price,
.behavior-price-stack strong,
.behavior-purchase-price,
.product-price,
.file-price,
.latest-token-price,
.latest-plan-price,
.latest-plan-storage,
.token-bottom-summary strong,
.latest-net-row strong,
.net-price-line strong,
.token-vat-summary-grid .net-price-line strong,
.withdrawal-rate-value,
.withdrawal-preview-value,
.withdrawal-summary-card strong,
.balance-card strong,
.management-token-block strong,
.profile-plan-value {
  color: var(--price-orange) !important;
}

/* Buy Token cards: orange is used for price only, not the whole card. */
.minimal-token-card strong,
.latest-token-card strong,
.apple-token-card strong,
.liquid-token-card strong,
.readable-token-card strong,
.token-pack-price,
.token-pack-amount strong {
  color: var(--price-orange) !important;
}

.minimal-token-card span,
.latest-token-card span,
.apple-token-card span,
.liquid-token-card span,
.readable-token-card span {
  color: var(--text-muted) !important;
}

/* Token topbar plus remains orange and is allowed as the only circular orange control. */
.topbar-token-plus,
.token-plus,
.token-add,
.token-add-button {
  background: var(--price-orange) !important;
  color: #FFFFFF !important;
}
.coin,
.token-coin,
.token-currency-mark {
  color: var(--price-orange) !important;
}

/* Selected token card uses a subtle orange price cue, while card border remains minimal. */
.minimal-token-card.selected,
.latest-token-card.selected,
.token-pack-card.selected {
  border-color: var(--price-orange-border) !important;
  box-shadow: inset 0 0 0 1px rgba(249,115,22,0.06) !important;
}

/* Keep primary actions green. Only checkout monetary total is orange. */
.btn-primary,
.latest-buy-token-btn,
.liquid-primary-btn,
.latest-plan-btn.primary,
.behavior-primary-buy,
.token-bottom-always .btn-primary {
  background: var(--green) !important;
  color: #00130C !important;
  border-color: rgba(16,185,129,0.28) !important;
}

/* Price inputs/SKU price fields keep neutral surface but orange typed value. */
.sku-price,
input[name*="price"],
input[id*="price"] {
  color: var(--price-orange) !important;
}

/* ========================================================================== 
   v17.4 Luxury Orange Price / Token Scope
   Requirement:
   - Plan page: required token values stay white.
   - Product, File, Product Management, File Management, Profile Settings,
     Product View, and File View: visible price/token values use luxury orange.
   - Keep the minimal palette; do not reintroduce multi-color decorative UI.
   ========================================================================== */
:root {
  --price-orange: #C9822E;
  --price-orange-soft: #E0A35A;
  --price-orange-muted: #B8732A;
  --price-orange-bg: rgba(201,130,46,0.09);
  --price-orange-border: rgba(201,130,46,0.22);
}

/* Generic luxury orange for marketplace price/token values. */
.ref-card-price span,
.market-card-price,
.market-card-price span,
.card-bottom-line .ref-card-price span,
.mgmt-card-price,
.detail-price,
.behavior-price-stack strong,
.behavior-purchase-price,
.product-price,
.file-price,
.price-token,
.token-price,
.token-value,
.token-amount,
.money-value,
.history-card .price,
.tracking-card .price,
.withdrawal-rate-value,
.withdrawal-preview-value,
.withdrawal-summary-card strong,
.balance-card strong,
.management-token-block strong,
.profile-plan-value,
.settings-row-value,
#pdPrice,
#fdPrice,
#pmWithdrawable,
#fmWithdrawable,
#wBalance,
#wEstimate,
#psPlanStorage,
#tokenCartCredit,
#tokenCartSubtotal,
#tokenCartVat,
#tokenCartNet,
#tokenCartCreditMobile,
#tokenCartPriceMobile,
.latest-token-price,
.latest-token-card strong,
.minimal-token-card strong,
.apple-token-card strong,
.liquid-token-card strong,
.readable-token-card strong,
.token-pack-price,
.token-pack-amount strong,
.token-bottom-summary strong,
.latest-net-row strong,
.net-price-line strong,
.token-vat-summary-grid .net-price-line strong {
  color: var(--price-orange) !important;
}

/* Topbar token is also a token value; keep it orange, but luxury/less saturated. */
.topbar-token-pill,
.topbar-token-pill strong,
#tokenBalanceDisplay,
.coin,
.token-coin,
.token-currency-mark {
  color: var(--price-orange) !important;
}
.topbar-token-plus,
.token-plus,
.token-add,
.token-add-button {
  background: var(--price-orange) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(201,130,46,0.20) !important;
}

/* Selected token card: luxury orange signal only on value/selection, not full card. */
.latest-token-card.selected,
.minimal-token-card.selected,
.token-pack-card.selected {
  border-color: var(--price-orange-border) !important;
  box-shadow: inset 0 0 0 1px rgba(201,130,46,0.08) !important;
}

/* Product/File/Product Management/File Management/Profile/Product View/File View: enforce orange. */
body[data-view="market-products"] .ref-card-price span,
body[data-view="market-file"] .ref-card-price span,
body[data-view="product-management"] .ref-card-price span,
body[data-view="file-management"] .ref-card-price span,
body[data-view="product-management"] .mgmt-card-price,
body[data-view="file-management"] .mgmt-card-price,
body[data-view="profile-settings"] .settings-row-value,
body[data-view="profile-settings"] #psPlanStorage,
body[data-view="product-detail"] .detail-price,
body[data-view="file-detail"] .detail-price,
body[data-view="product-detail"] #pdPrice,
body[data-view="file-detail"] #fdPrice {
  color: var(--price-orange) !important;
}

/* Plan page exception: token cost / plan values must be white. */
body[data-view="plan"] .latest-plan-price,
body[data-view="plan"] .latest-plan-storage,
body[data-view="plan"] .latest-plan-card strong,
body[data-view="plan"] .minimal-plan-card strong,
body[data-view="plan"] .liquid-v12-plan-card strong,
body[data-view="plan"] .liquid-plan-price,
body[data-view="plan"] #planTokenBalance,
body[data-view="plan"] .plan-summary-strip strong,
body[data-view="plan"] .latest-plan-summary strong {
  color: #FFFFFF !important;
}

/* Plan page still keeps selected/current borders green, not orange. */
body[data-view="plan"] .latest-plan-card.current,
body[data-view="plan"] .minimal-plan-card.current,
body[data-view="plan"] .liquid-v12-plan-card.current {
  border-color: rgba(16,185,129,0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(16,185,129,0.12) !important;
}

/* Do not color labels orange; only actual numeric/token/money values. */
.ref-card-price small,
.market-card-price small,
.card-price-label,
.latest-summary-row span,
.token-bottom-summary span,
.form-label,
.summary-label,
.muted {
  color: var(--text-muted) !important;
}


/* ========================================================================
   V17.5 Unified KYC Page — minimal verification layout
   ======================================================================== */
body[data-view="kyc-verification"] .page-inner { max-width: 1220px; }
.kyc-page-shell { display:grid; gap:18px; padding-bottom:32px; }
.kyc-hero-card,
.kyc-primary-card,
.kyc-side-card,
.kyc-doc-card,
.kyc-review-card,
.profile-kyc-summary-card {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.26);
}
.kyc-hero-card { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; padding:24px; }
.kyc-hero-card h1 { margin:6px 0 8px; font-size:clamp(30px,4vw,48px); line-height:.96; letter-spacing:-.04em; }
.kyc-hero-card p { max-width:720px; margin:0; color:var(--text-muted); line-height:1.55; }
.kyc-status-stack { display:grid; gap:6px; justify-items:end; min-width:max-content; }
.kyc-status-stack small { color:var(--text-dim); font-size:12px; }
.kyc-status-pill,
.kyc-upload-state {
  display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 10px;
  border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045); color:var(--text-secondary);
}
.kyc-status-pill.pending { color:#D6A25D; border-color:rgba(201,130,46,.34); background:rgba(201,130,46,.08); }
.kyc-status-pill.verified,.kyc-upload-state.done { color:#A7F3D0; border-color:rgba(16,185,129,.34); background:rgba(16,185,129,.10); }
.kyc-status-pill.rejected { color:#FCA5A5; border-color:rgba(239,68,68,.34); background:rgba(239,68,68,.08); }
.kyc-main-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr); gap:18px; }
.kyc-primary-card,.kyc-side-card,.kyc-doc-card,.kyc-review-card { padding:20px; }
.kyc-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; }
.kyc-section-head h2,.kyc-side-card h2,.kyc-review-card h2 { margin:4px 0 0; font-size:20px; letter-spacing:-.02em; }
.kyc-mini-note { color:var(--text-muted); font-size:12px; border:1px solid rgba(255,255,255,.08); border-radius:999px; padding:6px 10px; background:rgba(255,255,255,.035); }
.kyc-type-switch { display:inline-grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:#07090C; margin-bottom:18px; }
.kyc-type-btn { min-width:132px; height:36px; border:0; border-radius:999px; background:transparent; color:var(--text-muted); font-weight:700; cursor:pointer; }
.kyc-type-btn.active { color:#00130C; background:var(--green); }
.kyc-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.kyc-access-list { display:grid; gap:10px; margin-top:16px; }
.kyc-access-list div { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); }
.kyc-access-list strong { color:#fff; }
.kyc-access-list span { color:var(--text-muted); font-size:12px; text-align:right; }
.kyc-alert-note { margin-top:14px; padding:12px; border-radius:12px; color:#D6A25D; background:rgba(201,130,46,.07); border:1px solid rgba(201,130,46,.18); font-size:13px; line-height:1.45; }
.kyc-doc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.kyc-upload-card { padding:14px; border-radius:14px; border:1px solid rgba(255,255,255,.075); background:#090B0E; display:grid; gap:14px; min-height:172px; }
.kyc-upload-card.uploaded { border-color:rgba(16,185,129,.25); }
.kyc-upload-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.kyc-upload-top strong { color:#fff; display:block; margin-bottom:5px; }
.kyc-upload-top p { margin:0; color:var(--text-muted); font-size:12px; line-height:1.45; }
.kyc-upload-state.missing { color:var(--text-secondary); }
.kyc-upload-box { margin-top:auto; min-height:58px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px; border-radius:12px; border:1px dashed rgba(255,255,255,.11); background:rgba(255,255,255,.022); color:var(--text-muted); font-size:12px; }
.kyc-review-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; }
.kyc-timeline { display:grid; gap:12px; margin-top:14px; }
.kyc-step { display:grid; grid-template-columns:18px 1fr; gap:10px; align-items:flex-start; color:var(--text-muted); }
.kyc-step > span { width:12px; height:12px; border-radius:50%; border:1px solid rgba(255,255,255,.22); margin-top:3px; background:#0B0D10; }
.kyc-step.done > span { border-color:rgba(16,185,129,.45); background:var(--green); }
.kyc-step.active > span { border-color:rgba(201,130,46,.55); background:#C9822E; box-shadow:0 0 0 4px rgba(201,130,46,.10); }
.kyc-step strong { color:#fff; display:block; }
.kyc-step small { display:block; color:var(--text-muted); margin-top:2px; }
.kyc-submit-summary { color:#C9822E; font-weight:800; margin:14px 0; }
.kyc-submit-btn { width:100%; }
.kyc-error-text { min-height:18px; color:#D6A25D; font-size:12px; margin:10px 0 0; }
.profile-kyc-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0; }
.profile-kyc-progress div { border:1px solid rgba(255,255,255,.07); border-radius:12px; padding:10px; background:rgba(255,255,255,.025); }
.profile-kyc-progress strong { display:block; color:#C9822E; font-size:18px; }
.profile-kyc-progress span { display:block; color:var(--text-muted); font-size:12px; margin-top:3px; }
.profile-kyc-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
@media(max-width:960px){
  .kyc-main-grid,.kyc-review-grid { grid-template-columns:1fr; }
  .kyc-doc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:639px){
  .kyc-hero-card { flex-direction:column; padding:18px; }
  .kyc-status-stack { justify-items:start; min-width:0; }
  .kyc-primary-card,.kyc-side-card,.kyc-doc-card,.kyc-review-card { padding:16px; }
  .kyc-form-grid,.kyc-doc-grid,.profile-kyc-progress { grid-template-columns:1fr; }
  .kyc-type-switch { width:100%; }
  .kyc-type-btn { min-width:0; width:100%; }
  .kyc-section-head { flex-direction:column; align-items:stretch; }
  .kyc-upload-top,.kyc-upload-box,.kyc-access-list div { flex-direction:column; align-items:flex-start; }
  .kyc-access-list span { text-align:left; }
  .profile-kyc-actions .btn { width:100%; }
}


/* ========================================================================== 
   v17.6 Guideline Completion UI states
   ========================================================================== */
.toast-root-v176{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-v176{min-width:240px;max-width:360px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(13,17,23,.96);color:var(--text-main);box-shadow:0 18px 44px rgba(0,0,0,.35);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .18s ease;font-weight:650}.toast-v176.show{opacity:1;transform:translateY(0) scale(1)}.toast-v176.success{border-color:rgba(16,185,129,.35)}.toast-v176.error{border-color:rgba(239,68,68,.45)}.toast-v176.info{border-color:rgba(201,130,46,.35)}.spinner-v176{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:999px;display:inline-block;margin-right:8px;vertical-align:-2px;animation:spinV176 .7s linear infinite}@keyframes spinV176{to{transform:rotate(360deg)}}.is-loading-v176{cursor:wait!important}.confirm-modal-v176 .modal-title{font-size:1.2rem}.confirm-modal-v176.danger{border-color:rgba(239,68,68,.25)}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-card-v176{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:18px;padding:16px;text-align:left;color:var(--text-main);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.order-card-v176:hover{transform:translateY(-1px);border-color:rgba(16,185,129,.28);background:var(--bg-card-hover)}.order-card-v176 h3{margin:10px 0 8px;font-size:1rem}.order-card-top-v176{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-status-pill-v176{font-size:.72rem;border-radius:999px;padding:5px 8px;border:1px solid var(--border-soft);color:var(--text-soft);white-space:nowrap}.order-status-pill-v176.s0{border-color:rgba(201,130,46,.38);color:#C9822E}.order-status-pill-v176.s1,.order-status-pill-v176.s2{border-color:rgba(255,255,255,.14);color:var(--text-soft)}.order-status-pill-v176.s3{border-color:rgba(16,185,129,.32);color:var(--accent-green)}.order-detail-grid-v176{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.order-detail-grid-v176>div{border:1px solid var(--border-soft);border-radius:14px;padding:12px;background:rgba(255,255,255,.025)}.order-detail-grid-v176 .wide{grid-column:1/-1}.order-detail-grid-v176 span{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:4px}.tracking-card-v176 .tracking-card-actions{display:flex;align-items:center;justify-content:flex-end;min-height:36px}.timeline-v176{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.empty-state-v176{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;border:1px dashed var(--border-soft);border-radius:18px;color:var(--text-muted);gap:6px;background:rgba(255,255,255,.018)}.empty-state-v176 strong{color:var(--text-main)}.settings-bottom-bar{padding-bottom:max(16px,env(safe-area-inset-bottom))}.settings-bottom-bar .danger-btn,.settings-bottom-bar .btn-primary{min-width:140px}.floating-add{box-shadow:0 14px 36px rgba(16,185,129,.22)}.danger-btn{background:rgba(239,68,68,.12)!important;color:#FCA5A5!important;border:1px solid rgba(239,68,68,.28)!important}.danger-btn:hover{border-color:rgba(239,68,68,.48)!important}.latest-price-orange,.ref-card-price,.detail-price,.management-metric-v161 strong{font-variant-numeric:tabular-nums}@media(max-width:720px){.toast-root-v176{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.toast-v176{max-width:none;width:100%}.order-grid{grid-template-columns:1fr}.order-detail-grid-v176{grid-template-columns:1fr}.tracking-card-v176 .tracking-card-actions{justify-content:stretch}.tracking-card-v176 .tracking-card-actions .btn{width:100%}}


/* ==========================================================================
   v17.7 — Seller Order History + LianLianPay Pending page
   ========================================================================== */
.seller-history-header-v177,.lianlian-header-v177{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.seller-history-actions-v177{display:flex;gap:10px;align-items:center}.seller-history-summary-grid-v177{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.seller-history-summary-card-v177,.lianlian-progress-card-v177,.lianlian-summary-card-v177{background:rgba(13,17,23,.82);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.24)}.seller-history-summary-card-v177{padding:16px}.seller-history-summary-card-v177 span,.seller-history-summary-card-v177 small{display:block;color:var(--text-muted)}.seller-history-summary-card-v177 strong{display:block;margin:8px 0 4px;color:var(--text-main);font-size:1.2rem}.seller-history-tabs-v177{margin-bottom:16px}.seller-history-list-v177{display:grid;gap:12px}.seller-order-card-v177{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;padding:14px;border-radius:18px;background:rgba(13,17,23,.78);border:1px solid rgba(255,255,255,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease}.seller-order-card-v177:hover{transform:translateY(-1px);background:rgba(17,24,39,.8);border-color:rgba(16,185,129,.22)}.seller-order-main-v177{display:flex;gap:14px;min-width:0}.seller-order-preview-v177{width:84px;min-width:84px;height:84px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:rgba(255,255,255,.58);font-size:.72rem;font-weight:800;letter-spacing:.08em}.seller-order-content-v177{min-width:0}.seller-order-content-v177 h3{margin:6px 0 6px;font-size:1rem;color:var(--text-main)}.seller-order-top-v177{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seller-order-status-v177{padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid rgba(255,255,255,.08);color:var(--text-soft);background:rgba(255,255,255,.05)}.seller-order-status-v177.completed{color:#10B981;border-color:rgba(16,185,129,.26);background:rgba(16,185,129,.08)}.seller-order-status-v177.refunded{color:#EF4444;border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.08)}.seller-order-dates-v177{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.seller-order-dates-v177 span{font-size:.76rem;color:var(--text-muted);padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.seller-order-side-v177{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px;text-align:right}.seller-order-side-v177 small{color:var(--text-muted);line-height:1.35}.lianlian-shell-v177{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:16px}.lianlian-progress-card-v177,.lianlian-summary-card-v177{padding:18px}.lianlian-progress-head-v177{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.lianlian-progress-head-v177 h2{margin:4px 0 0;font-size:1.15rem}.lianlian-status-pill-v177{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-weight:800;font-size:.78rem;color:var(--text-soft)}.lianlian-status-pill-v177.pending{color:#C9822E;border-color:rgba(201,130,46,.3);background:rgba(201,130,46,.08)}.lianlian-status-pill-v177.verifying{color:#D1D5DB;border-color:rgba(209,213,219,.22);background:rgba(255,255,255,.06)}.lianlian-status-pill-v177.confirmed{color:#10B981;border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.08)}.lianlian-step-list-v177{display:grid;gap:10px}.lianlian-step-v177{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.lianlian-step-v177 span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--text-muted);font-weight:800}.lianlian-step-v177 strong{color:var(--text-main);font-size:.92rem}.lianlian-step-v177 small{color:var(--text-muted)}.lianlian-step-v177.current{border-color:rgba(201,130,46,.32);background:rgba(201,130,46,.06)}.lianlian-step-v177.current span{background:rgba(201,130,46,.14);color:#C9822E}.lianlian-step-v177.done{border-color:rgba(16,185,129,.24);background:rgba(16,185,129,.06)}.lianlian-step-v177.done span{background:rgba(16,185,129,.14);color:#10B981}.lianlian-action-row-v177{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.lianlian-provider-box-v177,.lianlian-result-box-v177{margin-top:14px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.lianlian-provider-box-v177 span,.lianlian-provider-box-v177 small{display:block;color:var(--text-muted)}.lianlian-provider-box-v177 strong{display:block;margin:4px 0;color:var(--text-main)}.lianlian-result-box-v177{color:var(--text-soft);line-height:1.45}.price-orange-v174,.token-price,.token-amount{color:#C9822E!important}@media(max-width:900px){.seller-history-header-v177,.lianlian-header-v177{align-items:flex-start;flex-direction:column}.seller-history-summary-grid-v177{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-order-card-v177{grid-template-columns:1fr}.seller-order-side-v177{align-items:flex-start;text-align:left}.lianlian-shell-v177{grid-template-columns:1fr}.lianlian-step-v177{grid-template-columns:34px minmax(0,1fr)}}@media(max-width:560px){.seller-history-summary-grid-v177{grid-template-columns:1fr}.seller-order-main-v177{align-items:flex-start}.seller-order-preview-v177{width:58px;min-width:58px;height:58px;border-radius:13px}.seller-order-dates-v177 span{font-size:.7rem}.lianlian-progress-card-v177,.lianlian-summary-card-v177{padding:14px}.lianlian-action-row-v177 .btn{width:100%}}

/* Legal Set A–E UX — v20.0 */
.legal-overlay{position:fixed;inset:0;z-index:12000;background:rgba(5,9,13,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.legal-reader{width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;background:linear-gradient(145deg,#171d23,#11161b);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.45);padding:24px;color:#f4f7f6}.legal-reader header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.legal-reader h2{font-size:clamp(24px,4vw,34px);margin:6px 0}.legal-reader p{color:#aeb8b3;line-height:1.65}.legal-kicker{color:#67d9ad;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.legal-close{border:0;background:rgba(255,255,255,.07);color:#fff;width:38px;height:38px;border-radius:50%;font-size:24px}.legal-doc-list{display:grid;gap:10px;margin:24px 0}.legal-doc{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:15px}.legal-doc b,.legal-doc span{display:block}.legal-doc span,.legal-doc code{font-size:12px;color:#91a098}.legal-reader-copy{padding:18px;border-radius:16px;background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.18)}.legal-reader-copy h3{margin:0 0 8px}.legal-note{font-size:13px}.legal-check{display:flex;gap:12px;align-items:flex-start;margin:20px 0;padding:16px;background:#20272d;border-radius:15px;line-height:1.5}.legal-check input{width:19px;height:19px;accent-color:#10b981;margin-top:2px}.legal-reader footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.legal-library{margin-top:28px;padding:24px;border-radius:24px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.legal-library-head h2{margin:4px 0}.legal-library-head p{color:var(--text-muted,#9da8a3)}.legal-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.legal-set-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;text-align:left;gap:12px;width:100%;padding:15px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:inherit}.legal-set-card:hover{transform:translateY(-1px);border-color:rgba(16,185,129,.35)}.legal-set-card b,.legal-set-card small{display:block}.legal-set-card small{margin-top:4px;color:#8e9b95}.legal-set-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(16,185,129,.14);color:#65ddb0;font-weight:900}.licensed-production-chip{margin-top:12px;border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.08);color:#69ddb2;border-radius:999px;padding:8px 12px;font-weight:800}.legal-inline-link{border:0;background:none;color:#54d5a2;font-weight:800;padding:8px 0;text-align:left}.legal-withdraw-note{padding:14px 16px;border-radius:15px;background:rgba(225,151,65,.08);border:1px solid rgba(225,151,65,.18);color:#d8c2a7;margin-bottom:18px}.legal-withdraw-note button{border:0;background:none;color:#f0ae62;font-weight:800}.legal-submit-panel{margin:22px 0;padding:20px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.legal-submit-panel h3{margin-top:0}.legal-submit-panel label{display:flex;gap:10px;margin:13px 0;line-height:1.5}.legal-license-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.legal-license-fields input,.legal-license-fields select{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#12181d;color:#fff;padding:0 12px}@media(max-width:720px){.legal-overlay{padding:10px;align-items:end}.legal-reader{border-radius:22px 22px 0 0;padding:18px;max-height:94vh}.legal-set-grid,.legal-license-fields{grid-template-columns:1fr}.legal-doc{align-items:flex-start;flex-direction:column}.legal-reader footer{position:sticky;bottom:-18px;background:#13191e;padding:14px 0 2px}}
/* Legal Sets frontend connection v20.1 */
body.legal-reader-open{overflow:hidden}.legal-source-path{display:block;margin-top:5px;font-size:11px;color:#718079}.legal-action-error{margin:10px 0 0;color:#ff9b8f;font-size:13px}.legal-submit-panel input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#10b981}.legal-submit-panel:focus-within{border-color:rgba(16,185,129,.32)}


/* ===== SOURCE: styles-file-listing-v27.css ===== */
/* ========================================================================== 
   3D StudioMarket — File Listing v19.0
   Behaviour-led hierarchy + 60:30:10 colour balance.
   Scoped to .fl188-root so the marketplace shell remains unchanged.
   ========================================================================== */

.fl188-root {
  /* 60% canvas / 30% working surfaces / 10% accent and state colour */
  --canvas: #090c0f;
  --canvas-soft: #0d1115;
  --surface: #12181d;
  --surface-raised: #171e24;
  --surface-soft: #1b232a;
  --surface-warm: #1b1a17;
  --line: rgba(255, 255, 255, 0.075);
  --line-strong: rgba(255, 255, 255, 0.125);
  --text: #f5f7f8;
  --text-2: #d1d7dc;
  --muted: #929da7;
  --dim: #69747d;
  --accent: #10b981;
  --accent-strong: #23c997;
  --accent-soft: rgba(16, 185, 129, 0.13);
  --accent-faint: rgba(16, 185, 129, 0.07);
  --warm: #f2a65a;
  --warm-soft: rgba(242, 166, 90, 0.12);
  --danger: #e17878;
  --danger-soft: rgba(225, 120, 120, 0.11);
  --shadow-card: 0 18px 55px rgba(0, 0, 0, 0.18);
  --shadow-float: 0 24px 70px rgba(0, 0, 0, 0.36);
  --radius-xl: 22px;
  --radius-lg: 17px;
  --radius-md: 13px;
  --bar-h: 84px;

  min-height: calc(100vh - var(--topbar-h, 64px));
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(16, 185, 129, 0.055), transparent 32rem),
    radial-gradient(circle at 88% 24%, rgba(242, 166, 90, 0.025), transparent 28rem),
    linear-gradient(180deg, #080b0e 0%, var(--canvas) 42%, #080b0e 100%);
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

.fl188-root,
.fl188-root * { box-sizing: border-box; }
.fl188-root button,
.fl188-root input,
.fl188-root textarea,
.fl188-root select { font: inherit; }
.fl188-root button { color: inherit; }
body.fl188-dialog-open { overflow: hidden; }

/* Shell integration */
body[data-view="file-listing-settings"] .sidebar,
body[data-view="file-listing-settings"] .sidebar-overlay { display: none !important; }
body[data-view="file-listing-settings"] .main-content {
  width: 100% !important;
  margin-left: 0 !important;
  overflow: visible;
}

/* Page heading */
.fl188-root .page-shell {
  width: min(100%, 1360px);
  margin: 0 auto;
  padding: 42px 32px 142px;
}
.fl188-root .page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 24px;
}
.fl188-root .heading-copy { max-width: 760px; }
.fl188-root .heading-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  color: var(--accent-strong);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.fl188-root .kicker-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 5px var(--accent-faint);
}
.fl188-root .page-heading h1 {
  margin: 0;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 760;
}
.fl188-root .page-heading .heading-copy > p {
  max-width: 680px;
  margin: 11px 0 0;
  color: var(--muted);
  font-size: 14px;
}
.fl188-root .heading-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  padding-bottom: 3px;
}
.fl188-root .draft-state,
.fl188-root .step-count,
.fl188-root .engine-label,
.fl188-root .head-count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
  color: var(--muted);
  font-size: 10px;
  white-space: nowrap;
}
.fl188-root .draft-state i,
.fl188-root .engine-label i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-faint);
}
.fl188-root .step-count { color: var(--text-2); }

/* Workflow navigation */
.fl188-root .workflow-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 20px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(14, 19, 23, 0.82);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(14px);
}
.fl188-root .workflow-item {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 9px;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 180ms ease, transform 180ms ease;
}
.fl188-root .workflow-item:hover {
  background: rgba(255, 255, 255, 0.035);
  transform: translateY(-1px);
}
.fl188-root .workflow-item.active { background: var(--accent-faint); }
.fl188-root .workflow-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--dim);
  font-size: 9px;
  font-weight: 800;
}
.fl188-root .workflow-item.active .workflow-number,
.fl188-root .workflow-item.complete .workflow-number {
  border-color: rgba(16, 185, 129, 0.32);
  background: var(--accent-soft);
  color: #9ce5cc;
}
.fl188-root .workflow-copy { min-width: 0; }
.fl188-root .workflow-copy b,
.fl188-root .workflow-copy small { display: block; }
.fl188-root .workflow-copy b {
  overflow: hidden;
  color: var(--text-2);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl188-root .workflow-copy small {
  overflow: hidden;
  margin-top: 1px;
  color: var(--dim);
  font-size: 8.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl188-root .workflow-state {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
}
.fl188-root .workflow-item.complete .workflow-state {
  background: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-faint);
}

/* Main layout */
.fl188-root .content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 304px;
  gap: 18px;
  align-items: start;
}
.fl188-root .main-column {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.fl188-root .side-column {
  position: sticky;
  top: 84px;
  display: grid;
  gap: 14px;
}

/* Panels */
.fl188-root .panel,
.fl188-root .side-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.026), transparent 42%),
    var(--surface);
  box-shadow: var(--shadow-card);
}
.fl188-root .panel::before {
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.fl188-root .panel.step-current {
  border-color: rgba(16, 185, 129, 0.22);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(16, 185, 129, 0.04);
}
.fl188-root .panel.step-complete .step-badge {
  border-color: rgba(16, 185, 129, 0.3);
  background: var(--accent-soft);
  color: #9ce5cc;
}
.fl188-root .panel-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  padding: 22px 22px 18px;
}
.fl188-root .step-badge {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  color: var(--accent-strong);
  font-size: 10px;
  font-weight: 800;
}
.fl188-root .panel-title { min-width: 0; }
.fl188-root .panel-label,
.fl188-root .matrix-label,
.fl188-root .action-label,
.fl188-root .eyebrow {
  margin: 0 0 4px;
  color: var(--accent-strong);
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.13em;
}
.fl188-root .panel-title h2 {
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.025em;
}
.fl188-root .panel-title > p:last-child {
  max-width: 690px;
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 10.5px;
}
.fl188-root .panel-state {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--warm-soft);
  color: #f3c18f;
  font-size: 9px;
  font-weight: 700;
}
.fl188-root .head-count { min-height: 30px; }
.fl188-root .engine-label {
  min-height: 30px;
  border-color: rgba(16, 185, 129, 0.2);
  background: var(--accent-faint);
  color: #9ce5cc;
}

/* Form controls */
.fl188-root label > span,
.fl188-root .field-title > span {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: var(--text-2);
  font-size: 10px;
  font-weight: 700;
}
.fl188-root label > span em,
.fl188-root .field-title > span em {
  color: var(--warm);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}
.fl188-root input,
.fl188-root textarea,
.fl188-root select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  outline: none;
  background: var(--surface-raised);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.fl188-root input,
.fl188-root select {
  min-height: 44px;
  padding: 0 13px;
}
.fl188-root textarea {
  min-height: 154px;
  padding: 12px 13px;
  resize: vertical;
}
.fl188-root input::placeholder,
.fl188-root textarea::placeholder { color: #64707a; }
.fl188-root input:hover,
.fl188-root textarea:hover,
.fl188-root select:hover { border-color: var(--line-strong); }
.fl188-root input:focus,
.fl188-root textarea:focus,
.fl188-root select:focus {
  border-color: rgba(16, 185, 129, 0.48);
  background: #192126;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.08);
}
.fl188-root .details-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
  gap: 20px;
  padding: 0 22px 22px;
}
.fl188-root .form-stack {
  display: grid;
  gap: 15px;
  align-content: start;
}
.fl188-root .upload-column { min-width: 0; }
.fl188-root .field-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fl188-root .field-title small {
  color: var(--dim);
  font-size: 9px;
}
.fl188-root .field-guidance {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(242, 166, 90, 0.11);
  border-radius: 12px;
  background: rgba(242, 166, 90, 0.055);
}
.fl188-root .field-guidance span {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--warm-soft);
  color: #f4c18d;
  font-size: 8px;
  font-weight: 800;
}
.fl188-root .field-guidance p {
  margin: 0;
  color: var(--muted);
  font-size: 9px;
}

/* Upload areas and assets */
.fl188-root .dropzone {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.055), transparent 70%),
    rgba(255, 255, 255, 0.018);
  text-align: center;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.fl188-root .dropzone:hover {
  border-color: rgba(16, 185, 129, 0.42);
  background: var(--accent-faint);
  transform: translateY(-1px);
}
.fl188-root .dropzone b { font-size: 10.5px; }
.fl188-root .dropzone small { color: var(--muted); font-size: 8.5px; }
.fl188-root .upload-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 3px;
  border: 1px solid rgba(16, 185, 129, 0.22);
  border-radius: 11px;
  background: var(--accent-soft);
  color: #a4ead2;
  font-size: 16px;
  font-weight: 700;
}
.fl188-root .dropzone.compact {
  min-height: 102px;
  padding: 14px;
}
.fl188-root .asset-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.fl188-root .image-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fl188-root .asset-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 8px 9px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.018);
  transition: border-color 160ms ease, background 160ms ease;
}
.fl188-root .asset-item:hover {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.028);
}
.fl188-root .image-list .asset-item {
  grid-template-columns: 40px minmax(0, 1fr) 25px 25px;
  grid-template-rows: auto;
  align-items: center;
}
.fl188-root .image-list .asset-item img {
  grid-row: auto;
  width: 40px;
  height: 40px;
  border-radius: 9px;
  object-fit: cover;
  background: var(--surface-soft);
}
.fl188-root .image-list .asset-item .asset-meta { grid-column: 2; }
.fl188-root .image-list .asset-item > button {
  width: 25px;
  height: 25px;
}
.fl188-root .asset-meta { min-width: 0; }
.fl188-root .asset-meta b,
.fl188-root .asset-meta small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl188-root .asset-meta b { color: var(--text-2); font-size: 9px; }
.fl188-root .asset-meta small { margin-top: 1px; color: var(--dim); font-size: 8px; }
.fl188-root .asset-item > button,
.fl188-root .icon-delete,
.fl188-root .field-reset,
.fl188-root .icon-button {
  display: inline-grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}
.fl188-root .asset-item > button { width: 30px; height: 30px; }
.fl188-root .asset-item > button:hover,
.fl188-root .icon-delete:hover,
.fl188-root .field-reset:hover,
.fl188-root .icon-button:hover {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
}
.fl188-root .asset-item.uploading { opacity: 0.62; }
.fl188-root .empty {
  display: grid;
  place-items: center;
  min-height: 54px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--dim);
  font-size: 9px;
}
.fl188-root .empty.large { min-height: 116px; }

/* Source section */
.fl188-root .source-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 0.64fr);
  gap: 12px;
  padding: 0 22px 22px;
}
.fl188-root .source-list { margin-top: 0; align-content: start; }

/* Combination builder */
.fl188-root .matrix-card {
  margin: 0 22px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(8, 12, 15, 0.38);
}
.fl188-root .matrix-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
}
.fl188-root .matrix-top > div b,
.fl188-root .matrix-top > div small { display: block; }
.fl188-root .matrix-top > div b { font-size: 12px; }
.fl188-root .matrix-top > div small { margin-top: 3px; color: var(--muted); font-size: 8.5px; }
.fl188-root .matrix-top strong {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(16, 185, 129, 0.18);
  border-radius: 999px;
  background: var(--accent-faint);
  color: var(--accent-strong);
  font-size: 10px;
}
.fl188-root .matrix-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 0.76fr;
  gap: 10px;
  padding: 12px;
}
.fl188-root .matrix-grid fieldset {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.018);
}
.fl188-root .matrix-grid legend {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 6px;
  color: var(--text-2);
  font-size: 9px;
  font-weight: 750;
}
.fl188-root .matrix-grid legend span {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: var(--accent-soft);
  color: #9ce5cc;
  font-size: 8px;
}
.fl188-root .check-options {
  display: grid;
  gap: 3px;
  max-height: 178px;
  overflow: auto;
  padding-right: 3px;
}
.fl188-root .check-option {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 5px 7px;
  border-radius: 9px;
  color: var(--muted);
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease;
}
.fl188-root .check-option:hover { background: rgba(255, 255, 255, 0.035); color: var(--text-2); }
.fl188-root .check-option input {
  width: 15px;
  min-height: 15px;
  height: 15px;
  padding: 0;
  accent-color: var(--accent);
  box-shadow: none;
}
.fl188-root .check-option span {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: inherit;
  font-size: 8.8px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl188-root .matrix-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--line);
}
.fl188-root .matrix-footer p {
  margin: 0;
  color: var(--muted);
  font-size: 8.7px;
}
.fl188-root .single-sku,
.fl188-root .manual-panel > details {
  margin: 12px 22px 22px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.016);
}
.fl188-root details > summary {
  list-style: none;
  cursor: pointer;
}
.fl188-root details > summary::-webkit-details-marker { display: none; }
.fl188-root .single-sku > summary,
.fl188-root .manual-panel > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 11px 14px;
}
.fl188-root .single-sku > summary:hover,
.fl188-root .manual-panel > details > summary:hover { background: rgba(255, 255, 255, 0.025); }
.fl188-root .single-sku > summary b,
.fl188-root .single-sku > summary small,
.fl188-root .manual-panel summary b,
.fl188-root .manual-panel summary small { display: block; }
.fl188-root .single-sku > summary b,
.fl188-root .manual-panel summary b { font-size: 10px; }
.fl188-root .single-sku > summary small,
.fl188-root .manual-panel summary small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.fl188-root .single-sku > summary > span,
.fl188-root .manual-panel > details > summary > span:last-child {
  color: var(--accent-strong);
  font-size: 8.5px;
  font-weight: 700;
}
.fl188-root .single-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border-top: 1px solid var(--line);
}

/* Buttons */
.fl188-root .btn {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: transparent;
  color: var(--text-2);
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.fl188-root .btn:hover:not(:disabled) { transform: translateY(-1px); }
.fl188-root .btn:active:not(:disabled) { transform: translateY(0); }
.fl188-root .btn:focus-visible,
.fl188-root button:focus-visible,
.fl188-root summary:focus-visible {
  outline: 2px solid rgba(16, 185, 129, 0.65);
  outline-offset: 2px;
}
.fl188-root .btn.primary {
  border-color: transparent;
  background: linear-gradient(180deg, var(--accent-strong), var(--accent));
  color: #06130e;
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.16);
}
.fl188-root .btn.primary:hover:not(:disabled) {
  box-shadow: 0 12px 28px rgba(16, 185, 129, 0.24);
}
.fl188-root .btn.secondary {
  background: rgba(255, 255, 255, 0.035);
  color: var(--text-2);
}
.fl188-root .btn.tertiary { background: transparent; color: var(--muted); }
.fl188-root .btn.small { min-height: 34px; padding: 0 11px; font-size: 8.5px; }
.fl188-root .btn:disabled { opacity: 0.44; cursor: not-allowed; }
.fl188-root .btn.danger {
  border-color: rgba(225, 120, 120, 0.2);
  background: var(--danger-soft);
  color: #efaaaa;
}
.fl188-root .btn.ghost-danger {
  border-color: transparent;
  background: transparent;
  color: #b98181;
  box-shadow: none;
}
.fl188-root .btn.ghost-danger:hover { border-color: rgba(225, 120, 120, 0.18); background: var(--danger-soft); }

/* SKU list */
.fl188-root .sku-list {
  display: grid;
  gap: 10px;
  padding: 0 22px 22px;
}
.fl188-root .sku-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.018);
  transition: border-color 170ms ease, transform 170ms ease, background 170ms ease;
}
.fl188-root .sku-card:hover {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.026);
  transform: translateY(-1px);
}
.fl188-root .sku-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto 108px;
  align-items: center;
  gap: 9px;
  padding: 13px 14px;
}
.fl188-root .sku-title { min-width: 0; }
.fl188-root .sku-title b,
.fl188-root .sku-title small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl188-root .sku-title b { font-size: 10.5px; }
.fl188-root .sku-title small { margin-top: 2px; color: var(--dim); font-size: 7.8px; }
.fl188-root .pill {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 7.5px;
  font-weight: 750;
  white-space: nowrap;
}
.fl188-root .pill.mode { background: rgba(255, 255, 255, 0.025); }
.fl188-root .pill.ready {
  border-color: rgba(16, 185, 129, 0.2);
  background: var(--accent-faint);
  color: #95dfc5;
}
.fl188-root .sku-price {
  min-height: 36px;
  height: 36px;
  padding: 0 9px;
  text-align: right;
}
.fl188-root .sku-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
  border-top: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.12);
}
.fl188-root .sku-info {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.fl188-root .info-row {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-right: 10px;
  border-right: 1px solid var(--line);
}
.fl188-root .info-row:last-child { border-right: 0; }
.fl188-root .info-row span { color: var(--dim); font-size: 7.8px; }
.fl188-root .info-row b { color: var(--text-2); font-size: 8px; }
.fl188-root .sku-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.fl188-root .icon-delete { width: 34px; height: 34px; color: #ad7c7c; font-size: 17px; }

/* Manual SKU */
.fl188-root .manual-panel { background: linear-gradient(145deg, rgba(242, 166, 90, 0.025), transparent 45%), var(--surface); }
.fl188-root .manual-panel > details { margin: 0; border: 0; border-radius: inherit; background: transparent; }
.fl188-root .manual-panel > details > summary { min-height: 74px; padding: 14px 22px; }
.fl188-root .manual-panel > details > summary > div { display: flex; align-items: center; gap: 12px; }
.fl188-root .manual-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(242, 166, 90, 0.22);
  border-radius: 11px;
  background: var(--warm-soft);
  color: #f4c18d;
  font-size: 10px;
  font-weight: 800;
}
.fl188-root .manual-content {
  display: grid;
  gap: 12px;
  padding: 0 22px 22px;
  border-top: 1px solid var(--line);
}
.fl188-root .manual-disclosure-v2510 > summary span > small {
  display: block;
  margin-top: 3px;
  color: var(--dim);
  font-size: 8px;
  font-weight: 500;
}
.fl188-root .manual-entry-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
}
.fl188-root .manual-entry-head > div { min-width: 0; }
.fl188-root .manual-entry-head strong {
  display: block;
  color: var(--text);
  font-size: 11px;
}
.fl188-root .manual-entry-head small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 8px;
}
.fl188-root #manualAddedCount {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text-2);
  font-size: 8px;
  font-weight: 700;
}
.fl188-root .manual-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding-top: 16px;
}
.fl188-root .unit-input { position: relative; }
.fl188-root .unit-input input { padding-right: 54px; }
.fl188-root .unit-input i {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: var(--warm);
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
}
.fl188-root .manual-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.fl188-root .manual-actions p { flex: 1; margin: 0; color: var(--muted); font-size: 8.5px; line-height: 1.55; }
.fl188-root .manual-add-next { min-width: 150px; justify-content: center; gap: 7px; white-space: nowrap; }
.fl188-root .manual-add-next b { font-size: 13px; line-height: 1; }

/* Sidebar readiness */
.fl188-root .side-card { padding: 18px; }
.fl188-root .side-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.fl188-root .side-card h3 { margin: 0; font-size: 13px; letter-spacing: -0.02em; }
.fl188-root .progress-ring {
  --progress: 0;
  position: relative;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: conic-gradient(var(--accent) calc(var(--progress) * 1%), rgba(255, 255, 255, 0.075) 0);
}
.fl188-root .progress-ring::before {
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: var(--surface);
  content: "";
}
.fl188-root .progress-ring span { position: relative; z-index: 1; font-size: 9px; font-weight: 800; }
.fl188-root .progress-copy { margin: 13px 0 10px; color: var(--muted); font-size: 8.8px; }
.fl188-root #checklist { display: grid; }
.fl188-root #checklist li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
}
.fl188-root #checklist li > i {
  position: relative;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
}
.fl188-root #checklist li.done > i {
  border-color: rgba(16, 185, 129, 0.3);
  background: var(--accent-soft);
}
.fl188-root #checklist li.done > i::after {
  content: "✓";
  color: #8de0c3;
  font-size: 9px;
  font-weight: 900;
}
.fl188-root #checklist li span b,
.fl188-root #checklist li span small { display: block; }
.fl188-root #checklist li span b { color: var(--text-2); font-size: 8.8px; }
.fl188-root #checklist li span small { margin-top: 1px; color: var(--dim); font-size: 7.5px; }
.fl188-root #checklist li.done span b { color: #a7d7c7; }
.fl188-root .storage-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  background: linear-gradient(145deg, rgba(16, 185, 129, 0.045), transparent 50%), var(--surface);
}
.fl188-root .storage-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 13px;
  background: var(--accent-faint);
  color: #9ce5cc;
  font-size: 10px;
  font-weight: 800;
}
.fl188-root .storage-card p { margin: 6px 0 0; color: var(--muted); font-size: 8.5px; }
.fl188-root .storage-flow {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-top: 3px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.12);
}
.fl188-root .storage-flow span { color: var(--text-2); font-size: 7.5px; font-weight: 700; }
.fl188-root .storage-flow i { color: var(--dim); font-size: 8px; font-style: normal; }

/* Sticky save bar */
.fl188-root .action-bar {
  position: fixed;
  z-index: 60;
  left: 50%;
  right: auto;
  bottom: 16px;
  width: min(calc(100vw - 32px), 1296px);
  min-height: var(--bar-h);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 13px 16px 13px 20px;
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  background: rgba(12, 16, 19, 0.9);
  box-shadow: var(--shadow-float);
  backdrop-filter: blur(22px) saturate(135%);
}
.fl188-root .action-copy { min-width: 0; }
.fl188-root .action-copy .action-label { display: block; margin-bottom: 2px; }
.fl188-root .action-copy b {
  display: block;
  overflow: hidden;
  color: var(--text-2);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl188-root .action-buttons { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.fl188-root .save-button { min-width: 154px; display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; }
.fl188-root .save-button i { font-style: normal; font-size: 14px; }

/* Parameter dialog */
.fl188-root .parameter-dialog {
  width: min(1160px, calc(100vw - 32px));
  height: min(850px, calc(100vh - 32px));
  max-width: none;
  max-height: none;
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 22px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.58);
}
.fl188-root .parameter-dialog::backdrop,
.fl188-root .confirm-dialog::backdrop {
  background: rgba(2, 4, 6, 0.78);
  backdrop-filter: blur(7px);
}
.fl188-root .parameter-shell {
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
}
.fl188-root .parameter-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  border-bottom: 1px solid var(--line);
}
.fl188-root .parameter-head h2 { margin: 0; font-size: 19px; letter-spacing: -0.03em; }
.fl188-root .parameter-head > div > p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.fl188-root .icon-button { width: 38px; height: 38px; border-color: var(--line); font-size: 20px; }
.fl188-root .parameter-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--line);
}
.fl188-root .mode-tabs {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.12);
}
.fl188-root .mode-tabs button {
  min-height: 38px;
  padding: 0 13px;
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  font-size: 8.5px;
  cursor: pointer;
}
.fl188-root .mode-tabs button:last-child { border-right: 0; }
.fl188-root .mode-tabs button.active { background: var(--accent-soft); color: #99e4ca; }
.fl188-root .mode-tabs b { margin-left: 4px; font-size: 7px; }
.fl188-root .parameter-actions { display: flex; gap: 7px; }
.fl188-root .parameter-actions input { width: 230px; min-height: 36px; height: 36px; }
.fl188-root .parameter-summary {
  display: flex;
  justify-content: space-between;
  padding: 9px 22px;
  background: rgba(255, 255, 255, 0.012);
  color: var(--muted);
  font-size: 8px;
}
.fl188-root .parameter-groups { display: block; overflow: auto; padding: 12px 22px 22px; }
.fl188-root .parameter-group {
  margin-bottom: 9px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.012);
}
.fl188-root .parameter-group:last-child { margin-bottom: 0; }
.fl188-root .parameter-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
}
.fl188-root .parameter-group > summary:hover { background: rgba(255, 255, 255, 0.025); }
.fl188-root .parameter-group > summary b { font-size: 9.5px; }
.fl188-root .parameter-group > summary span { color: var(--muted); font-size: 8px; }
.fl188-root .parameter-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--line);
  background: var(--line);
}
.fl188-root .parameter-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 155px 28px;
  gap: 9px;
  align-items: center;
  padding: 11px 12px;
  background: var(--surface);
}
.fl188-root .parameter-field.overridden { box-shadow: inset 3px 0 0 var(--accent); }
.fl188-root .parameter-field label { min-width: 0; }
.fl188-root .parameter-field label b,
.fl188-root .parameter-field label small { display: block; }
.fl188-root .parameter-field label b { font-size: 8.5px; }
.fl188-root .parameter-field label small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.fl188-root .parameter-control { min-width: 0; }
.fl188-root .parameter-control input,
.fl188-root .parameter-control select { min-height: 36px; height: 36px; font-size: 8px; }
.fl188-root .parameter-control.toggle { display: flex; justify-content: flex-end; }
.fl188-root .switch {
  position: relative;
  width: 40px;
  height: 23px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-soft);
  cursor: pointer;
}
.fl188-root .switch i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--muted);
  transition: left 160ms ease, background 160ms ease;
}
.fl188-root .switch.on { border-color: rgba(16, 185, 129, 0.3); background: var(--accent-soft); }
.fl188-root .switch.on i { left: 19px; background: var(--accent); }
.fl188-root .field-reset { width: 28px; height: 28px; color: var(--dim); font-size: 15px; }
.fl188-root .parameter-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 13px 22px;
  border-top: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.1);
}
.fl188-root .confirm-dialog {
  width: min(440px, calc(100vw - 28px));
  padding: 22px;
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-float);
}
.fl188-root .confirm-dialog h3 { margin: 0; font-size: 15px; }
.fl188-root .confirm-dialog p { margin: 8px 0 0; color: var(--muted); font-size: 9px; }
.fl188-root .confirm-dialog form > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }

/* Light theme support */
body.light .fl188-root {
  --canvas: #f3f5f4;
  --canvas-soft: #edf1ef;
  --surface: #ffffff;
  --surface-raised: #f3f6f4;
  --surface-soft: #e9efec;
  --surface-warm: #f6f1ea;
  --line: rgba(18, 34, 27, 0.09);
  --line-strong: rgba(18, 34, 27, 0.15);
  --text: #14201b;
  --text-2: #34443d;
  --muted: #6e7d76;
  --dim: #8b9892;
  --accent-soft: rgba(16, 185, 129, 0.11);
  --accent-faint: rgba(16, 185, 129, 0.06);
  --warm-soft: rgba(217, 134, 54, 0.1);
  --danger-soft: rgba(187, 68, 68, 0.08);
  --shadow-card: 0 16px 45px rgba(28, 48, 39, 0.08);
  background:
    radial-gradient(circle at 10% 0%, rgba(16, 185, 129, 0.07), transparent 32rem),
    linear-gradient(180deg, #f5f7f6, var(--canvas));
}
body.light .fl188-root .panel,
body.light .fl188-root .side-card,
body.light .fl188-root .workflow-strip { background-color: rgba(255, 255, 255, 0.88); }
body.light .fl188-root input:focus,
body.light .fl188-root textarea:focus,
body.light .fl188-root select:focus { background: #fff; }
body.light .fl188-root .progress-ring::before { background: #fff; }
body.light .fl188-root .action-bar { background: rgba(255, 255, 255, 0.92); }
body.light .fl188-root .btn.primary { color: #fff; }

/* Responsive */
@media (max-width: 1100px) {
  .fl188-root .content-grid { grid-template-columns: 1fr; }
  .fl188-root .side-column { position: static; grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr); }
  .fl188-root .progress-card { grid-row: auto; }
  .fl188-root .workflow-copy small { display: none; }
}

@media (max-width: 820px) {
  .fl188-root .page-shell { padding: 30px 18px 128px; }
  .fl188-root .page-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .fl188-root .heading-status { justify-content: flex-start; }
  .fl188-root .workflow-strip { grid-template-columns: repeat(4, minmax(58px, 1fr)); }
  .fl188-root .workflow-item { grid-template-columns: 1fr; justify-items: center; gap: 5px; min-height: 64px; padding: 8px 5px; text-align: center; }
  .fl188-root .workflow-copy small,
  .fl188-root .workflow-state { display: none; }
  .fl188-root .workflow-copy b { font-size: 8px; }
  .fl188-root .details-grid,
  .fl188-root .source-grid { grid-template-columns: 1fr; }
  .fl188-root .matrix-grid { grid-template-columns: 1fr; }
  .fl188-root .matrix-grid fieldset { max-height: none; }
  .fl188-root .check-options { max-height: 140px; }
  .fl188-root .single-grid,
  .fl188-root .manual-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fl188-root .side-column { grid-template-columns: 1fr; }
  .fl188-root .parameter-toolbar { align-items: stretch; flex-direction: column; }
  .fl188-root .parameter-actions { display: grid; grid-template-columns: 1fr auto auto; }
  .fl188-root .parameter-actions input { width: 100%; }
}

@media (max-width: 620px) {
  .fl188-root { font-size: 13px; }
  .fl188-root .page-shell { padding: 24px 12px 116px; }
  .fl188-root .page-heading h1 { font-size: 28px; }
  .fl188-root .page-heading .heading-copy > p { font-size: 12px; }
  .fl188-root .step-count { display: none; }
  .fl188-root .workflow-strip { gap: 4px; padding: 5px; border-radius: 14px; }
  .fl188-root .workflow-item { min-height: 58px; border-radius: 10px; }
  .fl188-root .workflow-number { width: 28px; height: 28px; }
  .fl188-root .content-grid,
  .fl188-root .main-column { gap: 12px; }
  .fl188-root .panel,
  .fl188-root .side-card { border-radius: 17px; }
  .fl188-root .panel-head { grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 17px 15px 14px; }
  .fl188-root .step-badge { width: 34px; height: 34px; }
  .fl188-root .panel-head > :last-child:not(.panel-title) { grid-column: 2; justify-self: start; }
  .fl188-root .panel-title h2 { font-size: 15px; }
  .fl188-root .panel-title > p:last-child { font-size: 9px; }
  .fl188-root .details-grid,
  .fl188-root .source-grid,
  .fl188-root .sku-list { padding-left: 15px; padding-right: 15px; padding-bottom: 17px; }
  .fl188-root .matrix-card { margin-left: 15px; margin-right: 15px; }
  .fl188-root .matrix-top { align-items: flex-start; flex-direction: column; gap: 10px; }
  .fl188-root .matrix-footer { align-items: stretch; flex-direction: column; }
  .fl188-root .matrix-footer .btn { width: 100%; }
  .fl188-root .single-sku { margin: 10px 15px 17px; }
  .fl188-root .single-grid,
  .fl188-root .manual-grid { grid-template-columns: 1fr; }
  .fl188-root .image-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fl188-root .sku-summary { grid-template-columns: minmax(0, 1fr) auto 86px; }
  .fl188-root .sku-summary .pill.mode { display: none; }
  .fl188-root .sku-body { grid-template-columns: 1fr; }
  .fl188-root .sku-info { flex-wrap: wrap; }
  .fl188-root .sku-actions { justify-content: stretch; }
  .fl188-root .sku-actions .btn { flex: 1; min-width: 0; }
  .fl188-root .manual-panel > details > summary { padding: 13px 15px; }
  .fl188-root .manual-content { padding: 0 15px 17px; }
  .fl188-root .action-bar {
    bottom: 9px;
    width: calc(100vw - 18px);
    min-height: 70px;
    padding: 9px;
    border-radius: 15px;
  }
  .fl188-root .action-copy { display: none; }
  .fl188-root .action-buttons { width: 100%; }
  .fl188-root .action-buttons .btn { flex: 1; min-width: 0; }
  .fl188-root .action-buttons .ghost-danger { flex: 0 0 auto; padding: 0 10px; }
  .fl188-root .save-button { min-width: 0; }
  .fl188-root .parameter-dialog {
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 0;
  }
  .fl188-root .parameter-head { padding: 15px; }
  .fl188-root .parameter-toolbar { padding: 10px 12px; }
  .fl188-root .mode-tabs { display: grid; grid-template-columns: repeat(3, 1fr); }
  .fl188-root .parameter-actions { grid-template-columns: 1fr 1fr; }
  .fl188-root .parameter-actions input { grid-column: 1 / -1; }
  .fl188-root .parameter-fields { grid-template-columns: 1fr; }
  .fl188-root .parameter-field { grid-template-columns: minmax(0, 1fr) 126px 26px; }
  .fl188-root .parameter-groups { padding: 10px 11px 14px; }
  .fl188-root .parameter-footer { padding: 10px 12px; }
  .fl188-root .parameter-footer .btn { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .fl188-root *,
  .fl188-root *::before,
  .fl188-root *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}

/* ==========================================================================
   Review corrections v25.21 — annotated desktop + mobile review
   ========================================================================== */

html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  grid-template-areas:
    "gallery purchase"
    "seller purchase"
    "secondary purchase" !important;
}

html body[data-view="product-detail"] .detail-comments-panel-v2411,
html body[data-view="file-detail"] .detail-comments-panel-v2411 {
  grid-area: secondary !important;
  align-self: stretch !important;
}

html body[data-view="file-listing-settings"] .fl188-root .single-sku {
  margin-top: 18px !important;
}

.legal-reader {
  width: min(880px, 100%) !important;
}

.legal-reader header h2 {
  margin-top: 0 !important;
}

.legal-documents-visible {
  display: block !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--border-soft) !important;
}

.legal-document-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

.legal-document-list-head > span {
  color: var(--text-main) !important;
  font-weight: 900 !important;
}

.legal-document-list-head small {
  color: var(--text-muted) !important;
}

.legal-doc-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

.legal-doc {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.035) !important;
}

.legal-doc b,
.legal-doc span { display: block !important; }
.legal-doc span { margin-top: 3px !important; color: var(--text-muted) !important; font-size: 11px !important; }

.legal-read-document {
  min-height: 38px !important;
  padding: 0 14px !important;
  color: #00130c !important;
  background: var(--accent-green, #10b981) !important;
  border: 0 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.legal-done-button {
  min-width: 132px !important;
  color: #fff !important;
  background: var(--accent-red, #ef4444) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-weight: 900 !important;
}

.legal-document-reader { max-height: 92dvh !important; }
.legal-document-meta {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 0 16px !important;
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.legal-document-meta a { color: var(--accent-green, #10b981) !important; font-weight: 850 !important; }
.legal-document-body { padding-top: 8px !important; }
.legal-document-section { padding: 14px 0 !important; border-bottom: 1px solid var(--border-soft) !important; }
.legal-document-section h3 { margin: 0 0 8px !important; color: var(--text-main) !important; font-size: 16px !important; }
.legal-document-section p { margin: 0 0 9px !important; color: var(--text-secondary) !important; line-height: 1.7 !important; }

.confirm-modal-v176.danger .danger-btn,
.modal-actions .danger-btn {
  color: #fff !important;
  background: #dc2626 !important;
  border-color: #ef4444 !important;
  box-shadow: 0 10px 24px rgba(220,38,38,.24) !important;
}

.confirm-modal-v176.danger .danger-btn:hover,
.modal-actions .danger-btn:hover {
  background: #ef4444 !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout > div {
  min-width: 0 !important;
  padding-right: 10px !important;
  border-right: 1px solid var(--border-soft) !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(4) strong {
  color: var(--accent-orange) !important;
}

@media (max-width: 1120px) {
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-areas: "gallery" "purchase" "seller" "secondary" !important;
  }
}

@media (max-width: 640px) {
  .legal-document-list-head,
  .legal-document-meta { align-items: flex-start !important; flex-direction: column !important; }
  .legal-doc { grid-template-columns: 1fr !important; }
  .legal-read-document { width: 100% !important; }
  html body[data-view="buy-token"] .latest-mobile-checkout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    position: sticky !important;
    bottom: 8px !important;
  }
  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(2),
  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(4) { border-right: 0 !important; }
  html body[data-view="buy-token"] .latest-mobile-checkout .latest-buy-token-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* v20.2 — Complete per-SKU dropdown controls */
.fl188-root .sku-config-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  background: color-mix(in srgb, var(--surface-2) 72%, transparent);
}
.fl188-root .sku-config-grid label { min-width: 0; }
.fl188-root .sku-config-grid label > span {
  display: block;
  margin-bottom: 6px;
  color: var(--dim);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fl188-root .sku-select,
.fl188-root .sku-price-wrap {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-1);
  color: var(--text);
}
.fl188-root .sku-select {
  padding: 0 30px 0 10px;
  font: inherit;
  font-size: 9px;
  cursor: pointer;
}
.fl188-root .sku-select:focus,
.fl188-root .sku-price-wrap:focus-within {
  border-color: var(--green);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 15%, transparent);
  outline: none;
}
.fl188-root .sku-price-wrap { display:flex; align-items:center; overflow:hidden; }
.fl188-root .sku-price-wrap .sku-price {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.fl188-root .sku-price-wrap small { padding-right:10px; color:var(--dim); font-size:8px; }
@media (max-width: 1180px) {
  .fl188-root .sku-config-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .fl188-root .sku-config-grid { grid-template-columns: 1fr 1fr; padding: 12px; }
}
@media (max-width: 430px) {
  .fl188-root .sku-config-grid { grid-template-columns: 1fr; }
}


/* ===== SOURCE: ux-ui-v22-1.css ===== */
/* ========================================================================== 
   3D StudioMarket — UX/UI Visual Rebase v22.1
   Scope: presentation only. Existing HTML, labels, values, routes, IDs,
   event handlers, legal flows, R2 and OrcaSlicer behavior remain unchanged.
   ========================================================================== */

:root {
  --ux-canvas: #080d12;
  --ux-canvas-deep: #05090d;
  --ux-sidebar: #0a1016;
  --ux-surface: #111820;
  --ux-surface-2: #151e27;
  --ux-surface-3: #1a2530;
  --ux-field: #0f161e;
  --ux-line: rgba(184, 207, 226, .11);
  --ux-line-strong: rgba(184, 207, 226, .18);
  --ux-text: #f4f7f9;
  --ux-text-2: #c6d0d8;
  --ux-muted: #8795a2;
  --ux-muted-2: #65727e;
  --ux-primary: #10b981;
  --ux-primary-hi: #35d6a5;
  --ux-primary-soft: rgba(16, 185, 129, .13);
  --ux-token: #f59e0b;
  --ux-token-soft: rgba(245, 158, 11, .13);
  --ux-danger: #ef6b62;
  --ux-info: #5da9ff;
  --ux-shadow: 0 22px 55px rgba(0, 0, 0, .24);
  --ux-shadow-soft: 0 10px 30px rgba(0, 0, 0, .16);
  --ux-radius-lg: 18px;
  --ux-radius: 14px;
  --ux-radius-sm: 10px;
  --ux-topbar-h: 64px;
  --ux-sidebar-w: 264px;
  --ux-page-pad: clamp(20px, 2.35vw, 36px);
  --ux-content-max: 1480px;
}

* { box-sizing: border-box; }
html { background: var(--ux-canvas-deep); }
body {
  color: var(--ux-text) !important;
  background:
    radial-gradient(circle at 78% -15%, rgba(16,185,129,.07), transparent 34%),
    linear-gradient(145deg, var(--ux-canvas) 0%, var(--ux-canvas-deep) 100%) !important;
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
::selection { color: #06110d; background: rgba(53,214,165,.82); }

/* ---- Complete shared topbar: no controls are removed or hidden ---- */
.topbar {
  height: var(--ux-topbar-h) !important;
  padding: 0 18px !important;
  background: rgba(6, 11, 16, .92) !important;
  border-bottom: 1px solid var(--ux-line) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.015), 0 12px 34px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  overflow: visible !important;
}
.topbar-left, .topbar-right { display:flex !important; align-items:center !important; min-width:0; }
.topbar-left { gap: 13px !important; }
.topbar-right { gap: 8px !important; }
.topbar-icon-btn,
.topbar-discord,
.topbar-theme {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: var(--ux-text-2) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}
.topbar-icon-btn { width:38px !important; height:38px !important; }
.topbar-discord { width:38px !important; height:38px !important; }
.topbar-theme {
  width: 57px !important;
  height: 34px !important;
  padding: 0 6px !important;
  justify-content: flex-start !important;
  border-color: var(--ux-line) !important;
  background: var(--ux-field) !important;
  position: relative;
}
.topbar-theme::after {
  content:"";
  position:absolute;
  right:5px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#cbd7df);
  box-shadow:0 2px 7px rgba(0,0,0,.35);
}
.topbar-theme svg { width:17px !important; height:17px !important; position:relative; z-index:1; }
.topbar-icon-btn:hover,
.topbar-discord:hover,
.topbar-theme:hover {
  color: #fff !important;
  border-color: var(--ux-line-strong) !important;
  background: rgba(255,255,255,.045) !important;
}
.topbar-icon-btn:active,
.topbar-discord:active,
.topbar-theme:active { transform: scale(.96); }
.topbar-logo {
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
  min-width:0;
  font-size: 20px !important;
  line-height:1 !important;
  letter-spacing:-.035em;
}
.topbar-logo .logo-studio { color:#f7f9fa !important; }
.topbar-logo .logo-market { color:var(--ux-primary) !important; }
.topbar-token-pill {
  height: 40px !important;
  min-width: 120px;
  padding: 0 5px 0 13px !important;
  gap: 8px !important;
  color: #ffd178 !important;
  background: linear-gradient(180deg, rgba(245,158,11,.075), rgba(245,158,11,.035)) !important;
  border: 1px solid rgba(245,158,11,.20) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}
.topbar-token-pill .coin { color:var(--ux-token) !important; filter:drop-shadow(0 0 6px rgba(245,158,11,.32)); }
.topbar-token-plus {
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  color:#04110c !important;
  background:linear-gradient(145deg,var(--ux-primary-hi),var(--ux-primary)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:9px !important;
  box-shadow:0 6px 18px rgba(16,185,129,.22) !important;
}
.topbar-token-plus:hover { transform:translateY(-1px); filter:brightness(1.06); }

/* ---- Shell and navigation ---- */
.app-shell { padding-top:var(--ux-topbar-h) !important; background:transparent !important; }
.sidebar {
  top:var(--ux-topbar-h) !important;
  width:var(--ux-sidebar-w) !important;
  height:calc(100vh - var(--ux-topbar-h)) !important;
  padding: 22px 14px 18px !important;
  background: linear-gradient(180deg, rgba(10,16,22,.98), rgba(7,12,17,.98)) !important;
  border-right:1px solid var(--ux-line) !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.1) transparent;
}
.sidebar-section-label {
  margin: 17px 12px 8px !important;
  color:var(--ux-muted-2) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
}
.sidebar-item,
.sidebar-logout {
  min-height:43px !important;
  padding:0 12px !important;
  gap:11px !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  color:var(--ux-muted) !important;
  font-size:13px !important;
  font-weight:650 !important;
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease !important;
}
.sidebar-item::after {
  content:"";
  order:-1;
  width:18px;
  height:18px;
  flex:0 0 18px;
  opacity:.82;
  background:center/17px 17px no-repeat;
}
.sidebar-item[data-view="market-products"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5Z'/%3E%3Cpath d='m3 7 9 5 9-5M3 12l9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E"); }
.sidebar-item[data-view="market-file"]::after,.sidebar-item[data-view="file-management"]::after,.sidebar-item[data-view="file-history"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h8'/%3E%3C/svg%3E"); }
.sidebar-item[data-view="product-management"]::after,.sidebar-item[data-view="product-history"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5M12 22V12'/%3E%3C/svg%3E"); }
.sidebar-item[data-view="plan"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E"); }
.sidebar-item[data-view="favorites"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21.2l7.8-7.8a5.5 5.5 0 0 0 1-8.8Z'/%3E%3C/svg%3E"); }
.sidebar-item[data-view="product-tracking"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Cpath d='M3 3v18h18M7 16l4-4 3 2 5-7'/%3E%3C/svg%3E"); }
.sidebar-item[data-view="profile-settings"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a3ae' stroke-width='1.7'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 22a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.sidebar-item:hover { color:var(--ux-text-2) !important; background:rgba(255,255,255,.035) !important; transform:translateX(2px); }
.sidebar-item.active {
  color:#fff !important;
  background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  border-color:rgba(255,255,255,.045) !important;
  box-shadow:inset 3px 0 0 var(--ux-primary);
}
.sidebar-item.active::before { display:none !important; }
.sidebar-item.active::after { filter:brightness(1.55) saturate(.8); }
.sidebar-spacer { min-height:24px !important; flex:1 1 auto; }
.sidebar-bottom { padding-top:15px !important; border-top:1px solid var(--ux-line); }
.sidebar-logout { color:#f18a82 !important; }
.sidebar-logout::before { content:"↪"; font-size:18px; width:18px; text-align:center; }

.main-content {
  margin-left:var(--ux-sidebar-w) !important;
  width:calc(100vw - var(--ux-sidebar-w)) !important;
  padding:var(--ux-page-pad) !important;
  min-height:calc(100vh - var(--ux-topbar-h)) !important;
}
.page-inner { max-width:var(--ux-content-max) !important; margin:0 auto !important; }

/* ---- Type hierarchy ---- */
.page-title,
.liquid-hero h1,
.latest-hero h1 {
  color:var(--ux-text) !important;
  font-size:clamp(27px,2.35vw,38px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
}
.page-desc,
.liquid-hero p,
.latest-hero p { color:var(--ux-muted) !important; font-size:14px !important; line-height:1.65 !important; }
.section-kicker {
  color:var(--ux-primary) !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.ref-page-header {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 24px !important;
  padding:0 !important;
}
.ref-page-header .page-desc { margin-top:7px !important; }
h2, .settings-section-head h2 { letter-spacing:-.02em; }
.muted { color:var(--ux-muted) !important; }

/* ---- Shared surfaces and controls ---- */
.card,
.market-card,
.management-card,
.management-header-card,
.behavior-management-card,
.management-bento-card-v161,
.profile-card,
.profile-actions-card,
.plan-card,
.latest-plan-summary,
.latest-plan-card,
.token-pack-card,
.history-card,
.tracking-card,
.order-card,
.notice,
.api-card,
.balance-card,
.summary-item,
.address-card,
.seller-hero,
.setting-card,
.sku-row,
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.fl188-card,
.fl188-panel,
.modal {
  background:linear-gradient(145deg,rgba(21,30,39,.96),rgba(14,21,28,.98)) !important;
  border:1px solid var(--ux-line) !important;
  box-shadow:var(--ux-shadow-soft) !important;
}
.market-card,
.card,
.management-card,
.profile-card,
.plan-card,
.latest-plan-card,
.token-pack-card,
.history-card,
.tracking-card,
.order-card,
.address-card,
.summary-item,
.modal { border-radius:var(--ux-radius) !important; }
input,
select,
textarea,
.search-input,
.filter-select,
.form-input,
.form-textarea,
.ref-search input,
.option-trigger,
.fl188-input,
.fl188-select,
.fl188-textarea {
  color:var(--ux-text-2) !important;
  background:rgba(8,14,20,.78) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:10px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}
input::placeholder, textarea::placeholder { color:var(--ux-muted-2) !important; opacity:1; }
input:hover, select:hover, textarea:hover,
.search-input:hover,.filter-select:hover,.form-input:hover,.form-textarea:hover { border-color:var(--ux-line-strong) !important; }
input:focus, select:focus, textarea:focus,
.search-input:focus,.filter-select:focus,.form-input:focus,.form-textarea:focus {
  outline:none !important;
  border-color:rgba(53,214,165,.58) !important;
  box-shadow:0 0 0 3px rgba(16,185,129,.11) !important;
  background:rgba(10,17,23,.98) !important;
}
.form-label, .detail-option-label { color:var(--ux-muted) !important; font-weight:700 !important; }
.btn,
button.btn,
.liquid-primary-btn,
.detail-buy-btn,
.latest-plan-card button,
.fl188-btn {
  min-height:40px;
  border-radius:10px !important;
  font-weight:750 !important;
  letter-spacing:-.01em;
  transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease !important;
}
.btn:hover,.liquid-primary-btn:hover,.detail-buy-btn:hover,.fl188-btn:hover { transform:translateY(-1px); }
.btn:active,.liquid-primary-btn:active,.detail-buy-btn:active,.fl188-btn:active { transform:translateY(0) scale(.985); }
.btn-primary,
.liquid-primary-btn,
.detail-buy-btn,
.latest-plan-card.current .btn,
.latest-plan-card.recommended .btn,
.fl188-btn-primary {
  color:#03110b !important;
  border:1px solid rgba(255,255,255,.17) !important;
  background:linear-gradient(135deg,var(--ux-primary-hi),var(--ux-primary)) !important;
  box-shadow:0 9px 24px rgba(16,185,129,.18) !important;
}
.neutral-btn,.btn-secondary,.btn-ghost,.fl188-btn-secondary {
  color:var(--ux-text-2) !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid var(--ux-line) !important;
  box-shadow:none !important;
}
.neutral-btn:hover,.btn-secondary:hover,.btn-ghost:hover,.fl188-btn-secondary:hover { color:#fff !important; background:rgba(255,255,255,.065) !important; border-color:var(--ux-line-strong) !important; }
.danger-btn,.profile-logout-btn { color:#ff9b94 !important; background:rgba(239,107,98,.08) !important; border:1px solid rgba(239,107,98,.20) !important; }
.notice { color:var(--ux-text-2) !important; }
.notice-info { background:rgba(93,169,255,.065) !important; border-color:rgba(93,169,255,.18) !important; }
.notice-warning { background:var(--ux-token-soft) !important; border-color:rgba(245,158,11,.22) !important; }
.latest-status-pill,.badge { border-radius:999px !important; }

/* ---- Marketplace: content unchanged, stronger scan path ---- */
.behavior-market-header { align-items:center !important; }
.behavior-header-proof {
  max-width:330px;
  padding:12px 15px !important;
  color:var(--ux-muted) !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:12px !important;
}
.behavior-header-proof strong { color:var(--ux-text-2) !important; }
.behavior-intent-strip { display:flex !important; gap:8px !important; margin:-2px 0 14px !important; overflow:auto; scrollbar-width:none; }
.behavior-intent-strip button {
  min-height:32px !important;
  padding:0 13px !important;
  color:var(--ux-muted) !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:999px !important;
}
.behavior-intent-strip button.is-active { color:#d8fff1 !important; background:var(--ux-primary-soft) !important; border-color:rgba(16,185,129,.25) !important; }
.sticky-market-toolbar,
.one-piece-toolbar {
  top:calc(var(--ux-topbar-h) + 10px) !important;
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) auto !important;
  gap:12px !important;
  margin-bottom:22px !important;
  padding:12px !important;
  background:rgba(11,17,23,.90) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:14px !important;
  box-shadow:0 14px 40px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(16px);
}
.sticky-market-toolbar .ref-search { min-height:44px !important; border-radius:10px !important; }
.toolbar-filters,.market-filter-row { gap:8px !important; }
.round-filter,.filter-select,.sort-select { min-height:42px !important; }
.market-grid {
  gap:18px !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.market-card {
  overflow:hidden !important;
  background:linear-gradient(155deg,rgba(24,33,42,.98),rgba(14,21,28,.98)) !important;
  border-color:var(--ux-line) !important;
  box-shadow:none !important;
  transform:translateZ(0);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.market-card:hover {
  transform:translateY(-4px) !important;
  border-color:rgba(53,214,165,.34) !important;
  box-shadow:0 20px 45px rgba(0,0,0,.26) !important;
}
.market-card-preview,.ref-card-preview { aspect-ratio:1.32/1 !important; background:linear-gradient(145deg,#202b35,#131a21) !important; border-bottom:1px solid var(--ux-line); }
.ref-preview-placeholder {
  color:var(--ux-muted-2) !important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.045),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.022),rgba(0,0,0,.05)) !important;
}
.ref-preview-placeholder svg { width:42px !important; height:42px !important; opacity:.58; }
.ref-heart,.market-card-fav {
  width:34px !important;
  height:34px !important;
  top:10px !important;
  right:10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:10px !important;
  background:rgba(6,10,14,.55) !important;
  backdrop-filter:blur(8px);
}
.ref-heart:hover,.market-card-fav:hover { background:rgba(6,10,14,.78) !important; transform:scale(1.04); }
.ref-card-body,.market-card-body { padding:15px 15px 16px !important; }
.ref-card-title,.market-card-title { color:var(--ux-text) !important; font-size:14px !important; line-height:1.42 !important; font-weight:750 !important; }
.ref-card-location,.ref-purchase-count,.ref-sales-meta { color:var(--ux-muted) !important; font-size:11px !important; }
.ref-card-price { margin-top:10px !important; }
.ref-card-price span { color:#ffd078 !important; font-size:17px !important; font-weight:800 !important; font-variant-numeric:tabular-nums; }
.ref-card-price small { color:var(--ux-muted) !important; }
.ref-chip-row span { color:var(--ux-muted) !important; background:rgba(255,255,255,.035) !important; border-color:var(--ux-line) !important; border-radius:6px !important; }
.market-count-row { color:var(--ux-muted) !important; }

/* ---- Detail views ---- */
.detail-layout,
.ref-detail-layout {
  gap:26px !important;
  grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr) !important;
  align-items:start !important;
}
.detail-preview,
.ref-detail-media {
  overflow:hidden !important;
  min-height:520px;
  background:linear-gradient(145deg,#202a34,#10171e) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:var(--ux-radius-lg) !important;
  box-shadow:var(--ux-shadow-soft) !important;
}
.detail-info,
.ref-detail-panel {
  padding:22px !important;
  background:linear-gradient(145deg,rgba(21,30,39,.96),rgba(13,20,27,.98)) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:var(--ux-radius-lg) !important;
  box-shadow:var(--ux-shadow-soft) !important;
}
.detail-title { margin-top:0 !important; color:var(--ux-text) !important; font-size:clamp(26px,2.2vw,36px) !important; letter-spacing:-.04em !important; }
.detail-price { color:#ffd078 !important; font-variant-numeric:tabular-nums; }
.detail-desc { color:var(--ux-muted) !important; }
.detail-seller-row { background:rgba(255,255,255,.025) !important; border-color:var(--ux-line) !important; }
.option-chip,.round-option { border-radius:9px !important; }
.option-chip.active,.round-option.selected { color:#dffdf2 !important; background:var(--ux-primary-soft) !important; border-color:rgba(16,185,129,.33) !important; }
.detail-gallery-strip,.detail-thumb-row { gap:10px !important; }
.detail-description-card,.detail-spec-card,.license-scope-card { border-color:var(--ux-line) !important; background:rgba(255,255,255,.02) !important; }

/* ---- Management and operational views ---- */
.behavior-management-card,.management-bento-card-v161 { padding:20px !important; border-radius:var(--ux-radius-lg) !important; margin-bottom:18px !important; }
.behavior-ops-grid,.behavior-finance-grid { gap:10px !important; }
.behavior-ops-metric,.management-metric-v161 {
  padding:14px !important;
  background:rgba(255,255,255,.026) !important;
  border:1px solid var(--ux-line) !important;
  border-radius:11px !important;
}
.behavior-ops-metric strong,.management-metric-v161 strong { color:var(--ux-text) !important; font-variant-numeric:tabular-nums; }
.behavior-ops-metric.critical { border-color:rgba(16,185,129,.20) !important; background:rgba(16,185,129,.05) !important; }
.behavior-task-tabs,.segmented-tabs { background:rgba(255,255,255,.02) !important; border-color:var(--ux-line) !important; border-radius:11px !important; }
.segmented-tabs button { color:var(--ux-muted) !important; }
.segmented-tabs button.active { color:#dffdf2 !important; background:var(--ux-primary-soft) !important; }
.management-card-grid { gap:14px !important; }
.mgmt-card,.management-card {
  min-height:92px;
  padding:14px !important;
  background:linear-gradient(145deg,rgba(21,30,39,.94),rgba(13,20,27,.98)) !important;
  border-color:var(--ux-line) !important;
}
.mgmt-card:hover,.management-card:hover { border-color:rgba(53,214,165,.25) !important; }
.mgmt-card-icon { background:rgba(255,255,255,.04) !important; border:1px solid var(--ux-line) !important; }
.mgmt-card-name,.management-card h3 { color:var(--ux-text) !important; }
.mgmt-card-desc { color:var(--ux-muted) !important; }
.mgmt-card-price { color:#ffd078 !important; font-variant-numeric:tabular-nums; }
.floating-add {
  width:54px !important;
  height:54px !important;
  color:#03110b !important;
  background:linear-gradient(145deg,var(--ux-primary-hi),var(--ux-primary)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 15px 35px rgba(16,185,129,.25) !important;
}

/* ---- Plan, token and financial screens ---- */
.liquid-hero,.latest-hero { margin-bottom:20px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
.latest-plan-summary { padding:19px 22px !important; border-radius:var(--ux-radius-lg) !important; }
.latest-plan-summary > div:not(:first-child) { border-left:1px solid var(--ux-line) !important; }
.latest-plan-grid,.plan-grid { gap:16px !important; }
.latest-plan-card,.plan-card,.token-pack-card {
  padding:20px !important;
  min-height:100%;
  border-radius:var(--ux-radius-lg) !important;
  box-shadow:none !important;
}
.latest-plan-card:hover,.plan-card:hover,.token-pack-card:hover { transform:translateY(-3px); border-color:var(--ux-line-strong) !important; box-shadow:var(--ux-shadow-soft) !important; }
.latest-plan-card.current,.latest-plan-card.recommended,.plan-card.active { border-color:rgba(53,214,165,.52) !important; box-shadow:0 0 0 1px rgba(16,185,129,.10),0 20px 45px rgba(0,0,0,.20) !important; }
.latest-plan-card .plan-price,.token-pack-price,.token-total,.balance-value { color:#ffd078 !important; }

/* ---- Profile and settings ---- */
.profile-settings-shell { display:grid !important; gap:14px !important; }
.profile-card { padding:18px !important; border-radius:var(--ux-radius) !important; }
.neo-settings-row { grid-template-columns:38px minmax(0,1fr) auto !important; align-items:start !important; }
.neo-settings-icon {
  width:34px !important;
  height:34px !important;
  color:var(--ux-primary-hi) !important;
  background:var(--ux-primary-soft) !important;
  border:1px solid rgba(16,185,129,.18) !important;
  border-radius:10px !important;
}
.settings-row { background:rgba(255,255,255,.02) !important; border-color:var(--ux-line) !important; }
.profile-address-card { box-shadow:none !important; }
.profile-logout-btn { min-height:42px; border-radius:10px !important; }

/* ---- Listing forms: preserve all fields and text; improve grouping only ---- */
.listing-settings-shell { gap:16px !important; }
.listing-main-card,.listing-side-card,.sku-matrix-card { padding:18px !important; border-radius:var(--ux-radius-lg) !important; }
.settings-section-head { padding-bottom:13px; margin-bottom:15px !important; border-bottom:1px solid var(--ux-line); }
.form-row { gap:12px !important; }
.upload-area,.image-upload-tile,.fl188-upload-zone { border-color:rgba(53,214,165,.23) !important; background:rgba(16,185,129,.035) !important; }
.sku-row,.sku-card { border-color:var(--ux-line) !important; background:rgba(255,255,255,.022) !important; }

/* ---- File Listing v18.8/v20.2 integration ---- */
.fl188-root { --fl188-accent:var(--ux-primary); --fl188-amber:var(--ux-token); color:var(--ux-text) !important; }
.fl188-root .fl188-page-head,
.fl188-root .fl188-workflow,
.fl188-root .fl188-card,
.fl188-root .fl188-panel,
.fl188-root .fl188-ready-card,
.fl188-root .fl188-sku-card {
  background:linear-gradient(145deg,rgba(21,30,39,.96),rgba(13,20,27,.98)) !important;
  border-color:var(--ux-line) !important;
  box-shadow:var(--ux-shadow-soft) !important;
}
.fl188-root .fl188-workflow-step.is-active,
.fl188-root .fl188-tab.is-active { color:#dffdf2 !important; background:var(--ux-primary-soft) !important; border-color:rgba(16,185,129,.28) !important; }
.fl188-root .fl188-price { color:#ffd078 !important; }

/* ---- Tables, histories, tracking ---- */
.history-list,.tracking-list,.order-grid { gap:12px !important; }
.history-card,.tracking-card,.order-card { padding:15px !important; box-shadow:none !important; }
.history-card:hover,.tracking-card:hover,.order-card:hover { border-color:var(--ux-line-strong) !important; }
.table-wrap,table { border-color:var(--ux-line) !important; }
th { color:var(--ux-muted-2) !important; }
td { color:var(--ux-text-2) !important; }

/* ---- Modal / legal reader ---- */
.modal-overlay { background:rgba(2,6,9,.78) !important; backdrop-filter:blur(8px); }
.modal { padding:22px !important; border-radius:18px !important; box-shadow:0 28px 80px rgba(0,0,0,.48) !important; }
.modal-title { color:var(--ux-text) !important; font-size:20px !important; }
.modal-desc { color:var(--ux-muted) !important; }
.legal-reader,.legal-document-reader { color:var(--ux-text-2) !important; }

/* ---- Light mode maintains same hierarchy ---- */
body.light {
  --ux-canvas:#eef2f4;
  --ux-canvas-deep:#e7ecef;
  --ux-sidebar:#f7f9fa;
  --ux-surface:#fff;
  --ux-surface-2:#f6f8f9;
  --ux-field:#f7f9fa;
  --ux-line:rgba(25,44,58,.11);
  --ux-line-strong:rgba(25,44,58,.18);
  --ux-text:#14202a;
  --ux-text-2:#344553;
  --ux-muted:#667785;
  --ux-muted-2:#81909b;
  color:var(--ux-text) !important;
  background:linear-gradient(145deg,#f4f7f8,#e9eef1) !important;
}
body.light .topbar { background:rgba(249,251,252,.92) !important; }
body.light .topbar-logo .logo-studio { color:#14202a !important; }
body.light .sidebar { background:linear-gradient(180deg,#fafcfd,#f2f6f8) !important; }
body.light .card,
body.light .market-card,
body.light .management-card,
body.light .profile-card,
body.light .plan-card,
body.light .latest-plan-card,
body.light .token-pack-card,
body.light .history-card,
body.light .tracking-card,
body.light .order-card,
body.light .address-card,
body.light .summary-item,
body.light .modal { background:rgba(255,255,255,.92) !important; }
body.light input,body.light select,body.light textarea { background:#f8fafb !important; color:#263744 !important; }
body.light .ref-preview-placeholder { background:linear-gradient(145deg,#eef2f4,#e5ebee) !important; }

/* ---- Responsive: retain every topbar item ---- */
@media (max-width: 1180px) {
  :root { --ux-sidebar-w:230px; }
  .market-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .behavior-header-proof { display:none !important; }
  .detail-layout,.ref-detail-layout { grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr) !important; }
}
@media (max-width: 900px) {
  .sidebar { transform:translateX(-100%); box-shadow:18px 0 50px rgba(0,0,0,.32); }
  .sidebar.open { transform:translateX(0); }
  .main-content { margin-left:0 !important; width:100vw !important; }
  .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .detail-layout,.ref-detail-layout { grid-template-columns:1fr !important; }
  .detail-preview,.ref-detail-media { min-height:420px; }
  .sticky-market-toolbar,.one-piece-toolbar { grid-template-columns:1fr !important; }
  .latest-plan-summary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .latest-plan-summary > div:not(:first-child) { border-left:0 !important; }
}
@media (max-width: 620px) {
  :root { --ux-topbar-h:60px; --ux-page-pad:16px; }
  .topbar { padding:0 10px !important; }
  .topbar-left { gap:8px !important; }
  .topbar-right { gap:4px !important; }
  .topbar-logo { font-size:16px !important; }
  .topbar-icon-btn,.topbar-discord { width:32px !important; height:32px !important; }
  .topbar-theme { width:45px !important; height:32px !important; padding-left:4px !important; }
  .topbar-theme::after { width:18px; height:18px; right:4px; }
  .topbar-theme svg { width:14px !important; height:14px !important; }
  .topbar-token-pill { min-width:88px; height:36px !important; padding-left:9px !important; gap:5px !important; font-size:12px !important; }
  .topbar-token-plus { width:27px !important; height:27px !important; min-width:27px !important; }
  .ref-page-header { display:block !important; margin-bottom:18px !important; }
  .page-title,.liquid-hero h1,.latest-hero h1 { font-size:27px !important; }
  .market-grid { gap:11px !important; }
  .market-card { border-radius:12px !important; }
  .ref-card-body,.market-card-body { padding:12px !important; }
  .ref-card-title,.market-card-title { font-size:13px !important; }
  .ref-card-price span { font-size:16px !important; }
  .ref-chip-row { display:none !important; }
  .sticky-market-toolbar,.one-piece-toolbar { position:relative !important; top:auto !important; padding:10px !important; }
  .toolbar-filters,.market-filter-row { overflow-x:auto; flex-wrap:nowrap !important; padding-bottom:2px; scrollbar-width:none; }
  .toolbar-filters > *,.market-filter-row > * { flex:0 0 auto; min-width:145px; }
  .detail-preview,.ref-detail-media { min-height:330px; }
  .detail-info,.ref-detail-panel { padding:17px !important; }
  .form-row,.modal-grid,.settings-grid,.paypal-inline-grid-v151 { grid-template-columns:1fr !important; }
  .neo-settings-row { grid-template-columns:32px minmax(0,1fr) !important; }
  .neo-settings-row > .btn,.neo-settings-row > .settings-section-head { grid-column:2; }
  .latest-plan-summary { grid-template-columns:1fr !important; }
  .floating-add { right:16px !important; bottom:16px !important; }
}
@media (max-width: 430px) {
  .topbar-logo { font-size:15px !important; }
  .topbar-token-pill { min-width:82px; }
  .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .market-card-preview,.ref-card-preview { aspect-ratio:1/1 !important; }
  .ref-card-location,.ref-sales-meta { display:none !important; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* v22.1 profile layout repair: keep every original field in its original section. */
.profile-settings-shell .neo-settings-row {
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px 14px !important;
}
.profile-settings-shell .neo-settings-row > .neo-settings-icon {
  grid-column:1 !important;
  grid-row:1 / span 20 !important;
}
.profile-settings-shell .neo-settings-row > :not(.neo-settings-icon) {
  grid-column:2 !important;
  min-width:0 !important;
  width:100% !important;
}
.profile-settings-shell .current-plan-card {
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
}
.profile-settings-shell .current-plan-card > .neo-settings-icon { grid-row:1 !important; }
.profile-settings-shell .current-plan-card > div { grid-column:2 !important; }
.profile-settings-shell .current-plan-card > .btn { grid-column:3 !important; grid-row:1 !important; width:auto !important; align-self:center !important; }
.profile-settings-shell .settings-section-head {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
}
.profile-settings-shell .paypal-inline-grid-v151 {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.profile-settings-shell .settings-row.compact {
  display:grid !important;
  grid-template-columns:minmax(150px,.4fr) minmax(0,1fr) !important;
  gap:16px !important;
  padding:10px 0 !important;
}
.profile-settings-shell .profile-address-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
.profile-settings-shell .profile-kyc-progress { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.profile-settings-shell .policy-link { min-height:42px !important; padding:0 2px !important; }
.profile-settings-shell .toggle-row { padding:4px 0 !important; }
@media(max-width:900px){
  .profile-settings-shell .paypal-inline-grid-v151 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .profile-settings-shell .profile-address-grid { grid-template-columns:1fr !important; }
}
@media(max-width:620px){
  .profile-settings-shell .neo-settings-row,
  .profile-settings-shell .current-plan-card { grid-template-columns:34px minmax(0,1fr) !important; }
  .profile-settings-shell .current-plan-card > .btn { grid-column:2 !important; grid-row:auto !important; width:100% !important; }
  .profile-settings-shell .paypal-inline-grid-v151 { grid-template-columns:1fr !important; }
  .profile-settings-shell .settings-row.compact { grid-template-columns:1fr !important; gap:4px !important; }
  .profile-settings-shell .profile-kyc-progress { grid-template-columns:1fr !important; }
  .profile-settings-shell .settings-section-head { flex-direction:column !important; }
  .profile-settings-shell .settings-head-actions { width:100%; display:grid !important; grid-template-columns:1fr 1fr !important; }
}


/* ===== SOURCE: ux-ui-v22-2-reference-adapt.css ===== */
/* ========================================================================== 
   3D StudioMarket — Reference Adaptation v22.2
   Presentation-only layer. Data, text, routes, IDs, handlers, legal flows,
   R2/OrcaSlicer integration and all page partials remain unchanged.
   ========================================================================== */

:root {
  --r22-canvas: #070c11;
  --r22-canvas-2: #0a1016;
  --r22-sidebar: #081018;
  --r22-surface: #101820;
  --r22-surface-2: #141e28;
  --r22-surface-3: #18232e;
  --r22-control: #111a23;
  --r22-line: rgba(186, 205, 220, .105);
  --r22-line-strong: rgba(186, 205, 220, .17);
  --r22-text: #f5f8fa;
  --r22-text-2: #c6d0d9;
  --r22-muted: #8794a1;
  --r22-muted-2: #64727f;
  --r22-primary: #10b981;
  --r22-primary-hi: #39d6a7;
  --r22-primary-soft: rgba(16, 185, 129, .12);
  --r22-token: #f5a313;
  --r22-danger: #ef6b62;
  --r22-info: #5ca8ff;
  --r22-radius-xl: 18px;
  --r22-radius-lg: 14px;
  --r22-radius: 11px;
  --r22-shadow: 0 22px 60px rgba(0, 0, 0, .27);
  --r22-shadow-soft: 0 10px 30px rgba(0, 0, 0, .18);
  --r22-content: 1500px;
}

html, body { min-height: 100%; }
body {
  color: var(--r22-text) !important;
  background:
    radial-gradient(circle at 72% -18%, rgba(30, 198, 145, .055), transparent 31%),
    linear-gradient(145deg, var(--r22-canvas-2), var(--r22-canvas) 58%, #05090d) !important;
}

/* ---------- Shared chrome ---------- */
.topbar {
  height: 64px !important;
  padding: 0 18px !important;
  background: rgba(6, 11, 16, .94) !important;
  border-bottom: 1px solid var(--r22-line) !important;
  box-shadow: 0 10px 36px rgba(0, 0, 0, .14) !important;
}
.topbar-logo { font-size: 19px !important; }
.topbar-right { gap: 7px !important; }
.topbar-discord,
.topbar-icon-btn { width: 36px !important; height: 36px !important; }
.topbar-theme { width: 54px !important; height: 32px !important; }
.topbar-token-pill {
  min-width: 116px !important;
  height: 40px !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(245,163,19,.075), rgba(245,163,19,.025)) !important;
  border-color: rgba(245,163,19,.18) !important;
}
.topbar-token-plus { border-radius: 9px !important; }

.sidebar {
  width: 268px !important;
  padding: 23px 15px 17px !important;
  background:
    linear-gradient(180deg, rgba(8,16,24,.985), rgba(6,12,18,.985)) !important;
  border-right-color: var(--r22-line) !important;
}
.sidebar-section-label {
  margin: 18px 12px 8px !important;
  color: #6f7d89 !important;
  font-size: 10px !important;
  letter-spacing: .15em !important;
}
.sidebar-item,
.sidebar-logout {
  min-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  color: #94a0ab !important;
}
.sidebar-item:hover { background: rgba(255,255,255,.035) !important; }
.sidebar-item.active {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  box-shadow: inset 2px 0 0 var(--r22-primary), 0 8px 22px rgba(0,0,0,.1) !important;
}
.main-content {
  margin-left: 268px !important;
  width: calc(100vw - 268px) !important;
  padding: clamp(24px, 2.4vw, 38px) !important;
}
.page-inner { max-width: var(--r22-content) !important; }

/* ---------- Typography and hierarchy ---------- */
.page-title,
.liquid-hero h1,
.latest-hero h1,
.detail-title {
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: var(--r22-text) !important;
}
.page-title,
.liquid-hero h1,
.latest-hero h1 { font-size: clamp(30px, 2.5vw, 40px) !important; }
.detail-title { font-size: clamp(28px, 2.25vw, 38px) !important; }
.page-desc,
.liquid-hero p,
.latest-hero p { color: var(--r22-muted) !important; font-size: 14px !important; }
.section-kicker {
  color: var(--r22-primary) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .145em !important;
}
.ref-page-header {
  min-height: 78px;
  margin-bottom: 24px !important;
  align-items: flex-end !important;
}
.ref-page-header > div:first-child { min-width: 0; }
.ref-page-header .page-title { margin: 3px 0 0 !important; }
.ref-page-header .page-desc { margin-top: 7px !important; }

/* ---------- Shared surfaces ---------- */
.card,
.market-card,
.behavior-management-card,
.management-bento-card-v161,
.management-card,
.profile-card,
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.latest-plan-summary,
.latest-plan-card,
.latest-token-card,
.latest-checkout-card,
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card,
.kyc-hero-card,
.kyc-primary-card,
.kyc-side-card,
.history-card,
.tracking-card,
.order-card,
.api-card,
.seller-hero,
.lianlian-progress-card-v177,
.lianlian-summary-card-v177,
.seller-history-summary-card-v177 {
  background: linear-gradient(145deg, rgba(19,28,37,.96), rgba(13,21,29,.98)) !important;
  border: 1px solid var(--r22-line) !important;
  box-shadow: none !important;
}
.card:hover,
.market-card:hover,
.latest-plan-card:hover,
.latest-token-card:hover {
  border-color: rgba(16,185,129,.28) !important;
}

.form-input,
.form-textarea,
.filter-select,
.search-input,
.option-select-shell-v165,
.option-select-shell-v166,
.detail-select-v165,
.detail-select-v166,
select,
input,
textarea {
  color: var(--r22-text-2) !important;
  background: var(--r22-control) !important;
  border-color: var(--r22-line) !important;
  border-radius: 10px !important;
}
.form-input:focus,
.form-textarea:focus,
.search-input:focus,
.filter-select:focus,
select:focus,
input:focus,
textarea:focus {
  border-color: rgba(16,185,129,.55) !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,.105) !important;
  outline: none !important;
}
.form-label { color: #98a5b1 !important; font-size: 12px !important; font-weight: 650 !important; }
.muted { color: var(--r22-muted) !important; }

.btn,
.neutral-btn,
.plain-action {
  border-radius: 10px !important;
  min-height: 40px !important;
  font-weight: 700 !important;
}
.btn-primary,
.liquid-primary-btn,
.latest-buy-token-btn,
.latest-plan-btn.primary,
.behavior-primary-buy,
.fl188-root .btn.primary {
  color: #04120d !important;
  background: linear-gradient(145deg, var(--r22-primary-hi), var(--r22-primary)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: 0 9px 24px rgba(16,185,129,.18) !important;
}
.btn-primary:hover,
.liquid-primary-btn:hover,
.latest-buy-token-btn:hover,
.behavior-primary-buy:hover { transform: translateY(-1px); filter: brightness(1.04); }
.neutral-btn,
.btn-secondary,
.btn-ghost,
.plain-action {
  color: var(--r22-text-2) !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid var(--r22-line) !important;
}
.danger-btn,
.btn-danger,
.fl188-root .btn.danger { color: #f28a82 !important; }

.latest-status-pill,
.badge { border-radius: 7px !important; }
.latest-status-pill.success,
.badge-green { color: #48dfb0 !important; background: rgba(16,185,129,.11) !important; border-color: rgba(16,185,129,.25) !important; }

/* ========================================================================== 
   MARKETPLACE
   ========================================================================== */
body[data-view="market-products"] .page-inner,
body[data-view="market-file"] .page-inner { max-width: 1510px !important; }
.behavior-market-header { margin-bottom: 17px !important; }
.behavior-header-proof {
  min-width: 225px !important;
  max-width: 280px !important;
  padding: 12px 14px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.026) !important;
  border: 1px solid var(--r22-line) !important;
}
.behavior-header-proof strong { font-size: 12px !important; color: var(--r22-text-2) !important; }
.behavior-header-proof span { font-size: 11px !important; color: var(--r22-muted) !important; }
.behavior-intent-strip {
  margin: 0 0 16px !important;
  gap: 7px !important;
}
.behavior-intent-strip button {
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  border: 1px solid var(--r22-line) !important;
  background: rgba(255,255,255,.025) !important;
  color: var(--r22-muted) !important;
  font-size: 11px !important;
}
.behavior-intent-strip button.is-active {
  color: #56ddb2 !important;
  border-color: rgba(16,185,129,.27) !important;
  background: rgba(16,185,129,.09) !important;
}
.behavior-toolbar {
  min-height: 48px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.behavior-search-primary {
  height: 46px !important;
  max-width: 760px !important;
  flex: 1 1 520px !important;
  background: linear-gradient(180deg, rgba(24,34,44,.92), rgba(16,24,33,.96)) !important;
  border: 1px solid var(--r22-line) !important;
  border-radius: 10px !important;
}
.behavior-search-primary .search-input { height: 44px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.behavior-search-primary .search-left-icon { color: #7d8b98 !important; }
.search-filter-button {
  width: 42px !important;
  height: 38px !important;
  border-radius: 8px !important;
  color: #a7b2bb !important;
  background: rgba(255,255,255,.04) !important;
}
.behavior-result-count {
  margin-left: auto !important;
  color: var(--r22-muted) !important;
  font-size: 12px !important;
}
.behavior-market-grid,
.market-grid {
  gap: 18px !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
}
.market-card,
.ref-card {
  position: relative;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(23,32,42,.98), rgba(16,24,33,.98)) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.market-card:hover,
.ref-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.23) !important;
}
.ref-card-preview,
.market-card-preview {
  aspect-ratio: 1.26 / 1 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.075), transparent 31%),
    linear-gradient(145deg, #20262c, #11171d) !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
}
.ref-preview-placeholder {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  color: #6f7d89 !important;
}
.ref-preview-placeholder svg { width: 44px !important; height: 44px !important; opacity: .55; }
.ref-preview-placeholder span { font-size: 11px !important; }
.ref-heart,
.market-card-fav {
  top: 11px !important;
  right: 11px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(6,10,14,.36) !important;
  backdrop-filter: blur(8px);
}
.ref-card-body,
.market-card-body {
  min-height: 150px !important;
  padding: 14px 14px 13px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-content: start;
  column-gap: 10px;
}
.ref-card-title,
.market-card-title {
  grid-column: 1 / -1;
  margin: 0 0 8px !important;
  color: #f2f5f7 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}
.ref-card-price {
  grid-column: 1;
  margin: 0 !important;
  align-self: center;
}
.ref-card-price span { color: #fff !important; font-size: 17px !important; font-weight: 800 !important; }
.ref-card-price span::before { content: ""; color: var(--r22-token); font-size: 12px; margin-right: 7px; }
.ref-card-price small { display: none !important; }
.ref-card-location,
.ref-purchase-count,
.ref-sales-meta {
  grid-column: 1 / -1;
  margin-top: 9px !important;
  color: #7e8a96 !important;
  font-size: 11px !important;
}
.ref-chip-row {
  grid-column: 1 / -1;
  margin-top: 10px !important;
  gap: 5px !important;
}
.ref-chip-row span {
  height: 21px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
  color: #9da8b2 !important;
  border-color: rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.028) !important;
}

/* ========================================================================== 
   PRODUCT / FILE DETAIL
   ========================================================================== */
body[data-view="product-detail"] .page-inner,
body[data-view="file-detail"] .page-inner { max-width: 1510px !important; }
.behavior-detail-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(370px, .95fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
.behavior-gallery {
  min-height: 610px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  border: 1px solid var(--r22-line) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.065), transparent 34%),
    linear-gradient(145deg, #171e25, #0d1319) !important;
}
.behavior-gallery .ref-preview-placeholder.large { min-height: 610px !important; }
.behavior-gallery-actions {
  right: 14px !important;
  bottom: 13px !important;
  gap: 7px !important;
}
.behavior-gallery-actions .plain-action {
  position: static !important;
  width: auto !important;
  height: 35px !important;
  padding: 0 12px !important;
  color: #d2d9de !important;
  background: rgba(5,9,13,.58) !important;
  backdrop-filter: blur(10px);
}
.carousel-nav {
  width: 42px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: rgba(5,9,13,.42) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.carousel-nav.left { left: 18px !important; }
.carousel-nav.right { right: 18px !important; }
.behavior-purchase-panel {
  position: sticky !important;
  top: 84px !important;
  padding: 24px !important;
  border-radius: 15px !important;
  background: linear-gradient(155deg, rgba(20,30,40,.98), rgba(13,20,28,.99)) !important;
  border: 1px solid var(--r22-line) !important;
}
.behavior-purchase-head { padding-bottom: 17px !important; border-bottom: 1px solid var(--r22-line) !important; }
.behavior-purchase-head .section-kicker { display: inline-flex; padding: 5px 8px; border-radius: 7px; background: rgba(16,185,129,.1); border: 1px solid rgba(16,185,129,.24); }
.behavior-price-row { margin-top: 13px !important; align-items: center !important; }
.detail-price { color: #fff !important; font-size: 28px !important; font-weight: 850 !important; }
.detail-price::before { content:""; color: var(--r22-token); font-size: 17px; margin-right: 8px; vertical-align: 3px; }
.behavior-microcopy { margin: 11px 0 0 !important; }
.behavior-decision-block {
  padding: 17px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--r22-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.detail-section-head-v167 { margin-bottom: 11px !important; }
.behavior-option-grid { gap: 10px !important; }
.detail-option-field-v167 label { color: #8e9ba7 !important; }
.option-select-shell-v165,
.option-select-shell-v166 { min-height: 48px !important; }
.address-card.selectable { border-radius: 10px !important; background: rgba(255,255,255,.026) !important; }
.behavior-trust-row {
  margin: 15px 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  gap: 8px !important;
}
.behavior-trust-row span {
  padding: 6px 8px !important;
  border-radius: 7px !important;
  color: #8997a3 !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  font-size: 10px !important;
}
.behavior-primary-buy {
  min-height: 54px !important;
  margin-top: 16px !important;
  font-size: 15px !important;
}
.behavior-secondary-panel {
  grid-column: 1 / -1 !important;
  padding: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.4fr) minmax(330px,.8fr) !important;
  border: 1px solid var(--r22-line) !important;
  background: rgba(13,20,28,.72) !important;
}
.behavior-secondary-panel > section { margin: 0 !important; padding: 20px 22px !important; border: 0 !important; background: transparent !important; }
.behavior-secondary-panel > section + section { border-left: 1px solid var(--r22-line) !important; }
.detail-comments-zone { grid-column: 1 / -1 !important; border-top: 1px solid var(--r22-line) !important; }

/* ========================================================================== 
   SELLER PROFILE
   ========================================================================== */
body[data-view="seller-profile"] .page-inner { max-width: 1450px !important; }
.seller-hero-v165 {
  min-height: 215px !important;
  padding: 30px 32px !important;
  border-radius: 16px !important;
  justify-content: flex-start !important;
  background:
    radial-gradient(circle at 78% 10%, rgba(16,185,129,.07), transparent 28%),
    linear-gradient(145deg, rgba(20,30,40,.97), rgba(12,19,26,.99)) !important;
}
.seller-avatar.large {
  width: 118px !important;
  height: 118px !important;
  border-radius: 50% !important;
  font-size: 26px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: inset 0 0 0 12px rgba(0,0,0,.14) !important;
}
.seller-contact-line { margin-top: 13px !important; color: #9ba7b1 !important; }
.seller-split-tabs-v165 {
  display: flex !important;
  width: 100% !important;
  margin: 22px 0 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--r22-line) !important;
  border-radius: 0 !important;
}
.seller-split-tabs-v165 button { min-height: 44px !important; padding: 0 18px !important; border-radius: 0 !important; }
.seller-split-tabs-v165 button.active { color: #fff !important; background: transparent !important; box-shadow: inset 0 -2px 0 var(--r22-primary) !important; }

/* ========================================================================== 
   MANAGEMENT
   ========================================================================== */
body[data-view="product-management"] .page-inner,
body[data-view="file-management"] .page-inner { max-width: 1510px !important; }
.behavior-management-header { margin-bottom: 20px !important; }
.behavior-management-card {
  padding: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
}
.behavior-shop-row {
  min-height: 78px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--r22-line) !important;
}
.management-name-line-v161 strong { font-size: 16px !important; }
.behavior-ops-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--r22-line) !important;
}
.behavior-ops-metric {
  min-height: 112px !important;
  padding: 18px 20px !important;
  border: 0 !important;
  border-right: 1px solid var(--r22-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.behavior-ops-metric:last-child { border-right: 0 !important; }
.behavior-ops-metric.critical { background: linear-gradient(145deg, rgba(16,185,129,.045), transparent) !important; }
.behavior-ops-metric span { color: #83919d !important; font-size: 11px !important; }
.behavior-ops-metric strong { margin-top: 7px !important; color: #f2f6f8 !important; font-size: 20px !important; }
.behavior-ops-metric small { color: #6f7d89 !important; font-size: 10px !important; }
.behavior-finance-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
}
.management-metric-v161 {
  min-height: 82px !important;
  padding: 16px 20px !important;
  border: 0 !important;
  border-right: 1px solid var(--r22-line) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.012) !important;
}
.management-metric-v161:last-child { border-right: 0 !important; }
.management-metric-v161 span { color: #7e8b97 !important; font-size: 10px !important; }
.management-metric-v161 strong { color: #dbe2e7 !important; font-size: 13px !important; }
.behavior-task-tabs {
  width: 100% !important;
  margin: 18px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--r22-line) !important;
  border-radius: 0 !important;
}
.behavior-task-tabs button { min-width: 100px !important; border-radius: 0 !important; }
.behavior-task-tabs button.active { background: transparent !important; box-shadow: inset 0 -2px 0 var(--r22-primary) !important; }
.behavior-management-listing-grid,
.management-card-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--r22-line) !important;
  border-radius: 14px !important;
  background: rgba(11,18,25,.72) !important;
}
.mgmt-card {
  min-height: 78px !important;
  padding: 11px 15px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.mgmt-card:last-child { border-bottom: 0 !important; }
.mgmt-card:hover { background: rgba(255,255,255,.018) !important; }
.mgmt-card-left { min-width: 0 !important; gap: 13px !important; }
.mgmt-card-icon {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 9px !important;
  color: #8f9ba6 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}
.mgmt-card-name { color: #eff3f5 !important; font-size: 13px !important; }
.mgmt-card-desc { color: #75828e !important; font-size: 11px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mgmt-card-right { display: grid !important; grid-template-columns: minmax(100px,auto) auto auto !important; align-items: center !important; gap: 9px !important; }
.mgmt-card-price { color: #fff !important; font-size: 13px !important; font-weight: 750 !important; }
.mgmt-card-price::before { content:""; color:var(--r22-token); font-size:10px; margin-right:6px; }
.floating-add { background: linear-gradient(145deg, var(--r22-primary-hi), var(--r22-primary)) !important; color: #04120d !important; box-shadow: 0 14px 34px rgba(16,185,129,.28) !important; }

/* ========================================================================== 
   PRODUCT LISTING
   ========================================================================== */
body[data-view="product-listing-settings"] .page-inner { max-width: 1490px !important; }
.listing-settings-shell {
  grid-template-columns: minmax(0,1.52fr) minmax(330px,.88fr) !important;
  gap: 18px !important;
  align-items: start !important;
}
.listing-main-card,
.listing-side-card,
.sku-matrix-card {
  border-radius: 14px !important;
  padding: 20px !important;
}
.listing-side-card { position: sticky !important; top: 84px !important; }
.settings-section-head { margin-bottom: 16px !important; }
.settings-section-head h2,
.listing-side-card h2 { font-size: 17px !important; color: #eef2f4 !important; }
.image-upload-grid { gap: 9px !important; }
.image-upload-tile,
.image-preview-tile {
  min-height: 145px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.022) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.image-upload-tile { border-style: dashed !important; color: #9aa6b0 !important; }
.form-row { gap: 11px !important; }
.option-group-card,
.sku-card {
  border-radius: 10px !important;
  border-color: rgba(255,255,255,.07) !important;
  background: rgba(255,255,255,.022) !important;
}
.option-group-card.locked { background: rgba(16,185,129,.035) !important; border-color: rgba(16,185,129,.13) !important; }
.sku-matrix-card { margin-top: 18px !important; }
.sku-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
.sku-card { display: grid !important; grid-template-columns: 1fr 110px auto !important; align-items: center !important; gap: 10px !important; }
.sku-card strong,
.sku-card .muted { grid-column: 1 !important; }
.sku-card input { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
.sku-card button { grid-column: 3 !important; grid-row: 1 / span 2 !important; }
.settings-bottom-bar {
  position: sticky !important;
  bottom: 14px !important;
  z-index: 25 !important;
  margin-top: 18px !important;
  padding: 10px !important;
  border: 1px solid var(--r22-line) !important;
  border-radius: 12px !important;
  background: rgba(8,13,18,.88) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 14px 36px rgba(0,0,0,.24) !important;
}

/* ========================================================================== 
   FILE LISTING WORKSPACE
   ========================================================================== */
body[data-view="file-listing-settings"] .page-inner { max-width: 1490px !important; }
.fl188-root { --green: var(--r22-primary) !important; --orange: var(--r22-token) !important; }
.fl188-root .page-shell { background: transparent !important; }
.fl188-root .page-heading { padding: 4px 0 18px !important; }
.fl188-root .workflow-strip {
  border-radius: 13px !important;
  border: 1px solid var(--r22-line) !important;
  background: rgba(12,19,26,.8) !important;
  overflow: hidden !important;
}
.fl188-root .workflow-item { border-radius: 0 !important; border-right: 1px solid rgba(255,255,255,.055) !important; }
.fl188-root .workflow-item:last-child { border-right: 0 !important; }
.fl188-root .workflow-item.active { background: linear-gradient(145deg, rgba(16,185,129,.09), transparent) !important; }
.fl188-root .form-card,
.fl188-root .side-card,
.fl188-root .sku-card,
.fl188-root .parameter-shell {
  background: linear-gradient(145deg, rgba(18,27,36,.98), rgba(12,19,26,.99)) !important;
  border-color: var(--r22-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.fl188-root .content-grid { gap: 18px !important; }
.fl188-root .side-column { position: sticky !important; top: 84px !important; align-self: start !important; }
.fl188-root .upload-zone { border-radius: 11px !important; background: rgba(255,255,255,.018) !important; }
.fl188-root input,
.fl188-root select,
.fl188-root textarea { background: #101820 !important; border-color: var(--r22-line) !important; }
.fl188-root .action-bar {
  border-color: var(--r22-line) !important;
  background: rgba(7,12,17,.92) !important;
  backdrop-filter: blur(15px);
}

/* ========================================================================== 
   PLAN / TOKEN / WITHDRAWAL
   ========================================================================== */
body[data-view="plan"] .page-inner,
body[data-view="buy-token"] .page-inner,
body[data-view="withdrawal"] .page-inner { max-width: 1450px !important; }
.latest-plan-summary {
  min-height: 126px !important;
  padding: 22px 24px !important;
  border-radius: 14px !important;
  display: grid !important;
  grid-template-columns: 1.35fr repeat(4,minmax(130px,.7fr)) !important;
  gap: 0 !important;
}
.latest-plan-summary > div { min-height: 68px; padding: 0 20px !important; display:flex; flex-direction:column; justify-content:center; border-right: 1px solid var(--r22-line); }
.latest-plan-summary > div:first-child { padding-left: 0 !important; }
.latest-plan-summary > div:last-child { border-right: 0; }
.latest-plan-summary strong { color: #f2f6f8 !important; font-size: 17px !important; }
.latest-plan-grid {
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin-top: 22px !important;
}
.latest-plan-card {
  min-height: 390px !important;
  padding: 20px !important;
  border-radius: 14px !important;
}
.latest-plan-card.current {
  border-color: rgba(16,185,129,.62) !important;
  box-shadow: 0 0 0 1px rgba(16,185,129,.12), 0 18px 46px rgba(0,0,0,.22) !important;
}
.latest-plan-storage { font-size: 30px !important; }
.latest-plan-price { color: #fff !important; font-weight: 800 !important; }
.latest-plan-price::before { content:""; color:var(--r22-token); font-size:12px; margin-right:7px; }
.latest-plan-btn { margin-top: auto !important; }
.latest-plan-ledger-note { margin-top: 18px !important; }

.latest-token-shell { grid-template-columns: minmax(0,1.55fr) minmax(340px,.75fr) !important; gap: 18px !important; }
.latest-token-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; }
.latest-token-card { min-height: 280px !important; padding: 20px !important; border-radius: 14px !important; }
.latest-token-card.selected { border-color: rgba(16,185,129,.58) !important; box-shadow: 0 0 0 1px rgba(16,185,129,.12) !important; }
.latest-checkout-card { position: sticky !important; top: 84px !important; border-radius: 14px !important; }
.latest-summary-row { border-bottom-color: rgba(255,255,255,.055) !important; }

.latest-withdrawal-shell { grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr) !important; gap: 18px !important; }
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card { border-radius: 14px !important; padding: 22px !important; }

/* ========================================================================== 
   PROFILE SETTINGS
   ========================================================================== */
body[data-view="profile-settings"] .page-inner { max-width: 1450px !important; }
.profile-settings-shell { gap: 13px !important; }
.profile-card.neo-settings-row {
  position: relative;
  min-height: 116px !important;
  padding: 18px 18px 18px 76px !important;
  border-radius: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
}
.neo-settings-icon {
  position: absolute !important;
  left: 20px !important;
  top: 20px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  color: #48dcb0 !important;
  background: rgba(16,185,129,.08) !important;
  border: 1px solid rgba(16,185,129,.15) !important;
}
.profile-card .settings-section-head { grid-column: 1 / -1 !important; width: 100% !important; }
.paypal-inline-grid-v151 { grid-column: 1 / -1 !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; }
.profile-address-grid { grid-column: 1 / -1 !important; }
.profile-kyc-progress { grid-column: 1 / -1 !important; }
.profile-kyc-actions { grid-column: 1 / -1 !important; }
.profile-card .settings-row.compact { grid-column: 1 / -1 !important; background: rgba(255,255,255,.018) !important; }
.profile-card .policy-link { grid-column: 1 / -1 !important; border-radius: 9px !important; }
.profile-actions-card { background: transparent !important; border: 0 !important; }

/* ========================================================================== 
   SUBPAGES: history, tracking, KYC, API, pending, order history
   ========================================================================== */
body[data-view="favorites"] .page-inner,
body[data-view="file-history"] .page-inner,
body[data-view="product-history"] .page-inner,
body[data-view="product-tracking"] .page-inner,
body[data-view="kyc-verification"] .page-inner,
body[data-view="seller-order-history"] .page-inner,
body[data-view="lianlian-pending"] .page-inner { max-width: 1420px !important; }
.history-list,
.tracking-list,
.order-grid,
.seller-history-list-v177 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  border: 1px solid var(--r22-line) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(11,18,25,.7) !important;
}
.history-card,
.tracking-card,
.order-card {
  min-height: 78px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.history-card:last-child,
.tracking-card:last-child,
.order-card:last-child { border-bottom: 0 !important; }
.kyc-hero-card { border-radius: 15px !important; }
.kyc-main-grid { gap: 18px !important; }
.kyc-primary-card,
.kyc-side-card { border-radius: 14px !important; }
.api-card { border-radius: 14px !important; padding: 20px !important; }
.code-box { background: #0a1118 !important; border-color: var(--r22-line) !important; }
.lianlian-shell-v177 { gap: 18px !important; }
.seller-history-summary-grid-v177 { gap: 12px !important; }

/* ---------- Modals and legal reader ---------- */
.modal,
.legal-reader-panel,
.parameter-dialog .parameter-shell {
  color: var(--r22-text-2) !important;
  background: linear-gradient(145deg, #15202a, #0f171f) !important;
  border: 1px solid var(--r22-line-strong) !important;
  border-radius: 16px !important;
  box-shadow: var(--r22-shadow) !important;
}
.modal-overlay,
.legal-reader-backdrop { background: rgba(1,5,8,.74) !important; backdrop-filter: blur(6px); }

/* ========================================================================== 
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1240px) {
  .behavior-market-grid,
  .market-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .latest-plan-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .latest-plan-summary { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .latest-plan-summary > div { border-bottom: 1px solid var(--r22-line); }
  .behavior-finance-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .management-metric-v161:nth-child(3) { border-right: 0 !important; }
  .behavior-detail-shell { grid-template-columns: minmax(0,1.3fr) minmax(350px,.9fr) !important; }
}

@media (max-width: 980px) {
  .main-content { margin-left: 0 !important; width: 100% !important; }
  .sidebar { transform: translateX(-102%); box-shadow: 20px 0 55px rgba(0,0,0,.35); }
  .sidebar.open { transform: translateX(0); }
  .behavior-market-grid,
  .market-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .behavior-detail-shell { grid-template-columns: 1fr !important; }
  .behavior-purchase-panel { position: static !important; }
  .behavior-gallery,
  .behavior-gallery .ref-preview-placeholder.large { min-height: 500px !important; }
  .behavior-secondary-panel { grid-template-columns: 1fr !important; }
  .behavior-secondary-panel > section + section { border-left: 0 !important; border-top: 1px solid var(--r22-line) !important; }
  .behavior-ops-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .behavior-ops-metric:nth-child(2) { border-right: 0 !important; }
  .behavior-ops-metric:nth-child(-n+2) { border-bottom: 1px solid var(--r22-line) !important; }
  .listing-settings-shell { grid-template-columns: 1fr !important; }
  .listing-side-card { position: static !important; }
  .latest-token-shell,
  .latest-withdrawal-shell { grid-template-columns: 1fr !important; }
  .latest-checkout-card { position: static !important; }
  .latest-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .latest-plan-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .profile-card.neo-settings-row { grid-template-columns: 1fr !important; }
  .paypal-inline-grid-v151 { grid-template-columns: 1fr 1fr !important; }
  .fl188-root .side-column { position: static !important; }
}

@media (max-width: 640px) {
  .topbar { padding: 0 10px !important; }
  .topbar-left { gap: 5px !important; }
  .topbar-logo { font-size: 15px !important; }
  .topbar-right { gap: 4px !important; }
  .topbar-discord,
  .topbar-icon-btn { width: 32px !important; height: 32px !important; }
  .topbar-theme { width: 42px !important; height: 30px !important; }
  .topbar-theme::after { width: 17px !important; height: 17px !important; }
  .topbar-token-pill { min-width: 96px !important; height: 34px !important; padding-left: 9px !important; }
  .topbar-token-plus { width: 27px !important; height: 27px !important; min-width: 27px !important; }
  .main-content { padding: 17px 14px 28px !important; }
  .ref-page-header { display: block !important; min-height: 0; margin-bottom: 16px !important; }
  .behavior-header-proof { display: none !important; }
  .page-title,
  .liquid-hero h1,
  .latest-hero h1 { font-size: 28px !important; }
  .behavior-toolbar { display: grid !important; grid-template-columns: 1fr auto !important; }
  .behavior-search-primary { max-width: none !important; width: 100% !important; }
  .behavior-result-count { margin-left: 0 !important; align-self: center; }
  .behavior-market-grid,
  .market-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  .ref-card-preview,
  .market-card-preview { aspect-ratio: 1 / .9 !important; }
  .ref-card-body,
  .market-card-body { min-height: 132px !important; padding: 11px !important; }
  .ref-card-title { font-size: 12px !important; }
  .ref-card-price span { font-size: 15px !important; }
  .ref-chip-row span { font-size: 8px !important; padding: 0 5px !important; }
  .behavior-gallery,
  .behavior-gallery .ref-preview-placeholder.large { min-height: 360px !important; }
  .behavior-purchase-panel { padding: 18px !important; }
  .behavior-option-grid { grid-template-columns: 1fr !important; }
  .behavior-ops-grid,
  .behavior-finance-grid { grid-template-columns: 1fr !important; }
  .behavior-ops-metric,
  .management-metric-v161 { border-right: 0 !important; border-bottom: 1px solid var(--r22-line) !important; }
  .mgmt-card { grid-template-columns: 1fr !important; }
  .mgmt-card-right { grid-template-columns: 1fr auto auto !important; width: 100%; }
  .sku-grid { grid-template-columns: 1fr !important; }
  .sku-card { grid-template-columns: 1fr !important; }
  .sku-card strong,
  .sku-card .muted,
  .sku-card input,
  .sku-card button { grid-column: 1 !important; grid-row: auto !important; }
  .latest-plan-grid,
  .latest-token-grid,
  .latest-plan-summary { grid-template-columns: 1fr !important; }
  .latest-plan-summary > div { padding: 12px 0 !important; border-right: 0 !important; border-bottom: 1px solid var(--r22-line) !important; }
  .paypal-inline-grid-v151 { grid-template-columns: 1fr !important; }
  .profile-card.neo-settings-row { padding: 66px 15px 16px !important; }
  .neo-settings-icon { left: 15px !important; top: 15px !important; }
}

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

/* ========================================================================== 
   v22.2.1 precision corrections after code-render review
   ========================================================================== */

/* Keep simple page headings grouped on the left. */
body[data-view="profile-settings"] .ref-page-header,
body[data-view="product-listing-settings"] .ref-page-header,
body[data-view="favorites"] .ref-page-header,
body[data-view="file-history"] .ref-page-header,
body[data-view="product-history"] .ref-page-header,
body[data-view="product-tracking"] .ref-page-header {
  display: block !important;
  min-height: 0 !important;
}
body[data-view="profile-settings"] .ref-page-header .page-desc,
body[data-view="product-listing-settings"] .ref-page-header .page-desc,
body[data-view="favorites"] .ref-page-header .page-desc,
body[data-view="file-history"] .ref-page-header .page-desc,
body[data-view="product-history"] .ref-page-header .page-desc,
body[data-view="product-tracking"] .ref-page-header .page-desc {
  margin-top: 7px !important;
}

/* Align hero pages like the reference: title and subtitle share one left edge. */
.liquid-hero.liquid-readable-hero.latest-hero {
  display: block !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
  background: transparent !important;
  border: 0 !important;
  min-height: 0 !important;
}
.liquid-hero.liquid-readable-hero.latest-hero .section-kicker,
.liquid-hero.liquid-readable-hero.latest-hero h1,
.liquid-hero.liquid-readable-hero.latest-hero p {
  display: block !important;
  width: auto !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
.liquid-hero.liquid-readable-hero.latest-hero h1 { margin-top: 5px !important; }
.liquid-hero.liquid-readable-hero.latest-hero p { margin-top: 7px !important; }

/* Actual marketplace card DOM: order information by decision priority. */
.ref-card-body,
.market-card-body {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
}
.ref-card-title,
.market-card-title { order: 1 !important; }
.card-bottom-line {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 1px !important;
}
.ref-card-location { order: 3 !important; }
.ref-chip-row { order: 4 !important; }
.management-card-stats { order: 5 !important; }
.card-price-label { display: none !important; }
.ref-card-price { margin: 0 !important; }
.ref-sales-meta { margin: 0 !important; white-space: nowrap; }
.ref-card-location { margin-top: 8px !important; }
.ref-chip-row { margin-top: 9px !important; }

/* Make management listings read as operational rows, not a second marketplace. */
.behavior-management-listing-grid.management-card-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  border: 1px solid var(--r22-line) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(11,18,25,.72) !important;
}
.behavior-management-listing-grid .public-management-card-v1542 {
  width: 100% !important;
  min-height: 82px !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0,1fr) !important;
  align-items: stretch !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-align: left !important;
}
.behavior-management-listing-grid .public-management-card-v1542:last-child { border-bottom: 0 !important; }
.behavior-management-listing-grid .public-management-card-v1542:hover { background: rgba(255,255,255,.02) !important; }
.behavior-management-listing-grid .public-management-card-v1542 > .market-card-preview,
.behavior-management-listing-grid .public-management-card-v1542 > .ref-card-preview {
  width: 72px !important;
  height: 82px !important;
  min-height: 82px !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 0 !important;
}
.behavior-management-listing-grid .public-management-card-v1542 .ref-preview-placeholder {
  min-height: 82px !important;
  background-size: 16px 16px !important;
}
.behavior-management-listing-grid .public-management-card-v1542 .ref-preview-placeholder svg { width: 25px !important; height: 25px !important; }
.behavior-management-listing-grid .public-management-card-v1542 .ref-preview-placeholder span,
.behavior-management-listing-grid .public-management-card-v1542 .carousel-dots-v1542,
.behavior-management-listing-grid .public-management-card-v1542 .management-static-heart { display: none !important; }
.behavior-management-listing-grid .public-management-card-v1542 > .market-card-body,
.behavior-management-listing-grid .public-management-card-v1542 > .ref-card-body {
  min-height: 82px !important;
  padding: 11px 15px !important;
  display: grid !important;
  grid-template-columns: minmax(220px,1.15fr) minmax(230px,1fr) minmax(160px,.62fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 2px 18px !important;
}
.behavior-management-listing-grid .public-management-card-v1542 .ref-card-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.behavior-management-listing-grid .public-management-card-v1542 .ref-card-location {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 10px !important;
}
.behavior-management-listing-grid .public-management-card-v1542 .ref-chip-row {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  align-content: center !important;
}
.behavior-management-listing-grid .public-management-card-v1542 .management-card-stats {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  justify-content: flex-end !important;
  color: #7f8c97 !important;
  font-size: 11px !important;
}

/* Product detail carries one extra legal badge; keep the primary action in view. */
body[data-view="product-detail"] .behavior-purchase-panel { padding: 18px 20px !important; }
body[data-view="product-detail"] .behavior-purchase-head { padding-bottom: 11px !important; }
body[data-view="product-detail"] .licensed-production-chip {
  min-height: 36px !important;
  margin-top: 9px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
}
body[data-view="product-detail"] .behavior-decision-block { padding: 10px 0 !important; }
body[data-view="product-detail"] .detail-section-head-v167 { margin-bottom: 7px !important; }
body[data-view="product-detail"] .option-select-shell-v165,
body[data-view="product-detail"] .option-select-shell-v166 { min-height: 42px !important; }
body[data-view="product-detail"] .address-card.selectable { padding: 11px !important; }
body[data-view="product-detail"] .behavior-trust-row { margin-top: 9px !important; }
body[data-view="product-detail"] .behavior-primary-buy { min-height: 48px !important; margin-top: 10px !important; }

/* Profile and listing headers should never split title and description across the page. */
body[data-view="profile-settings"] .ref-page-header,
body[data-view="product-listing-settings"] .ref-page-header { max-width: 820px !important; }

@media (max-width: 900px) {
  .behavior-management-listing-grid .public-management-card-v1542 > .market-card-body,
  .behavior-management-listing-grid .public-management-card-v1542 > .ref-card-body {
    grid-template-columns: minmax(0,1fr) auto !important;
  }
  .behavior-management-listing-grid .public-management-card-v1542 .ref-chip-row { display: none !important; }
  .behavior-management-listing-grid .public-management-card-v1542 .management-card-stats { grid-column: 2 !important; }
}

@media (max-width: 640px) {
  .behavior-management-listing-grid .public-management-card-v1542 {
    grid-template-columns: 64px minmax(0,1fr) !important;
  }
  .behavior-management-listing-grid .public-management-card-v1542 > .market-card-preview,
  .behavior-management-listing-grid .public-management-card-v1542 > .ref-card-preview { width: 64px !important; }
  .behavior-management-listing-grid .public-management-card-v1542 > .market-card-body,
  .behavior-management-listing-grid .public-management-card-v1542 > .ref-card-body {
    padding: 9px 11px !important;
    grid-template-columns: 1fr !important;
  }
  .behavior-management-listing-grid .public-management-card-v1542 .management-card-stats { display: none !important; }
}

/* Dedicated management row renderer v22.2 — same source data, denser operations UI. */
.behavior-management-listing-grid.management-card-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.management-row-v222 {
  width: 100%;
  min-height: 78px;
  padding: 0;
  display: grid;
  grid-template-columns: 76px minmax(210px,1.1fr) minmax(260px,1fr) minmax(170px,.62fr) 38px;
  align-items: center;
  text-align: left;
  color: var(--r22-text-2);
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
  cursor: pointer;
}
.management-row-v222:last-child { border-bottom: 0; }
.management-row-v222:hover { background: rgba(255,255,255,.022); }
.management-row-preview-v222 {
  width: 76px;
  height: 78px;
  overflow: hidden;
  border-right: 1px solid rgba(255,255,255,.055);
  background: linear-gradient(145deg,#171f27,#0d1319);
}
.management-row-preview-v222 .card-image-carousel-v1542,
.management-row-preview-v222 .ref-preview-placeholder,
.management-row-preview-v222 > * { width: 100% !important; height: 100% !important; min-height: 78px !important; }
.management-row-preview-v222 .ref-preview-placeholder { background-size: 16px 16px !important; }
.management-row-preview-v222 .ref-preview-placeholder svg { width: 24px !important; height: 24px !important; }
.management-row-preview-v222 .ref-preview-placeholder span,
.management-row-preview-v222 .carousel-dots-v1542,
.management-row-preview-v222 button { display: none !important; }
.management-row-primary-v222 {
  min-width: 0;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.management-row-primary-v222 strong { color: #f0f4f6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.management-row-primary-v222 small { color: #75828e; font-size: 10px; }
.management-row-tags-v222 { display: flex; flex-wrap: wrap; gap: 5px; padding-right: 14px; }
.management-row-tags-v222 i {
  height: 22px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  color: #9ba6af;
  background: rgba(255,255,255,.028);
  border: 1px solid rgba(255,255,255,.07);
  font-style: normal;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .025em;
}
.management-row-stats-v222 { display: flex; justify-content: flex-end; gap: 13px; color: #7c8994; font-size: 10px; }
.management-row-stats-v222 i { font-style: normal; }
.management-row-action-v222 { color: #8b98a3; font-size: 24px; text-align: center; }

/* Shift legacy hero text clear of the old decorative clipping edge. */
.liquid-hero.liquid-readable-hero.latest-hero > * { margin-left: 10px !important; }

@media (max-width: 1050px) {
  .management-row-v222 { grid-template-columns: 70px minmax(190px,1fr) minmax(180px,.9fr) 36px; }
  .management-row-stats-v222 { display: none; }
}
@media (max-width: 720px) {
  .management-row-v222 { grid-template-columns: 64px minmax(0,1fr) 32px; min-height: 70px; }
  .management-row-preview-v222 { width: 64px; height: 70px; }
  .management-row-preview-v222 .card-image-carousel-v1542,
  .management-row-preview-v222 .ref-preview-placeholder,
  .management-row-preview-v222 > * { min-height: 70px !important; }
  .management-row-tags-v222 { display: none; }
  .management-row-primary-v222 { padding: 0 11px; }
}
.liquid-hero.liquid-readable-hero.latest-hero > .section-kicker,
.liquid-hero.liquid-readable-hero.latest-hero > h1,
.liquid-hero.liquid-readable-hero.latest-hero > p {
  padding-left: 14px !important;
}


/* ===== SOURCE: ux-ui-v22-3-token-license-fix.css ===== */
/* ========================================================================== 
   3D StudioMarket v22.3 — Gold Token + Product License Selector Fix
   Visual-only token replacement plus restored Product Listing license workflow.
   ========================================================================== */

:root {
  --token-gold-hi: #fff2a8;
  --token-gold-1: #ffd86a;
  --token-gold-2: #e7ad2d;
  --token-gold-3: #a9650b;
  --token-gold-shadow: rgba(231, 173, 45, .34);
}

/* Gold coin replaces the former diamond/gem icon. */
.token-coin,
.coin.token-coin {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 50%;
  color: transparent !important;
  font-size: 0 !important;
  background:
    radial-gradient(circle at 32% 25%, rgba(255,255,255,.92) 0 7%, transparent 8%),
    radial-gradient(circle at 38% 32%, var(--token-gold-hi) 0 13%, var(--token-gold-1) 30%, var(--token-gold-2) 62%, var(--token-gold-3) 100%);
  border: 1px solid rgba(255, 222, 115, .92);
  box-shadow:
    inset 0 0 0 2px rgba(124, 72, 5, .28),
    inset 0 1px 2px rgba(255,255,255,.5),
    0 2px 8px var(--token-gold-shadow);
  vertical-align: -3px;
}
.token-coin::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  border: 1px solid rgba(122, 70, 5, .42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42);
}
.token-coin-core {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 8px;
  border-radius: 2px;
  border-left: 1.5px solid rgba(119, 67, 4, .68);
  border-right: 1.5px solid rgba(119, 67, 4, .68);
  transform: skew(-8deg);
}

/* All token markers generated by the v22.2 visual layer use the same gold coin. */
.ref-card-price span::before,
.detail-price::before,
.mgmt-card-price::before,
.latest-plan-price::before {
  content: "" !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  margin-right: 7px !important;
  border-radius: 50% !important;
  vertical-align: -1px !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.95) 0 8%, transparent 9%),
    radial-gradient(circle at 38% 32%, var(--token-gold-hi) 0 14%, var(--token-gold-1) 31%, var(--token-gold-2) 64%, var(--token-gold-3) 100%) !important;
  border: 1px solid rgba(255, 220, 104, .9) !important;
  box-shadow: inset 0 0 0 1.5px rgba(119,67,4,.3), 0 1px 5px var(--token-gold-shadow) !important;
}
.detail-price::before { width: 16px !important; height: 16px !important; vertical-align: -2px !important; }

/* Product Listing — restored license selection. */
.product-license-divider {
  height: 1px;
  margin: 22px 0 18px;
  background: linear-gradient(90deg, rgba(255,255,255,.11), rgba(255,255,255,.025));
}
.product-license-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}
.product-license-heading h2 { margin: 3px 0 0 !important; }
.product-license-type-group { margin-bottom: 0 !important; }
.product-license-select {
  width: 100% !important;
  min-height: 46px !important;
  background-color: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.1) !important;
}
.product-license-select:focus {
  border-color: rgba(16,185,129,.62) !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,.1) !important;
}
.field-help {
  margin: 8px 0 0;
  color: var(--text-muted, #8f9a96);
  font-size: 12px;
  line-height: 1.55;
}
.licensed-production-panel {
  margin-top: 14px;
  padding: 15px;
  border: 1px solid rgba(16,185,129,.24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(16,185,129,.075), rgba(255,255,255,.024));
}
.licensed-production-panel[hidden] { display: none !important; }
.license-panel-status-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}
.license-panel-status-row > div { min-width: 0; }
.license-panel-status-row strong,
.license-panel-status-row span { display: block; }
.license-panel-status-row strong { color: #edf7f3; font-size: 13px; }
.license-panel-status-row span:not(.license-status-dot) { margin-top: 2px; color: #92a19a; font-size: 11px; line-height: 1.45; }
.license-status-dot {
  width: 9px;
  height: 9px;
  min-width: 9px;
  margin-top: 4px;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 0 4px rgba(52,211,153,.12), 0 0 14px rgba(52,211,153,.45);
}
.license-grant-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 14px;
}
.license-grant-summary[hidden] { display: none !important; }
.license-grant-summary > div {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(5,9,13,.26);
}
.license-grant-summary span,
.license-grant-summary strong { display: block; }
.license-grant-summary span { color: #7f8d87; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.license-grant-summary strong { margin-top: 4px; color: #dfe8e4; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.product-license-fields {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
}
.product-license-fields .form-group { margin-bottom: 10px !important; }
.product-license-fields .form-input[readonly] {
  color: #c9d4cf !important;
  background: rgba(2,5,8,.24) !important;
  cursor: default;
}
.product-listing-compliance-panel {
  display: grid;
  grid-template-columns: minmax(190px,.55fr) minmax(300px,1.45fr);
  align-items: start;
  gap: 16px 22px;
  margin-top: 18px !important;
}
.product-compliance-copy h3 { margin: 4px 0 5px !important; }
.product-compliance-copy p { margin: 0; color: var(--text-muted, #8f9a96); font-size: 12px; }
.product-compliance-check {
  margin: 0 !important;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.product-listing-compliance-panel > .legal-inline-link {
  grid-column: 2;
  width: max-content;
  padding-top: 0;
}

@media (max-width: 900px) {
  .product-listing-compliance-panel { grid-template-columns: 1fr; }
  .product-listing-compliance-panel > .legal-inline-link { grid-column: 1; }
}
@media (max-width: 560px) {
  .license-grant-summary { grid-template-columns: 1fr; }
  .product-license-heading { align-items: center; }
  .product-license-heading .legal-inline-link { white-space: nowrap; }
}

.product-license-fields #permissionStatus { text-transform: capitalize; }

/* ========================================================================== 
   3D StudioMarket v23.0 — Engineering Marketplace Redesign
   Final shared visual layer. Content, IDs, data bindings and workflow logic
   remain unchanged; this layer reorganises hierarchy and interaction rhythm.
   ========================================================================== */

:root {
  --v23-canvas: #070b0e;
  --v23-canvas-2: #0a0f13;
  --v23-surface: #0e151a;
  --v23-surface-2: #121b21;
  --v23-surface-3: #172229;
  --v23-line: rgba(184, 213, 224, .11);
  --v23-line-strong: rgba(184, 213, 224, .19);
  --v23-text: #f1f6f7;
  --v23-text-2: #c4d0d4;
  --v23-muted: #84949b;
  --v23-dim: #5f7078;
  --v23-accent: #20c997;
  --v23-accent-hi: #45ddb0;
  --v23-accent-soft: rgba(32, 201, 151, .12);
  --v23-accent-faint: rgba(32, 201, 151, .055);
  --v23-warning: #e0a33a;
  --v23-danger: #e47c7c;
  --v23-radius: 12px;
  --v23-radius-lg: 16px;
  --v23-shadow: 0 20px 54px rgba(0, 0, 0, .22);
  --v23-mono: "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;
  --topbar-h: 72px;
  --sidebar-w: 252px;

  --bg-page: var(--v23-canvas);
  --bg-topbar: rgba(7, 11, 14, .9);
  --bg-card: var(--v23-surface);
  --bg-input: #0a1116;
  --card-bg: var(--v23-surface);
  --input-bg: #0a1116;
  --page-bg: var(--v23-canvas);
  --border: var(--v23-line);
  --border-soft: rgba(184, 213, 224, .07);
  --text-main: var(--v23-text);
  --text-secondary: var(--v23-text-2);
  --text-muted: var(--v23-muted);
  --text-dim: var(--v23-dim);
  --green: var(--v23-accent);
  --orange: var(--v23-accent);
  --orange-hover: var(--v23-accent-hi);

  --r22-canvas: var(--v23-canvas);
  --r22-surface: var(--v23-surface);
  --r22-surface-2: var(--v23-surface-2);
  --r22-line: var(--v23-line);
  --r22-line-strong: var(--v23-line-strong);
  --r22-text: var(--v23-text);
  --r22-text-2: var(--v23-text-2);
  --r22-muted: var(--v23-muted);
  --r22-accent: var(--v23-accent);
}

html {
  background: var(--v23-canvas);
  scrollbar-color: #304049 #0a0f13;
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 12% -5%, rgba(32, 201, 151, .075), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(94, 130, 150, .05), transparent 32rem),
    linear-gradient(180deg, var(--v23-canvas) 0%, #080d11 100%) !important;
  color: var(--v23-text) !important;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px;
  letter-spacing: -.006em;
}

body::before {
  content: "";
  position: fixed;
  inset: var(--topbar-h) 0 0 var(--sidebar-w);
  z-index: -1;
  pointer-events: none;
  opacity: .2;
  background-image:
    linear-gradient(rgba(160, 197, 211, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 197, 211, .035) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, #000, transparent 74%);
}

body.light {
  --v23-canvas: #edf2f3;
  --v23-canvas-2: #e8eef0;
  --v23-surface: #f8fafb;
  --v23-surface-2: #f0f5f6;
  --v23-surface-3: #e7eff1;
  --v23-line: rgba(37, 63, 72, .13);
  --v23-line-strong: rgba(37, 63, 72, .23);
  --v23-text: #142126;
  --v23-text-2: #34474e;
  --v23-muted: #667a82;
  --v23-dim: #84969d;
  --v23-accent: #078d69;
  --v23-accent-hi: #047857;
  --v23-accent-soft: rgba(7, 141, 105, .11);
  --v23-accent-faint: rgba(7, 141, 105, .055);
  --bg-input: #f4f7f8;
  --input-bg: #f4f7f8;
  --bg-topbar: rgba(248, 250, 251, .92);
  background:
    radial-gradient(circle at 12% -5%, rgba(7, 141, 105, .08), transparent 28rem),
    linear-gradient(180deg, #eef3f4, #e8eff1) !important;
}

::selection { color: #03120d; background: #70e4c0; }

button,
a,
input,
select,
textarea,
summary { -webkit-tap-highlight-color: transparent; }

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--v23-accent-hi) !important;
  outline-offset: 2px;
}

/* Global shell: stable F-pattern reading path. */
.topbar {
  height: var(--topbar-h) !important;
  padding: 0 20px !important;
  background: var(--bg-topbar) !important;
  border-bottom: 1px solid var(--v23-line) !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .15) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.topbar-left,
.topbar-right { gap: 10px !important; }

.topbar-icon-btn,
.topbar-discord,
.topbar-theme {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: var(--v23-muted) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease !important;
}

.topbar-icon-btn:hover,
.topbar-discord:hover,
.topbar-theme:hover {
  color: var(--v23-text) !important;
  background: rgba(255, 255, 255, .035) !important;
  border-color: var(--v23-line) !important;
}

.topbar-discord svg,
.topbar-theme svg { width: 17px !important; height: 17px !important; }
.topbar-discord { color: #8e9fe8 !important; }

.topbar-logo {
  min-width: 0;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: "Space Grotesk", "Manrope", sans-serif !important;
  text-align: left;
}

.topbar-logo-mark {
  position: relative;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(32, 201, 151, .32);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(32, 201, 151, .14), rgba(32, 201, 151, .025));
  box-shadow: inset 0 0 18px rgba(32, 201, 151, .04);
}

.topbar-logo-mark::before,
.topbar-logo-mark::after,
.topbar-logo-mark i {
  content: "";
  position: absolute;
  width: 15px;
  height: 5px;
  border: 1px solid currentColor;
  border-radius: 2px;
  color: #54dbb3;
  transform: skewY(-24deg);
}
.topbar-logo-mark i:nth-child(1) { top: 6px; opacity: .65; }
.topbar-logo-mark i:nth-child(2) { top: 12px; opacity: .82; }
.topbar-logo-mark i:nth-child(3) { top: 18px; }

.topbar-logo-copy,
.topbar-logo-copy > span,
.topbar-logo-copy small { display: block; }
.topbar-logo-copy > span { line-height: 1.05; }
.topbar-logo-copy small {
  margin-top: 4px;
  color: var(--v23-dim);
  font-family: var(--v23-mono);
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}
.topbar-logo .logo-studio,
.topbar-logo .logo-market { font-size: 17px; font-weight: 700; letter-spacing: -.035em; }
.topbar-logo .logo-market { color: var(--v23-accent) !important; }

.topbar-token-pill {
  height: 42px !important;
  min-width: 124px;
  padding: 4px 5px 4px 10px !important;
  gap: 8px !important;
  color: var(--v23-text-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .018)) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.topbar-token-copy { min-width: 48px; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; line-height: 1; }
.topbar-token-copy small { color: var(--v23-dim); font-family: var(--v23-mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.topbar-token-copy strong { color: var(--v23-text); font-family: var(--v23-mono); font-size: 12px; font-weight: 750; }
.topbar-token-plus {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #e2a23b, #b97318) !important;
  border: 1px solid rgba(255, 222, 156, .36) !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 14px rgba(184, 111, 19, .22) !important;
  font-size: 18px !important;
}
.topbar-token-plus:hover { transform: translateY(-1px); filter: brightness(1.08); }

.app-shell { padding-top: var(--topbar-h) !important; }

.sidebar {
  top: var(--topbar-h) !important;
  width: var(--sidebar-w) !important;
  height: calc(100vh - var(--topbar-h)) !important;
  padding: 17px 12px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 18%),
    rgba(8, 13, 17, .94) !important;
  border-right: 1px solid var(--v23-line) !important;
  box-shadow: 14px 0 38px rgba(0, 0, 0, .08) !important;
}
body.light .sidebar { background: rgba(246, 249, 250, .96) !important; }

.sidebar-section-label {
  margin: 16px 10px 6px !important;
  padding: 0 !important;
  color: var(--v23-dim) !important;
  font-family: var(--v23-mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
  text-transform: uppercase;
}
.sidebar-section-label:first-child { margin-top: 5px !important; }

.sidebar-item,
.sidebar-logout {
  position: relative;
  width: 100%;
  min-height: 40px !important;
  margin: 1px 0 !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  color: var(--v23-muted) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  text-align: left !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease !important;
}

.sidebar-item::before {
  content: "";
  position: absolute;
  left: -12px;
  width: 3px;
  height: 20px;
  border-radius: 0 3px 3px 0;
  background: transparent;
}
.sidebar-item::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-image: none !important;
}
.sidebar-item:hover,
.sidebar-logout:hover {
  color: var(--v23-text-2) !important;
  background: rgba(255, 255, 255, .025) !important;
  border-color: rgba(184, 213, 224, .07) !important;
}
.sidebar-item.active {
  color: #dbf7ef !important;
  background: linear-gradient(90deg, rgba(32, 201, 151, .12), rgba(32, 201, 151, .035)) !important;
  border-color: rgba(32, 201, 151, .16) !important;
}
.sidebar-item.active::before { display: block !important; background: var(--v23-accent); box-shadow: 0 0 12px rgba(32, 201, 151, .4); }

.sidebar-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-grid;
  place-items: center;
  color: var(--v23-dim);
}
.sidebar-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-item.active .sidebar-icon { color: var(--v23-accent-hi); }
.sidebar-bottom { padding: 10px 0 0 !important; border-top: 1px solid var(--v23-line) !important; }
.sidebar-logout { color: #a88080 !important; }
.sidebar-logout::before,
.sidebar-logout::after { content: none !important; display: none !important; background-image: none !important; }

.main-content {
  width: calc(100% - var(--sidebar-w)) !important;
  margin-left: var(--sidebar-w) !important;
  padding: 30px 34px 104px !important;
  overflow: visible !important;
}
.page-inner { width: 100%; max-width: 1680px !important; margin: 0 auto !important; }

body[data-page-type="detail"] .sidebar,
body[data-page-type="detail"] .sidebar-overlay { display: none !important; }
body[data-page-type="detail"] .main-content {
  width: 100% !important;
  margin-left: 0 !important;
}
body[data-page-type="detail"]::before { inset: var(--topbar-h) 0 0 0; }

/* Page hierarchy: identity first, controls second, results third. */
.ref-page-header,
.behavior-market-header,
.behavior-management-header {
  width: 100%;
  min-height: 92px !important;
  margin: 0 0 18px !important;
  padding: 0 0 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v23-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ref-page-header > div:first-child { min-width: 0; }
.section-kicker,
.heading-kicker,
.eyebrow,
.panel-label,
.matrix-label,
.action-label {
  color: var(--v23-accent) !important;
  font-family: var(--v23-mono) !important;
  font-size: 8.5px !important;
  font-weight: 750 !important;
  letter-spacing: .13em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
.section-kicker::before {
  content: "";
  width: 16px;
  height: 1px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: 3px;
  background: var(--v23-accent);
}
.page-title,
.latest-hero h1,
.liquid-hero h1 {
  margin: 7px 0 0 !important;
  color: var(--v23-text) !important;
  font-family: "Space Grotesk", "Manrope", sans-serif !important;
  font-size: clamp(28px, 2.4vw, 38px) !important;
  font-weight: 650 !important;
  letter-spacing: -.045em !important;
  line-height: 1.04 !important;
}
.page-desc,
.latest-hero p,
.liquid-hero p {
  max-width: 720px;
  margin: 8px 0 0 !important;
  color: var(--v23-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}

.behavior-header-proof {
  min-width: 250px;
  padding: 12px 14px !important;
  display: grid !important;
  gap: 3px !important;
  background: rgba(255, 255, 255, .018) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 10px !important;
}
.behavior-header-proof strong { color: var(--v23-text-2) !important; font-size: 11px !important; }
.behavior-header-proof span { color: var(--v23-dim) !important; font-family: var(--v23-mono); font-size: 8px !important; }

.behavior-intent-strip {
  margin: 0 0 12px !important;
  display: flex !important;
  gap: 4px !important;
  overflow-x: auto;
  scrollbar-width: none;
}
.behavior-intent-strip::-webkit-scrollbar { display: none; }
.behavior-intent-strip button {
  min-height: 34px !important;
  padding: 0 13px !important;
  flex: 0 0 auto;
  color: var(--v23-muted) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.behavior-intent-strip button:hover { color: var(--v23-text-2) !important; background: rgba(255, 255, 255, .025) !important; }
.behavior-intent-strip button.is-active {
  color: #cffff0 !important;
  background: var(--v23-accent-soft) !important;
  border-color: rgba(32, 201, 151, .2) !important;
}

.sticky-market-toolbar,
.one-piece-toolbar,
.behavior-toolbar,
.ref-toolbar {
  top: calc(var(--topbar-h) + 10px) !important;
  min-height: 62px !important;
  margin: 0 0 16px !important;
  padding: 9px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(11, 17, 22, .86) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .13) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
body.light .sticky-market-toolbar,
body.light .one-piece-toolbar,
body.light .behavior-toolbar,
body.light .ref-toolbar { background: rgba(248, 250, 251, .9) !important; }

.neo-search-control,
.search-filter-combo {
  width: min(640px, 100%) !important;
  min-height: 42px !important;
  padding: 0 5px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: #081015 !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .14) !important;
}
body.light .neo-search-control,
body.light .search-filter-combo { background: #f4f7f8 !important; }
.neo-search-control:focus-within,
.search-filter-combo:focus-within { border-color: rgba(32, 201, 151, .5) !important; box-shadow: 0 0 0 3px rgba(32, 201, 151, .08) !important; }
.search-left-icon { color: var(--v23-dim) !important; font-size: 17px !important; }
.search-input {
  min-width: 0;
  height: 40px !important;
  color: var(--v23-text) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 11px !important;
}
.search-input::placeholder { color: var(--v23-dim) !important; }
.search-filter-button,
.neo-filter-inside-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--v23-muted) !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 7px !important;
}
.search-filter-button:hover,
.neo-filter-inside-btn:hover { color: var(--v23-text) !important; border-color: var(--v23-line-strong) !important; }
.search-filter-button svg,
.neo-filter-inside-btn svg { width: 15px !important; height: 15px !important; }
.ref-count-label,
.behavior-result-count {
  margin-left: auto !important;
  padding-right: 4px;
  color: var(--v23-dim) !important;
  font-family: var(--v23-mono) !important;
  font-size: 9px !important;
  white-space: nowrap;
}

/* Marketplace result grid: 2 mobile / 5 desktop. */
.market-grid,
.behavior-market-grid,
#mpGrid.behavior-market-grid,
#mfGrid.behavior-market-grid,
#favGrid.behavior-market-grid {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.market-card,
.ref-card {
  position: relative;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--v23-text-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 45%), var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 13px !important;
  box-shadow: 0 9px 26px rgba(0, 0, 0, .1) !important;
  transform: translateZ(0);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.market-card::after,
.ref-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(32, 201, 151, .35), transparent);
  opacity: 0;
  transition: opacity .18s ease;
}
.market-card:hover,
.ref-card:hover {
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, .028), transparent 48%), var(--v23-surface-2) !important;
  border-color: rgba(32, 201, 151, .25) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .2) !important;
  transform: translateY(-3px) !important;
}
.market-card:hover::after,
.ref-card:hover::after { opacity: 1; }

.market-card-preview,
.ref-card-preview {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background:
    linear-gradient(rgba(160, 197, 211, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 197, 211, .04) 1px, transparent 1px),
    radial-gradient(circle at 50% 32%, #1a262d, #0b1116 72%) !important;
  background-size: 18px 18px, 18px 18px, auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v23-line) !important;
}
.card-image-carousel-v1542,
.card-image-track,
.card-image-slide,
.ref-preview-placeholder { width: 100% !important; height: 100% !important; min-height: 0 !important; }
.ref-preview-placeholder { color: #647780 !important; background: transparent !important; }
.ref-preview-placeholder svg { width: 31px !important; height: 31px !important; opacity: .68; }
.ref-preview-placeholder span { color: var(--v23-dim) !important; font-family: var(--v23-mono); font-size: 8px !important; letter-spacing: .05em; text-transform: uppercase; }
.market-card-fav,
.ref-heart,
.card-heart-only {
  top: 10px !important;
  right: 10px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: grid !important;
  place-items: center !important;
  color: #d7e0e3 !important;
  background: rgba(6, 10, 13, .68) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px);
}
.market-card-fav:hover,
.ref-heart:hover { background: rgba(6, 10, 13, .86) !important; border-color: rgba(255, 255, 255, .2) !important; }
.market-card-fav.active,
.ref-heart.active { color: #f19a9a !important; }
.market-card-fav svg,
.ref-heart svg { width: 15px !important; height: 15px !important; }
.card-image-dots,
.carousel-dots-v1542 { bottom: 8px !important; gap: 4px !important; }
.card-image-dots span,
.carousel-dots-v1542 span { width: 4px !important; height: 4px !important; background: rgba(255, 255, 255, .34) !important; }
.card-image-dots span.active,
.carousel-dots-v1542 span.active { width: 14px !important; background: var(--v23-accent) !important; border-radius: 4px !important; }

.market-card-body,
.ref-card-body {
  min-width: 0 !important;
  min-height: 126px !important;
  padding: 12px 13px 13px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.market-card-title,
.ref-card-title {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--v23-text) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.018em !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
}
.ref-card-location {
  margin: 6px 0 0 !important;
  color: var(--v23-dim) !important;
  font-family: var(--v23-mono);
  font-size: 8px !important;
  line-height: 1.3 !important;
  order: 2 !important;
}
.ref-card-location::before { content: "LOC / "; color: rgba(32, 201, 151, .65); }
.ref-chip-row {
  min-width: 0;
  margin: 9px 0 0 !important;
  padding: 0 0 2px !important;
  display: flex !important;
  gap: 5px !important;
  order: 3 !important;
  overflow-x: auto !important;
  scrollbar-width: none;
}
.ref-chip-row::-webkit-scrollbar { display: none; }
.ref-chip-row span,
.active-filter-chip {
  min-height: 20px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto;
  color: #93a5ad !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 5px !important;
  font-family: var(--v23-mono);
  font-size: 7.5px !important;
  font-weight: 650 !important;
}
.card-bottom-line {
  width: 100%;
  margin: auto 0 0 !important;
  padding-top: 10px;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;
  order: 4 !important;
}
.ref-card-price { color: var(--v23-text) !important; font-family: var(--v23-mono); font-size: 13px !important; font-weight: 750 !important; }
.ref-card-price small { margin-left: 4px !important; color: var(--v23-dim) !important; font-size: 7px !important; letter-spacing: .08em; }
.ref-sales-meta { color: var(--v23-dim) !important; font-family: var(--v23-mono); font-size: 7.5px !important; white-space: nowrap; }

/* Shared controls and dialog system. */
.btn {
  min-height: 40px !important;
  padding: 0 15px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  letter-spacing: -.005em !important;
  transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease !important;
}
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn:active:not(:disabled) { transform: translateY(0); }
.btn-primary,
.liquid-primary-btn,
.latest-buy-token-btn,
.neo-cta-red,
.btn.primary {
  color: #031510 !important;
  background: linear-gradient(145deg, var(--v23-accent-hi), var(--v23-accent)) !important;
  border: 1px solid rgba(127, 241, 204, .35) !important;
  box-shadow: 0 8px 22px rgba(32, 201, 151, .14) !important;
}
.btn-primary:hover:not(:disabled),
.liquid-primary-btn:hover:not(:disabled),
.latest-buy-token-btn:hover:not(:disabled),
.neo-cta-red:hover:not(:disabled) { box-shadow: 0 10px 28px rgba(32, 201, 151, .24) !important; }
.neutral-btn,
.btn-secondary,
.btn.secondary,
.btn.tertiary {
  color: var(--v23-text-2) !important;
  background: rgba(255, 255, 255, .026) !important;
  border: 1px solid var(--v23-line) !important;
  box-shadow: none !important;
}
.neutral-btn:hover,
.btn-secondary:hover,
.btn.secondary:hover,
.btn.tertiary:hover { color: var(--v23-text) !important; background: rgba(255, 255, 255, .045) !important; border-color: var(--v23-line-strong) !important; }
.danger-btn,
.btn.danger { color: #e9a0a0 !important; background: rgba(228, 124, 124, .07) !important; border: 1px solid rgba(228, 124, 124, .18) !important; }
.btn-sm,
.btn.small { min-height: 32px !important; padding-inline: 10px !important; font-size: 9px !important; }

.form-input,
.form-textarea,
.filter-select,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea,
select {
  color: var(--v23-text-2) !important;
  background-color: #091116 !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .12) !important;
}
body.light .form-input,
body.light .form-textarea,
body.light .filter-select,
body.light input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light textarea,
body.light select { background-color: #f5f8f9 !important; }
.form-input:focus,
.form-textarea:focus,
.filter-select:focus,
input:focus,
textarea:focus,
select:focus { border-color: rgba(32, 201, 151, .55) !important; box-shadow: 0 0 0 3px rgba(32, 201, 151, .08) !important; }
.form-label,
label > span { color: var(--v23-muted) !important; font-size: 9.5px !important; font-weight: 700 !important; }

.modal-overlay {
  padding: 20px !important;
  background: rgba(1, 4, 6, .72) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.modal {
  color: var(--v23-text-2) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 22%),
    #0d151a !important;
  border: 1px solid var(--v23-line-strong) !important;
  border-radius: 15px !important;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .48) !important;
  overflow-x: hidden !important;
}
body.light .modal { background: #f8fafb !important; }
.modal-title { color: var(--v23-text) !important; font-family: "Space Grotesk", sans-serif; font-size: 20px !important; font-weight: 650 !important; letter-spacing: -.025em; }
.modal-desc { color: var(--v23-muted) !important; font-size: 11px !important; }
.modal-close {
  top: 16px !important;
  right: 16px !important;
  width: 32px !important;
  height: 32px !important;
  color: var(--v23-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 8px !important;
}
.neo-filter-section { overflow: hidden; background: rgba(255, 255, 255, .014) !important; border: 1px solid var(--v23-line) !important; border-radius: 10px !important; }
.neo-filter-section-header { background: rgba(255, 255, 255, .018) !important; border-bottom: 1px solid var(--v23-line) !important; }
.neo-radio-row { border-color: var(--v23-line) !important; }
.neo-radio-row.is-selected { color: var(--v23-text) !important; background: var(--v23-accent-faint) !important; border-color: rgba(32, 201, 151, .24) !important; }

/* Product and file details: visual proof left, decision panel right. */
.behavior-detail-shell {
  width: min(100%, 1480px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr) !important;
  grid-template-areas: "gallery purchase" "secondary secondary" !important;
  align-items: start !important;
  gap: 16px !important;
}
.behavior-gallery {
  grid-area: gallery;
  position: relative !important;
  top: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background:
    linear-gradient(rgba(160, 197, 211, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 197, 211, .035) 1px, transparent 1px),
    radial-gradient(circle at 50% 30%, #18242b, #0a1014 70%) !important;
  background-size: 24px 24px, 24px 24px, auto !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 15px !important;
  box-shadow: var(--v23-shadow) !important;
}
.behavior-gallery .ref-preview-placeholder.large {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
}
.carousel-nav {
  z-index: 3;
  width: 38px !important;
  height: 38px !important;
  color: var(--v23-text-2) !important;
  background: rgba(5, 9, 12, .68) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 9px !important;
  backdrop-filter: blur(8px);
}
.behavior-gallery-actions {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 3;
  display: flex !important;
  gap: 6px !important;
}
.plain-action {
  min-height: 32px;
  padding: 0 10px;
  color: var(--v23-text-2) !important;
  background: rgba(5, 9, 12, .7) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 8px !important;
  font-size: 9px !important;
  font-weight: 700;
  backdrop-filter: blur(8px);
}
.behavior-purchase-panel {
  grid-area: purchase;
  position: sticky !important;
  top: calc(var(--topbar-h) + 18px) !important;
  padding: 20px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .022), transparent 36%), var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 15px !important;
  box-shadow: var(--v23-shadow) !important;
}
.behavior-purchase-head { padding-bottom: 14px !important; border-bottom: 1px solid var(--v23-line) !important; }
.detail-title { margin: 7px 0 0 !important; color: var(--v23-text) !important; font-family: "Space Grotesk", sans-serif !important; font-size: clamp(24px, 2.1vw, 34px) !important; font-weight: 650 !important; letter-spacing: -.04em !important; line-height: 1.08 !important; }
.behavior-price-row { margin-top: 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
.detail-price { color: var(--v23-text) !important; font-family: var(--v23-mono) !important; font-size: 20px !important; font-weight: 800 !important; }
.behavior-microcopy { margin-top: 8px !important; }
.behavior-decision-block { padding: 15px 0 !important; border-bottom: 1px solid var(--v23-line) !important; }
.detail-section-head-v167 { margin-bottom: 10px !important; }
.detail-section-head-v167 > span { color: var(--v23-text-2) !important; font-size: 10px !important; font-weight: 750 !important; }
.behavior-option-grid { gap: 9px !important; }
.option-select-shell-v165,
.option-select-shell-v166,
.option-selector { border-radius: 8px !important; }
.address-card.selectable { padding: 12px 13px !important; background: rgba(32, 201, 151, .04) !important; border: 1px solid rgba(32, 201, 151, .17) !important; border-radius: 9px !important; }
.address-card-name { color: var(--v23-text-2) !important; font-size: 10.5px !important; }
.address-card-detail { color: var(--v23-muted) !important; font-size: 9.5px !important; }
.behavior-trust-row { margin: 13px 0 0 !important; padding: 10px 0 !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
.behavior-trust-row span { color: var(--v23-muted) !important; font-family: var(--v23-mono); font-size: 7px !important; text-align: center; }
.behavior-trust-row span::before { content: "✓"; margin-right: 4px; color: var(--v23-accent); }
.behavior-primary-buy { min-height: 50px !important; margin-top: 10px !important; }
.behavior-secondary-panel {
  grid-area: secondary;
  padding: 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, .9fr) !important;
  gap: 0 24px !important;
  background: var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}
.behavior-secondary-panel > section { min-width: 0; }
.detail-comments-zone { grid-column: 1 / -1; margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--v23-line) !important; }
.detail-desc { color: var(--v23-muted) !important; font-size: 11px !important; line-height: 1.7 !important; }
.detail-seller-name-v167 { color: var(--v23-accent) !important; }

/* Seller operations: decisions and exceptions before secondary finance data. */
.behavior-management-card,
.management-bento-card-v161 {
  margin: 0 0 16px !important;
  padding: 18px !important;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(32, 201, 151, .032), transparent 34%), var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .12) !important;
}
.management-bento-title-row-v161,
.behavior-shop-row {
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--v23-line) !important;
}
.management-name-line-v161 strong { color: var(--v23-text) !important; font-size: 14px !important; }
.behavior-management-actions { gap: 7px !important; }
.plain-gear,
.management-gear-v161,
.neo-icon-soft {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--v23-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 8px !important;
}
.behavior-ops-grid {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.behavior-ops-metric {
  position: relative;
  min-height: 104px !important;
  padding: 13px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, .018) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 10px !important;
}
.behavior-ops-metric.critical { background: linear-gradient(135deg, rgba(32, 201, 151, .07), rgba(255, 255, 255, .012)) !important; border-color: rgba(32, 201, 151, .16) !important; }
.behavior-ops-metric.critical::before { content: ""; position: absolute; inset: 12px auto 12px 0; width: 2px; border-radius: 2px; background: var(--v23-accent); }
.behavior-ops-metric > span { color: var(--v23-muted) !important; font-family: var(--v23-mono); font-size: 7.5px !important; letter-spacing: .06em; text-transform: uppercase; }
.behavior-ops-metric > strong { margin-top: 7px !important; color: var(--v23-text) !important; font-size: 14px !important; line-height: 1.25 !important; }
.behavior-ops-metric > small { margin-top: 5px !important; color: var(--v23-dim) !important; font-size: 8px !important; }
.behavior-finance-grid {
  margin-top: 8px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden;
  background: rgba(4, 8, 11, .18) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 10px !important;
}
.management-metric-v161 {
  min-width: 0;
  padding: 11px 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--v23-line) !important;
  background: transparent !important;
}
.management-metric-v161:last-child { border-right: 0 !important; }
.management-metric-v161 span { color: var(--v23-dim) !important; font-family: var(--v23-mono); font-size: 7px !important; text-transform: uppercase; }
.management-metric-v161 strong { margin-top: 4px !important; color: var(--v23-text-2) !important; font-size: 10px !important; }

.segmented-tabs,
.wide-split-tabs {
  width: max-content !important;
  max-width: 100%;
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 3px !important;
  display: flex !important;
  background: rgba(255, 255, 255, .02) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 9px !important;
}
.segmented-tabs button,
.wide-split-tabs button { min-width: 112px; min-height: 30px !important; padding: 0 12px !important; color: var(--v23-muted) !important; border-radius: 6px !important; font-size: 9.5px !important; font-weight: 700 !important; }
.segmented-tabs button.active,
.wide-split-tabs button.active { color: #cffff0 !important; background: var(--v23-accent-soft) !important; box-shadow: inset 0 0 0 1px rgba(32, 201, 151, .16) !important; }

.behavior-management-listing-grid.management-card-grid {
  width: 100%;
  overflow: hidden !important;
  background: var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.management-row-v222 {
  min-height: 78px !important;
  color: var(--v23-text-2) !important;
  border-bottom: 1px solid var(--v23-line) !important;
}
.management-row-v222:hover { background: rgba(32, 201, 151, .035) !important; }
.management-row-preview-v222 { background: #0b1217 !important; border-right: 1px solid var(--v23-line) !important; }
.management-row-primary-v222 strong { color: var(--v23-text) !important; }
.management-row-primary-v222 small,
.management-row-stats-v222,
.management-row-action-v222 { color: var(--v23-dim) !important; }
.management-row-tags-v222 i { color: var(--v23-muted) !important; background: rgba(255, 255, 255, .022) !important; border-color: var(--v23-line) !important; border-radius: 5px !important; font-family: var(--v23-mono); }
.floating-add,
.neo-cta-red {
  width: 48px !important;
  height: 48px !important;
  right: 24px !important;
  bottom: 24px !important;
  color: #031510 !important;
  border-radius: 11px !important;
  font-size: 23px !important;
}

/* Listing editors: primary content left, bounded configuration right. */
.listing-settings-shell {
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1.32fr) minmax(340px, .68fr) !important;
  align-items: start !important;
  gap: 14px !important;
}
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.legal-submit-panel,
.profile-card,
.profile-actions-card,
.history-card,
.tracking-card,
.order-card,
.notice {
  color: var(--v23-text-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .015), transparent 34%), var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.legal-submit-panel { padding: 18px !important; }
.listing-side-card { position: sticky !important; top: calc(var(--topbar-h) + 18px) !important; }
.settings-section-head { margin-bottom: 14px !important; padding-bottom: 12px !important; border-bottom: 1px solid var(--v23-line) !important; }
.settings-section-head h2,
.listing-side-card h2,
.sku-matrix-card h2,
.profile-card h2,
.kyc-page-shell h2 { color: var(--v23-text) !important; font-family: "Space Grotesk", sans-serif !important; font-size: 17px !important; font-weight: 650 !important; letter-spacing: -.025em !important; }
.image-upload-grid { gap: 8px !important; }
.image-upload-tile,
.image-preview-tile {
  min-height: 118px !important;
  color: var(--v23-muted) !important;
  background:
    linear-gradient(rgba(160, 197, 211, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 197, 211, .035) 1px, transparent 1px),
    rgba(255, 255, 255, .012) !important;
  background-size: 16px 16px !important;
  border: 1px dashed var(--v23-line-strong) !important;
  border-radius: 9px !important;
}
.image-upload-tile:hover { color: var(--v23-accent) !important; border-color: rgba(32, 201, 151, .36) !important; background-color: var(--v23-accent-faint) !important; }
.option-group-card { padding: 12px !important; background: rgba(255, 255, 255, .017) !important; border: 1px solid var(--v23-line) !important; border-radius: 9px !important; }
.option-group-card.locked { border-left: 2px solid rgba(32, 201, 151, .55) !important; }
.option-group-card strong { color: var(--v23-text-2) !important; }
.product-license-divider { background: var(--v23-line) !important; }
.licensed-production-panel { background: linear-gradient(145deg, rgba(32, 201, 151, .075), rgba(255, 255, 255, .012)) !important; border-color: rgba(32, 201, 151, .22) !important; border-radius: 11px !important; }
.license-grant-summary > div { background: rgba(0, 0, 0, .1) !important; border-color: var(--v23-line) !important; border-radius: 8px !important; }
.sku-matrix-card { margin-top: 14px !important; }
.sku-card { background: rgba(255, 255, 255, .014) !important; border: 1px solid var(--v23-line) !important; border-radius: 9px !important; }
.sku-card strong { color: var(--v23-text-2) !important; }
.legal-submit-panel { margin-top: 14px !important; background: linear-gradient(145deg, rgba(32, 201, 151, .04), var(--v23-surface)) !important; }
.product-compliance-check { background: rgba(255, 255, 255, .018) !important; border-color: var(--v23-line) !important; border-radius: 9px !important; }
.legal-inline-link { color: var(--v23-accent) !important; font-family: var(--v23-mono); font-size: 8.5px !important; }
.settings-bottom-bar,
.listing-actions {
  bottom: 14px !important;
  width: min(100%, 1680px) !important;
  margin: 16px auto 0 !important;
  padding: 10px !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: rgba(10, 16, 20, .88) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(16px);
}
body.light .settings-bottom-bar,
body.light .listing-actions { background: rgba(248, 250, 251, .9) !important; }

/* File Listing retains all 122 parameters; align its visual grammar only. */
.fl188-root {
  --canvas: var(--v23-canvas);
  --canvas-soft: var(--v23-canvas-2);
  --surface: var(--v23-surface);
  --surface-raised: var(--v23-surface-2);
  --surface-soft: var(--v23-surface-3);
  --line: var(--v23-line);
  --line-strong: var(--v23-line-strong);
  --text: var(--v23-text);
  --text-2: var(--v23-text-2);
  --muted: var(--v23-muted);
  --dim: var(--v23-dim);
  --accent: var(--v23-accent);
  --accent-strong: var(--v23-accent-hi);
  --accent-soft: var(--v23-accent-soft);
  --accent-faint: var(--v23-accent-faint);
  --radius-xl: 16px;
  --radius-lg: 13px;
  --radius-md: 9px;
  margin: -30px -34px -104px !important;
  background: transparent !important;
}
.fl188-root .page-shell { width: min(100%, 1480px) !important; padding-top: 38px !important; }
.fl188-root .page-heading h1 { font-family: "Space Grotesk", sans-serif !important; font-weight: 650 !important; }
.fl188-root .workflow-strip,
.fl188-root .panel,
.fl188-root .side-card { background-color: var(--v23-surface) !important; border-color: var(--v23-line) !important; border-radius: 13px !important; box-shadow: none !important; }
.fl188-root .panel::before { background: linear-gradient(180deg, var(--v23-accent), transparent) !important; }
.fl188-root .dropzone { background: rgba(255, 255, 255, .012) !important; border-color: var(--v23-line-strong) !important; border-radius: 9px !important; }
.fl188-root .matrix-card,
.fl188-root .single-sku,
.fl188-root .manual-panel > details,
.fl188-root .sku-card,
.fl188-root .parameter-group { background: rgba(255, 255, 255, .014) !important; border-color: var(--v23-line) !important; border-radius: 9px !important; }
.fl188-root .action-bar { background: rgba(9, 15, 19, .9) !important; border-color: var(--v23-line) !important; backdrop-filter: blur(18px); }
body.light .fl188-root .action-bar { background: rgba(248, 250, 251, .92) !important; }
.fl188-root .parameter-shell,
.fl188-root .confirm-dialog form { background: var(--v23-surface) !important; border-color: var(--v23-line-strong) !important; border-radius: 14px !important; }

/* Plans, token checkout and withdrawal: numeric comparison before prose. */
.liquid-hero.liquid-readable-hero.latest-hero {
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid var(--v23-line) !important;
}
.liquid-hero.liquid-readable-hero.latest-hero > * { margin-left: 0 !important; padding-left: 0 !important; }
.latest-plan-summary {
  margin-bottom: 14px !important;
  display: grid !important;
  grid-template-columns: 1.2fr repeat(4, 1fr) !important;
  overflow: hidden;
  background: var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.latest-plan-summary > div { min-width: 0; padding: 13px 14px !important; border-right: 1px solid var(--v23-line) !important; }
.latest-plan-summary > div:last-child { border-right: 0 !important; }
.latest-plan-summary span { color: var(--v23-dim) !important; font-family: var(--v23-mono); font-size: 7px !important; text-transform: uppercase; }
.latest-plan-summary strong { margin-top: 4px !important; color: var(--v23-text-2) !important; font-family: var(--v23-mono); font-size: 10.5px !important; }
.latest-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.latest-plan-card,
.latest-token-card,
.latest-checkout-card,
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card {
  color: var(--v23-text-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 38%), var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}
.latest-plan-card { min-height: 348px !important; padding: 16px !important; }
.latest-plan-card.current { background: linear-gradient(150deg, rgba(32, 201, 151, .085), transparent 45%), var(--v23-surface) !important; border-color: rgba(32, 201, 151, .27) !important; box-shadow: inset 0 2px 0 rgba(32, 201, 151, .55) !important; }
.latest-plan-card h2,
.latest-token-card h2 { color: var(--v23-text) !important; font-family: "Space Grotesk", sans-serif !important; font-weight: 650 !important; }
.latest-plan-storage { color: var(--v23-text) !important; font-family: var(--v23-mono) !important; }
.latest-plan-price,
.latest-token-price { color: var(--v23-accent) !important; font-family: var(--v23-mono) !important; }
.latest-plan-price { font-size: 14px !important; line-height: 1.45 !important; white-space: nowrap; }
.latest-plan-note,
.latest-plan-features { color: var(--v23-muted) !important; }
.latest-plan-features li::before { color: var(--v23-accent) !important; }
.latest-plan-btn { margin-top: auto !important; }
.latest-status-pill {
  min-height: 23px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--v23-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 5px !important;
  font-family: var(--v23-mono);
  font-size: 7px !important;
  font-weight: 750 !important;
  text-transform: uppercase;
}
.latest-status-pill.success { color: #83dfc2 !important; background: var(--v23-accent-soft) !important; border-color: rgba(32, 201, 151, .2) !important; }
.latest-status-pill.pending { color: #e7b964 !important; background: rgba(224, 163, 58, .09) !important; border-color: rgba(224, 163, 58, .2) !important; }
.notice { padding: 13px 14px !important; color: var(--v23-muted) !important; font-size: 10px !important; line-height: 1.6 !important; }
.notice-info { background: linear-gradient(90deg, rgba(32, 201, 151, .055), var(--v23-surface)) !important; border-left: 2px solid rgba(32, 201, 151, .6) !important; }
.latest-plan-ledger-note { margin-top: 12px !important; }

.latest-token-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr) !important;
  align-items: start !important;
  gap: 14px !important;
}
.latest-token-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
.latest-token-card { min-height: 210px !important; padding: 16px !important; }
.latest-token-card.featured,
.latest-token-card.selected { background: linear-gradient(150deg, rgba(32, 201, 151, .075), transparent 48%), var(--v23-surface) !important; border-color: rgba(32, 201, 151, .25) !important; }
.latest-checkout-card { position: sticky !important; top: calc(var(--topbar-h) + 18px) !important; padding: 18px !important; }
.latest-checkout-title-row { padding-bottom: 13px !important; border-bottom: 1px solid var(--v23-line) !important; }
.latest-provider-badge { color: var(--v23-muted) !important; background: rgba(255, 255, 255, .025) !important; border: 1px solid var(--v23-line) !important; border-radius: 5px !important; font-family: var(--v23-mono); font-size: 7px !important; }
.latest-summary-row { min-height: 38px !important; color: var(--v23-muted) !important; border-color: var(--v23-line) !important; }
.latest-summary-row strong { color: var(--v23-text-2) !important; font-family: var(--v23-mono); }
.latest-summary-row.latest-net-row { color: var(--v23-text) !important; }
.latest-summary-row.latest-net-row strong { color: var(--v23-accent) !important; }
.latest-qty-control { background: rgba(255, 255, 255, .02) !important; border: 1px solid var(--v23-line) !important; border-radius: 8px !important; }
.latest-qty-control button { color: var(--v23-text-2) !important; }
.latest-qty-control span { font-family: var(--v23-mono); }
.latest-mobile-checkout { background: rgba(8, 14, 18, .92) !important; border-color: var(--v23-line) !important; backdrop-filter: blur(18px); }

.latest-withdrawal-shell {
  width: min(100%, 960px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.2fr) !important;
  align-items: start !important;
  gap: 14px !important;
}
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card { padding: 18px !important; }
.latest-withdrawal-balance-card > strong { color: var(--v23-text) !important; font-family: var(--v23-mono) !important; }

/* Profile, KYC, history, tracking and order surfaces. */
.profile-settings-shell,
.kyc-page-shell { display: grid !important; gap: 12px !important; }
.profile-card { position: relative; padding: 18px 18px 18px 70px !important; }
.neo-settings-icon {
  left: 18px !important;
  top: 18px !important;
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--v23-accent) !important;
  background: var(--v23-accent-faint) !important;
  border: 1px solid rgba(32, 201, 151, .16) !important;
  border-radius: 8px !important;
  font-family: var(--v23-mono);
}
.settings-row { border-color: var(--v23-line) !important; }
.settings-row-label { color: var(--v23-muted) !important; }
.settings-row-value { color: var(--v23-text-2) !important; font-family: var(--v23-mono); }
.profile-kyc-progress { overflow: hidden; background: rgba(255, 255, 255, .012) !important; border: 1px solid var(--v23-line) !important; border-radius: 9px !important; }
.profile-kyc-progress > div { border-color: var(--v23-line) !important; }
.profile-kyc-progress strong { color: var(--v23-text-2) !important; font-family: var(--v23-mono); }
.profile-actions-card { padding: 10px !important; }
.profile-logout-btn { color: #d89999 !important; }

.kyc-hero-card,
.kyc-primary-card,
.kyc-side-card,
.kyc-doc-card,
.kyc-review-card {
  color: var(--v23-text-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .015), transparent 35%), var(--v23-surface) !important;
  border: 1px solid var(--v23-line) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}
.kyc-hero-card { padding: 22px !important; border-left: 2px solid rgba(32, 201, 151, .6) !important; }
.kyc-hero-card h1 { color: var(--v23-text) !important; font-family: "Space Grotesk", sans-serif !important; font-size: clamp(28px, 3vw, 40px) !important; font-weight: 650 !important; letter-spacing: -.04em !important; }
.kyc-hero-card p { color: var(--v23-muted) !important; }
.kyc-primary-card,
.kyc-side-card,
.kyc-doc-card,
.kyc-review-card { padding: 18px !important; }
.kyc-type-switch { padding: 3px !important; background: rgba(255, 255, 255, .02) !important; border: 1px solid var(--v23-line) !important; border-radius: 8px !important; }
.kyc-type-btn { color: var(--v23-muted) !important; border-radius: 6px !important; }
.kyc-type-btn.active { color: #cffff0 !important; background: var(--v23-accent-soft) !important; }
.kyc-access-list > div,
.kyc-alert-note,
.kyc-doc-grid > *,
.kyc-submit-summary { background: rgba(255, 255, 255, .014) !important; border-color: var(--v23-line) !important; border-radius: 8px !important; }
.kyc-timeline::before { background: var(--v23-line) !important; }
.kyc-step > span { background: var(--v23-surface-3) !important; border-color: var(--v23-line-strong) !important; }
.kyc-step.done > span,
.kyc-step.active > span { background: var(--v23-accent) !important; border-color: var(--v23-accent) !important; }

.history-list,
.tracking-list,
.order-grid { gap: 10px !important; }
.history-card,
.tracking-card,
.order-card { padding: 14px !important; }
.history-card:hover,
.tracking-card:hover,
.order-card:hover { border-color: var(--v23-line-strong) !important; background: var(--v23-surface-2) !important; }
.tracking-statuses,
.tracking-step { border-color: var(--v23-line) !important; }
.code-box { color: #b9e7d8 !important; background: #071015 !important; border: 1px solid var(--v23-line) !important; border-radius: 8px !important; font-family: var(--v23-mono) !important; }

/* Responsive grid density follows comfortable recognition widths. */
@media (min-width: 700px) {
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 980px) {
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1260px) {
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

@media (max-width: 1180px) {
  .behavior-ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .behavior-finance-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .management-metric-v161:nth-child(3) { border-right: 0 !important; }
  .management-metric-v161:nth-child(n+4) { border-top: 1px solid var(--v23-line) !important; }
  .latest-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .latest-token-shell { grid-template-columns: 1fr !important; }
  .latest-checkout-card { position: static !important; }
}

@media (max-width: 959px) {
  :root { --topbar-h: 64px; --sidebar-w: 252px; }
  body::before { inset: var(--topbar-h) 0 0 0; }
  .topbar { padding: 0 14px !important; }
  .sidebar {
    display: flex !important;
    transform: translateX(-100%) !important;
    transition: transform .2s ease !important;
    box-shadow: 16px 0 42px rgba(0, 0, 0, .34) !important;
  }
  .sidebar.open { transform: translateX(0) !important; }
  body[data-page-type="detail"] .sidebar { display: none !important; }
  .main-content { width: 100% !important; margin-left: 0 !important; padding: 24px 22px 96px !important; }
  .behavior-detail-shell { grid-template-columns: 1fr !important; grid-template-areas: "gallery" "purchase" "secondary" !important; }
  .behavior-purchase-panel,
  .listing-side-card { position: static !important; }
  .listing-settings-shell { grid-template-columns: 1fr !important; }
  .behavior-secondary-panel { grid-template-columns: 1fr !important; }
  .behavior-secondary-panel .detail-seller-lite-v167 { padding-top: 15px !important; border-top: 1px solid var(--v23-line) !important; }
  .latest-plan-summary { grid-template-columns: repeat(3, 1fr) !important; }
  .latest-plan-summary > div:nth-child(3) { border-right: 0 !important; }
  .latest-plan-summary > div:nth-child(n+4) { border-top: 1px solid var(--v23-line) !important; }
  .latest-withdrawal-shell { grid-template-columns: 1fr !important; }
  .fl188-root { margin: -24px -22px -96px !important; }
}

@media (max-width: 700px) {
  :root { --topbar-h: 60px; }
  .topbar { padding: 0 10px !important; }
  .topbar-left,
  .topbar-right { gap: 5px !important; }
  .topbar-icon-btn,
  .topbar-discord,
  .topbar-theme { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 7px !important; }
  .topbar-logo { gap: 7px !important; }
  .topbar-logo-mark { width: 27px; height: 27px; border-radius: 7px; }
  .topbar-logo .logo-studio,
  .topbar-logo .logo-market { font-size: 14px; }
  .topbar-logo-copy small { display: none; }
  .topbar-token-pill { min-width: 91px; height: 34px !important; padding: 3px 3px 3px 7px !important; gap: 5px !important; border-radius: 8px !important; }
  .topbar-token-copy small { display: none; }
  .topbar-token-copy { min-width: 34px; }
  .topbar-token-copy strong { font-size: 10px; }
  .topbar-token-plus { width: 26px !important; height: 26px !important; min-width: 26px !important; border-radius: 6px !important; font-size: 16px !important; }
  .token-coin { width: 15px !important; height: 15px !important; min-width: 15px !important; }

  .main-content { padding: 18px 14px 90px !important; }
  .ref-page-header,
  .behavior-market-header,
  .behavior-management-header { min-height: 0 !important; margin-bottom: 14px !important; padding-bottom: 15px !important; display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; gap: 12px !important; }
  .page-title,
  .latest-hero h1,
  .liquid-hero h1 { font-size: 28px !important; }
  .page-desc,
  .latest-hero p,
  .liquid-hero p { font-size: 11px !important; }
  .behavior-header-proof { min-width: 0; width: 100%; }
  .sticky-market-toolbar,
  .one-piece-toolbar,
  .behavior-toolbar,
  .ref-toolbar { top: calc(var(--topbar-h) + 6px) !important; min-height: 52px !important; margin-bottom: 12px !important; padding: 5px !important; gap: 6px !important; }
  .neo-search-control,
  .search-filter-combo { min-height: 40px !important; padding-left: 9px !important; }
  .ref-count-label,
  .behavior-result-count { display: none !important; }
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; }
  .market-card,
  .ref-card { border-radius: 10px !important; }
  .market-card-body,
  .ref-card-body { min-height: 112px !important; padding: 10px !important; }
  .market-card-title,
  .ref-card-title { font-size: 11px !important; -webkit-line-clamp: 2; }
  .ref-card-location { font-size: 7px !important; }
  .ref-chip-row { margin-top: 7px !important; }
  .ref-chip-row span { min-height: 18px !important; padding: 0 5px !important; font-size: 6.5px !important; }
  .card-bottom-line { padding-top: 8px; }
  .ref-card-price { font-size: 11px !important; }
  .ref-sales-meta { display: none !important; }
  .market-card-fav,
  .ref-heart,
  .card-heart-only { top: 7px !important; right: 7px !important; width: 27px !important; height: 27px !important; min-width: 27px !important; border-radius: 7px !important; }

  .behavior-gallery,
  .behavior-purchase-panel,
  .behavior-secondary-panel { border-radius: 11px !important; }
  .behavior-purchase-panel,
  .behavior-secondary-panel { padding: 15px !important; }
  .detail-title { font-size: 25px !important; }
  .behavior-trust-row { grid-template-columns: 1fr !important; text-align: left; }
  .behavior-trust-row span { text-align: left; }
  .behavior-secondary-panel { display: block !important; }
  .detail-comments-zone { margin-top: 14px !important; }

  .behavior-management-card,
  .management-bento-card-v161 { padding: 13px !important; }
  .behavior-ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
  .behavior-ops-metric { min-height: 93px !important; padding: 10px !important; }
  .behavior-ops-metric > strong { font-size: 12px !important; }
  .behavior-finance-grid { grid-template-columns: 1fr 1fr !important; }
  .management-metric-v161 { border-right: 1px solid var(--v23-line) !important; border-top: 1px solid var(--v23-line) !important; }
  .management-metric-v161:nth-child(-n+2) { border-top: 0 !important; }
  .management-metric-v161:nth-child(2n) { border-right: 0 !important; }
  .management-row-v222 { grid-template-columns: 64px minmax(0, 1fr) 30px !important; min-height: 70px !important; }
  .management-row-preview-v222 { width: 64px !important; height: 70px !important; }

  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card,
  .legal-submit-panel { padding: 14px !important; }
  .product-listing-compliance-panel { grid-template-columns: 1fr !important; }
  .product-listing-compliance-panel > .legal-inline-link { grid-column: 1 !important; }
  .settings-bottom-bar,
  .listing-actions { bottom: 8px !important; margin-top: 12px !important; }
  .settings-bottom-bar .btn,
  .listing-actions .btn { flex: 1; }

  .latest-plan-summary { grid-template-columns: 1fr 1fr !important; }
  .latest-plan-summary > div { padding: 11px !important; border-top: 1px solid var(--v23-line) !important; }
  .latest-plan-summary > div:first-child,
  .latest-plan-summary > div:nth-child(2) { border-top: 0 !important; }
  .latest-plan-summary > div:nth-child(2n) { border-right: 0 !important; }
  .latest-plan-grid { grid-template-columns: 1fr !important; }
  .latest-plan-card { min-height: 0 !important; }
  .latest-token-grid { grid-template-columns: 1fr !important; }
  .latest-token-card { min-height: 0 !important; }
  .latest-mobile-checkout { display: grid !important; }
  .latest-checkout-card { margin-bottom: 86px !important; }

  .profile-card { padding: 62px 14px 14px !important; }
  .neo-settings-icon { left: 14px !important; top: 14px !important; }
  .profile-kyc-progress { grid-template-columns: 1fr !important; }
  .profile-kyc-progress > div { border-right: 0 !important; border-bottom: 1px solid var(--v23-line) !important; }
  .profile-kyc-progress > div:last-child { border-bottom: 0 !important; }
  .kyc-main-grid,
  .kyc-review-grid { grid-template-columns: 1fr !important; }
  .kyc-hero-card,
  .kyc-primary-card,
  .kyc-side-card,
  .kyc-doc-card,
  .kyc-review-card { padding: 14px !important; }
  .kyc-hero-card { display: block !important; }
  .kyc-status-stack { margin-top: 14px; align-items: flex-start !important; }

  .fl188-root { margin: -18px -14px -90px !important; }
  .fl188-root .page-shell { padding-inline: 14px !important; }
}

@media (max-width: 420px) {
  .topbar-logo-mark { display: none; }
  .topbar-logo .logo-studio,
  .topbar-logo .logo-market { font-size: 13px; }
  .topbar-token-pill { min-width: 84px; }
  .topbar-discord,
  .topbar-theme,
  .topbar-icon-btn { width: 30px !important; height: 30px !important; min-width: 30px !important; }
  .market-card-preview,
  .ref-card-preview { aspect-ratio: 1 / .86 !important; }
  .ref-chip-row span:nth-child(n+3) { display: none !important; }
}

@media (hover: none) {
  .market-card:hover,
  .ref-card:hover,
  .btn:hover:not(:disabled) { transform: none !important; }
}

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

/* ========================================================================== 
   3D StudioMarket v23.1 — Minimal 60:30:10 Card System
   60% canvas · 30% working surfaces · 10% action/state accent.
   Motion is quiet and purposeful: lift, focus, selection and modal feedback.
   ========================================================================== */

:root {
  --v231-base-60: #090d10;
  --v231-base-soft-60: #0c1115;
  --v231-surface-30: #12181d;
  --v231-surface-raised-30: #171e24;
  --v231-surface-soft-30: #1b232a;
  --v231-accent-10: #27c99a;
  --v231-accent-hover-10: #43d8ad;
  --v231-accent-soft-10: rgba(39, 201, 154, .11);
  --v231-accent-faint-10: rgba(39, 201, 154, .055);
  --v231-text: #f3f6f7;
  --v231-text-2: #cbd3d6;
  --v231-muted: #8b989e;
  --v231-dim: #66747b;
  --v231-line: rgba(204, 223, 231, .10);
  --v231-line-strong: rgba(204, 223, 231, .18);
  --v231-gold: #e4b653;
  --v231-danger: #e98585;
  --v231-warning: #dda956;
  --v231-radius-sm: 8px;
  --v231-radius: 12px;
  --v231-radius-lg: 16px;
  --v231-ease: cubic-bezier(.22, 1, .36, 1);
  --v231-fast: 150ms;
  --v231-normal: 240ms;
  --v231-shadow-float: 0 22px 64px rgba(0, 0, 0, .34);

  --v23-canvas: var(--v231-base-60);
  --v23-canvas-2: var(--v231-base-soft-60);
  --v23-surface: var(--v231-surface-30);
  --v23-surface-2: var(--v231-surface-raised-30);
  --v23-surface-3: var(--v231-surface-soft-30);
  --v23-line: var(--v231-line);
  --v23-line-strong: var(--v231-line-strong);
  --v23-text: var(--v231-text);
  --v23-text-2: var(--v231-text-2);
  --v23-muted: var(--v231-muted);
  --v23-dim: var(--v231-dim);
  --v23-accent: var(--v231-accent-10);
  --v23-accent-hi: var(--v231-accent-hover-10);
  --v23-accent-soft: var(--v231-accent-soft-10);
  --v23-accent-faint: var(--v231-accent-faint-10);
}

body.light {
  --v231-base-60: #f3f5f4;
  --v231-base-soft-60: #edf1ef;
  --v231-surface-30: #ffffff;
  --v231-surface-raised-30: #f8faf9;
  --v231-surface-soft-30: #eef3f0;
  --v231-accent-10: #128661;
  --v231-accent-hover-10: #0f7454;
  --v231-accent-soft-10: rgba(18, 134, 97, .10);
  --v231-accent-faint-10: rgba(18, 134, 97, .05);
  --v231-text: #15201c;
  --v231-text-2: #34433d;
  --v231-muted: #66766f;
  --v231-dim: #839088;
  --v231-line: rgba(24, 53, 42, .10);
  --v231-line-strong: rgba(24, 53, 42, .18);
  --v231-shadow-float: 0 22px 54px rgba(31, 60, 47, .14);
}

html,
body {
  background: var(--v231-base-60) !important;
  color: var(--v231-text) !important;
}

body::before {
  opacity: .42 !important;
  background-image:
    linear-gradient(rgba(180, 207, 217, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(180, 207, 217, .018) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
}

body.light::before { opacity: .18 !important; }

.main-content {
  background: transparent !important;
}

.page-inner {
  max-width: 1480px !important;
}

.topbar {
  background: color-mix(in srgb, var(--v231-base-60) 90%, transparent) !important;
  border-bottom-color: var(--v231-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
}

.sidebar {
  background: var(--v231-base-soft-60) !important;
  border-right-color: var(--v231-line) !important;
  box-shadow: none !important;
}

.sidebar-item {
  min-height: 42px !important;
  border-radius: var(--v231-radius-sm) !important;
  transition: color var(--v231-fast) ease, background var(--v231-fast) ease, transform var(--v231-fast) ease !important;
}

.sidebar-item:hover {
  background: var(--v231-surface-30) !important;
  transform: translateX(2px);
}

.sidebar-item.active {
  color: var(--v231-text) !important;
  background: var(--v231-accent-soft-10) !important;
  box-shadow: inset 2px 0 0 var(--v231-accent-10) !important;
}

.ref-page-header,
.behavior-market-header,
.behavior-management-header,
.latest-hero,
.liquid-hero {
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--v231-line) !important;
}

.page-title,
.latest-hero h1,
.liquid-hero h1 {
  color: var(--v231-text) !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  letter-spacing: -.045em !important;
}

.page-desc,
.latest-hero p,
.liquid-hero p {
  max-width: 68ch;
  color: var(--v231-muted) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.section-kicker,
.eyebrow {
  color: var(--v231-accent-10) !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
}

/* Shared card grammar: one calm surface, one border, no decorative nesting. */
.market-card,
.behavior-management-card,
.management-bento-card-v161,
.behavior-gallery,
.behavior-purchase-panel,
.behavior-secondary-panel,
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.profile-card,
.api-card,
.history-card,
.tracking-card,
.order-card,
.latest-plan-card,
.latest-token-card,
.latest-checkout-card,
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card,
.kyc-hero-card,
.kyc-primary-card,
.kyc-side-card,
.kyc-doc-card,
.kyc-review-card,
.legal-library,
.legal-submit-panel,
.fl188-root .panel,
.fl188-root .side-card,
.fl188-root .workflow-strip,
.fl188-root .parameter-shell,
.fl188-root .confirm-dialog,
.modal,
.legal-reader {
  background: var(--v231-surface-30) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: var(--v231-radius) !important;
  box-shadow: none !important;
}

.market-card,
.history-card,
.tracking-card,
.order-card,
.latest-plan-card,
.latest-token-card,
.management-row-v222,
.legal-set-card,
.option-group-card,
.sku-card,
.api-card {
  transition:
    transform var(--v231-normal) var(--v231-ease),
    border-color var(--v231-normal) ease,
    background var(--v231-normal) ease,
    box-shadow var(--v231-normal) ease !important;
}

@media (hover: hover) {
  .market-card:hover,
  .history-card:hover,
  .tracking-card:hover,
  .order-card:hover,
  .latest-plan-card:hover,
  .latest-token-card:hover,
  .management-row-v222:hover,
  .legal-set-card:hover,
  .api-card:hover {
    transform: translateY(-3px) !important;
    border-color: var(--v231-line-strong) !important;
    background: var(--v231-surface-raised-30) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .13) !important;
  }
}

.market-card:focus-visible,
.management-row-v222:focus-visible,
.legal-set-card:focus-visible,
.btn:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--v231-accent-10) !important;
  outline-offset: 3px !important;
}

/* Marketplace cards: image → name → compatibility → price, matching scan order. */
.market-grid,
.behavior-market-grid {
  gap: 14px !important;
}

.minimal-market-card {
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
  overflow: hidden !important;
  cursor: pointer;
}

#mpGrid .minimal-market-card,
#mfGrid .minimal-market-card,
#favGrid .minimal-market-card,
.market-grid .minimal-market-card,
.seller-card-preview-grid .minimal-market-card {
  min-height: 0 !important;
  height: auto !important;
}

.market-card-preview,
.ref-card-preview {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: var(--v231-base-soft-60) !important;
  border-bottom: 1px solid var(--v231-line) !important;
}

.market-card-preview img,
.ref-card-preview img,
.market-card-preview .card-image-slide,
.ref-card-preview .card-image-slide,
.ref-preview-placeholder svg {
  transition: transform 420ms var(--v231-ease), opacity var(--v231-normal) ease !important;
}

@media (hover: hover) {
  .minimal-market-card:hover .market-card-preview img,
  .minimal-market-card:hover .ref-card-preview img,
  .minimal-market-card:hover .ref-preview-placeholder svg {
    transform: scale(1.035) !important;
  }
}

.market-card-body,
.ref-card-body {
  min-height: 148px !important;
  padding: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}

#mpGrid .minimal-market-card .ref-card-body,
#mfGrid .minimal-market-card .ref-card-body,
#favGrid .minimal-market-card .ref-card-body,
.market-grid .minimal-market-card .ref-card-body,
.seller-card-preview-grid .minimal-market-card .ref-card-body {
  min-height: 148px !important;
  height: auto !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  row-gap: 0 !important;
}

.market-card-title,
.ref-card-title {
  margin: 4px 0 10px !important;
  color: var(--v231-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -.015em !important;
}

.ref-card-location {
  color: var(--v231-dim) !important;
  font-size: 10px !important;
}

.minimal-market-card .ref-card-location,
.minimal-market-card .ref-card-location span {
  max-width: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  line-height: 1.35 !important;
}

.ref-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 0 0 14px !important;
}

.ref-chip-row span {
  min-height: 22px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--v231-muted) !important;
  background: var(--v231-base-soft-60) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 6px !important;
  font-size: 8px !important;
}

.minimal-market-card .ref-chip-row span {
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

.card-bottom-line {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--v231-line) !important;
}

.ref-card-price {
  color: var(--v231-text) !important;
  font-size: 14px !important;
}

.ref-card-price::before,
.detail-price::before,
.token-value::before {
  filter: saturate(.82);
}

.ref-sales-meta {
  display: block !important;
  color: var(--v231-dim) !important;
  font-size: 9px !important;
}

.market-card-fav,
.ref-heart,
.card-heart-only {
  color: var(--v231-text-2) !important;
  background: color-mix(in srgb, var(--v231-base-60) 78%, transparent) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(10px);
  transition: transform var(--v231-fast) var(--v231-ease), color var(--v231-fast) ease, background var(--v231-fast) ease !important;
}

.market-card-fav:hover,
.ref-heart:hover,
.market-card-fav.active,
.ref-heart.active {
  color: var(--v231-accent-10) !important;
  background: var(--v231-surface-raised-30) !important;
  transform: scale(1.06) !important;
}

.market-card-fav:active,
.ref-heart:active { transform: scale(.92) !important; }

.licensed-production-mini {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 5;
  min-height: 27px;
  padding: 0 9px;
  color: #bff8e6;
  background: color-mix(in srgb, var(--v231-accent-10) 18%, var(--v231-base-60)) !important;
  border: 1px solid color-mix(in srgb, var(--v231-accent-10) 35%, transparent) !important;
  border-radius: 7px;
  font: 700 8px/1 var(--v23-mono);
  letter-spacing: .025em;
  cursor: pointer;
  transition: transform var(--v231-fast) ease, background var(--v231-fast) ease;
}

.licensed-production-mini:hover { transform: translateY(-1px); background: color-mix(in srgb, var(--v231-accent-10) 26%, var(--v231-base-60)) !important; }

/* Toolbars and controls remain quiet until the user interacts. */
.sticky-market-toolbar,
.one-piece-toolbar,
.behavior-toolbar,
.ref-toolbar {
  background: color-mix(in srgb, var(--v231-surface-30) 92%, transparent) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) !important;
}

.search-filter-combo,
.neo-search-control,
.form-input,
.filter-select,
input,
select,
textarea {
  color: var(--v231-text-2) !important;
  background-color: var(--v231-base-soft-60) !important;
  border-color: var(--v231-line) !important;
  border-radius: var(--v231-radius-sm) !important;
  transition: border-color var(--v231-fast) ease, box-shadow var(--v231-fast) ease, background var(--v231-fast) ease !important;
}

.search-filter-combo:focus-within,
.neo-search-control:focus-within,
.form-input:focus,
.filter-select:focus,
input:focus,
select:focus,
textarea:focus {
  background-color: var(--v231-surface-raised-30) !important;
  border-color: color-mix(in srgb, var(--v231-accent-10) 52%, transparent) !important;
  box-shadow: 0 0 0 3px var(--v231-accent-faint-10) !important;
}

.behavior-intent-strip button,
.segmented-tabs button,
.wide-split-tabs button,
.mode-tabs button {
  color: var(--v231-muted) !important;
  background: transparent !important;
  border-radius: 7px !important;
  transition: color var(--v231-fast) ease, background var(--v231-fast) ease !important;
}

.behavior-intent-strip button:hover,
.segmented-tabs button:hover,
.wide-split-tabs button:hover,
.mode-tabs button:hover { color: var(--v231-text-2) !important; background: var(--v231-surface-30) !important; }

.behavior-intent-strip button.is-active,
.segmented-tabs button.active,
.wide-split-tabs button.active,
.mode-tabs button.active {
  color: var(--v231-text) !important;
  background: var(--v231-accent-soft-10) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v231-accent-10) 20%, transparent) !important;
}

.btn {
  min-height: 40px !important;
  border-radius: var(--v231-radius-sm) !important;
  box-shadow: none !important;
  transition: transform var(--v231-fast) var(--v231-ease), background var(--v231-fast) ease, border-color var(--v231-fast) ease, color var(--v231-fast) ease !important;
}

.btn:hover:not(:disabled) { transform: translateY(-1px) !important; }
.btn:active:not(:disabled) { transform: translateY(0) scale(.98) !important; }
.btn:disabled { opacity: .42 !important; cursor: not-allowed !important; }

.btn-primary,
.liquid-primary-btn,
.latest-buy-token-btn,
.latest-plan-btn.primary,
.fl188-root .btn.primary {
  color: #042018 !important;
  background: var(--v231-accent-10) !important;
  border-color: var(--v231-accent-10) !important;
}

.btn-primary:hover:not(:disabled),
.liquid-primary-btn:hover:not(:disabled),
.latest-buy-token-btn:hover:not(:disabled),
.latest-plan-btn.primary:hover:not(:disabled),
.fl188-root .btn.primary:hover:not(:disabled) {
  background: var(--v231-accent-hover-10) !important;
  border-color: var(--v231-accent-hover-10) !important;
}

.btn-secondary,
.neutral-btn,
.latest-plan-btn.secondary,
.fl188-root .btn.secondary,
.fl188-root .btn.tertiary {
  color: var(--v231-text-2) !important;
  background: transparent !important;
  border-color: var(--v231-line-strong) !important;
}

.btn-secondary:hover:not(:disabled),
.neutral-btn:hover:not(:disabled),
.latest-plan-btn.secondary:hover:not(:disabled) { background: var(--v231-surface-raised-30) !important; }

/* Detail decisions: gallery uses the 60% base; the decision card uses the 30% surface. */
.behavior-detail-shell { gap: 16px !important; }
.behavior-gallery { background: var(--v231-base-soft-60) !important; }
.behavior-purchase-panel { padding: 20px !important; }
.behavior-secondary-panel { padding: 18px !important; }

.behavior-decision-block,
.detail-section-v167,
.address-card,
.behavior-trust-row {
  background: transparent !important;
  border-color: var(--v231-line) !important;
  border-radius: var(--v231-radius-sm) !important;
}

.behavior-decision-block { padding: 15px 0 !important; border-width: 0 0 1px !important; }
.behavior-trust-row { background: var(--v231-base-soft-60) !important; }
.detail-title { color: var(--v231-text) !important; font-size: clamp(26px, 3vw, 38px) !important; }
.detail-price { color: var(--v231-text) !important; }

.licensed-production-chip {
  width: max-content;
  margin-top: 12px !important;
  color: #bff8e6 !important;
  background: var(--v231-accent-soft-10) !important;
  border: 1px solid color-mix(in srgb, var(--v231-accent-10) 30%, transparent) !important;
  border-radius: 7px !important;
  transition: transform var(--v231-fast) ease, background var(--v231-fast) ease;
}

.licensed-production-chip:hover { transform: translateY(-1px); background: color-mix(in srgb, var(--v231-accent-10) 17%, transparent) !important; }

/* Seller operations: priority cards first, finance as one compact strip. */
.behavior-management-card,
.management-bento-card-v161 { padding: 18px !important; }
.behavior-ops-grid { gap: 9px !important; }
.behavior-ops-metric {
  min-height: 110px !important;
  padding: 14px !important;
  background: var(--v231-base-soft-60) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 9px !important;
  transition: border-color var(--v231-normal) ease, background var(--v231-normal) ease !important;
}
.behavior-ops-metric:hover { border-color: var(--v231-line-strong) !important; background: var(--v231-surface-raised-30) !important; }
.behavior-ops-metric.critical { box-shadow: inset 2px 0 0 var(--v231-accent-10) !important; }
.behavior-ops-metric > span { font-size: 9px !important; }
.behavior-ops-metric > strong { font-size: 16px !important; }
.behavior-ops-metric > small { font-size: 10px !important; }

.behavior-finance-grid {
  overflow: hidden;
  background: var(--v231-base-soft-60) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 9px !important;
}

.management-metric-v161 { padding: 13px !important; }
.management-metric-v161 span { font-size: 8px !important; }
.management-metric-v161 strong { font-size: 11px !important; }

.management-row-v222 {
  overflow: hidden;
  background: var(--v231-surface-30) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 10px !important;
}

.management-row-preview-v222 { background: var(--v231-base-soft-60) !important; }
.management-row-tags-v222 i { background: var(--v231-base-soft-60) !important; border-color: var(--v231-line) !important; }

/* Listing cards retain every field while reducing nested decoration. */
.listing-settings-shell,
.fl188-root .content-grid { gap: 14px !important; }
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.legal-submit-panel { padding: 18px !important; }

.settings-section-head,
.fl188-root .panel-head { border-bottom-color: var(--v231-line) !important; }

.image-upload-tile,
.fl188-root .dropzone {
  background: var(--v231-base-soft-60) !important;
  border-color: var(--v231-line-strong) !important;
  border-radius: 9px !important;
  transition: border-color var(--v231-fast) ease, background var(--v231-fast) ease, transform var(--v231-fast) ease !important;
}

.image-upload-tile:hover,
.fl188-root .dropzone:hover {
  background: var(--v231-accent-faint-10) !important;
  border-color: color-mix(in srgb, var(--v231-accent-10) 42%, transparent) !important;
  transform: translateY(-1px);
}

.option-group-card,
.sku-card,
.license-grant-summary > div,
.fl188-root .matrix-card,
.fl188-root .parameter-group,
.fl188-root .single-sku {
  background: var(--v231-base-soft-60) !important;
  border-color: var(--v231-line) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.licensed-production-panel {
  background: var(--v231-accent-faint-10) !important;
  border-color: color-mix(in srgb, var(--v231-accent-10) 26%, transparent) !important;
  border-radius: 10px !important;
}

.product-compliance-check,
.legal-check {
  color: var(--v231-text-2) !important;
  background: var(--v231-base-soft-60) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 9px !important;
}

.file-listing-compliance-card { margin-top: 0 !important; }
.file-listing-compliance-card .legal-panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.file-listing-compliance-card .legal-panel-head p,
.file-listing-compliance-card .legal-panel-head h3 { margin: 0; }
.file-listing-compliance-card > p { color: var(--v231-muted); font-size: 11px; line-height: 1.55; }
.file-listing-compliance-card .product-compliance-check { display: flex; gap: 10px; padding: 12px; font-size: 11px; line-height: 1.55; }

.fl188-root {
  --canvas: var(--v231-base-60) !important;
  --canvas-soft: var(--v231-base-soft-60) !important;
  --surface: var(--v231-surface-30) !important;
  --surface-raised: var(--v231-surface-raised-30) !important;
  --surface-soft: var(--v231-surface-soft-30) !important;
  --text: var(--v231-text) !important;
  --text-2: var(--v231-text-2) !important;
  --muted: var(--v231-muted) !important;
  --dim: var(--v231-dim) !important;
  --line: var(--v231-line) !important;
  --line-strong: var(--v231-line-strong) !important;
  --accent: var(--v231-accent-10) !important;
  background: var(--v231-base-60) !important;
}

.fl188-root .panel::before { width: 2px !important; background: var(--v231-accent-10) !important; }
.fl188-root .action-bar { background: color-mix(in srgb, var(--v231-base-60) 91%, transparent) !important; border-color: var(--v231-line) !important; box-shadow: none !important; }

/* Pricing, profile, history and status cards. */
.latest-plan-summary { background: var(--v231-surface-30) !important; border-color: var(--v231-line) !important; }
.latest-plan-card,
.latest-token-card,
.latest-checkout-card,
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card { background: var(--v231-surface-30) !important; }
.latest-plan-card.current,
.latest-token-card.featured,
.latest-token-card.selected {
  background: var(--v231-surface-raised-30) !important;
  border-color: color-mix(in srgb, var(--v231-accent-10) 35%, transparent) !important;
  box-shadow: inset 0 2px 0 var(--v231-accent-10) !important;
}
.latest-plan-price,
.latest-token-price { color: var(--v231-gold) !important; }

.profile-card { padding: 18px 18px 18px 68px !important; }
.neo-settings-icon { background: var(--v231-accent-soft-10) !important; border-color: color-mix(in srgb, var(--v231-accent-10) 20%, transparent) !important; }
.settings-row { min-height: 44px !important; }

.minimal-record-card {
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px !important;
}
.minimal-record-card .mini-preview { width: 80px !important; height: 74px !important; background: var(--v231-base-soft-60) !important; border-radius: 8px !important; }
.record-card-main h3 { margin: 4px 0 !important; color: var(--v231-text) !important; font-size: 14px !important; }
.record-card-main p { margin: 2px 0 !important; color: var(--v231-muted) !important; font-size: 10px !important; }
.record-card-actions { display: grid; justify-items: end; gap: 8px; }

.latest-status-pill { font-size: 8px !important; }
.latest-status-pill.success { color: #baf5e2 !important; background: var(--v231-accent-soft-10) !important; border-color: color-mix(in srgb, var(--v231-accent-10) 24%, transparent) !important; }

/* Legal Set A–E: one readable set; master 04–10 lives in collapsed evidence. */
.legal-overlay,
.modal-overlay {
  background: rgba(3, 7, 9, .72) !important;
  backdrop-filter: blur(14px) saturate(105%) !important;
}

.legal-reader-open { overflow: hidden !important; }

.legal-reader {
  width: min(720px, 100%) !important;
  max-height: min(820px, 92vh) !important;
  padding: 24px !important;
  overflow: auto !important;
  box-shadow: var(--v231-shadow-float) !important;
  animation: v231-modal-in 260ms var(--v231-ease) both;
}

.legal-reader header { padding-bottom: 18px; border-bottom: 1px solid var(--v231-line); }
.legal-reader header h2 { margin: 6px 0 8px !important; color: var(--v231-text) !important; font-size: clamp(25px, 4vw, 34px) !important; letter-spacing: -.035em; }
.legal-reader header p { margin: 0 !important; color: var(--v231-muted) !important; font-size: 12px !important; line-height: 1.65 !important; }

.legal-close,
.modal-close {
  color: var(--v231-muted) !important;
  background: transparent !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 8px !important;
  transition: color var(--v231-fast) ease, background var(--v231-fast) ease, transform var(--v231-fast) ease !important;
}
.legal-close:hover,
.modal-close:hover { color: var(--v231-text) !important; background: var(--v231-surface-raised-30) !important; transform: rotate(3deg); }

.legal-set-content { margin: 18px 0; }
.legal-content-label { color: var(--v231-dim); font: 700 9px/1 var(--v23-mono); letter-spacing: .1em; text-transform: uppercase; }
.legal-set-content ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.legal-set-content li { position: relative; padding-left: 18px; color: var(--v231-text-2); font-size: 12px; line-height: 1.55; }
.legal-set-content li::before { content: ""; position: absolute; left: 1px; top: .58em; width: 6px; height: 6px; border-radius: 50%; background: var(--v231-accent-10); }

.legal-reader-copy {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 14px !important;
  background: var(--v231-accent-faint-10) !important;
  border: 1px solid color-mix(in srgb, var(--v231-accent-10) 20%, transparent) !important;
  border-radius: 9px !important;
}
.legal-reader-copy strong { color: var(--v231-text); font-size: 12px; }
.legal-reader-copy p { margin: 4px 0 0 !important; color: var(--v231-muted) !important; font-size: 10px !important; line-height: 1.55 !important; }
.legal-read-mode { flex: 0 0 auto; color: var(--v231-accent-10); font: 700 8px/1 var(--v23-mono); text-transform: uppercase; }

.legal-source-disclosure { margin-top: 12px; background: var(--v231-base-soft-60); border: 1px solid var(--v231-line); border-radius: 9px; }
.legal-source-disclosure summary { min-height: 52px; padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; list-style: none; }
.legal-source-disclosure summary::-webkit-details-marker { display: none; }
.legal-source-disclosure summary span { color: var(--v231-text-2); font-size: 11px; font-weight: 700; }
.legal-source-disclosure summary small { color: var(--v231-dim); font: 8px/1.4 var(--v23-mono); text-align: right; }
.legal-source-disclosure[open] summary { border-bottom: 1px solid var(--v231-line); }
.legal-doc-list { margin: 0 !important; padding: 8px !important; gap: 6px !important; }
.legal-doc { padding: 10px !important; background: transparent !important; border-color: var(--v231-line) !important; border-radius: 7px !important; }
.legal-doc b { color: var(--v231-text-2) !important; font-size: 10px !important; }
.legal-doc span,
.legal-doc code,
.legal-source-path { color: var(--v231-dim) !important; font-size: 8px !important; }

.legal-check { margin: 14px 0 !important; padding: 14px !important; font-size: 12px; line-height: 1.55; }
.legal-check input,
.product-compliance-check input { width: 18px !important; height: 18px !important; min-width: 18px !important; accent-color: var(--v231-accent-10) !important; }
.legal-reader footer { padding-top: 14px; border-top: 1px solid var(--v231-line); }

.legal-set-grid { grid-template-columns: 1fr !important; gap: 7px !important; }
.legal-set-card {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  min-height: 66px;
  padding: 10px 12px !important;
  background: var(--v231-base-soft-60) !important;
  border: 1px solid var(--v231-line) !important;
  border-radius: 9px !important;
}
.legal-set-card b { color: var(--v231-text-2); font-size: 12px; }
.legal-set-card small { color: var(--v231-dim) !important; font-size: 9px !important; }
.legal-set-mark { width: 34px !important; height: 34px !important; border-radius: 8px !important; background: var(--v231-accent-soft-10) !important; color: var(--v231-accent-10) !important; }
.legal-set-arrow { color: var(--v231-dim); transition: transform var(--v231-fast) ease, color var(--v231-fast) ease; }
.legal-set-card:hover .legal-set-arrow { color: var(--v231-accent-10); transform: translateX(3px); }

.legal-inline-link { color: var(--v231-accent-10) !important; font-size: 10px !important; transition: color var(--v231-fast) ease, transform var(--v231-fast) ease; }
.legal-inline-link:hover { color: var(--v231-accent-hover-10) !important; transform: translateX(2px); }
.legal-withdraw-note { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px !important; color: var(--v231-muted) !important; background: var(--v231-surface-30) !important; border: 1px solid var(--v231-line) !important; border-radius: 9px !important; }
.legal-withdraw-note button { color: var(--v231-accent-10) !important; }

/* Every generated popup shares the same clear summary-card language. */
.modal-overlay:not(.hidden) .modal {
  animation: v231-modal-in 240ms var(--v231-ease) both;
}

.modal {
  width: min(560px, calc(100vw - 28px)) !important;
  max-height: min(800px, calc(100dvh - 28px)) !important;
  padding: 22px !important;
  overflow: auto !important;
  box-shadow: var(--v231-shadow-float) !important;
}

.modal.modal-wide { width: min(760px, calc(100vw - 28px)) !important; }
.modal > .neo-filter-panel,
.modal > .neo-filter-panel-wide {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.modal-title { color: var(--v231-text) !important; font-size: 24px !important; letter-spacing: -.03em !important; }
.modal-desc { color: var(--v231-muted) !important; font-size: 11px !important; line-height: 1.6 !important; }
.modal-actions { padding-top: 15px !important; border-top: 1px solid var(--v231-line) !important; }

.purchase-summary-card {
  margin: 16px 0;
  overflow: hidden;
  background: var(--v231-base-soft-60);
  border: 1px solid var(--v231-line);
  border-radius: 9px;
}
.purchase-summary-card > div { min-height: 46px; padding: 10px 12px; display: grid; grid-template-columns: minmax(110px, .42fr) minmax(0, 1fr); align-items: center; gap: 12px; border-bottom: 1px solid var(--v231-line); }
.purchase-summary-card > div:last-child { border-bottom: 0; }
.purchase-summary-card span { color: var(--v231-dim); font-size: 9px; }
.purchase-summary-card strong { color: var(--v231-text-2); font-size: 11px; text-align: right; overflow-wrap: anywhere; }
.purchase-summary-card .token-value { color: var(--v231-gold); }

.purchase-license-scope { margin: 14px 0; padding: 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: var(--v231-accent-faint-10); border: 1px solid color-mix(in srgb, var(--v231-accent-10) 20%, transparent); border-radius: 9px; }
.purchase-license-scope > div { display: flex; align-items: flex-start; gap: 10px; }
.purchase-license-scope strong { color: var(--v231-text); font-size: 11px; }
.purchase-license-scope p { max-width: 42ch; margin: 3px 0 0; color: var(--v231-muted); font-size: 9px; line-height: 1.5; }
.file-purchase-legal-check { background: var(--v231-surface-raised-30) !important; }

.round-option,
.filter-dropdown-option-v166 {
  background: var(--v231-base-soft-60) !important;
  border-color: var(--v231-line) !important;
  border-radius: 8px !important;
  transition: background var(--v231-fast) ease, border-color var(--v231-fast) ease, transform var(--v231-fast) ease !important;
}
.round-option:hover,
.filter-dropdown-option-v166:hover { transform: translateY(-1px); border-color: var(--v231-line-strong) !important; }
.round-option.selected,
.filter-dropdown-option-v166.selected { color: var(--v231-text) !important; background: var(--v231-accent-soft-10) !important; border-color: color-mix(in srgb, var(--v231-accent-10) 35%, transparent) !important; }

.notice { background: var(--v231-base-soft-60) !important; border-color: var(--v231-line) !important; border-radius: 8px !important; }
.notice-info { border-left: 2px solid var(--v231-accent-10) !important; }

.toast,
.toast-notification {
  animation: v231-toast-in 220ms var(--v231-ease) both;
}

@keyframes v231-modal-in {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes v231-toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 959px) {
  .main-content { padding-top: 22px !important; }
  .minimal-record-card { grid-template-columns: 72px minmax(0, 1fr) !important; }
  .minimal-record-card .mini-preview { width: 72px !important; height: 68px !important; }
  .record-card-actions { grid-column: 2; justify-items: start; }
}

@media (max-width: 700px) {
  .main-content { padding-inline: 13px !important; }
  .page-title,
  .latest-hero h1,
  .liquid-hero h1 { font-size: 29px !important; }
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid { gap: 9px !important; }
  .market-card-body,
  .ref-card-body { min-height: 146px !important; padding: 11px !important; }
  .market-card-title,
  .ref-card-title { font-size: 11.5px !important; margin-bottom: 8px !important; }
  .ref-card-location { font-size: 8px !important; }
  .ref-chip-row { margin-bottom: 10px !important; }
  .ref-chip-row span { min-height: 19px !important; padding: 0 5px !important; font-size: 7px !important; }
  .card-bottom-line { display: grid !important; gap: 3px !important; padding-top: 8px !important; }
  .ref-card-price { font-size: 11px !important; }
  .ref-sales-meta { display: block !important; font-size: 7px !important; }
  .licensed-production-mini { left: 7px; bottom: 7px; min-height: 23px; padding: 0 6px; font-size: 6.5px; }
  .behavior-gallery,
  .behavior-purchase-panel,
  .behavior-secondary-panel,
  .listing-main-card,
  .listing-side-card,
  .sku-matrix-card,
  .profile-card,
  .legal-library,
  .legal-submit-panel { border-radius: 10px !important; }
  .profile-card { padding: 60px 14px 14px !important; }
  .legal-overlay { padding: 8px !important; align-items: end !important; }
  .legal-reader { max-height: 94dvh !important; padding: 17px !important; border-radius: 14px 14px 0 0 !important; }
  .legal-reader-copy { display: grid; }
  .legal-source-disclosure summary { align-items: flex-start; }
  .legal-doc { align-items: flex-start !important; }
  .modal-overlay { padding: 8px !important; align-items: end !important; }
  .modal,
  .modal.modal-wide { width: 100% !important; max-height: 92dvh !important; padding: 17px !important; border-radius: 14px 14px 0 0 !important; }
  .purchase-summary-card > div { grid-template-columns: 1fr; gap: 3px; }
  .purchase-summary-card strong { text-align: left; }
  .purchase-license-scope { align-items: flex-start; flex-direction: column; }
  .minimal-record-card { grid-template-columns: 58px minmax(0, 1fr) !important; gap: 10px !important; }
  .minimal-record-card .mini-preview { width: 58px !important; height: 58px !important; }
  .record-card-main h3 { font-size: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .legal-reader,
  .modal-overlay:not(.hidden) .modal,
  .toast,
  .toast-notification { animation: none !important; }
  .market-card,
  .history-card,
  .tracking-card,
  .order-card,
  .latest-plan-card,
  .latest-token-card,
  .management-row-v222,
  .legal-set-card,
  .btn,
  button { transform: none !important; }
}

/* v25.21 final annotated-review overrides (kept last to win legacy layers). */
html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  grid-template-areas:
    "gallery purchase"
    "seller purchase"
    "secondary purchase" !important;
}

html body[data-view="product-detail"] .detail-comments-panel-v2411,
html body[data-view="file-detail"] .detail-comments-panel-v2411 {
  grid-area: secondary !important;
  align-self: stretch !important;
}

html body[data-view="file-listing-settings"] .fl188-root .single-sku {
  margin-top: 18px !important;
}

.legal-reader { width: min(880px, 100%) !important; }
.legal-reader header h2 { margin-top: 0 !important; }
.legal-documents-visible {
  display: block !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--border-soft) !important;
}
.legal-document-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
.legal-document-list-head > span { color: var(--text-main) !important; font-weight: 900 !important; }
.legal-document-list-head small { color: var(--text-muted) !important; }
.legal-doc-list { display: grid !important; gap: 10px !important; margin: 0 !important; }
.legal-doc {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.035) !important;
}
.legal-doc b,
.legal-doc span { display: block !important; }
.legal-doc span { margin-top: 3px !important; color: var(--text-muted) !important; font-size: 11px !important; }
.legal-read-document {
  min-height: 38px !important;
  padding: 0 14px !important;
  color: #00130c !important;
  background: var(--accent-green, #10b981) !important;
  border: 0 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.legal-done-button {
  min-width: 132px !important;
  color: #fff !important;
  background: var(--accent-red, #ef4444) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-weight: 900 !important;
}
.legal-document-reader { max-height: 92dvh !important; }
.legal-document-meta {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 0 16px !important;
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.legal-document-meta a { color: var(--accent-green, #10b981) !important; font-weight: 850 !important; }
.legal-document-body { padding-top: 8px !important; }
.legal-document-section { padding: 14px 0 !important; border-bottom: 1px solid var(--border-soft) !important; }
.legal-document-section h3 { margin: 0 0 8px !important; color: var(--text-main) !important; font-size: 16px !important; }
.legal-document-section p { margin: 0 0 9px !important; color: var(--text-secondary) !important; line-height: 1.7 !important; }

.confirm-modal-v176.danger .danger-btn,
.modal-actions .danger-btn {
  color: #fff !important;
  background: #dc2626 !important;
  border-color: #ef4444 !important;
  box-shadow: 0 10px 24px rgba(220,38,38,.24) !important;
}
.confirm-modal-v176.danger .danger-btn:hover,
.modal-actions .danger-btn:hover { background: #ef4444 !important; }

html body[data-view="buy-token"] .latest-mobile-checkout {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
}
html body[data-view="buy-token"] .latest-mobile-checkout > div {
  min-width: 0 !important;
  padding-right: 10px !important;
  border-right: 1px solid var(--border-soft) !important;
}
html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(4) strong {
  color: var(--accent-orange) !important;
}

@media (max-width: 1120px) {
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-areas: "gallery" "purchase" "seller" "secondary" !important;
  }
}

@media (max-width: 640px) {
  .legal-document-list-head,
  .legal-document-meta { align-items: flex-start !important; flex-direction: column !important; }
  .legal-doc { grid-template-columns: 1fr !important; }
  .legal-read-document { width: 100% !important; }
  html body[data-view="buy-token"] .latest-mobile-checkout {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    position: sticky !important;
    bottom: 8px !important;
  }
  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(2),
  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(4) { border-right: 0 !important; }
  html body[data-view="buy-token"] .latest-mobile-checkout .latest-buy-token-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  .fl188-root .manual-entry-head,
  .fl188-root .manual-actions { align-items: stretch; flex-direction: column; }
  .fl188-root .manual-entry-head #manualAddedCount { align-self: flex-start; }
  .fl188-root .manual-add-next { width: 100%; min-width: 0; }
}

/* ========================================================================== 
   v27 — Canonical Print Master Data / FDM + Resin manual-only
   ========================================================================== */
.fl188-root .print-process-picker-v27 {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 14px;padding:13px 14px;border:1px solid var(--line,rgba(255,255,255,.09));
  border-radius:14px;background:rgba(255,255,255,.018);
}
.fl188-root .print-process-picker-v27 > div:first-child b,
.fl188-root .print-process-picker-v27 > div:first-child small {display:block}
.fl188-root .print-process-picker-v27 > div:first-child b {font-size:11px;color:var(--text-1,#f4f7f7)}
.fl188-root .print-process-picker-v27 > div:first-child small {margin-top:3px;font-size:8.5px;color:var(--muted,#87929b)}
.fl188-root .print-process-tabs-v27 {display:flex;gap:6px;flex-wrap:wrap}
.fl188-root .print-process-tabs-v27 button {
  min-height:36px;padding:0 14px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:10px;
  background:rgba(255,255,255,.025);font-size:9px;font-weight:800;color:var(--muted,#98a3ab);cursor:pointer;
}
.fl188-root .print-process-tabs-v27 button.active {
  border-color:rgba(16,185,129,.45);background:rgba(16,185,129,.10);color:#dffbf0;
}
.fl188-root .resin-manual-notice-v27 {
  display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:start;
  margin:0 0 14px;padding:12px 14px;border:1px solid rgba(96,165,250,.25);border-radius:12px;background:rgba(96,165,250,.065);
}
.fl188-root .resin-manual-notice-v27[hidden] {display:none!important}
.fl188-root .resin-manual-notice-v27 b {font-size:10px;color:#dbeafe}
.fl188-root .resin-manual-notice-v27 span {font-size:9px;line-height:1.55;color:var(--muted,#9ba7b0)}
.fl188-root .sku-readonly-v27 {
  min-height:38px;display:flex;align-items:center;padding:0 11px;border:1px solid var(--line,rgba(255,255,255,.09));
  border-radius:10px;background:rgba(255,255,255,.018);font-size:9px;color:var(--muted,#9aa4ad);overflow-wrap:anywhere;
}
@media (max-width:720px){
  .fl188-root .print-process-picker-v27{align-items:stretch;flex-direction:column}
  .fl188-root .print-process-tabs-v27{display:grid;grid-template-columns:1fr 1fr}
  .fl188-root .print-process-tabs-v27 button{width:100%}
  .fl188-root .resin-manual-notice-v27{grid-template-columns:1fr}
}
.detail-print-process-v27{display:inline-flex;align-items:center;min-height:24px;margin-left:8px;padding:0 9px;border:1px solid rgba(16,185,129,.22);border-radius:999px;background:rgba(16,185,129,.07);font-size:9px;font-weight:800;letter-spacing:.06em;color:#bff5dd;vertical-align:middle}
.detail-option-field-v167[hidden]{display:none!important}

/* ========================================================================== 
   v27.1 — mixed FDM + Resin listing + Print Master Data v2.3
   ========================================================================== */
.fl188-root .listing-process-summary-v271{display:block;margin-top:7px;font-size:8.5px;font-weight:700;color:var(--muted,#8f9aa3)}
.fl188-root .print-process-tabs-v27 button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.fl188-root .print-process-tabs-v27 button em{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.07);font-style:normal;font-size:8px;color:inherit}
.fl188-root .sku-summary .process-v271{border-color:rgba(96,165,250,.25);background:rgba(96,165,250,.07);color:#dbeafe}
.fl188-root .panel-title > p{margin:4px 0 0;font-size:8.5px;line-height:1.45;color:var(--muted,#8f9aa3);font-weight:500}
.detail-process-field-v271[hidden]{display:none!important}
.detail-process-field-v271{grid-column:1/-1}
.detail-process-field-v271 .option-select-shell-v165{max-width:360px}
@media (max-width:720px){.fl188-root .print-process-tabs-v27 button{gap:6px}.detail-process-field-v271 .option-select-shell-v165{max-width:none}}


/* ===== SOURCE: studiomarket-v24.css ===== */
/*
 * 3D StudioMarket v24.0
 * Shared responsive design system for every standalone frontend page.
 * Colour balance: 60% neutral canvas, 30% structural surfaces/ink, 10% signal colour.
 */

:root {
  color-scheme: light;
  --v24-canvas: #f3f5f3;
  --v24-canvas-soft: #f8faf8;
  --v24-surface: #ffffff;
  --v24-surface-2: #eef2f0;
  --v24-ink: #17211f;
  --v24-ink-soft: #3f4c49;
  --v24-muted: #6e7a76;
  --v24-line: #dbe2de;
  --v24-line-strong: #c7d1cc;
  --v24-structure: #153b36;
  --v24-structure-2: #23534b;
  --v24-accent: #ef6a3a;
  --v24-accent-dark: #c94c23;
  --v24-accent-soft: #fff0e9;
  --v24-success: #18765f;
  --v24-success-soft: #e6f5ef;
  --v24-warning: #9b6713;
  --v24-warning-soft: #fff4d9;
  --v24-danger: #b83a3f;
  --v24-danger-soft: #fff0f0;
  --v24-focus: rgba(239, 106, 58, .24);
  --v24-shadow-xs: 0 1px 2px rgba(19, 40, 35, .05);
  --v24-shadow-sm: 0 8px 22px rgba(19, 40, 35, .07);
  --v24-shadow-md: 0 20px 54px rgba(19, 40, 35, .12);
  --v24-radius-sm: 9px;
  --v24-radius: 14px;
  --v24-radius-lg: 20px;
  --v24-page: 1440px;
  --v24-space: clamp(16px, 2vw, 30px);
  --bg: var(--v24-canvas);
  --surface: var(--v24-surface);
  --surface-2: var(--v24-surface-2);
  --text: var(--v24-ink);
  --text-dim: var(--v24-muted);
  --border: var(--v24-line);
  --orange: var(--v24-accent);
  --green: var(--v24-success);
}

* { box-sizing: border-box; }

html {
  min-width: 320px;
  min-height: 100%;
  scroll-behavior: smooth;
  background: var(--v24-canvas);
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: var(--v24-ink);
  background:
    linear-gradient(90deg, rgba(21, 59, 54, .018) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(21, 59, 54, .018) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--v24-canvas);
  font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

body:not(.light) { color-scheme: dark; }

body:not(.light) {
  --v24-canvas: #101614;
  --v24-canvas-soft: #151d1a;
  --v24-surface: #19231f;
  --v24-surface-2: #202d28;
  --v24-ink: #edf4f0;
  --v24-ink-soft: #c0ccc6;
  --v24-muted: #93a29b;
  --v24-line: #31423b;
  --v24-line-strong: #40564d;
  --v24-structure: #d5e7df;
  --v24-structure-2: #a8c9bc;
  --v24-accent-soft: #43261d;
  --v24-success-soft: #173a30;
  --v24-warning-soft: #3e3218;
  --v24-danger-soft: #3c2023;
  background: #101614;
}

body, button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
button { color: inherit; }
a { color: var(--v24-structure-2); }
img, svg { display: block; max-width: 100%; }

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

::selection { color: #fff; background: var(--v24-accent); }

.skip-link-v24 {
  position: fixed;
  z-index: 9999;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  border-radius: 8px;
  color: #fff;
  background: var(--v24-structure);
  transform: translateY(-160%);
  transition: transform .18s ease;
}
.skip-link-v24:focus { transform: translateY(0); }

/* Shared shell ----------------------------------------------------------- */

.topbar {
  position: fixed;
  z-index: 70;
  inset: 0 0 auto 0;
  width: 100%;
  height: 68px;
  padding: 0 clamp(14px, 2.3vw, 34px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--v24-line) 82%, transparent);
  background: color-mix(in srgb, var(--v24-surface) 92%, transparent);
  box-shadow: 0 1px 0 rgba(19, 40, 35, .025);
  backdrop-filter: blur(18px) saturate(130%);
}

.topbar-left, .topbar-right { display: flex; align-items: center; gap: 10px; min-width: 0; }
.topbar-icon-btn, .topbar-theme, .topbar-discord, .topbar-token-plus {
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--v24-line);
  border-radius: 11px;
  color: var(--v24-ink-soft);
  background: var(--v24-surface);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.topbar-icon-btn:hover, .topbar-theme:hover, .topbar-discord:hover, .topbar-token-plus:hover {
  border-color: var(--v24-line-strong);
  background: var(--v24-surface-2);
  transform: translateY(-1px);
}
.topbar-icon-btn::before { content: ""; width: 17px; height: 12px; border-block: 2px solid currentColor; }
.topbar-icon-btn::after { content: ""; position: absolute; width: 17px; height: 2px; background: currentColor; }
.topbar-icon-btn { position: relative; }
.topbar-theme svg, .topbar-discord svg { width: 18px; height: 18px; }

.topbar-logo {
  min-width: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
.topbar-logo-mark {
  width: 34px;
  height: 34px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  align-items: end;
  transform: skewY(-9deg);
}
.topbar-logo-mark i { display: block; border-radius: 2px; background: var(--v24-structure); }
.topbar-logo-mark i:nth-child(1) { height: 19px; }
.topbar-logo-mark i:nth-child(2) { height: 27px; background: var(--v24-accent); }
.topbar-logo-mark i:nth-child(3) { height: 23px; }
.topbar-logo-copy { display: grid; min-width: 0; text-align: left; line-height: 1.05; }
.topbar-logo-copy > span { font-weight: 800; letter-spacing: -.045em; white-space: nowrap; }
.topbar-logo-copy small { margin-top: 4px; color: var(--v24-muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.logo-market { color: var(--v24-accent); }

.topbar-token-pill {
  min-height: 42px;
  padding: 5px 5px 5px 11px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--v24-line);
  border-radius: 12px;
  background: var(--v24-surface);
}
.topbar-token-copy { display: grid; min-width: 48px; line-height: 1.05; }
.topbar-token-copy small { color: var(--v24-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.topbar-token-copy strong { margin-top: 4px; font-size: 13px; }
.topbar-token-plus { width: 30px; height: 30px; border: 0; color: #fff; background: var(--v24-accent); }
.coin { width: 20px; height: 20px; border: 2px solid #d89f2b; border-radius: 50%; background: #ffd469; }

.app-shell { min-height: 100vh; padding-top: 68px; display: grid; grid-template-columns: 238px minmax(0, 1fr); }
.sidebar {
  position: fixed;
  z-index: 60;
  top: 68px;
  bottom: 0;
  left: 0;
  width: 238px;
  padding: 22px 13px 14px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border-right: 1px solid var(--v24-line);
  background: color-mix(in srgb, var(--v24-canvas-soft) 94%, transparent);
}
.sidebar-section-label {
  margin: 16px 11px 6px;
  color: var(--v24-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.sidebar-section-label:first-child { margin-top: 0; }
.sidebar-item, .sidebar-logout {
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--v24-ink-soft);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}
.sidebar-item:hover, .sidebar-logout:hover { color: var(--v24-ink); background: var(--v24-surface); transform: translateX(2px); }
.sidebar-item.active {
  color: #fff;
  border-color: color-mix(in srgb, var(--v24-structure) 90%, #fff);
  background: var(--v24-structure);
  box-shadow: 0 8px 18px rgba(21, 59, 54, .13);
}
.sidebar-icon { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 20px; }
.sidebar-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-spacer { flex: 1; min-height: 24px; }
.sidebar-bottom { padding-top: 12px; border-top: 1px solid var(--v24-line); }
.sidebar-overlay { display: none; }

.main-content { min-width: 0; grid-column: 2; padding: 0; }
.page-inner {
  width: min(100%, var(--v24-page));
  margin-inline: auto;
  padding: clamp(24px, 3.2vw, 52px) var(--v24-space) clamp(82px, 9vw, 126px);
}

.page-title, .ref-page-header h1, .latest-hero h1, .liquid-hero h1 {
  margin: 4px 0 0;
  color: var(--v24-ink);
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(29px, 4.2vw, 54px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.page-desc, .ref-page-header p, .latest-hero p, .liquid-hero p {
  max-width: 720px;
  margin: 10px 0 0;
  color: var(--v24-muted);
  font-size: clamp(14px, 1.3vw, 17px);
}
.section-kicker, .eyebrow, .heading-kicker, .panel-label, .action-label {
  color: var(--v24-success);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.muted { color: var(--v24-muted) !important; }
.hidden { display: none !important; }

.ref-page-header, .behavior-market-header, .behavior-management-header, .latest-hero, .liquid-hero {
  min-height: 0;
  margin: 0 0 clamp(22px, 3vw, 38px);
  padding: 0;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
}
.behavior-header-proof {
  width: min(340px, 34%);
  padding: 14px 0 14px 18px;
  display: grid;
  gap: 4px;
  border: 0;
  border-left: 2px solid var(--v24-accent);
  border-radius: 0;
  background: transparent;
}
.behavior-header-proof strong { color: var(--v24-ink); font-size: 13px; }
.behavior-header-proof span { color: var(--v24-muted); font-size: 12px; }

/* Controls --------------------------------------------------------------- */

.btn, .neutral-btn, .liquid-primary-btn, .plain-action, .legal-inline-link {
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--v24-line-strong);
  border-radius: 10px;
  color: var(--v24-ink);
  background: var(--v24-surface);
  box-shadow: none;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: transform .17s ease, border-color .17s ease, background .17s ease, box-shadow .17s ease;
}
.btn:hover, .neutral-btn:hover, .liquid-primary-btn:hover, .plain-action:hover, .legal-inline-link:hover {
  border-color: var(--v24-structure-2);
  transform: translateY(-1px);
  box-shadow: var(--v24-shadow-xs);
}
.btn:active, .neutral-btn:active, .plain-action:active { transform: translateY(0); }
.btn-primary, .btn.primary, .liquid-primary-btn, .latest-buy-token-btn, .latest-withdraw-btn, .behavior-primary-buy {
  color: #fff;
  border-color: var(--v24-accent);
  background: var(--v24-accent);
}
.btn-primary:hover, .btn.primary:hover, .liquid-primary-btn:hover, .behavior-primary-buy:hover { border-color: var(--v24-accent-dark); background: var(--v24-accent-dark); }
.btn-secondary, .btn.secondary, .neutral-btn { border-color: var(--v24-line); background: var(--v24-surface); }
.btn-danger, .btn.danger, .danger-btn { color: var(--v24-danger); border-color: color-mix(in srgb, var(--v24-danger) 36%, var(--v24-line)); background: var(--v24-danger-soft); }
.btn-ghost, .btn.tertiary { background: transparent; }
.btn-sm, .btn.small { min-height: 34px; padding-inline: 12px; font-size: 12px; }
.btn-block { width: 100%; }
.btn:disabled { opacity: .48; cursor: not-allowed; transform: none !important; }
.plain-action, .legal-inline-link { min-height: 34px; padding: 0; border: 0; color: var(--v24-structure-2); background: transparent; box-shadow: none; }

.form-input, .form-textarea, .filter-select, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  max-width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--v24-line-strong);
  border-radius: 9px;
  color: var(--v24-ink);
  background: var(--v24-surface);
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
textarea { min-height: 110px; resize: vertical; }
.form-input:focus, .form-textarea:focus, .filter-select:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--v24-accent);
  box-shadow: 0 0 0 3px var(--v24-focus);
}
.form-group { display: grid; gap: 7px; }
.form-label, label > span:first-child { color: var(--v24-ink-soft); font-size: 12px; font-weight: 750; }
.form-row, .modal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

/* Marketplace discovery -------------------------------------------------- */

.behavior-intent-strip, .active-filter-row, .segmented-tabs, .tabs {
  margin: 0 0 17px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 0;
  background: transparent;
}
.behavior-intent-strip button, .segmented-tabs button, .tab-btn, .active-filter-chip {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--v24-line);
  border-radius: 9px;
  color: var(--v24-ink-soft);
  background: var(--v24-surface);
  cursor: pointer;
}
.behavior-intent-strip button:hover, .segmented-tabs button:hover { border-color: var(--v24-line-strong); }
.behavior-intent-strip button.is-active, .segmented-tabs button.active, .tab-btn.active {
  color: #fff;
  border-color: var(--v24-structure);
  background: var(--v24-structure);
}

.sticky-market-toolbar, .behavior-toolbar, .one-piece-toolbar {
  position: sticky;
  z-index: 20;
  top: 79px;
  width: 100%;
  margin: 0 0 20px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--v24-line) 84%, transparent);
  border-radius: 13px;
  background: color-mix(in srgb, var(--v24-surface) 90%, transparent);
  box-shadow: var(--v24-shadow-sm);
  backdrop-filter: blur(14px);
}
.search-filter-combo, .neo-search-control {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  border: 1px solid var(--v24-line);
  border-radius: 10px;
  background: var(--v24-canvas-soft);
  overflow: hidden;
}
.search-filter-combo .search-input {
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.search-left-icon { padding-left: 13px; color: var(--v24-muted); }
.search-filter-button { width: 42px; height: 42px; padding: 11px; border: 0; color: var(--v24-ink-soft); background: transparent; cursor: pointer; }
.search-filter-button:hover { color: var(--v24-accent); background: var(--v24-accent-soft); }
.ref-count-label, .behavior-result-count { padding: 0 8px; color: var(--v24-muted); font-size: 12px; white-space: nowrap; }

.market-grid, .behavior-market-grid, .seller-card-grid-v165, .management-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 238px), 1fr));
  gap: clamp(14px, 1.65vw, 23px);
  align-items: stretch;
}

.market-card, .ref-card, .minimal-market-card {
  position: relative;
  min-width: 0;
  height: 100%;
  padding: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: 1px solid var(--v24-line);
  border-radius: var(--v24-radius);
  color: var(--v24-ink);
  background: var(--v24-surface);
  box-shadow: var(--v24-shadow-xs);
  text-align: left;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.market-card:hover, .ref-card:hover {
  border-color: var(--v24-line-strong);
  box-shadow: var(--v24-shadow-sm);
  transform: translateY(-4px);
}
.market-card-preview, .ref-card-preview {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-bottom: 1px solid var(--v24-line);
  background: var(--v24-surface-2);
}
.ref-preview-placeholder {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 150px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  color: var(--v24-muted);
  background:
    radial-gradient(circle at 28% 26%, color-mix(in srgb, var(--v24-accent) 9%, transparent), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb, var(--v24-structure) 4%, transparent), transparent),
    var(--v24-surface-2);
}
.ref-preview-placeholder::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px dashed color-mix(in srgb, var(--v24-structure) 18%, transparent);
  border-radius: 9px;
  pointer-events: none;
}
.ref-preview-placeholder svg { width: 38px; height: 38px; stroke: var(--v24-structure-2); }
.ref-preview-placeholder span { font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }

.favorite-action, .market-card-fav, .ref-heart, .card-heart-only {
  position: absolute;
  z-index: 5;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  color: var(--v24-ink);
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 5px 16px rgba(19, 40, 35, .13);
  backdrop-filter: blur(8px);
  cursor: pointer;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}
.favorite-action svg, .market-card-fav svg, .ref-heart svg { width: 19px; height: 19px; }
.favorite-action:hover, .market-card-fav:hover { color: var(--v24-accent); transform: scale(1.06); }
.favorite-action.active, .market-card-fav.active, .ref-heart.active { color: #fff; border-color: var(--v24-accent); background: var(--v24-accent); }

.certified-badge {
  min-height: 26px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid color-mix(in srgb, var(--v24-success) 26%, var(--v24-line));
  border-radius: 7px;
  color: var(--v24-success);
  background: var(--v24-success-soft);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .03em;
  white-space: nowrap;
}
.certified-badge svg { width: 13px; height: 13px; flex: 0 0 13px; }
.card-badge-stack { position: absolute; z-index: 4; left: 12px; top: 12px; display: flex; flex-wrap: wrap; gap: 6px; max-width: calc(100% - 68px); }
.licensed-production-mini { position: static; min-height: 26px; padding: 4px 8px; border: 1px solid color-mix(in srgb, var(--v24-accent) 24%, var(--v24-line)); border-radius: 7px; color: var(--v24-accent-dark); background: var(--v24-accent-soft); font-size: 10px; font-weight: 800; cursor: pointer; }

.market-card-body, .ref-card-body {
  min-width: 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card-eyebrow-row, .card-bottom-line, .card-price-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ref-card-location { min-width: 0; display: flex; align-items: center; gap: 6px; color: var(--v24-muted); font-size: 11px; }
.ref-card-location span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.market-card-title, .ref-card-title { min-width: 0; margin: 0; color: var(--v24-ink); font-size: clamp(15px, 1.2vw, 18px); line-height: 1.3; letter-spacing: -.025em; }
.card-seller-line { min-width: 0; display: flex; align-items: center; gap: 7px; color: var(--v24-muted); font-size: 11px; }
.card-seller-line strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v24-ink-soft); }
.ref-chip-row, .card-tag-zone { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ref-chip-row > span, .card-tag-zone > span, .entity-tag {
  max-width: 100%;
  min-height: 26px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  overflow-wrap: anywhere;
  border: 1px solid var(--v24-line);
  border-radius: 7px;
  color: var(--v24-ink-soft);
  background: var(--v24-canvas-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}
.entity-tag { width: fit-content; text-align: left; cursor: default; }
button.entity-tag { cursor: pointer; }
.entity-tag span:first-child { color: var(--v24-muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.license-entity-tag { flex: 1 1 100%; border-color: color-mix(in srgb, var(--v24-accent) 25%, var(--v24-line)); color: var(--v24-accent-dark); background: var(--v24-accent-soft); }
.studio-entity-tag { flex: 1 1 100%; }
.entity-tag > span:first-child { flex: 0 0 auto; white-space: nowrap; }
.entity-tag > strong { min-width: 0; color: inherit; font-size: inherit; font-weight: 750; line-height: inherit; overflow-wrap: anywhere; }
.ref-card-price { display: flex; align-items: baseline; gap: 5px; color: var(--v24-ink); }
.ref-card-price > span { font-size: 18px; font-weight: 850; letter-spacing: -.035em; }
.ref-card-price small { color: var(--v24-muted); font-size: 9px; letter-spacing: .08em; }
.ref-sales-meta, .ref-purchase-count { color: var(--v24-muted); font-size: 10px; white-space: nowrap; }

/* Detail pages ----------------------------------------------------------- */

.behavior-detail-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .86fr);
  grid-template-areas: "gallery purchase" "secondary purchase";
  gap: clamp(16px, 2vw, 28px);
  align-items: start;
}
.behavior-gallery { grid-area: gallery; position: relative; min-height: clamp(330px, 48vw, 660px); overflow: hidden; border: 1px solid var(--v24-line); border-radius: var(--v24-radius-lg); background: var(--v24-surface-2); box-shadow: var(--v24-shadow-xs); }
.behavior-gallery .ref-preview-placeholder { min-height: inherit; }
.behavior-gallery .carousel-nav { position: absolute; z-index: 4; top: 50%; width: 42px; height: 42px; margin-top: -21px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(255,255,255,.88); box-shadow: var(--v24-shadow-sm); cursor: pointer; }
.behavior-gallery .carousel-nav.left { left: 16px; }
.behavior-gallery .carousel-nav.right { right: 16px; }
.behavior-gallery-actions { position: absolute; z-index: 5; inset: auto 16px 16px 16px; display: flex; justify-content: space-between; gap: 8px; pointer-events: none; }
.behavior-gallery-actions > * { pointer-events: auto; min-height: 40px; padding: 0 13px; border: 1px solid rgba(255,255,255,.75); border-radius: 10px; color: var(--v24-ink); background: rgba(255,255,255,.9); box-shadow: var(--v24-shadow-sm); backdrop-filter: blur(8px); }
.detail-favorite-button.active { color: #fff; border-color: var(--v24-accent); background: var(--v24-accent); }

.behavior-purchase-panel { grid-area: purchase; position: sticky; top: 86px; padding: clamp(19px, 2.2vw, 28px); border: 1px solid var(--v24-line); border-radius: var(--v24-radius-lg); background: var(--v24-surface); box-shadow: var(--v24-shadow-sm); }
.behavior-purchase-head { padding-bottom: 18px; border-bottom: 1px solid var(--v24-line); }
.detail-title { margin: 5px 0 12px; color: var(--v24-ink); font-size: clamp(27px, 3vw, 43px); line-height: 1.05; letter-spacing: -.05em; }
.behavior-price-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.detail-price { color: var(--v24-structure); font-size: clamp(24px, 2.7vw, 35px); font-weight: 850; letter-spacing: -.045em; }
.latest-status-pill, .badge { min-height: 26px; padding: 4px 8px; display: inline-flex; align-items: center; border: 1px solid var(--v24-line); border-radius: 7px; color: var(--v24-muted); background: var(--v24-canvas-soft); font-size: 10px; font-weight: 800; }
.latest-status-pill.success, .badge-green { color: var(--v24-success); border-color: color-mix(in srgb, var(--v24-success) 28%, var(--v24-line)); background: var(--v24-success-soft); }
.latest-status-pill.pending { color: var(--v24-warning); background: var(--v24-warning-soft); }
.behavior-microcopy { margin: 10px 0 0; font-size: 12px; }
.detail-certification-row { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 7px; }

.detail-section-v167, .behavior-decision-block { margin: 0; padding: 18px 0; border: 0; border-bottom: 1px solid var(--v24-line); background: transparent; }
.detail-section-head-v167 { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--v24-ink); font-size: 12px; font-weight: 800; }
.behavior-option-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 10px; }
.detail-option-field-v167 { min-width: 0; display: grid; gap: 6px; }
.detail-option-field-v167 label { color: var(--v24-muted); font-size: 10px; font-weight: 750; }
.option-select-shell-v165, .option-select-shell-v166 { position: relative; min-width: 0; }
.detail-select-v165, .detail-select-v166 { width: 100%; min-width: 0; appearance: none; padding-right: 32px; }
.option-select-value-v165, .option-select-value-v166 { display: none; }
.option-select-chevron-v165, .option-select-chevron-v166 { position: absolute; pointer-events: none; right: 12px; top: 50%; color: var(--v24-muted); transform: translateY(-50%); }
.address-card { padding: 13px; border: 1px solid var(--v24-line); border-radius: 10px; background: var(--v24-canvas-soft); }
.address-card-name { font-size: 12px; font-weight: 800; }
.address-card-detail { margin-top: 4px; color: var(--v24-muted); font-size: 11px; line-height: 1.5; }
.behavior-trust-row { padding: 15px 0; display: flex; flex-wrap: wrap; gap: 7px; }
.behavior-trust-row span { padding-left: 14px; position: relative; color: var(--v24-muted); font-size: 10px; }
.behavior-trust-row span::before { content: ""; position: absolute; top: .57em; left: 1px; width: 6px; height: 6px; border-radius: 50%; background: var(--v24-success); }
.behavior-primary-buy { min-height: 50px; width: 100%; font-size: 14px; }

.behavior-secondary-panel { grid-area: secondary; padding: clamp(19px, 2vw, 26px); display: grid; gap: 22px; border: 1px solid var(--v24-line); border-radius: var(--v24-radius-lg); background: var(--v24-surface); }
.behavior-secondary-panel .detail-section-v167 { padding: 0; border: 0; }
.detail-desc { margin: 0; color: var(--v24-ink-soft); line-height: 1.75; }
.seller-profile-card-v24 { padding: 15px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; border: 1px solid var(--v24-line); border-radius: 12px; background: var(--v24-canvas-soft); }
.seller-profile-card-v24 .seller-avatar { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--v24-structure); font-weight: 850; }
.seller-profile-copy-v24 { min-width: 0; display: grid; gap: 3px; }
.seller-profile-copy-v24 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seller-profile-copy-v24 span { color: var(--v24-muted); font-size: 10px; }
.seller-profile-stats-v24 { display: flex; flex-wrap: wrap; gap: 7px 13px; color: var(--v24-muted); font-size: 10px; }

.detail-comments-zone { padding: 0; border: 0; background: transparent; }
.detail-comments-head { margin-bottom: 12px; display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.detail-comments-head h2 { margin: 3px 0 0; font-size: 19px; letter-spacing: -.025em; }
.detail-comment-preview-list, .detail-comments-popup-list { display: grid; gap: 9px; }
.detail-comment-card, .detail-comment-card-v15411 { padding: 12px; border: 1px solid var(--v24-line); border-radius: 10px; background: var(--v24-canvas-soft); }
.detail-comment-card p, .detail-comment-card-v15411 p { margin: 6px 0 0; color: var(--v24-ink-soft); font-size: 12px; }
.detail-comment-meta, .detail-comment-author-row { display: flex; justify-content: space-between; gap: 10px; color: var(--v24-muted); font-size: 10px; }
.inline-comment-composer-v24 { margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.inline-comment-composer-v24 textarea { min-height: 72px; }
.inline-comment-composer-v24 .btn { min-height: 44px; }

/* Seller profile --------------------------------------------------------- */

.seller-hero {
  margin-bottom: 22px;
  padding: clamp(20px, 3vw, 34px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border: 1px solid var(--v24-line);
  border-radius: var(--v24-radius-lg);
  background: var(--v24-surface);
  box-shadow: var(--v24-shadow-xs);
}
.seller-avatar.large { width: clamp(62px, 7vw, 88px); height: clamp(62px, 7vw, 88px); display: grid; place-items: center; border-radius: 23px 17px 21px 15px; color: #fff; background: var(--v24-structure); font-size: 22px; font-weight: 850; }
.seller-contact-line { margin-top: 7px; color: var(--v24-muted); font-size: 11px; }
.seller-hero-actions-v24 { display: grid; justify-items: end; gap: 9px; }
.seller-proof-v24 { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.seller-metrics-v24 { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.seller-metrics-v24 article { padding: 13px; border: 1px solid var(--v24-line); border-radius: 11px; background: var(--v24-surface); }
.seller-metrics-v24 span { display: block; color: var(--v24-muted); font-size: 10px; }
.seller-metrics-v24 strong { display: block; margin-top: 5px; font-size: 17px; }

/* Generic cards, dashboards and forms ----------------------------------- */

.card, .profile-card, .listing-main-card, .listing-side-card, .sku-matrix-card,
.behavior-management-card, .management-bento-card-v161, .latest-checkout-card,
.latest-withdrawal-balance-card, .latest-withdrawal-form-card, .legal-library,
.seller-history-summary-card-v177, .latest-plan-summary, .notice,
.history-card, .tracking-card, .mgmt-card, .option-card, .sku-card,
.kyc-card, .latest-kyc-card, .side-card, .panel {
  border: 1px solid var(--v24-line);
  border-radius: var(--v24-radius);
  color: var(--v24-ink);
  background: var(--v24-surface);
  box-shadow: var(--v24-shadow-xs);
}

.summary-row, .behavior-ops-grid, .behavior-finance-grid, .seller-history-summary-grid-v177, .profile-kyc-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
}
.summary-item, .behavior-ops-metric, .management-metric-v161, .seller-history-summary-card-v177, .profile-kyc-progress > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--v24-line);
  border-radius: 11px;
  background: var(--v24-canvas-soft);
}
.summary-label, .behavior-ops-metric > span, .management-metric-v161 > span, .seller-history-summary-card-v177 > span, .profile-kyc-progress span { display: block; color: var(--v24-muted); font-size: 10px; }
.summary-value, .behavior-ops-metric > strong, .management-metric-v161 > strong, .seller-history-summary-card-v177 > strong, .profile-kyc-progress strong { display: block; margin-top: 5px; color: var(--v24-ink); font-size: 17px; overflow-wrap: anywhere; }

.behavior-management-card { padding: clamp(17px, 2.3vw, 28px); }
.management-bento-title-row-v161 { margin-bottom: 16px; display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.management-name-line-v161 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.behavior-ops-grid, .behavior-finance-grid { margin-top: 10px; }
.behavior-ops-metric.critical { border-left: 3px solid var(--v24-accent); }
.behavior-management-actions { display: flex; gap: 8px; }
.plain-gear { width: 42px; height: 42px; border: 1px solid var(--v24-line); border-radius: 10px; background: var(--v24-surface); cursor: pointer; }
.floating-add { position: fixed; z-index: 30; right: clamp(18px, 3vw, 42px); bottom: clamp(18px, 3vw, 42px); width: 54px; height: 54px; border: 0; border-radius: 17px 13px 17px 13px; color: #fff; background: var(--v24-accent); box-shadow: 0 14px 32px rgba(239,106,58,.28); font-size: 26px; cursor: pointer; }

.history-list, .tracking-list, .seller-history-list-v177 { display: grid; gap: 12px; }
.history-card, .tracking-card, .mgmt-card {
  padding: 15px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}
.mini-preview, .mgmt-card-icon { width: 76px; aspect-ratio: 1; display: grid; place-items: center; border: 1px dashed var(--v24-line-strong); border-radius: 10px; color: var(--v24-muted); background: var(--v24-surface-2); font-size: 10px; text-align: center; }
.history-card h3, .tracking-card h3, .mgmt-card-name { margin: 0; font-size: 15px; }
.history-card p, .tracking-card p, .mgmt-card-desc { margin: 3px 0 0; color: var(--v24-muted); font-size: 11px; }
.record-card-actions, .mgmt-card-right { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }

.profile-settings-shell { display: grid; gap: 14px; }
.profile-card { padding: clamp(17px, 2vw, 24px); }
.neo-settings-row { position: relative; }
.neo-settings-icon { display: none; }
.settings-section-head { display: flex; justify-content: space-between; gap: 14px; align-items: start; }
.settings-section-head h2, .profile-card h2 { margin: 3px 0 0; font-size: 20px; }
.paypal-inline-grid-v151, .profile-address-grid, .legal-set-grid { margin-top: 15px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 11px; }
.settings-row { width: 100%; min-height: 42px; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0; border-bottom: 1px solid var(--v24-line); background: transparent; text-align: left; }
.settings-row:last-child { border-bottom: 0; }
.policy-link { color: var(--v24-ink-soft); cursor: pointer; }
.legal-library { padding: clamp(18px, 2.2vw, 28px); }
.legal-set-card { min-width: 0; min-height: 78px; padding: 13px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--v24-line); border-radius: 11px; color: var(--v24-ink); background: var(--v24-canvas-soft); text-align: left; cursor: pointer; }
.legal-set-card:hover { border-color: var(--v24-line-strong); background: var(--v24-surface-2); }
.legal-set-mark { width: 31px; height: 31px; display: inline-grid; place-items: center; flex: 0 0 31px; border-radius: 8px; color: #fff; background: var(--v24-structure); font-weight: 850; }
.legal-set-card b, .legal-set-card small { display: block; }
.legal-set-card small { margin-top: 3px; color: var(--v24-muted); font-size: 10px; }

.listing-settings-shell { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr); gap: 18px; align-items: start; }
.listing-main-card, .listing-side-card, .sku-matrix-card, .legal-submit-panel { padding: clamp(17px, 2.2vw, 27px); }
.listing-side-card { position: sticky; top: 86px; }
.image-upload-grid, .sku-grid, .option-group-card { display: grid; gap: 10px; }
.image-upload-grid { margin: 15px 0; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.image-upload-tile, .image-preview-tile { min-height: 120px; padding: 13px; border: 1px dashed var(--v24-line-strong); border-radius: 11px; background: var(--v24-canvas-soft); }
.option-group-card, .sku-card { margin-top: 9px; padding: 12px; border: 1px solid var(--v24-line); border-radius: 10px; background: var(--v24-canvas-soft); }
.legal-submit-panel { margin-top: 18px; border: 1px solid color-mix(in srgb, var(--v24-accent) 25%, var(--v24-line)); border-radius: var(--v24-radius); background: var(--v24-accent-soft); }
.product-compliance-check, .legal-check { margin-top: 13px; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; border: 1px solid var(--v24-line); border-radius: 10px; background: var(--v24-surface); }
.product-compliance-check input, .legal-check input { width: 18px; height: 18px; accent-color: var(--v24-accent); }
.settings-bottom-bar, .listing-actions { margin-top: 18px; padding: 13px; display: flex; justify-content: space-between; gap: 12px; position: sticky; bottom: 12px; z-index: 15; border: 1px solid var(--v24-line); border-radius: 13px; background: color-mix(in srgb, var(--v24-surface) 92%, transparent); box-shadow: var(--v24-shadow-sm); backdrop-filter: blur(14px); }

/* File listing long-form module ----------------------------------------- */

.fl188-root { color: var(--v24-ink); }
.fl188-root .page-shell { width: 100%; margin: 0; padding: 0; }
.fl188-root .page-heading { margin-bottom: 18px; display: flex; justify-content: space-between; gap: 18px; align-items: end; }
.fl188-root .page-heading h1 { margin: 5px 0; font-size: clamp(29px, 4vw, 49px); letter-spacing: -.05em; }
.fl188-root .page-heading p { margin: 0; color: var(--v24-muted); }
.workflow-strip { margin-bottom: 18px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.workflow-item { min-width: 0; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; border: 1px solid var(--v24-line); border-radius: 10px; color: var(--v24-ink); background: var(--v24-surface); text-align: left; cursor: pointer; }
.workflow-item.active { border-color: var(--v24-structure-2); box-shadow: inset 0 -3px var(--v24-accent); }
.workflow-number { color: var(--v24-success); font: 800 10px/1 monospace; }
.workflow-copy b, .workflow-copy small { display: block; overflow: hidden; text-overflow: ellipsis; }
.workflow-copy b { font-size: 11px; }
.workflow-copy small { margin-top: 3px; color: var(--v24-muted); font-size: 9px; white-space: nowrap; }
.fl188-root .content-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .34fr); gap: 18px; align-items: start; }
.fl188-root .main-column, .fl188-root .side-column { display: grid; gap: 14px; }
.fl188-root .side-column { position: sticky; top: 86px; }
.fl188-root .panel, .fl188-root .side-card { padding: clamp(16px, 2vw, 24px); }
.fl188-root .panel-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start; }
.step-badge { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--v24-structure); font: 800 10px/1 monospace; }
.panel-title h2 { margin: 3px 0; font-size: 19px; }
.panel-title p { margin: 0; color: var(--v24-muted); font-size: 11px; }
.details-grid, .source-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-stack { display: grid; gap: 12px; }
.form-stack label, .upload-column { display: grid; gap: 6px; }
.dropzone { min-height: 118px; padding: 18px; display: grid; place-items: center; align-content: center; gap: 4px; border: 1px dashed var(--v24-line-strong); border-radius: 11px; color: var(--v24-ink-soft); background: var(--v24-canvas-soft); text-align: center; cursor: pointer; }
.dropzone small { color: var(--v24-muted); }
.matrix-card { margin-top: 16px; padding: 15px; border: 1px solid var(--v24-line); border-radius: 11px; background: var(--v24-canvas-soft); }
.matrix-top, .matrix-footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.matrix-grid { margin: 14px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.matrix-grid fieldset { min-width: 0; padding: 10px; border: 1px solid var(--v24-line); border-radius: 9px; background: var(--v24-surface); }
.check-options { max-height: 220px; overflow: auto; display: grid; gap: 6px; }
.action-bar { position: sticky; z-index: 18; bottom: 12px; margin-top: 18px; padding: 12px; display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid var(--v24-line); border-radius: 13px; background: color-mix(in srgb, var(--v24-surface) 93%, transparent); box-shadow: var(--v24-shadow-sm); backdrop-filter: blur(14px); }

/* Plans, tokens, payout and verification -------------------------------- */

.latest-plan-summary { margin-bottom: 16px; padding: 15px; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
.latest-plan-summary > div { padding: 8px 10px; border-left: 1px solid var(--v24-line); }
.latest-plan-summary > div:first-child { border-left: 0; }
.latest-plan-summary span, .latest-plan-summary strong { display: block; }
.latest-plan-summary span { color: var(--v24-muted); font-size: 10px; }
.latest-plan-grid, .latest-token-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.minimal-plan-card, .minimal-token-card { min-width: 0; padding: 18px; display: grid; gap: 8px; border: 1px solid var(--v24-line); border-radius: 13px; background: var(--v24-surface); }
.minimal-plan-card.current { border-color: var(--v24-structure-2); box-shadow: inset 0 3px var(--v24-accent); }
.minimal-plan-card > span, .minimal-token-card > span { color: var(--v24-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.minimal-plan-card > strong, .minimal-token-card > strong { font-size: 23px; letter-spacing: -.035em; }
.latest-token-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .44fr); gap: 18px; align-items: start; }
.latest-checkout-card { position: sticky; top: 86px; padding: 20px; }
.latest-checkout-title-row { display: flex; justify-content: space-between; gap: 12px; }
.latest-checkout-title-row h2 { margin: 3px 0 14px; }
.latest-provider-badge { color: var(--v24-success); font-size: 10px; font-weight: 800; }
.latest-summary-row { padding: 10px 0; display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--v24-line); font-size: 12px; }
.latest-net-row { border-bottom: 0; font-size: 14px; }
.latest-payment-note { font-size: 10px; }
.latest-mobile-checkout { display: none; }
.qty-control { display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; border: 1px solid var(--v24-line); border-radius: 9px; overflow: hidden; text-align: center; }
.qty-control button { height: 34px; border: 0; background: var(--v24-surface-2); cursor: pointer; }

.latest-withdrawal-shell { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); gap: 18px; align-items: start; }
.latest-withdrawal-balance-card, .latest-withdrawal-form-card { padding: clamp(18px, 2.3vw, 28px); }
.latest-withdrawal-balance-card > strong { display: block; margin: 7px 0; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.05em; }
.latest-withdrawal-form-card { display: grid; gap: 12px; }
.legal-withdraw-note { margin-bottom: 14px; padding: 11px 14px; display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid var(--v24-line); border-radius: 10px; color: var(--v24-ink-soft); background: var(--v24-surface); font-size: 11px; }
.legal-withdraw-note button { border: 0; color: var(--v24-structure-2); background: transparent; font-weight: 800; cursor: pointer; }

.kyc-shell, .latest-kyc-shell { display: grid; gap: 14px; }
.kyc-card, .latest-kyc-card { padding: clamp(17px, 2vw, 24px); }
.kyc-document-grid, .latest-document-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }

.api-card, .card.api-card { max-width: 880px; padding: clamp(18px, 2.5vw, 30px); }
.code-box { margin: 10px 0; padding: 12px; overflow-wrap: anywhere; border: 1px solid var(--v24-line); border-radius: 9px; color: var(--v24-structure-2); background: var(--v24-canvas-soft); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; }
.notice { margin-top: 14px; padding: 13px 15px; color: var(--v24-ink-soft); font-size: 11px; }
.notice-info { border-left: 3px solid var(--v24-success); }
.notice-warning { border-left: 3px solid var(--v24-warning); background: var(--v24-warning-soft); }

/* Modal, dialogs, legal reader and feedback ------------------------------ */

.modal-overlay, .legal-overlay {
  position: fixed;
  z-index: 500;
  inset: 0;
  padding: clamp(14px, 3vw, 38px);
  display: grid;
  place-items: center;
  overflow: auto;
  background: rgba(11, 22, 19, .57);
  backdrop-filter: blur(8px);
}
.modal-overlay.hidden { display: none; }
.modal {
  position: relative;
  width: min(100%, 530px);
  max-height: calc(100vh - 30px);
  padding: clamp(20px, 3vw, 30px);
  overflow: auto;
  border: 1px solid var(--v24-line);
  border-radius: var(--v24-radius-lg);
  color: var(--v24-ink);
  background: var(--v24-surface);
  box-shadow: var(--v24-shadow-md);
  animation: v24-modal-in .2s ease both;
}
.modal-wide { width: min(100%, 820px); }
.modal-title, .modal h2 { margin: 4px 42px 7px 0; font-size: clamp(22px, 3vw, 31px); line-height: 1.15; letter-spacing: -.04em; }
.modal-desc { margin: 0 0 16px; color: var(--v24-muted); }
.modal-close, .legal-close, .icon-button {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid var(--v24-line);
  border-radius: 10px;
  color: var(--v24-ink-soft);
  background: var(--v24-surface-2);
  cursor: pointer;
}
.modal-actions { margin-top: 20px; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.purchase-summary-card { margin-top: 15px; border-block: 1px solid var(--v24-line); }
.purchase-summary-card > div { padding: 10px 0; display: grid; grid-template-columns: minmax(100px, .4fr) minmax(0, 1fr); gap: 12px; border-bottom: 1px solid var(--v24-line); }
.purchase-summary-card > div:last-child { border-bottom: 0; }
.purchase-summary-card span { color: var(--v24-muted); font-size: 10px; }
.purchase-summary-card strong { overflow-wrap: anywhere; font-size: 12px; text-align: right; }
.token-value { color: var(--v24-accent-dark); }
.purchase-license-scope { margin-top: 14px; padding: 13px; display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid color-mix(in srgb, var(--v24-accent) 24%, var(--v24-line)); border-radius: 11px; background: var(--v24-accent-soft); }
.purchase-license-scope > div { display: flex; gap: 10px; }
.purchase-license-scope p { margin: 4px 0 0; color: var(--v24-muted); font-size: 10px; }
.long-option-list, .filter-dropdown-list-v166 { max-height: 360px; margin-top: 12px; display: grid; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 7px; overflow: auto; }
.round-option, .filter-dropdown-option-v166 { min-height: 40px; padding: 9px 11px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--v24-line); border-radius: 9px; color: var(--v24-ink-soft); background: var(--v24-canvas-soft); text-align: left; cursor: pointer; }
.round-option.selected, .filter-dropdown-option-v166.selected { color: var(--v24-success); border-color: var(--v24-success); background: var(--v24-success-soft); }
.file-filter-hub-v24 { margin-top: 16px; display: grid; gap: 8px; }
.file-filter-hub-v24 > button { min-height: 66px; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; border: 1px solid var(--v24-line); border-radius: 11px; color: var(--v24-ink); background: var(--v24-canvas-soft); text-align: left; cursor: pointer; }
.file-filter-hub-v24 > button:hover { border-color: var(--v24-structure-2); background: var(--v24-surface-2); }
.file-filter-hub-v24 > button > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--v24-structure); font-weight: 800; }
.file-filter-hub-v24 strong, .file-filter-hub-v24 small { display: block; }
.file-filter-hub-v24 small { margin-top: 3px; color: var(--v24-muted); font-size: 10px; }

.legal-reader {
  position: relative;
  width: min(100%, 820px);
  max-height: calc(100vh - 30px);
  padding: clamp(20px, 3vw, 31px);
  overflow: auto;
  border: 1px solid var(--v24-line);
  border-radius: var(--v24-radius-lg);
  color: var(--v24-ink);
  background: var(--v24-surface);
  box-shadow: var(--v24-shadow-md);
  animation: v24-modal-in .2s ease both;
}
.legal-reader > header { padding-right: 42px; }
.legal-reader h2 { margin: 5px 0; font-size: clamp(24px, 3.2vw, 36px); letter-spacing: -.045em; }
.legal-reader header p { margin: 0; color: var(--v24-muted); }
.legal-kicker { color: var(--v24-success); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.legal-set-content { margin-top: 18px; padding: 14px; border: 1px solid var(--v24-line); border-radius: 11px; background: var(--v24-canvas-soft); }
.legal-set-content ul { margin: 9px 0 0; padding-left: 19px; color: var(--v24-ink-soft); font-size: 12px; }
.legal-content-label { font-size: 11px; font-weight: 800; }
.legal-reader-copy { margin-top: 12px; padding: 12px 0; display: flex; justify-content: space-between; gap: 14px; align-items: center; border-bottom: 1px solid var(--v24-line); }
.legal-reader-copy p { margin: 3px 0 0; color: var(--v24-muted); font-size: 10px; }
.legal-read-mode { color: var(--v24-accent-dark); font-size: 10px; font-weight: 800; white-space: nowrap; }
.legal-source-disclosure { margin-top: 12px; }
.legal-source-disclosure summary { padding: 10px 0; display: flex; justify-content: space-between; gap: 10px; cursor: pointer; }
.legal-source-disclosure small { color: var(--v24-muted); }
.legal-doc-list { display: grid; gap: 7px; }
.legal-doc { padding: 10px; display: flex; justify-content: space-between; gap: 10px; border: 1px solid var(--v24-line); border-radius: 9px; background: var(--v24-canvas-soft); }
.legal-doc span { display: block; color: var(--v24-muted); font-size: 10px; }
.legal-doc code { color: var(--v24-success); font-size: 9px; }
.legal-reader footer { margin-top: 18px; display: flex; justify-content: flex-end; gap: 8px; }

dialog { padding: 0; border: 0; color: var(--v24-ink); background: transparent; }
dialog::backdrop { background: rgba(11, 22, 19, .57); backdrop-filter: blur(8px); }
.parameter-shell, .confirm-dialog form { width: min(calc(100vw - 28px), 1080px); max-height: calc(100vh - 30px); overflow: auto; padding: clamp(18px, 2.5vw, 28px); border: 1px solid var(--v24-line); border-radius: var(--v24-radius-lg); background: var(--v24-surface); box-shadow: var(--v24-shadow-md); }
.confirm-dialog form { width: min(calc(100vw - 28px), 460px); }
.parameter-head { position: relative; }
.parameter-toolbar, .parameter-footer { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.mode-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.mode-tabs button { min-height: 36px; padding: 0 11px; border: 1px solid var(--v24-line); border-radius: 8px; background: var(--v24-canvas-soft); cursor: pointer; }
.mode-tabs button.active { color: #fff; border-color: var(--v24-structure); background: var(--v24-structure); }
.parameter-groups { display: grid; gap: 10px; margin-block: 14px; }

.toast-root-v176 { position: fixed; z-index: 900; top: 82px; right: 18px; width: min(calc(100vw - 36px), 380px); display: grid; gap: 8px; pointer-events: none; }
.toast-v176 { padding: 12px 14px; border: 1px solid var(--v24-line); border-left: 3px solid var(--v24-structure-2); border-radius: 10px; color: var(--v24-ink); background: var(--v24-surface); box-shadow: var(--v24-shadow-sm); opacity: 0; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease; }
.toast-v176.show { opacity: 1; transform: translateY(0); }
.toast-v176.success { border-left-color: var(--v24-success); }
.toast-v176.error { border-left-color: var(--v24-danger); }
.toast-v176.warning { border-left-color: var(--v24-warning); }

/* Empty states and utility ----------------------------------------------- */

.empty-state { min-height: 260px; padding: 28px; display: grid; place-items: center; align-content: center; gap: 10px; border: 1px dashed var(--v24-line-strong); border-radius: var(--v24-radius); color: var(--v24-muted); background: var(--v24-surface); text-align: center; }
.empty-state svg { width: 42px; }
.empty-state-title { font-weight: 800; }
.switch input { accent-color: var(--v24-accent); }

@keyframes v24-modal-in { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }

@media (max-width: 1100px) {
  .app-shell { grid-template-columns: 214px minmax(0, 1fr); }
  .sidebar { width: 214px; }
  .behavior-detail-shell { grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr); }
  .seller-metrics-v24 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-settings-shell, .fl188-root .content-grid { grid-template-columns: 1fr; }
  .listing-side-card, .fl188-root .side-column { position: static; }
  .latest-token-shell { grid-template-columns: 1fr; }
  .latest-checkout-card { position: static; }
}

@media (max-width: 820px) {
  .topbar { height: 62px; padding-inline: 11px; }
  .app-shell { padding-top: 62px; display: block; }
  .main-content { display: block; }
  .sidebar { top: 62px; width: min(82vw, 300px); transform: translateX(-102%); transition: transform .22s ease; box-shadow: var(--v24-shadow-md); }
  .sidebar.open, body.sidebar-open .sidebar { transform: translateX(0); }
  .sidebar-overlay { position: fixed; z-index: 55; inset: 62px 0 0; display: block; background: rgba(11, 22, 19, .46); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
  .sidebar-overlay.active, body.sidebar-open .sidebar-overlay { opacity: 1; pointer-events: auto; }
  .topbar-logo-copy small, .topbar-discord { display: none; }
  .page-inner { padding-top: 27px; }
  .sticky-market-toolbar { top: 72px; }
  .behavior-detail-shell { grid-template-columns: 1fr; grid-template-areas: "gallery" "purchase" "secondary"; }
  .behavior-purchase-panel { position: static; }
  .behavior-gallery { min-height: clamp(300px, 72vw, 520px); }
  .seller-hero { grid-template-columns: auto minmax(0, 1fr); }
  .seller-hero-actions-v24 { grid-column: 1 / -1; justify-items: start; }
  .seller-proof-v24 { justify-content: flex-start; }
  .latest-withdrawal-shell { grid-template-columns: 1fr; }
  .workflow-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .matrix-grid { grid-template-columns: 1fr; }
}

@media (max-width: 580px) {
  body { font-size: 14px; }
  .topbar-logo-mark { width: 29px; height: 29px; }
  .topbar-logo-copy > span { font-size: 13px; }
  .topbar-theme { display: none; }
  .topbar-token-pill { padding-left: 8px; }
  .topbar-token-pill .coin { display: none; }
  .page-inner { padding-inline: 13px; padding-bottom: 100px; }
  .ref-page-header, .behavior-market-header, .behavior-management-header, .latest-hero, .liquid-hero { display: block; }
  .behavior-header-proof { width: 100%; margin-top: 16px; }
  .sticky-market-toolbar { grid-template-columns: 1fr; }
  .behavior-result-count { display: none; }
  .market-grid, .behavior-market-grid, .seller-card-grid-v165, .management-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .market-card-body { padding: 11px; gap: 8px; }
  .market-card-title { font-size: 13px; }
  .card-seller-line, .ref-card-location { font-size: 9px; }
  .ref-card-price > span { font-size: 15px; }
  .ref-sales-meta { display: none; }
  .favorite-action, .market-card-fav { top: 8px; right: 8px; width: 34px; height: 34px; }
  .card-badge-stack { top: 8px; left: 8px; max-width: calc(100% - 52px); }
  .certified-badge { min-height: 23px; padding: 3px 6px; font-size: 8px; }
  .ref-chip-row > span, .card-tag-zone > span, .entity-tag { font-size: 8px; padding: 3px 6px; min-height: 23px; }
  .license-entity-tag, .studio-entity-tag { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .behavior-gallery { min-height: 78vw; border-radius: 14px; }
  .behavior-purchase-panel, .behavior-secondary-panel { padding: 17px; border-radius: 14px; }
  .behavior-option-grid { grid-template-columns: 1fr; }
  .seller-profile-card-v24 { grid-template-columns: auto minmax(0, 1fr); }
  .seller-profile-card-v24 > .btn { grid-column: 1 / -1; width: 100%; }
  .inline-comment-composer-v24 { grid-template-columns: 1fr; }
  .seller-hero { padding: 17px; }
  .seller-avatar.large { width: 58px; height: 58px; border-radius: 16px 13px 15px 12px; }
  .seller-metrics-v24 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .history-card, .tracking-card, .mgmt-card { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .record-card-actions, .mgmt-card-right, .tracking-card > .btn { grid-column: 1 / -1; justify-content: flex-start; }
  .mini-preview, .mgmt-card-icon { width: 56px; }
  .form-row, .modal-grid, .details-grid, .source-grid { grid-template-columns: 1fr; }
  .workflow-strip { display: flex; overflow-x: auto; }
  .workflow-item { min-width: 190px; }
  .fl188-root .page-heading { display: block; }
  .fl188-root .heading-status { margin-top: 12px; }
  .fl188-root .panel-head { grid-template-columns: auto minmax(0, 1fr); }
  .fl188-root .panel-head > :last-child { grid-column: 2; }
  .latest-plan-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .latest-plan-summary > div { border-left: 0; border-bottom: 1px solid var(--v24-line); }
  .latest-plan-grid, .latest-token-grid { grid-template-columns: 1fr; }
  .modal-overlay, .legal-overlay { padding: 8px; align-items: end; }
  .modal, .legal-reader { width: 100%; max-height: 92vh; border-radius: 18px 18px 10px 10px; }
  .modal-actions, .legal-reader footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .purchase-license-scope { display: grid; }
  .purchase-summary-card > div { grid-template-columns: 1fr; gap: 3px; }
  .purchase-summary-card strong { text-align: left; }
  .legal-reader-copy, .legal-doc { display: grid; }
  .legal-source-disclosure summary { display: grid; }
  .settings-bottom-bar, .action-bar { bottom: 7px; }
}

@media (max-width: 390px) {
  .market-grid, .behavior-market-grid, .seller-card-grid-v165, .management-card-grid { grid-template-columns: 1fr; }
  .market-card-preview { aspect-ratio: 16 / 10; }
  .topbar-logo-copy { display: none; }
}

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

/* Final compatibility layer: app.css contains earlier !important rules. */
body,
body.light,
body:not(.light) {
  --v231-base-60: var(--v24-canvas);
  --v231-base-soft-60: var(--v24-canvas-soft);
  --v231-surface-30: var(--v24-surface);
  --v231-surface-raised-30: var(--v24-surface-2);
  --v231-surface-soft-30: var(--v24-surface-2);
  --v231-accent-10: var(--v24-accent);
  --v231-accent-hover-10: var(--v24-accent-dark);
  --v231-accent-soft-10: var(--v24-accent-soft);
  --v231-accent-faint-10: color-mix(in srgb, var(--v24-accent) 6%, transparent);
  --v231-text: var(--v24-ink);
  --v231-text-2: var(--v24-ink-soft);
  --v231-muted: var(--v24-muted);
  --v231-dim: var(--v24-muted);
  --v231-line: var(--v24-line);
  --v231-line-strong: var(--v24-line-strong);
  --v231-shadow-float: var(--v24-shadow-md);
  --v23-canvas: var(--v24-canvas);
  --v23-canvas-2: var(--v24-canvas-soft);
  --v23-surface: var(--v24-surface);
  --v23-surface-2: var(--v24-surface-2);
  --v23-surface-3: var(--v24-surface-2);
  --v23-line: var(--v24-line);
  --v23-line-strong: var(--v24-line-strong);
  --v23-text: var(--v24-ink);
  --v23-text-2: var(--v24-ink-soft);
  --v23-muted: var(--v24-muted);
  --v23-dim: var(--v24-muted);
  --v23-accent: var(--v24-accent);
  --v23-accent-hi: var(--v24-accent-dark);
  --v23-accent-soft: var(--v24-accent-soft);
}

html,
body { background-color: var(--v24-canvas) !important; color: var(--v24-ink) !important; }
body::before { opacity: .16 !important; background-size: 72px 72px !important; }
.app-shell { grid-template-columns: 238px minmax(0, 1fr) !important; }
.sidebar { width: 238px !important; background: var(--v24-canvas-soft) !important; border-color: var(--v24-line) !important; }
.sidebar-item.active { color: #fff !important; background: var(--v24-structure) !important; box-shadow: 0 8px 18px rgba(21,59,54,.13) !important; }
.topbar { background: var(--v24-surface) !important; border-color: var(--v24-line) !important; }
.topbar,
.sidebar { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.main-content { width: auto !important; min-width: 0 !important; margin-left: 0 !important; padding: 0 !important; grid-column: 2 !important; background: transparent !important; }
.page-inner { width: min(100%, var(--v24-page)) !important; max-width: var(--v24-page) !important; margin-inline: auto !important; padding: clamp(24px, 3.2vw, 52px) var(--v24-space) clamp(82px, 9vw, 126px) !important; background: transparent !important; }
.ref-page-header,
.behavior-market-header,
.behavior-management-header,
.latest-hero,
.liquid-hero { padding-bottom: 0 !important; border-bottom: 0 !important; }

.market-grid,
.behavior-market-grid,
#mpGrid.behavior-market-grid,
#mfGrid.behavior-market-grid,
#favGrid.behavior-market-grid,
.seller-card-grid-v165 {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 238px), 1fr)) !important;
  gap: clamp(14px, 1.65vw, 23px) !important;
}
.market-card,
.ref-card,
.minimal-market-card { height: auto !important; align-self: stretch !important; grid-template-rows: auto 1fr !important; border-color: var(--v24-line) !important; border-radius: var(--v24-radius) !important; background: var(--v24-surface) !important; box-shadow: var(--v24-shadow-xs) !important; }
#mpGrid .market-card,
#mfGrid .market-card,
#favGrid .market-card,
.seller-card-grid-v165 .market-card {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  overflow: hidden !important;
}
body[data-view="market-products"] #mpGrid .minimal-market-card,
body[data-view="market-file"] #mfGrid .minimal-market-card,
body[data-view="favorites"] #favGrid .minimal-market-card,
body[data-view="seller-profile"] .seller-card-grid-v165 .minimal-market-card {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  overflow: hidden !important;
}
.market-card-preview,
.ref-card-preview,
.market-grid .market-card.ref-card > .market-card-preview,
.market-grid .market-card.ref-card > .ref-card-preview,
#favGrid .market-card.ref-card > .market-card-preview,
#favGrid .market-card.ref-card > .ref-card-preview,
.seller-card-grid-v165 .market-card.ref-card > .market-card-preview,
.seller-card-grid-v165 .market-card.ref-card > .ref-card-preview { height: auto !important; min-height: 0 !important; flex: none !important; aspect-ratio: 4 / 3 !important; background: var(--v24-surface-2) !important; border-color: var(--v24-line) !important; }
.market-card-body,
.ref-card-body,
#mpGrid .minimal-market-card .ref-card-body,
#mfGrid .minimal-market-card .ref-card-body,
#favGrid .minimal-market-card .ref-card-body,
.market-grid .minimal-market-card .ref-card-body,
.seller-card-preview-grid .minimal-market-card .ref-card-body,
.seller-card-grid-v165 .minimal-market-card .ref-card-body {
  min-height: 0 !important;
  height: auto !important;
  padding: 15px !important;
  row-gap: 10px !important;
  overflow: visible !important;
  background: var(--v24-surface) !important;
}
body[data-view="market-products"] #mpGrid .minimal-market-card .ref-card-body,
body[data-view="market-file"] #mfGrid .minimal-market-card .ref-card-body,
body[data-view="favorites"] #favGrid .minimal-market-card .ref-card-body,
body[data-view="seller-profile"] .seller-card-grid-v165 .minimal-market-card .ref-card-body {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  flex: none !important;
}
.market-card-body > *,
.ref-card-body > * { order: 0 !important; }
.market-card-title,
.ref-card-title { margin: 0 !important; color: var(--v24-ink) !important; font-size: clamp(15px, 1.2vw, 18px) !important; line-height: 1.3 !important; }
#mpGrid .ref-card-title,
#mfGrid .ref-card-title,
#favGrid .ref-card-title,
.seller-card-grid-v165 .ref-card-title {
  min-height: 1.3em !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.ref-card-location { color: var(--v24-muted) !important; font-size: 11px !important; }
.card-tag-zone { margin: 0 !important; }
.card-bottom-line { margin-top: auto !important; padding-top: 11px !important; border-color: var(--v24-line) !important; }
.ref-card-price { color: var(--v24-ink) !important; }
body[data-view="market-products"] .ref-card-price span,
body[data-view="market-file"] .ref-card-price span,
body[data-view="seller-profile"] .ref-card-price span,
body[data-view="favorites"] .ref-card-price span,
body[data-view="market-products"] #mpGrid .ref-card-price span,
body[data-view="market-file"] #mfGrid .ref-card-price span,
body[data-view="seller-profile"] .seller-card-grid-v165 .ref-card-price span,
body[data-view="favorites"] #favGrid .ref-card-price span {
  color: var(--v24-accent) !important;
  text-shadow: none !important;
  filter: none !important;
}
.favorite-action,
.market-card-fav,
.ref-heart,
.card-heart-only { top: 12px !important; right: 12px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; color: var(--v24-ink) !important; background: rgba(255,255,255,.9) !important; box-shadow: 0 5px 16px rgba(19,40,35,.13) !important; }
#mpGrid .minimal-market-card .favorite-action,
#mfGrid .minimal-market-card .favorite-action,
#favGrid .minimal-market-card .favorite-action,
.seller-card-grid-v165 .minimal-market-card .favorite-action { color: var(--v24-ink) !important; border: 1px solid rgba(255,255,255,.8) !important; background: rgba(255,255,255,.9) !important; }
#mpGrid .minimal-market-card .favorite-action svg,
#mfGrid .minimal-market-card .favorite-action svg,
#favGrid .minimal-market-card .favorite-action svg,
.seller-card-grid-v165 .minimal-market-card .favorite-action svg { color: var(--v24-ink) !important; stroke: currentColor !important; }
.favorite-action.active,
.market-card-fav.active,
.ref-heart.active { color: #fff !important; border-color: var(--v24-accent) !important; background: var(--v24-accent) !important; }
#mpGrid .minimal-market-card .favorite-action.active,
#mfGrid .minimal-market-card .favorite-action.active,
#favGrid .minimal-market-card .favorite-action.active,
.seller-card-grid-v165 .minimal-market-card .favorite-action.active { color: #fff !important; border-color: var(--v24-accent) !important; background: var(--v24-accent) !important; }
#mpGrid .minimal-market-card .favorite-action.active svg,
#mfGrid .minimal-market-card .favorite-action.active svg,
#favGrid .minimal-market-card .favorite-action.active svg,
.seller-card-grid-v165 .minimal-market-card .favorite-action.active svg { color: #fff !important; }
.licensed-production-mini { position: static !important; min-height: 26px !important; color: var(--v24-accent-dark) !important; background: var(--v24-accent-soft) !important; border-color: color-mix(in srgb, var(--v24-accent) 24%, var(--v24-line)) !important; font: 800 10px/1 Inter, sans-serif !important; }
.certified-badge { color: var(--v24-success) !important; background: var(--v24-success-soft) !important; }
.ref-chip-row > span,
.card-tag-zone > span,
.entity-tag { color: var(--v24-ink-soft) !important; background: var(--v24-canvas-soft) !important; border-color: var(--v24-line) !important; }
.license-entity-tag { color: var(--v24-accent-dark) !important; background: var(--v24-accent-soft) !important; border-color: color-mix(in srgb, var(--v24-accent) 25%, var(--v24-line)) !important; }

body[data-view="seller-profile"] .seller-hero {
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  background-image: none !important;
  border-color: var(--v24-line) !important;
  box-shadow: var(--v24-shadow-xs) !important;
}
body[data-view="seller-profile"] .seller-hero h1 { color: var(--v24-ink) !important; }
body[data-view="seller-profile"] .seller-hero p,
body[data-view="seller-profile"] .seller-contact-line { color: var(--v24-muted) !important; }
body[data-view="seller-profile"] .seller-avatar.large {
  color: #fff !important;
  background: var(--v24-structure) !important;
  background-image: none !important;
  border-color: var(--v24-structure) !important;
}
body[data-view="seller-profile"] .seller-card-grid-v165 .market-card {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
}
body[data-view="seller-profile"] .seller-card-grid-v165 .ref-card-body {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
body[data-view="seller-profile"] .seller-card-grid-v165 .ref-card-title {
  min-height: 1.3em !important;
  height: auto !important;
  overflow: visible !important;
}

.behavior-gallery,
.behavior-purchase-panel,
.behavior-secondary-panel,
.profile-card,
.listing-main-card,
.listing-side-card,
.sku-matrix-card,
.behavior-management-card,
.latest-checkout-card,
.latest-withdrawal-balance-card,
.latest-withdrawal-form-card,
.legal-library,
.history-card,
.tracking-card,
.modal,
.legal-reader,
.fl188-root .panel,
.fl188-root .side-card { color: var(--v24-ink) !important; background: var(--v24-surface) !important; border-color: var(--v24-line) !important; border-radius: var(--v24-radius) !important; }
.behavior-gallery { background: var(--v24-surface-2) !important; }
.detail-title,
.detail-price,
.modal-title,
.legal-reader h2 { color: var(--v24-ink) !important; }
.behavior-trust-row,
.purchase-summary-card,
.profile-kyc-progress,
.option-group-card,
.sku-card,
.notice { background: var(--v24-canvas-soft) !important; border-color: var(--v24-line) !important; }
.btn-primary,
.btn.primary,
.liquid-primary-btn,
.latest-buy-token-btn,
.latest-withdraw-btn,
.behavior-primary-buy { color: #fff !important; border-color: var(--v24-accent) !important; background: var(--v24-accent) !important; }
.modal-overlay,
.legal-overlay {
  background: rgba(11,22,19,.57) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}
.modal-overlay .modal,
.legal-overlay .legal-reader {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* Detail controls were formerly built as dark, transparent custom selects.
   Keep the native control visible so the field remains readable, keyboard
   accessible and consistent in both product and file purchase flows. */
body[data-view="product-detail"] .option-select-shell-v165,
body[data-view="product-detail"] .option-select-shell-v166,
body[data-view="file-detail"] .option-select-shell-v165,
body[data-view="file-detail"] .option-select-shell-v166 {
  min-height: 44px !important;
  overflow: hidden !important;
  border: 1px solid var(--v24-line-strong) !important;
  border-radius: 9px !important;
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
}
body[data-view="product-detail"] .detail-select-v165,
body[data-view="product-detail"] .detail-select-v166,
body[data-view="file-detail"] .detail-select-v165,
body[data-view="file-detail"] .detail-select-v166 {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 38px 0 12px !important;
  opacity: 1 !important;
  border: 0 !important;
  color: var(--v24-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
body[data-view="product-detail"] .option-select-value-v165,
body[data-view="product-detail"] .option-select-value-v166,
body[data-view="file-detail"] .option-select-value-v165,
body[data-view="file-detail"] .option-select-value-v166 { display: none !important; }
body[data-view="product-detail"] .option-select-chevron-v165,
body[data-view="product-detail"] .option-select-chevron-v166,
body[data-view="file-detail"] .option-select-chevron-v165,
body[data-view="file-detail"] .option-select-chevron-v166 {
  z-index: 3 !important;
  right: 12px !important;
  width: auto !important;
  height: auto !important;
  color: var(--v24-muted) !important;
  background: transparent !important;
  border: 0 !important;
}
body[data-view="product-detail"] .detail-price,
body[data-view="file-detail"] .detail-price,
body[data-view="product-detail"] #pdPrice,
body[data-view="file-detail"] #fdPrice {
  color: var(--v24-structure) !important;
  font-family: inherit !important;
  font-size: clamp(24px, 2.7vw, 35px) !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
}
body[data-view="product-detail"] .latest-status-pill.success,
body[data-view="file-detail"] .latest-status-pill.success {
  color: var(--v24-success) !important;
  border-color: color-mix(in srgb, var(--v24-success) 28%, var(--v24-line)) !important;
  background: var(--v24-success-soft) !important;
}
body[data-view="product-detail"] .licensed-production-chip,
body[data-view="file-detail"] .licensed-production-chip {
  color: var(--v24-accent-dark) !important;
  border-color: color-mix(in srgb, var(--v24-accent) 28%, var(--v24-line)) !important;
  background: var(--v24-accent-soft) !important;
}
body[data-view="product-detail"] .behavior-gallery-actions .plain-action,
body[data-view="file-detail"] .behavior-gallery-actions .plain-action,
body[data-view="product-detail"] .carousel-nav,
body[data-view="file-detail"] .carousel-nav {
  color: var(--v24-ink) !important;
  border-color: rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.92) !important;
}

@media (max-width: 820px) {
  .app-shell { display: block !important; }
  .main-content { width: 100% !important; margin-left: 0 !important; padding: 0 !important; }
  .sidebar { width: min(82vw, 300px) !important; }
}

@media (max-width: 580px) {
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid,
  .seller-card-grid-v165 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .market-card-body,
  .ref-card-body,
  #mpGrid .minimal-market-card .ref-card-body,
  #mfGrid .minimal-market-card .ref-card-body,
  #favGrid .minimal-market-card .ref-card-body,
  .market-grid .minimal-market-card .ref-card-body { padding: 11px !important; row-gap: 8px !important; }
  .market-card-title,
  .ref-card-title { font-size: 13px !important; }
  .favorite-action,
  .market-card-fav,
  .ref-heart,
  .card-heart-only { top: 8px !important; right: 8px !important; width: 34px !important; height: 34px !important; }
}

@media (max-width: 390px) {
  .market-grid,
  .behavior-market-grid,
  #mpGrid.behavior-market-grid,
  #mfGrid.behavior-market-grid,
  #favGrid.behavior-market-grid,
  .seller-card-grid-v165 { grid-template-columns: 1fr !important; }
}

/* ========================================================================
   v24.1 visual system + v24.2 responsive shell — calm dark engineering marketplace
   The visual reference is used for density, hierarchy and restraint only.
   Existing 3D StudioMarket content, legal flows and functionality remain.
   ======================================================================== */

body:not(.light) {
  color-scheme: dark;
  --v24-canvas: #070d14;
  --v24-canvas-soft: #0a1119;
  --v24-surface: #101923;
  --v24-surface-2: #151f2b;
  --v24-ink: #f3f6f8;
  --v24-ink-soft: #c4cdd5;
  --v24-muted: #7f8b97;
  --v24-line: #202c39;
  --v24-line-strong: #344252;
  --v24-structure: #20c99a;
  --v24-structure-2: #51dab4;
  --v24-accent: #20c99a;
  --v24-accent-dark: #15936f;
  --v24-accent-soft: #0c2b23;
  --v24-success: #20c99a;
  --v24-success-soft: #0c2b23;
  --v24-warning: #e5a631;
  --v24-warning-soft: #302513;
  --v24-danger: #ef6b72;
  --v24-danger-soft: #31191e;
  --v24-focus: rgba(32, 201, 154, .28);
  --v24-shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);
  --v24-shadow-sm: 0 12px 28px rgba(0, 0, 0, .22);
  --v24-shadow-md: 0 24px 60px rgba(0, 0, 0, .34);
  --v24-radius-sm: 8px;
  --v24-radius: 12px;
  --v24-radius-lg: 14px;
  --v24-page: 1500px;
  --price-orange: #f3f6f8;
  background: var(--v24-canvas) !important;
}

html,
body,
body:not(.light) {
  color: var(--v24-ink) !important;
  background-color: var(--v24-canvas) !important;
}
body:not(.light) {
  background-image: none !important;
  font-size: 14px;
  line-height: 1.5;
}
body:not(.light)::before { display: none !important; }

body:not(.light) .topbar {
  height: 64px !important;
  padding-inline: clamp(16px, 2vw, 28px) !important;
  border-color: var(--v24-line) !important;
  background: var(--v24-canvas) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body:not(.light) .topbar-logo-copy > span { font-size: 16px !important; letter-spacing: -.025em !important; }
body:not(.light) .topbar-logo-copy small { display: none !important; }
body:not(.light) .logo-market { color: var(--v24-accent) !important; }
body:not(.light) .topbar-logo-mark i { background: var(--v24-ink-soft) !important; }
body:not(.light) .topbar-logo-mark i:nth-child(2) { background: var(--v24-accent) !important; }
body:not(.light) .topbar-icon-btn,
body:not(.light) .topbar-theme,
body:not(.light) .topbar-discord,
body:not(.light) .topbar-token-plus {
  border-color: transparent !important;
  color: var(--v24-ink-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:not(.light) .topbar-icon-btn:hover,
body:not(.light) .topbar-theme:hover,
body:not(.light) .topbar-discord:hover { background: var(--v24-surface-2) !important; }
body:not(.light) .topbar-token-pill {
  min-height: 40px !important;
  border-color: var(--v24-line) !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
}
body:not(.light) .topbar-token-plus {
  color: #04120d !important;
  background: var(--v24-accent) !important;
}

body:not(.light) .app-shell {
  padding-top: 64px !important;
  grid-template-columns: 228px minmax(0, 1fr) !important;
}
body:not(.light) .sidebar {
  top: 64px !important;
  width: 228px !important;
  padding: 24px 14px 14px !important;
  border-color: var(--v24-line) !important;
  background: var(--v24-canvas-soft) !important;
  backdrop-filter: none !important;
}
body:not(.light) .sidebar-section-label {
  margin: 20px 10px 7px !important;
  color: #667381 !important;
  font-size: 9px !important;
  letter-spacing: .13em !important;
}
body:not(.light) .sidebar-item,
body:not(.light) .sidebar-logout {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #98a5b1 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:not(.light) .sidebar-item:hover,
body:not(.light) .sidebar-logout:hover {
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  transform: none !important;
}
body:not(.light) .sidebar-item.active {
  position: relative;
  color: var(--v24-ink) !important;
  background: var(--v24-surface-2) !important;
  box-shadow: none !important;
}
body:not(.light) .sidebar-item.active::before {
  content: "";
  position: absolute;
  inset: 9px auto 9px -2px;
  width: 2px;
  border-radius: 2px;
  background: var(--v24-accent);
}
body:not(.light) .sidebar-bottom { border-color: var(--v24-line) !important; }

body:not(.light) .main-content { grid-column: 2 !important; }
body:not(.light) .page-inner {
  width: min(100%, var(--v24-page)) !important;
  max-width: var(--v24-page) !important;
  padding: clamp(30px, 3vw, 44px) clamp(24px, 3vw, 44px) clamp(72px, 8vw, 108px) !important;
}
body:not(.light) .page-title,
body:not(.light) .ref-page-header h1,
body:not(.light) .latest-hero h1,
body:not(.light) .liquid-hero h1 {
  margin: 0 !important;
  font-family: inherit !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
body:not(.light) .page-desc,
body:not(.light) .ref-page-header p,
body:not(.light) .latest-hero p,
body:not(.light) .liquid-hero p {
  margin-top: 7px !important;
  color: var(--v24-muted) !important;
  font-size: 13px !important;
}
body:not(.light) .ref-page-header,
body:not(.light) .behavior-market-header,
body:not(.light) .behavior-management-header,
body:not(.light) .latest-hero,
body:not(.light) .liquid-hero {
  margin-bottom: 24px !important;
  align-items: start !important;
}
body:not(.light) .behavior-header-proof { display: none !important; }
body:not(.light) .section-kicker,
body:not(.light) .eyebrow,
body:not(.light) .heading-kicker,
body:not(.light) .panel-label,
body:not(.light) .action-label {
  color: var(--v24-accent) !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
}

body:not(.light) .btn,
body:not(.light) .neutral-btn,
body:not(.light) .liquid-primary-btn,
body:not(.light) .plain-action,
body:not(.light) .legal-inline-link {
  min-height: 40px;
  border-color: var(--v24-line) !important;
  border-radius: 8px !important;
  color: var(--v24-ink-soft) !important;
  background: var(--v24-surface-2) !important;
  box-shadow: none !important;
}
body:not(.light) .btn:hover,
body:not(.light) .neutral-btn:hover {
  border-color: var(--v24-line-strong) !important;
  color: var(--v24-ink) !important;
  transform: none !important;
  box-shadow: none !important;
}
body:not(.light) .btn-primary,
body:not(.light) .btn.primary,
body:not(.light) .liquid-primary-btn,
body:not(.light) .latest-buy-token-btn,
body:not(.light) .latest-withdraw-btn,
body:not(.light) .behavior-primary-buy {
  color: #04120d !important;
  border-color: var(--v24-accent) !important;
  background: var(--v24-accent) !important;
}
body:not(.light) .plain-action,
body:not(.light) .legal-inline-link {
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--v24-accent) !important;
  background: transparent !important;
}
body:not(.light) .form-input,
body:not(.light) .form-textarea,
body:not(.light) .filter-select,
body:not(.light) input:not([type="checkbox"]):not([type="radio"]),
body:not(.light) select,
body:not(.light) textarea {
  border-color: var(--v24-line) !important;
  border-radius: 8px !important;
  color: var(--v24-ink) !important;
  background: #0c141e !important;
  box-shadow: none !important;
}
body:not(.light) input::placeholder,
body:not(.light) textarea::placeholder { color: #65717d !important; }

body:not(.light) .behavior-intent-strip,
body:not(.light) .active-filter-row,
body:not(.light) .segmented-tabs,
body:not(.light) .tabs { margin-bottom: 16px !important; }
body:not(.light) .behavior-intent-strip button,
body:not(.light) .segmented-tabs button,
body:not(.light) .tab-btn,
body:not(.light) .active-filter-chip {
  min-height: 34px !important;
  border-color: transparent !important;
  border-radius: 7px !important;
  color: var(--v24-muted) !important;
  background: transparent !important;
}
body:not(.light) .behavior-intent-strip button.is-active,
body:not(.light) .segmented-tabs button.active,
body:not(.light) .tab-btn.active {
  color: var(--v24-ink) !important;
  border-color: var(--v24-line-strong) !important;
  background: var(--v24-surface-2) !important;
}
body:not(.light) .sticky-market-toolbar,
body:not(.light) .behavior-toolbar,
body:not(.light) .one-piece-toolbar {
  position: relative !important;
  top: auto !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body:not(.light) .search-filter-combo,
body:not(.light) .neo-search-control {
  min-height: 44px !important;
  border-color: var(--v24-line) !important;
  border-radius: 8px !important;
  background: var(--v24-surface) !important;
}
body:not(.light) .search-filter-button:hover { color: var(--v24-accent) !important; background: var(--v24-accent-soft) !important; }

body:not(.light) .market-grid,
body:not(.light) .behavior-market-grid,
body:not(.light) #mpGrid.behavior-market-grid,
body:not(.light) #mfGrid.behavior-market-grid,
body:not(.light) #favGrid.behavior-market-grid,
body:not(.light) .seller-card-grid-v165 {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}
body:not(.light) .market-card-v241,
body:not(.light) #mpGrid .market-card-v241,
body:not(.light) #mfGrid .market-card-v241,
body:not(.light) #favGrid .market-card-v241,
body:not(.light) .seller-card-grid-v165 .market-card-v241 {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-self: start !important;
  overflow: hidden !important;
  border: 1px solid var(--v24-line) !important;
  border-radius: 12px !important;
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
  transform: none !important;
}
body:not(.light) .market-card-v241:hover {
  border-color: var(--v24-line-strong) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18) !important;
  transform: translateY(-2px) !important;
}
body:not(.light) .market-card-v241 .market-card-preview,
body:not(.light) .market-card-v241 .ref-card-preview {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v24-line) !important;
  background: #0c141d !important;
}
body:not(.light) .market-card-v241 .ref-preview-placeholder {
  min-height: 0 !important;
  color: #677582 !important;
  background: #0c141d !important;
}
body:not(.light) .market-card-v241 .ref-preview-placeholder::after {
  inset: 14px !important;
  border-color: #263544 !important;
  border-radius: 8px !important;
}
body:not(.light) .market-card-v241 .ref-preview-placeholder svg { stroke: #647682 !important; }
body:not(.light) .market-card-v241 .market-card-body,
body:not(.light) .market-card-v241 .ref-card-body,
body:not(.light) #mpGrid .market-card-v241 .ref-card-body,
body:not(.light) #mfGrid .market-card-v241 .ref-card-body,
body:not(.light) #favGrid .market-card-v241 .ref-card-body,
body:not(.light) .seller-card-grid-v165 .market-card-v241 .ref-card-body {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow: visible !important;
  background: var(--v24-surface) !important;
}
body:not(.light) .market-card-v241 .market-card-title,
body:not(.light) .market-card-v241 .ref-card-title {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: var(--v24-ink) !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
  letter-spacing: -.015em !important;
}
body:not(.light) .market-card-v241 .card-seller-line,
body:not(.light) .market-card-v241 .card-tag-zone,
body:not(.light) .market-card-v241 .card-eyebrow-row,
body:not(.light) .market-card-v241 .licensed-production-mini { display: none !important; }
body:not(.light) .market-card-v241 .card-price-v241 {
  min-height: 27px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--v24-ink) !important;
}
body:not(.light) .market-card-v241 .card-price-v241::before {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
  display: block !important;
  border: 1px solid #ffd36a !important;
  border-radius: 3px !important;
  background: #e8a71f !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: rotate(45deg) !important;
}
body:not(.light) .market-card-v241 .card-price-v241 span {
  color: var(--v24-ink) !important;
  font-size: 19px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
body:not(.light) .market-card-v241 .card-price-v241 small {
  color: var(--v24-muted) !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: .08em !important;
}
body:not(.light) .card-license-line-v241 {
  width: 100%;
  min-height: 34px;
  padding: 0;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 0;
  color: var(--v24-accent);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
body:not(.light) .card-license-line-v241 svg { width: 15px; height: 15px; }
body:not(.light) .card-license-line-v241 span { min-width: 0; display: grid; gap: 1px; }
body:not(.light) .card-license-line-v241 small {
  color: var(--v24-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body:not(.light) .card-license-line-v241 strong {
  overflow: hidden;
  color: var(--v24-ink-soft);
  font-size: 10.5px;
  font-weight: 620;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.light) .card-compatibility-v241 {
  margin: 0 !important;
  overflow: hidden;
  color: var(--v24-muted) !important;
  font-size: 10.5px !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.light) .card-compact-meta-v241 {
  margin-top: 4px;
  padding-top: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
  border-top: 1px solid var(--v24-line);
  color: var(--v24-muted);
  font-size: 10px;
}
body:not(.light) .card-compact-meta-v241 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.light) .market-card-v241 .favorite-action,
body:not(.light) .market-card-v241 .market-card-fav,
body:not(.light) .market-card-v241 .ref-heart {
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 50% !important;
  color: #dce4e9 !important;
  background: rgba(7, 13, 20, .68) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body:not(.light) .market-card-v241 .favorite-action.active,
body:not(.light) .market-card-v241 .market-card-fav.active {
  color: #04120d !important;
  border-color: var(--v24-accent) !important;
  background: var(--v24-accent) !important;
}
body:not(.light) .market-card-v241 .card-badge-stack { top: 10px !important; left: 10px !important; }
body:not(.light) .market-card-v241 .certified-badge {
  min-height: 24px !important;
  padding: 4px 7px !important;
  border-color: rgba(32, 201, 154, .38) !important;
  border-radius: 6px !important;
  color: #68ddbc !important;
  background: rgba(7, 31, 26, .84) !important;
  font-size: 9px !important;
  letter-spacing: 0 !important;
}

body:not(.light) .behavior-detail-shell {
  grid-template-columns: minmax(0, 1.16fr) minmax(340px, .84fr) !important;
  gap: 18px !important;
}
body:not(.light) .behavior-gallery,
body:not(.light) .behavior-purchase-panel,
body:not(.light) .behavior-secondary-panel {
  border-color: var(--v24-line) !important;
  border-radius: 12px !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
}
body:not(.light) .behavior-gallery { min-height: clamp(420px, 48vw, 650px) !important; background: #0c141d !important; }
body:not(.light) .behavior-purchase-panel { top: 80px !important; padding: clamp(20px, 2.2vw, 28px) !important; }
body:not(.light) .behavior-purchase-head { border-color: var(--v24-line) !important; }
body:not(.light) .detail-title {
  margin: 8px 0 13px !important;
  color: var(--v24-ink) !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
body:not(.light)[data-view="product-detail"] #pdPrice,
body:not(.light)[data-view="file-detail"] #fdPrice,
body:not(.light) .detail-price {
  color: var(--v24-ink) !important;
  font-family: inherit !important;
  font-size: 28px !important;
  font-weight: 780 !important;
  text-shadow: none !important;
}
body:not(.light) .detail-price::before { box-shadow: none !important; }
body:not(.light) .detail-certification-row { margin-top: 16px !important; gap: 8px !important; }
body:not(.light) .detail-certification-row .entity-tag,
body:not(.light) .detail-certification-row .license-entity-tag {
  min-height: 26px !important;
  padding: 4px 7px !important;
  border-color: var(--v24-line) !important;
  border-radius: 6px !important;
  color: var(--v24-ink-soft) !important;
  background: var(--v24-surface-2) !important;
  font-size: 9px !important;
}
body:not(.light) .detail-certification-row .license-entity-tag {
  flex: 1 1 100% !important;
  justify-content: flex-start !important;
  border: 0 !important;
  padding-inline: 0 !important;
  color: var(--v24-accent) !important;
  background: transparent !important;
}
body:not(.light) .detail-section-v167,
body:not(.light) .behavior-decision-block { border-color: var(--v24-line) !important; }
body:not(.light) .detail-section-head-v167 { color: var(--v24-ink) !important; font-size: 11px !important; }
body:not(.light) .address-card,
body:not(.light) .seller-profile-card-v24,
body:not(.light) .detail-comment-card,
body:not(.light) .detail-comment-card-v15411 {
  border-color: var(--v24-line) !important;
  border-radius: 9px !important;
  background: var(--v24-canvas-soft) !important;
}
body:not(.light) .behavior-gallery .carousel-nav,
body:not(.light)[data-view="product-detail"] .carousel-nav,
body:not(.light)[data-view="file-detail"] .carousel-nav,
body:not(.light) .behavior-gallery-actions > *,
body:not(.light)[data-view="product-detail"] .behavior-gallery-actions .plain-action,
body:not(.light)[data-view="file-detail"] .behavior-gallery-actions .plain-action {
  color: var(--v24-ink) !important;
  border-color: rgba(255,255,255,.1) !important;
  background: rgba(7,13,20,.74) !important;
  box-shadow: none !important;
}

body:not(.light) .card,
body:not(.light) .profile-card,
body:not(.light) .listing-main-card,
body:not(.light) .listing-side-card,
body:not(.light) .sku-matrix-card,
body:not(.light) .behavior-management-card,
body:not(.light) .management-bento-card-v161,
body:not(.light) .latest-checkout-card,
body:not(.light) .latest-withdrawal-balance-card,
body:not(.light) .latest-withdrawal-form-card,
body:not(.light) .legal-library,
body:not(.light) .seller-history-summary-card-v177,
body:not(.light) .latest-plan-summary,
body:not(.light) .notice,
body:not(.light) .history-card,
body:not(.light) .tracking-card,
body:not(.light) .mgmt-card,
body:not(.light) .option-card,
body:not(.light) .sku-card,
body:not(.light) .kyc-card,
body:not(.light) .latest-kyc-card,
body:not(.light) .side-card,
body:not(.light) .panel,
body:not(.light) .minimal-plan-card,
body:not(.light) .minimal-token-card {
  border-color: var(--v24-line) !important;
  border-radius: 12px !important;
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
}
body:not(.light) .summary-item,
body:not(.light) .behavior-ops-metric,
body:not(.light) .management-metric-v161,
body:not(.light) .seller-metrics-v24 article,
body:not(.light) .profile-kyc-progress > div {
  border-color: var(--v24-line) !important;
  border-radius: 9px !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
}
body:not(.light) .settings-row,
body:not(.light) .option-group-card,
body:not(.light) .sku-card,
body:not(.light) .purchase-summary-card > div,
body:not(.light) .legal-set-card {
  border-color: var(--v24-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:not(.light) .profile-card { padding: clamp(18px, 2vw, 24px) !important; }
body:not(.light) .neo-settings-icon { display: none !important; }
body:not(.light) .settings-section-head h2,
body:not(.light) .profile-card h2,
body:not(.light) .detail-comments-head h2 { font-size: 20px !important; letter-spacing: -.02em !important; }
body:not(.light) .summary-value,
body:not(.light) .behavior-ops-metric > strong,
body:not(.light) .management-metric-v161 > strong,
body:not(.light) .seller-history-summary-card-v177 > strong,
body:not(.light) .profile-kyc-progress strong { color: var(--v24-ink) !important; font-size: 18px !important; }
body:not(.light) .minimal-plan-card,
body:not(.light) .minimal-token-card { padding: 20px !important; }
body:not(.light) .minimal-plan-card.current,
body:not(.light) .minimal-token-card.selected {
  border-color: var(--v24-accent) !important;
  box-shadow: inset 0 2px var(--v24-accent) !important;
}

body:not(.light)[data-view="seller-profile"] .seller-hero {
  border-color: var(--v24-line) !important;
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body:not(.light)[data-view="seller-profile"] .seller-hero h1 { color: var(--v24-ink) !important; font-size: 32px !important; }
body:not(.light)[data-view="seller-profile"] .seller-avatar.large { color: #04120d !important; background: var(--v24-accent) !important; }

body:not(.light) .modal-overlay,
body:not(.light) .legal-overlay {
  background: rgba(2, 6, 10, .74) !important;
  backdrop-filter: none !important;
}
body:not(.light) .modal,
body:not(.light) .legal-reader {
  border-color: var(--v24-line-strong) !important;
  border-radius: 14px !important;
  color: var(--v24-ink) !important;
  background: var(--v24-surface) !important;
  background-image: none !important;
  box-shadow: var(--v24-shadow-md) !important;
}
body:not(.light) .modal-title,
body:not(.light) .legal-reader h2 { color: var(--v24-ink) !important; font-size: 22px !important; letter-spacing: -.025em !important; }
body:not(.light) .modal-desc,
body:not(.light) .legal-reader p { color: var(--v24-muted) !important; }
body:not(.light) .legal-reader-copy,
body:not(.light) .legal-doc,
body:not(.light) .legal-check,
body:not(.light) .purchase-summary-card,
body:not(.light) .file-filter-hub-v24 button {
  border-color: var(--v24-line) !important;
  background: var(--v24-canvas-soft) !important;
}
body:not(.light) .legal-reader footer { background: var(--v24-surface) !important; }

@media (max-width: 1100px) {
  body:not(.light) .behavior-detail-shell { grid-template-columns: 1fr !important; grid-template-areas: "gallery" "purchase" "secondary" !important; }
  body:not(.light) .behavior-purchase-panel { position: static !important; }
}

@media (max-width: 820px) {
  body:not(.light) .app-shell { display: block !important; padding-top: 64px !important; }
  body:not(.light) .sidebar { width: min(84vw, 292px) !important; }
  body:not(.light) .main-content { width: 100% !important; }
  body:not(.light) .page-inner { padding-inline: 16px !important; }
}

@media (max-width: 580px) {
  body:not(.light) .market-grid,
  body:not(.light) .behavior-market-grid,
  body:not(.light) #mpGrid.behavior-market-grid,
  body:not(.light) #mfGrid.behavior-market-grid,
  body:not(.light) #favGrid.behavior-market-grid,
  body:not(.light) .seller-card-grid-v165 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body:not(.light) .market-card-v241 .market-card-body,
  body:not(.light) .market-card-v241 .ref-card-body { padding: 11px !important; gap: 7px !important; }
  body:not(.light) .market-card-v241 .market-card-title,
  body:not(.light) .market-card-v241 .ref-card-title { font-size: 13px !important; }
  body:not(.light) .market-card-v241 .card-price-v241 span { font-size: 16px !important; }
  body:not(.light) .card-license-line-v241 strong { font-size: 9px !important; }
  body:not(.light) .card-compact-meta-v241 { font-size: 8px !important; }
}

@media (max-width: 390px) {
  body:not(.light) .market-grid,
  body:not(.light) .behavior-market-grid,
  body:not(.light) #mpGrid.behavior-market-grid,
  body:not(.light) #mfGrid.behavior-market-grid,
  body:not(.light) #favGrid.behavior-market-grid,
  body:not(.light) .seller-card-grid-v165 { grid-template-columns: 1fr !important; }
}

/* High-specificity card cleanup for legacy marketplace price/heart rules. */
body:not(.light)[data-view="market-products"] #mpGrid .market-card-v241 .card-price-v241::before,
body:not(.light)[data-view="market-file"] #mfGrid .market-card-v241 .card-price-v241::before,
body:not(.light)[data-view="favorites"] #favGrid .market-card-v241 .card-price-v241::before,
body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 .card-price-v241::before {
  content: none !important;
  display: none !important;
}
body:not(.light)[data-view="market-products"] #mpGrid .market-card-v241 .card-price-v241 span,
body:not(.light)[data-view="market-file"] #mfGrid .market-card-v241 .card-price-v241 span,
body:not(.light)[data-view="favorites"] #favGrid .market-card-v241 .card-price-v241 span,
body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 .card-price-v241 span {
  color: var(--v24-ink) !important;
  font-size: 19px !important;
  text-shadow: none !important;
}
body:not(.light)[data-view="market-products"] #mpGrid .market-card-v241 .favorite-action,
body:not(.light)[data-view="market-file"] #mfGrid .market-card-v241 .favorite-action,
body:not(.light)[data-view="favorites"] #favGrid .market-card-v241 .favorite-action,
body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 .favorite-action {
  color: var(--v24-ink) !important;
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(7, 13, 20, .72) !important;
}
body:not(.light) .card-license-line-v241 strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
body:not(.light) .market-card-v241[data-card-kind="product"] .ref-card-body { min-height: 166px !important; }
body:not(.light) .market-card-v241[data-card-kind="file"] .ref-card-body { min-height: 190px !important; }
body:not(.light)[data-view="market-products"] #mpGrid .card-price-v241,
body:not(.light)[data-view="market-file"] #mfGrid .card-price-v241,
body:not(.light)[data-view="favorites"] #favGrid .card-price-v241,
body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .card-price-v241 {
  align-self: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
body:not(.light)[data-view="market-products"] #mpGrid .market-card-v241[data-card-kind="product"] .ref-card-body,
body:not(.light)[data-view="favorites"] #favGrid .market-card-v241[data-card-kind="product"] .ref-card-body,
body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241[data-card-kind="product"] .ref-card-body {
  min-height: 176px !important;
}
body:not(.light)[data-view="market-file"] #mfGrid .market-card-v241[data-card-kind="file"] .ref-card-body,
body:not(.light)[data-view="favorites"] #favGrid .market-card-v241[data-card-kind="file"] .ref-card-body,
body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241[data-card-kind="file"] .ref-card-body {
  min-height: 190px !important;
}
body:not(.light)[data-view="product-detail"] .behavior-purchase-head > .section-kicker,
body:not(.light)[data-view="file-detail"] .behavior-purchase-head > .section-kicker {
  width: max-content !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body:not(.light)[data-view="product-detail"] .licensed-production-chip,
body:not(.light)[data-view="file-detail"] .licensed-production-chip { display: none !important; }
body:not(.light)[data-view="product-detail"] .behavior-gallery-actions,
body:not(.light)[data-view="file-detail"] .behavior-gallery-actions {
  inset: 16px 16px auto 16px !important;
  justify-content: flex-end !important;
}
body:not(.light)[data-view="profile-settings"] .profile-card.neo-settings-row {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
}
body:not(.light)[data-view="profile-settings"] .profile-card.current-plan-card,
body:not(.light)[data-view="profile-settings"] .profile-card.current-plan-card.neo-settings-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 24px !important;
}
body:not(.light)[data-view="profile-settings"] .profile-card.current-plan-card > div {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body:not(.light)[data-view="profile-settings"] .profile-card.current-plan-card > .btn {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* Keep feedback compact: the legacy bottom anchor must not stretch a top toast. */
body:not(.light) .toast-root-v176 {
  top: 82px !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
  width: min(calc(100vw - 36px), 380px) !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}
body:not(.light) .toast-root-v176 .toast-v176 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Native dialogs inherit a legacy zero margin; restore true viewport centering. */
body:not(.light) dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
}
body:not(.light) .fl188-root dialog.confirm-dialog[open] {
  width: min(calc(100vw - 32px), 460px) !important;
  height: max-content !important;
  max-width: none !important;
  max-height: calc(100vh - 32px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  box-shadow: none !important;
}
body:not(.light) .fl188-root dialog.confirm-dialog[open] form {
  width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100vh - 32px) !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  padding: 24px !important;
}
body:not(.light)[data-view="profile-settings"] .profile-card .settings-section-head {
  width: 100% !important;
  margin-bottom: 20px !important;
}

/* -----------------------------------------------------------------------
   v24.2 responsive shell

   The legacy bundle used both a grid column and viewport-based width/margin
   calculations.  Keep one source of truth so every standalone page responds
   to the desktop sidebar state without being pushed or clipped on the right.
   ----------------------------------------------------------------------- */

:root {
  --v24-sidebar-expanded: 228px;
  --v24-sidebar-current: var(--v24-sidebar-expanded);
}

html,
body,
.app-shell,
.main-content,
.page-inner {
  max-width: 100% !important;
}

.app-shell,
body.light .app-shell,
body:not(.light) .app-shell {
  width: 100% !important;
  grid-template-columns: var(--v24-sidebar-current) minmax(0, 1fr) !important;
  transition: grid-template-columns .22s ease !important;
}

#sidebarMount {
  width: var(--v24-sidebar-current) !important;
  min-width: 0 !important;
  transition: width .22s ease !important;
}

.sidebar,
body.light .sidebar,
body:not(.light) .sidebar {
  width: var(--v24-sidebar-expanded) !important;
  transform: translateX(0) !important;
  transition: transform .22s ease, visibility 0s linear 0s !important;
}

.main-content {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  grid-column: 2 !important;
  overflow-x: clip !important;
}

.main-content > *,
.page-inner > *,
.listing-settings-shell > *,
.fl188-root .content-grid > *,
.behavior-detail-shell > * {
  min-width: 0 !important;
  max-width: 100%;
}

body.sidebar-collapsed {
  --v24-sidebar-current: 0px;
}

body.sidebar-collapsed .sidebar {
  transform: translateX(-102%) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform .22s ease, visibility 0s linear .22s !important;
}

body.sidebar-collapsed .main-content {
  width: 100% !important;
}

body.sidebar-collapsed .topbar-icon-btn {
  color: var(--v24-ink) !important;
  border-color: color-mix(in srgb, var(--v24-accent) 42%, var(--v24-line)) !important;
}

@media (max-width: 820px) {
  :root {
    --v24-sidebar-current: 0px;
  }

  .app-shell,
  body:not(.light) .app-shell {
    width: 100% !important;
    display: block !important;
    grid-template-columns: none !important;
  }

  #sidebarMount {
    width: 0 !important;
  }

  .sidebar,
  body.light .sidebar,
  body:not(.light) .sidebar,
  body.sidebar-collapsed .sidebar {
    width: min(84vw, 292px) !important;
    transform: translateX(-102%) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: transform .22s ease, visibility 0s !important;
  }

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

  .main-content,
  body:not(.light) .main-content,
  body.sidebar-collapsed .main-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
    overflow-x: clip !important;
  }
}

/* ========================================================================
   v24.4 full-page marketplace layout
   - Sidebar is a closed overlay drawer at every viewport size.
   - Shared topbar never changes position; only the left control switches menu/back.
   - Marketplace cards use a five-column desktop grid with balanced side spacing.
   - Icon-only controls have no surrounding circle or capsule.
   ======================================================================== */

:root { --v24-page: 1680px; }

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

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

html body .page-inner {
  width: min(100%, var(--v24-page)) !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 3vw, 48px) !important;
}

html body .sidebar {
  position: fixed !important;
  z-index: 66 !important;
  top: 68px !important;
  bottom: 0 !important;
  left: 0 !important;
  width: min(86vw, 304px) !important;
  transform: translateX(-104%) !important;
  transition: transform .22s ease !important;
  box-shadow: 18px 0 48px rgba(0, 0, 0, .24) !important;
}

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

html body .sidebar-overlay {
  position: fixed !important;
  z-index: 65 !important;
  inset: 68px 0 0 !important;
  display: block !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: rgba(2, 7, 10, .58) !important;
  transition: opacity .2s ease !important;
}

html body .sidebar-overlay.open,
html body .sidebar-overlay.active,
html body.sidebar-open .sidebar-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body .topbar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
}

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

html body .topbar-logo-mark,
html body .topbar-logo-copy small {
  display: none !important;
}

html body .topbar-logo-copy {
  display: block !important;
  line-height: 1 !important;
}

html body .topbar-logo-copy > span {
  display: inline-flex !important;
  align-items: baseline !important;
  font-family: "Space Grotesk", Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  white-space: nowrap !important;
}

html body .topbar-token-pill {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 6px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid var(--v24-line) !important;
  border-radius: 10px !important;
  color: var(--v24-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body .topbar-token-pill .coin {
  display: block !important;
  flex: 0 0 20px !important;
}

html body .topbar-token-value {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Center discovery tabs and search while keeping result count readable. */
html body[data-view="market-products"] .behavior-intent-strip,
html body[data-view="market-file"] .behavior-intent-strip {
  width: min(100%, 900px) !important;
  margin-inline: auto !important;
  justify-content: center !important;
}

html body[data-view="market-products"] .behavior-toolbar,
html body[data-view="market-file"] .behavior-toolbar {
  width: min(100%, 900px) !important;
  margin-inline: auto !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body[data-view="market-products"] .behavior-search-primary,
html body[data-view="market-file"] .behavior-search-primary {
  width: 100% !important;
  justify-self: center !important;
}

/* Five-column desktop market, then balanced fixed breakpoints. */
html body #mpGrid,
html body #mfGrid,
html body #favGrid,
html body .seller-card-grid-v165 {
  width: 100% !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.35vw, 22px) !important;
  justify-content: center !important;
  align-items: stretch !important;
}

/* Card media touches the card frame on the top, left and right edges. */
html body #mpGrid .market-card,
html body #mfGrid .market-card,
html body #favGrid .market-card,
html body .seller-card-grid-v165 .market-card {
  padding: 0 !important;
  overflow: hidden !important;
}

html body #mpGrid .market-card-preview,
html body #mpGrid .ref-card-preview,
html body #mfGrid .market-card-preview,
html body #mfGrid .ref-card-preview,
html body #favGrid .market-card-preview,
html body #favGrid .ref-card-preview,
html body .seller-card-grid-v165 .market-card-preview,
html body .seller-card-grid-v165 .ref-card-preview {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  align-self: start !important;
}

html body .market-card-preview .card-image-scroll,
html body .ref-card-preview .card-image-scroll,
html body .market-card-preview .card-image-slide,
html body .ref-card-preview .card-image-slide,
html body .market-card-preview img,
html body .ref-card-preview img,
html body .market-card-preview .ref-preview-placeholder,
html body .ref-card-preview .ref-preview-placeholder {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Icon-only controls: preserve hit area, remove every visible ring/circle. */
html body .topbar .topbar-icon-btn,
html body .topbar .topbar-theme,
html body .topbar .topbar-discord,
html body .search-filter-button,
html body .neo-settings-icon,
html body button[aria-label="Close"],
html body button[aria-label^="Remove"],
html body button[aria-label^="Delete"],
html body button[title="Delete from R2"],
html body button[title="Download"],
html body .icon-button,
html body .icon-delete,
html body .social-row-remove,
html body .legal-close,
html body .modal-close {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body .topbar .topbar-icon-btn:hover,
html body .topbar .topbar-theme:hover,
html body .topbar .topbar-discord:hover,
html body .search-filter-button:hover,
html body button[aria-label="Close"]:hover,
html body button[aria-label^="Remove"]:hover,
html body button[aria-label^="Delete"]:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--v24-accent) !important;
  transform: none !important;
}

html body[data-view] #mpGrid .market-card-v241 button.favorite-action,
html body[data-view] #mfGrid .market-card-v241 button.favorite-action,
html body[data-view] #favGrid .market-card-v241 button.favorite-action,
html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action,
html body .market-card-fav,
html body .ref-heart,
html body .card-heart-only {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.55)) !important;
}

html body[data-view] #mpGrid .market-card-v241 button.favorite-action:hover,
html body[data-view] #mfGrid .market-card-v241 button.favorite-action:hover,
html body[data-view] #favGrid .market-card-v241 button.favorite-action:hover,
html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action:hover {
  color: var(--v24-accent) !important;
  background: transparent !important;
  transform: scale(1.08) !important;
}

html body[data-view] #mpGrid .market-card-v241 button.favorite-action.active,
html body[data-view] #mfGrid .market-card-v241 button.favorite-action.active,
html body[data-view] #favGrid .market-card-v241 button.favorite-action.active,
html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action.active,
html body .market-card-fav.active,
html body .ref-heart.active,
html body .card-heart-only.active {
  color: var(--v24-accent) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-view] .behavior-gallery button.carousel-nav {
  width: 38px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  font-size: 34px !important;
  line-height: 1 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.72) !important;
}

/* Dedicated Product View license tag channel. */
html body[data-view="product-detail"] .product-license-slot-v243 {
  margin-top: 14px !important;
  padding-top: 14px !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  border-top: 1px solid var(--v24-line) !important;
}

html body[data-view="product-detail"] .product-license-slot-label-v243 {
  color: var(--v24-muted) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body[data-view="product-detail"] .product-license-tag-v243 {
  min-width: 0 !important;
  padding: 9px 0 !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--v24-accent) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body[data-view="product-detail"] .product-license-tag-v243 svg {
  width: 18px !important;
  height: 18px !important;
}

html body[data-view="product-detail"] .product-license-tag-v243 > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body[data-view="product-detail"] .product-license-tag-v243 small {
  color: var(--v24-muted) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body[data-view="product-detail"] .product-license-tag-v243 strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

@media (max-width: 1319px) {
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid,
  html body .seller-card-grid-v165 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1023px) {
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid,
  html body .seller-card-grid-v165 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 759px) {
  html body .app-shell { padding-top: 62px !important; }
  html body .sidebar { top: 62px !important; }
  html body .sidebar-overlay { inset-top: 62px !important; inset: 62px 0 0 !important; }
  html body .page-inner { padding-inline: 14px !important; }
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid,
  html body .seller-card-grid-v165 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  html body[data-view="market-products"] .behavior-toolbar,
  html body[data-view="market-file"] .behavior-toolbar {
    grid-template-columns: 1fr !important;
  }
  html body[data-view="market-products"] .behavior-result-count,
  html body[data-view="market-file"] .behavior-result-count {
    justify-self: center !important;
  }
  html body[data-view="product-detail"] .product-license-slot-v243 {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
}

@media (max-width: 479px) {
  html body .topbar { padding-inline: 10px !important; gap: 8px !important; }
  html body .topbar-left,
  html body .topbar-right { gap: 5px !important; }
  html body .topbar-logo-copy > span { font-size: 13px !important; }
  html body .topbar-token-pill { min-height: 36px !important; padding-inline: 7px !important; }
  html body .topbar-token-pill .coin { width: 18px !important; height: 18px !important; flex-basis: 18px !important; }
  html body .topbar-token-value { font-size: 12px !important; }
}

@media (max-width: 359px) {
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid,
  html body .seller-card-grid-v165 {
    grid-template-columns: 1fr !important;
  }
}

/* v24.4.1 specificity and responsive QA corrections. */
html body[data-view] #mpGrid.behavior-market-grid,
html body[data-view] #mfGrid.behavior-market-grid,
html body[data-view="favorites"] #favGrid,
html body[data-view="seller-profile"] .seller-card-grid-v165 {
  width: min(100%, 1320px) !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: repeat(var(--v243-grid-columns, 5), minmax(0, 250px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: clamp(10px, 1.25vw, 20px) !important;
}

html body[data-view] #mpGrid.behavior-market-grid .market-card-v241 button.favorite-action,
html body[data-view] #mfGrid.behavior-market-grid .market-card-v241 button.favorite-action,
html body[data-view="favorites"] #favGrid .market-card-v241 button.favorite-action,
html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action,
html body:not(.light)[data-view] #mpGrid.behavior-market-grid .market-card-v241 button.favorite-action,
html body:not(.light)[data-view] #mfGrid.behavior-market-grid .market-card-v241 button.favorite-action {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body[data-view] .behavior-toolbar button.search-filter-button.neo-filter-inside-btn,
html body:not(.light)[data-view] .behavior-toolbar button.search-filter-button.neo-filter-inside-btn {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .topbar button.topbar-icon-btn::before,
html body .topbar button.topbar-icon-btn::after,
html body .topbar button.topbar-theme::before,
html body .topbar button.topbar-theme::after,
html body .topbar a.topbar-discord::before,
html body .topbar a.topbar-discord::after {
  display: none !important;
  content: none !important;
}

html body .topbar-logo-copy > span,
html body .topbar-logo-copy .logo-market {
  display: inline !important;
}

@media (max-width: 759px) {
  html body[data-view="market-products"] .behavior-toolbar,
  html body[data-view="market-file"] .behavior-toolbar {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin-inline: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  html body[data-view="market-products"] .behavior-search-primary,
  html body[data-view="market-file"] .behavior-search-primary {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    flex: none !important;
    align-self: center !important;
  }

  html body[data-view="market-products"] .behavior-result-count,
  html body[data-view="market-file"] .behavior-result-count {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    min-height: 0 !important;
  }
}


/* ==========================================================================
   v24.4 — Product naming + unified Product/File search field
   ========================================================================== */
html body[data-view="market-products"] .market-search-toolbar,
html body[data-view="market-file"] .market-search-toolbar {
  width: min(100%, 900px) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

html body[data-view="market-products"] .market-search-toolbar .behavior-search-primary,
html body[data-view="market-file"] .market-search-toolbar .behavior-search-primary {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 4px 0 14px !important;
  display: flex !important;
  align-items: center !important;
  background: linear-gradient(180deg, rgba(24,34,44,.92), rgba(16,24,33,.96)) !important;
  border: 1px solid var(--r22-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html body[data-view="market-products"] .market-search-toolbar .search-input,
html body[data-view="market-file"] .market-search-toolbar .search-input {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[data-view="market-products"] .market-search-toolbar .search-filter-button,
html body[data-view="market-file"] .market-search-toolbar .search-filter-button {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 759px) {
  html body[data-view="market-products"] .market-search-toolbar,
  html body[data-view="market-file"] .market-search-toolbar {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body[data-view="market-products"] .market-search-toolbar .behavior-result-count,
  html body[data-view="market-file"] .market-search-toolbar .behavior-result-count {
    grid-column: 1 !important;
    justify-self: center !important;
    margin: 0 !important;
  }
}


/* ==========================================================================
   v24.5 — Restore Discord icon and Token + action in the fixed top bar
   ========================================================================== */
html body .topbar .topbar-discord {
  display: inline-grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8e9fe8 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .topbar .topbar-discord svg {
  display: block !important;
  width: 19px !important;
  height: 19px !important;
}

html body .topbar-token-pill {
  padding: 5px 5px 5px 10px !important;
}

html body .topbar-token-pill .topbar-token-plus {
  display: inline-grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: #f59e0b !important;
  box-shadow: none !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body .topbar-token-pill:hover .topbar-token-plus {
  background: #fb923c !important;
}

@media (max-width: 820px) {
  html body .topbar .topbar-discord {
    display: inline-grid !important;
  }
}

@media (max-width: 580px) {
  html body .topbar { padding-inline: 9px !important; }
  html body .topbar-left,
  html body .topbar-right { gap: 5px !important; }
  html body .topbar .topbar-discord {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
  }
  html body .topbar .topbar-discord svg {
    width: 17px !important;
    height: 17px !important;
  }
  html body .topbar-token-pill {
    min-height: 34px !important;
    padding: 3px 3px 3px 7px !important;
    gap: 5px !important;
  }
  html body .topbar-token-pill .topbar-token-plus {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    font-size: 16px !important;
  }
}

/* ========================================================================
   v24.6 — Legal acceptance + revenue-readiness gates
   ======================================================================== */
.revenue-readiness {
  margin: 16px 0 20px;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid color-mix(in srgb, var(--v24-accent) 28%, var(--v24-line));
  border-radius: var(--v24-radius);
  background: linear-gradient(145deg, color-mix(in srgb, var(--v24-surface) 94%, var(--v24-accent) 6%), var(--v24-surface));
}
.revenue-readiness-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}
.revenue-readiness-head h2 { margin: 4px 0; font-size: clamp(18px, 2vw, 25px); }
.revenue-readiness-head p { margin: 0; color: var(--v24-muted); font-size: 11px; }
.revenue-readiness-state {
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--v24-line);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  white-space: nowrap;
}
.revenue-readiness-state.ready { color: var(--v24-success); border-color: color-mix(in srgb, var(--v24-success) 42%, var(--v24-line)); background: color-mix(in srgb, var(--v24-success) 9%, transparent); }
.revenue-readiness-state.blocked { color: #f2b24c; border-color: color-mix(in srgb, #f2b24c 42%, var(--v24-line)); background: color-mix(in srgb, #f2b24c 8%, transparent); }
.revenue-check-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 9px; }
.revenue-check {
  min-width: 0;
  padding: 11px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid var(--v24-line);
  border-radius: 10px;
  background: var(--v24-canvas-soft);
}
.revenue-check-icon { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; font-size: 11px; font-weight: 900; }
.revenue-check.done .revenue-check-icon { color: #04120e; background: var(--v24-success); }
.revenue-check.pending .revenue-check-icon { color: #1a1104; background: #f2b24c; }
.revenue-check strong, .revenue-check small { display: block; }
.revenue-check strong { color: var(--v24-ink); font-size: 11px; }
.revenue-check small { margin-top: 3px; color: var(--v24-muted); font-size: 9px; line-height: 1.45; }
.revenue-check button { padding: 0; border: 0; color: var(--v24-structure-2); background: transparent; font-size: 9px; font-weight: 800; cursor: pointer; }
.revenue-readiness-comment { margin: 12px 0 0; padding-top: 11px; border-top: 1px solid var(--v24-line); color: var(--v24-muted); font-size: 9px; line-height: 1.55; }
.legal-backend-comment { margin-top: 12px; padding: 11px; border: 1px solid color-mix(in srgb, var(--v24-success) 30%, var(--v24-line)); border-radius: 10px; background: color-mix(in srgb, var(--v24-success) 6%, var(--v24-canvas-soft)); }
.legal-backend-comment strong { color: var(--v24-success); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.legal-backend-comment p { margin: 5px 0 0; color: var(--v24-ink-soft); font-size: 10px; line-height: 1.5; }
.fl188-root .revenue-readiness { margin: 0 0 12px; padding: 14px; }
.fl188-root .revenue-readiness-head { display: grid; }
.fl188-root .revenue-check-grid { grid-template-columns: 1fr; }

@media (max-width: 720px) {
  .revenue-readiness-head { display: grid; }
  .revenue-readiness-state { justify-self: start; }
  .revenue-check-grid { grid-template-columns: 1fr; }
}
.legal-receipt-summary { margin: 12px 0; padding: 10px 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: center; border: 1px solid color-mix(in srgb, var(--v24-success) 34%, var(--v24-line)); border-radius: 10px; background: color-mix(in srgb, var(--v24-success) 7%, var(--v24-canvas-soft)); }
.legal-receipt-summary > span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #04120e; background: var(--v24-success); font-weight: 900; }
.legal-receipt-summary strong, .legal-receipt-summary small { display: block; }
.legal-receipt-summary small { margin-top: 2px; color: var(--v24-muted); font-size: 9px; }

/* ==========================================================================
   v24.7 — Legal business gates and KYC declaration
   Additive only: existing page structure and content remain unchanged.
   ========================================================================== */
.licensed-production-acceptance,
.kyc-declaration-block {
  margin-top: 14px;
}
.licensed-production-acceptance[hidden] { display: none !important; }
.kyc-declaration-block {
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  background: rgba(2, 6, 12, .34);
}
.kyc-declaration-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 10px;
}
button[disabled],
.btn[disabled],
.save-button[disabled] {
  cursor: not-allowed !important;
  opacity: .46;
  filter: saturate(.55);
  pointer-events: none;
}
.business-gate-error {
  margin-top: 8px;
  color: #fda4af;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 640px) {
  .kyc-declaration-block { padding: 12px; }
  .kyc-declaration-links { display: grid; gap: 8px; }
}

/* ==========================================================================
   v24.8 — Full-width drawer layout and page-density correction
   Scope: presentation/layout only. Existing content, IDs, legal gates,
   backend contracts and event handlers remain unchanged.
   ========================================================================== */

/* Top bar: only Menu/Back, font wordmark, Discord and Token + action. */
html body .topbar-theme,
html body #themeToggle {
  display: none !important;
}

/* Sidebar is a drawer at every viewport width. It never reserves page width. */
html body .sidebar {
  display: flex !important;
  transform: translateX(-100%) !important;
  transition: transform .2s ease !important;
  box-shadow: 18px 0 48px rgba(0, 0, 0, .38) !important;
}
html body .sidebar.open {
  transform: translateX(0) !important;
}
html body .sidebar-overlay {
  display: block !important;
  position: fixed !important;
  inset: var(--topbar-h) 0 0 0 !important;
  z-index: 79 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: rgba(0, 3, 7, .58) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  transition: opacity .2s ease !important;
}
html body .sidebar-overlay.open,
html body .sidebar-overlay.active,
html body.sidebar-open .sidebar-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Every page uses the complete viewport after the sidebar closes. */
html body .main-content {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(18px, 2.25vw, 36px) !important;
  overflow-x: clip !important;
}
html body .page-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Remove green eyebrow copy above page headings. Internal field labels remain. */
html body .ref-page-header > .section-kicker,
html body .ref-page-header > div > .section-kicker,
html body .management-shop-heading-v161 > .section-kicker,
html body .fl188-root .page-heading .heading-kicker {
  display: none !important;
}

/* Seller legal logic remains active, but the large green status blocks are not
   repeated above Product/File Management. */
html body[data-view="product-management"] .revenue-readiness,
html body[data-view="file-management"] .revenue-readiness {
  display: none !important;
}

/* Exact centered Product/File search. Result count remains at the right edge. */
html body[data-view="market-products"] .market-search-toolbar,
html body[data-view="market-file"] .market-search-toolbar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 760px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
}
html body[data-view="market-products"] .market-search-toolbar .behavior-search-primary,
html body[data-view="market-file"] .market-search-toolbar .behavior-search-primary {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body[data-view="market-products"] .market-search-toolbar .behavior-result-count,
html body[data-view="market-file"] .market-search-toolbar .behavior-result-count {
  grid-column: 3 !important;
  justify-self: end !important;
  margin: 0 !important;
}
html body[data-view="market-products"] .behavior-intent-strip,
html body[data-view="market-file"] .behavior-intent-strip {
  justify-content: center !important;
}

/* Marketplace/Favorites use available width and up to five balanced columns. */
html body #mpGrid,
html body #mfGrid,
html body #favGrid {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.15vw, 18px) !important;
}
@media (min-width: 720px) {
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 980px) {
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1320px) {
  html body #mpGrid,
  html body #mfGrid,
  html body #favGrid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

/* Preview/image fills the card top edge-to-edge and never crosses into body. */
html body .market-card,
html body .market-card.ref-card,
html body .minimal-market-card,
html body .public-product-card-v1542,
html body .public-file-card-v1542 {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html body .market-card > .market-card-preview,
html body .market-card > .ref-card-preview,
html body .minimal-market-card > .market-card-preview,
html body .minimal-market-card > .ref-card-preview,
html body .public-product-card-v1542 > .market-card-preview,
html body .public-product-card-v1542 > .ref-card-preview,
html body .public-file-card-v1542 > .market-card-preview,
html body .public-file-card-v1542 > .ref-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: 0 0 auto !important;
  aspect-ratio: 4 / 3 !important;
}
html body .market-card-preview > img,
html body .ref-card-preview > img,
html body .market-card-preview .card-image-slide,
html body .ref-card-preview .card-image-slide,
html body .market-card-preview .ref-preview-placeholder,
html body .ref-card-preview .ref-preview-placeholder {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body .market-card > .market-card-body,
html body .market-card > .ref-card-body,
html body .minimal-market-card > .market-card-body,
html body .minimal-market-card > .ref-card-body {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(184, 207, 226, .10) !important;
}

/* Favorites, histories and tracking: no outer frame; only row cards remain. */
html body[data-view="favorites"] #favGrid,
html body[data-view="file-history"] .history-list,
html body[data-view="product-history"] .history-list,
html body[data-view="product-tracking"] .tracking-list {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="file-history"] .history-list,
html body[data-view="product-history"] .history-list,
html body[data-view="product-tracking"] .tracking-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}
html body[data-view="file-history"] .history-card,
html body[data-view="product-history"] .history-card,
html body[data-view="product-tracking"] .tracking-card {
  width: 100% !important;
  margin: 0 !important;
}

/* Product/File Management occupy the complete width and retain clear grouping. */
html body[data-view="product-management"] .behavior-management-header,
html body[data-view="file-management"] .behavior-management-header,
html body[data-view="product-management"] .behavior-management-card,
html body[data-view="file-management"] .behavior-management-card,
html body[data-view="product-management"] .behavior-management-listing-grid,
html body[data-view="file-management"] .behavior-management-listing-grid {
  width: 100% !important;
  max-width: none !important;
}
html body[data-view="product-management"] .behavior-management-listing-grid,
html body[data-view="file-management"] .behavior-management-listing-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Product Listing: full-width primary form with a stable right control column. */
html body[data-view="product-listing-settings"] .listing-settings-shell {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr) !important;
  align-items: start !important;
  gap: clamp(16px, 2vw, 28px) !important;
}
html body[data-view="product-listing-settings"] .listing-main-card,
html body[data-view="product-listing-settings"] .listing-side-card,
html body[data-view="product-listing-settings"] .sku-matrix-card,
html body[data-view="product-listing-settings"] .product-listing-compliance-panel,
html body[data-view="product-listing-settings"] .settings-bottom-bar {
  width: 100% !important;
  max-width: none !important;
}
html body[data-view="product-listing-settings"] .image-upload-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* File Listing: remove the narrow centered shell and use the page width. */
html body[data-view="file-listing-settings"] .fl188-root,
html body[data-view="file-listing-settings"] .fl188-root .page-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .page-shell {
  padding: 0 0 118px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .content-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: clamp(16px, 2vw, 28px) !important;
  align-items: start !important;
}
html body[data-view="file-listing-settings"] .fl188-root .main-column,
html body[data-view="file-listing-settings"] .fl188-root .side-column,
html body[data-view="file-listing-settings"] .fl188-root .panel,
html body[data-view="file-listing-settings"] .fl188-root .side-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .details-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) !important;
}

@media (max-width: 1100px) {
  html body[data-view="product-listing-settings"] .listing-settings-shell,
  html body[data-view="file-listing-settings"] .fl188-root .content-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .side-column {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .storage-card {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 759px) {
  html body .main-content { padding: 16px 12px 24px !important; }
  html body[data-view="market-products"] .market-search-toolbar,
  html body[data-view="market-file"] .market-search-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  html body[data-view="market-products"] .market-search-toolbar .behavior-search-primary,
  html body[data-view="market-file"] .market-search-toolbar .behavior-search-primary,
  html body[data-view="market-products"] .market-search-toolbar .behavior-result-count,
  html body[data-view="market-file"] .market-search-toolbar .behavior-result-count {
    grid-column: 1 !important;
  }
  html body[data-view="market-products"] .market-search-toolbar .behavior-result-count,
  html body[data-view="market-file"] .market-search-toolbar .behavior-result-count {
    justify-self: center !important;
  }
  html body[data-view="product-listing-settings"] .image-upload-grid,
  html body[data-view="file-listing-settings"] .fl188-root .details-grid,
  html body[data-view="file-listing-settings"] .fl188-root .side-column {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v24.8.1 — specificity and Product Listing flow correction */
html body .main-content,
html body .page-inner {
  max-width: 100% !important;
}

html body #mpGrid.behavior-market-grid,
html body #mfGrid.behavior-market-grid,
html body #favGrid.behavior-market-grid {
  width: 100% !important;
  max-width: 100% !important;
  justify-content: stretch !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (min-width: 720px) {
  html body #mpGrid.behavior-market-grid,
  html body #mfGrid.behavior-market-grid,
  html body #favGrid.behavior-market-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 980px) {
  html body #mpGrid.behavior-market-grid,
  html body #mfGrid.behavior-market-grid,
  html body #favGrid.behavior-market-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1320px) {
  html body #mpGrid.behavior-market-grid,
  html body #mfGrid.behavior-market-grid,
  html body #favGrid.behavior-market-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

/* Product listing uses one page-level grid so the SKU section follows the
   primary form directly instead of leaving an empty column-height gap. */
@media (min-width: 1101px) {
  html body[data-view="product-listing-settings"] .page-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr) !important;
    grid-template-rows: auto auto auto auto auto !important;
    gap: clamp(16px, 2vw, 28px) !important;
    align-items: start !important;
  }
  html body[data-view="product-listing-settings"] .ref-page-header {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin-bottom: 0 !important;
  }
  html body[data-view="product-listing-settings"] .listing-settings-shell {
    display: contents !important;
  }
  html body[data-view="product-listing-settings"] .listing-main-card {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  html body[data-view="product-listing-settings"] .listing-side-card {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
  }
  html body[data-view="product-listing-settings"] .sku-matrix-card {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin-top: 0 !important;
  }
  html body[data-view="product-listing-settings"] .product-listing-compliance-panel {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    margin-top: 0 !important;
  }
  html body[data-view="product-listing-settings"] .settings-bottom-bar {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    margin-top: 0 !important;
  }
}

/* v24.8.2 — Sidebar drawer specificity lock */
html body[data-view] .sidebar,
html body:not(.light) .sidebar,
html body[data-page-type] .sidebar {
  z-index: 92 !important;
  transform: translateX(-100%) !important;
}
html body[data-view] .sidebar.open,
html body:not(.light) .sidebar.open,
html body[data-page-type] .sidebar.open {
  transform: translateX(0) !important;
}
html body[data-view] .sidebar-overlay,
html body[data-page-type] .sidebar-overlay {
  z-index: 91 !important;
}


/* ========================================================================
   v24.9 — detail dropdown, listing/SKU, OrcaSlicer, seller contact, KYC/KYB
   ======================================================================== */

/* Product/File detail options: custom dark dropdown that always opens below. */
html body[data-view="product-detail"] .behavior-purchase-panel,
html body[data-view="file-detail"] .behavior-purchase-panel,
html body[data-view="product-detail"] .behavior-decision-block,
html body[data-view="file-detail"] .behavior-decision-block,
html body[data-view="product-detail"] .behavior-option-grid,
html body[data-view="file-detail"] .behavior-option-grid { overflow: visible !important; }
.detail-dropdown-v249 { position: relative; min-width: 0; z-index: 1; }
.detail-dropdown-v249.is-open { z-index: 160; }
.detail-native-select-v249 { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.detail-dropdown-trigger-v249 {
  width: 100%; min-height: 44px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border: 1px solid var(--v24-line); border-radius: 10px; color: var(--v24-ink); background: #101a24; text-align: left; cursor: pointer;
}
.detail-dropdown-trigger-v249:hover,
.detail-dropdown-trigger-v249[aria-expanded="true"] { border-color: rgba(16,185,129,.58); background: #13212c; }
.detail-dropdown-chevron-v249 { color: var(--v24-muted); transition: transform .16s ease; }
.detail-dropdown-trigger-v249[aria-expanded="true"] .detail-dropdown-chevron-v249 { transform: rotate(180deg); }
.detail-dropdown-menu-v249 {
  position: absolute; top: calc(100% + 7px); left: 0; right: 0; z-index: 190; max-height: min(310px, 46vh); overflow: auto;
  padding: 6px; border: 1px solid rgba(16,185,129,.42); border-radius: 11px; background: #0b141d; box-shadow: 0 20px 50px rgba(0,0,0,.48);
}
.detail-dropdown-menu-v249[hidden] { display: none !important; }
.detail-dropdown-menu-v249 button { width: 100%; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 7px; color: #c7d3df; background: transparent; text-align: left; cursor: pointer; }
.detail-dropdown-menu-v249 button:hover,
.detail-dropdown-menu-v249 button:focus-visible { outline: 0; color: #fff; background: rgba(255,255,255,.07); }
.detail-dropdown-menu-v249 button[aria-selected="true"] { color: #8be4c7; background: rgba(16,185,129,.14); }

/* Align Product/File heading with the first marketplace card edge. */
html body[data-view="market-products"] .behavior-market-header,
html body[data-view="market-file"] .behavior-market-header,
html body[data-view="market-products"] .behavior-intent-strip,
html body[data-view="market-file"] .behavior-intent-strip,
html body[data-view="market-products"] .market-search-toolbar,
html body[data-view="market-file"] .market-search-toolbar,
html body[data-view="market-products"] #mpGrid,
html body[data-view="market-file"] #mfGrid,
html body[data-view="market-file"] #mfActiveFilters { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
html body[data-view="market-products"] .behavior-market-header > div,
html body[data-view="market-file"] .behavior-market-header > div { justify-self: start !important; margin: 0 !important; }

/* Product listing: options, SKU and license each get a stable card. */
html body[data-view="product-listing-settings"] .listing-license-card {
  width: 100%; min-width: 0; padding: clamp(17px,2vw,24px); border: 1px solid var(--v24-line); border-radius: 12px; background: var(--v24-surface);
}
html body[data-view="product-listing-settings"] .listing-license-card .product-license-heading { margin-bottom: 14px; }
html body[data-view="product-listing-settings"] .listing-license-card .licensed-production-panel { margin-top: 14px; padding: 14px; border: 1px solid rgba(16,185,129,.25); border-radius: 10px; background: rgba(16,185,129,.035); }
html body[data-view="product-listing-settings"] .listing-license-card .license-grant-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body[data-view="product-listing-settings"] .listing-license-card .product-license-fields { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body[data-view="product-listing-settings"] .listing-license-card .licensed-production-acceptance { margin-top: 12px; padding: 12px; }
html body[data-view="product-listing-settings"] .sku-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
html body[data-view="product-listing-settings"] .product-sku-card-v249 { display: grid !important; grid-template-columns: minmax(0,1fr) 132px auto !important; gap: 12px !important; align-items: center !important; padding: 14px !important; }
.product-sku-copy-v249 { min-width: 0; display: grid; gap: 5px; }
.product-sku-copy-v249 strong { overflow-wrap: anywhere; }
.product-sku-price-v249 { display: grid; gap: 5px; color: var(--v24-muted); font-size: 10px; }
.product-sku-price-v249 > div { display: flex; align-items: center; gap: 6px; }
.product-sku-price-v249 input { min-width: 0; }
.product-sku-price-v249 small { color: var(--v24-muted); font-size: 9px; }
.product-sku-delete-v249 { white-space: nowrap; }
@media (min-width:1101px) {
  html body[data-view="product-listing-settings"] .listing-side-card { grid-row: 2 !important; }
  html body[data-view="product-listing-settings"] .sku-matrix-card { grid-column: 1 !important; grid-row: 3 !important; }
  html body[data-view="product-listing-settings"] .listing-license-card { grid-column: 2 !important; grid-row: 3 !important; }
  html body[data-view="product-listing-settings"] .product-listing-compliance-panel { grid-row: 4 !important; }
  html body[data-view="product-listing-settings"] .settings-bottom-bar { grid-row: 5 !important; }
}

/* File SKU cards — predictable information hierarchy, no compressed rows. */
html body[data-view="file-listing-settings"] .fl188-root .sku-list { gap: 14px; }
html body[data-view="file-listing-settings"] .fl188-root .sku-card { overflow: visible; }
html body[data-view="file-listing-settings"] .fl188-root .sku-summary { grid-template-columns: minmax(0,1fr) auto auto !important; padding: 16px !important; }
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 11px !important; padding: 15px 16px !important; border-top: 1px solid var(--v24-line); }
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid label { min-width: 0; display: grid; gap: 6px; }
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid label > span { color: var(--v24-muted); font-size: 9px; }
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid select,
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid input { width: 100%; min-width: 0; min-height: 40px; color: var(--v24-ink); background: #101a24; }
html body[data-view="file-listing-settings"] .fl188-root .sku-price-wrap { display: flex; align-items: center; gap: 7px; }
html body[data-view="file-listing-settings"] .fl188-root .sku-body { grid-template-columns: minmax(0,1fr) auto !important; padding: 14px 16px !important; }
html body[data-view="file-listing-settings"] .fl188-root .sku-info { flex-wrap: wrap; }
html body[data-view="file-listing-settings"] .fl188-root .sku-actions { flex-wrap: wrap; }

/* OrcaSlicer parameter dialog — clear header/controls/content/sticky actions. */
html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog { width: min(1240px,calc(100vw - 28px)); height: min(900px,calc(100vh - 28px)); border-radius: 16px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-shell { grid-template-rows: auto auto auto minmax(0,1fr) auto !important; background: #0b141d; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-head { padding: 18px 20px; align-items: flex-start; background: #0f1923; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 { font-size: clamp(17px,2vw,23px); }
html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar { align-items: stretch; padding: 12px 20px; background: #0c161f; }
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs { flex: 0 0 auto; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions { flex: 1 1 auto; justify-content: flex-end; flex-wrap: wrap; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input { flex: 1 1 240px; width: auto; max-width: 420px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-summary { padding: 10px 20px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-groups { padding: 14px 20px 22px; background: #09121a; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-group { margin-bottom: 12px; border-radius: 10px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary { min-height: 44px; padding: 12px 14px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field { grid-template-columns: minmax(0,1fr) minmax(120px,170px) 30px; min-height: 60px; padding: 11px 13px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label b { font-size: 10px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label small { font-size: 8px; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer { position: sticky; bottom: 0; z-index: 4; padding: 13px 20px; background: #0f1923; }

/* Seller contact modal. */
.seller-contact-shell-v249 { width: min(980px,100%) !important; }
.seller-contact-modal-v249 { display: grid; gap: 18px; }
.seller-contact-head-v249 { padding-right: 34px; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.seller-contact-status-v249 { flex: 0 0 auto; padding: 6px 9px; border: 1px solid rgba(16,185,129,.35); border-radius: 7px; color: #7ee0bf; background: rgba(16,185,129,.09); font-size: 10px; }
.seller-contact-section-v249 { padding: 15px; border: 1px solid var(--v24-line); border-radius: 11px; background: rgba(255,255,255,.018); }
.seller-contact-section-head-v249 { margin-bottom: 12px; display: flex; justify-content: space-between; gap: 12px; }
.seller-contact-section-head-v249 h3 { margin: 0; font-size: 14px; }
.seller-contact-section-head-v249 span { color: var(--v24-muted); font-size: 9px; }
.seller-contact-grid-v249 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px 13px; }
.seller-contact-field-v249 { min-width: 0; display: grid; gap: 6px; }
.seller-contact-field-v249 > span { color: var(--v24-muted); font-size: 10px; }
.seller-contact-error-v249 { min-height: 18px; margin: 0; color: #f29a9a; font-size: 11px; }
.seller-contact-actions-v249 { margin-top: 0; }

/* KYC/KYB — applicant-first, internal routing hidden. */
html body[data-view="kyc-verification"] .kyc-page-v249 { width: min(100%,1500px); margin-inline: auto; gap: 18px; }
html body[data-view="kyc-verification"] .kyc-hero-v249 { align-items: center; padding: clamp(20px,2.3vw,30px); }
html body[data-view="kyc-verification"] .kyc-hero-v249 h1 { margin: 0 0 7px; font-size: clamp(30px,3.5vw,46px); }
html body[data-view="kyc-verification"] .kyc-main-grid-v249 { grid-template-columns: minmax(0,1.55fr) minmax(280px,.65fr); gap: 18px; }
html body[data-view="kyc-verification"] .kyc-form-grid-v249 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
html body[data-view="kyc-verification"] .kyc-guide-card-v249 { align-self: stretch; }
html body[data-view="kyc-verification"] .kyc-guide-card-v249 ol { margin: 16px 0; padding-left: 20px; display: grid; gap: 11px; color: var(--v24-ink-soft); font-size: 12px; line-height: 1.5; }
html body[data-view="kyc-verification"] .kyc-doc-card-v249 { padding: clamp(18px,2vw,26px); }
html body[data-view="kyc-verification"] .kyc-review-grid-v249 { margin-top: 2px; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: 18px; align-items: stretch; }
html body[data-view="kyc-verification"] .kyc-submit-card-v249 { display: grid; align-content: start; gap: 14px; padding: clamp(20px,2.2vw,28px); }
html body[data-view="kyc-verification"] .kyc-submit-card-v249 .kyc-declaration-block { margin-top: 6px; padding: 16px; }
html body[data-view="kyc-verification"] .kyc-submit-footer-v249 { margin-top: 8px; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid var(--v24-line); }
html body[data-view="kyc-verification"] .kyc-submit-footer-v249 .kyc-error-text { margin: 0; }
html body[data-view="kyc-verification"] .kyc-submit-footer-v249 .kyc-submit-btn { flex: 0 0 auto; min-width: 190px; }

@media (max-width: 900px) {
  html body[data-view="product-listing-settings"] .sku-grid,
  html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid,
  html body[data-view="file-listing-settings"] .fl188-root .parameter-fields,
  .seller-contact-grid-v249,
  html body[data-view="kyc-verification"] .kyc-form-grid-v249,
  html body[data-view="kyc-verification"] .kyc-main-grid-v249,
  html body[data-view="kyc-verification"] .kyc-review-grid-v249 { grid-template-columns: 1fr !important; }
  html body[data-view="product-listing-settings"] .product-sku-card-v249 { grid-template-columns: 1fr !important; }
  html body[data-view="file-listing-settings"] .fl188-root .sku-body { grid-template-columns: 1fr !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar { display: grid; }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs { overflow-x: auto; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions { justify-content: stretch; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input { max-width: none; }
  html body[data-view="kyc-verification"] .kyc-submit-footer-v249 { align-items: stretch; flex-direction: column; }
  html body[data-view="kyc-verification"] .kyc-submit-footer-v249 .kyc-submit-btn { width: 100%; }
}

/* v24.9.1 — final SKU, modal and KYC containment fixes. */
html body[data-view="file-listing-settings"] .fl188-root .sku-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-summary,
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid,
html body[data-view="file-listing-settings"] .fl188-root .sku-body {
  width: 100% !important;
  min-width: 0 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 14px 16px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-title {
  min-width: 0 !important;
  margin-right: auto !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid {
  grid-template-columns: repeat(3,minmax(180px,1fr)) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-select {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  appearance: none !important;
  background-color: #0c141e !important;
  background-image: linear-gradient(45deg,transparent 50%,#718093 50%),linear-gradient(135deg,#718093 50%,transparent 50%) !important;
  background-position: calc(100% - 16px) 17px,calc(100% - 11px) 17px !important;
  background-size: 5px 5px,5px 5px !important;
  background-repeat: no-repeat !important;
  padding-right: 28px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-select option {
  color: var(--v24-ink) !important;
  background: #0c141e !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-body {
  padding: 14px 16px !important;
  border-top: 1px solid var(--v24-line) !important;
}

.seller-contact-shell-v249 {
  max-height: min(880px,calc(100vh - 48px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.seller-contact-actions-v249 {
  position: sticky;
  bottom: -1px;
  z-index: 4;
  padding: 13px 0 2px !important;
  background: linear-gradient(180deg,rgba(15,25,36,0),#0f1924 28%) !important;
}

html body[data-view="kyc-verification"] .kyc-submit-footer-v249 {
  min-width: 0 !important;
}
html body[data-view="kyc-verification"] .kyc-submit-footer-v249 .kyc-error-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body[data-view="kyc-verification"] .kyc-submit-footer-v249 .kyc-submit-btn {
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 230px !important;
  min-width: 190px !important;
}
@media (max-width:900px) {
  html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid { grid-template-columns: 1fr !important; }
  html body[data-view="kyc-verification"] .kyc-submit-footer-v249 .kyc-submit-btn { width: 100% !important; min-width: 0 !important; flex-basis: auto !important; }
}

/* v24.9.2 — exact marketplace heading-to-card alignment and dark SKU matrix. */
html body[data-view="market-products"] .behavior-market-header,
html body[data-view="market-file"] .behavior-market-header,
html body[data-view="market-products"] .behavior-intent-strip,
html body[data-view="market-file"] .behavior-intent-strip {
  box-sizing: border-box !important;
  padding-left: var(--market-card-offset-v249,0px) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid {
  background: #0e1823 !important;
  color: var(--v24-ink) !important;
}

/* ========================================================================
   v24.10 — Product/File View space utilisation
   Keep all existing content and behavior; enlarge gallery and option controls.
   ======================================================================== */
html body[data-view="product-detail"] .page-inner,
html body[data-view="file-detail"] .page-inner {
  width: 100% !important;
  max-width: 1720px !important;
}

html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  grid-template-columns: minmax(0, 1.42fr) minmax(430px, .98fr) !important;
  gap: clamp(14px, 1.25vw, 22px) !important;
  align-items: stretch !important;
}

html body[data-view="product-detail"] .behavior-gallery,
html body[data-view="file-detail"] .behavior-gallery {
  position: relative !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(720px, calc(100dvh - 118px), 960px) !important;
}

html body[data-view="product-detail"] .behavior-gallery .ref-preview-placeholder.large,
html body[data-view="file-detail"] .behavior-gallery .ref-preview-placeholder.large {
  position: absolute !important;
  inset: 10px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 10px !important;
}

html body[data-view="product-detail"] .behavior-purchase-panel,
html body[data-view="file-detail"] .behavior-purchase-panel {
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(720px, calc(100dvh - 118px), 960px) !important;
  padding: clamp(20px, 1.8vw, 28px) !important;
  display: flex !important;
  flex-direction: column !important;
}

html body[data-view="product-detail"] .behavior-option-grid,
html body[data-view="file-detail"] .behavior-option-grid,
html body[data-view="product-detail"] .product-option-grid-v167,
html body[data-view="file-detail"] .file-option-grid-v167 {
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 13px !important;
}

html body[data-view="product-detail"] .detail-option-field-v167,
html body[data-view="file-detail"] .detail-option-field-v167,
html body[data-view="product-detail"] .option-selector,
html body[data-view="file-detail"] .option-selector,
html body[data-view="product-detail"] .detail-dropdown-v249,
html body[data-view="file-detail"] .detail-dropdown-v249,
html body[data-view="product-detail"] .option-select-shell-v165,
html body[data-view="file-detail"] .option-select-shell-v165,
html body[data-view="product-detail"] .option-select-shell-v166,
html body[data-view="file-detail"] .option-select-shell-v166 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body[data-view="product-detail"] .detail-dropdown-trigger-v249,
html body[data-view="file-detail"] .detail-dropdown-trigger-v249,
html body[data-view="product-detail"] .detail-mail-input-v167,
html body[data-view="file-detail"] .detail-mail-input-v167 {
  width: 100% !important;
  min-height: 50px !important;
}

html body[data-view="product-detail"] .detail-dropdown-menu-v249,
html body[data-view="file-detail"] .detail-dropdown-menu-v249 {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

html body[data-view="product-detail"] .behavior-decision-block,
html body[data-view="file-detail"] .behavior-decision-block {
  width: 100% !important;
  padding-block: 18px !important;
}

html body[data-view="product-detail"] .behavior-trust-row,
html body[data-view="file-detail"] .behavior-trust-row {
  width: 100% !important;
  margin-top: auto !important;
}

html body[data-view="product-detail"] .behavior-primary-buy,
html body[data-view="file-detail"] .behavior-primary-buy {
  width: 100% !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1120px) {
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body[data-view="product-detail"] .behavior-gallery,
  html body[data-view="file-detail"] .behavior-gallery {
    min-height: clamp(480px, 64vw, 680px) !important;
  }
  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel {
    position: static !important;
    min-height: 0 !important;
    height: auto !important;
  }
}

@media (max-width: 700px) {
  html body[data-view="product-detail"] .behavior-gallery,
  html body[data-view="file-detail"] .behavior-gallery {
    min-height: clamp(330px, 88vw, 480px) !important;
  }
  html body[data-view="product-detail"] .behavior-gallery .ref-preview-placeholder.large,
  html body[data-view="file-detail"] .behavior-gallery .ref-preview-placeholder.large {
    inset: 7px !important;
  }
  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel {
    padding: 17px !important;
  }
}

/* v24.10 detail pages use more of the viewport without affecting other pages. */
html body[data-view="product-detail"] .main-content,
html body[data-view="file-detail"] .main-content {
  padding-left: clamp(16px, 2.4vw, 38px) !important;
  padding-right: clamp(16px, 2.4vw, 38px) !important;
}

html body[data-view="product-detail"] .page-inner,
html body[data-view="file-detail"] .page-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ========================================================================
   v24.11 — backend catalogs, marketplace command row and detail Bento layout
   ======================================================================== */

/* Product / File marketplace: left title, centered Google-like capsule,
   right filter action. Cards begin immediately below the command row. */
html body[data-view="market-products"] .market-command-row-v2411,
html body[data-view="market-file"] .market-command-row-v2411 {
  width: 100%;
  margin: 0 0 clamp(18px, 2vw, 28px);
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(360px, 1.25fr) minmax(88px, .42fr);
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
}
.market-command-label-v2411 { min-width: 0; }
.market-command-label-v2411 .page-title { margin: 0; font-size: clamp(30px, 3vw, 46px); }
.market-command-label-v2411 .page-desc { margin: 7px 0 0; max-width: 330px; }
.market-search-capsule-v2411 {
  width: min(100%, 760px);
  min-height: 54px;
  justify-self: center;
  padding: 0 19px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(138,161,184,.24);
  border-radius: 999px;
  color: var(--v24-muted);
  background: linear-gradient(180deg, rgba(18,29,40,.98), rgba(11,20,29,.98));
  box-shadow: 0 10px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
}
.market-search-capsule-v2411:focus-within {
  border-color: rgba(16,185,129,.64);
  box-shadow: 0 0 0 3px rgba(16,185,129,.09), 0 12px 34px rgba(0,0,0,.22);
}
.market-search-capsule-v2411 > svg { width: 20px; height: 20px; flex: 0 0 auto; }
.market-search-capsule-v2411 .search-input {
  width: 100% !important;
  height: 52px !important;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  color: var(--v24-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.market-command-actions-v2411 {
  justify-self: end;
  display: grid;
  grid-template-columns: 48px;
  justify-items: center;
  gap: 5px;
}
.market-filter-icon-v2411 {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(138,161,184,.24);
  border-radius: 50%;
  color: var(--v24-ink-soft);
  background: #101a24;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.market-filter-icon-v2411:hover,
.market-filter-icon-v2411:focus-visible { transform: translateY(-1px); border-color: rgba(16,185,129,.62); background: #13212c; outline: 0; }
.market-filter-icon-v2411 svg { width: 21px; height: 21px; }
.market-command-actions-v2411 .ref-count-label { font-size: 10px; white-space: nowrap; }
.product-active-filter-row-v2411:empty,
#mfActiveFilters:empty { display: none; }
html body[data-view="market-products"] #mpGrid,
html body[data-view="market-file"] #mfGrid { margin-top: 0 !important; }

/* Backend-location and profile forms */
.location-filter-grid-v2411 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.location-filter-grid-v2411 .form-group:nth-child(3) { grid-column: 1 / -1; }
.catalog-filter-modal-v2411 .long-option-list { max-height: min(470px, 55vh); overflow: auto; }
.seller-contact-v2411 .filter-select,
.address-grid-v2411 .filter-select,
.product-location-filter-v2411 .filter-select,
html body:not(.light) .seller-contact-v2411 select,
html body:not(.light) .address-grid-v2411 select,
html body:not(.light) .product-location-filter-v2411 select {
  width: 100%;
  min-height: 44px;
  color: var(--v24-ink) !important;
  border-color: var(--v24-line) !important;
  background-color: #0c141e !important;
  color-scheme: dark;
}
.seller-contact-v2411 select option,
.address-grid-v2411 select option,
.product-location-filter-v2411 select option { color: #dce6ef; background: #0c141e; }
.seller-contact-v2411 select:disabled,
.address-grid-v2411 select:disabled,
.product-location-filter-v2411 select:disabled { opacity: .58; cursor: not-allowed; }

/* Product / File view: gallery media plus name/description/seller Bento footer. */
html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  grid-template-columns: minmax(0, 1.42fr) minmax(430px, .98fr) !important;
  grid-template-areas: "gallery purchase" "secondary secondary" !important;
  align-items: stretch !important;
}
html body[data-view="product-detail"] .detail-gallery-card-v2411,
html body[data-view="file-detail"] .detail-gallery-card-v2411 {
  display: grid !important;
  grid-template-rows: minmax(430px, 1fr) auto !important;
  min-height: clamp(720px, calc(100dvh - 118px), 960px) !important;
  height: 100% !important;
  overflow: hidden !important;
}
.detail-gallery-media-v2411 {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #0c141d;
}
html body[data-view="product-detail"] .detail-gallery-media-v2411 .ref-preview-placeholder.large,
html body[data-view="file-detail"] .detail-gallery-media-v2411 .ref-preview-placeholder.large {
  position: absolute !important;
  inset: 10px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}
.detail-bento-meta-v2411 {
  position: relative;
  z-index: 8;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(235px, .75fr);
  gap: 12px;
  border-top: 1px solid var(--v24-line);
  background: #0e1822;
}
.detail-bento-copy-v2411,
.detail-bento-seller-v2411 {
  min-width: 0;
  border: 1px solid var(--v24-line);
  border-radius: 13px;
  background: #111d28;
}
.detail-bento-copy-v2411 { padding: clamp(17px, 1.6vw, 24px); }
.detail-bento-copy-v2411 .detail-title {
  margin: 5px 0 9px;
  font-size: clamp(27px, 2.55vw, 42px);
  line-height: 1.02;
}
.detail-bento-copy-v2411 .detail-desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: var(--v24-ink-soft);
  font-size: 12px;
  line-height: 1.65;
}
.detail-bento-copy-v2411 .detail-more-btn-v167 { margin-top: 12px; }
.detail-bento-seller-v2411 {
  width: 100%;
  padding: 16px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: var(--v24-ink);
  text-align: left;
  cursor: pointer;
}
.detail-bento-seller-v2411:hover { border-color: rgba(16,185,129,.52); background: #14232e; }
.seller-avatar-v2411 { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: #d9fff1; background: rgba(16,185,129,.16); font-weight: 850; }
.detail-bento-seller-copy-v2411 { min-width: 0; display: grid; gap: 3px; }
.detail-bento-seller-copy-v2411 small { color: var(--v24-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.detail-bento-seller-copy-v2411 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.detail-bento-seller-copy-v2411 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v24-muted); font-size: 10px; }
html body[data-view="product-detail"] .behavior-purchase-head,
html body[data-view="file-detail"] .behavior-purchase-head { padding-bottom: 18px; }
html body[data-view="product-detail"] .behavior-purchase-panel,
html body[data-view="file-detail"] .behavior-purchase-panel { min-height: clamp(720px, calc(100dvh - 118px), 960px) !important; }
html body[data-view="product-detail"] .detail-comments-panel-v2411,
html body[data-view="file-detail"] .detail-comments-panel-v2411 {
  grid-area: secondary;
  width: 100%;
  padding: clamp(18px, 2vw, 26px);
}
html body[data-view="product-detail"] .detail-comments-panel-v2411 .detail-comments-zone,
html body[data-view="file-detail"] .detail-comments-panel-v2411 .detail-comments-zone { width: 100%; }

@media (max-width: 1120px) {
  html body[data-view="market-products"] .market-command-row-v2411,
  html body[data-view="market-file"] .market-command-row-v2411 {
    grid-template-columns: minmax(130px, auto) minmax(0, 1fr) auto;
  }
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "gallery" "purchase" "secondary" !important;
  }
  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel { min-height: 0 !important; }
}
@media (max-width: 760px) {
  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) 50px;
    gap: 11px;
  }
  .market-command-label-v2411 { grid-column: 1 / -1; }
  .market-command-label-v2411 .page-desc { max-width: none; }
  .market-search-capsule-v2411 { min-height: 48px; padding-inline: 15px; }
  .market-search-capsule-v2411 .search-input { height: 46px !important; }
  .market-command-actions-v2411 { grid-column: 2; grid-row: 2; }
  .market-command-actions-v2411 .ref-count-label { display: none; }
  .market-filter-icon-v2411 { width: 46px; height: 46px; }
  .location-filter-grid-v2411 { grid-template-columns: 1fr; }
  .location-filter-grid-v2411 .form-group:nth-child(3) { grid-column: auto; }
  .detail-bento-meta-v2411 { grid-template-columns: 1fr; }
  .detail-bento-seller-v2411 { grid-template-columns: 44px minmax(0, 1fr) auto; }
  html body[data-view="product-detail"] .detail-gallery-card-v2411,
  html body[data-view="file-detail"] .detail-gallery-card-v2411 { min-height: 0 !important; grid-template-rows: minmax(330px, 78vw) auto !important; }
}


/* ========================================================================
   v24.12 — fluid minimal redesign, flat Bento management and readable forms
   ======================================================================== */

/* Readable typography across display formats. */
html { font-size: clamp(15px, .18vw + 13.5px, 17px); }
body { line-height: 1.5; }
.page-title { font-size: clamp(1.9rem, 2.7vw, 3rem) !important; line-height: 1.05 !important; }
.page-desc, .muted, .field-help, .panel-title p, .form-label, label > span { font-size: clamp(.82rem, .18vw + .72rem, .98rem) !important; }
input, select, textarea, button { font-size: clamp(.84rem, .15vw + .76rem, 1rem); }

/* Marketplace command area: closer to topbar, much wider search, clear hierarchy. */
html body[data-view="market-products"] .main-content,
html body[data-view="market-file"] .main-content { padding-top: clamp(18px, 2.2vw, 30px) !important; }
html body[data-view="market-products"] .market-command-row-v2411,
html body[data-view="market-file"] .market-command-row-v2411 {
  margin-top: 0 !important;
  margin-bottom: clamp(22px, 2.4vw, 34px) !important;
  grid-template-columns: minmax(145px, .32fr) minmax(500px, 1.7fr) minmax(76px, .26fr) !important;
  gap: clamp(16px, 2vw, 32px) !important;
}
.market-command-label-v2411 .page-title { font-size: clamp(2rem, 3vw, 3.2rem) !important; }
.market-command-label-v2411 .page-desc { margin-top: 5px !important; font-size: clamp(.78rem, .12vw + .73rem, .92rem) !important; }
.market-search-capsule-v2411 {
  width: min(100%, 980px) !important;
  min-height: clamp(60px, 5.2vw, 72px) !important;
  padding-inline: clamp(20px, 2.1vw, 30px) !important;
  border-radius: 999px !important;
  border-color: rgba(138,161,184,.34) !important;
  background: #111b25 !important;
}
.market-search-capsule-v2411 .search-input { height: clamp(58px, 5vw, 70px) !important; font-size: clamp(1rem, .35vw + .9rem, 1.18rem) !important; }
.market-search-capsule-v2411 > svg { width: 24px !important; height: 24px !important; }
.market-filter-icon-v2411 { width: 52px !important; height: 52px !important; border-radius: 14px !important; }

/* Marketplace preview touches top/left/right card edges; controls remain inset. */
body:not(.light) .market-card-v241 .market-card-preview,
body:not(.light) .market-card-v241 .ref-card-preview {
  margin: 0 !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}
body:not(.light) .market-card-v241 .ref-preview-placeholder { border-radius: 0 !important; }
body:not(.light) .market-card-v241 .ref-preview-placeholder::after { inset: 0 !important; border: 0 !important; border-radius: 0 !important; }
body:not(.light) .market-card-v241 .carousel-nav.left { left: 10px !important; }
body:not(.light) .market-card-v241 .carousel-nav.right { right: 10px !important; }
body:not(.light) .market-card-v241 .favorite-action,
body:not(.light) .market-card-v241 .market-card-fav,
body:not(.light) .market-card-v241 .ref-heart { top: 12px !important; right: 12px !important; }

/* Seller profile: one minimal surface, no card-on-card composition. */
.seller-profile-flat-v2412 {
  width: 100%;
  display: grid;
  gap: 0;
  border: 1px solid var(--v24-line);
  border-radius: 18px;
  overflow: hidden;
  background: var(--v24-surface);
}
.seller-profile-head-v2412 {
  padding: clamp(24px, 3vw, 42px);
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: clamp(18px, 2.5vw, 34px);
  align-items: center;
}
.seller-profile-copy-v2412 { min-width: 0; }
.seller-profile-copy-v2412 .page-title { margin: 4px 0 9px; }
.seller-profile-copy-v2412 .seller-contact-line { margin-top: 12px; color: var(--v24-muted); font-size: clamp(.82rem, .2vw + .75rem, .96rem); overflow-wrap: anywhere; }
.seller-profile-actions-v2412 { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.seller-profile-metrics-v2412 {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 1px solid var(--v24-line);
  border-bottom: 1px solid var(--v24-line);
}
.seller-profile-metrics-v2412 > div { padding: clamp(18px,2vw,28px); display: grid; gap: 8px; }
.seller-profile-metrics-v2412 > div + div { border-left: 1px solid var(--v24-line); }
.seller-profile-metrics-v2412 span { color: var(--v24-muted); font-size: .82rem; }
.seller-profile-metrics-v2412 strong { font-size: clamp(1.35rem, 1.7vw, 2rem); }
.seller-profile-content-v2412 { padding: clamp(20px,2.5vw,36px); }

/* Product/File management: a single large Bento surface with flat internal zones. */
.management-page-head-v2412 { margin-bottom: clamp(16px,2vw,24px) !important; }
.management-flat-v2412 {
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: var(--v24-surface) !important;
}
.management-flat-v2412 .behavior-shop-row { padding: clamp(20px,2.4vw,32px) !important; border-bottom: 1px solid var(--v24-line); }
.management-flat-v2412 .management-name-line-v161 strong { font-size: clamp(1.35rem,1.6vw,1.85rem); }
.management-flat-v2412 .behavior-ops-grid,
.management-flat-v2412 .behavior-finance-grid { gap: 0 !important; margin: 0 !important; }
.management-priority-grid-v2412 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.management-flat-v2412 .behavior-ops-metric,
.management-flat-v2412 .management-metric-v161 {
  min-height: 150px;
  padding: clamp(20px,2vw,30px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.management-flat-v2412 .behavior-ops-metric + .behavior-ops-metric,
.management-flat-v2412 .management-metric-v161 + .management-metric-v161 { border-left: 1px solid var(--v24-line) !important; }
.management-flat-v2412 .behavior-ops-grid { border-bottom: 1px solid var(--v24-line); }
.management-flat-v2412 .behavior-ops-metric > span,
.management-flat-v2412 .management-metric-v161 > span { font-size: .78rem !important; }
.management-flat-v2412 .behavior-ops-metric > strong { margin-top: 10px; font-size: clamp(1.45rem,2vw,2.35rem) !important; line-height: 1.1; }
.management-finance-strip-v2412 { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
.file-management-flat-v2412 .management-finance-strip-v2412 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.management-finance-strip-v2412 .management-metric-v161 { min-height: 112px; }
.management-finance-strip-v2412 strong { font-size: clamp(1rem,1.05vw,1.35rem) !important; }
.metric-caption-v2412 { margin-top: 12px; color: var(--v24-muted); font-size: .78rem; }
.metric-progress-v2412 { height: 8px; margin-top: 18px; overflow: hidden; border-radius: 999px; background: rgba(138,161,184,.12); }
.metric-progress-v2412 i { display: block; height: 100%; border-radius: inherit; background: var(--v24-accent); }
.metric-bars-v2412 { margin-top: 18px; height: 34px; display: flex; align-items: end; gap: 5px; }
.metric-bars-v2412 i { flex: 1; min-width: 5px; border-radius: 3px 3px 0 0; background: rgba(16,185,129,.7); }
.metric-bars-v2412 i:nth-child(1){height:45%}.metric-bars-v2412 i:nth-child(2){height:70%}.metric-bars-v2412 i:nth-child(3){height:58%}.metric-bars-v2412 i:nth-child(4){height:88%}.metric-bars-v2412 i:nth-child(5){height:76%}
.metric-alert-line-v2412 { margin-top: 18px; display: flex; align-items: center; gap: 8px; color: #f0b35b; font-size: .78rem; }
.metric-alert-line-v2412 i { width: 8px; height: 8px; border-radius: 50%; background: #f0b35b; box-shadow: 0 0 0 5px rgba(240,179,91,.1); }
.metric-coverage-v2412 { margin-top: 18px; display: flex; gap: 8px; }
.metric-coverage-v2412 i { width: 12px; height: 12px; border-radius: 4px; background: var(--v24-accent); opacity: .9; }
.management-chart-metric-v2412 svg { width: 100%; height: 38px; margin-top: 10px; overflow: visible; }
.management-chart-metric-v2412 polyline { fill: none; stroke: var(--v24-accent); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.management-list-zone-v2412 { margin-top: clamp(18px,2vw,26px); padding: clamp(18px,2.2vw,30px); border: 1px solid var(--v24-line); border-radius: 18px; background: var(--v24-surface); }
.management-list-zone-v2412 .behavior-management-listing-grid { gap: 0 !important; border-top: 1px solid var(--v24-line); }
.management-list-zone-v2412 .management-card,
.management-list-zone-v2412 .management-list-card,
.management-list-zone-v2412 .management-row { border-radius: 0 !important; box-shadow: none !important; }

/* Product listing: one large canvas with flat zones instead of stacked shells. */
html body[data-view="product-listing-settings"] .page-inner { max-width: 1560px !important; }
html body[data-view="product-listing-settings"] .listing-settings-shell,
html body[data-view="product-listing-settings"] .listing-license-card,
html body[data-view="product-listing-settings"] .sku-matrix-card,
html body[data-view="product-listing-settings"] .product-listing-compliance-panel {
  margin: 0 !important;
  border-radius: 0 !important;
  border-left: 1px solid var(--v24-line) !important;
  border-right: 1px solid var(--v24-line) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--v24-line) !important;
  background: var(--v24-surface) !important;
  box-shadow: none !important;
}
html body[data-view="product-listing-settings"] .listing-settings-shell { border-top: 1px solid var(--v24-line) !important; border-radius: 18px 18px 0 0 !important; overflow: hidden; }
html body[data-view="product-listing-settings"] .listing-main-card,
html body[data-view="product-listing-settings"] .listing-side-card,
html body[data-view="product-listing-settings"] .option-group-card,
html body[data-view="product-listing-settings"] .licensed-production-panel,
html body[data-view="product-listing-settings"] .legal-submit-panel { border-radius: 0 !important; box-shadow: none !important; }
html body[data-view="product-listing-settings"] .listing-main-card,
html body[data-view="product-listing-settings"] .listing-side-card { border: 0 !important; background: transparent !important; }
html body[data-view="product-listing-settings"] .listing-side-card { border-left: 1px solid var(--v24-line) !important; }
html body[data-view="product-listing-settings"] .listing-license-card,
html body[data-view="product-listing-settings"] .sku-matrix-card,
html body[data-view="product-listing-settings"] .product-listing-compliance-panel { padding: clamp(24px,3vw,42px) !important; }
html body[data-view="product-listing-settings"] .settings-bottom-bar,
html body[data-view="product-listing-settings"] .listing-actions { width: 100%; margin: 0 !important; justify-content: center !important; gap: clamp(18px,3vw,42px) !important; border-radius: 0 0 18px 18px !important; }
html body[data-view="product-listing-settings"] .listing-actions .btn { min-width: 160px; }

/* File listing: one canvas, flat steps, no box-within-box congestion. */
html body[data-view="file-listing-settings"] .fl188-root .page-shell {
  max-width: 1600px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--v24-line);
  border-radius: 18px;
  background: var(--v24-surface);
}
html body[data-view="file-listing-settings"] .fl188-root .page-heading,
html body[data-view="file-listing-settings"] .fl188-root .workflow-strip,
html body[data-view="file-listing-settings"] .fl188-root .content-grid { margin: 0 !important; }
html body[data-view="file-listing-settings"] .fl188-root .page-heading { padding: clamp(24px,3vw,42px); border-bottom: 1px solid var(--v24-line); }
html body[data-view="file-listing-settings"] .fl188-root .workflow-strip { border: 0 !important; border-bottom: 1px solid var(--v24-line) !important; border-radius: 0 !important; background: transparent !important; }
html body[data-view="file-listing-settings"] .fl188-root .content-grid { grid-template-columns: minmax(0,1fr) minmax(300px,360px) !important; gap: 0 !important; }
html body[data-view="file-listing-settings"] .fl188-root .main-column { gap: 0 !important; }
html body[data-view="file-listing-settings"] .fl188-root .panel,
html body[data-view="file-listing-settings"] .fl188-root .side-card,
html body[data-view="file-listing-settings"] .fl188-root .matrix-card,
html body[data-view="file-listing-settings"] .fl188-root .single-sku,
html body[data-view="file-listing-settings"] .fl188-root .manual-panel {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v24-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="file-listing-settings"] .fl188-root .panel { padding: clamp(24px,3vw,42px) !important; }
html body[data-view="file-listing-settings"] .fl188-root .side-column { gap: 0 !important; border-left: 1px solid var(--v24-line); }
html body[data-view="file-listing-settings"] .fl188-root .side-card { padding: clamp(22px,2.5vw,34px) !important; }
html body[data-view="file-listing-settings"] .fl188-root .action-bar {
  width: min(100%, 1600px) !important;
  margin: 16px auto 0 !important;
  padding: 15px 20px !important;
  justify-content: center !important;
  gap: clamp(20px,4vw,56px) !important;
  border-radius: 16px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .action-copy { display: none !important; }
html body[data-view="file-listing-settings"] .fl188-root .action-buttons { width: auto !important; justify-content: center !important; gap: clamp(18px,3vw,40px) !important; }
html body[data-view="file-listing-settings"] .fl188-root .action-buttons .btn { min-width: 170px; }

/* OrcaSlicer parameters: use width efficiently and keep type readable. */
html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog { width: min(1520px,calc(100vw - 24px)) !important; height: min(940px,calc(100dvh - 24px)) !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-head { padding: 22px 28px !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 { font-size: clamp(1.4rem,2vw,2rem) !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-head p { font-size: .92rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar { padding: 15px 28px !important; gap: 18px !important; }
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button { min-height: 44px; padding: 0 15px; font-size: .9rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input { min-height: 44px; font-size: .9rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-summary { padding: 12px 28px !important; font-size: .88rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-groups { padding: 18px 28px 28px !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary { min-height: 52px !important; padding: 14px 18px !important; font-size: .95rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-fields { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 1px !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field { grid-template-columns: minmax(0,1fr) minmax(130px,180px) 34px !important; min-height: 76px !important; padding: 14px 16px !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label b { font-size: .88rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label small { font-size: .73rem !important; line-height: 1.35 !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-field input,
html body[data-view="file-listing-settings"] .fl188-root .parameter-field select { min-height: 42px; font-size: .9rem !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer { padding: 15px 28px !important; justify-content: center !important; gap: 28px !important; }
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer .btn { min-width: 160px; }

/* Plan: remove decorative hero box and prioritize current plan + plan cards. */
.plan-heading-flat-v2412 { margin: 0 0 clamp(18px,2vw,28px); padding: 0; background: transparent; }
.plan-heading-flat-v2412 h1 { margin: 5px 0 8px; font-size: clamp(2.2rem,3.8vw,4rem); line-height: 1; }
.plan-heading-flat-v2412 p { margin: 0; color: var(--v24-muted); font-size: clamp(.95rem,.25vw + .86rem,1.12rem); }
.plan-summary-primary-v2412 { margin-bottom: clamp(20px,2.4vw,34px) !important; padding: 0 !important; border: 1px solid var(--v24-line); border-radius: 18px; overflow: hidden; background: var(--v24-surface); }
.plan-summary-primary-v2412 > div { min-height: 112px; padding: clamp(20px,2vw,30px) !important; border-radius: 0 !important; background: transparent !important; }
.plan-summary-primary-v2412 > div + div { border-left: 1px solid var(--v24-line); }
.plan-summary-primary-v2412 strong { margin-top: 8px; font-size: clamp(1.25rem,1.7vw,2rem) !important; }
.plan-grid-priority-v2412 .plan-card,
.plan-grid-priority-v2412 > * { min-height: 390px; }
.plan-grid-priority-v2412 h2,
.plan-grid-priority-v2412 .plan-name { font-size: clamp(1.35rem,1.5vw,1.8rem) !important; }
.plan-grid-priority-v2412 .plan-price,
.plan-grid-priority-v2412 .plan-storage { font-size: clamp(1.8rem,2.6vw,3rem) !important; }
.plan-ledger-note-v2412 { margin-top: 22px !important; }

/* KYC/KYB: one calm canvas with separators, not nested boxes. */
html body[data-view="kyc-verification"] .kyc-page-v249 {
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--v24-line);
  border-radius: 18px;
  background: var(--v24-surface);
}
html body[data-view="kyc-verification"] .kyc-hero-v249,
html body[data-view="kyc-verification"] .kyc-primary-card,
html body[data-view="kyc-verification"] .kyc-side-card,
html body[data-view="kyc-verification"] .kyc-doc-card-v249,
html body[data-view="kyc-verification"] .kyc-review-card {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="kyc-verification"] .kyc-hero-v249 { padding: clamp(26px,3vw,44px) !important; border-bottom: 1px solid var(--v24-line) !important; }
html body[data-view="kyc-verification"] .kyc-main-grid-v249 { gap: 0 !important; border-bottom: 1px solid var(--v24-line); }
html body[data-view="kyc-verification"] .kyc-primary-card,
html body[data-view="kyc-verification"] .kyc-side-card { padding: clamp(24px,3vw,42px) !important; }
html body[data-view="kyc-verification"] .kyc-side-card { border-left: 1px solid var(--v24-line) !important; }
html body[data-view="kyc-verification"] .kyc-doc-card-v249 { padding: clamp(24px,3vw,42px) !important; border-bottom: 1px solid var(--v24-line) !important; }
html body[data-view="kyc-verification"] .kyc-doc-grid > * { border-radius: 12px !important; }
html body[data-view="kyc-verification"] .kyc-review-grid-v249 { gap: 0 !important; }
html body[data-view="kyc-verification"] .kyc-review-card { padding: clamp(26px,3vw,44px) !important; }
html body[data-view="kyc-verification"] .kyc-review-card + .kyc-review-card { border-left: 1px solid var(--v24-line) !important; }
html body[data-view="kyc-verification"] .kyc-declaration-block { margin-top: 22px !important; padding-top: 22px !important; border-top: 1px solid var(--v24-line); }
html body[data-view="kyc-verification"] .kyc-submit-footer-v249 { margin-top: 24px !important; padding-top: 20px !important; border-top: 1px solid var(--v24-line); }

@media (max-width: 1180px) {
  html body[data-view="market-products"] .market-command-row-v2411,
  html body[data-view="market-file"] .market-command-row-v2411 { grid-template-columns: minmax(130px,.3fr) minmax(360px,1.4fr) auto !important; }
  .management-priority-grid-v2412 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .management-flat-v2412 .behavior-ops-metric:nth-child(3) { border-left: 0 !important; border-top: 1px solid var(--v24-line) !important; }
  .management-flat-v2412 .behavior-ops-metric:nth-child(4) { border-top: 1px solid var(--v24-line) !important; }
  .management-finance-strip-v2412 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .file-management-flat-v2412 .management-finance-strip-v2412 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-fields { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 820px) {
  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) auto !important; }
  .market-command-label-v2411 { grid-column: 1 / -1 !important; }
  .market-search-capsule-v2411 { min-height: 54px !important; }
  .seller-profile-head-v2412 { grid-template-columns: auto minmax(0,1fr); }
  .seller-profile-actions-v2412 { grid-column: 1 / -1; justify-content: flex-start; }
  .seller-profile-metrics-v2412 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seller-profile-metrics-v2412 > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--v24-line); }
  .seller-profile-metrics-v2412 > div:nth-child(4) { border-top: 1px solid var(--v24-line); }
  .management-finance-strip-v2412,
  .file-management-flat-v2412 .management-finance-strip-v2412 { grid-template-columns: 1fr !important; }
  .management-flat-v2412 .management-metric-v161 + .management-metric-v161 { border-left: 0 !important; border-top: 1px solid var(--v24-line) !important; }
  html body[data-view="product-listing-settings"] .listing-side-card { border-left: 0 !important; border-top: 1px solid var(--v24-line) !important; }
  html body[data-view="file-listing-settings"] .fl188-root .content-grid { grid-template-columns: 1fr !important; }
  html body[data-view="file-listing-settings"] .fl188-root .side-column { border-left: 0 !important; border-top: 1px solid var(--v24-line); }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-fields { grid-template-columns: 1fr !important; }
  html body[data-view="kyc-verification"] .kyc-side-card,
  html body[data-view="kyc-verification"] .kyc-review-card + .kyc-review-card { border-left: 0 !important; border-top: 1px solid var(--v24-line) !important; }
}
@media (max-width: 560px) {
  .market-command-label-v2411 .page-desc { display: none; }
  .market-search-capsule-v2411 { padding-inline: 16px !important; }
  .management-priority-grid-v2412 { grid-template-columns: 1fr !important; }
  .management-flat-v2412 .behavior-ops-metric + .behavior-ops-metric { border-left: 0 !important; border-top: 1px solid var(--v24-line) !important; }
  .seller-profile-metrics-v2412 { grid-template-columns: 1fr; }
  .seller-profile-metrics-v2412 > div + div { border-left: 0; border-top: 1px solid var(--v24-line); }
  html body[data-view="product-listing-settings"] .listing-actions,
  html body[data-view="file-listing-settings"] .fl188-root .action-buttons { flex-direction: column; width: 100% !important; }
  html body[data-view="product-listing-settings"] .listing-actions .btn,
  html body[data-view="file-listing-settings"] .fl188-root .action-buttons .btn { width: 100%; }
}


/* v24.12.1 refinements from real browser render. */
html body[data-view="plan"] .revenue-readiness { display: none !important; }

.product-listing-canvas-v2412 {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(320px,.72fr);
  border: 1px solid var(--v24-line);
  border-radius: 18px;
  overflow: hidden;
  background: var(--v24-surface);
}
.product-listing-canvas-v2412 > .listing-settings-shell { grid-column: 1 / -1; border: 0 !important; border-bottom: 1px solid var(--v24-line) !important; border-radius: 0 !important; }
.product-listing-canvas-v2412 > .sku-matrix-card { grid-column: 1; border: 0 !important; border-right: 1px solid var(--v24-line) !important; border-bottom: 1px solid var(--v24-line) !important; }
.product-listing-canvas-v2412 > .listing-license-card { grid-column: 2; border: 0 !important; border-bottom: 1px solid var(--v24-line) !important; }
.product-listing-canvas-v2412 > .product-listing-compliance-panel { grid-column: 1 / -1; border: 0 !important; }
html body[data-view="product-listing-settings"] .settings-bottom-bar,
html body[data-view="product-listing-settings"] .listing-actions { position: static !important; margin-top: 16px !important; border-radius: 16px !important; }
html body[data-view="file-listing-settings"] .fl188-root .action-bar { position: static !important; inset: auto !important; transform: none !important; }

html body[data-view="kyc-verification"] .kyc-declaration-block,
html body[data-view="kyc-verification"] .product-compliance-check.kyc-declaration-check {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="kyc-verification"] .product-compliance-check.kyc-declaration-check { padding: 0 !important; }

@media (max-width: 980px) {
  .product-listing-canvas-v2412 { grid-template-columns: 1fr; }
  .product-listing-canvas-v2412 > .sku-matrix-card,
  .product-listing-canvas-v2412 > .listing-license-card { grid-column: 1; border-right: 0 !important; }
}

/* Product listing wrapper must override the legacy page-level grid. */
html body[data-view="product-listing-settings"] .page-inner {
  display: block !important;
  width: 100% !important;
}
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 {
  width: 100% !important;
}
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 > .listing-settings-shell {
  display: grid !important;
  grid-template-columns: minmax(0,1.7fr) minmax(320px,.8fr) !important;
  gap: 0 !important;
}
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-main-card,
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-side-card,
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .sku-matrix-card,
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-license-card,
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .product-listing-compliance-panel {
  grid-row: auto !important;
  min-width: 0 !important;
}
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-main-card { grid-column: 1 !important; }
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-side-card { grid-column: 2 !important; }
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .sku-matrix-card { grid-column: 1 !important; }
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-license-card { grid-column: 2 !important; }
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .product-listing-compliance-panel { grid-column: 1 / -1 !important; }
@media (max-width: 980px) {
  html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 > .listing-settings-shell { grid-template-columns: 1fr !important; }
  html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-main-card,
  html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-side-card,
  html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .sku-matrix-card,
  html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 .listing-license-card { grid-column: 1 !important; }
}

/* Independent listing columns prevent License from pushing the SKU section. */
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 { display: block !important; }
.product-listing-columns-v2412 { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(320px,.75fr); align-items: start; }
.product-listing-primary-v2412,
.product-listing-secondary-v2412 { min-width: 0; display: grid; align-content: start; }
.product-listing-primary-v2412 { border-right: 1px solid var(--v24-line); }
.product-listing-primary-v2412 > *,
.product-listing-secondary-v2412 > * { margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
.product-listing-primary-v2412 > * + *,
.product-listing-secondary-v2412 > * + * { border-top: 1px solid var(--v24-line) !important; }
.product-listing-primary-v2412 .listing-main-card,
.product-listing-primary-v2412 .sku-matrix-card,
.product-listing-secondary-v2412 .listing-side-card,
.product-listing-secondary-v2412 .listing-license-card { padding: clamp(24px,3vw,42px) !important; }
.product-listing-canvas-v2412 > .product-listing-compliance-panel { border-top: 1px solid var(--v24-line) !important; }
@media (max-width:980px){
  .product-listing-columns-v2412 { grid-template-columns: 1fr; }
  .product-listing-primary-v2412 { border-right: 0; }
  .product-listing-secondary-v2412 { border-top: 1px solid var(--v24-line); }
}

/* Parameter form consumes the complete dialog; no unused right-side pane. */
html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog > .parameter-shell,
html body[data-view="file-listing-settings"] .fl188-root .parameter-shell {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
}

/* ========================================================================
   v24.13 — OrcaSlicer parameter readability and space utilisation
   Scope: File Listing > OrcaSlicer Parameters only.
   Keeps all 122 rows and parameter logic unchanged.
   ======================================================================== */
html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog {
  width: min(1540px, calc(100vw - clamp(16px, 2vw, 36px))) !important;
  height: min(960px, calc(100dvh - clamp(16px, 2vw, 30px))) !important;
  border-radius: clamp(16px, 1.4vw, 24px) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-shell {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  background: #0b141d !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: clamp(18px, 2vw, 34px) !important;
  padding: clamp(24px, 2.6vw, 40px) clamp(24px, 3vw, 48px) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head .eyebrow {
  margin-bottom: 9px !important;
  font-size: clamp(.76rem, .2vw + .7rem, .92rem) !important;
  letter-spacing: .14em !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 {
  max-width: 1180px !important;
  margin: 0 !important;
  font-size: clamp(1.8rem, 2.4vw, 2.75rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: anywhere !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child {
  max-width: 900px !important;
  margin: 10px 0 0 !important;
  color: #9eafbd !important;
  font-size: clamp(.94rem, .22vw + .88rem, 1.08rem) !important;
  line-height: 1.6 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head .icon-button {
  width: clamp(44px, 3vw, 52px) !important;
  height: clamp(44px, 3vw, 52px) !important;
  border-radius: 13px !important;
  font-size: 1.6rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
  display: grid !important;
  grid-template-columns: minmax(430px, .9fr) minmax(420px, 1.1fr) !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 32px) !important;
  padding: clamp(16px, 1.7vw, 24px) clamp(24px, 3vw, 48px) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs {
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 15px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button {
  flex: 1 1 0 !important;
  min-height: 58px !important;
  padding: 0 clamp(15px, 1.8vw, 28px) !important;
  color: #98a9b8 !important;
  font-size: clamp(1rem, .22vw + .94rem, 1.14rem) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button.active {
  color: #d9fff1 !important;
  box-shadow: inset 0 0 0 1px rgba(16,185,129,.6) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs b {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 26px !important;
  height: 24px !important;
  margin-left: 8px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  font-size: .78rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions {
  display: grid !important;
  grid-template-columns: minmax(230px, 1fr) auto auto !important;
  gap: 10px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding-inline: 17px !important;
  font-size: 1rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions .btn {
  min-height: 52px !important;
  padding-inline: 17px !important;
  font-size: .94rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-summary {
  min-height: 52px !important;
  align-items: center !important;
  padding: 12px clamp(24px, 3vw, 48px) !important;
  color: #b3c0cb !important;
  font-size: clamp(.93rem, .18vw + .88rem, 1.05rem) !important;
  font-weight: 700 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-groups {
  padding: clamp(16px, 1.8vw, 28px) clamp(24px, 3vw, 48px) clamp(28px, 3vw, 46px) !important;
  scrollbar-gutter: stable both-edges !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group {
  margin-bottom: 14px !important;
  border-radius: 15px !important;
  background: #0d1822 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary {
  min-height: 64px !important;
  padding: 16px 20px !important;
  cursor: pointer !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary b {
  color: #e7edf2 !important;
  font-size: clamp(1.02rem, .22vw + .96rem, 1.16rem) !important;
  line-height: 1.25 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary span {
  min-width: 78px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(138,161,184,.2) !important;
  border-radius: 999px !important;
  color: #a9bac7 !important;
  background: rgba(255,255,255,.025) !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group[open] > summary {
  border-bottom: 1px solid var(--v24-line) !important;
  background: rgba(16,185,129,.045) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-field {
  min-height: 92px !important;
  grid-template-columns: minmax(0, 1fr) minmax(132px, 42%) 36px !important;
  gap: 12px !important;
  padding: 16px !important;
  background: #0b151e !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label b {
  color: #edf3f7 !important;
  font-size: clamp(.98rem, .17vw + .94rem, 1.08rem) !important;
  line-height: 1.25 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-field label small {
  margin-top: 5px !important;
  color: #899aa8 !important;
  font-size: clamp(.78rem, .12vw + .75rem, .88rem) !important;
  line-height: 1.35 !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 {
  width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  padding-inline: 14px !important;
  border-radius: 11px !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-control.toggle {
  min-height: 50px !important;
  align-items: center !important;
}
html body[data-view="file-listing-settings"] .fl188-root .switch {
  width: 54px !important;
  height: 31px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .switch i {
  width: 23px !important;
  height: 23px !important;
  top: 3px !important;
  left: 3px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .switch.on i { left: 26px !important; }
html body[data-view="file-listing-settings"] .fl188-root .field-reset {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-size: 1.2rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer {
  justify-content: center !important;
  gap: 14px !important;
  padding: 17px clamp(24px, 3vw, 48px) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer .btn {
  min-width: 190px !important;
  min-height: 52px !important;
  font-size: 1rem !important;
}

@media (max-width: 1320px) {
  html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
    grid-template-columns: 1fr !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog {
    width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    border-radius: 15px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head {
    padding: 20px 18px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 {
    font-size: clamp(1.55rem, 6vw, 2.15rem) !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child {
    font-size: .98rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
    padding: 14px 18px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs {
    min-height: 54px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button {
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 0 9px !important;
    font-size: .96rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs b {
    min-width: 23px !important;
    height: 22px !important;
    margin-left: 4px !important;
    font-size: .72rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions {
    grid-template-columns: 1fr 1fr !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input {
    grid-column: 1 / -1 !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-summary {
    padding-inline: 18px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-groups {
    padding: 14px 18px 26px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-fields {
    grid-template-columns: 1fr !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-field {
    min-height: 88px !important;
    grid-template-columns: minmax(0, 1fr) minmax(130px, 44%) 36px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-footer {
    padding: 14px 18px !important;
  }
}
@media (max-width: 520px) {
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head {
    grid-template-columns: minmax(0,1fr) 44px !important;
    padding: 17px 14px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head .eyebrow {
    font-size: .72rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 {
    font-size: 1.55rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child {
    font-size: .93rem !important;
    line-height: 1.45 !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
    padding: 12px 14px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button {
    justify-content: space-between !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--v24-line) !important;
    font-size: 1rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button:last-child { border-bottom: 0 !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions {
    grid-template-columns: 1fr !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input,
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions .btn {
    grid-column: 1 !important;
    width: 100% !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-summary {
    min-height: 48px !important;
    padding: 10px 14px !important;
    font-size: .94rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-groups {
    padding: 12px 14px 24px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary {
    min-height: 60px !important;
    padding: 14px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary b {
    font-size: 1.05rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-field {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    grid-template-areas: "label reset" "control control" !important;
    gap: 10px !important;
    padding: 15px 14px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-field label { grid-area: label !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-control { grid-area: control !important; }
  html body[data-view="file-listing-settings"] .fl188-root .field-reset { grid-area: reset !important; }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-field label b {
    font-size: 1.05rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-field label small {
    font-size: .83rem !important;
    white-space: normal !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: 52px !important;
    height: 52px !important;
    font-size: 1.04rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-footer {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 12px 14px !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-footer .btn {
    min-width: 0 !important;
    width: 100% !important;
  }
}


/* ========================================================================
   v24.14 hotfix — responsive polish from screenshot feedback
   ======================================================================== */

/* Topbar: keep menu access reliable and token pill stable at every ratio. */
html body .topbar-left,
html body .topbar-right { flex-wrap: nowrap !important; }
html body .topbar-right { flex: 0 0 auto !important; min-width: 0 !important; }
html body .topbar-token-pill {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  min-width: 108px !important;
  padding: 6px 12px !important;
  gap: 8px !important;
  border-radius: 999px !important;
}
html body .topbar-token-value { flex: 0 0 auto !important; }
html body .topbar-token-pill .topbar-token-plus {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
}

/* Product/File marketplace command row: reduce oversized header/search/filter
   and move the whole control block closer to the topbar. */
html body[data-view="market-products"] .page-inner,
html body[data-view="market-file"] .page-inner {
  padding-top: 14px !important;
}
html body[data-view="market-products"] .market-command-row-v2411,
html body[data-view="market-file"] .market-command-row-v2411 {
  margin: 0 0 16px !important;
  grid-template-columns: minmax(120px, .34fr) minmax(320px, 1.42fr) minmax(64px, .18fr) !important;
  gap: 14px !important;
  align-items: center !important;
}
.market-command-label-v2411 .page-title {
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1.02 !important;
}
.market-command-label-v2411 .page-desc {
  margin-top: 4px !important;
  max-width: 260px !important;
  font-size: clamp(.78rem, .14vw + .74rem, .92rem) !important;
}
.market-search-capsule-v2411 {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 15px !important;
  gap: 10px !important;
}
.market-search-capsule-v2411 > svg {
  width: 17px !important;
  height: 17px !important;
}
.market-search-capsule-v2411 .search-input {
  height: 42px !important;
  font-size: .95rem !important;
}
.market-command-actions-v2411 {
  grid-template-columns: 40px !important;
  gap: 2px !important;
}
.market-filter-icon-v2411 {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
}
.market-filter-icon-v2411 svg {
  width: 18px !important;
  height: 18px !important;
}
.market-command-actions-v2411 .ref-count-label {
  font-size: 9px !important;
}
@media (max-width: 760px) {
  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) 42px !important;
    gap: 8px !important;
  }
  .market-command-label-v2411 .page-title {
    font-size: clamp(18px, 5vw, 22px) !important;
  }
  .market-command-label-v2411 .page-desc {
    font-size: .8rem !important;
  }
  .market-search-capsule-v2411 {
    min-height: 42px !important;
    height: 42px !important;
  }
  .market-search-capsule-v2411 .search-input {
    height: 40px !important;
  }
  .market-filter-icon-v2411 {
    width: 42px !important;
    height: 42px !important;
  }
}

/* Product/File view: flatten nested boxes into a cleaner bento strip. */
html body[data-view="product-detail"] .detail-bento-meta-v2411,
html body[data-view="file-detail"] .detail-bento-meta-v2411 {
  padding: 0 !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(220px, .7fr) !important;
  background: #0e1822 !important;
}
html body[data-view="product-detail"] .detail-bento-copy-v2411,
html body[data-view="product-detail"] .detail-bento-seller-v2411,
html body[data-view="file-detail"] .detail-bento-copy-v2411,
html body[data-view="file-detail"] .detail-bento-seller-v2411 {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="product-detail"] .detail-bento-copy-v2411,
html body[data-view="file-detail"] .detail-bento-copy-v2411 {
  padding: clamp(14px, 1.4vw, 20px) !important;
}
html body[data-view="product-detail"] .detail-bento-copy-v2411 .detail-title,
html body[data-view="file-detail"] .detail-bento-copy-v2411 .detail-title {
  margin: 4px 0 7px !important;
  font-size: clamp(22px, 2vw, 32px) !important;
}
html body[data-view="product-detail"] .detail-bento-copy-v2411 .detail-desc,
html body[data-view="file-detail"] .detail-bento-copy-v2411 .detail-desc {
  font-size: 11px !important;
  line-height: 1.55 !important;
}
html body[data-view="product-detail"] .detail-bento-seller-v2411,
html body[data-view="file-detail"] .detail-bento-seller-v2411 {
  padding: 14px 16px !important;
  border-left: 1px solid var(--v24-line) !important;
}
@media (max-width: 760px) {
  html body[data-view="product-detail"] .detail-bento-meta-v2411,
  html body[data-view="file-detail"] .detail-bento-meta-v2411 {
    grid-template-columns: 1fr !important;
  }
  html body[data-view="product-detail"] .detail-bento-seller-v2411,
  html body[data-view="file-detail"] .detail-bento-seller-v2411 {
    border-left: 0 !important;
    border-top: 1px solid var(--v24-line) !important;
  }
}

/* Plan page: tidy the current-plan summary so it no longer touches the box. */
html body[data-view="plan"] .plan-summary-primary-v2412 {
  gap: 0 !important;
}
html body[data-view="plan"] .plan-summary-primary-v2412 > div {
  min-height: 0 !important;
  padding: 20px 24px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
}
html body[data-view="plan"] .plan-summary-primary-v2412 > div > .section-kicker,
html body[data-view="plan"] .plan-summary-primary-v2412 > div > span {
  display: block !important;
  margin: 0 !important;
}
html body[data-view="plan"] .plan-summary-primary-v2412 > div > strong {
  display: block !important;
  margin: 0 !important;
  line-height: 1.05 !important;
}
html body[data-view="plan"] .plan-grid-priority-v2412 > * {
  padding-top: 18px !important;
}

/* File listing: dropdown choices need larger, easier-to-read type. */
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 {
  font-size: 11px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid select,
html body[data-view="file-listing-settings"] .fl188-root .sku-config-grid input,
html body[data-view="file-listing-settings"] .fl188-root .single-grid select,
html body[data-view="file-listing-settings"] .fl188-root .manual-grid select,
html body[data-view="file-listing-settings"] .fl188-root .single-grid input,
html body[data-view="file-listing-settings"] .fl188-root .manual-grid input,
html body[data-view="file-listing-settings"] .fl188-root select {
  min-height: 46px !important;
  height: 46px !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}
html body[data-view="file-listing-settings"] .fl188-root select option {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

/* OrcaSlicer parameter dialog: compress header/toolbar so more of the real
   working area is visible. */
html body[data-view="file-listing-settings"] .fl188-root .parameter-dialog {
  width: min(1500px, calc(100vw - 20px)) !important;
  height: min(930px, calc(100dvh - 16px)) !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head {
  gap: 10px !important;
  padding: 14px 18px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head .eyebrow {
  margin-bottom: 4px !important;
  font-size: .72rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head h2 {
  max-width: 1100px !important;
  font-size: clamp(1.45rem, 1.55vw, 2rem) !important;
  line-height: 1.1 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child {
  margin-top: 6px !important;
  font-size: .92rem !important;
  line-height: 1.45 !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-head .icon-button {
  width: 40px !important;
  height: 40px !important;
  font-size: 1.25rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
  grid-template-columns: minmax(320px, .95fr) minmax(360px, 1.05fr) !important;
  gap: 12px !important;
  padding: 10px 18px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs { min-height: 46px !important; }
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs button {
  min-height: 46px !important;
  padding-inline: 12px !important;
  font-size: .96rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .mode-tabs b {
  min-width: 22px !important;
  height: 22px !important;
  font-size: .72rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions {
  grid-template-columns: minmax(220px, 1fr) auto auto !important;
  gap: 8px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input {
  min-height: 44px !important;
  height: 44px !important;
  font-size: .95rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-actions .btn {
  min-height: 44px !important;
  padding-inline: 14px !important;
  font-size: .9rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-summary {
  min-height: 40px !important;
  padding: 8px 18px !important;
  font-size: .9rem !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-groups {
  padding: 12px 18px 18px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group {
  margin-bottom: 10px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-group > summary {
  min-height: 52px !important;
  padding: 12px 16px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-field {
  min-height: 84px !important;
  padding: 13px 14px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer {
  padding: 12px 18px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .parameter-footer .btn {
  min-width: 170px !important;
  min-height: 46px !important;
}
@media (max-width: 860px) {
  html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar {
    grid-template-columns: 1fr !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions {
    grid-template-columns: 1fr 1fr !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-actions input {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 520px) {
  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: 1.3rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-head > div > p:last-child {
    font-size: .86rem !important;
  }
  html body[data-view="file-listing-settings"] .fl188-root .parameter-toolbar,
  html body[data-view="file-listing-settings"] .fl188-root .parameter-summary,
  html body[data-view="file-listing-settings"] .fl188-root .parameter-groups,
  html body[data-view="file-listing-settings"] .fl188-root .parameter-footer {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* ===== SOURCE: global-future-v24-15.css ===== */
/*
 * 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;
  }
}


/* ===== SOURCE: soft-universal-v24-16.css ===== */
/*
 * 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;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  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;
  }
}

/* v25.17 platform identity contract: exact text only, no logo mark. */
html body .topbar .topbar-logo {
  gap: 0 !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
}

html body .topbar .topbar-logo-mark,
html body .topbar .topbar-logo::before,
html body .topbar .topbar-logo::after {
  display: none !important;
  content: none !important;
}

html body .topbar .topbar-logo-copy,
html body .topbar .topbar-logo-copy > span {
  display: inline !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .topbar .topbar-logo-copy .logo-studio {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
}

html body .topbar .topbar-logo-copy .logo-market {
  margin: 0 !important;
  padding: 0 !important;
  color: #10b981 !important;
}

.catalog-empty-state-v2518,
.comment-state-v2518 {
  min-height: 92px;
  padding: 24px;
  display: grid;
  place-items: center;
  gap: 10px;
  border: 1px dashed rgba(255, 255, 255, .14);
  border-radius: 12px;
  color: #8f99a3;
  text-align: center;
}

.comment-state-v2518.error { color: #f3a4aa; }

.comment-state-v2518 button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 9px;
  color: #f5f7f8;
  background: rgba(255, 255, 255, .05);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

@media (max-width: 560px) {
  html body .topbar .topbar-logo-copy > span { font-size: 16px !important; }
}

@media (max-width: 360px) {
  html body .topbar .topbar-logo-copy > span { font-size: 15px !important; }
}


/* ===== SOURCE: adaptive-commerce-v24-17.css ===== */
/*
 * 3D StudioMarket — Adaptive Commerce UI v24.17
 * Responsive detail flow, compact management, card history and commerce UI.
 */

:root {
  --ac-yellow: #f7b718;
  --ac-yellow-hi: #ffd15a;
  --ac-yellow-soft: rgba(247, 183, 24, .12);
  --ac-red: #ff5964;
  --ac-red-hi: #ff7881;
  --ac-red-soft: rgba(255, 89, 100, .12);
  --ac-line: #2b3945;
  --ac-surface: #0d151e;
  --ac-surface-2: #111d28;
}

html body .section-kicker,
html body .heading-kicker,
html body .eyebrow,
html body .panel-label,
html body .legal-inline-link {
  color: var(--ac-yellow-hi) !important;
}

html body :is(input, select, textarea):focus {
  border-color: rgba(247, 183, 24, .58) !important;
  box-shadow: 0 0 0 3px rgba(247, 183, 24, .1) !important;
}

/* The current view controls whether the top-left control is a menu or back. */
html body[data-page-type="menu"] #topbarLeftBtn {
  display: inline-grid !important;
  place-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body[data-page-type="menu"].sidebar-open #sidebarMount,
html body[data-page-type="menu"].sidebar-open #sidebarMount .sidebar {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* --------------------------------------------------------------------------
   Product / File detail — universal content order
   -------------------------------------------------------------------------- */

html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  grid-template-areas:
    "gallery purchase"
    "seller seller"
    "secondary secondary" !important;
  align-items: start !important;
  gap: 18px !important;
}

html body[data-view="product-detail"] .detail-gallery-card-v2411,
html body[data-view="file-detail"] .detail-gallery-card-v2411 {
  grid-area: gallery !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}

html body[data-view="product-detail"] .detail-gallery-media-v2411,
html body[data-view="file-detail"] .detail-gallery-media-v2411 {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !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 {
  min-height: 0 !important;
}

html body[data-view="product-detail"] .behavior-purchase-panel,
html body[data-view="file-detail"] .behavior-purchase-panel {
  grid-area: purchase !important;
  min-height: 0 !important;
  padding: 22px !important;
  border-radius: 14px !important;
}

html body .detail-media-actions-v2417,
html body .behavior-gallery-actions.detail-media-actions-v2417 {
  position: absolute !important;
  z-index: 12 !important;
  inset: 16px 16px auto auto !important;
  width: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  pointer-events: none !important;
}

html body button.detail-media-action-v2417,
html body .detail-media-actions-v2417 > button.detail-media-action-v2417 {
  position: static !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 11px !important;
  color: var(--ac-yellow-hi) !important;
  background: rgba(7, 12, 17, .8) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(12px) !important;
  pointer-events: auto !important;
}

html body button.detail-media-action-v2417:first-child {
  color: var(--ac-red-hi) !important;
}

html body button.detail-media-action-v2417.active {
  border-color: rgba(255, 89, 100, .56) !important;
  color: #fff !important;
  background: var(--ac-red) !important;
}

html body button.detail-media-action-v2417 svg {
  width: 21px !important;
  height: 21px !important;
}

html body .detail-description-v2417 {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--ac-line) !important;
}

html body .detail-description-v2417 > span {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--sf-muted) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

html body .detail-description-v2417 .detail-desc {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

html body .detail-description-v2417 .detail-desc.is-expanded-v273 {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}

html body .detail-text-link-v2417 {
  margin-top: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ac-yellow-hi) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 740 !important;
}

html body .detail-option-progress-v2417 {
  color: var(--ac-red-hi) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .detail-option-progress-v2417.complete {
  color: var(--sf-green) !important;
}

html body .detail-buy-btn-v167:disabled {
  border-color: var(--ac-line) !important;
  color: var(--sf-muted) !important;
  background: #18212a !important;
  cursor: not-allowed !important;
}

html body .detail-seller-profile-v2417 {
  grid-area: seller !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 1.1fr) minmax(0, 1.4fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 14px !important;
  background: var(--ac-surface) !important;
}

html body .detail-seller-link-v2417 {
  min-width: 0 !important;
  padding: 17px 18px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 13px !important;
  border: 0 !important;
  border-right: 1px solid var(--ac-line) !important;
  color: var(--sf-text) !important;
  background: transparent !important;
  text-align: left !important;
}

html body .detail-seller-profile-v2417 .seller-avatar-v2411 {
  border-radius: 12px !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body .detail-seller-identity-v2417 {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body .detail-seller-identity-v2417 small,
html body .detail-seller-identity-v2417 span {
  overflow: hidden !important;
  color: var(--sf-muted) !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .detail-seller-identity-v2417 strong {
  overflow: hidden !important;
  color: var(--sf-text) !important;
  font-size: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .detail-seller-arrow-v2417 {
  color: var(--ac-yellow-hi) !important;
  font-size: 20px !important;
}

html body .detail-seller-stats-v2417 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .detail-seller-stats-v2417 > div {
  min-width: 0 !important;
  padding: 16px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

html body .detail-seller-stats-v2417 > div + div {
  border-left: 1px solid var(--ac-line) !important;
}

html body .detail-seller-stats-v2417 span {
  color: var(--sf-muted) !important;
  font-size: 12px !important;
}

html body .detail-seller-stats-v2417 strong {
  color: var(--ac-yellow-hi) !important;
  font-size: 18px !important;
}

html body[data-view="product-detail"] .detail-comments-panel-v2411,
html body[data-view="file-detail"] .detail-comments-panel-v2411 {
  grid-area: secondary !important;
  padding: 20px !important;
  border-radius: 14px !important;
}

/* Share popup offers explicit destinations and the native share sheet. */
html body .detail-share-modal-v2417 {
  width: min(520px, 100%) !important;
}

html body .detail-share-sheet-v2417 {
  padding: 4px 2px 2px !important;
}

html body .detail-share-destinations-v2417 {
  margin-top: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .detail-share-destinations-v2417 button {
  min-height: 62px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 11px !important;
  color: var(--sf-soft) !important;
  background: var(--ac-surface-2) !important;
  text-align: left !important;
}

html body .detail-share-destinations-v2417 button > span {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
  font-weight: 850 !important;
}

html body .detail-share-destinations-v2417 .share-more-v2417 {
  grid-column: 1 / -1 !important;
}

/* --------------------------------------------------------------------------
   Product / File management — compact straight-divider metrics
   -------------------------------------------------------------------------- */

html body .management-flat-v2412 {
  overflow: hidden !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 12px !important;
  background: var(--ac-surface) !important;
}

html body .management-name-line-v161 strong {
  position: relative !important;
  padding-left: 13px !important;
  color: var(--sf-text) !important;
  font-size: 22px !important;
}

html body .management-name-line-v161 strong::before {
  position: absolute !important;
  inset: 2px auto 2px 0 !important;
  width: 3px !important;
  content: "" !important;
  border-radius: 2px !important;
  background: var(--ac-yellow) !important;
}

html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) {
  min-width: 0 !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) > span,
html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) > strong,
html body .management-flat-v2412 .metric-copy-v2415 > span,
html body .management-flat-v2412 .metric-copy-v2415 > strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body .management-flat-v2412 .management-metric-v161 > strong {
  font-size: clamp(14px, 1.15vw, 17px) !important;
}

html body .management-gear-v161 {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 10px !important;
  color: var(--ac-yellow-hi) !important;
  background: rgba(247, 183, 24, .06) !important;
}

html body .management-gear-v161 svg {
  width: 21px !important;
  height: 21px !important;
}

/* --------------------------------------------------------------------------
   History — visual purchase cards
   -------------------------------------------------------------------------- */

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

html body .history-list.history-card-grid-v2417 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .history-purchase-card-v2417 {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 14px !important;
  background: var(--ac-surface) !important;
}

html body .history-preview-v2417 {
  position: relative !important;
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  color: rgba(255, 209, 90, .78) !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 28% 24%, rgba(247, 183, 24, .16), transparent 40%),
    #0a121a !important;
  background-size: 24px 24px, 24px 24px, auto, auto !important;
}

html body .history-preview-file-v2417 {
  color: rgba(255, 120, 129, .78) !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 28% 24%, rgba(255, 89, 100, .13), transparent 40%),
    #0a121a !important;
  background-size: 24px 24px, 24px 24px, auto, auto !important;
}

html body .history-preview-v2417 svg {
  width: 150px !important;
  height: 105px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5 !important;
}

html body .history-preview-v2417 > span {
  position: absolute !important;
  inset: auto 13px 11px auto !important;
  color: var(--sf-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body .history-card-body-v2417 {
  padding: 16px !important;
}

html body .history-order-row-v2417,
html body .history-card-footer-v2417 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body .history-order-row-v2417 > span:first-child {
  color: var(--sf-muted) !important;
  font-size: 11px !important;
}

html body .history-status-v2417 {
  padding: 4px 8px !important;
  border: 1px solid rgba(247, 183, 24, .32) !important;
  border-radius: 999px !important;
  color: var(--ac-yellow-hi) !important;
  background: var(--ac-yellow-soft) !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

html body .history-card-body-v2417 h2 {
  min-height: 2.5em !important;
  margin: 14px 0 !important;
  color: var(--sf-text) !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}

html body .history-detail-list-v2417 {
  border-top: 1px solid var(--ac-line) !important;
  border-bottom: 1px solid var(--ac-line) !important;
}

html body .history-detail-list-v2417 > div {
  min-height: 55px !important;
  padding: 9px 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

html body .history-detail-list-v2417 > div + div {
  border-top: 1px solid var(--ac-line) !important;
}

html body .history-detail-list-v2417 span,
html body .history-card-footer-v2417 span {
  color: var(--sf-muted) !important;
  font-size: 11px !important;
}

html body .history-detail-list-v2417 strong {
  color: var(--sf-soft) !important;
  font-size: 13px !important;
}

html body .history-card-footer-v2417 {
  align-items: flex-end !important;
  margin-top: 14px !important;
}

html body .history-card-footer-v2417 > div:first-child {
  display: grid !important;
  gap: 2px !important;
}

html body .history-card-footer-v2417 > div:first-child strong {
  color: var(--ac-yellow-hi) !important;
  font-size: 17px !important;
}

html body .history-actions-v2417 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

html body .history-actions-v2417 .btn,
html body .history-license-v2417 {
  min-height: 36px !important;
  padding: 0 11px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

html body .history-primary-v2417 {
  border: 1px solid var(--ac-yellow) !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body .history-secondary-v2417,
html body .history-license-v2417 {
  border: 1px solid var(--ac-line) !important;
  color: var(--sf-soft) !important;
  background: var(--ac-surface-2) !important;
}

html body[data-view="file-history"] > .view-file-license,
html body[data-view="file-history"] .page-inner > .view-file-license {
  display: none !important;
}

/* --------------------------------------------------------------------------
   File listing — compact, readable and breakpoint safe
   -------------------------------------------------------------------------- */

html body[data-view="file-listing-settings"] .fl188-root {
  --accent: var(--ac-yellow) !important;
  --accent-strong: var(--ac-yellow-hi) !important;
  --accent-soft: var(--ac-yellow-soft) !important;
  --accent-faint: rgba(247, 183, 24, .07) !important;
  --warm: var(--ac-red-hi) !important;
  font-size: 15px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .page-shell {
  width: min(100%, 1320px) !important;
  padding: 18px 22px 126px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .page-heading {
  min-height: 50px !important;
  margin-bottom: 10px !important;
  align-items: center !important;
}

html body[data-view="file-listing-settings"] .fl188-root .page-heading h1 {
  font-family: inherit !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-strip {
  gap: 0 !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 11px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-item {
  min-height: 52px !important;
  padding: 8px 12px !important;
  grid-template-columns: 30px minmax(0, 1fr) 8px !important;
  border-right: 1px solid var(--ac-line) !important;
  border-radius: 0 !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-item:last-child {
  border-right: 0 !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-item.active {
  box-shadow: inset 0 -3px var(--ac-yellow) !important;
  background: var(--ac-yellow-soft) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-copy b {
  color: var(--sf-soft) !important;
  font-size: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .content-grid {
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 14px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .main-column {
  gap: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel,
html body[data-view="file-listing-settings"] .fl188-root .side-card {
  border-radius: 12px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel::before {
  display: none !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel-head {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 16px 18px 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .step-badge {
  width: 34px !important;
  height: 34px !important;
  border-color: rgba(247, 183, 24, .32) !important;
  color: var(--ac-yellow-hi) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel-title h2 {
  font-size: 17px !important;
}

html body[data-view="file-listing-settings"] .fl188-root :is(label > span, .field-title > span) {
  font-size: 13px !important;
}

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

html body[data-view="file-listing-settings"] .fl188-root .details-grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr) !important;
  gap: 16px !important;
  padding: 0 18px 18px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .source-grid,
html body[data-view="file-listing-settings"] .fl188-root .sku-list {
  padding-left: 18px !important;
  padding-right: 18px !important;
  padding-bottom: 18px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .side-column {
  position: sticky !important;
  top: 78px !important;
}

html body[data-view="file-listing-settings"] .revenue-readiness[data-revenue-view="file-listing-settings"] {
  display: none !important;
}

html body[data-view="file-listing-settings"] .file-listing-compliance-card {
  padding: 16px !important;
  border-top: 3px solid var(--ac-yellow) !important;
}

html body[data-view="file-listing-settings"] .file-listing-compliance-card .legal-set-mark {
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .btn.primary {
  border-color: var(--ac-yellow) !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .btn.danger,
html body[data-view="file-listing-settings"] .fl188-root .ghost-danger {
  border-color: rgba(255, 89, 100, .52) !important;
  color: var(--ac-red-hi) !important;
  background: var(--ac-red-soft) !important;
}

/* --------------------------------------------------------------------------
   Token checkout — all calculations stay visible
   -------------------------------------------------------------------------- */

html body[data-view="buy-token"] .latest-mobile-checkout {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
  gap: 8px !important;
  border-top: 3px solid var(--ac-yellow) !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout > div {
  min-width: 0 !important;
  padding: 4px 8px !important;
  border-right: 1px solid var(--ac-line) !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout span {
  font-size: 11px !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout strong {
  overflow: hidden !important;
  color: var(--ac-yellow-hi) !important;
  font-size: 13px !important;
  text-overflow: ellipsis !important;
}

/* --------------------------------------------------------------------------
   Popups — safe text-to-edge spacing at every width
   -------------------------------------------------------------------------- */

html body .modal,
html body .modal.modal-wide,
html body .modal.minimal-purchase-modal {
  padding: 30px 32px 28px !important;
}

html body .modal > :not(.modal-close),
html body .minimal-purchase-modal > :not(.modal-close) {
  min-width: 0 !important;
}

html body .purchase-summary-card > div,
html body .latest-summary-row,
html body .legal-check,
html body .purchase-license-scope,
html body .notice {
  padding-inline: 15px !important;
}

html body .fl188-root .parameter-head,
html body .fl188-root .parameter-toolbar,
html body .fl188-root .parameter-footer {
  padding-inline: 18px !important;
}

html body .fl188-root .parameter-groups {
  padding-inline: 16px !important;
}

html body .fl188-root .confirm-dialog form {
  padding: 22px !important;
}

@media (max-width: 1180px) {
  html body .history-list.history-card-grid-v2417 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .content-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .side-column {
    position: static !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1120px) {
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "gallery" "purchase" "seller" "secondary" !important;
  }

  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 900px) {
  html body .management-priority-grid-v2412 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(odd) {
    border-left: 0 !important;
  }

  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(even) {
    border-left: 1px solid var(--ac-line) !important;
  }

  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(n+3) {
    border-top: 1px solid var(--ac-line) !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(--ac-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(--ac-line) !important;
  }

  html body[data-view="product-management"] .management-finance-strip-v2412 .management-metric-v161:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  html body .detail-seller-profile-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .detail-seller-link-v2417 {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ac-line) !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .details-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body .history-list.history-card-grid-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .history-preview-v2417 {
    min-height: 150px !important;
  }

  html body .detail-seller-stats-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .detail-seller-stats-v2417 > div + div {
    border-left: 0 !important;
    border-top: 1px solid var(--ac-line) !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .page-shell {
    padding: 10px 12px 112px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .page-heading {
    flex-direction: row !important;
    gap: 10px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .workflow-item {
    min-height: 58px !important;
    padding: 7px 4px !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .workflow-state {
    display: none !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .workflow-copy b {
    font-size: 11px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .panel-head {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .panel-head > :last-child:not(.panel-title) {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .details-grid,
  html body[data-view="file-listing-settings"] .fl188-root .source-grid,
  html body[data-view="file-listing-settings"] .fl188-root .sku-list {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 14px !important;
  }

  html body .modal,
  html body .modal.modal-wide,
  html body .modal.minimal-purchase-modal {
    width: min(calc(100vw - 20px), 100%) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 28px 18px 20px !important;
  }
}

@media (max-width: 640px) {
  html body[data-view="product-detail"] .detail-gallery-media-v2411,
  html body[data-view="file-detail"] .detail-gallery-media-v2411 {
    aspect-ratio: 1 / 1 !important;
  }

  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel,
  html body[data-view="product-detail"] .detail-comments-panel-v2411,
  html body[data-view="file-detail"] .detail-comments-panel-v2411 {
    padding: 16px !important;
  }

  html body .detail-share-destinations-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .detail-share-destinations-v2417 .share-more-v2417 {
    grid-column: 1 !important;
  }

  html body[data-view="buy-token"] .latest-mobile-checkout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(even) {
    border-right: 0 !important;
  }

  html body[data-view="buy-token"] .latest-mobile-checkout .latest-buy-token-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width: 430px) {
  html body .management-name-line-v161 strong {
    font-size: 19px !important;
  }

  html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) {
    padding: 9px !important;
  }

  html body .history-card-footer-v2417 {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body .history-actions-v2417 {
    justify-content: stretch !important;
  }

  html body .history-actions-v2417 .btn,
  html body .history-license-v2417 {
    flex: 1 !important;
  }

  html body .detail-media-actions-v2417,
  html body .behavior-gallery-actions.detail-media-actions-v2417 {
    inset: 10px 10px auto auto !important;
  }

  html body button.detail-media-action-v2417,
  html body .detail-media-actions-v2417 > button.detail-media-action-v2417 {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
}


/* ===== SOURCE: universal-marketplace-v25.css ===== */
/*
 * 3D StudioMarket — Universal Marketplace UI v25.0 FULL
 * A final responsive layer for listing compliance, seller workspaces,
 * plan storage, popup spacing and deterministic navigation controls.
 */

:root {
  --sw18-yellow: #f6b915;
  --sw18-yellow-hi: #ffd45d;
  --sw18-yellow-soft: rgba(246, 185, 21, .11);
  --sw18-red: #ff5d68;
  --sw18-red-hi: #ff7d85;
  --sw18-red-soft: rgba(255, 93, 104, .11);
  --sw18-line: #2b3945;
  --sw18-line-strong: #3b4a57;
  --sw18-surface: #0d151e;
  --sw18-surface-2: #111c26;
  --sw18-text: #f4f6f7;
  --sw18-soft: #d4dbe0;
  --sw18-muted: #8f9ba5;
}

html body #topbarLeftBtn {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

html body #topbarLeftBtn:focus-visible,
html body .management-settings-icon-v2418:focus-visible {
  outline: 2px solid var(--sw18-yellow-hi) !important;
  outline-offset: 4px !important;
}

/* --------------------------------------------------------------------------
   Listing compliance — one orderly row in the main information flow
   -------------------------------------------------------------------------- */

html body[data-view="file-listing-settings"] .fl188-root .content-grid {
  display: block !important;
  grid-template-columns: 1fr !important;
}

html body[data-view="file-listing-settings"] .fl188-root .main-column {
  width: 100% !important;
}

html body .listing-compliance-row-v2418,
html body .product-listing-compliance-panel.listing-compliance-row-v2418 {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(240px, .8fr) minmax(360px, 1.35fr) minmax(190px, .65fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sw18-line) !important;
  border-top: 2px solid var(--sw18-yellow) !important;
  border-radius: 12px !important;
  background: var(--sw18-surface) !important;
  box-shadow: none !important;
}

html body .listing-compliance-intro-v2418,
html body .product-compliance-copy.listing-compliance-intro-v2418 {
  min-width: 0 !important;
  padding: 17px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .listing-compliance-intro-v2418 > div {
  min-width: 0 !important;
}

html body .listing-compliance-intro-v2418 .legal-set-mark {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #221600 !important;
  background: var(--sw18-yellow) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html body .listing-compliance-intro-v2418 :is(.eyebrow, .section-kicker) {
  margin: 0 0 3px !important;
  color: var(--sw18-yellow-hi) !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

html body .listing-compliance-intro-v2418 h3 {
  margin: 0 !important;
  color: var(--sw18-text) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

html body .listing-compliance-intro-v2418 p:last-child {
  margin: 5px 0 0 !important;
  color: var(--sw18-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .listing-compliance-check-v2418.product-compliance-check {
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 17px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: 0 !important;
  border-left: 1px solid var(--sw18-line) !important;
  border-radius: 0 !important;
  color: var(--sw18-soft) !important;
  background: rgba(255, 255, 255, .012) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body .listing-compliance-check-v2418 input {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  accent-color: var(--sw18-yellow) !important;
}

html body .listing-compliance-links-v2418 {
  min-width: 0 !important;
  padding: 14px 17px !important;
  display: grid !important;
  align-content: center !important;
  gap: 9px !important;
  border-left: 1px solid var(--sw18-line) !important;
}

html body .listing-compliance-links-v2418 .legal-inline-link {
  width: 100% !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sw18-yellow-hi) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

/* --------------------------------------------------------------------------
   Product / File management — new workspace summary with straight dividers
   -------------------------------------------------------------------------- */

html body .management-workspace-v2418 {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sw18-line) !important;
  border-radius: 13px !important;
  background: var(--sw18-surface) !important;
  box-shadow: none !important;
}

html body .management-workspace-head-v2418 {
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 13px 17px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-bottom: 1px solid var(--sw18-line) !important;
}

html body .management-identity-v2418 {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body .management-identity-v2418 .management-name-line-v161 {
  display: grid !important;
  gap: 2px !important;
}

html body .management-identity-v2418 .management-name-line-v161 strong {
  position: relative !important;
  min-width: 0 !important;
  padding-left: 13px !important;
  overflow: hidden !important;
  color: var(--sw18-text) !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .management-identity-v2418 .management-name-line-v161 strong::before {
  inset: 2px auto 2px 0 !important;
  width: 3px !important;
  border-radius: 3px !important;
  background: var(--sw18-yellow) !important;
}

html body .management-identity-v2418 .management-name-line-v161 .muted {
  padding-left: 13px !important;
  color: var(--sw18-muted) !important;
  font-size: 12px !important;
}

html body .management-workspace-controls-v2418 {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 11px !important;
}

html body .management-status-v2418 {
  min-width: 188px !important;
  padding-right: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  border-right: 1px solid var(--sw18-line) !important;
}

html body .management-status-v2418 > div {
  min-width: 0 !important;
  display: grid !important;
  justify-items: end !important;
  gap: 1px !important;
}

html body .management-status-v2418 span,
html body .management-feature-v2418 .metric-copy-v2415 > span,
html body .management-stat-v2418 > span,
html body .management-commercial-strip-v2418 .management-metric-v161 > span {
  color: var(--sw18-muted) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

html body .management-status-v2418 strong {
  color: var(--sw18-text) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

html body .management-status-v2418 small {
  color: var(--sw18-muted) !important;
  font-size: 10px !important;
}

html body .management-status-v2418 .shop-toggle-v162 input + span,
html body .management-status-v2418 .shop-toggle-v162 span {
  border-color: rgba(246, 185, 21, .48) !important;
}

html body .management-status-v2418 .shop-toggle-v162 input:checked + span {
  border-color: var(--sw18-yellow) !important;
  background: var(--sw18-yellow) !important;
  box-shadow: none !important;
}

html body .management-settings-icon-v2418,
html body .management-gear-v161.management-settings-icon-v2418 {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sw18-yellow-hi) !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body .management-settings-icon-v2418:hover {
  color: #fff0b8 !important;
  background: transparent !important;
  transform: rotate(18deg) !important;
}

html body .management-settings-icon-v2418 svg {
  width: 23px !important;
  height: 23px !important;
}

html body .management-withdraw-v2418 {
  min-height: 42px !important;
  padding-inline: 17px !important;
  border-color: var(--sw18-line-strong) !important;
  color: var(--sw18-soft) !important;
  background: transparent !important;
}

html body .management-overview-v2418 {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 1.08fr) minmax(0, 1fr) !important;
  border-bottom: 1px solid var(--sw18-line) !important;
}

html body .management-feature-v2418.behavior-ops-metric {
  min-width: 0 !important;
  min-height: 128px !important;
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-content: center !important;
  column-gap: 20px !important;
  row-gap: 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--sw18-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .management-feature-v2418 .metric-copy-v2415 {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html body .management-feature-v2418 .metric-copy-v2415 > strong {
  color: var(--sw18-text) !important;
  font-size: clamp(21px, 2.1vw, 30px) !important;
  line-height: 1.12 !important;
}

html body .management-feature-v2418 .metric-copy-v2415 > small,
html body .management-stat-v2418 > small,
html body .management-commercial-strip-v2418 .management-metric-v161 > small {
  color: var(--sw18-muted) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html body .management-feature-v2418 .compact-progress-label-v2416 {
  min-width: 78px !important;
  display: grid !important;
  justify-items: end !important;
  align-content: center !important;
  gap: 2px !important;
}

html body .management-feature-v2418 .compact-progress-label-v2416 span {
  color: var(--sw18-muted) !important;
  font-size: 10px !important;
}

html body .management-feature-v2418 .compact-progress-label-v2416 strong {
  color: var(--sw18-yellow-hi) !important;
  font-size: 20px !important;
}

html body .management-feature-v2418 .compact-management-progress-v2416 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #23313d !important;
}

html body .management-feature-v2418 .compact-management-progress-v2416 > i {
  background: linear-gradient(90deg, var(--sw18-yellow), var(--sw18-yellow-hi)) !important;
  box-shadow: none !important;
}

html body .management-stat-rail-v2418 {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .management-stat-v2418 {
  min-width: 0 !important;
  min-height: 128px !important;
  padding: 18px 20px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
}

html body .management-stat-v2418 + .management-stat-v2418 {
  border-left: 1px solid var(--sw18-line) !important;
}

html body .management-stat-v2418 > strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: var(--sw18-text) !important;
  font-size: clamp(18px, 1.5vw, 23px) !important;
  line-height: 1.2 !important;
}

html body .management-stat-alert-v2418 > strong,
html body .management-stat-alert-v2418 > small {
  color: var(--sw18-red-hi) !important;
}

html body .management-stat-alert-v2418 small i {
  width: 7px !important;
  height: 7px !important;
  margin-right: 6px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background: var(--sw18-red) !important;
}

html body .management-commercial-strip-v2418,
html body[data-view="product-management"] .management-commercial-strip-v2418,
html body[data-view="file-management"] .management-commercial-strip-v2418 {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

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

html body .management-commercial-strip-v2418 .management-metric-v161 {
  min-width: 0 !important;
  min-height: 79px !important;
  padding: 14px 17px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

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

html body .management-commercial-strip-v2418 .management-metric-v161 > strong {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--sw18-soft) !important;
  font-family: inherit !important;
  font-size: clamp(14px, 1.15vw, 17px) !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* --------------------------------------------------------------------------
   Plan storage — horizontal information hierarchy and linear progress
   -------------------------------------------------------------------------- */

html body[data-view="plan"] .plan-summary-primary-v2412 {
  display: grid !important;
  grid-template-columns: minmax(145px, .65fr) minmax(360px, 1.7fr) minmax(160px, .75fr) minmax(190px, .85fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sw18-line) !important;
  border-radius: 13px !important;
  background: var(--sw18-surface) !important;
}

html body[data-view="plan"] .plan-summary-primary-v2412 > div,
html body[data-view="plan"] .plan-summary-primary-v2412 > div:nth-child(n) {
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 18px 20px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  border: 0 !important;
  border-left: 1px solid var(--sw18-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body[data-view="plan"] .plan-summary-primary-v2412 > div:first-child {
  border-left: 0 !important;
}

html body[data-view="plan"] .plan-storage-horizontal-v2418 {
  grid-template-columns: 1fr !important;
  justify-items: stretch !important;
  text-align: left !important;
}

html body[data-view="plan"] .plan-storage-heading-v2418,
html body[data-view="plan"] .plan-storage-progress-v2416 .future-progress-labels {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

html body[data-view="plan"] .plan-storage-heading-v2418 span,
html body[data-view="plan"] .plan-storage-progress-v2416 .future-progress-labels span {
  color: var(--sw18-muted) !important;
  font-size: 11px !important;
}

html body[data-view="plan"] .plan-storage-heading-v2418 strong {
  margin: 0 !important;
  color: var(--sw18-text) !important;
  font-size: 18px !important;
  text-align: right !important;
}

html body[data-view="plan"] .plan-storage-progress-v2416 {
  width: 100% !important;
  display: grid !important;
  gap: 7px !important;
}

html body[data-view="plan"] .plan-storage-progress-v2416 .future-progress-labels strong {
  color: var(--sw18-yellow-hi) !important;
  font-size: 14px !important;
}

html body[data-view="plan"] #planStorageTrack {
  width: 100% !important;
  height: 9px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #24323e !important;
}

html body[data-view="plan"] #planStorageFill {
  background: linear-gradient(90deg, var(--sw18-yellow), var(--sw18-yellow-hi)) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Popup spacing — consistent safe areas, including the last information block
   -------------------------------------------------------------------------- */

html body .modal,
html body .modal.modal-wide,
html body .modal.minimal-purchase-modal {
  padding: 30px 32px 28px !important;
}

html body .modal > :not(.modal-close),
html body .minimal-purchase-modal > :not(.modal-close),
html body .modal-shell > :not(.icon-btn) {
  min-width: 0 !important;
}

html body .purchase-summary-card,
html body .order-detail-grid-v176,
html body .latest-summary-list,
html body .legal-set-content,
html body .legal-reader-copy,
html body .legal-source-disclosure,
html body .legal-backend-comment,
html body .legal-check,
html body .notice {
  box-sizing: border-box !important;
}

html body .purchase-summary-card > div,
html body .order-detail-grid-v176 > div,
html body .latest-summary-row {
  min-height: 52px !important;
  padding: 12px 16px !important;
}

html body .legal-reader {
  padding: 26px !important;
}

html body .legal-reader > header {
  padding: 0 4px 18px !important;
}

html body .legal-set-content {
  margin-top: 18px !important;
  padding: 18px 20px !important;
}

html body .legal-set-content ul {
  margin: 12px 0 0 !important;
  padding-left: 22px !important;
}

html body .legal-set-content li {
  padding-left: 3px !important;
  line-height: 1.58 !important;
}

html body .legal-reader-copy {
  min-height: 74px !important;
  margin-top: 13px !important;
  padding: 15px 18px !important;
  align-items: center !important;
  gap: 14px !important;
}

html body .legal-source-disclosure {
  margin: 13px 0 0 !important;
  overflow: hidden !important;
}

html body .legal-source-disclosure > summary {
  min-height: 68px !important;
  padding: 15px 18px !important;
}

html body .legal-source-disclosure .legal-doc-list {
  padding: 10px 14px 14px !important;
}

html body .legal-source-disclosure .legal-doc {
  min-height: 60px !important;
  padding: 12px 14px !important;
}

html body .legal-backend-comment {
  margin-top: 13px !important;
  padding: 15px 18px !important;
}

html body .legal-check {
  margin-top: 13px !important;
  padding: 15px 18px !important;
}

html body .legal-reader > footer {
  margin-top: 16px !important;
  padding: 16px 4px 0 !important;
}

html body .notice {
  padding: 14px 16px !important;
  line-height: 1.55 !important;
}

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

html body .fl188-root .parameter-shell {
  overflow: hidden !important;
}

html body .fl188-root .parameter-head,
html body .fl188-root .parameter-toolbar,
html body .fl188-root .parameter-summary,
html body .fl188-root .parameter-footer {
  padding-inline: 20px !important;
}

html body .fl188-root .parameter-groups {
  padding: 14px 18px 20px !important;
}

html body .fl188-root .confirm-dialog form {
  padding: 24px !important;
}

/* --------------------------------------------------------------------------
   Responsive structure
   -------------------------------------------------------------------------- */

@media (max-width: 1120px) {
  html body .listing-compliance-row-v2418,
  html body .product-listing-compliance-panel.listing-compliance-row-v2418 {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr) !important;
  }

  html body .listing-compliance-links-v2418 {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    border-top: 1px solid var(--sw18-line) !important;
    border-left: 0 !important;
  }

  html body .listing-compliance-links-v2418 .legal-inline-link {
    width: auto !important;
    flex: 1 1 220px !important;
  }

  html body .management-overview-v2418 {
    grid-template-columns: 1fr !important;
  }

  html body .management-feature-v2418.behavior-ops-metric {
    border-right: 0 !important;
    border-bottom: 1px solid var(--sw18-line) !important;
  }

  html body[data-view="plan"] .plan-summary-primary-v2412 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-view="plan"] .plan-summary-primary-v2412 > div:nth-child(odd) {
    border-left: 0 !important;
  }

  html body[data-view="plan"] .plan-summary-primary-v2412 > div:nth-child(n+3) {
    border-top: 1px solid var(--sw18-line) !important;
  }

  html body[data-view="plan"] .plan-storage-horizontal-v2418 {
    grid-column: span 1 !important;
  }
}

@media (max-width: 900px) {
  html body .management-workspace-head-v2418 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body .management-workspace-controls-v2418 {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html body .management-status-v2418 {
    margin-right: auto !important;
    justify-content: flex-start !important;
    border-right: 0 !important;
  }

  html body .management-status-v2418 > div {
    justify-items: start !important;
  }

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

  html body .management-commercial-strip-v2418 .management-metric-v161:nth-child(n) {
    border: 0 !important;
    border-top: 1px solid var(--sw18-line) !important;
  }

  html body .management-commercial-strip-v2418 .management-metric-v161:nth-child(-n+2) {
    border-top: 0 !important;
  }

  html body .management-commercial-strip-v2418 .management-metric-v161:nth-child(even) {
    border-left: 1px solid var(--sw18-line) !important;
  }

  html body[data-view="product-management"] .management-commercial-strip-v2418 .management-metric-v161:last-child {
    grid-column: 1 / -1 !important;
    border-left: 0 !important;
  }
}

@media (max-width: 720px) {
  html body .listing-compliance-row-v2418,
  html body .product-listing-compliance-panel.listing-compliance-row-v2418 {
    grid-template-columns: 1fr !important;
  }

  html body .listing-compliance-check-v2418.product-compliance-check {
    min-height: 0 !important;
    border-top: 1px solid var(--sw18-line) !important;
    border-left: 0 !important;
  }

  html body .listing-compliance-links-v2418 {
    grid-column: 1 !important;
    display: grid !important;
  }

  html body .listing-compliance-links-v2418 .legal-inline-link {
    width: 100% !important;
  }

  html body .management-workspace-head-v2418 {
    min-height: 0 !important;
    padding: 14px !important;
    gap: 14px !important;
  }

  html body .management-workspace-controls-v2418 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px auto !important;
    gap: 8px !important;
  }

  html body .management-status-v2418 {
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body .management-status-v2418 small {
    display: none !important;
  }

  html body .management-feature-v2418.behavior-ops-metric {
    min-height: 116px !important;
    padding: 16px !important;
  }

  html body .management-stat-v2418 {
    min-height: 104px !important;
    padding: 15px !important;
  }

  html body[data-view="plan"] .plan-summary-primary-v2412 {
    grid-template-columns: 1fr !important;
  }

  html body[data-view="plan"] .plan-summary-primary-v2412 > div,
  html body[data-view="plan"] .plan-summary-primary-v2412 > div:nth-child(n) {
    min-height: 76px !important;
    padding: 15px 17px !important;
    border-top: 1px solid var(--sw18-line) !important;
    border-left: 0 !important;
  }

  html body[data-view="plan"] .plan-summary-primary-v2412 > div:first-child {
    border-top: 0 !important;
  }

  html body[data-view="plan"] .plan-storage-horizontal-v2418 {
    min-height: 118px !important;
  }

  html body .modal,
  html body .modal.modal-wide,
  html body .modal.minimal-purchase-modal {
    width: min(calc(100vw - 18px), 100%) !important;
    max-height: calc(100dvh - 18px) !important;
    padding: 28px 17px 20px !important;
  }

  html body .legal-reader {
    width: min(calc(100vw - 16px), 100%) !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 20px 16px !important;
  }

  html body .legal-set-content,
  html body .legal-reader-copy,
  html body .legal-backend-comment,
  html body .legal-check {
    padding: 14px 15px !important;
  }

  html body .legal-source-disclosure > summary {
    min-height: 64px !important;
    padding: 14px 15px !important;
  }

  html body .legal-source-disclosure .legal-doc-list {
    padding: 8px 10px 12px !important;
  }
}

@media (max-width: 500px) {
  html body .management-identity-v2418 .management-name-line-v161 strong {
    font-size: 20px !important;
  }

  html body .management-workspace-controls-v2418 {
    grid-template-columns: minmax(0, 1fr) 40px !important;
  }

  html body .management-withdraw-v2418 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html body .management-stat-rail-v2418 {
    grid-template-columns: 1fr !important;
  }

  html body .management-stat-v2418 + .management-stat-v2418 {
    border-top: 1px solid var(--sw18-line) !important;
    border-left: 0 !important;
  }

  html body .management-commercial-strip-v2418 .management-metric-v161 {
    min-height: 72px !important;
    padding: 12px 13px !important;
  }

  html body .management-commercial-strip-v2418 .management-metric-v161 > strong {
    font-size: 13px !important;
  }

  html body .legal-reader-copy {
    display: grid !important;
  }

  html body .legal-source-disclosure > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body .legal-source-disclosure > summary small {
    text-align: left !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .management-settings-icon-v2418 {
    transition: none !important;
  }

  html body .management-settings-icon-v2418:hover {
    transform: none !important;
  }
}


/* ===== SOURCE: universal-marketplace-v25-1.css ===== */
/* 3D StudioMarket — v25.1 FULL
   Flat marketplace layout, responsive management, readable listings. */

:root {
  --v251-surface: #0c141b;
  --v251-surface-2: #101a22;
  --v251-line: rgba(196, 214, 224, .20);
  --v251-line-strong: rgba(220, 231, 237, .32);
  --v251-text: #f2f5f7;
  --v251-muted: #9eabb3;
  --v251-yellow: #ffc400;
  --v251-orange: #ff8a1f;
  --v251-red: #ff515c;
  --v251-green: #42c989;
}

html body {
  --green: var(--v251-orange);
  --accent: var(--v251-orange);
}

html body .page-inner {
  width: min(100%, 1480px);
  margin-inline: auto;
}

html body .management-page-head-v251 {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

html body .management-page-head-v251 .page-title {
  font-size: clamp(26px, 3vw, 38px) !important;
  letter-spacing: -.035em !important;
}

html body .management-title-row-v251 { display: flex; align-items: center; gap: 11px; }
html body .management-back-v251 {
  display: grid;
  width: 38px;
  height: 38px;
  padding: 0;
  color: #dce4e8;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 25px;
  line-height: 1;
  place-items: center;
}
html body .management-back-v251:hover { color: var(--v251-orange); }

/* Management summary: plain surfaces and straight separators. */
html body .management-workspace-v251 {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--v251-line-strong) !important;
  border-radius: 12px !important;
  background: var(--v251-surface) !important;
  box-shadow: none !important;
}

html body .management-head-v251 {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr);
  align-items: stretch;
  min-height: 82px;
  border-bottom: 1px solid var(--v251-line);
}

html body .management-identity-v251,
html body .management-toggle-v251,
html body .management-actions-v251 {
  min-width: 0;
  padding: 18px 22px;
}

html body .management-identity-v251 {
  display: grid;
  align-content: center;
  gap: 3px;
}

html body .management-identity-v251 strong {
  overflow: hidden;
  color: var(--v251-text);
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .management-identity-v251 span,
html body .management-primary-metric-v251 > span,
html body .management-primary-metric-v251 small,
html body .management-secondary-strip-v251 span,
html body .management-capacity-strip-v251 span {
  color: var(--v251-muted);
  font-size: 12px;
  line-height: 1.35;
}

html body .management-toggle-v251 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-inline: 1px solid var(--v251-line);
}

html body .management-toggle-v251 > span {
  color: var(--v251-muted);
  font-size: 13px;
  font-weight: 700;
}

html body .management-toggle-v251 > strong {
  min-width: 28px;
  color: var(--v251-text);
  font-size: 13px;
  letter-spacing: .08em;
}

html body .management-actions-v251 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

html body .management-settings-v251 {
  display: grid !important;
  flex: 0 0 42px;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 8px !important;
  color: var(--v251-yellow) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  place-items: center;
}

html body .management-settings-v251 svg { width: 25px; height: 25px; }
html body .management-settings-v251:hover { color: #ffe16c !important; transform: rotate(20deg); }

html body .management-withdraw-v251,
html body .management-capacity-button-v251 {
  min-height: 42px;
  padding: 0 17px;
  border: 1px solid var(--v251-line-strong) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--v251-text) !important;
  font-size: 14px;
  font-weight: 750;
  box-shadow: none !important;
}

html body .management-capacity-button-v251 {
  border-color: rgba(255, 138, 31, .55) !important;
  color: #ffc27a !important;
}

html body .management-withdraw-v251:hover,
html body .management-capacity-button-v251:hover { border-color: var(--v251-orange) !important; }

html body .management-primary-metrics-v251 {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.45fr) repeat(3, minmax(150px, 1fr)) !important;
}

html body .management-primary-metric-v251 {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 126px;
  padding: 20px 22px;
  border-right: 1px solid var(--v251-line);
}

html body .management-primary-metric-v251:last-child { border-right: 0; }

html body .management-primary-metric-v251 > strong,
html body .management-metric-heading-v251 strong {
  overflow: hidden;
  margin-top: 6px;
  color: var(--v251-text);
  font-size: clamp(23px, 2.2vw, 32px);
  line-height: 1.1;
  text-overflow: ellipsis;
}

html body .management-primary-metric-v251 small { margin-top: 7px; }
html body .management-primary-metric-v251 small strong { color: #ffc45d; }

html body .management-metric-heading-v251 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

html body .management-metric-heading-v251 span {
  color: var(--v251-muted);
  font-size: 12px;
}

html body .management-linear-v251 {
  overflow: hidden;
  width: 100%;
  height: 7px;
  margin-top: 16px;
  border-radius: 999px;
  background: rgba(213, 225, 232, .14);
}

html body .management-linear-v251 > i {
  display: block;
  width: clamp(0%, calc(var(--progress, 0) * 1%), 100%);
  height: 100%;
  border-radius: inherit;
  background: var(--v251-orange);
}

html body .management-secondary-strip-v251,
html body .management-capacity-strip-v251 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border: 0 !important;
  border-top: 1px solid var(--v251-line) !important;
  background: transparent !important;
}

html body .management-secondary-strip-v251 > div,
html body .management-capacity-strip-v251 > div {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 64px;
  padding: 14px 22px;
  border-right: 1px solid var(--v251-line);
}

html body .management-secondary-strip-v251 > div:last-child,
html body .management-capacity-strip-v251 > div:last-child { border-right: 0; }

html body .management-secondary-strip-v251 strong,
html body .management-capacity-strip-v251 strong {
  overflow: hidden;
  margin-top: 3px;
  color: var(--v251-text);
  font-size: 14px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .management-capacity-strip-v251 {
  grid-template-columns: 1.6fr .7fr .9fr !important;
}

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

html body[data-view="product-management"] .management-capacity-strip-v251 {
  grid-template-columns: 1.6fr .7fr .9fr !important;
}

html body .management-capacity-progress-v251 {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 18px;
}

html body .management-capacity-progress-v251 .management-linear-v251 {
  grid-column: 1 / -1;
  height: 6px;
  margin-top: 10px;
}

html body .management-alert-metric-v251 strong { color: #ffb0b5; }
html body .management-alert-metric-v251 i,
html body .order-waiting-badge-v251 i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--v251-red);
}

html body .management-list-zone-v251 { margin-top: 16px !important; }
html body .management-list-zone-v251 .management-card-grid { gap: 0 !important; overflow: hidden; border: 1px solid var(--v251-line); border-radius: 10px; background: var(--v251-surface); }

html body .management-list-zone-v251 .management-row-v222 {
  grid-template-columns: 64px minmax(180px, 1.25fr) minmax(180px, 1fr) auto 28px !important;
  min-height: 82px !important;
  padding: 0 18px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v251-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .management-list-zone-v251 .management-row-v222:last-child { border-bottom: 0 !important; }
html body .management-row-preview-v222 { min-width: 0 !important; height: 100% !important; border-right: 1px solid var(--v251-line) !important; border-radius: 0 !important; }
html body .management-row-primary-v222 { padding-left: 18px; }
html body .management-row-primary-v222 strong { font-size: 16px !important; }
html body .management-row-primary-v222 small { margin-top: 3px; font-size: 12px !important; }
html body .management-row-tags-v222 { min-width: 0; flex-wrap: wrap; }
html body .management-row-tags-v222 i { border-color: var(--v251-line-strong) !important; border-radius: 5px !important; background: transparent !important; color: #c8d1d7 !important; }
html body .management-row-stats-v222 { white-space: nowrap; }

/* Product management tabs and compact order rows. */
html body .management-tabs-v251 {
  display: flex !important;
  align-items: stretch;
  min-height: 48px;
  margin-bottom: 0 !important;
  border: 1px solid var(--v251-line) !important;
  border-radius: 9px 9px 0 0 !important;
  background: var(--v251-surface) !important;
}

html body .management-tabs-v251 > button {
  position: relative;
  width: auto !important;
  min-width: 130px;
  min-height: 47px;
  padding: 0 19px !important;
  border: 0 !important;
  border-right: 1px solid var(--v251-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--v251-muted) !important;
  box-shadow: none !important;
}

html body .management-tabs-v251 > button.active { color: #fff !important; box-shadow: inset 0 -2px var(--v251-orange) !important; }
html body .management-tabs-v251 .management-history-link-v251 { margin-left: auto; border-right: 0 !important; border-left: 1px solid var(--v251-line) !important; color: #ffc16e !important; }

html body .order-waiting-badge-v251 {
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
  color: #ff9aa1;
  font-size: 12px;
}
html body .order-waiting-badge-v251[hidden] { display: none !important; }

html body #pmProductPanel > .management-card-grid,
html body #pmOrderPanel > .order-list-v251 { border-radius: 0 0 10px 10px !important; border-top: 0 !important; }
html body #pmOrderPanel { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }

html body .order-list-v251 {
  display: grid !important;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--v251-line);
  background: var(--v251-surface);
}

html body .order-row-v251 {
  display: grid;
  grid-template-columns: minmax(190px, 1.2fr) minmax(170px, .9fr) minmax(165px, .8fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 82px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--v251-line);
}
html body .order-row-v251:last-child { border-bottom: 0; }
html body .order-row-v251 > div { min-width: 0; }
html body .order-row-v251 strong,
html body .order-row-v251 small { display: block; overflow: hidden; text-overflow: ellipsis; }
html body .order-row-v251 strong { color: var(--v251-text); font-size: 14px; white-space: nowrap; }
html body .order-row-v251 small { margin-top: 4px; color: var(--v251-muted); font-size: 12px; line-height: 1.35; }
html body .order-row-status-v251 { justify-self: start; padding: 6px 9px; border: 1px solid var(--v251-line-strong); border-radius: 5px; color: #d8e0e4; font-size: 12px; white-space: nowrap; }
html body .order-row-v251.status-0 .order-row-status-v251 { border-color: rgba(255,81,92,.55); color: #ff9ea5; }
html body .order-row-controls-v251 { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
html body .order-row-action-v251 { justify-self: end; min-width: 116px; border-color: rgba(255,138,31,.55) !important; color: #ffc079 !important; }

/* Detail, favorite and seller actions remain icon-only. */
html body .detail-media-actions-v2417 { gap: 8px !important; }
html body .detail-media-action-v2417,
html body .market-card-fav,
html body .favorite-action,
html body .card-heart-only {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html body .detail-media-action-v2417 { width: 42px !important; height: 42px !important; padding: 9px !important; color: #f5f7f8 !important; }
html body .detail-media-action-v2417:hover,
html body .market-card-fav:hover { color: var(--v251-red) !important; transform: translateY(-1px); }
html body .detail-media-action-v2417.active,
html body .market-card-fav.active { color: var(--v251-red) !important; }

html body .detail-license-studio-v251 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 17px;
  padding: 13px 0 0;
  border-top: 1px solid var(--v251-line);
}
html body .detail-license-studio-v251 > span { color: var(--v251-muted); font-size: 12px; }
html body .detail-license-studio-v251 > strong { overflow: hidden; color: var(--v251-text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
html body .detail-license-studio-v251 .detail-text-link-v2417 { color: #ffc16e !important; }

html body .detail-seller-link-v2417 { grid-template-columns: minmax(0, 1fr) auto !important; padding: 18px 20px !important; }
html body .detail-seller-identity-v2417 { min-width: 0; padding: 0 !important; }
html body .detail-seller-stats-v2417 { padding: 0 20px 18px !important; }

html body .seller-profile-flat-v251 { overflow: hidden; border: 1px solid var(--v251-line-strong) !important; border-radius: 12px !important; background: var(--v251-surface) !important; }
html body .seller-profile-head-v251 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 28px !important;
  padding: clamp(22px, 3vw, 38px) !important;
  border-bottom: 1px solid var(--v251-line) !important;
}
html body .seller-profile-copy-v251 { min-width: 0; }
html body .seller-profile-copy-v251 .page-desc { max-width: 740px; }
html body .seller-contact-line-v251 { display: flex !important; flex-wrap: wrap; gap: 8px 18px !important; margin-top: 17px !important; }
html body .seller-contact-line-v251 > span { color: var(--v251-muted); font-size: 12px; }
html body .seller-contact-line-v251 strong { margin-left: 4px; color: var(--v251-text); font-size: 13px; }
html body .seller-profile-actions-v251 { align-self: center; }
html body .seller-profile-metrics-v2412 { border-bottom: 1px solid var(--v251-line) !important; }

/* Product listing: stable sections, no sticky side column or overlapping borders. */
html body[data-view="product-listing-settings"] .page-inner { width: min(100%, 1240px) !important; }
html body[data-view="product-listing-settings"] .product-listing-canvas-v2412 {
  overflow: hidden !important;
  border: 1px solid var(--v251-line-strong) !important;
  border-radius: 12px !important;
  background: var(--v251-surface) !important;
}
html body[data-view="product-listing-settings"] .product-listing-columns-v2412 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
html body[data-view="product-listing-settings"] .product-listing-primary-v2412,
html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  border: 0 !important;
}
html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 { border-top: 1px solid var(--v251-line) !important; }
html body[data-view="product-listing-settings"] .product-listing-primary-v2412 > *,
html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 > * {
  position: static !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 26px !important;
  border: 0 !important;
  border-right: 1px solid var(--v251-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="product-listing-settings"] .product-listing-primary-v2412 > *:last-child,
html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 > *:last-child { border-right: 0 !important; }
html body[data-view="product-listing-settings"] .product-listing-compliance-panel {
  display: grid !important;
  grid-template-columns: minmax(220px, .75fr) minmax(320px, 1.25fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 22px 26px !important;
  border: 0 !important;
  border-top: 1px solid var(--v251-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body[data-view="product-listing-settings"] .product-sku-card-v249 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 140px auto !important;
  align-items: end !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 15px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v251-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body[data-view="product-listing-settings"] .product-sku-card-v249:last-child { border-bottom: 0 !important; }
html body[data-view="product-listing-settings"] .option-group-card,
html body[data-view="product-listing-settings"] .license-grant-summary,
html body[data-view="product-listing-settings"] .licensed-production-panel {
  border-color: var(--v251-line) !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.015) !important;
  box-shadow: none !important;
}

/* File listing: centered work area and readable creation controls. */
html body[data-view="file-listing-settings"] .page-inner { width: 100% !important; max-width: none !important; }
html body[data-view="file-listing-settings"] .fl188-root { margin: 0 !important; }
html body[data-view="file-listing-settings"] .fl188-root .page-shell {
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding: 8px 18px 124px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .content-grid { grid-template-columns: minmax(0, 1fr) !important; }
html body[data-view="file-listing-settings"] .fl188-root .main-column { width: 100%; }
html body[data-view="file-listing-settings"] .fl188-root .side-column { position: static !important; width: 100%; }
html body[data-view="file-listing-settings"] .fl188-root .single-sku > summary b,
html body[data-view="file-listing-settings"] .fl188-root .manual-panel summary b { font-size: 16px !important; line-height: 1.35 !important; }
html body[data-view="file-listing-settings"] .fl188-root .single-sku > summary small,
html body[data-view="file-listing-settings"] .fl188-root .manual-panel summary small { margin-top: 4px !important; font-size: 12px !important; line-height: 1.5 !important; }
html body[data-view="file-listing-settings"] .fl188-root .single-sku > summary,
html body[data-view="file-listing-settings"] .fl188-root .manual-panel > details > summary { min-height: 78px !important; padding: 16px 20px !important; }
html body[data-view="file-listing-settings"] .fl188-root select,
html body[data-view="file-listing-settings"] .fl188-root input,
html body[data-view="file-listing-settings"] .fl188-root textarea { font-size: 15px !important; }
html body[data-view="file-listing-settings"] .fl188-root .check-options label { font-size: 13px !important; }

/* Legal and policy readers: one clear content plane instead of stacked cards. */
html body .legal-reader {
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: min(88dvh, 820px) !important;
  padding: 26px !important;
  border: 1px solid var(--v251-line-strong) !important;
  border-radius: 12px !important;
  background: #0b131a !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.5) !important;
}
html body .legal-reader header { padding: 0 44px 20px 0 !important; border-bottom: 1px solid var(--v251-line) !important; }
html body .legal-reader .legal-set-content,
html body .legal-reader .legal-reader-copy,
html body .legal-reader .legal-source-disclosure,
html body .legal-reader .legal-backend-comment,
html body .legal-reader .legal-check {
  margin: 0 !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v251-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .legal-reader .legal-set-content ul { margin: 12px 0 0 !important; padding-left: 20px !important; }
html body .legal-reader .legal-set-content li { padding: 4px 0 !important; color: #d7dfe4 !important; font-size: 13px !important; line-height: 1.55 !important; }
html body .legal-reader-copy { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; }
html body .legal-source-disclosure > summary { min-height: 0 !important; padding: 0 !important; }
html body .legal-reader footer { padding: 18px 0 0 !important; }
html body .legal-close,
html body .modal-close,
html body [data-unframed-danger-control="true"] {
  color: var(--v251-red) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .policy-library-v251 { display: grid; gap: 0; }
html body .policy-library-v251 > p { margin: 6px 0 18px; color: var(--v251-muted); font-size: 13px; line-height: 1.55; }
html body .policy-library-section-v251 { padding: 16px 0; border-top: 1px solid var(--v251-line); }
html body .policy-library-section-v251 > strong { display: block; margin-bottom: 10px; color: var(--v251-text); font-size: 13px; }
html body .policy-library-grid-v251 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--v251-line); border-radius: 8px; overflow: hidden; }
html body .policy-library-grid-v251 button { min-height: 54px; padding: 10px 13px; text-align: left; color: #dce3e7; border: 0; border-right: 1px solid var(--v251-line); border-bottom: 1px solid var(--v251-line); background: transparent; font-size: 13px; }
html body .policy-library-grid-v251 button:nth-child(2n) { border-right: 0; }
html body .policy-library-grid-v251 button:nth-last-child(-n+2) { border-bottom: 0; }
html body .policy-library-grid-v251 button:hover { color: #ffc16e; background: rgba(255,138,31,.06); }
html body .policy-document-v251 { color: #d8e0e4; }
html body .policy-document-v251 h3 { margin: 20px 0 8px; font-size: 16px; }
html body .policy-document-v251 p,
html body .policy-document-v251 li { color: #b9c4ca; font-size: 13px; line-height: 1.65; }

html body .policy-link { justify-content: space-between !important; text-align: left !important; }
html body .policy-link > span { color: var(--v251-orange); font-size: 20px; }
html body .legal-set-shortcuts-v251 { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding-top: 14px; border-top: 1px solid var(--v251-line); }
html body .legal-set-shortcuts-v251 > span { color: var(--v251-muted); font-size: 12px; font-weight: 700; }
html body .legal-set-shortcuts-v251 > div { display: flex; gap: 7px; }
html body .legal-set-shortcuts-v251 button { width: 36px; height: 36px; color: #dce4e8; border: 1px solid var(--v251-line-strong); border-radius: 6px; background: transparent; font-size: 13px; font-weight: 800; }
html body .legal-set-shortcuts-v251 button:hover { color: #ffc16e; border-color: var(--v251-orange); }

/* Popup text must never touch its container edge. */
html body .modal { padding: clamp(25px, 4vw, 38px) !important; }
html body .modal .modal-title,
html body .modal .modal-desc,
html body .modal .order-detail-grid-v176,
html body .modal .form-group,
html body .modal .modal-actions { max-width: 100%; }
html body .order-modal-v251 .order-detail-grid-v176 { padding: 0 !important; border: 0 !important; border-top: 1px solid var(--v251-line) !important; border-radius: 0 !important; background: transparent !important; }
html body .order-modal-v251 .order-detail-grid-v176 > div { padding: 15px 0 !important; border-bottom: 1px solid var(--v251-line) !important; }

@media (max-width: 1100px) {
  html body .management-head-v251 { grid-template-columns: minmax(200px, 1fr) auto minmax(240px, 1fr); }
  html body .management-identity-v251,
  html body .management-toggle-v251,
  html body .management-actions-v251 { padding: 16px; }
  html body .management-primary-metrics-v251 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .management-primary-metric-v251 { border-bottom: 1px solid var(--v251-line); }
  html body .management-primary-metric-v251:nth-child(2n) { border-right: 0; }
  html body .management-primary-metric-v251:nth-last-child(-n+2) { border-bottom: 0; }
  html body .management-list-zone-v251 .management-row-v222 { grid-template-columns: 60px minmax(180px, 1.2fr) minmax(150px, .8fr) auto 24px !important; }
  html body .order-row-v251 { grid-template-columns: minmax(170px, 1.1fr) minmax(140px, .8fr) auto; }
  html body .order-row-options-v251 { grid-column: 1 / 3; grid-row: 2; }
  html body .order-row-action-v251 { grid-column: 3; grid-row: 1 / 3; }
}

@media (max-width: 820px) {
  html body .management-head-v251 { grid-template-columns: minmax(0, 1fr) auto; }
  html body .management-identity-v251 { grid-column: 1 / -1; border-bottom: 1px solid var(--v251-line); }
  html body .management-toggle-v251 { justify-content: flex-start; border-left: 0; border-right: 1px solid var(--v251-line); }
  html body .management-actions-v251 { padding-block: 12px; }
  html body .management-secondary-strip-v251,
  html body .management-capacity-strip-v251,
  html body[data-view="file-management"] .management-secondary-strip-v251,
  html body[data-view="product-management"] .management-secondary-strip-v251,
  html body[data-view="product-management"] .management-capacity-strip-v251 { grid-template-columns: 1fr !important; }
  html body .management-secondary-strip-v251 > div,
  html body .management-capacity-strip-v251 > div { min-height: 58px; border-right: 0; border-bottom: 1px solid var(--v251-line); }
  html body .management-secondary-strip-v251 > div:last-child,
  html body .management-capacity-strip-v251 > div:last-child { border-bottom: 0; }
  html body .management-list-zone-v251 .management-row-v222 { grid-template-columns: 58px minmax(0, 1fr) auto 20px !important; min-height: 84px !important; padding-right: 12px !important; }
  html body .management-row-tags-v222 { display: none !important; }
  html body .management-row-stats-v222 { font-size: 11px !important; }
  html body[data-view="product-listing-settings"] .product-listing-primary-v2412,
  html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 { grid-template-columns: 1fr !important; }
  html body[data-view="product-listing-settings"] .product-listing-primary-v2412 > *,
  html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 > * { border-right: 0 !important; border-bottom: 1px solid var(--v251-line) !important; }
  html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 > *:last-child { border-bottom: 0 !important; }
  html body[data-view="product-listing-settings"] .product-listing-compliance-panel { grid-template-columns: 1fr !important; }
  html body .seller-profile-head-v251 { grid-template-columns: 1fr !important; }
  html body .seller-profile-actions-v251 { justify-self: start; }
}

@media (max-width: 600px) {
  html body .management-page-head-v251 { margin-bottom: 13px !important; }
  html body .management-workspace-v251 { border-radius: 9px; }
  html body .management-head-v251 { grid-template-columns: 1fr; }
  html body .management-identity-v251,
  html body .management-toggle-v251,
  html body .management-actions-v251 { grid-column: 1; padding: 14px 15px; }
  html body .management-toggle-v251 { border: 0; border-bottom: 1px solid var(--v251-line); }
  html body .management-actions-v251 { justify-content: flex-end; }
  html body .management-capacity-button-v251 { margin-right: auto; padding-inline: 11px; }
  html body .management-primary-metrics-v251 { grid-template-columns: 1fr !important; }
  html body .management-primary-metric-v251 { min-height: 92px; padding: 15px; border-right: 0; border-bottom: 1px solid var(--v251-line) !important; }
  html body .management-primary-metric-v251:last-child { border-bottom: 0 !important; }
  html body .management-primary-metric-v251 > strong,
  html body .management-metric-heading-v251 strong { font-size: 24px; }
  html body .management-secondary-strip-v251 > div,
  html body .management-capacity-strip-v251 > div { padding-inline: 15px; }
  html body .management-tabs-v251 { overflow-x: auto; }
  html body .management-tabs-v251 > button { min-width: max-content; padding-inline: 14px !important; }
  html body .management-tabs-v251 .management-history-link-v251 { margin-left: 0; }
  html body .management-list-zone-v251 .management-row-v222 { grid-template-columns: 54px minmax(0, 1fr) 18px !important; }
  html body .management-row-stats-v222 { display: none !important; }
  html body .management-row-primary-v222 { padding-left: 13px; }
  html body .order-row-v251 { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 14px; padding: 14px; }
  html body .order-row-buyer-v251,
  html body .order-row-options-v251 { grid-column: 1 / -1; grid-row: auto; }
  html body .order-row-status-v251 { grid-column: 2; grid-row: 1; }
  html body .order-row-controls-v251 { display: contents; }
  html body .order-row-action-v251 { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; width: 100%; }
  html body .detail-license-studio-v251 { grid-template-columns: 1fr auto; }
  html body .detail-license-studio-v251 > span { grid-column: 1 / -1; }
  html body .detail-seller-stats-v2417 { grid-template-columns: 1fr !important; }
  html body .seller-profile-head-v251 { padding: 20px 16px !important; }
  html body .seller-profile-actions-v251 { display: grid !important; width: 100%; grid-template-columns: 1fr; }
  html body .seller-profile-actions-v251 .btn { width: 100%; }
  html body[data-view="product-listing-settings"] .product-listing-primary-v2412 > *,
  html body[data-view="product-listing-settings"] .product-listing-secondary-v2412 > *,
  html body[data-view="product-listing-settings"] .product-listing-compliance-panel { padding: 18px 15px !important; }
  html body[data-view="product-listing-settings"] .product-sku-card-v249 { grid-template-columns: 1fr !important; align-items: stretch !important; }
  html body[data-view="product-listing-settings"] .product-sku-delete-v249 { width: 100%; }
  html body[data-view="file-listing-settings"] .fl188-root .page-shell { padding-inline: 0 !important; }
  html body[data-view="file-listing-settings"] .fl188-root .single-sku > summary b,
  html body[data-view="file-listing-settings"] .fl188-root .manual-panel summary b { font-size: 15px !important; }
  html body .legal-reader { width: min(100%, calc(100vw - 14px)) !important; max-height: calc(100dvh - 14px) !important; padding: 21px 16px !important; border-radius: 9px !important; }
  html body .legal-reader-copy { display: grid !important; }
  html body .policy-library-grid-v251 { grid-template-columns: 1fr; }
  html body .policy-library-grid-v251 button { border-right: 0 !important; border-bottom: 1px solid var(--v251-line) !important; }
  html body .policy-library-grid-v251 button:last-child { border-bottom: 0 !important; }
  html body .modal { width: min(100%, calc(100vw - 14px)) !important; padding: 28px 16px 20px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body .management-settings-v251:hover,
  html body .detail-media-action-v2417:hover { transform: none !important; }
}


/* ===== SOURCE: universal-marketplace-v25-2.css ===== */
/* 3D StudioMarket — v25.2 navigation and full-document reader */

html body #topbarLeftBtn {
  position: relative;
  z-index: 2;
  pointer-events: auto !important;
  touch-action: manipulation;
}

html body[data-page-type="menu"].sidebar-open #sidebarMount .sidebar,
html body[data-page-type="menu"] #sidebarMount .sidebar.open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
  z-index: 1200 !important;
}

html body.sidebar-open #sidebarOverlay,
html body #sidebarOverlay.open,
html body #sidebarOverlay.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1190 !important;
}

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

html body .policy-library-modal-v252,
html body .legal-set-modal-v252,
html body .legal-document-modal-v252 {
  width: min(1080px, calc(100vw - 32px)) !important;
  max-width: 1080px !important;
  padding: clamp(22px, 3vw, 34px) !important;
  overflow: hidden !important;
}

html body .policy-library-v252,
html body .legal-set-library-v252,
html body .legal-document-reader-v252 {
  min-width: 0;
  color: var(--text-primary, #f4f6f8);
}

html body .policy-library-v252 > header,
html body .legal-set-library-v252 > header,
html body .legal-document-header-v252 {
  padding: 0 42px 20px 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

html body .policy-library-v252 > header > span,
html body .legal-set-library-v252 > header > span,
html body .legal-document-header-v252 > span {
  display: block;
  margin-bottom: 7px;
  color: #ffbd45;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body .policy-library-v252 h2,
html body .legal-set-library-v252 h2,
html body .legal-document-header-v252 h2 {
  margin: 0;
  font-size: clamp(25px, 3vw, 36px);
  line-height: 1.16;
}

html body .policy-library-v252 header p,
html body .legal-set-library-v252 header p,
html body .legal-document-header-v252 > p {
  margin: 10px 0 0;
  color: var(--text-secondary, #aeb8c4);
  font-size: 16px;
  line-height: 1.55;
}

html body .policy-library-v252 > section { padding-top: 22px; }
html body .policy-library-v252 > section + section { margin-top: 22px; border-top: 1px solid rgba(255,255,255,.12); }
html body .policy-library-v252 > section > h3 { margin: 0 0 13px; font-size: 16px; }

html body .policy-library-grid-v252,
html body .legal-set-source-grid-v252 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.14);
  border-left: 1px solid rgba(255,255,255,.14);
}

html body .policy-library-grid-v252 > button,
html body .legal-source-card-v252 {
  min-width: 0;
  min-height: 104px;
  padding: 17px 18px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

html body .policy-library-grid-v252 > button:hover,
html body .legal-source-card-v252:hover { background: rgba(255,183,50,.07); }
html body .policy-library-grid-v252 strong,
html body .legal-source-card-v252 strong { display: block; margin-bottom: 6px; font-size: 17px; line-height: 1.35; }
html body .policy-library-grid-v252 small,
html body .legal-source-card-v252 small { display: block; color: var(--text-secondary, #aeb8c4); font-size: 14px; line-height: 1.45; }
html body .policy-library-grid-v252 span,
html body .legal-source-card-v252 b { display: block; margin-top: 12px; color: #ffbd45; font-size: 14px; }
html body .legal-set-grid-v252 > button { min-height: 126px; }
html body .legal-set-grid-v252 b { display: block; margin-bottom: 6px; color: #ffbd45; }

html body .legal-set-source-grid-v252 { margin-top: 22px; }
html body .legal-source-card-v252 > span { display: block; margin-bottom: 6px; color: #ffbd45; font-size: 13px; font-weight: 800; text-transform: uppercase; }

html body .legal-document-meta-v252 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  margin: 18px 0 0;
}

html body .legal-document-meta-v252 > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; }
html body .legal-document-meta-v252 > div.wide { grid-column: 1 / -1; }
html body .legal-document-meta-v252 dt { color: var(--text-secondary, #aeb8c4); font-size: 13px; }
html body .legal-document-meta-v252 dd { min-width: 0; margin: 0; overflow-wrap: anywhere; font-size: 14px; }

html body .legal-document-header-actions-v252 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
}

html body .legal-document-header-actions-v252 a {
  color: #ffbd45;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}
html body .legal-document-header-actions-v252 small { color: var(--text-secondary, #aeb8c4); font-size: 12px; overflow-wrap: anywhere; }

html body .legal-document-body-v252 {
  max-height: min(58vh, 650px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 16px 0 0;
  scrollbar-gutter: stable;
}

html body .legal-document-section-v252 {
  max-width: 86ch;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
html body .legal-document-section-v252:last-child { border-bottom: 0; }
html body .legal-document-section-v252 h3 { margin: 0 0 13px; font-size: 19px; line-height: 1.35; }
html body .legal-document-section-v252 h3 span { color: #ffbd45; }
html body .legal-document-section-v252 p { margin: 0 0 14px; color: #d6dce3; font-size: 16px; line-height: 1.72; }
html body .legal-document-section-v252 p:last-child { margin-bottom: 0; }

html body .legal-document-footer-v252 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.14);
}

@media (max-width: 700px) {
  html body .policy-library-modal-v252,
  html body .legal-set-modal-v252,
  html body .legal-document-modal-v252 {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 20px 17px !important;
  }
  html body .policy-library-grid-v252,
  html body .legal-set-source-grid-v252 { grid-template-columns: 1fr; }
  html body .legal-document-meta-v252 { grid-template-columns: 1fr; }
  html body .legal-document-meta-v252 > div.wide { grid-column: auto; }
  html body .legal-document-meta-v252 > div { grid-template-columns: 92px minmax(0, 1fr); }
  html body .legal-document-header-actions-v252 { align-items: flex-start; flex-direction: column; }
  html body .legal-document-body-v252 { max-height: 54dvh; padding-right: 8px; }
  html body .legal-document-section-v252 p { font-size: 16px; line-height: 1.68; }
  html body .legal-document-footer-v252 { position: sticky; bottom: -20px; margin: 0 -17px -20px; padding: 14px 17px; background: #0b1118; }
}


/* ===== SOURCE: universal-marketplace-v25-3.css ===== */
/* 3D StudioMarket — v25.3 focused UX and responsive repair */

/* Navigation drawer remains operable at every responsive breakpoint. */
html body #topbarLeftBtn {
  pointer-events: auto !important;
  touch-action: manipulation;
  cursor: pointer;
}

html body[data-page-type="menu"].sidebar-open #sidebarMount .sidebar,
html body[data-page-type="menu"] #sidebarMount .sidebar.open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
  z-index: 1400 !important;
}

html body.sidebar-open #sidebarOverlay,
html body #sidebarOverlay.open,
html body #sidebarOverlay.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1390 !important;
}

html body[data-view="file-management"] .management-back-v251,
html body[data-view="product-management"] .management-back-v251,
html body .legal-library { display: none !important; }

/* Every popup close control is red and completely unframed. */
html body button.modal-close,
html body button.legal-close,
html body .icon-btn[aria-label="Close"],
html body button[aria-label="Close"][data-unframed-close-v253="true"],
html body button.modal-close:hover,
html body button.legal-close:hover,
html body .icon-btn[aria-label="Close"]:hover,
html body button.modal-close:focus-visible,
html body button.legal-close:focus-visible,
html body .icon-btn[aria-label="Close"]:focus-visible,
html body button.modal-close:active,
html body button.legal-close:active,
html body .icon-btn[aria-label="Close"]:active {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: #ff5b62 !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body button.modal-close::before,
html body button.modal-close::after,
html body button.legal-close::before,
html body button.legal-close::after,
html body .icon-btn[aria-label="Close"]::before,
html body .icon-btn[aria-label="Close"]::after { background: transparent !important; box-shadow: none !important; }

/* Legacy legal-set bullets no longer sit underneath the text. */
html body .legal-reader .legal-set-content ul {
  display: grid !important;
  gap: 4px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .legal-reader .legal-set-content li {
  position: relative !important;
  min-width: 0 !important;
  padding: 7px 0 7px 24px !important;
  color: #dce2e7 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}

html body .legal-reader .legal-set-content li::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 1.05em !important;
  width: 7px !important;
  height: 7px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ffae31 !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

/* Product listing: centered, predictable sections with no intersecting grids. */
html body[data-view="product-listing-settings"] .page-inner {
  width: min(100%, 1240px) !important;
  margin-inline: auto !important;
}

html body .product-listing-header-v253 {
  width: min(100%, 1160px);
  margin: 0 auto 18px !important;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

html body .product-listing-header-v253 > div { min-width: 0; }
html body .product-listing-header-v253 .page-desc { max-width: 760px; margin-top: 6px !important; }
html body .listing-save-state-v253 { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; color: #c9d0d6; font-size: 13px; }
html body .listing-save-state-v253 i { width: 8px; height: 8px; border-radius: 50%; background: #ffb32f; }

html body .product-listing-shell-v253 {
  width: min(100%, 1160px);
  margin-inline: auto;
  border-top: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

html body .listing-section-v253 {
  min-width: 0;
  padding: clamp(22px, 3vw, 34px) 0;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .product-listing-shell-v253 > .listing-section-v253:last-child { border-bottom: 0 !important; }

html body .listing-section-head-v253 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
html body .listing-section-head-v253 > div { min-width: 0; }
html body .listing-section-head-v253 span,
html body .listing-section-head-v253 > small { color: #ffb238; font-size: 12px; font-weight: 750; letter-spacing: .04em; }
html body .listing-section-head-v253 h2 { margin: 5px 0 0; color: #f5f7f9; font-size: clamp(20px, 2.4vw, 27px); line-height: 1.22; }
html body .listing-section-head-v253 > small { max-width: 310px; color: #9ca8b2; font-weight: 600; letter-spacing: 0; text-align: right; line-height: 1.5; }

html body .product-image-grid-v253 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 22px;
}
html body .product-image-add-v253,
html body .product-image-preview-v253 {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 150px;
  margin: 0 !important;
  border: 1px dashed rgba(255,255,255,.22) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.025) !important;
}
html body .product-image-add-v253 { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; cursor: pointer; color: #e9edf0; }
html body .product-image-add-v253 > span { color: #ffb238; font-size: 27px; line-height: 1; }
html body .product-image-add-v253 small { color: #8f9ba5; font-size: 12px; }
html body .product-image-preview-v253 { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
html body .product-image-preview-v253 button { position: absolute; right: 10px; bottom: 10px; padding: 7px 10px; border: 0; border-radius: 6px; background: #2b333b; color: #fff; }

html body .listing-form-grid-v253 {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
  gap: 16px;
}
html body .listing-description-v253 { grid-column: 1 / -1; }
html body .listing-form-grid-v253 .form-input,
html body .listing-form-grid-v253 .form-textarea { width: 100% !important; box-sizing: border-box; }
html body .listing-form-grid-v253 .form-textarea { min-height: 120px; resize: vertical; }

html body .product-sku-list-v253 { display: grid; gap: 0; border-top: 1px solid rgba(255,255,255,.14); }
html body .product-sku-row-v253.product-sku-card-v249 {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .34fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-width: 0 !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .product-sku-row-v253:last-child { border-bottom: 0 !important; }
html body .product-sku-copy-v249 { min-width: 0; }
html body .product-sku-copy-v249 strong,
html body .product-sku-copy-v249 span { display: block; overflow-wrap: anywhere; }
html body .product-sku-copy-v249 strong { color: #f2f4f6; font-size: 16px; }
html body .product-sku-copy-v249 span { margin-top: 5px; color: #929ea8; font-size: 13px; }
html body .product-sku-price-v253 { min-width: 0; }
html body .product-sku-price-v253 > span { display: block; margin-bottom: 6px; color: #97a2ac; font-size: 12px; }
html body .product-sku-price-v253 > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 9px; }
html body .product-sku-price-v253 .form-input { box-sizing: border-box; width: 100% !important; min-width: 0; }
html body .product-sku-price-v253 small { color: #ffb238; font-size: 12px; }
html body .product-sku-row-v253 .product-sku-delete-v249 { white-space: nowrap; }

html body .product-listing-split-v253 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid rgba(255,255,255,.14);
}
html body .product-listing-split-v253 > section { padding-inline: clamp(20px, 3vw, 34px) !important; }
html body .product-listing-split-v253 > section:first-child { padding-left: 0 !important; border-right: 1px solid rgba(255,255,255,.14) !important; }
html body .product-listing-split-v253 > section:last-child { padding-right: 0 !important; border-bottom: 0 !important; }
html body .listing-help-v253 { margin: -8px 0 17px; color: #9ba6af; font-size: 14px; line-height: 1.55; }
html body .option-group-list-v253 { display: grid; gap: 10px; }
html body .option-group-list-v253 .option-group-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .option-group-list-v253 .option-group-card > span { min-width: 0; }
html body .option-group-list-v253 .option-group-card strong,
html body .option-group-list-v253 .option-group-card small { display: block; }
html body .option-group-list-v253 .option-group-card small { margin-top: 4px; color: #8f9aa4; }
html body .option-group-list-v253 .form-input { box-sizing: border-box; width: 100% !important; min-width: 0; }

html body .listing-license-v253 .field-help { color: #929da7; font-size: 13px; line-height: 1.55; }
html body .listing-license-v253 .licensed-production-panel { min-width: 0; }
html body .listing-license-v253 .legal-license-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body .listing-license-v253 .legal-license-fields > * { min-width: 0; }
html body .listing-license-v253 .form-input,
html body .listing-license-v253 .filter-select { box-sizing: border-box; width: 100% !important; min-width: 0; }
html body .licensed-production-acceptance { padding-top: 16px; border-top: 1px solid rgba(255,255,255,.13); }

html body .listing-compliance-v253 {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr) auto;
  align-items: center;
  gap: 24px;
}
html body .listing-compliance-v253 .product-compliance-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
html body .listing-compliance-v253 .product-compliance-copy h2 { margin: 3px 0; font-size: 20px; }
html body .listing-compliance-v253 .product-compliance-copy p { margin: 0; color: #929ea8; font-size: 13px; }
html body .listing-compliance-v253 .product-compliance-check { box-sizing: border-box; min-width: 0; margin: 0 !important; padding: 15px !important; }
html body .listing-compliance-v253 .legal-inline-link { white-space: nowrap; }

html body .product-listing-actions-v253 {
  box-sizing: border-box;
  width: min(100%, 1160px);
  margin: 18px auto 0 !important;
}

/* v25.5 — operational Product Listing controls. */
html body[data-view="product-listing-settings"] .main-content,
html body[data-view="product-listing-settings"] .page-inner,
html body[data-view="product-listing-settings"] .product-listing-shell-v253,
html body[data-view="product-listing-settings"] input,
html body[data-view="product-listing-settings"] textarea,
html body[data-view="product-listing-settings"] select,
html body[data-view="product-listing-settings"] button,
html body[data-view="product-listing-settings"] label {
  pointer-events: auto !important;
}

html body[data-view="product-listing-settings"]:not(.sidebar-open) .sidebar-overlay {
  display: none !important;
  pointer-events: none !important;
}

html body .product-image-add-v253:focus-visible,
html body[data-view="product-listing-settings"] input:focus-visible,
html body[data-view="product-listing-settings"] textarea:focus-visible,
html body[data-view="product-listing-settings"] select:focus-visible,
html body[data-view="product-listing-settings"] button:focus-visible {
  outline: 2px solid #10b981 !important;
  outline-offset: 3px !important;
}

html body .product-image-preview-v253 img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
}

html body .product-image-file-v255 {
  box-sizing: border-box;
  width: 100%;
  min-height: 150px;
  padding: 18px;
  display: grid;
  place-items: center;
  color: #dce3e8;
  text-align: center;
  overflow-wrap: anywhere;
}

html body .product-image-status-v255 {
  position: absolute;
  top: 9px;
  left: 9px;
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(4,8,11,.8);
  color: #dbe3e8;
  font-size: 11px;
  font-weight: 750;
  backdrop-filter: blur(8px);
}

html body .product-image-status-v255.uploading,
html body .product-image-status-v255.pending { color: #ffbd52; }
html body .product-image-status-v255.failed { color: #ff8589; }
html body .product-image-status-v255.ready,
html body .product-image-status-v255.active { color: #57dcae; }

html body .product-image-empty-v255 {
  box-sizing: border-box;
  min-height: 150px;
  margin: 0;
  padding: 20px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.12);
  border-radius: 10px;
  color: #8996a0;
  text-align: center;
}

html body .listing-field-message-v255 {
  min-height: 18px;
  margin: -13px 0 17px;
  color: #8f9ba5;
  font-size: 12px;
  line-height: 1.5;
}

html body .listing-character-count-v255 {
  display: block;
  margin-top: 6px;
  color: #84919b;
  text-align: right;
}

html body .option-group-list-v253 .option-group-custom-v255 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
}

html body .option-group-custom-v255 > label {
  min-width: 0;
}

html body .option-group-custom-v255 > label > span {
  display: block;
  margin-bottom: 6px;
}

html body .option-group-custom-v255 > label > span strong,
html body .option-group-custom-v255 > label > span small {
  display: block;
}

html body .option-group-custom-v255 > label > span small {
  margin-top: 3px;
  color: #8f9aa4;
}

html body .option-group-name-v255 {
  font-weight: 750;
}

html body .option-group-remove-v255 {
  align-self: end;
  white-space: nowrap;
}

html body .product-listing-error-v255 {
  box-sizing: border-box;
  width: min(100%, 1160px);
  min-height: 22px;
  margin: 12px auto -7px;
  color: #9ba6af;
  font-size: 13px;
  line-height: 1.55;
}

html body .product-listing-error-v255.is-error {
  color: #ff8589;
}

html body .product-listing-action-group-v255 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

html body .listing-save-state-v253.is-saving i { background: #ffb32f; animation: productListingPulseV255 .9s ease-in-out infinite; }
html body .listing-save-state-v253.is-saved i { background: #10b981; }
html body .listing-save-state-v253.is-dirty i { background: #ffb32f; }
html body .listing-save-state-v253.is-error i { background: #ff6469; }

html body[data-view="product-listing-settings"] button:disabled,
html body[data-view="product-listing-settings"] button[aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: .5 !important;
}

@keyframes productListingPulseV255 {
  0%, 100% { opacity: .45; transform: scale(.86); }
  50% { opacity: 1; transform: scale(1); }
}

/* Tracking-number lookup is always visible above order progress. */
html body .tracking-page-head-v253 {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr);
  align-items: end;
  gap: 32px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
html body .tracking-code-form-v253 { min-width: 0; }
html body .tracking-code-form-v253 > label { display: block; margin-bottom: 7px; color: #c8d0d6; font-size: 13px; font-weight: 700; }
html body .tracking-code-form-v253 > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
html body .tracking-code-form-v253 .form-input { box-sizing: border-box; width: 100% !important; min-width: 0; text-transform: uppercase; }
html body .tracking-code-form-v253 p { min-height: 20px; margin: 7px 0 0; color: #9aa5af; font-size: 12px; }
html body .tracking-code-form-v253 p.success { color: #ffbd4a; }
html body .tracking-code-form-v253 p.error { color: #ff7b80; }

/* Actual KYC/KYB system file picker with allowed-file guidance. */
html body .kyc-file-picker-v253 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
html body .kyc-file-picker-v253 > div { min-width: 0; }
html body .kyc-file-picker-v253 span,
html body .kyc-file-picker-v253 small { display: block; overflow-wrap: anywhere; }
html body .kyc-file-picker-v253 small { margin-top: 4px; color: #8f9aa4; font-size: 12px; }
html body .kyc-file-picker-v253 .btn { flex: 0 0 auto; }

/* Order detail keeps a consistent safe area from all four edges. */
html body .order-modal-v176,
html body .order-modal-v251 {
  box-sizing: border-box !important;
  padding: clamp(26px, 3.4vw, 38px) !important;
}
html body .order-modal-v176 > .modal-title,
html body .order-modal-v251 > .modal-title { padding-right: 50px !important; margin-bottom: 8px !important; }
html body .order-modal-v176 > .modal-desc,
html body .order-modal-v251 > .modal-desc { margin: 0 0 18px !important; line-height: 1.6 !important; }
html body .order-modal-v176 .order-detail-grid-v176,
html body .order-modal-v251 .order-detail-grid-v176 { margin: 18px 0 !important; }
html body .order-modal-v176 .order-detail-grid-v176 > div,
html body .order-modal-v251 .order-detail-grid-v176 > div { box-sizing: border-box !important; padding: 14px 15px !important; }
html body .order-modal-v176 > .form-group,
html body .order-modal-v251 > .form-group { margin: 18px 0 !important; }
html body .order-modal-v176 > .modal-actions,
html body .order-modal-v251 > .modal-actions { margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid rgba(255,255,255,.13); }

@media (max-width: 980px) {
  html body .product-listing-split-v253 { grid-template-columns: 1fr; }
  html body .product-listing-split-v253 > section { padding-inline: 0 !important; }
  html body .product-listing-split-v253 > section:first-child { border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; }
  html body .listing-compliance-v253 { grid-template-columns: 1fr; align-items: stretch; gap: 16px; }
  html body .listing-compliance-v253 .legal-inline-link { white-space: normal; }
  html body .tracking-page-head-v253 { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 820px) {
  html body[data-page-type="menu"] #sidebarMount .sidebar {
    position: fixed !important;
    top: var(--topbar-h, 68px) !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(320px, 88vw) !important;
    max-width: 88vw !important;
  }
  html body .product-listing-header-v253 { align-items: flex-start; flex-direction: column; gap: 10px; }
  html body .listing-form-grid-v253 { grid-template-columns: 1fr; }
  html body .listing-description-v253 { grid-column: auto; }
  html body .product-sku-row-v253.product-sku-card-v249 { grid-template-columns: minmax(0, 1fr) minmax(170px, .5fr) !important; gap: 14px !important; }
  html body .product-sku-row-v253 .product-sku-delete-v249 { grid-column: 1 / -1; width: 100% !important; }
  html body .product-image-grid-v253 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .product-image-add-v253 { grid-column: 1 / -1; min-height: 112px; }
}

@media (max-width: 620px) {
  html body .listing-section-v253 { padding: 22px 0; }
  html body .listing-section-head-v253 { flex-direction: column; gap: 7px; }
  html body .listing-section-head-v253 > small { max-width: none; text-align: left; }
  html body .product-image-grid-v253 { grid-template-columns: 1fr !important; }
  html body .product-image-add-v253 { grid-column: auto; }
  html body .product-sku-row-v253.product-sku-card-v249 { grid-template-columns: 1fr !important; }
  html body .product-sku-row-v253 .product-sku-delete-v249 { grid-column: auto; }
  html body .option-group-list-v253 .option-group-card { grid-template-columns: 1fr !important; }
  html body .option-group-list-v253 .option-group-custom-v255 { grid-template-columns: 1fr !important; }
  html body .option-group-remove-v255 { width: 100% !important; }
  html body .listing-license-v253 .legal-license-fields { grid-template-columns: 1fr; }
  html body .product-listing-actions-v253 { align-items: stretch; flex-direction: column; }
  html body .product-listing-action-group-v255 { display: grid; grid-template-columns: 1fr 1fr; }
  html body .product-listing-actions-v253 > .danger-btn { width: 100% !important; }
  html body .tracking-code-form-v253 > div { grid-template-columns: 1fr; }
  html body .tracking-code-form-v253 .btn { width: 100%; }
  html body .kyc-file-picker-v253 { align-items: stretch !important; flex-direction: column; }
  html body .kyc-file-picker-v253 .btn { width: 100%; }
  html body .order-modal-v176,
  html body .order-modal-v251 { padding: 23px 18px 20px !important; }
  html body .order-modal-v176 .order-detail-grid-v176,
  html body .order-modal-v251 .order-detail-grid-v176 { grid-template-columns: 1fr !important; }
}

@media (max-width: 420px) {
  html body .product-listing-action-group-v255 { grid-template-columns: 1fr; }
  html body .product-listing-action-group-v255 .btn { width: 100% !important; }
}

/* --------------------------------------------------------------------------
   v25.4 Marketplace card + KYC/KYB corrections
   Keep the supplied card composition at tablet/desktop sizes. Only true
   smartphone layouts collapse the public marketplace grids to one column.
   -------------------------------------------------------------------------- */
html body .topbar-token-pill #tokenBalanceDisplay.topbar-token-value {
  color: #ffffff !important;
}

html body .kyc-location-select {
  width: 100% !important;
}

html body .kyc-location-select:disabled {
  cursor: not-allowed !important;
  color: rgba(214, 222, 229, .44) !important;
  opacity: .72 !important;
}

html body .kyc-upload-card-v253.is-uploading {
  border-color: rgba(255, 178, 56, .42) !important;
}

html body .kyc-upload-card-v253.is-uploading .kyc-upload-state {
  color: #ffbd4a !important;
  border-color: rgba(255, 178, 56, .42) !important;
  background: rgba(255, 178, 56, .10) !important;
}

html body .kyc-upload-error-v254 {
  min-height: 18px;
  margin: 8px 0 0;
  color: #ff7b80;
  font-size: 12px;
  line-height: 1.45;
}

html body .kyc-file-picker-v253 .kyc-file-name-v254 {
  color: #eef3f6;
  font-weight: 700;
}

html body .kyc-file-picker-v253 .kyc-file-meta-v254 {
  color: #8f9aa4;
}

html body .kyc-upload-card-v253.uploaded .kyc-file-picker-v253 {
  border-color: rgba(16, 185, 129, .28) !important;
  background: rgba(16, 185, 129, .045) !important;
}

html body .kyc-upload-card-v253.uploaded .kyc-file-name-v254 {
  color: #bff7df;
}

html body .kyc-location-loading-v254 {
  color: #9ba6af;
  font-size: 12px;
}

@media (max-width: 600px) {
  html body[data-view="market-products"] #mpGrid.market-grid,
  html body[data-view="market-products"] #mpGrid.behavior-market-grid,
  html body[data-view="market-file"] #mfGrid.market-grid,
  html body[data-view="market-file"] #mfGrid.behavior-market-grid,
  html body[data-view="favorites"] #favGrid.market-grid,
  html body[data-view="favorites"] #favGrid.behavior-market-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-view="market-products"] #mpGrid .market-card,
  html body[data-view="market-file"] #mfGrid .market-card,
  html body[data-view="favorites"] #favGrid .market-card {
    width: 100% !important;
    max-width: none !important;
  }
}

/* v25.21 annotated-review cascade guard. */
html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  grid-template-areas:
    "gallery purchase"
    "seller purchase"
    "secondary purchase" !important;
}

html body[data-view="product-detail"] .detail-comments-panel-v2411,
html body[data-view="file-detail"] .detail-comments-panel-v2411 {
  grid-area: secondary !important;
  align-self: stretch !important;
}

html body[data-view="file-listing-settings"] .fl188-root .single-sku {
  margin-top: 18px !important;
}

.legal-reader { width: min(880px, 100%) !important; }
.legal-reader header h2 { margin-top: 0 !important; }
.legal-documents-visible {
  display: block !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--border-soft) !important;
}
.legal-document-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
.legal-document-list-head > span { color: var(--text-main) !important; font-weight: 900 !important; }
.legal-document-list-head small { color: var(--text-muted) !important; }
.legal-doc-list { display: grid !important; gap: 10px !important; margin: 0 !important; }
.legal-doc {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.035) !important;
}
.legal-doc b,
.legal-doc span { display: block !important; }
.legal-doc span { margin-top: 3px !important; color: var(--text-muted) !important; font-size: 11px !important; }
.legal-read-document {
  min-height: 38px !important;
  padding: 0 14px !important;
  color: #00130c !important;
  background: var(--accent-green, #10b981) !important;
  border: 0 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.legal-done-button {
  min-width: 132px !important;
  color: #fff !important;
  background: var(--accent-red, #ef4444) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-weight: 900 !important;
}
.legal-document-reader { max-height: 92dvh !important; }
.legal-document-meta {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 0 16px !important;
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.legal-document-meta a { color: var(--accent-green, #10b981) !important; font-weight: 850 !important; }
.legal-document-body { padding-top: 8px !important; }
.legal-document-section { padding: 14px 0 !important; border-bottom: 1px solid var(--border-soft) !important; }
.legal-document-section h3 { margin: 0 0 8px !important; color: var(--text-main) !important; font-size: 16px !important; }
.legal-document-section p { margin: 0 0 9px !important; color: var(--text-secondary) !important; line-height: 1.7 !important; }

.confirm-modal-v176.danger .danger-btn,
.modal-actions .danger-btn {
  color: #fff !important;
  background: #dc2626 !important;
  border-color: #ef4444 !important;
  box-shadow: 0 10px 24px rgba(220,38,38,.24) !important;
}
.confirm-modal-v176.danger .danger-btn:hover,
.modal-actions .danger-btn:hover { background: #ef4444 !important; }

html body[data-view="buy-token"] .latest-mobile-checkout {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
}
html body[data-view="buy-token"] .latest-mobile-checkout > div {
  min-width: 0 !important;
  padding-right: 10px !important;
  border-right: 1px solid var(--border-soft) !important;
}
html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(4) strong {
  color: var(--accent-orange) !important;
}

@media (max-width: 1120px) {
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-areas: "gallery" "purchase" "seller" "secondary" !important;
  }
}

@media (max-width: 640px) {
  .legal-document-list-head,
  .legal-document-meta { align-items: flex-start !important; flex-direction: column !important; }
  .legal-doc { grid-template-columns: 1fr !important; }
  .legal-read-document { width: 100% !important; }
  html body[data-view="buy-token"] .latest-mobile-checkout {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    position: sticky !important;
    bottom: 8px !important;
  }
  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(2),
  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(4) { border-right: 0 !important; }
  html body[data-view="buy-token"] .latest-mobile-checkout .latest-buy-token-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* ==========================================================================
   Marketplace v25.13 — shared responsive implementation for image sets 1–2
   ========================================================================== */

html body [hidden] { display: none !important; }

/* Detail image strip and compact Token hierarchy. */
html body .detail-gallery-strip-v2513 {
  min-width: 0;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--v24-line, rgba(255,255,255,.1));
  background: #0d1720;
}

html body .detail-gallery-thumbnails-v2513 {
  min-width: 0;
  padding: 1px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

html body .detail-gallery-thumbnails-v2513::-webkit-scrollbar { display: none; }

html body .detail-gallery-thumb-v2513 {
  width: 58px;
  height: 46px;
  min-width: 58px;
  padding: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(149, 165, 176, .24);
  border-radius: 8px;
  color: #9ba9b3;
  background: #111e28;
  font: inherit;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

html body .detail-gallery-thumb-v2513:hover,
html body .detail-gallery-thumb-v2513.active {
  border-color: rgba(16, 185, 129, .74);
  color: #eafff7;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, .12);
}

html body .detail-gallery-thumb-v2513 img,
html body .detail-gallery-image-v2513 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

html body .detail-gallery-position-v2513 {
  color: var(--v24-ink-soft, #e3e9ed);
  font-size: 12px;
  font-weight: 760;
  white-space: nowrap;
}

html body .detail-preview-stage-v2415.has-image-v2513 { inset: 0 !important; }

html body[data-view="product-detail"] .detail-purchase-title-v2416,
html body[data-view="file-detail"] .detail-purchase-title-v2416 {
  font-size: clamp(27px, 2.35vw, 38px) !important;
  line-height: 1.08 !important;
}

html body .detail-token-price-v2513 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

html body .detail-token-price-v2513 > i {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  border: 1px solid #ffd56f;
  border-radius: 50%;
  background: radial-gradient(circle at 42% 38%, #fff0a8 0 12%, #ffd85c 13% 36%, #e8a820 37% 63%, #b9790b 64% 100%);
  box-shadow: 0 0 10px rgba(244, 184, 43, .38), inset 0 0 0 2px rgba(255, 238, 158, .25);
}

html body .detail-token-price-v2513 > strong {
  color: #fff;
  font-size: 19px;
  font-weight: 780;
  line-height: 1;
}

html body .detail-seller-stats-v2417 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

html body .detail-license-studio-v251 { margin-top: 14px !important; }
html body .detail-comments-head h2 { margin-top: 0 !important; }

/* Shop switch owns the top-right slot; settings and payout actions get a
   balanced lower row so controls never overlap. */
html body .management-head-v251 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
}

html body .management-head-v251 .management-identity-v251 { grid-column: 1 !important; }

html body .management-head-v251 .management-toggle-v251 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 205px !important;
  justify-content: center !important;
  border-right: 0 !important;
}

html body .management-head-v251 .management-actions-v251 {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  padding: 12px 16px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  border-top: 1px solid var(--v251-line, rgba(255,255,255,.1)) !important;
  border-left: 0 !important;
}

html body .management-head-v251 .management-toggle-v251 :is(.switch, .shop-toggle-v162),
html body .management-head-v251 .management-toggle-v251 input + span {
  position: relative !important;
  inset: auto !important;
}

/* File Listing disclosure action is intentionally a plain, borderless word. */
html body[data-view="file-listing-settings"] .fl188-root .listing-open-cta-v2510,
html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510[open] .listing-open-cta-v2510 {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f4f7f9 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Red-marked page kickers and obsolete controls have been removed. The
   dedicated mobile checkout remains visible because it is the only compact
   surface that keeps Token credit, subtotal, VAT and total together. */
html body[data-view="buy-token"] .section-kicker,
html body[data-view="profile-settings"] .profile-settings-shell .section-kicker,
html body[data-view="product-tracking"] .tracking-code-form-v253 {
  display: none !important;
}

/* Login-derived account identity replaces unused API and duplicate legal
   navigation in the shared sidebar. */
html body .sidebar-user-v2513 {
  margin: 4px 10px 15px;
  padding: 11px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148, 163, 175, .18);
  border-radius: 11px;
  background: rgba(255, 255, 255, .025);
}

html body .sidebar-avatar-v2513 {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(16, 185, 129, .36);
  border-radius: 50%;
  color: #e8fff7;
  background: rgba(16, 185, 129, .13);
}

html body .sidebar-avatar-v2513 img { width: 100%; height: 100%; object-fit: cover; }
html body .sidebar-user-v2513 > span:last-child { min-width: 0; display: grid; gap: 2px; }
html body .sidebar-user-v2513 small { color: var(--v24-muted, #8d9aa5); font-size: 9px; }
html body .sidebar-user-v2513 strong { overflow: hidden; color: #f0f5f7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html body .sidebar-policy-library-v251 { display: none !important; }
html body .sidebar-section-label:has(+ .sidebar-policy-library-v251) { display: none !important; }

/* Every popup, including smartphone legal readers, is centered and its final
   line stays reachable above safe-area insets. */
html body .modal-overlay {
  padding: max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
}

html body .modal-overlay.hidden { display: none !important; }

html body .modal,
html body .modal.modal-wide,
html body .modal.minimal-purchase-modal {
  position: relative !important;
  inset: auto !important;
  width: min(760px, 100%) !important;
  max-height: calc(100dvh - max(36px, env(safe-area-inset-top) + env(safe-area-inset-bottom) + 24px)) !important;
  margin: auto !important;
  padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  border-radius: 14px !important;
}

html body .modal > .section-kicker,
html body .modal > .eyebrow,
html body .modal .seller-contact-head-v249 .section-kicker,
html body .modal .product-location-filter-v2411 > .section-kicker {
  display: none !important;
}

html body .modal .modal-actions {
  position: static !important;
  inset: auto !important;
  margin-top: 18px !important;
}

html body .address-choice-list-v2513 { margin-top: 16px; display: grid; gap: 9px; }

html body .address-choice-v2513 {
  width: 100%;
  min-width: 0;
  padding: 13px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(148, 163, 175, .22);
  border-radius: 11px;
  color: #edf2f5;
  background: rgba(255, 255, 255, .025);
  text-align: left;
  cursor: pointer;
}

html body .address-choice-v2513 > i {
  width: 16px;
  height: 16px;
  border: 2px solid #71808b;
  border-radius: 50%;
}

html body .address-choice-v2513.active { border-color: rgba(16, 185, 129, .56); background: rgba(16, 185, 129, .065); }
html body .address-choice-v2513.active > i { border: 5px solid #10b981; }
html body .address-choice-v2513 > span { min-width: 0; display: grid; gap: 4px; }
html body .address-choice-v2513 strong,
html body .address-choice-v2513 small { overflow-wrap: anywhere; }
html body .address-choice-v2513 small { color: var(--v24-muted, #96a2ac); line-height: 1.45; }
html body .form-error-v2513 { min-height: 19px; color: #ff8e96; font-size: 12px; }
html body .profile-address-card .address-card-header > div { display: flex; gap: 7px; }

/* Shared loading system: data-backed pages remain stable while network or
   queue work is pending, then reveal the real Backend/preview result. */
html body .page-inner { position: relative; }

html body.marketplace-loading-v2513 .page-inner > :not(.marketplace-page-skeleton-v2513) {
  visibility: hidden !important;
}

html body .marketplace-page-skeleton-v2513 {
  position: absolute;
  z-index: 60;
  inset: 0 0 auto;
  min-height: min(760px, calc(100dvh - 100px));
  padding: 2px 0 28px;
  background: var(--v24-bg, #05090d);
  pointer-events: none;
}

html body .marketplace-page-skeleton-v2513 :is(i, span, header, footer, div)::before,
html body .marketplace-page-skeleton-v2513 :is(i, span, header, footer) {
  background: linear-gradient(90deg, rgba(255,255,255,.035), rgba(255,255,255,.09), rgba(255,255,255,.035));
  background-size: 240% 100%;
  animation: marketplaceShimmerV2513 1.25s ease-in-out infinite;
}

html body .skeleton-heading-v2513 { width: min(290px, 55%); height: 40px; margin-bottom: 24px; border-radius: 9px; background: rgba(255,255,255,.055); }
html body .marketplace-skeleton-grid-v2513 { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
html body .marketplace-card-skeleton-v2513 { overflow: hidden; border: 1px solid rgba(148,163,175,.13); border-radius: 12px; background: rgba(255,255,255,.018); }
html body .marketplace-card-skeleton-v2513 > i { display: block; aspect-ratio: 4 / 3; }
html body .marketplace-card-skeleton-v2513 > div { padding: 14px; display: grid; gap: 10px; }
html body .marketplace-card-skeleton-v2513 span { height: 12px; display: block; border-radius: 5px; }
html body .marketplace-card-skeleton-v2513 span:first-child { width: 78%; height: 17px; }
html body .marketplace-card-skeleton-v2513 span:nth-child(2) { width: 42%; }
html body .marketplace-card-skeleton-v2513 span:nth-child(3) { width: 68%; }
html body .marketplace-card-skeleton-v2513 span:last-child { width: 34%; height: 19px; margin-top: 4px; }

html body .detail-page-v2513 { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: 18px; }
html body .detail-page-v2513 > i { min-height: 520px; border-radius: 14px; }
html body .detail-page-v2513 > section { min-height: 520px; padding: 24px; display: grid; align-content: start; gap: 18px; border: 1px solid rgba(148,163,175,.13); border-radius: 14px; }
html body .detail-page-v2513 > section span { height: 18px; border-radius: 6px; }
html body .detail-page-v2513 > section span:first-child { width: 72%; height: 34px; }
html body .detail-page-v2513 > section span:nth-child(2) { width: 28%; }
html body .detail-page-v2513 > section span:nth-child(3) { width: 94%; height: 110px; }
html body .detail-page-v2513 > section span:last-child { width: 100%; height: 92px; }
html body .detail-page-v2513 > footer { grid-column: 1 / -1; height: 84px; border-radius: 14px; }

html body .management-page-v2513 header { height: 110px; border-radius: 12px; }
html body .management-page-v2513 > div { margin-top: 14px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; }
html body .management-page-v2513 > div i { height: 120px; }
html body .management-page-v2513 footer { height: 92px; margin-top: 14px; display: block; border-radius: 12px; }

html body .rows-page-v2513 { display: grid; gap: 14px; }
html body .rows-page-v2513 > div { height: 118px; border: 1px solid rgba(148,163,175,.13); border-radius: 12px; background: linear-gradient(90deg, rgba(255,255,255,.025), rgba(255,255,255,.075), rgba(255,255,255,.025)); background-size: 240% 100%; animation: marketplaceShimmerV2513 1.25s ease-in-out infinite; }

@keyframes marketplaceShimmerV2513 { from { background-position: 100% 0; } to { background-position: -100% 0; } }

@media (max-width: 760px) {
  html body .detail-gallery-strip-v2513 { padding: 9px 10px; gap: 9px; }
  html body .detail-gallery-thumb-v2513 { width: 52px; height: 42px; min-width: 52px; }
  html body .detail-seller-profile-v2417 { grid-template-columns: 1fr !important; }
  html body .detail-seller-link-v2417 { border-right: 0 !important; border-bottom: 1px solid var(--ac-line, rgba(255,255,255,.1)) !important; }
  html body .management-head-v251 { grid-template-columns: 1fr auto !important; }
  html body .management-head-v251 .management-toggle-v251 { min-width: 0 !important; padding: 12px !important; border-bottom: 0 !important; }
  html body .management-head-v251 .management-actions-v251 { justify-content: stretch !important; }
  html body .management-head-v251 .management-actions-v251 > * { flex: 1 1 auto !important; }
  html body .modal,
  html body .modal.modal-wide,
  html body .modal.minimal-purchase-modal { width: min(680px, 100%) !important; max-height: calc(100dvh - 28px) !important; border-radius: 14px !important; }
  html body .address-grid-v2513 { grid-template-columns: 1fr !important; }
  html body .detail-page-v2513 { grid-template-columns: 1fr; }
  html body .detail-page-v2513 > i { min-height: 360px; }
  html body .detail-page-v2513 > section { min-height: 420px; }
  html body .detail-page-v2513 > footer { grid-column: 1; }
  html body .management-page-v2513 > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  html body .marketplace-skeleton-grid-v2513 { grid-template-columns: 1fr; }
  html body[data-view="market-products"] .shared-adaptive-card-v256,
  html body[data-view="market-file"] .shared-adaptive-card-v256,
  html body[data-view="favorites"] .shared-adaptive-card-v256,
  html body[data-view="seller-profile"] .shared-adaptive-card-v256 { height: auto !important; min-height: 0 !important; }
  html body .detail-token-price-v2513 > i { width: 18px; height: 18px; flex-basis: 18px; }
  html body .detail-token-price-v2513 > strong { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  html body .marketplace-page-skeleton-v2513 *,
  html body .rows-page-v2513 > div { animation: none !important; }
}

/* --------------------------------------------------------------------------
   v25.10 Guest UX, Favorites loading, listing disclosures and detail hierarchy
   -------------------------------------------------------------------------- */
html body[data-view="favorites"] #favGrid[aria-busy="true"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

html body[data-view="favorites"] .favorite-skeleton-card-v2510 {
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--v24-line, rgba(255, 255, 255, .1));
  border-radius: 14px;
  background: var(--v24-surface, #111a23);
}

html body[data-view="favorites"] .favorite-skeleton-card-v2510 > i,
html body[data-view="favorites"] .favorite-skeleton-card-v2510 span {
  display: block;
  background: linear-gradient(100deg, rgba(255,255,255,.04) 20%, rgba(255,255,255,.11) 42%, rgba(255,255,255,.04) 64%);
  background-size: 240% 100%;
  animation: favoriteSkeletonV2510 1.25s ease-in-out infinite;
}

html body[data-view="favorites"] .favorite-skeleton-card-v2510 > i {
  aspect-ratio: 4 / 3;
  border-radius: 0;
}

html body[data-view="favorites"] .favorite-skeleton-card-v2510 > div {
  display: grid;
  gap: 10px;
  padding: 15px;
}

html body[data-view="favorites"] .favorite-skeleton-card-v2510 span {
  height: 11px;
  border-radius: 999px;
}

html body[data-view="favorites"] .favorite-skeleton-card-v2510 span:nth-child(1) { width: 74%; height: 15px; }
html body[data-view="favorites"] .favorite-skeleton-card-v2510 span:nth-child(2) { width: 52%; }
html body[data-view="favorites"] .favorite-skeleton-card-v2510 span:nth-child(3) { width: 34%; }

@keyframes favoriteSkeletonV2510 {
  from { background-position: 110% 0; }
  to { background-position: -110% 0; }
}

html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510 {
  overflow: hidden;
  border: 1px solid var(--v24-line, rgba(255, 255, 255, .1)) !important;
  border-radius: 16px !important;
  background: var(--v24-surface-2, rgba(255, 255, 255, .025)) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510 > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 76px !important;
  padding: 16px 18px !important;
  list-style: none !important;
  cursor: pointer;
}

html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510 > summary::-webkit-details-marker {
  display: none;
}

html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510[open] > summary {
  border-bottom: 1px solid var(--v24-line, rgba(255, 255, 255, .1));
}

html body[data-view="file-listing-settings"] .fl188-root .listing-open-cta-v2510 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 96px;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(16, 185, 129, .55);
  border-radius: 10px;
  color: #06140f;
  background: #45d39f;
  box-shadow: 0 10px 24px rgba(16, 185, 129, .16);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .015em;
}

html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510[open] .listing-open-cta-v2510 {
  color: #65ddb4;
  background: rgba(16, 185, 129, .09);
  box-shadow: none;
}

html body[data-view="file-listing-settings"] .fl188-root .single-grid,
html body[data-view="file-listing-settings"] .fl188-root .manual-content {
  padding: 20px !important;
}

html body[data-view="file-listing-settings"] .fl188-root #manualFileList:empty {
  display: none;
}

html body[data-view="file-listing-settings"] .fl188-root #addManual:disabled {
  cursor: not-allowed;
  opacity: .45;
}

html body[data-view="product-detail"] .detail-purchase-title-v2416,
html body[data-view="file-detail"] .detail-purchase-title-v2416 {
  margin: 4px 0 12px !important;
  color: var(--v24-ink, #f7fafc) !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 790 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

html body[data-view="product-detail"] .detail-price,
html body[data-view="file-detail"] .detail-price,
html body[data-view="product-detail"] #pdPrice,
html body[data-view="file-detail"] #fdPrice {
  color: var(--v24-structure, #d49a35) !important;
  font-size: clamp(18px, 1.75vw, 23px) !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}

html body[data-view="product-detail"] .detail-price::before,
html body[data-view="file-detail"] .detail-price::before,
html body[data-view="product-detail"] #pdPrice::before,
html body[data-view="file-detail"] #fdPrice::before {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  margin-right: 6px !important;
  vertical-align: -1px !important;
}

html body[data-view="product-management"] #pmOpenSwitch[aria-busy="true"],
html body[data-view="file-management"] #fmOpenSwitch[aria-busy="true"] {
  cursor: wait;
  opacity: .5;
}

html body .production-capacity-modal-v2510 .capacity-summary-v2510 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

html body .production-capacity-modal-v2510 .capacity-summary-v2510 > div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--v24-line, rgba(255, 255, 255, .1));
  border-radius: 10px;
  background: var(--v24-surface-2, rgba(255, 255, 255, .025));
}

html body .production-capacity-modal-v2510 .capacity-summary-v2510 span {
  color: var(--v24-muted, #8fa0ad);
  font-size: 12px;
}

html body .production-capacity-modal-v2510 .capacity-summary-v2510 strong {
  font-size: 18px;
}

html body .production-capacity-modal-v2510 .capacity-error-v2510 {
  min-height: 20px;
  margin: 4px 0 0;
  color: #ff8e96;
  font-size: 12px;
}

@media (max-width: 620px) {
  html body[data-view="favorites"] #favGrid[aria-busy="true"] { grid-template-columns: 1fr !important; }
  html body[data-view="file-listing-settings"] .fl188-root .listing-open-cta-v2510 { min-width: 82px; min-height: 40px; padding-inline: 14px; }
  html body[data-view="product-detail"] .detail-purchase-title-v2416,
  html body[data-view="file-detail"] .detail-purchase-title-v2416 { font-size: clamp(27px, 8vw, 34px) !important; }
  html body .production-capacity-modal-v2510 .capacity-summary-v2510 { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-view="favorites"] .favorite-skeleton-card-v2510 > i,
  html body[data-view="favorites"] .favorite-skeleton-card-v2510 span { animation: none; }
}

/* --------------------------------------------------------------------------
   v25.7 KYC/KYB persistent requirement cards + multi-file uploads
   -------------------------------------------------------------------------- */
html body[data-view="kyc-verification"] .kyc-doc-grid {
  align-items: stretch;
}

html body[data-view="kyc-verification"] .kyc-upload-card-v145 {
  align-content: start;
  min-width: 0;
}

html body[data-view="kyc-verification"] .kyc-uploaded-files-v145 {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(16, 185, 129, .20);
  border-radius: 10px;
  background: rgba(16, 185, 129, .045);
}

html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 strong,
html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 strong {
  color: #dff9ee;
  font-size: 12px;
  font-weight: 700;
}

html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 small {
  color: #87959f;
  font-size: 10px;
}

html body[data-view="kyc-verification"] .kyc-remove-file-v145 {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(255, 123, 128, .20);
  border-radius: 8px;
  background: rgba(255, 123, 128, .045);
  color: #ff9da1;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

html body[data-view="kyc-verification"] .kyc-remove-file-v145:hover:not(:disabled) {
  border-color: rgba(255, 123, 128, .42);
  background: rgba(255, 123, 128, .09);
}

html body[data-view="kyc-verification"] .kyc-remove-file-v145:disabled,
html body[data-view="kyc-verification"] .kyc-uploaded-file-v145.is-deleting {
  cursor: wait;
  opacity: .58;
}

html body[data-view="kyc-verification"] .kyc-file-picker-v145 {
  margin-top: auto;
}

html body[data-view="kyc-verification"] .kyc-submit-section-v145 {
  margin-top: 2px;
}

html body[data-view="kyc-verification"] .kyc-submit-only-v145 {
  width: 100%;
  gap: 16px;
}

html body[data-view="kyc-verification"] .kyc-submit-only-v145 .kyc-declaration-block {
  margin-top: 0;
}

html body[data-view="kyc-verification"] .kyc-error-text.is-success-v145 {
  color: #69d59a !important;
}

@media (max-width: 600px) {
  html body[data-view="kyc-verification"] .kyc-uploaded-file-v145 {
    grid-template-columns: minmax(0, 1fr);
  }

  html body[data-view="kyc-verification"] .kyc-remove-file-v145 {
    width: 100%;
  }
}

/* v25.13 final cascade guard: these rules intentionally follow legacy
   compatibility blocks that remain in the bundle. */
html body[data-view="product-detail"] .detail-purchase-title-v2416,
html body[data-view="file-detail"] .detail-purchase-title-v2416 {
  font-size: clamp(27px, 2.35vw, 38px) !important;
}

html body[data-view="product-detail"] .detail-price::before,
html body[data-view="file-detail"] .detail-price::before,
html body[data-view="product-detail"] #pdPrice::before,
html body[data-view="file-detail"] #fdPrice::before {
  display: none !important;
  content: none !important;
}

html body[data-view="file-listing-settings"] .fl188-root .listing-open-cta-v2510,
html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510[open] .listing-open-cta-v2510 {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f4f7f9 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 620px) {
  html body[data-view="file-listing-settings"] .fl188-root .listing-open-cta-v2510,
  html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510[open] .listing-open-cta-v2510 {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 4px 0 !important;
  }
}


/* ===== SOURCE: shared-adaptive-card-v25-6.css ===== */
/* 3D StudioMarket v25.13 — shared adaptive card for Product/File Market, Profile and Favorites. */

html body .shared-adaptive-card-v256 {
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
}

html body .shared-adaptive-card-v256 .ref-card-body {
  min-height: 0 !important;
  height: auto !important;
  padding: 13px 14px 14px !important;
  gap: 7px !important;
}

html body:not(.light)[data-view="market-products"] #mpGrid .market-card-v241.shared-adaptive-card-v256[data-card-kind="product"] .ref-card-body,
html body:not(.light)[data-view="market-file"] #mfGrid .market-card-v241.shared-adaptive-card-v256[data-card-kind="file"] .ref-card-body,
html body:not(.light)[data-view="favorites"] #favGrid .market-card-v241.shared-adaptive-card-v256[data-card-kind="product"] .ref-card-body,
html body:not(.light)[data-view="favorites"] #favGrid .market-card-v241.shared-adaptive-card-v256[data-card-kind="file"] .ref-card-body,
html body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241.shared-adaptive-card-v256[data-card-kind="product"] .ref-card-body,
html body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241.shared-adaptive-card-v256[data-card-kind="file"] .ref-card-body {
  min-height: 0 !important;
  height: auto !important;
}

html body .shared-adaptive-card-v256 .ref-card-title {
  margin: 0 !important;
}

html body .shared-adaptive-card-v256 .card-sales-line-v256 {
  min-width: 0;
  margin: 1px 0 0;
  color: var(--v24-ink, #f5f7f9);
  font-size: 14px;
  font-weight: 720;
  line-height: 1.35;
}

html body .shared-adaptive-card-v256 .card-location-v256 {
  min-width: 0;
  margin-top: -2px;
  overflow: hidden;
  color: var(--v24-muted, #929eaa);
  font-size: 10.5px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .shared-adaptive-card-v256 .card-tag-scroller-v256 {
  width: 100%;
  min-width: 0;
  margin: 1px 0;
  padding: 1px 0 3px;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

html body .shared-adaptive-card-v256 .card-tag-scroller-v256::-webkit-scrollbar {
  display: none;
}

html body .shared-adaptive-card-v256 .card-tag-scroller-v256 > span {
  width: max-content;
  max-width: 82%;
  min-width: max-content;
  padding: 4px 7px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 175, .25);
  border-radius: 999px;
  color: var(--v24-muted, #98a4ae);
  background: rgba(255, 255, 255, .025);
  font-size: 9.5px;
  font-weight: 620;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .shared-adaptive-card-v256 .card-license-line-v256 {
  min-height: 0 !important;
  padding: 4px 0 2px !important;
  align-items: center !important;
  gap: 9px !important;
}

html body .shared-adaptive-card-v256 .card-license-line-v256 > svg {
  width: 18px !important;
  height: 18px !important;
  margin-top: 0;
  flex: 0 0 18px;
  color: var(--v24-accent, #10b981);
}

html body .shared-adaptive-card-v256 .card-license-copy-v256 {
  min-width: 0;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px !important;
}

html body .shared-adaptive-card-v256 .card-license-copy-v256 > small {
  color: var(--v24-accent, #10b981) !important;
  font-size: 8px !important;
  font-weight: 760 !important;
  letter-spacing: .11em !important;
}

html body .shared-adaptive-card-v256 .card-license-owner-v256 {
  min-width: 0;
  overflow: visible !important;
  color: var(--v24-ink-soft, #e9edf0) !important;
  font-size: 10.8px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body .shared-adaptive-card-v256 .card-license-collection-v256 {
  min-width: 0 !important;
  display: block !important;
  overflow: visible !important;
  color: var(--v24-muted, #929eaa) !important;
  font-size: 9.8px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body .shared-adaptive-card-v256 .card-adaptive-footer-v256 {
  min-height: 28px;
  margin-top: 3px !important;
  padding-top: 9px !important;
}

html body .shared-adaptive-card-v256 .card-adaptive-footer-v256[data-footer-kind="product"] {
  justify-content: flex-start;
}

html body .shared-adaptive-card-v256 .card-token-price-v256 {
  width: max-content;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow: visible !important;
}

html body .shared-adaptive-card-v256 .card-token-coin-v256 {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1px solid #ffd56f;
  border-radius: 50%;
  background:
    radial-gradient(circle at 42% 38%, #fff0a8 0 12%, #ffd85c 13% 36%, #e8a820 37% 63%, #b9790b 64% 100%);
  box-shadow: 0 0 10px rgba(244, 184, 43, .42), inset 0 0 0 2px rgba(255, 238, 158, .28);
}

html body .shared-adaptive-card-v256 .card-token-price-v256 > strong {
  color: #fff !important;
  font-size: 16px;
  font-weight: 780;
  line-height: 1;
}

html body .shared-adaptive-card-v256 .card-delivery-v256 {
  color: var(--v24-muted, #929eaa) !important;
  font-size: 10px;
  line-height: 1.3;
  text-align: right;
}

/*
 * Tablet/Desktop: every implicit grid row uses the same track height and each
 * card stretches into that track. The flexible space is inserted immediately
 * before the footer, so image height and backend-driven content stay unchanged
 * while the divider, Token row and lower card edge remain aligned.
 */
@media (min-width: 601px) {
  html body .market-grid,
  html body .behavior-market-grid,
  html body #mpGrid.behavior-market-grid,
  html body #mfGrid.behavior-market-grid,
  html body #favGrid.behavior-market-grid,
  html body .seller-card-grid-v165 {
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
  }

  html body[data-view="market-products"] #mpGrid .shared-adaptive-card-v256,
  html body[data-view="market-file"] #mfGrid .shared-adaptive-card-v256,
  html body[data-view="favorites"] #favGrid .shared-adaptive-card-v256,
  html body[data-view="seller-profile"] .seller-card-grid-v165 .shared-adaptive-card-v256 {
    height: 100% !important;
    align-self: stretch !important;
  }

  html body[data-view="market-products"] #mpGrid .shared-adaptive-card-v256 .ref-card-body,
  html body[data-view="market-file"] #mfGrid .shared-adaptive-card-v256 .ref-card-body,
  html body[data-view="favorites"] #favGrid .shared-adaptive-card-v256 .ref-card-body,
  html body[data-view="seller-profile"] .seller-card-grid-v165 .shared-adaptive-card-v256 .ref-card-body {
    height: 100% !important;
  }

  html body .shared-adaptive-card-v256 .card-adaptive-footer-v256 {
    margin-top: auto !important;
  }
}

@media (max-width: 600px) {
  html body .market-grid,
  html body .behavior-market-grid,
  html body #mpGrid.behavior-market-grid,
  html body #mfGrid.behavior-market-grid,
  html body #favGrid.behavior-market-grid,
  html body .seller-card-grid-v165 {
    grid-template-columns: 1fr !important;
  }

  html body .shared-adaptive-card-v256 .ref-card-body {
    padding: 13px !important;
    gap: 7px !important;
  }

  html body .shared-adaptive-card-v256 .card-adaptive-footer-v256 {
    margin-top: 3px !important;
  }

  html body .shared-adaptive-card-v256 .card-sales-line-v256 {
    font-size: 14.5px;
  }

  html body .shared-adaptive-card-v256 .card-token-price-v256 > strong {
    font-size: 17px;
  }
}


/* ===== SOURCE: marketplace-v25-16.css ===== */
/* Consolidated v25.15 base + v25.16 corrections in v27.2 cleanup. */
/* 3D StudioMarket Marketplace v25.15 */

.product-quantity-v2515 {
  min-width: 0;
}

.product-quantity-row-v2515 {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.quantity-stepper-v2515 {
  min-width: 146px;
  height: 44px;
  display: grid;
  grid-template-columns: 44px minmax(52px, 1fr) 44px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--border, rgba(255, 255, 255, .13));
  border-radius: 12px;
  background: rgba(4, 8, 12, .72);
}

.quantity-stepper-v2515 button {
  min-width: 0;
  border: 0;
  color: var(--text-primary, #f5f7f8);
  background: transparent;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
  transition: color .15s ease, background .15s ease, opacity .15s ease;
}

.quantity-stepper-v2515 button:hover:not(:disabled) {
  color: #10b981;
  background: rgba(16, 185, 129, .1);
}

.quantity-stepper-v2515 button:disabled {
  color: var(--text-muted, #6f7881);
  cursor: not-allowed;
  opacity: .42;
}

.quantity-stepper-v2515 output {
  display: grid;
  place-items: center;
  border-inline: 1px solid var(--border, rgba(255, 255, 255, .13));
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

.product-total-v2515 {
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: 2px;
  text-align: right;
}

.product-total-v2515 span {
  color: var(--text-muted, #8a949d);
  font-size: 11px;
}

.product-total-v2515 strong {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #f3b83f;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}

.product-quantity-v2515.is-unavailable {
  opacity: .78;
}

.product-purchase-summary-v2515 .wide,
.product-purchase-total-v2515 {
  grid-column: 1 / -1;
}

.product-purchase-total-v2515 {
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.marketplace-loading-v2515,
.marketplace-error-v2515 {
  width: 100%;
  min-width: 0;
  min-height: 130px;
  padding: 24px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  color: var(--text-muted, #8a949d);
  background: rgba(8, 12, 16, .58);
  text-align: center;
}

.marketplace-loading-v2515 i {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(16, 185, 129, .2);
  border-top-color: #10b981;
  border-radius: 50%;
  animation: marketplace-spin-v2515 .8s linear infinite;
}

.marketplace-error-v2515 strong { color: #f4f6f7; }
.marketplace-error-v2515 span { max-width: 520px; overflow-wrap: anywhere; }

@keyframes marketplace-spin-v2515 { to { transform: rotate(360deg); } }

.order-card-v2515 {
  min-width: 0;
}

.order-card-actions-v2515 {
  min-width: 0;
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.order-card-actions-v2515 > strong {
  margin-right: auto;
  color: #f3b83f;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.order-reject-summary-v2515 {
  min-width: 0;
  margin: 18px 0;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(80px, .35fr) minmax(0, 1fr);
  gap: 8px 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}

.order-reject-summary-v2515 span { color: var(--text-muted, #8a949d); font-size: 12px; }
.order-reject-summary-v2515 strong { min-width: 0; overflow-wrap: anywhere; color: #f5f7f8; }

.order-reject-field-v2515 {
  min-width: 0;
}

.order-reject-field-v2515 textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  resize: vertical;
}

.order-reject-field-v2515 > small {
  justify-self: end;
  color: var(--text-muted, #8a949d);
  font-variant-numeric: tabular-nums;
}

.history-card-v2515 {
  min-width: 0;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 15px;
  overflow: hidden;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.history-card-v2515.is-clickable { cursor: pointer; }

.history-card-v2515.is-clickable:hover,
.history-card-v2515.is-clickable:focus-visible {
  border-color: rgba(16, 185, 129, .42);
  background: rgba(16, 185, 129, .045);
  outline: none;
  transform: translateY(-1px);
}

.history-card-v2515.is-unavailable { opacity: .72; }

.history-preview-v2515 {
  width: 72px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 10px;
  color: #7e8992;
  background: rgba(255, 255, 255, .025);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
}

.history-card-v2515 .history-info,
.history-card-v2515 .history-name,
.history-card-v2515 .history-meta {
  min-width: 0;
  overflow-wrap: anywhere;
}

.history-status-row-v2515 {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.history-status-v2515,
.history-unavailable-v2515 {
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: #a8b1b9;
  background: rgba(255, 255, 255, .035);
  font-size: 10px;
  font-weight: 750;
}

.history-unavailable-v2515 {
  border-color: rgba(239, 57, 75, .24);
  color: #ff8a96;
  background: rgba(239, 57, 75, .08);
}

.history-rejection-reason-v2515 {
  margin: 9px 0 0;
  color: #d2a7ac;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.history-actions-v2515 {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.tracking-card-v2515,
.tracking-card-v2515 .tracking-card-main,
.tracking-card-v2515 .tracking-content {
  min-width: 0;
}

.kyc-admin-review-v2515,
.kyc-version-history-v2515 {
  min-width: 0;
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  background: linear-gradient(150deg, rgba(16, 185, 129, .045), rgba(8, 12, 16, .78) 46%);
}

.kyc-admin-review-v2515 {
  margin: 16px 0;
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
  gap: 20px;
}

.kyc-admin-review-head-v2515,
.kyc-admin-guidance-v2515 {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
}

.kyc-admin-review-head-v2515 > div,
.kyc-admin-guidance-v2515 {
  min-width: 0;
}

.kyc-admin-review-head-v2515 span,
.kyc-admin-guidance-v2515 > span {
  color: var(--text-muted, #8a949d);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kyc-admin-review-head-v2515 strong {
  color: #f5f7f8;
  font-size: 21px;
}

.kyc-admin-status-v2515 {
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(16, 185, 129, .2);
  border-radius: 999px;
  color: #79d5ae !important;
  background: rgba(16, 185, 129, .08);
  overflow-wrap: anywhere;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.kyc-admin-status-v2515.status-pending_review,
.kyc-admin-status-v2515.status-verified {
  border-color: rgba(84, 141, 255, .24);
  color: #9bbdff !important;
  background: rgba(84, 141, 255, .08);
}

.kyc-admin-guidance-v2515 {
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.kyc-admin-guidance-v2515 p {
  margin: 0;
  color: #d4d9dd;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.kyc-version-history-v2515 {
  margin: 16px 0;
}

.kyc-version-heading-v2515 {
  min-width: 0;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.kyc-version-heading-v2515 h2,
.kyc-version-heading-v2515 p { margin: 0; }
.kyc-version-heading-v2515 p { margin-top: 4px; color: var(--text-muted, #8a949d); font-size: 12px; }
.kyc-version-heading-v2515 > span { color: #8e99a2; white-space: nowrap; font-size: 11px; }

.kyc-version-list-v2515 {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.kyc-version-card-v2515 {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 13px;
  background: rgba(4, 8, 12, .52);
}

.kyc-version-card-v2515.is-latest { border-color: rgba(16, 185, 129, .28); }
.kyc-version-card-v2515.is-readonly { background: rgba(4, 8, 12, .34); }

.kyc-version-summary-v2515 {
  width: 100%;
  min-width: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  color: #f5f7f8;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.kyc-version-summary-v2515 > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.kyc-version-summary-v2515 > span:last-child {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: #8d98a1;
  font-size: 11px;
  text-align: right;
}

.kyc-version-summary-v2515 small { color: #8d98a1; font-size: 10px; }
.kyc-version-summary-v2515 strong,
.kyc-version-summary-v2515 time { min-width: 0; overflow-wrap: anywhere; }
.kyc-version-summary-v2515 i { font-style: normal; transition: transform .15s ease; }
.kyc-version-summary-v2515[aria-expanded="true"] i { transform: rotate(180deg); }

.kyc-version-detail-v2515 {
  min-width: 0;
  padding: 0 15px 15px;
  border-top: 1px solid rgba(255, 255, 255, .075);
}

.kyc-version-detail-v2515[hidden] { display: none; }

.kyc-version-detail-v2515 dl {
  min-width: 0;
  margin: 15px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.kyc-version-detail-v2515 dl > div {
  min-width: 0;
  padding: 10px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .025);
}

.kyc-version-detail-v2515 dt { color: #78838c; font-size: 9px; text-transform: uppercase; }
.kyc-version-detail-v2515 dd { min-width: 0; margin: 4px 0 0; color: #dfe3e6; overflow-wrap: anywhere; }

.kyc-version-feedback-v2515 {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(16, 185, 129, .14);
  border-radius: 10px;
  background: rgba(16, 185, 129, .045);
}

.kyc-version-feedback-v2515 span { color: #7cd2ad; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.kyc-version-feedback-v2515 p { margin: 5px 0 0; color: #cfd6da; overflow-wrap: anywhere; }

.kyc-readonly-v2515 .kyc-primary-card,
.kyc-readonly-v2515 .kyc-doc-card,
.kyc-readonly-v2515 .kyc-submit-section-v145 {
  position: relative;
}

.kyc-readonly-v2515 input:disabled,
.kyc-readonly-v2515 select:disabled,
.kyc-readonly-v2515 textarea:disabled,
.kyc-readonly-v2515 [data-kyc-open-picker]:disabled {
  cursor: not-allowed;
  opacity: .64;
}

@media (max-width: 900px) {
  .history-card-v2515 {
    grid-template-columns: 60px minmax(0, 1fr);
  }
  .history-preview-v2515 { width: 60px; height: 56px; }
  .history-actions-v2515 { grid-column: 1 / -1; justify-content: flex-end; }
  .kyc-version-detail-v2515 dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .product-quantity-row-v2515 { align-items: stretch; flex-direction: column; }
  .quantity-stepper-v2515 { width: 100%; }
  .product-total-v2515 { justify-items: start; text-align: left; }
  .order-card-actions-v2515 > strong { width: 100%; margin: 0; }
  .order-reject-summary-v2515 { grid-template-columns: 1fr; }
  .history-card-v2515 { grid-template-columns: 1fr; }
  .history-preview-v2515 { width: 100%; height: 50px; }
  .history-actions-v2515 { grid-column: auto; justify-content: stretch; }
  .history-actions-v2515 .btn { flex: 1 1 100%; max-width: 100%; }
  .kyc-admin-review-v2515 { grid-template-columns: 1fr; }
  .kyc-admin-guidance-v2515 { padding: 16px 0 0; border-top: 1px solid rgba(255, 255, 255, .1); border-left: 0; }
  .kyc-version-heading-v2515,
  .kyc-version-summary-v2515 { align-items: stretch; flex-direction: column; }
  .kyc-version-summary-v2515 > span:last-child { text-align: left; }
  .kyc-version-detail-v2515 dl { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .marketplace-loading-v2515 i { animation-duration: 1.8s; }
  .history-card-v2515,
  .quantity-stepper-v2515 button,
  .kyc-version-summary-v2515 i { transition: none; }
}


/* 3D StudioMarket Marketplace v25.16
   Layout and spacing pass based on the compact License UI language. */

:root {
  --v2516-surface: rgba(10, 15, 20, .9);
  --v2516-surface-soft: rgba(255, 255, 255, .025);
  --v2516-line: rgba(255, 255, 255, .105);
  --v2516-green: #10b981;
  --v2516-gold: #d7a73d;
  --v2516-red: #ef394b;
  --v2516-muted: #8c969f;
  --v2516-radius: 14px;
}

html,
body { max-width: 100%; overflow-x: hidden; }

/* Buy Token: compact cards, consistent rhythm, and a single checkout rail. */
html body[data-view="buy-token"] .page-inner { max-width: 1320px !important; }
html body[data-view="buy-token"] .latest-token-hero {
  min-height: 0 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-view="buy-token"] .liquid-hero.liquid-readable-hero.latest-hero.latest-token-hero::before,
html body[data-view="buy-token"] .liquid-hero.liquid-readable-hero.latest-hero.latest-token-hero::after,
html body[data-view="buy-token"] .liquid-hero.liquid-readable-hero.latest-hero.latest-token-hero p { display: none !important; }
html body[data-view="buy-token"] .latest-token-hero h1 {
  margin: 0 !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.1 !important;
}
html body .latest-token-shell {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px) !important;
  align-items: start !important;
  gap: 22px !important;
  padding-bottom: 48px !important;
}
html body .latest-token-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
html body .latest-token-card {
  min-width: 0 !important;
  min-height: 224px !important;
  padding: 18px !important;
  gap: 10px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: var(--v2516-radius) !important;
  background: linear-gradient(155deg, rgba(16, 185, 129, .035), transparent 48%), var(--v2516-surface) !important;
  box-shadow: 0 15px 38px rgba(0, 0, 0, .18) !important;
}
html body .latest-token-card.featured,
html body .latest-token-card.selected { border-color: rgba(16, 185, 129, .38) !important; }
html body .latest-token-card h2 { font-size: clamp(19px, 1.8vw, 23px) !important; }
html body .latest-token-price { margin: 0 !important; color: var(--v2516-gold) !important; font-size: 15px !important; }
html body .latest-qty-control {
  width: 100% !important;
  min-height: 44px !important;
  margin-top: auto !important;
  padding: 4px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(42px, 1fr) 38px !important;
  gap: 4px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: 999px !important;
  background: rgba(4, 8, 12, .78) !important;
}
html body .latest-qty-control button {
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .075) !important;
  font-size: 20px !important;
}
html body .latest-qty-control button:hover:not(:disabled) { background: rgba(16, 185, 129, .2) !important; }
html body .latest-qty-control button:disabled { opacity: .32 !important; cursor: not-allowed !important; }
html body .latest-qty-control span { display: grid; place-items: center; font-size: 16px !important; }
html body[data-view="buy-token"] .latest-token-card .latest-qty-control button:last-child {
  color: #fff !important;
  background: var(--v2516-green) !important;
}
html body[data-view="buy-token"] .latest-token-card .latest-qty-control button:last-child:hover:not(:disabled) { background: #18c88e !important; }
html body .latest-checkout-card {
  position: sticky !important;
  top: 86px !important;
  padding: 20px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: var(--v2516-radius) !important;
  background: var(--v2516-surface) !important;
}

/* Detail view: seller information occupies the unused area below desktop media. */
@media (min-width: 901px) {
  html body[data-view="product-detail"] .behavior-gallery,
  html body[data-view="file-detail"] .behavior-gallery {
    display: flex !important;
    flex-direction: column !important;
    height: clamp(680px, calc(100vh - 96px), 850px) !important;
    min-height: 0 !important;
    align-self: start !important;
  }
  html body[data-view="product-detail"] .behavior-gallery > .detail-gallery-media-v2411,
  html body[data-view="file-detail"] .behavior-gallery > .detail-gallery-media-v2411 {
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }
  html body[data-view="product-detail"] .behavior-gallery > .detail-gallery-media-v2411 .ref-preview-placeholder.large,
  html body[data-view="file-detail"] .behavior-gallery > .detail-gallery-media-v2411 .ref-preview-placeholder.large {
    height: 100% !important;
    min-height: 0 !important;
  }
  html body[data-view="product-detail"] .behavior-gallery > .behavior-seller-panel,
  html body[data-view="file-detail"] .behavior-gallery > .behavior-seller-panel {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr) !important;
    align-items: center !important;
    gap: 18px !important;
    border: 0 !important;
    border-top: 1px solid var(--v2516-line) !important;
    border-radius: 0 !important;
    background: rgba(3, 7, 10, .62) !important;
    box-shadow: none !important;
  }
}

/* Purchase history: one clear vertical card, no redundant child actions. */
html body .history-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
}
html body .history-card-v2515 {
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: var(--v2516-radius) !important;
  background: var(--v2516-surface) !important;
}
html body .history-card-v2515.is-unavailable { opacity: 1 !important; }
html body .history-preview-v2515 {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v2516-line) !important;
  border-radius: 0 !important;
  color: #78838c !important;
  background: radial-gradient(circle at 50% 42%, rgba(16, 185, 129, .09), transparent 34%), #090e13 !important;
}
html body .history-preview-v2515 img { width: 100%; height: 100%; object-fit: cover; }
html body .history-preview-v2515 > span {
  position: absolute;
  inset: auto auto 12px 13px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(3, 7, 10, .72);
  color: #aeb7be;
  font-size: 9px;
  letter-spacing: .09em;
}
html body .history-card-v2515 .history-info {
  min-width: 0 !important;
  padding: 16px !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 12px !important;
}
html body .history-card-v2515 .history-name { color: #f3f5f6 !important; font-size: 16px !important; font-weight: 750 !important; }
html body .history-status-row-v2515 { order: -1; margin: 0 !important; justify-content: space-between; }
html body .history-status-v2515 { color: #7ed7b1 !important; border-color: rgba(16, 185, 129, .22) !important; background: rgba(16, 185, 129, .07) !important; }
html body .history-facts-v2516 { margin-top: auto; display: grid; gap: 9px; }
html body .history-fact-v2516 { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
html body .history-fact-v2516 span { color: var(--v2516-muted); font-size: 11px; }
html body .history-fact-v2516 strong { min-width: 0; color: #dce1e4; font-size: 12px; text-align: right; overflow-wrap: anywhere; }
html body .history-fact-v2516:last-child { padding-top: 10px; border-top: 1px solid var(--v2516-line); }
html body .history-fact-v2516:last-child strong { color: var(--v2516-gold); font-size: 14px; }
html body .history-actions-v2515 { display: none !important; }
html body .history-actions-v2417 { display: none !important; }
html body .history-card-footer-v2417 { display: block !important; }

/* Management: balanced header and information-rich responsive rows. */
html body .management-page-head-v251 { margin-bottom: 16px !important; }
html body .management-workspace-v251 {
  padding: clamp(17px, 2.3vw, 24px) !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: var(--v2516-radius) !important;
  background: var(--v2516-surface) !important;
}
html body .management-head-v251 {
  grid-template-columns: minmax(180px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding-bottom: 18px !important;
}
html body .management-identity-v251 > span { display: none !important; }
html body .management-toggle-v251,
html body .management-actions-v251 { justify-self: end !important; }
html body .management-actions-v251 { display: flex !important; align-items: center !important; gap: 9px !important; }
html body .management-settings-icon-v2418 {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: 10px !important;
  color: #c8d0d5 !important;
  background: rgba(255, 255, 255, .035) !important;
}
html body .management-primary-metrics-v251 { gap: 12px !important; }
html body .management-list-zone-v251 { margin-top: 18px !important; }
html body .management-card-grid.behavior-management-listing-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: var(--v2516-radius) !important;
  background: var(--v2516-surface) !important;
}
html body .management-row-v2516 {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: 72px minmax(180px, 1.4fr) repeat(3, minmax(90px, .6fr)) 24px !important;
  align-items: center !important;
  gap: 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v2516-line) !important;
  border-radius: 0 !important;
  color: #eef2f4 !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
}
html body .management-row-v2516:last-child { border-bottom: 0 !important; }
html body .management-row-v2516:hover { background: rgba(16, 185, 129, .035) !important; }
html body .management-preview-v2516 {
  width: 72px;
  height: 64px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--v2516-line);
  border-radius: 10px;
  color: #71808a;
  background: #0a1015;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}
html body .management-preview-v2516 img { width: 100%; height: 100%; object-fit: cover; }
html body .management-name-v2516 { min-width: 0; display: grid; gap: 4px; }
html body .management-name-v2516 strong { overflow-wrap: anywhere; font-size: 14px; }
html body .management-name-v2516 small { color: var(--v2516-muted); }
html body .management-stat-v2516 { min-width: 0; display: grid; gap: 4px; }
html body .management-stat-v2516 span { color: var(--v2516-muted); font-size: 10px; }
html body .management-stat-v2516 strong { color: #dce1e4; font-size: 13px; overflow-wrap: anywhere; }
html body .management-stat-v2516.accent strong { color: var(--v2516-gold); }
html body .management-arrow-v2516 { color: #73808a; font-size: 22px; }

/* KYC retains backend-compatible document types while removing the oversized review band. */
html body #kycAdminReviewV2515 { display: none !important; }
html body .kyc-form-grid { gap: 14px !important; }
html body .kyc-version-history-v2515 { border-radius: var(--v2516-radius) !important; background: var(--v2516-surface) !important; }

/* Profile settings: clear label/value separation and one deliberate notification row. */
html body[data-view="profile-settings"] .settings-row.compact {
  min-height: 62px !important;
  padding-block: 13px !important;
  display: grid !important;
  grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr) !important;
  align-items: start !important;
  gap: 8px 26px !important;
}
html body[data-view="profile-settings"] .settings-row-value { line-height: 1.55 !important; overflow-wrap: anywhere; }
html body[data-view="profile-settings"] .profile-kyc-progress { display: none !important; }
html body[data-view="profile-settings"] .profile-marketing-copy-v2516 { display: grid; gap: 4px; }
html body[data-view="profile-settings"] .profile-marketing-copy-v2516 strong { color: #edf1f3; font-size: 14px; }
html body[data-view="profile-settings"] .profile-marketing-copy-v2516 p { margin: 0; color: var(--v2516-muted); font-size: 12px; }
html body[data-view="profile-settings"] .profile-logout-btn {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid var(--v2516-red) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: var(--v2516-red) !important;
  font-weight: 800 !important;
}

/* Withdrawal: equal columns, equal cards, and symmetric page margins. */
html body[data-view="withdrawal"] .page-inner { width: min(1120px, calc(100% - 40px)) !important; margin-inline: auto !important; }
html body[data-view="withdrawal"] .latest-withdrawal-shell,
html body[data-view="withdrawal"] .withdrawal-centered {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
  max-width: none !important;
}
html body[data-view="withdrawal"] .latest-withdrawal-balance-card,
html body[data-view="withdrawal"] .latest-withdrawal-form-card,
html body[data-view="withdrawal"] .withdrawal-summary-card,
html body[data-view="withdrawal"] .withdrawal-form-card { height: 100% !important; }

/* Seller records and tracking use readable, restrained card spacing. */
html body .seller-order-card-v177 { border-radius: var(--v2516-radius) !important; background: var(--v2516-surface) !important; }
html body .tracking-card-v2515 { padding: 17px !important; border-radius: var(--v2516-radius) !important; background: var(--v2516-surface) !important; }
html body .tracking-card-v2515 .tracking-preview { flex: 0 0 76px !important; }

@media (max-width: 1120px) {
  html body .latest-token-grid { grid-template-columns: 1fr !important; }
  html body .latest-token-card { min-height: 188px !important; }
  html body .history-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .management-row-v2516 { grid-template-columns: 68px minmax(160px, 1fr) repeat(2, minmax(80px, .55fr)) 24px !important; }
  html body .management-row-v2516 .management-stat-v2516.capacity { display: none; }
}

@media (max-width: 900px) {
  html body .latest-token-shell,
  html body[data-view="withdrawal"] .latest-withdrawal-shell,
  html body[data-view="withdrawal"] .withdrawal-centered { grid-template-columns: 1fr !important; }
  html body .latest-checkout-card { position: static !important; }
  html body .management-head-v251 { grid-template-columns: minmax(0, 1fr) auto !important; }
  html body .management-actions-v251 { grid-column: 1 / -1 !important; justify-self: stretch !important; }
  html body .management-actions-v251 > .management-capacity-button-v251,
  html body .management-actions-v251 > .management-withdraw-v251 { flex: 1 1 auto !important; }
}

@media (max-width: 720px) {
  html body .page-title,
  html body h1 { overflow-wrap: anywhere; }
  html body[data-view="product-detail"] .detail-gallery-strip-v2513,
  html body[data-view="file-detail"] .detail-gallery-strip-v2513 { display: none !important; }
  html body .history-list { grid-template-columns: 1fr !important; gap: 13px !important; }
  html body .history-card-v2515 .history-info { padding: 15px !important; }
  html body[data-view="product-management"] .management-workspace-v251 .management-head-v251,
  html body[data-view="file-management"] .management-workspace-v251 .management-head-v251 {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
  }
  html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="product-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }
  html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-identity-v251 { grid-row: 1 !important; }
  html body[data-view="product-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-toggle-v251 { grid-row: 2 !important; }
  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 { grid-row: 3 !important; }
  html body .management-identity-v251 strong {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  html body .management-toggle-v251 { justify-content: flex-start !important; }
  html body .management-toggle-v251 > strong { margin-left: auto !important; }
  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }
  html body .management-actions-v251 > .management-capacity-button-v251,
  html body .management-actions-v251 > .management-withdraw-v251 { min-width: 0 !important; flex: 1 1 0 !important; }
  html body .management-primary-metrics-v251 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .management-row-v2516 {
    min-height: 0 !important;
    padding: 13px !important;
    grid-template-columns: 72px minmax(0, 1fr) 20px !important;
    align-items: start !important;
    gap: 10px 12px !important;
  }
  html body .management-row-v2516 .management-stat-v2516 {
    grid-column: 2 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }
  html body .management-row-v2516 .management-stat-v2516.capacity { display: none !important; }
  html body .management-arrow-v2516 { grid-column: 3; grid-row: 1 / span 3; align-self: center; }
  html body[data-view="seller-profile"] #sellerGrid.seller-card-grid-v165 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  html body .seller-order-card-v177 { padding: 15px !important; }
  html body .seller-order-main-v177 { display: block !important; }
  html body .seller-order-preview-v177 { display: none !important; }
  html body .seller-order-content-v177 { display: grid !important; gap: 7px !important; text-align: left !important; }
  html body .seller-order-content-v177 h3,
  html body .seller-order-content-v177 p { margin: 0 !important; }
  html body .seller-order-dates-v177 { display: grid !important; gap: 6px !important; }
  html body .seller-order-side-v177 { align-items: flex-start !important; padding-top: 12px !important; border-top: 1px solid var(--v2516-line) !important; text-align: left !important; }
  html body[data-view="profile-settings"] .settings-row.compact { grid-template-columns: 1fr !important; gap: 7px !important; }
  html body[data-view="profile-settings"] .settings-row-value { padding-left: 0 !important; }
  html body[data-view="file-listing-settings"] .workflow-strip,
  html body[data-view="file-listing-settings"] .draft-state { display: none !important; }
  html body[data-view="file-listing-settings"] .listing-shell,
  html body[data-view="file-listing-settings"] .listing-page-shell { padding-top: 14px !important; }
  html body[data-view="file-listing-settings"] .listing-heading { margin-bottom: 16px !important; padding-left: 0 !important; }
  html body[data-view="file-listing-settings"] .page-heading {
    margin-bottom: 0 !important;
    padding: 18px !important;
  }
  html body[data-view="file-listing-settings"] .listing-heading::before,
  html body[data-view="file-listing-settings"] .heading-copy::before { display: none !important; }
  html body .tracking-card-v2515 .tracking-card-main { display: block !important; }
  html body .tracking-card-v2515 .tracking-preview { display: none !important; }
}

@media (max-width: 520px) {
  html body .latest-token-card { min-height: 174px !important; padding: 16px !important; }
  html body .management-primary-metrics-v251 { grid-template-columns: 1fr !important; }
  html body .management-actions-v251 { flex-wrap: wrap !important; }
  html body .management-actions-v251 > .management-settings-v251 { flex: 0 0 42px !important; }
  html body[data-view="withdrawal"] .page-inner { width: min(100% - 28px, 1120px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body .latest-token-card,
  html body .management-row-v2516,
  html body .history-card-v2515 { transition: none !important; }
}

/* Current-file correction pass: management controls stay in one deliberate
   toolbar instead of splitting into disconnected rows. */
html body[data-view="product-management"] .management-head-v251,
html body[data-view="file-management"] .management-head-v251 {
  min-height: 64px !important;
  padding: 0 0 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--v2516-line) !important;
}

html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
html body[data-view="file-management"] .management-head-v251 > .management-identity-v251 {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
}

html body[data-view="product-management"] .management-head-v251 > .management-toggle-v251,
html body[data-view="file-management"] .management-head-v251 > .management-toggle-v251 {
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 7px 11px !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  justify-content: center !important;
  gap: 9px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .025) !important;
}

html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
}

html body .management-actions-v251 > .management-capacity-button-v251,
html body .management-actions-v251 > .management-withdraw-v251 {
  min-width: 0 !important;
  min-height: 42px !important;
  padding-inline: 14px !important;
  flex: 0 0 auto !important;
  border-radius: 10px !important;
}

html body .management-actions-v251 > .management-capacity-button-v251 {
  border-color: rgba(215, 167, 61, .34) !important;
  color: #f0cb72 !important;
  background: rgba(215, 167, 61, .065) !important;
}

html body .management-actions-v251 > .management-settings-v251 {
  flex: 0 0 42px !important;
}

/* Product tracking matches the approved desktop rows and mobile cards. */
html body[data-view="product-tracking"] .tracking-page-head-v253 {
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
  display: block !important;
  border-bottom: 0 !important;
}

html body[data-view="product-tracking"] .tracking-page-head-v253 .page-desc {
  display: none !important;
}

html body[data-view="product-tracking"] .tracking-list {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body[data-view="product-tracking"] .tracking-row-v2416,
html body[data-view="product-tracking"] .tracking-card-v2515.tracking-row-v2416 {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: minmax(230px, .8fr) minmax(360px, 1.65fr) minmax(135px, auto) !important;
  align-items: center !important;
  gap: 18px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: 12px !important;
  color: #eef2f4 !important;
  background: var(--v2516-surface) !important;
  box-shadow: none !important;
}

html body[data-view="product-tracking"] .tracking-row-v2416 + .tracking-row-v2416 {
  border-top: 1px solid var(--v2516-line) !important;
}

html body[data-view="product-tracking"] .tracking-identity-v2416 {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 12px !important;
}

html body[data-view="product-tracking"] .tracking-identity-v2416 .mini-preview {
  width: 58px !important;
  height: 58px !important;
  border: 1px solid var(--v2516-line) !important;
  border-radius: 10px !important;
  color: #7e8992 !important;
  background: #090e13 !important;
  font-size: 8px !important;
}

html body[data-view="product-tracking"] .tracking-identity-v2416 h3 {
  font-size: 14px !important;
}

html body[data-view="product-tracking"] .tracking-identity-v2416 p,
html body[data-view="product-tracking"] .tracking-identity-v2416 small {
  display: block !important;
  color: var(--v2516-muted) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

html body[data-view="product-tracking"] .tracking-progress-head-v2416 {
  margin-bottom: 8px !important;
}

html body[data-view="product-tracking"] .tracking-progress-head-v2416 span,
html body[data-view="product-tracking"] .tracking-step-labels-v2416 span,
html body[data-view="product-tracking"] .tracking-action-v2416 > span {
  font-size: 10px !important;
}

html body[data-view="product-tracking"] .tracking-progress-head-v2416 strong {
  font-size: 13px !important;
}

html body[data-view="product-tracking"] .tracking-progress-track-v2416 {
  height: 6px !important;
}

html body[data-view="product-tracking"] .tracking-action-v2416 .btn {
  min-height: 38px !important;
  padding-inline: 14px !important;
  white-space: nowrap !important;
}

/* The card itself already owns the outline. Removing the media/body seam
   prevents the stray horizontal divider shown in the review screenshot. */
html body[data-view="market-products"] #mpGrid .shared-adaptive-card-v256 > :is(.market-card-preview, .ref-card-preview),
html body[data-view="market-file"] #mfGrid .shared-adaptive-card-v256 > :is(.market-card-preview, .ref-card-preview),
html body[data-view="favorites"] #favGrid .shared-adaptive-card-v256 > :is(.market-card-preview, .ref-card-preview),
html body[data-view="seller-profile"] .shared-adaptive-card-v256 > :is(.market-card-preview, .ref-card-preview) {
  border-bottom: 0 !important;
}

html body .shared-adaptive-card-v256 > :is(.market-card-body, .ref-card-body) {
  border-top: 0 !important;
}

@media (max-width: 900px) {
  html body[data-view="product-management"] .management-head-v251,
  html body[data-view="file-management"] .management-head-v251 {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 {
    grid-column: 3 !important;
  }

  html body[data-view="product-tracking"] .tracking-row-v2416,
  html body[data-view="product-tracking"] .tracking-card-v2515.tracking-row-v2416 {
    grid-template-columns: minmax(210px, .75fr) minmax(300px, 1.25fr) !important;
  }

  html body[data-view="product-tracking"] .tracking-action-v2416 {
    grid-column: 1 / -1 !important;
    justify-items: start !important;
  }
}

@media (max-width: 720px) {
  html body[data-view="product-management"] .management-head-v251,
  html body[data-view="file-management"] .management-head-v251 {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 8px !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-identity-v251 {
    width: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-toggle-v251 {
    width: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 {
    width: auto !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }

  html body[data-view="product-tracking"] .tracking-row-v2416,
  html body[data-view="product-tracking"] .tracking-card-v2515.tracking-row-v2416 {
    min-height: 0 !important;
    padding: 13px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body[data-view="product-tracking"] .tracking-action-v2416 {
    grid-column: 1 !important;
  }
}

@media (max-width: 460px) {
  html body[data-view="product-management"] .management-head-v251,
  html body[data-view="file-management"] .management-head-v251 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 {
    width: 100% !important;
    grid-column: 1 !important;
    justify-self: stretch !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-toggle-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-toggle-v251 { grid-row: 2 !important; }

  html body[data-view="product-management"] .management-head-v251 > .management-actions-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-actions-v251 { grid-row: 3 !important; }

  html body .management-actions-v251 > .management-capacity-button-v251,
  html body .management-actions-v251 > .management-withdraw-v251 { flex: 1 1 0 !important; }
}

/* 25.22 UI correction: a single, intentional management command panel.
   This supersedes the earlier disconnected toggle / icon / action cluster. */
html body[data-view="product-management"] .management-head-v251,
html body[data-view="file-management"] .management-head-v251 {
  min-height: 0 !important;
  padding: 16px 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 18px !important;
  border: 1px solid rgba(130, 151, 166, .18) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(31, 186, 137, .08), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 31, .98), rgba(8, 13, 19, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
html body[data-view="file-management"] .management-head-v251 > .management-identity-v251 {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
}

html body .management-identity-v251 > strong {
  color: #f3f6f7 !important;
  font-size: clamp(15px, 1.55vw, 20px) !important;
  line-height: 1.2 !important;
}

html body .management-identity-v251 > span {
  margin-top: 4px !important;
  display: block !important;
  color: #75818b !important;
  font-size: 10px !important;
}

html body[data-view="product-management"] .management-command-v2522,
html body[data-view="file-management"] .management-command-v2522 {
  min-width: 0 !important;
  padding: 7px !important;
  display: grid !important;
  grid-template-columns: minmax(150px, auto) auto !important;
  align-items: stretch !important;
  gap: 7px !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  border: 1px solid rgba(130, 151, 166, .17) !important;
  border-radius: 13px !important;
  background: rgba(3, 8, 12, .7) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .16) !important;
}

html body .management-command-v2522 > .management-toggle-v251 {
  width: auto !important;
  min-width: 150px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 13px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: rgba(19, 31, 40, .88) !important;
}

html body .management-control-copy-v2522 {
  min-width: 68px !important;
  display: grid !important;
  gap: 2px !important;
}

html body .management-control-copy-v2522 > small {
  color: #74828c !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html body .management-control-copy-v2522 > strong {
  margin: 0 !important;
  color: #39d79b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
}

html body .management-command-v2522 > .management-actions-v251 {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: max-content !important;
  align-items: stretch !important;
  gap: 7px !important;
  border: 0 !important;
  background: transparent !important;
}

html body .management-command-v2522 .management-actions-v251 > button {
  min-width: 0 !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  border: 1px solid rgba(130, 151, 166, .2) !important;
  border-radius: 9px !important;
  color: #dbe2e6 !important;
  background: rgba(14, 23, 30, .92) !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

html body .management-command-v2522 .management-actions-v251 > .management-capacity-button-v251,
html body .management-command-v2522 .management-actions-v251 > .management-settings-button-v2522 {
  border-color: rgba(219, 174, 69, .28) !important;
  color: #efca72 !important;
  background: rgba(219, 174, 69, .075) !important;
}

html body .management-command-v2522 .management-actions-v251 > button:hover {
  border-color: rgba(88, 214, 166, .38) !important;
  color: #f6faf8 !important;
  transform: translateY(-1px) !important;
}

/* Remove the accidental media/body seam regardless of which marketplace
   card renderer produced the card. The outer card remains outlined. */
html body[data-view="market-products"] #mpGrid :is(.market-card-preview, .ref-card-preview),
html body[data-view="market-file"] #mfGrid :is(.market-card-preview, .ref-card-preview),
html body[data-view="favorites"] #favGrid :is(.market-card-preview, .ref-card-preview),
html body[data-view="seller-profile"] :is(.market-card-preview, .ref-card-preview) {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body[data-view="market-products"] #mpGrid :is(.market-card-body, .ref-card-body),
html body[data-view="market-file"] #mfGrid :is(.market-card-body, .ref-card-body),
html body[data-view="favorites"] #favGrid :is(.market-card-body, .ref-card-body),
html body[data-view="seller-profile"] :is(.market-card-body, .ref-card-body) {
  border-top: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  html body[data-view="product-management"] .management-head-v251,
  html body[data-view="file-management"] .management-head-v251 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="product-management"] .management-command-v2522,
  html body[data-view="file-management"] .management-command-v2522 {
    width: 100% !important;
    grid-column: 1 !important;
    justify-self: stretch !important;
  }

  html body[data-view="product-management"] .management-head-v251 > .management-identity-v251,
  html body[data-view="file-management"] .management-head-v251 > .management-identity-v251 { grid-row: 1 !important; }

  html body[data-view="product-management"] .management-command-v2522,
  html body[data-view="file-management"] .management-command-v2522 { grid-row: 2 !important; }
}

@media (max-width: 520px) {
  html body[data-view="product-management"] .management-head-v251,
  html body[data-view="file-management"] .management-head-v251 {
    padding: 14px !important;
  }

  html body[data-view="product-management"] .management-command-v2522,
  html body[data-view="file-management"] .management-command-v2522 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .management-command-v2522 > .management-toggle-v251,
  html body .management-command-v2522 > .management-actions-v251 {
    width: 100% !important;
  }

  html body .management-command-v2522 > .management-actions-v251 {
    grid-auto-flow: initial !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-columns: initial !important;
  }

  html body .management-command-v2522 .management-actions-v251 > button {
    width: 100% !important;
    padding-inline: 8px !important;
  }
}


/* ==========================================================================
   3D StudioMarket v26 correction pass
   ========================================================================== */
html body[data-view="product-management"] .management-head-v251,
html body[data-view="file-management"] .management-head-v251 {
  grid-template-columns: 1fr !important;
  min-height: 86px !important;
}
html body[data-view="product-management"] .management-identity-v251,
html body[data-view="file-management"] .management-identity-v251 { align-self: center !important; }

html body[data-view="file-listing-settings"] .fl188-root { font-size: 14px !important; }
html body[data-view="file-listing-settings"] .fl188-root .page-heading { margin-bottom: 18px !important; }
html body[data-view="file-listing-settings"] .fl188-root .panel-title h2 { font-size: 18px !important; line-height: 1.35 !important; }
html body[data-view="file-listing-settings"] .fl188-root :is(label > span, .field-title > span, .panel-state, .head-count, .engine-label, .matrix-top, .matrix-footer, .asset-list .empty) {
  font-size: 13px !important; line-height: 1.45 !important;
}
html body[data-view="file-listing-settings"] .fl188-root :is(input, select, textarea) { font-size: 15px !important; }
html body[data-view="file-listing-settings"] .fl188-root .dropzone b { font-size: 14px !important; }
html body[data-view="file-listing-settings"] .fl188-root .dropzone small { font-size: 12px !important; }
html body[data-view="file-listing-settings"] .fl188-root .check-options label { font-size: 14px !important; min-height: 40px !important; }
html body[data-view="file-listing-settings"] .fl188-root .matrix-grid legend { font-size: 13px !important; }
html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510 > summary { cursor: default !important; }
html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510 > summary::after { display: none !important; }
@media (min-width: 1200px) {
  html body[data-view="buy-token"] .latest-token-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* v26 management command layout — annotated correction. */
html body[data-view="product-management"] .management-head-v251,
html body[data-view="file-management"] .management-head-v251 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  gap: 16px !important;
  min-height: 104px !important;
}
html body .management-command-v26 {
  display: grid;
  align-items: stretch;
  gap: 8px;
  align-self: center;
}
html body .product-management-command-v26 { grid-template-columns: minmax(170px, 1.25fr) repeat(2, minmax(118px, .8fr)); }
html body .file-management-command-v26 { grid-template-columns: repeat(2, minmax(132px, 1fr)); }
html body .management-shop-control-v26,
html body .management-action-v26 {
  min-height: 58px;
  border: 1px solid rgba(124, 145, 160, .24);
  border-radius: 10px;
  background: rgba(10, 18, 25, .92);
  color: #eef3f7;
  box-shadow: none;
}
html body .management-shop-control-v26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 13px;
}
html body .management-control-copy-v26 { display: grid; gap: 4px; min-width: 0; }
html body .management-control-copy-v26 small {
  color: #7f8d99;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
html body .management-control-copy-v26 strong { color: #e7edf2; font-size: 12px; font-weight: 800; }
html body .management-action-v26 {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 760;
  white-space: nowrap;
}
html body .management-action-v26:hover {
  border-color: rgba(16, 185, 129, .5);
  background: rgba(16, 185, 129, .08);
}
html body[data-view="product-management"] .management-capacity-strip-v251 {
  border-bottom-color: rgba(16, 185, 129, .78) !important;
  box-shadow: inset 0 -1px 0 rgba(16, 185, 129, .28) !important;
}

@media (max-width: 980px) {
  html body[data-view="product-management"] .management-head-v251,
  html body[data-view="file-management"] .management-head-v251 { grid-template-columns: 1fr !important; }
  html body .management-command-v26 { width: 100%; }
}
@media (max-width: 600px) {
  html body .product-management-command-v26 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .product-management-command-v26 .management-shop-control-v26 { grid-column: 1 / -1; }
  html body .file-management-command-v26 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .management-action-v26 { min-height: 52px; padding-inline: 10px; }
}


/* ===== SOURCE: v26-corrections.css ===== */
/* 3D StudioMarket v26.0.2 — review corrections. Loaded last on marketplace pages. */

:root { --v26-action-yellow: #f59e0b; }

/* Product/File Management command buttons: same yellow family as the bottom-right + action, white label. */
html body[data-view="product-management"] .management-command-v26 .management-action-yellow-v26,
html body[data-view="file-management"] .management-command-v26 .management-action-yellow-v26 {
  min-height: 46px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(245,158,11,.74) !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: var(--sf-orange, var(--v26-action-yellow)) !important;
  box-shadow: 0 10px 24px rgba(245,158,11,.16) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}
html body[data-view="product-management"] .management-command-v26 .management-action-yellow-v26:hover,
html body[data-view="file-management"] .management-command-v26 .management-action-yellow-v26:hover {
  color: #fff !important;
  background: #f6a817 !important;
  border-color: #f6a817 !important;
}

/* Card favorites: icon only. Never restore a square/circle/glass background at any breakpoint. */
html body .market-card-fav,
html body .ref-heart,
html body .card-heart-only,
html body .market-card-fav.card-heart-only,
html body .public-management-card-v1542 .management-static-heart {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline-offset: 3px !important;
  color: #f4f7f8 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.72)) !important;
}
html body .market-card-fav:hover,
html body .ref-heart:hover,
html body .card-heart-only:hover {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .market-card-fav.active,
html body .ref-heart.active,
html body .card-heart-only.active {
  color: var(--sf-orange, var(--v26-action-yellow)) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .market-card-fav svg,
html body .ref-heart svg,
html body .card-heart-only svg {
  width: 18px !important;
  height: 18px !important;
  filter: none !important;
}

/* Unified KYC: no percentage/progress bar; one concise status card. */
html body[data-view="profile-settings"] .profile-kyc-summary-card {
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 0 !important;
  overflow: visible !important;
}
html body[data-view="profile-settings"] .profile-kyc-summary-card > .neo-settings-icon { display: none !important; }
html body[data-view="profile-settings"] .profile-kyc-main-v26 { min-width: 0 !important; }
html body[data-view="profile-settings"] .profile-kyc-heading-v26 {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
html body[data-view="profile-settings"] .profile-kyc-heading-v26 h2 { margin: 0 0 5px !important; }
html body[data-view="profile-settings"] .profile-kyc-heading-v26 .muted {
  max-width: 720px !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}
html body[data-view="profile-settings"] .profile-kyc-facts-v26 {
  margin-top: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px 18px !important;
  color: var(--text-muted, #8f9aa3) !important;
  font-size: 11px !important;
}
html body[data-view="profile-settings"] .profile-kyc-facts-v26 strong {
  margin-right: 5px !important;
  color: var(--text-secondary, #cbd3d8) !important;
}
html body[data-view="profile-settings"] .profile-kyc-actions {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
html body[data-view="profile-settings"] .profile-kyc-actions .btn { white-space: nowrap !important; }
html body[data-view="profile-settings"] .profile-kyc-linear-v2415,
html body[data-view="profile-settings"] .future-progress-labels,
html body[data-view="profile-settings"] #profileKycProgressTrack { display: none !important; }

@media (max-width: 760px) {
  html body[data-view="product-management"] .management-command-v26 .management-action-yellow-v26,
  html body[data-view="file-management"] .management-command-v26 .management-action-yellow-v26 {
    min-height: 42px !important;
    padding: 0 15px !important;
    font-size: 12px !important;
  }
  html body[data-view="profile-settings"] .profile-kyc-summary-card {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
    padding: 16px !important;
  }
  html body[data-view="profile-settings"] .profile-kyc-heading-v26 { align-items: flex-start !important; }
  html body[data-view="profile-settings"] .profile-kyc-facts-v26 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
  html body[data-view="profile-settings"] .profile-kyc-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }
  html body[data-view="profile-settings"] .profile-kyc-actions .btn { width: 100% !important; min-width: 0 !important; }
  html body .market-card-fav,
  html body .ref-heart,
  html body .card-heart-only,
  html body .market-card-fav.card-heart-only {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
}


/* v26.0.2: keep Unified KYC status fully visible at every viewport. */
html body[data-view="profile-settings"] section.profile-card.profile-kyc-summary-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
}
html body[data-view="profile-settings"] .profile-kyc-heading-v26 .latest-status-pill {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  html body[data-view="profile-settings"] section.profile-card.profile-kyc-summary-card {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body[data-view="profile-settings"] .profile-kyc-heading-v26 .latest-status-pill {
    padding: 4px 7px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }
}

/* v26.0.2: card favorite controls are icon-only at every card surface.
   Repeat the concrete grid selectors because older card rules use high-specificity !important declarations. */
html body[data-view] #mpGrid .market-card-v241 button.favorite-action,
html body[data-view] #mfGrid .market-card-v241 button.favorite-action,
html body[data-view="favorites"] #favGrid .market-card-v241 button.favorite-action,
html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action,
html body:not(.light)[data-view] #mpGrid.behavior-market-grid .market-card-v241 button.favorite-action,
html body:not(.light)[data-view] #mfGrid.behavior-market-grid .market-card-v241 button.favorite-action,
html body:not(.light)[data-view="favorites"] #favGrid .market-card-v241 button.favorite-action,
html body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action,
html body[data-view] #mpGrid .minimal-market-card button.favorite-action,
html body[data-view] #mfGrid .minimal-market-card button.favorite-action,
html body[data-view="favorites"] #favGrid .minimal-market-card button.favorite-action,
html body[data-view="seller-profile"] .seller-card-grid-v165 .minimal-market-card button.favorite-action {
  border: 0 !important;
  border-radius: 0 !important;
  outline-offset: 3px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body[data-view] #mpGrid .market-card-v241 button.favorite-action.active,
html body[data-view] #mfGrid .market-card-v241 button.favorite-action.active,
html body[data-view="favorites"] #favGrid .market-card-v241 button.favorite-action.active,
html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action.active,
html body:not(.light)[data-view] #mpGrid.behavior-market-grid .market-card-v241 button.favorite-action.active,
html body:not(.light)[data-view] #mfGrid.behavior-market-grid .market-card-v241 button.favorite-action.active,
html body:not(.light)[data-view="favorites"] #favGrid .market-card-v241 button.favorite-action.active,
html body:not(.light)[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241 button.favorite-action.active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ===== SOURCE: canonical-v27-3.css ===== */
/* 3D StudioMarket v27.3 canonical runtime fixes. */
html[data-canonical-runtime-version="27.3.0"] .management-command-v26 {
  display:flex; align-items:stretch; justify-content:flex-end; gap:10px; flex-wrap:wrap;
}
html[data-canonical-runtime-version="27.3.0"] .management-shop-control-v26 {
  display:grid; grid-template-columns:minmax(130px,1fr) auto; align-items:center; column-gap:12px;
  min-width:225px; padding:10px 12px; overflow:hidden;
}
html[data-canonical-runtime-version="27.3.0"] .management-control-copy-v26 { min-width:0; display:flex; flex-direction:column; gap:2px; }
html[data-canonical-runtime-version="27.3.0"] .management-control-copy-v26 small,
html[data-canonical-runtime-version="27.3.0"] .management-control-copy-v26 strong { position:static; transform:none; margin:0; white-space:nowrap; }
html[data-canonical-runtime-version="27.3.0"] .management-shop-control-v26 .switch { position:static; margin:0; flex:none; }

/* Canonical history is a compact row list, not full-height image cards. */
.history-status-v273 { justify-self:start; border:1px solid currentColor; border-radius:999px; padding:5px 8px; font-size:11px; }
.history-status-v273.available { color:#48d59b; }
.history-status-v273.unavailable { color:#ff7c86; }
.seller-history-row-v273 { width:100%; display:grid; grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr) 110px 110px 20px; gap:14px; align-items:center; padding:15px 16px; border:0; border-bottom:1px solid var(--border, #24313b); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.seller-history-row-v273 span:first-child { display:flex; flex-direction:column; gap:3px; }
.seller-history-row-v273 small { color:var(--text-dim, #82909c); }

/* Popup actions must remain visible while content scrolls. */
.modal-overlay:not(.hidden) { overflow:auto; padding:24px; }
.modal { max-height:min(88vh, 920px); overflow:auto; overscroll-behavior:contain; }
.modal > .modal-actions:last-child { position:sticky; bottom:-1px; z-index:5; margin-left:-2px; margin-right:-2px; padding-top:14px; padding-bottom:2px; background:linear-gradient(to bottom, rgba(13,21,29,.88), rgba(13,21,29,1) 28%); }
.legal-reader { max-height:min(88vh, 920px) !important; overflow:auto !important; overscroll-behavior:contain; }
.legal-reader > footer { position:sticky; bottom:-1px; z-index:8; background:#0d151d; border-top:1px solid #26333d; padding-top:14px; padding-bottom:4px; }
.legal-reader .legal-check { margin-bottom:10px; }
.canonical-description-v273 { white-space:pre-wrap; line-height:1.65; color:var(--text-secondary, #b6c0c8); }
.canonical-filter-grid-v273 label { display:flex; flex-direction:column; gap:7px; }
.canonical-readiness-v273 { display:flex; flex-direction:column; gap:0; border:1px solid var(--border,#24313b); border-radius:12px; overflow:hidden; }
.canonical-readiness-v273 > div { display:flex; justify-content:space-between; gap:20px; padding:13px 14px; border-bottom:1px solid var(--border,#24313b); }
.canonical-readiness-v273 > div:last-child { border-bottom:0; }
.toast-v273 { position:fixed; right:20px; bottom:20px; z-index:9999; min-width:220px; max-width:min(420px,calc(100vw - 40px)); padding:12px 14px; border-radius:10px; border:1px solid #2b3944; background:#111b24; color:#eaf0f4; box-shadow:0 14px 44px rgba(0,0,0,.35); opacity:0; transform:translateY(8px); transition:.18s ease; }
.toast-v273.show { opacity:1; transform:none; }
.toast-v273.success { border-color:#267d5d; } .toast-v273.error { border-color:#9f3b45; } .toast-v273.warning { border-color:#8b6b20; }
@media (max-width: 820px) {
  .management-command-v26 { width:100%; justify-content:stretch; }
  .management-shop-control-v26 { width:100%; min-width:0; }
}
/* Keep the Set A-D acknowledgement fully visible above the sticky action bar. */
.legal-reader .legal-check { margin-bottom:78px !important; }

/* v27.3 legal action spacing: keep acceptance checkbox fully above the sticky action bar. */
html body .legal-reader .legal-check { margin: 0 0 92px !important; }
html body .legal-reader > footer { background:#0b131a !important; }
/* v27.3 canonical legal acceptance dock: checkbox and action are one persistent control group. */
html body .legal-reader .legal-action-dock {
  position: sticky;
  bottom: -1px;
  z-index: 12;
  margin: 18px -2px -2px;
  padding: 14px 2px 2px;
  background: linear-gradient(to bottom, rgba(11,19,26,.92), #0b131a 22%);
  border-top: 1px solid var(--v251-line, #26333d);
}
html body .legal-reader .legal-action-dock .legal-check {
  margin: 0 !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
}
html body .legal-reader .legal-action-dock > footer {
  position: static !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  background: transparent !important;
  border-top: 1px solid var(--v251-line, #26333d) !important;
}

/* v27.3 policy library — explicit packaged-document rows */
.policy-library-v273{display:grid;gap:10px;margin-top:14px}.policy-library-row-v273{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg)}.policy-library-row-v273>div:first-child{display:grid;gap:3px;min-width:0}.policy-library-row-v273 strong{font-size:13px;color:var(--text-main)}.policy-library-row-v273 small{font-size:11px;color:var(--text-muted)}.policy-library-row-v273>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.policy-sets-v273{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.policy-sets-v273>span{margin-right:auto;color:var(--text-muted);font-size:12px}.policy-sets-v273>button{min-width:40px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-secondary)}
@media(max-width:640px){.policy-library-row-v273{align-items:flex-start;flex-direction:column}.policy-library-row-v273>div:last-child{width:100%;justify-content:flex-start}}

/* v27.4 FDM Manual multi-color extension — preserves v27.3 layout */
html body[data-view="file-listing-settings"] .fl188-root .manual-color-field-v28{min-width:0;display:grid;gap:7px;align-content:start}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-head-v28{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--v24-muted);font-size:9px;font-weight:750}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-head-v28 small{font-size:9px;font-weight:700;color:#72d9ad}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-slots-v28{display:grid;gap:6px}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-slot-v28{display:grid;grid-template-columns:46px minmax(0,1fr) 30px;gap:6px;align-items:center}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-slot-v28>span{height:40px;display:grid;place-items:center;border:1px solid var(--v24-line);border-radius:8px;background:#0e1821;color:var(--v24-muted);font-size:9px;font-weight:750}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-slot-v28 select{width:100%;min-width:0;min-height:40px;color:var(--v24-ink);background:#101a24}
html body[data-view="file-listing-settings"] .fl188-root .manual-color-remove-v28{width:30px;height:34px;border:0;background:transparent;color:var(--v24-muted);font-size:17px;cursor:pointer}
html body[data-view="file-listing-settings"] .fl188-root .manual-add-color-v28{min-height:36px;border:1px dashed rgba(148,163,184,.35);border-radius:9px;background:rgba(255,255,255,.015);color:var(--v24-muted);font:inherit;font-size:10px;font-weight:750;cursor:pointer}
html body[data-view="file-listing-settings"] .fl188-root .manual-add-color-v28:not(:disabled):hover{border-color:rgba(16,185,129,.55);color:#78ddb3;background:rgba(16,185,129,.06)}
html body[data-view="file-listing-settings"] .fl188-root .manual-add-color-v28:disabled{opacity:.45;cursor:not-allowed}
html body[data-view="file-listing-settings"] .fl188-root .sku-color-set-v28{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
html body[data-view="file-listing-settings"] .fl188-root .sku-color-set-v28 i{font-style:normal;padding:4px 7px;border:1px solid rgba(16,185,129,.23);border-radius:999px;background:rgba(16,185,129,.07);color:#9ee5c4;font-size:9px}
@media(max-width:760px){html body[data-view="file-listing-settings"] .fl188-root .manual-color-slot-v28{grid-template-columns:42px minmax(0,1fr) 28px}}

/* v27.3 card title-plane alignment fix
 * Keep the original card design. On tablet/desktop, all Product/File cards
 * begin their body directly below the fixed preview row so title/sales/tags
 * stay on one horizontal plane regardless of optional License content.
 * Shared by Marketplace, Favorites and Seller Profile. */
@media (min-width: 601px) {
  html body[data-view="market-products"] #mpGrid .market-card-v241.shared-adaptive-card-v256,
  html body[data-view="market-file"] #mfGrid .market-card-v241.shared-adaptive-card-v256,
  html body[data-view="favorites"] #favGrid .market-card-v241.shared-adaptive-card-v256,
  html body[data-view="seller-profile"] .seller-card-grid-v165 .market-card-v241.shared-adaptive-card-v256 {
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: stretch !important;
  }

  html body[data-view="market-products"] #mpGrid .shared-adaptive-card-v256 .ref-card-body,
  html body[data-view="market-file"] #mfGrid .shared-adaptive-card-v256 .ref-card-body,
  html body[data-view="favorites"] #favGrid .shared-adaptive-card-v256 .ref-card-body,
  html body[data-view="seller-profile"] .seller-card-grid-v165 .shared-adaptive-card-v256 .ref-card-body {
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
  }
}


/* File Listing Manual SKU layout — canonical mixed FDM/Resin behavior.
   This is the only active Manual-SKU layout block: preserve the original panel,
   add separators for scanability, and reuse the platform coin for price units. */
html body[data-view="file-listing-settings"] .fl188-root .resin-matrix-grid-v28{grid-template-columns:repeat(2,minmax(0,1fr))}

html body[data-view="file-listing-settings"] .fl188-root .manual-grid{
  gap:0!important;
  padding-top:0!important;
  margin-top:4px;
  border:1px solid var(--v24-line,var(--line));
  border-radius:12px;
  background:rgba(7,16,24,.34);
  overflow:visible;
}
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1.38fr) minmax(0,1.02fr) minmax(132px,.62fr)}
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1.5fr) minmax(132px,.62fr)}

html body[data-view="file-listing-settings"] .fl188-root .manual-grid>label,
html body[data-view="file-listing-settings"] .fl188-root .manual-grid>.manual-color-field-v28{
  min-width:0;
  margin:0;
  padding:14px 16px 16px;
  align-self:stretch;
}
html body[data-view="file-listing-settings"] .fl188-root .manual-grid>*+*{border-left:1px solid var(--v24-line,var(--line))}
html body[data-view="file-listing-settings"] .fl188-root .manual-grid>[hidden]{display:none!important}

html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-color-slot-v28{grid-template-columns:minmax(0,1fr)}
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-color-slot-v28>span,
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-color-remove-v28,
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-color-head-v28 small,
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-add-color-v28{display:none!important}

html body[data-view="file-listing-settings"] .fl188-root .manual-grid select,
html body[data-view="file-listing-settings"] .fl188-root .manual-grid select option{color:var(--v24-ink,#eef4f8)!important}

html body[data-view="file-listing-settings"] .fl188-root .manual-price-field-v28 .unit-input{position:relative}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-field-v28 .unit-input input{padding-right:48px!important}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-token-icon-v28{
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  pointer-events:none;
}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-token-icon-v28 .token-coin,
html body[data-view="file-listing-settings"] .fl188-root .sku-price-token-icon-v28 .token-coin{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex-basis:18px!important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-price-wrap{position:relative}
html body[data-view="file-listing-settings"] .fl188-root .sku-price-wrap .sku-price{padding-right:46px!important}
html body[data-view="file-listing-settings"] .fl188-root .sku-price-token-icon-v28{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  pointer-events:none;
}

/* Keep the upload/action zones visually separate from the configuration fields. */
html body[data-view="file-listing-settings"] .fl188-root .manual-content>.dropzone.compact{
  margin-top:2px;
  border-color:var(--v24-line-strong,var(--line-strong));
}
html body[data-view="file-listing-settings"] .fl188-root .manual-actions{
  padding-top:12px;
  border-top:1px solid var(--v24-line,var(--line));
}

@media(max-width:980px) and (min-width:761px){
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-grid,
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>*{border-left:0!important;border-top:1px solid var(--v24-line,var(--line))}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>*:nth-child(-n+2){border-top:0}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>*:nth-child(even){border-left:1px solid var(--v24-line,var(--line))!important}
}

@media(max-width:760px){
 html body[data-view="file-listing-settings"] .fl188-root .resin-matrix-grid-v28,
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-grid,
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-grid{grid-template-columns:minmax(0,1fr)}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid{border-radius:11px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>label,
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>.manual-color-field-v28{padding:14px 12px 15px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>*{border-left:0!important;border-top:1px solid var(--v24-line,var(--line))}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid>*:first-child{border-top:0}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid select{font-size:12.5px!important;padding-left:10px!important;padding-right:30px!important}
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-color-slot-v28 select,
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-color-slot-v28 select{font-size:11.5px!important;letter-spacing:-.015em!important}
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-color-slot-v28{grid-template-columns:38px minmax(0,1fr) 24px!important;gap:6px!important}
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-color-slot-v28>span{font-size:8px!important}
 html body[data-view="file-listing-settings"] .fl188-root .manual-price-field-v28 .unit-input input{padding-right:50px!important}
 html body[data-view="file-listing-settings"] .fl188-root .manual-price-token-icon-v28{right:13px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-content>.dropzone.compact{margin-top:4px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-actions .manual-add-next{width:100%;min-width:0}
}

html body[data-view="file-listing-settings"] .fl188-root #manualPrice{appearance:textfield!important;-moz-appearance:textfield!important}
html body[data-view="file-listing-settings"] .fl188-root #manualPrice::-webkit-inner-spin-button,
html body[data-view="file-listing-settings"] .fl188-root #manualPrice::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}

/* File detail: preserve original design; no FDM/Resin process pill in the title card. */
html body[data-view="file-detail"] .detail-print-process-v27{display:none!important}
html body[data-view="file-detail"] .detail-select-v165,
html body[data-view="file-detail"] .detail-select-v166,
html body[data-view="file-detail"] .detail-select-v165 option,
html body[data-view="file-detail"] .detail-select-v166 option{color:var(--v24-ink,#eef4f8)!important}

/* v27.9 Manual SKU refinement — use existing dark dropdown language, widen
   configuration fields, and keep Price with the final action row. */
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(0,1.62fr) minmax(0,1.05fr)!important;
}
html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)!important;
}
html body[data-view="file-listing-settings"] .fl188-root .manual-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
html body[data-view="file-listing-settings"] .fl188-root .manual-actions>p{
  flex:1 1 auto!important;
  min-width:0;
}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-action-v29{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:var(--v24-muted,#9aa7b4);
  font-size:9px;
  font-weight:750;
}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-action-v29>span{white-space:nowrap}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-action-v29 .unit-input{width:126px;min-width:126px}
html body[data-view="file-listing-settings"] .fl188-root .manual-price-action-v29 input{height:38px!important;min-height:38px!important}




/* Manual SKU dropdowns reuse the original v24.9 detail-dropdown component verbatim.
   Only layout scoping is added; colors, borders, menu and selection states remain canonical. */
html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-v249{width:100%;min-width:0}
html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-trigger-v249{min-height:40px;font:inherit;font-size:11.5px;font-weight:700}
html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-value-v249{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-menu-v249 button{font:inherit;font-size:11px;font-weight:650;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-trigger-v249{min-height:44px;font-size:12px;padding-top:8px;padding-bottom:8px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-value-v249{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
 html body[data-view="file-listing-settings"] .fl188-root .manual-grid .detail-dropdown-menu-v249 button{min-height:42px;font-size:12px}
}

/* Responsive action row retained from the previous SKU layout revision. */
@media(max-width:760px){
 html body[data-view="file-listing-settings"] .fl188-root .manual-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body[data-view="file-listing-settings"] .fl188-root .manual-actions>p{grid-column:1/-1!important}
 html body[data-view="file-listing-settings"] .fl188-root .manual-price-action-v29{width:auto;justify-self:start;display:grid;grid-template-columns:auto 132px;gap:7px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-price-action-v29 .unit-input{width:132px;min-width:132px}
 html body[data-view="file-listing-settings"] .fl188-root .manual-actions .manual-add-next{grid-column:1/-1;width:100%!important;min-width:0!important}
}

/* Canonical mobile Manual SKU stack: override desktop column template without changing visual styling. */
@media(max-width:760px){
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="FDM"] .manual-grid,
 html body[data-view="file-listing-settings"] .fl188-root[data-active-process="RESIN"] .manual-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* v28.0 — keep canonical dropdown language, improve mixed-process scanability,
   and hard-anchor every File Listing dropdown to its own field. */
html body[data-view="file-detail"] .detail-dropdown-option-structured-v280{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
html body[data-view="file-detail"] .detail-dropdown-process-v280{
  min-width:0;
  color:var(--v24-muted,#9aa7b4);
  font-size:9px;
  font-weight:800;
  letter-spacing:.045em;
  line-height:1.2;
}
html body[data-view="file-detail"] .detail-dropdown-option-name-v280{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere;
}
html body[data-view="file-detail"] .detail-dropdown-option-meta-v280{
  color:var(--v24-muted,#9aa7b4);
  font-size:9px;
  font-weight:700;
  white-space:nowrap;
}
html body[data-view="file-detail"] .detail-dropdown-menu-v249 button[aria-selected="true"] .detail-dropdown-process-v280,
html body[data-view="file-detail"] .detail-dropdown-menu-v249 button[aria-selected="true"] .detail-dropdown-option-meta-v280{
  color:#8be4c7;
}

html body[data-view="file-listing-settings"] .fl188-root .detail-dropdown-v249{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
html body[data-view="file-listing-settings"] .fl188-root .detail-dropdown-v249.is-open{z-index:240!important}
html body[data-view="file-listing-settings"] .fl188-root .detail-dropdown-menu-v249{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  bottom:auto!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
}
html body[data-view="file-listing-settings"] .fl188-root .single-grid,
html body[data-view="file-listing-settings"] .fl188-root .manual-grid,
html body[data-view="file-listing-settings"] .fl188-root .manual-color-field-v28,
html body[data-view="file-listing-settings"] .fl188-root .manual-color-slot-v28,
html body[data-view="file-listing-settings"] .fl188-root .single-sku,
html body[data-view="file-listing-settings"] .fl188-root .manual-panel,
html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510,
html body[data-view="file-listing-settings"] .fl188-root .listing-disclosure-v2510[open]{overflow:visible!important}

@media(max-width:760px){
  html body[data-view="file-detail"] .detail-dropdown-option-structured-v280{
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:7px;
  }
  html body[data-view="file-detail"] .detail-dropdown-process-v280,
  html body[data-view="file-detail"] .detail-dropdown-option-meta-v280{font-size:8.5px}
}


/* v28.1 — canonical dropdown behavior hardening.
   Menus contain real alternatives only, size to their content, and stay anchored
   to the trigger. No visual redesign: this reuses the existing v24.9 component. */
.detail-dropdown-v249 .detail-dropdown-menu-v249{
  height:max-content!important;
  min-height:0!important;
  max-height:min(260px,42vh)!important;
  box-sizing:border-box!important;
}
.detail-dropdown-v249.is-single-choice .detail-dropdown-chevron-v249{opacity:.34!important}
.detail-dropdown-v249.is-single-choice .detail-dropdown-trigger-v249{cursor:default!important}
.detail-dropdown-v249.is-single-choice .detail-dropdown-trigger-v249:hover{
  border-color:var(--v24-line)!important;
  background:#101a24!important;
}
html body[data-view="file-listing-settings"] .fl188-root .single-sku:has(.detail-dropdown-v249.is-open),
html body[data-view="file-listing-settings"] .fl188-root .manual-panel:has(.detail-dropdown-v249.is-open),
html body[data-view="file-listing-settings"] .fl188-root .manual-grid:has(.detail-dropdown-v249.is-open){
  position:relative!important;
  z-index:230!important;
}

/* v28.2 — dropdown list behavior correction.
   Keep the selected real value visible + highlighted inside the open menu.
   Show about five option rows; additional choices scroll inside the anchored panel. */
.detail-dropdown-v249 .detail-dropdown-menu-v249{
  max-height:202px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.detail-dropdown-v249 .detail-dropdown-menu-v249 button[aria-selected="true"]{
  color:#8be4c7!important;
  background:rgba(16,185,129,.14)!important;
}
.detail-dropdown-v249 .detail-dropdown-trigger-v249 .detail-dropdown-value-v249{
  color:var(--v24-ink,#eef4f8)!important;
}
@media(max-width:760px){
  .detail-dropdown-v249 .detail-dropdown-menu-v249{max-height:222px!important;}
}

/* v28.2.1 — dropdown clipping fix.
   The step panel keeps its original clipping at rest; only the panel that owns an
   open canonical dropdown temporarily exposes overflow so the anchored menu is not cut off. */
html body[data-view="file-listing-settings"] .fl188-root .panel:has(.detail-dropdown-v249.is-open){
  overflow:visible!important;
  position:relative!important;
  z-index:220!important;
}


/* v28.5 — dropdown/topbar collision guard.
   Keep the original dropdown visual language; only constrain open menus to the safe
   viewport below the fixed topbar. JS keeps the trigger visible before opening. */
html body .topbar{z-index:1000!important;isolation:isolate!important;}
html body .detail-dropdown-v249.is-open{z-index:240!important;}
html body .detail-dropdown-menu-v249{
  z-index:250!important;
  max-height:var(--dropdown-safe-max-height,202px)!important;
}
@media(max-width:760px){
  html body .detail-dropdown-menu-v249{max-height:var(--dropdown-safe-max-height,222px)!important;}
}
.adaptive-feed-continuation-v410{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:72px;padding:20px;color:var(--text-secondary,#667085);font-size:.875rem;text-align:center}
.adaptive-feed-continuation-v410[data-state="loading"]::before{content:"";width:18px;height:18px;margin-right:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:adaptive-feed-spin-v410 .8s linear infinite}
.adaptive-feed-continuation-v410[data-state="error"]{color:#b42318}
@keyframes adaptive-feed-spin-v410{to{transform:rotate(360deg)}}

/* v4.1 release capability: backend-confirmed, fail-closed Token top-up. */
.token-topup-notice-v410{grid-column:1/-1;margin:0 0 14px;padding:11px 14px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(15,23,42,.45);color:var(--text-secondary,#94a3b8);font-size:.86rem;line-height:1.45}
.token-topup-notice-v410.is-enabled{border-color:rgba(16,185,129,.34);background:rgba(16,185,129,.08);color:#9de8cd}
.token-topup-notice-v410.is-disabled{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.08);color:#f5d69a}
.token-topup-unavailable-v410{grid-column:1/-1;min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px dashed rgba(148,163,184,.3);border-radius:20px;text-align:center;color:var(--text-secondary,#94a3b8)}
.token-topup-unavailable-v410 strong{color:var(--text-primary,#f8fafc);font-size:1rem}

/* v4.1.1 — balance the Token control with the platform name and menu controls. */
html body .topbar-token-pill{
  width:auto!important;
  min-width:0!important;
  max-width:96px!important;
  height:38px!important;
  min-height:38px!important;
  padding:4px 5px 4px 8px!important;
  gap:5px!important;
}
html body .topbar-token-pill .coin{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
html body .topbar-token-copy{min-width:0!important;max-width:38px!important}
html body .topbar-token-copy small{display:none!important}
html body .topbar-token-value{
  min-width:0!important;
  max-width:38px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
html body .topbar-token-plus{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex-basis:24px!important;
}
@media(max-width:760px){
  html body .topbar-token-pill{max-width:88px!important;height:36px!important;min-height:36px!important;padding-left:7px!important}
  html body .topbar-token-copy,html body .topbar-token-value{max-width:34px!important}
}

/* Review controls stay within the card at every viewport. */
html body[data-view="file-listing-settings"] .fl188-root .sku-card { position: relative !important; }
html body[data-view="file-listing-settings"] .fl188-root .sku-card > .delete-sku {
 position: absolute !important; top: 12px !important; right: 12px !important;
 width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important;
 margin: 0 !important; padding: 0 !important; display: grid !important; place-items: center !important;
 z-index: 2; border-radius: 10px !important; color: #ff8c9b !important; font-size: 24px !important;
}
html body[data-view="file-listing-settings"] .fl188-root .sku-summary { padding-right: 60px !important; }
html body[data-view="file-listing-settings"] .fl188-root .dropzone.drag-active { border-color: #ffb000 !important; background: #211b0d !important; }

/* Marketing consent uses a fixed-size track beside wrapping explanatory text. */
html body[data-view="profile-settings"] .toggle-row:has(#psMarketingToggle) {
 display: grid !important; grid-template-columns: minmax(0, 1fr) 50px !important;
 gap: 14px !important; align-items: center !important; min-width: 0 !important;
}
html body[data-view="profile-settings"] .profile-marketing-copy-v2516 { min-width: 0; overflow-wrap: anywhere; }
html body[data-view="profile-settings"] #psMarketingToggle {
 appearance: none !important; box-sizing: border-box !important;
 width: 50px !important; min-width: 50px !important; max-width: 50px !important;
 height: 28px !important; min-height: 28px !important; max-height: 28px !important;
 padding: 0 !important; margin: 0 !important; flex: 0 0 50px !important;
 position: relative !important; overflow: hidden !important; border-radius: 14px !important;
 border: 1px solid #657383 !important; background: #202b35 !important;
}
html body[data-view="profile-settings"] #psMarketingToggle::before { content: none !important; }
html body[data-view="profile-settings"] #psMarketingToggle::after {
 content: "" !important; position: absolute !important; width: 20px !important; height: 20px !important;
 top: 3px !important; left: 3px !important; border-radius: 50% !important;
 background: #fff !important; transform: translateX(0) !important;
 transition: transform 150ms ease !important;
}
html body[data-view="profile-settings"] #psMarketingToggle[aria-checked="true"] { background: #00a97b !important; border-color: #00a97b !important; }
html body[data-view="profile-settings"] #psMarketingToggle[aria-checked="true"]::after { transform: translateX(22px) !important; }
html body[data-view="profile-settings"] #psMarketingToggle:focus-visible { outline: 2px solid #ffb000 !important; outline-offset: 3px; }
html body[data-view="profile-settings"] #psMarketingToggle:disabled { opacity: .65; cursor: wait; }

/* Listing upload/save feedback must remain readable, including on mobile Safari. */
html body[data-view="file-listing-settings"] .fl188-root .action-bar { flex-wrap: wrap !important; gap: 10px 20px !important; }
html body[data-view="file-listing-settings"] .fl188-root .action-copy { display: block !important; flex: 1 1 240px; min-width: 0; }
html body[data-view="file-listing-settings"] .fl188-root .action-copy #saveMessage { display: block !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; font-size: 13px !important; line-height: 1.4 !important; color: #e6edf3 !important; }
html body[data-view="file-listing-settings"] .fl188-root #savedManagementLink { color: #ffb000; font-size: 13px; line-height: 1.5; }
html body[data-view="file-listing-settings"] .fl188-root #savedManagementLink[hidden] { display: none !important; }
@media(max-width:760px){
 html body[data-view="file-listing-settings"] .fl188-root .action-copy { flex-basis: 100%; text-align: center; }
 html body[data-view="file-listing-settings"] .fl188-root .action-buttons { width: 100% !important; gap: 12px !important; }
 html body[data-view="file-listing-settings"] .fl188-root .action-buttons .btn { min-width: 0 !important; }
 html body[data-view="file-listing-settings"] .fl188-root { padding-bottom: 190px !important; }
}html body[data-view="file-listing-settings"] .fl188-root .action-bar {
 position: fixed !important; left: 50% !important; right: auto !important;
 bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
 transform: translateX(-50%) !important; width: min(calc(100vw - 32px), 1296px) !important;
 max-height: 32dvh; overflow-y: auto; z-index: 900 !important;
 background: rgba(12,16,19,.97) !important;
}

/* Shared detail controls and price hierarchy. */
html body[data-view="product-detail"] .detail-media-actions-v2417 button[data-ui-action="openDetailShareV2417"],
html body[data-view="file-detail"] .detail-media-actions-v2417 button[data-ui-action="openDetailShareV2417"] {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html body[data-view="product-detail"] .behavior-purchase-head,
html body[data-view="file-detail"] .behavior-purchase-head { gap: 4px !important; }
html body[data-view="product-detail"] .detail-purchase-title-v2416,
html body[data-view="file-detail"] .detail-purchase-title-v2416 { margin: 0 0 2px !important; }
html body[data-view="product-detail"] .behavior-price-row,
html body[data-view="file-detail"] .behavior-price-row { margin: 0 !important; }
html body[data-view="product-detail"] .detail-token-price-v2513 > strong,
html body[data-view="file-detail"] .detail-token-price-v2513 > strong { font-size: 17px !important; }
html body[data-view="product-detail"] .detail-token-price-v2513 > .card-token-coin-v256,
html body[data-view="file-detail"] .detail-token-price-v2513 > .card-token-coin-v256 {
  width: 18px !important; height: 18px !important; flex: 0 0 18px !important;
  border: 1px solid #ffd56f !important; border-radius: 50% !important;
  background: radial-gradient(circle at 42% 38%, #fff0a8 0 12%, #ffd85c 13% 36%, #e8a820 37% 63%, #b9790b 64% 100%) !important;
  box-shadow: 0 0 10px rgba(244,184,43,.42), inset 0 0 0 2px rgba(255,238,158,.28) !important;
}
html body .topbar .topbar-left { gap: 3px !important; }
html body .topbar .topbar-left #topbarLeftBtn { width: 34px !important; min-width: 34px !important; height: 34px !important; }
html body .topbar .topbar-left #topbarLeftBtn::before { height: 16px !important; }

html body[data-view="product-detail"] #pdTitle,
html body[data-view="file-detail"] #fdTitle { font-size: clamp(27px, 2.35vw, 38px) !important; margin-bottom: 2px !important; }
html body[data-view="product-detail"] #pdPrice,
html body[data-view="file-detail"] #fdPrice,
html body[data-view="product-detail"] #pdPrice strong,
html body[data-view="file-detail"] #fdPrice strong { font-size: 17px !important; line-height: 1.15 !important; }

/* Detail images: full 4:3 frame with direct swipe and an overlaid position. */
html body[data-view="product-detail"] .detail-gallery-media-v2411,
html body[data-view="file-detail"] .detail-gallery-media-v2411 {
  position: relative !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  height: auto !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: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: #09121a !important;
  touch-action: pan-y;
  cursor: grab;
}
html body[data-view="product-detail"] .detail-preview-stage-v2415::after,
html body[data-view="file-detail"] .detail-preview-stage-v2415::after {
  content: none !important;
  display: none !important;
}
html body[data-view="product-detail"] .detail-gallery-image-v2513,
html body[data-view="file-detail"] .detail-gallery-image-v2513 {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  user-select: none;
  -webkit-user-drag: none;
}
html body[data-view="product-detail"] .detail-gallery-media-v2411 .carousel-nav,
html body[data-view="file-detail"] .detail-gallery-media-v2411 .carousel-nav { display: none !important; }
html body .detail-gallery-overlay-position-v20261013 {
  position: absolute;
  z-index: 13;
  right: 14px;
  bottom: 14px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  background: rgba(7, 14, 20, .76);
  font-size: 12px;
  line-height: 1.2;
  pointer-events: none;
}
html body[data-view="product-detail"] #pdTitle,
html body[data-view="file-detail"] #fdTitle,
html body[data-view="product-detail"] .detail-purchase-title-v2416,
html body[data-view="file-detail"] .detail-purchase-title-v2416 { font-size: clamp(23px, 2vw, 32px) !important; }
html body[data-view="product-detail"] #pdPrice,
html body[data-view="file-detail"] #fdPrice,
html body[data-view="product-detail"] #pdPrice strong,
html body[data-view="file-detail"] #fdPrice strong,
html body[data-view="product-detail"] .detail-token-price-v2513 > strong,
html body[data-view="file-detail"] .detail-token-price-v2513 > strong { font-size: 19px !important; }
html body[data-view="product-tracking"] .tracking-identity-v2416 .mini-preview img {
  width: 100%; height: 100%; display: block; object-fit: contain;
}
html body[data-view="profile-settings"] .latest-status-pill.correction-v20261013 {
  color: #ffd76a !important;
  border-color: rgba(255, 215, 106, .55) !important;
  background: rgba(255, 215, 106, .14) !important;
}