/*
 * 3D StudioMarket — Adaptive Commerce UI v24.17
 * Responsive detail flow, compact management, card history and commerce UI.
 */

:root {
  --ac-yellow: #f7b718;
  --ac-yellow-hi: #ffd15a;
  --ac-yellow-soft: rgba(247, 183, 24, .12);
  --ac-red: #ff5964;
  --ac-red-hi: #ff7881;
  --ac-red-soft: rgba(255, 89, 100, .12);
  --ac-line: #2b3945;
  --ac-surface: #0d151e;
  --ac-surface-2: #111d28;
}

html body .section-kicker,
html body .heading-kicker,
html body .eyebrow,
html body .panel-label,
html body .legal-inline-link {
  color: var(--ac-yellow-hi) !important;
}

html body :is(input, select, textarea):focus {
  border-color: rgba(247, 183, 24, .58) !important;
  box-shadow: 0 0 0 3px rgba(247, 183, 24, .1) !important;
}

/* The current view controls whether the top-left control is a menu or back. */
html body[data-page-type="menu"] #topbarLeftBtn {
  display: inline-grid !important;
  place-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body[data-page-type="menu"].sidebar-open #sidebarMount,
html body[data-page-type="menu"].sidebar-open #sidebarMount .sidebar {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* --------------------------------------------------------------------------
   Product / File detail — universal content order
   -------------------------------------------------------------------------- */

html body[data-view="product-detail"] .behavior-detail-shell,
html body[data-view="file-detail"] .behavior-detail-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  grid-template-areas:
    "gallery purchase"
    "seller seller"
    "secondary secondary" !important;
  align-items: start !important;
  gap: 18px !important;
}

html body[data-view="product-detail"] .detail-gallery-card-v2411,
html body[data-view="file-detail"] .detail-gallery-card-v2411 {
  grid-area: gallery !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}

html body[data-view="product-detail"] .detail-gallery-media-v2411,
html body[data-view="file-detail"] .detail-gallery-media-v2411 {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
}

html body[data-view="product-detail"] .detail-gallery-media-v2411 .detail-preview-stage-v2415,
html body[data-view="file-detail"] .detail-gallery-media-v2411 .detail-preview-stage-v2415 {
  min-height: 0 !important;
}

html body[data-view="product-detail"] .behavior-purchase-panel,
html body[data-view="file-detail"] .behavior-purchase-panel {
  grid-area: purchase !important;
  min-height: 0 !important;
  padding: 22px !important;
  border-radius: 14px !important;
}

html body .detail-media-actions-v2417,
html body .behavior-gallery-actions.detail-media-actions-v2417 {
  position: absolute !important;
  z-index: 12 !important;
  inset: 16px 16px auto auto !important;
  width: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  pointer-events: none !important;
}

html body button.detail-media-action-v2417,
html body .detail-media-actions-v2417 > button.detail-media-action-v2417 {
  position: static !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 11px !important;
  color: var(--ac-yellow-hi) !important;
  background: rgba(7, 12, 17, .8) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(12px) !important;
  pointer-events: auto !important;
}

html body button.detail-media-action-v2417:first-child {
  color: var(--ac-red-hi) !important;
}

html body button.detail-media-action-v2417.active {
  border-color: rgba(255, 89, 100, .56) !important;
  color: #fff !important;
  background: var(--ac-red) !important;
}

html body button.detail-media-action-v2417 svg {
  width: 21px !important;
  height: 21px !important;
}

html body .detail-description-v2417 {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--ac-line) !important;
}

html body .detail-description-v2417 > span {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--sf-muted) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

html body .detail-description-v2417 .detail-desc {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

html body .detail-text-link-v2417 {
  margin-top: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ac-yellow-hi) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 740 !important;
}

html body .detail-option-progress-v2417 {
  color: var(--ac-red-hi) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .detail-option-progress-v2417.complete {
  color: var(--sf-green) !important;
}

html body .detail-buy-btn-v167:disabled {
  border-color: var(--ac-line) !important;
  color: var(--sf-muted) !important;
  background: #18212a !important;
  cursor: not-allowed !important;
}

html body .detail-seller-profile-v2417 {
  grid-area: seller !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 1.1fr) minmax(0, 1.4fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 14px !important;
  background: var(--ac-surface) !important;
}

html body .detail-seller-link-v2417 {
  min-width: 0 !important;
  padding: 17px 18px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 13px !important;
  border: 0 !important;
  border-right: 1px solid var(--ac-line) !important;
  color: var(--sf-text) !important;
  background: transparent !important;
  text-align: left !important;
}

html body .detail-seller-profile-v2417 .seller-avatar-v2411 {
  border-radius: 12px !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body .detail-seller-identity-v2417 {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body .detail-seller-identity-v2417 small,
html body .detail-seller-identity-v2417 span {
  overflow: hidden !important;
  color: var(--sf-muted) !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .detail-seller-identity-v2417 strong {
  overflow: hidden !important;
  color: var(--sf-text) !important;
  font-size: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .detail-seller-arrow-v2417 {
  color: var(--ac-yellow-hi) !important;
  font-size: 20px !important;
}

html body .detail-seller-stats-v2417 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .detail-seller-stats-v2417 > div {
  min-width: 0 !important;
  padding: 16px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

html body .detail-seller-stats-v2417 > div + div {
  border-left: 1px solid var(--ac-line) !important;
}

html body .detail-seller-stats-v2417 span {
  color: var(--sf-muted) !important;
  font-size: 12px !important;
}

html body .detail-seller-stats-v2417 strong {
  color: var(--ac-yellow-hi) !important;
  font-size: 18px !important;
}

html body[data-view="product-detail"] .detail-comments-panel-v2411,
html body[data-view="file-detail"] .detail-comments-panel-v2411 {
  grid-area: secondary !important;
  padding: 20px !important;
  border-radius: 14px !important;
}

/* Share popup offers explicit destinations and the native share sheet. */
html body .detail-share-modal-v2417 {
  width: min(520px, 100%) !important;
}

html body .detail-share-sheet-v2417 {
  padding: 4px 2px 2px !important;
}

html body .detail-share-destinations-v2417 {
  margin-top: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .detail-share-destinations-v2417 button {
  min-height: 62px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 11px !important;
  color: var(--sf-soft) !important;
  background: var(--ac-surface-2) !important;
  text-align: left !important;
}

html body .detail-share-destinations-v2417 button > span {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
  font-weight: 850 !important;
}

html body .detail-share-destinations-v2417 .share-more-v2417 {
  grid-column: 1 / -1 !important;
}

/* --------------------------------------------------------------------------
   Product / File management — compact straight-divider metrics
   -------------------------------------------------------------------------- */

html body .management-flat-v2412 {
  overflow: hidden !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 12px !important;
  background: var(--ac-surface) !important;
}

html body .management-name-line-v161 strong {
  position: relative !important;
  padding-left: 13px !important;
  color: var(--sf-text) !important;
  font-size: 22px !important;
}

html body .management-name-line-v161 strong::before {
  position: absolute !important;
  inset: 2px auto 2px 0 !important;
  width: 3px !important;
  content: "" !important;
  border-radius: 2px !important;
  background: var(--ac-yellow) !important;
}

html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) {
  min-width: 0 !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) > span,
html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) > strong,
html body .management-flat-v2412 .metric-copy-v2415 > span,
html body .management-flat-v2412 .metric-copy-v2415 > strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body .management-flat-v2412 .management-metric-v161 > strong {
  font-size: clamp(14px, 1.15vw, 17px) !important;
}

html body .management-gear-v161 {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 10px !important;
  color: var(--ac-yellow-hi) !important;
  background: rgba(247, 183, 24, .06) !important;
}

html body .management-gear-v161 svg {
  width: 21px !important;
  height: 21px !important;
}

/* --------------------------------------------------------------------------
   History — visual purchase cards
   -------------------------------------------------------------------------- */

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

html body .history-list.history-card-grid-v2417 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .history-purchase-card-v2417 {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 14px !important;
  background: var(--ac-surface) !important;
  cursor: pointer !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

html body .history-purchase-card-v2417:hover {
  border-color: rgba(247, 183, 24, .55) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
  transform: translateY(-2px) !important;
}

html body .history-purchase-card-v2417:focus-visible {
  border-color: var(--ac-yellow-hi) !important;
  outline: 3px solid rgba(247, 183, 24, .2) !important;
  outline-offset: 3px !important;
}

html body .history-preview-v2417 {
  position: relative !important;
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  color: rgba(255, 209, 90, .78) !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 28% 24%, rgba(247, 183, 24, .16), transparent 40%),
    #0a121a !important;
  background-size: 24px 24px, 24px 24px, auto, auto !important;
}

html body .history-preview-file-v2417 {
  color: rgba(255, 120, 129, .78) !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 28% 24%, rgba(255, 89, 100, .13), transparent 40%),
    #0a121a !important;
  background-size: 24px 24px, 24px 24px, auto, auto !important;
}

html body .history-preview-v2417 svg {
  width: 150px !important;
  height: 105px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5 !important;
}

html body .history-preview-v2417 > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 170px !important;
  display: block !important;
  object-fit: cover !important;
}

html body .history-preview-v2417 > span {
  position: absolute !important;
  inset: auto 13px 11px auto !important;
  color: var(--sf-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body .history-card-body-v2417 {
  padding: 16px !important;
}

html body .history-order-row-v2417,
html body .history-card-footer-v2417 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body .history-order-row-v2417 > span:first-child {
  color: var(--sf-muted) !important;
  font-size: 11px !important;
}

html body .history-status-v2417 {
  padding: 4px 8px !important;
  border: 1px solid rgba(247, 183, 24, .32) !important;
  border-radius: 999px !important;
  color: var(--ac-yellow-hi) !important;
  background: var(--ac-yellow-soft) !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

html body .history-card-body-v2417 h2 {
  min-height: 2.5em !important;
  margin: 14px 0 !important;
  color: var(--sf-text) !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}

html body .history-detail-list-v2417 {
  border-top: 1px solid var(--ac-line) !important;
  border-bottom: 1px solid var(--ac-line) !important;
}

html body .history-detail-list-v2417 > div {
  min-height: 55px !important;
  padding: 9px 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

html body .history-detail-list-v2417 > div + div {
  border-top: 1px solid var(--ac-line) !important;
}

html body .history-detail-list-v2417 span,
html body .history-card-footer-v2417 span {
  color: var(--sf-muted) !important;
  font-size: 11px !important;
}

html body .history-detail-list-v2417 strong {
  color: var(--sf-soft) !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

html body .history-card-footer-v2417 {
  align-items: flex-end !important;
  margin-top: 14px !important;
}

html body .history-card-footer-v2417 > div:first-child {
  display: grid !important;
  gap: 2px !important;
}

html body .history-card-footer-v2417 > div:first-child strong {
  color: var(--ac-yellow-hi) !important;
  font-size: 17px !important;
}

html body .history-actions-v2417 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

html body .history-actions-v2417 .btn,
html body .history-license-v2417 {
  min-height: 36px !important;
  padding: 0 11px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

html body .history-primary-v2417 {
  border: 1px solid var(--ac-yellow) !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body .history-secondary-v2417,
html body .history-license-v2417 {
  border: 1px solid var(--ac-line) !important;
  color: var(--sf-soft) !important;
  background: var(--ac-surface-2) !important;
}

html body[data-view="file-history"] > .view-file-license,
html body[data-view="file-history"] .page-inner > .view-file-license {
  display: none !important;
}

/* --------------------------------------------------------------------------
   File listing — compact, readable and breakpoint safe
   -------------------------------------------------------------------------- */

html body[data-view="file-listing-settings"] .fl188-root {
  --accent: var(--ac-yellow) !important;
  --accent-strong: var(--ac-yellow-hi) !important;
  --accent-soft: var(--ac-yellow-soft) !important;
  --accent-faint: rgba(247, 183, 24, .07) !important;
  --warm: var(--ac-red-hi) !important;
  font-size: 15px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .page-shell {
  width: min(100%, 1320px) !important;
  padding: 18px 22px 126px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .page-heading {
  min-height: 50px !important;
  margin-bottom: 10px !important;
  align-items: center !important;
}

html body[data-view="file-listing-settings"] .fl188-root .page-heading h1 {
  font-family: inherit !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-strip {
  gap: 0 !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 11px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-item {
  min-height: 52px !important;
  padding: 8px 12px !important;
  grid-template-columns: 30px minmax(0, 1fr) 8px !important;
  border-right: 1px solid var(--ac-line) !important;
  border-radius: 0 !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-item:last-child {
  border-right: 0 !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-item.active {
  box-shadow: inset 0 -3px var(--ac-yellow) !important;
  background: var(--ac-yellow-soft) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .workflow-copy b {
  color: var(--sf-soft) !important;
  font-size: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .content-grid {
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 14px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .main-column {
  gap: 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel,
html body[data-view="file-listing-settings"] .fl188-root .side-card {
  border-radius: 12px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel::before {
  display: none !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel-head {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 16px 18px 13px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .step-badge {
  width: 34px !important;
  height: 34px !important;
  border-color: rgba(247, 183, 24, .32) !important;
  color: var(--ac-yellow-hi) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .panel-title h2 {
  font-size: 17px !important;
}

html body[data-view="file-listing-settings"] .fl188-root :is(label > span, .field-title > span) {
  font-size: 13px !important;
}

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

html body[data-view="file-listing-settings"] .fl188-root .details-grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr) !important;
  gap: 16px !important;
  padding: 0 18px 18px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .source-grid,
html body[data-view="file-listing-settings"] .fl188-root .sku-list {
  padding-left: 18px !important;
  padding-right: 18px !important;
  padding-bottom: 18px !important;
}

html body[data-view="file-listing-settings"] .fl188-root .side-column {
  position: sticky !important;
  top: 78px !important;
}

html body[data-view="file-listing-settings"] .revenue-readiness[data-revenue-view="file-listing-settings"] {
  display: none !important;
}

html body[data-view="file-listing-settings"] .file-listing-compliance-card {
  padding: 16px !important;
  border-top: 3px solid var(--ac-yellow) !important;
}

html body[data-view="file-listing-settings"] .file-listing-compliance-card .legal-set-mark {
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .btn.primary {
  border-color: var(--ac-yellow) !important;
  color: #211500 !important;
  background: var(--ac-yellow) !important;
}

html body[data-view="file-listing-settings"] .fl188-root .btn.danger,
html body[data-view="file-listing-settings"] .fl188-root .ghost-danger {
  border-color: rgba(255, 89, 100, .52) !important;
  color: var(--ac-red-hi) !important;
  background: var(--ac-red-soft) !important;
}

/* --------------------------------------------------------------------------
   Token checkout — all calculations stay visible
   -------------------------------------------------------------------------- */

html body[data-view="buy-token"] .latest-mobile-checkout {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
  gap: 8px !important;
  border-top: 3px solid var(--ac-yellow) !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout > div {
  min-width: 0 !important;
  padding: 4px 8px !important;
  border-right: 1px solid var(--ac-line) !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout span {
  font-size: 11px !important;
}

html body[data-view="buy-token"] .latest-mobile-checkout strong {
  overflow: hidden !important;
  color: var(--ac-yellow-hi) !important;
  font-size: 13px !important;
  text-overflow: ellipsis !important;
}

/* --------------------------------------------------------------------------
   Popups — safe text-to-edge spacing at every width
   -------------------------------------------------------------------------- */

html body .modal,
html body .modal.modal-wide,
html body .modal.minimal-purchase-modal {
  padding: 30px 32px 28px !important;
}

html body .modal > :not(.modal-close),
html body .minimal-purchase-modal > :not(.modal-close) {
  min-width: 0 !important;
}

html body .purchase-summary-card > div,
html body .latest-summary-row,
html body .legal-check,
html body .purchase-license-scope,
html body .notice {
  padding-inline: 15px !important;
}

html body .fl188-root .parameter-head,
html body .fl188-root .parameter-toolbar,
html body .fl188-root .parameter-footer {
  padding-inline: 18px !important;
}

html body .fl188-root .parameter-groups {
  padding-inline: 16px !important;
}

html body .fl188-root .confirm-dialog form {
  padding: 22px !important;
}

@media (max-width: 1180px) {
  html body .history-list.history-card-grid-v2417 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .content-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .side-column {
    position: static !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1120px) {
  html body[data-view="product-detail"] .behavior-detail-shell,
  html body[data-view="file-detail"] .behavior-detail-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "gallery" "purchase" "seller" "secondary" !important;
  }

  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 900px) {
  html body .management-priority-grid-v2412 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(odd) {
    border-left: 0 !important;
  }

  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(even) {
    border-left: 1px solid var(--ac-line) !important;
  }

  html body .management-priority-grid-v2412 .behavior-ops-metric:nth-child(n+3) {
    border-top: 1px solid var(--ac-line) !important;
  }

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

  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(n) {
    border-top: 1px solid var(--ac-line) !important;
  }

  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(-n+2) {
    border-top: 0 !important;
  }

  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(odd) {
    border-left: 0 !important;
  }

  html body .management-finance-strip-v2412 .management-metric-v161:nth-child(even) {
    border-left: 1px solid var(--ac-line) !important;
  }

  html body[data-view="product-management"] .management-finance-strip-v2412 .management-metric-v161:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  html body .detail-seller-profile-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .detail-seller-link-v2417 {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ac-line) !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .details-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body .history-list.history-card-grid-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .history-preview-v2417 {
    min-height: 150px !important;
  }

  html body .history-preview-v2417 > img {
    min-height: 150px !important;
  }

  html body .detail-seller-stats-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .detail-seller-stats-v2417 > div + div {
    border-left: 0 !important;
    border-top: 1px solid var(--ac-line) !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .page-shell {
    padding: 10px 12px 112px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .page-heading {
    flex-direction: row !important;
    gap: 10px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .workflow-item {
    min-height: 58px !important;
    padding: 7px 4px !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .workflow-state {
    display: none !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .workflow-copy b {
    font-size: 11px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .panel-head {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .panel-head > :last-child:not(.panel-title) {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  html body[data-view="file-listing-settings"] .fl188-root .details-grid,
  html body[data-view="file-listing-settings"] .fl188-root .source-grid,
  html body[data-view="file-listing-settings"] .fl188-root .sku-list {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 14px !important;
  }

  html body .modal,
  html body .modal.modal-wide,
  html body .modal.minimal-purchase-modal {
    width: min(calc(100vw - 20px), 100%) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 28px 18px 20px !important;
  }
}

@media (max-width: 640px) {
  html body[data-view="product-detail"] .detail-gallery-media-v2411,
  html body[data-view="file-detail"] .detail-gallery-media-v2411 {
    aspect-ratio: 1 / 1 !important;
  }

  html body[data-view="product-detail"] .behavior-purchase-panel,
  html body[data-view="file-detail"] .behavior-purchase-panel,
  html body[data-view="product-detail"] .detail-comments-panel-v2411,
  html body[data-view="file-detail"] .detail-comments-panel-v2411 {
    padding: 16px !important;
  }

  html body .detail-share-destinations-v2417 {
    grid-template-columns: 1fr !important;
  }

  html body .detail-share-destinations-v2417 .share-more-v2417 {
    grid-column: 1 !important;
  }

  html body[data-view="buy-token"] .latest-mobile-checkout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-view="buy-token"] .latest-mobile-checkout > div:nth-child(even) {
    border-right: 0 !important;
  }

  html body[data-view="buy-token"] .latest-mobile-checkout .latest-buy-token-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width: 430px) {
  html body .management-name-line-v161 strong {
    font-size: 19px !important;
  }

  html body .management-flat-v2412 :is(.behavior-ops-metric, .management-metric-v161) {
    padding: 9px !important;
  }

  html body .history-card-footer-v2417 {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body .history-actions-v2417 {
    justify-content: stretch !important;
  }

  html body .history-actions-v2417 .btn,
  html body .history-license-v2417 {
    flex: 1 !important;
  }

  html body .detail-media-actions-v2417,
  html body .behavior-gallery-actions.detail-media-actions-v2417 {
    inset: 10px 10px auto auto !important;
  }

  html body button.detail-media-action-v2417,
  html body .detail-media-actions-v2417 > button.detail-media-action-v2417 {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
}