/* 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;
}

/* --------------------------------------------------------------------------
   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-v18-8.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-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; }

/* 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; }
}

/* 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="connect-api"]::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='m8 9-4 3 4 3M16 9l4 3-4 3M14 4l-4 16'/%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="connect-api"] .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,
body[data-view="connect-api"] .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,
body[data-view="connect-api"] .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; }
}