/* ==================================================
   AdoptMarket Clean CSS
   Replaces old duplicated public/css/style.css
   ================================================== */

/* ---------- THEME ---------- */
:root {
  --bg: #050505;
  --surface: #0d0d0d;
  --surface-2: #131313;
  --surface-soft: #1a1a1a;
  --input: #080808;
  --text: #f8f8f8;
  --muted: #b4a67d;
  --border: rgba(255,215,120,0.12);
  --primary: #d6a84f;
  --primary-dark: #b8862f;
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;
  --shadow: 0 15px 40px rgba(0,0,0,.65),
    0 0 25px rgba(214,168,79,.08);
}* {
  box-sizing: border-box;
}html {
  scroll-behavior: smooth;
}body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}a {
  color: inherit;
}img {
  max-width: 100%;
}button,
input,
select,
textarea {
  font-family: inherit;
}button {
  border: 0;
  cursor: pointer;
}.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 28px;
}h1 {
  font-size: 46px;
  line-height: 1.05;
  margin: 0 0 20px;
  letter-spacing: -0.04em;
}/* ---------- NAVBAR ---------- */
.main-nav,
nav {
    min-height: 70px;
    background: var(--surface-2);
    border-bottom: 1px solid var(--border);
    padding: 15px 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}.nav-left {
  display: flex;
  align-items: center;
  gap: 22px;
}

.nav-right {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}.logo,
.main-nav h2,
nav h2 {
  margin: 0;
  color: var(--text);
  text-decoration: none;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.04em;
}.main-nav a,
nav a {
  color: #cbd5e1;
  text-decoration: none;
  font-size: 14px;
  font-weight: 850;
}.main-nav a:hover,
nav a:hover {
  color: var(--primary);
}.nav-balance {
  color: #cbd5e1;
  font-weight: 800;
  font-size: 13px;
}.nav-btn,
.account-nav-btn {
  min-height: 34px;
  background: var(--surface-soft);
  color: var(--text);
  border: 1px solid var(--border);
  padding: 8px 13px;
  border-radius: 10px;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}.account-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--success);
}.dropdown {
  position: relative;
}.dropdown-content {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 210px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
  display: none;
  flex-direction: column;
  z-index: 9999;
  overflow: visible;
}.dropdown:hover .dropdown-content {
  display: flex;
}.dropdown-content a {
  color: var(--text);
  padding: 10px 14px;
  margin: 0;
}.dropdown-content a:hover {
  background: var(--surface-soft);
}.divider {
  height: 1px;
  background: var(--border);
  margin: 6px 0;
}.logout,
.logout-item {
  color: #ff6b6b;
}.account-menu-box {
  padding: 14px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}.account-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--primary-dark);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}.account-menu-box span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}.account-menu-box strong {
  color: var(--text);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}/* ---------- VERIFIED BADGE ---------- */
.verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: start;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  background: #1d9bf0;
  border-radius: 50%;
  margin-left: 5px;
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  flex-shrink: 0;
}.verified-badge svg {
  width: 11px;
  height: 11px;
  display: block;
}.profile-name .verified-badge {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  margin-left: 10px;
  top: -3px;
}.profile-name .verified-badge svg {
  width: 14px;
  height: 14px;
}/* ---------- MARKETPLACE ---------- */
.market-page {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 55px 28px 80px;
}.market-hero,
.dashboard-hero,
.my-listings-hero {
  background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.22), transparent 35%),
    linear-gradient(135deg, var(--surface), var(--surface-2));
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  box-shadow: var(--shadow);
}.eyebrow {
  margin: 0 0 8px;
  color: var(--primary);
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}.market-hero h1,
.dashboard-hero h1,
.my-listings-hero h1 {
  color: var(--text);
  font-size: 46px;
  margin: 0;
}.market-hero-subtitle,
.dashboard-hero p {
  max-width: 560px;
  color: var(--muted);
  font-size: 16px;
  margin: 12px 0 0;
}.sell-cta {
  background: var(--primary-dark);
  color: white;
  text-decoration: none;
  padding: 13px 18px;
  border-radius: 10px;
  font-weight: 900;
  white-space: nowrap;
}.sell-cta:hover {
  background: #1d4ed8;
}.market-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  gap: 16px;
  flex-wrap: wrap;
}#searchInput {
  width: 420px;
  max-width: 100%;
  height: 46px;
  margin: 0;
  padding: 0 15px;
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  outline: none;
}#searchInput::placeholder {
  color: var(--muted);
}#searchInput:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.14);
}.market-count {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 14px;
  display: flex;
  gap: 6px;
  align-items: baseline;
}.market-count strong {
  font-size: 18px;
}.market-count span {
  color: var(--muted);
  font-size: 13px;
}.filter-panel,
.trait-filters,
.price-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}.filter-chip,
#clearFilters {
  height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}.filter-chip {
  width: 34px;
  padding: 0;
}.filter-chip.active,
#clearFilters:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
}.filter-chip[data-filter="fly"].active {
  background: #4da3ff;
  border-color: #4da3ff;
}

.filter-chip[data-filter="ride"].active {
  background: #ff4d6d;
  border-color: #ff4d6d;
}

.filter-chip[data-filter="neon"].active {
  background: #87cf33;
  border-color: #87cf33;
}

.filter-chip[data-filter="mega"].active {
  background: #a855f7;
  border-color: #a855f7;
}#minPrice,
#maxPrice {
  width: 90px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  padding: 0 10px;
}/* ---------- CARDS + PET TAGS ---------- */
.market-grid {
  display: grid;
  grid-template-columns: repeat(7, 145px);
  gap: 18px;
  align-items: start;
  justify-content: start;
}.card-wrapper {
  width: 130px;
}.card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}.card,
.profile-card-small {
  width: 100%;
  height: 292px;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
  position: relative;
  z-index: 1;
}.card:hover {
  transform: translateY(-5px);
  z-index: 10;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.38);
}.image-wrapper {
  width: 100%;
  height: 100px;
  background: var(--input);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}.image-wrapper img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  display: block;
  margin: 0;
}.card-content {
  width: 100%;
  margin-top: 9px;
}.card h3 {
  color: var(--text);
  min-height: 34px;
  font-size: 15px;
  line-height: 1.1;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.card p,
.pet-meta {
  color: var(--muted);
  font-size: 11px;
  margin: 0;
}.pet-price {
  color: var(--success);
  font-size: 13px;
  font-weight: 900;
  margin: 4px 0 0;
}.pet-tags,
.pet-tags-bottom,
.cart-tags {
  position: absolute;
  display: flex;
  gap: 4px;
  align-items: center;
  z-index: 5;
}.pet-tags {
  right: 6px;
  bottom: 2px;
  width: 70px;
  height: 22px;
}.pet-tags-bottom {
  bottom: 8px;
  right: 8px;
}.tag {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--surface);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
}.tag.fly {
  background: #4da3ff;
}.tag.ride {
  background: #ff4d6d;
}.tag.neon {
  background: #87cf33;
}.tag.mega {
  background: #a855f7;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}.card-actions,
.listing-actions {
  width: 113%;
  margin-top: auto;
  padding: 8px 0 4px;
  display: flex;
  justify-content: center;
  gap: 2px;
}.add-btn,
.buy-btn,
.in-cart-btn,
.remove-btn,
.edit-listing-btn,
.delete-listing-btn {
  width: 64px;
  height: 25px;
  border-radius: 4px;
  font-size: 9.5px;
  line-height: 1;
  padding: 0 4px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}.add-btn {
  background: var(--primary);
}.add-btn:hover {
  background: var(--primary-dark);
}.buy-btn {
  background: var(--success);
}.buy-btn:hover {
  background: #16a34a;
}.in-cart-btn {
  background: #16a34a;
  position: relative;
}.remove-btn,
.delete-listing-btn {
  background: var(--danger);
}.remove-btn:hover,
.delete-listing-btn:hover {
  background: #dc2626;
}.edit-listing-btn {
  background: var(--primary);
}.edit-listing-btn:hover {
  background: var(--primary-dark);
}.in-cart-btn .hover-text,
.in-cart-btn span.hover {
  display: none;
}.in-cart-btn:hover .default-text,
.in-cart-btn:hover span.default {
  display: none;
}.in-cart-btn:hover .hover-text,
.in-cart-btn:hover span.hover {
  display: inline;
}.in-cart-btn:hover {
  background: var(--danger);
}.seller-mini {
  width: 100%;
  border-top: 1px solid var(--border);
  padding-top: 7px;
  margin-top: 4px;
}.seller-mini span {
  display: block;
  font-size: 10px;
  color: var(--muted);
}.seller-mini strong {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}.seller-link {
  color: var(--primary);
  font-size: 11px;
  margin-top: 8px;
  text-decoration: none;
  font-weight: 900;
}.seller-link:hover {
  text-decoration: underline;
}/* ---------- LANDING PAGE ---------- */
.landing-hero {
  position: relative;
  height: 620px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url("/images/hero-marketplace.png")
    center center/cover no-repeat;
  overflow: hidden;
}.landing-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
      rgba(0,0,0,.55),
      rgba(0,0,0,.7)
    );
  backdrop-filter: blur(3px);
}.landing-content {
  position: relative;
  z-index: 5;
  max-width: 900px;
  padding: 20px;
}.landing-content h1 {
  font-size: 58px;
  line-height: 1.05;
  margin-bottom: 20px;
}.landing-content p {
  font-size: 19px;
  color: #cbd5e1;
  max-width: 680px;
  margin: 0 auto 32px;
}.landing-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}.landing-btn,
.success-primary,
.success-secondary {
  padding: 14px 18px;
  border-radius: 12px;
  font-weight: 900;
  text-decoration: none;
}.landing-btn.primary,
.success-primary {
  background: var(--primary);
  color: white;
}.landing-btn.secondary,
.success-secondary {
  background: var(--surface-soft);
  color: var(--text);
  border: 1px solid var(--border);
}.landing-section {
  padding: 60px 24px;
  max-width: 1100px;
  margin: 0 auto;
}.landing-section h2 {
  text-align: center;
  font-size: 34px;
  margin-bottom: 28px;
}.landing-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}.landing-card p {
  color: var(--muted);
}/* ---------- SELL PAGE ---------- */
.sell-body {
  background: var(--bg);
  color: var(--text);
}.sell-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 55px 24px;
}.sell-hero {
  text-align: center;
  margin-bottom: 34px;
}.sell-hero .eyebrow {
  color: #38bdf8;
}.sell-hero h1 {
  font-size: 46px;
  margin: 10px 0;
}.sell-hero p {
  color: var(--muted);
  font-size: 17px;
}.sell-pro-layout {
  display: grid;
  grid-template-columns: 1fr 0.95fr;
  gap: 28px;
  align-items: stretch;
}.sell-pro-card,
.listing-preview-pro,
.sell-card {
  background: linear-gradient(180deg, var(--surface), var(--surface-2));
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: var(--shadow);
}.form-section-title h2 {
  margin: 0;
  font-size: 28px;
}.form-section-title p,
.sell-subtitle {
  margin: 8px 0 24px;
  color: var(--muted);
}.sell-label,
.sell-card label {
  display: block;
  margin: 18px 0 8px;
  font-weight: 900;
  color: #e5e7eb;
}.sell-input,
.sell-card select,
.sell-card input {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--input);
  color: white;
  padding: 0 14px;
  outline: none;
}.sell-input:focus,
.sell-card select:focus,
.sell-card input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12);
}.traits,
.traits-pro {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin: 18px 0;
}.trait-pill {
  height: 38px;
  border-radius: 12px;
  background: var(--input);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.18s ease;
  user-select: none;
  color: #cbd5e1;
  font-weight: 900;
}.trait-pill input {
  display: none;
}.trait-pill span {
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-weight: 900;
}.trait-pill:hover {
  transform: translateY(-1px);
}.trait-pill:has(input:checked) {
  border-color: #38bdf8;
  background: rgba(56, 189, 248, 0.13);
  color: white;
}.trait-pill.fly:has(input:checked) {
  background: #429cfd;
}.trait-pill.ride:has(input:checked) {
  background: #ff4d6d;
}.trait-pill.neon:has(input:checked) {
  background: #87cf33;
}.trait-pill.mega:has(input:checked) {
  background: #a855f7;
}.sell-btn,
.sell-btn-pro {
  margin-top: 24px;
  width: 100%;
  height: 52px;
  border-radius: 14px;
  background: var(--primary-dark);
  color: white;
  font-weight: 900;
  font-size: 15px;
}.sell-btn:hover,
.sell-btn-pro:hover {
  background: #1d4ed8;
}.preview-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  color: #38bdf8;
  font-weight: 900;
}.preview-image-box {
  height: 420px;
  border-radius: 20px;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.14), rgba(15, 23, 42, 0.8));
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}.preview-image-box img {
  width: 215px;
  height: 215px;
  max-width: none;
  max-height: none;
  object-fit: contain;
}.listing-preview-pro h2 {
  font-size: 28px;
  margin: 0 0 8px;
}.listing-preview-pro p {
  color: var(--muted);
  margin-bottom: 18px;
}.preview-tag {
  position: absolute;
  bottom: 108px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  z-index: 20;
}/* Shared N/M slot, then F, then R */

#previewMega {
  border-radius: 4px;
}#previewNeon,
#previewFly,
#previewRide {
  border-radius: 50%;
}/* ---------- CART ---------- */
.cart-page {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: start;
}.cart-items-box,
.cart-summary {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 20px;
  box-shadow: var(--shadow);
}.cart-summary {
  position: sticky;
  top: 20px;
}.cart-summary h2 {
  margin: 0 0 15px;
  font-size: 20px;
}.summary-row,
.summary-total {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}.summary-row {
  color: #cbd5e1;
}.summary-divider {
  height: 1px;
  background: var(--border);
  margin: 12px 0;
}.summary-total {
  font-size: 18px;
  font-weight: 900;
}.checkout-btn {
  width: 100%;
  margin-top: 15px;
  padding: 12px;
  border-radius: 10px;
  background: var(--primary-dark);
  color: white;
  font-weight: 900;
}.checkout-btn:hover {
  background: #1d4ed8;
}.cart-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}.cart-card,
.cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  transition: 0.18s ease;
}.cart-card:hover,
.cart-item:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.06);
}.cart-image-wrap {
  position: relative;
  min-width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}.cart-image,
.cart-img,
.cart-item img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}.cart-tags {
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}.cart-info,
.cart-middle {
  flex: 1;
  min-width: 0;
}.cart-info h3,
.cart-middle h3 {
  margin: 0 0 4px;
}.cart-info p,
.cart-middle p {
  margin: 0;
  color: var(--muted);
}.cart-actions,
.cart-right {
  display: flex;
  gap: 8px;
  align-items: center;
}.cart-actions button,
.cart-right button {
  background: var(--surface-soft);
  color: white;
}.cart-actions button:hover,
.cart-right button:hover {
  background: #334155;
}.toast,
.popup,
.alert,
.message-box,
.success-popup,
.error-popup,
.cart-popup,
.notification-popup {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: #111827;
  color: #ffffff;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s ease;
  z-index: 99999;
}.toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(-10px);
}/* ---------- AUTH ---------- */
.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b1220;
  padding: 24px;
}.auth-card {
  width: 380px;
  max-width: 100%;
  background: linear-gradient(180deg, var(--surface), var(--surface-2));
  border: 1px solid var(--border);
  padding: 30px;
  border-radius: 18px;
  box-shadow: var(--shadow);
  text-align: center;
}.auth-card h1 {
  color: white;
  margin-bottom: 5px;
}.auth-card p {
  margin-bottom: 20px;
  color: var(--muted);
}.auth-card input,
.auth-card textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #0b1220;
  color: white;
}.auth-card button {
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  background: var(--primary-dark);
  color: white;
  font-weight: 900;
}.auth-card a {
  display: block;
  margin-top: 12px;
  color: #60a5fa;
  text-decoration: none;
}/* ---------- DASHBOARD / ORDER FLOW ---------- */
.dashboard-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 28px 80px;
}.dashboard-actions,
.success-actions,
.purchase-actions,
.escrow-actions,
.dispute-actions,
.row-actions,
.modal-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}.dashboard-actions a,
.admin-message-btn,
.view-profile-btn,
.proof-link {
  background: var(--primary-dark);
  color: white;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 9px;
  font-weight: 900;
}.dashboard-stats {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}.dash-stat-card,
.dashboard-panel,
.empty-state,
.purchase-card,
.escrow-card,
.order-card,
.stat-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 18px;
}.dash-stat-card span,
.panel-header a,
.purchase-id,
.purchase-label,
.escrow-main p,
.escrow-instructions p,
.proof-note,
.empty-mini {
  color: var(--muted);
  font-size: 13px;
}.dash-stat-card strong {
  display: block;
  margin-top: 8px;
  font-size: 26px;
  color: var(--text);
}.dash-stat-card.warning strong {
  color: var(--warning);
}.dash-stat-card.danger strong {
  color: var(--danger);
}.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}.panel-header,
.admin-section-header,
.profile-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}.dashboard-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--border);
}.purchase-list,
.escrow-list,
.orders-list,
.review-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}.purchase-card {
  display: grid;
  grid-template-columns: 1fr 140px 140px;
  gap: 16px;
  align-items: center;
}.escrow-card {
  display: grid;
  grid-template-columns: 1.2fr 130px 1.4fr 190px;
  gap: 18px;
  align-items: center;
}.status-pill,
.badge,
.user-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  text-transform: capitalize;
}.status-pill.pending,
.badge.pending {
  background: rgba(245, 158, 11, 0.15);
  color: var(--warning);
}.status-pill.delivered {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
}.status-pill.completed,
.badge.completed {
  background: rgba(34, 197, 94, 0.15);
  color: var(--success);
}.status-pill.disputed,
.badge.disputed {
  background: rgba(239, 68, 68, 0.15);
  color: var(--danger);
}.confirm-btn,
.dispute-btn,
.danger-btn,
.warn-btn,
.btn {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  color: white;
  font-weight: 900;
  font-size: 12px;
}.confirm-btn,
.unban-btn {
  background: var(--success);
}.dispute-btn,
.danger-btn,
.ban-btn,
.delete-btn {
  background: var(--danger);
}.warn-btn {
  background: var(--warning);
  color: #111827;
}.proof-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}.proof-form input,
.proof-form textarea {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: 8px;
  padding: 9px;
  font-size: 12px;
}/* ---------- ADMIN ---------- */
.admin-body {
  background: #0b1220;
  color: white;
}.admin-layout {
  display: flex;
  min-height: 100vh;
}.admin-sidebar {
  width: 220px;
  background: #111827;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid var(--border);
}.admin-sidebar a {
  color: #cbd5e1;
  text-decoration: none;
  padding: 11px 12px;
  border-radius: 10px;
  font-size: 14px;
}.admin-sidebar a:hover {
  background: rgba(255, 255, 255, 0.07);
  color: white;
}.admin-main {
  flex: 1;
  padding: 28px;
}.admin-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}.admin-table {
  display: flex;
  flex-direction: column;
  gap: 10px;
}.admin-row {
  display: grid;
  grid-template-columns: 90px 1fr 150px 180px;
  align-items: center;
  gap: 16px;
  background: #111827;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
}.admin-row:hover {
  background: #151f31;
}.admin-id-badge {
  background: var(--surface);
  color: #93c5fd;
  padding: 8px 10px;
  border-radius: 10px;
  font-weight: 900;
  text-align: center;
  font-size: 14px;
}.row-info,
.row-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}.row-info span,
.row-meta {
  color: #cbd5e1;
  font-size: 13px;
}.status-active {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}.status-banned {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}/* ---------- MESSAGES ---------- */
.messages-body {
  background: #111318;
  overflow: hidden;
}.discord-layout {
  height: calc(100vh - 70px);
  display: grid;
  grid-template-columns: 320px 1fr;
}.discord-sidebar {
  background: #16181f;
  border-right: 1px solid var(--border);
  padding: 14px;
  overflow-y: auto;
}.discord-search {
  color: #f8fafc;
  padding: 13px;
  border-radius: 8px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 18px;
}.discord-section-title {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  margin: 12px 4px;
  text-transform: uppercase;
  letter-spacing: .04em;
}.discord-chat-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}.discord-chat-item {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 10px;
  align-items: center;
  color: inherit;
  text-decoration: none;
  padding: 9px;
  border-radius: 10px;

}.discord-avatar,
.discord-message-avatar,
.chat-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--primary-dark);
  object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: white;
}.discord-chat-text {
  min-width: 0;
}.discord-chat-text strong,
.discord-chat-header h2 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}.discord-chat-text p {
  margin: 3px 0 0;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}.unread-badge {
  background: var(--danger);
  color: white;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
}.discord-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}.discord-chat-header {
  min-height: 66px;
  padding: 0 20px;
  border-bottom: 1px solid var(--border);
  background: #111318;
  display: flex;
  align-items: center;
  gap: 12px;
}.discord-chat-header h2 {
  margin: 0;
  font-size: 19px;
}.discord-messages {
  flex: 1;
  overflow-y: auto;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}.discord-message {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}.discord-message.mine {
  flex-direction: row;
}.discord-message-meta {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 12px;
}.discord-message-content p {
  margin: 0;
  line-height: 1.45;
}.discord-attachment,
.chat-attachment {
  display: block;
  color: inherit;
  text-decoration: none;
  margin-top: 8px;
}.discord-attachment img,
.chat-attachment img {
  max-width: 240px;
  max-height: 180px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}.discord-composer {
  border-top: 1px solid var(--border);
  padding: 14px;
  background: #111318;
  display: flex;
  gap: 10px;
  align-items: flex-end;
}.discord-composer textarea,
.message-form-pro textarea {
  flex: 1;
  min-height: 46px;
  max-height: 120px;
  resize: vertical;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  outline: none;
}.discord-composer button,
.message-form-pro button {
  height: 46px;
  min-width: 86px;
  border-radius: 12px;
  background: var(--primary-dark);
  color: white;
  font-weight: 900;
}.discord-upload,
.file-upload-btn,
.custom-file-upload {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid var(--border);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  font-weight: 900;
}.discord-upload input,
.file-upload-btn input,
.custom-file-upload input {
  display: none;
}.discord-empty,
.empty-chat {
  margin: auto;
  text-align: center;
  color: var(--muted);
}/* ---------- PROFILE ---------- */
.profile-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 28px 80px;
}.profile-hero,
.profile-section,
.profile-edit-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
}.profile-hero {
  padding: 28px;
  display: grid;
  grid-template-columns: 150px 1fr auto;
  gap: 24px;
  align-items: center;
  margin-bottom: 22px;
}.profile-avatar-large,
.profile-pic {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--primary-dark);
}.profile-name {
  display: flex;
  align-items: center;
  font-size: 42px;
  margin: 0 0 8px;
}.founder-tag {
  display: inline-flex;
  width: fit-content;
  background: rgba(29, 155, 240, 0.14);
  color: #60a5fa;
  border: 1px solid rgba(29, 155, 240, 0.25);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 10px;
}.profile-roblox,
.profile-bio,
.profile-member,
.profile-section-header span {
  color: var(--muted);
}.profile-primary-btn {
  background: var(--primary-dark);
  color: white;
  padding: 12px 16px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 900;
}.profile-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}.profile-stats > div {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 18px;
}.profile-stats span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}.profile-stats strong {
  display: block;
  margin-top: 8px;
  font-size: 24px;
}.profile-section {
  padding: 22px;
  margin-bottom: 22px;
}.review-card {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
}.profile-edit-page {
  min-height: calc(100vh - 70px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 50px 24px;
}.profile-edit-card {
  width: 560px;
  max-width: 100%;
  padding: 28px;
}.profile-edit-card input,
.profile-edit-card textarea {
  width: 100%;
  background: var(--input);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
}.profile-upload-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-soft);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
}/* ---------- MODALS / SUCCESS ---------- */
.modal,
.proof-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}.modal.hidden,
.hidden {
  display: none;
}.modal-box,
.proof-modal-box,
.success-card {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 28px;
  box-shadow: var(--shadow);
}.success-page {
  min-height: calc(100vh - 70px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}.success-card {
  width: 100%;
  max-width: 520px;
  text-align: center;
}.success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.15);
  color: var(--success);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 900;
  margin: 0 auto 18px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1250px) {.market-grid {
  grid-template-columns: repeat(6, 145px);
}.dashboard-stats {
  grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 1050px) {.market-grid {
  grid-template-columns: repeat(4, 145px);
}.sell-pro-layout,
  .dashboard-grid,
  .cart-page {
  grid-template-columns: 1fr;
}.profile-hero {
  grid-template-columns: 120px 1fr;
}.profile-actions {
  grid-column: 1 / -1;
}.escrow-card,
  .purchase-card {
  grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {.main-nav,
  nav {
  padding: 16px 20px;
  align-items: flex-start;
}.nav-right {
  width: 100%;
  gap: 12px;
  flex-wrap: wrap;
}.market-page,
  .dashboard-page,
  .profile-page {
  padding: 28px 18px 60px;
}.market-hero,
  .dashboard-hero,
  .my-listings-hero {
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
}.market-hero h1,
  .dashboard-hero h1,
  .my-listings-hero h1,
  .sell-hero h1,
  .profile-name {
  font-size: 34px;
}.market-grid {
  grid-template-columns: repeat(2, 145px);
  justify-content: center;
}.landing-content h1 {
  font-size: 38px;
}.landing-cards,
  .profile-stats,
  .dashboard-stats,
  .admin-stats {
  grid-template-columns: 1fr;
}.discord-layout {
  grid-template-columns: 1fr;
}.discord-sidebar {
  display: none;
}.admin-layout {
  flex-direction: column;
}.admin-sidebar {
  width: 100%;
  flex-direction: row;
  overflow-x: auto;
}
}/* ==================================================
   FINAL CLEAN SAFE OVERRIDES
   Keep this as the only final override block.
   ================================================== */

/* Hide balance on create/edit listing nav */
.sell-body .nav-balance,
body:has(.sell-page) .nav-balance {
  display: none;
}/* Dropdown touches account/profile button */
.dropdown-content {
  top: calc(100% - 1px);
  margin-top: 0;
}/* Containers that hold pet badges */
.image-wrapper,
.cart-image-wrap,
.preview-image-box,
.profile-card-small .image-wrapper {
  position: relative;
}/* Universal Adopt Me-style badge shape/colors */
.tag {
  width: 19px;
  height: 19px;
  min-width: 19px;
  min-height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.4px;
  border: none;
  outline: none;
  text-shadow: none;
  -webkit-text-stroke: 0;
  box-shadow: 0 2px 3px rgba(0,0,0,0.35);
  padding: 0;
  transform: translateY(-1px);
}/* M is square. N/F/R are circles. */
.tag.mega {
  background: #a855f7;
  border-radius: 2.5px;
}.tag.neon {
  background: #7ed321;
  border-radius: 50%;
}.tag.fly {
  background: #4da3ff;
  border-radius: 50%;
}.tag.ride {
  background: #ff4d6d;
  border-radius: 50%;
}/* Marketplace + My Listings badges: RIGHT-PACKED */
.pet-tags,
.pet-tags-bottom {
  position: absolute;
  right: 18px;
  bottom: 4px;
  width: 64px;
  height: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  z-index: 50;
  transform: none;
}.pet-tags .tag,
.pet-tags-bottom .tag {
  position: static;
  left: auto;
  right: auto;
}/* Cart badges: RIGHT-PACKED */
.cart-tags {
  position: absolute;
  right: 8px;
  left: auto;
  bottom: -8px;
  width: 64px;
  height: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  z-index: 50;
  transform: none;
}.cart-tags .tag {
  position: static;
  left: auto;
  right: auto;
}/* Live preview image sizing */
.preview-image-box {
  height: 320px;
  position: relative;
}.preview-image-box img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}/* Live preview badges: RIGHT-PACKED */
.preview-pet-tags {
  position: absolute;
  right: 170px;
  left: auto;
  bottom: 87px;
  width: 88px;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  z-index: 80;
  transform: none;
}/* Preview badges are larger than marketplace badges */
.preview-pet-tags .tag,
#previewMega,
#previewNeon,
#previewFly,
#previewRide {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
  padding-bottom: 1px;
  position: static;
  left: auto;
  right: auto;
}/* Hidden preview tags must stay hidden */
.hidden-tag,
.preview-pet-tags .hidden-tag,
.preview-pet-tags .tag.hidden-tag,
#previewMega.hidden-tag,
#previewNeon.hidden-tag,
#previewFly.hidden-tag,
#previewRide.hidden-tag {
  display: none;
}.hidden-preview-img {
  display: none;
}/* Sell/Edit layout polish */
.sell-pro-layout {
  align-items: stretch;
}.sell-pro-card,
.listing-preview-pro {
  min-height: 100%;
}.traits,
.traits-pro {
  gap: 9px;
}.trait-pill {
  height: 38px;
}/* Admin disputed orders/users cleanup */
.admin-row,
.escrow-card,
.purchase-card {
  overflow: hidden;
}.admin-section .escrow-card {
  grid-template-columns: 90px 1.5fr 130px 220px;
  align-items: center;
}.admin-section .escrow-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}.escrow-card {
  display: grid;
  grid-template-columns: 320px 120px 1fr 360px;
  align-items: center;
  gap: 28px;
}.admin-section .escrow-actions a,
.admin-section .escrow-actions button {
  width: 100%;
  min-height: 42px;
  border-radius: 10px;
  text-align: center;
}.admin-row {
  grid-template-columns: 90px 1.6fr 120px 280px;
}.row-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}.row-actions button,
.row-actions form button {
  min-width: 70px;
  height: 34px;
  border-radius: 9px;
}

/* Responsive tag position tune */
@media (max-width: 720px) {.preview-pet-tags {
  right: 55px;
  bottom: 90px;
}
}.pet-search-wrapper {
  position: relative;
}.pet-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #0f172a;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  margin-top: 6px;
  padding: 10px;
  display: none;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  max-height: 320px;
  overflow-y: auto;
  z-index: 1000;
}.pet-result {
  cursor: pointer;
  border-radius: 10px;
  padding: 8px;
  text-align: center;
  transition: .15s;
}.pet-result:hover {
  background: rgba(255,255,255,0.06);
}.pet-result img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}.pet-result p {
  font-size: 12px;
  margin-top: 6px;
  color: white;
}/* FIX BUY MODAL CLICKING */
.modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  pointer-events: auto;
}.modal.hidden {
  display: none;
}.modal-box {
  position: relative;
  z-index: 1000000;
  pointer-events: auto;
}.modal-actions button {
  cursor: pointer;
  pointer-events: auto;
  padding: 8px 14px;
  border-radius: 8px;
  background: #2563eb;
  color: white;
  font-weight: 900;
}#cancelBuy {
  background: #374151;
}#confirmBuy {
  background: #2563eb;
}/* FIX PURCHASE HISTORY LAYOUT */
.purchase-card {
  display: grid;
  grid-template-columns: 1fr 150px 320px;
  gap: 24px;
  align-items: center;
  min-height: 150px;
}.review-success {
  width: 280px;
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
}.review-success h4 {
  margin-bottom: 6px;
}.review-success p {
  line-height: 1.4;
}.purchase-card > div {
  min-width: 0;
}.purchase-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}.purchase-actions a,
.purchase-actions button {
  width: 100%;
  min-height: 42px;
  border-radius: 10px;
  text-align: center;
}.purchase-card .status-pill {
  margin-left: 6px;
}.purchase-card p {
  margin: 6px 0;
}.purchase-card-fixed {
  grid-template-columns: 1fr 150px 280px;
  align-items: center;
}.purchase-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}.purchase-status {
  width: 120px;
  text-align: center;
}.status-row {
  display: flex;
  align-items: center;
  gap: 8px;
}.purchase-status .proof-link {
  width: auto;
  display: inline-flex;
}.purchase-disputed,
.proof-note {
  margin: 0;
  line-height: 1.25;
}.purchase-card-fixed {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 150px 310px;
  gap: 28px;
  align-items: center;
  min-height: 150px;
}.purchase-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}.status-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}.purchase-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}.purchase-actions form {
  width: 100%;
}.purchase-actions button,
.purchase-actions a,
.purchase-status .proof-link {
  width: 100%;
  min-height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}.purchase-disputed,
.proof-note,
.purchase-complete {
  margin: 0;
  line-height: 1.35;
}

@media (max-width: 900px) {.purchase-card-fixed {
  grid-template-columns: 1fr;
}
}.clean-proof-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}.proof-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 90px;
}.proof-preview {
  width: 170px;
  height: 90px;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
}.mini-upload-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--surface-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  cursor: pointer;
}.mini-upload-btn input {
  display: none;
}.clean-proof-form .confirm-btn {
  width: 90px;
  padding: 10px;
  font-size: 13px;
}/* FIX SELLER PENDING PROOF LAYOUT */
.escrow-actions {
  width: 360px;
  min-width: 360px;
}.clean-proof-form {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 14px;
  align-items: center;
  width: 100%;
}.proof-title {
  grid-column: 1 / -1;
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.2;
}.proof-left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}.mini-upload-btn {
  width: 42px;
  height: 42px;
  margin: 0 auto;
  background: transparent;
  border: none;
  color: white;
  font-size: 30px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}.mini-upload-btn input {
  display: none;
}.clean-proof-form .confirm-btn {
  width: 90px;
  min-height: 44px;
  padding: 8px;
  font-size: 12px;
  line-height: 1.15;
}.proof-preview {
  width: 210px;
  height: 90px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}.proof-preview.hidden {
  display: none;
}.proof-toast {
  position: fixed;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%) translateY(20px);
  background: #111827;
  color: white;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 18px 45px rgba(0,0,0,0.35);
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  transition: 0.22s ease;
  z-index: 999999;
}.proof-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}.notification-unread {
  border: 2px solid #4ea1ff;
  box-shadow: 0 0 10px rgba(78, 161, 255, 0.2);
}.profile-edit-preview {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 18px 0;
  border: 3px solid var(--primary-dark);
}.profile-upload-btn {
  margin-bottom: 14px;
}.profile-upload-btn input[type="file"] {
  margin-left: 14px;
  margin-bottom: 0;
}.profile-edit-card label {
  display: block;
  margin: 14px 0 6px;
  font-size: 15px;
  font-weight: 800;
}.profile-edit-preview {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 20px 0;
  border: 3px solid var(--primary-dark);
}.profile-edit-card input[type="file"] {
  padding: 10px;
  margin-bottom: 12px;
}.hidden-file-input {
  display: none;
}.upload-clean-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 12px 18px;
  margin: 8px 0 18px;
  border-radius: 12px;
  background: #2563eb;
  color: white;
  font-weight: 800;
  cursor: pointer;
  border: none;
}.upload-clean-btn:hover {
  background: #1d4ed8;
}.profile-edit-preview {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 20px 0;
  border: 3px solid #2f6df6;
  background: #0f172a;
}.edit-profile-avatar-row {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 22px 0;
}.profile-edit-preview {
  width: 110px;
  height: 110px;
  min-width: 110px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 3px solid #2f6df6;
  background: #0f172a;
}.edit-profile-upload-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}.edit-profile-label {
  font-size: 15px;
  font-weight: 800;
}.edit-upload-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 12px 18px;
  border-radius: 12px;
  background: #2563eb;
  color: white;
  font-weight: 800;
  cursor: pointer;
}.edit-upload-btn:hover {
  background: #1d4ed8;
}.edit-hidden-file {
  display: none;
}.account-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}.purchase-card-fixed {
  display: grid;
  grid-template-columns: 1fr 140px 300px;
  align-items: center;
  gap: 24px;
}.completed-panel {
  background: transparent;
  border-left: 1px solid rgba(148, 163, 184, 0.15);
  width: 260px;
  padding-left: 18px;
}.completed-title {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 18px;
}.completed-title h3 {
  margin: 0;
  font-size: 17px;
}.completed-title p {
  margin: 4px 0 0;
  color: #9fb0c8;
  font-size: 14px;
}.pro-review-form label {
  display: block;
  font-weight: 800;
  margin-bottom: 8px;
}.pro-review-form select,
.pro-review-form textarea {
  width: 100%;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: white;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}.pro-review-form textarea {
  min-height: 42px;
  resize: vertical;
}.submit-review-btn {
  width: 100%;
  border: none;
  border-radius: 10px;
  background: #2563eb;
  color: white;
  padding: 12px;
  font-weight: 900;
  cursor: pointer;
}.submit-review-btn:hover {
  background: #1d4ed8;
}.review-submitted {
  color: #22c55e;
  font-weight: 800;
}.rating-widget {
  margin-bottom: 12px;
}.star-rating {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}.star-rating button {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}.star-rating svg {
  width: 32px;
  height: 32px;
  fill: #475569;
  transition: all .15s ease;
}.star-rating button.active svg {
  fill: #facc15;
  filter: drop-shadow(0 0 6px rgba(250,204,21,.35));
}.star-rating button:hover svg {
  transform: scale(1.1);
}.rating-text {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 800;
  color: #93c5fd;
}.review-success-box {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #bbf7d0;
  border-radius: 14px;
  padding: 14px;
  animation: reviewPop 0.2s ease-out;
}.review-success-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #22c55e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}.review-success-box strong {
  display: block;
  font-size: 15px;
}.review-success-box p {
  margin: 3px 0 0;
  font-size: 13px;
  color: #86efac;
}@keyframes reviewPop {
  from {
    opacity: 0;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* PROFESSIONAL ADMIN DISPUTE CARDS */

.pro-dispute-card {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 18px;
  padding: 14px 20px;
  margin-bottom: 18px;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
}.pro-dispute-top {
  display: grid;
  grid-template-columns: 110px 1fr 110px 180px;
  gap: 12px;
  align-items: center;
}.pro-dispute-id {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(96, 165, 250, 0.14);
  border-radius: 14px;
  padding: 10px;
  text-align: center;
}.pro-dispute-id strong {
  display: block;
  color: #60a5fa;
  font-size: 22px;
}.pro-dispute-id span,
.pro-dispute-price span,
.pro-dispute-main p,
.pro-proof-box p,
.pro-dispute-footer span {
  color: #cbd5e1;
  font-size: 13px;
}.pro-dispute-main h3 {
  color: white;
  font-size: 18px;
  margin-bottom: 4px;
}.pro-dispute-main p {
  margin: 2px 0;
}.pro-dispute-main strong {
  color: white;
}.pro-dispute-price strong {
  display: block;
  color: white;
  font-size: 18px;
  margin-top: 4px;
}.pro-dispute-message-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}.pro-dispute-message-actions a {
  text-decoration: none;
  text-align: center;
  color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.45);
  background: rgba(37, 99, 235, 0.08);
  padding: 7px 10px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 900;
}.pro-dispute-middle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}.pro-proof-box {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}.pro-proof-box strong {
  color: white;
}.pro-proof-box a {
  text-decoration: none;
  color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.45);
  padding: 7px 12px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}.pro-dispute-decisions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.pro-dispute-decisions label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 900;
}.pro-dispute-decisions form:first-child label {
  color: #f87171;
}.pro-dispute-decisions form:last-child label {
  color: #f59e0b;
}.decision-line {
  display: grid;
  grid-template-columns: 1fr 130px;
  gap: 10px;
  align-items: center;
}.decision-line textarea {
  width: 100%;
  height: 34px;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: white;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 13px;
  resize: none;
  overflow: hidden;
  scrollbar-width: none;
}.decision-line textarea::-webkit-scrollbar {
  display: none;
}.decision-line textarea::-webkit-resizer {
  display: none;
}.decision-line textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59,130,246,.15);
}.pro-refund-btn,
.pro-release-btn {
  height: 34px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}.pro-refund-btn {
  background: transparent;
  color: #f87171;
  border: 1px solid #ef4444;
}.pro-release-btn {
  background: transparent;
  color: #f59e0b;
  border: 1px solid #f59e0b;
}.pro-dispute-footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  display: flex;
  align-items: center;
  gap: 14px;
}.pro-status-dot {
  color: #fb7185;
  border: 1px solid rgba(251, 113, 133, 0.7);
  background: rgba(239, 68, 68, 0.12);
  padding: 7px 12px;
  border-radius: 9px;
  font-weight: 900;
  font-size: 12px;
}

@media (max-width: 900px) {.pro-dispute-top,
  .pro-dispute-middle,
  .decision-line {
  grid-template-columns: 1fr;
}.pro-dispute-message-actions {
  flex-direction: row;
}
}.market-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(8px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}.market-modal.active {
  display: flex;
}.market-modal-box {
  width: 420px;
  background: #0f172a;
  border: 1px solid rgba(59,130,246,.2);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 30px 80px rgba(0,0,0,.5);
}.market-modal-box h2 {
  color: white;
  margin-bottom: 12px;
}.market-modal-box p {
  color: #94a3b8;
  margin-bottom: 25px;
  line-height: 1.6;
}.market-modal-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}.modal-cancel,
.modal-confirm {
  border: none;
  border-radius: 10px;
  padding: 12px 20px;
  font-weight: 700;
  cursor: pointer;
}.modal-cancel {
  background: #1e293b;
  color: white;
}.modal-confirm {
  background: #2563eb;
  color: white;
}.pro-withdrawal-card {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 16px;
  padding: 14px 18px;
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: 1fr 130px 110px 300px;
  align-items: center;
  gap: 16px;
}.withdrawal-left {
  display: flex;
  align-items: center;
  gap: 14px;
}.withdrawal-left h3 {
  color: white;
  margin: 0 0 4px;
  font-size: 17px;
}.withdrawal-left p {
  color: #cbd5e1;
  margin: 2px 0;
  font-size: 13px;
}.withdrawal-amount span {
  color: #94a3b8;
  font-size: 12px;
}.withdrawal-amount strong {
  display: block;
  color: white;
  font-size: 18px;
}.withdrawal-status {
  text-align: center;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}.withdrawal-status.pending {
  color: #facc15;
  background: rgba(250, 204, 21, 0.12);
  border: 1px solid rgba(250, 204, 21, 0.35);
}.withdrawal-status.approved {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.35);
}.withdrawal-status.denied {
  color: #f87171;
  background: rgba(248, 113, 113, 0.12);
  border: 1px solid rgba(248, 113, 113, 0.35);
}.withdrawal-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}.withdrawal-actions form {
  display: grid;
  grid-template-columns: 1fr 82px;
  gap: 8px;
}.withdrawal-actions input {
  height: 34px;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: white;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 13px;
}.withdraw-approve-btn,
.withdraw-deny-btn {
  height: 34px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  background: transparent;
}.withdraw-approve-btn {
  color: #22c55e;
  border: 1px solid #22c55e;
}.withdraw-deny-btn {
  color: #f87171;
  border: 1px solid #ef4444;
}/* PRO ADMIN LOGS */

.pro-log-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}.pro-log-card {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 16px;
  padding: 14px 18px;
  display: grid;
  grid-template-columns: 150px 1fr 140px 140px;
  align-items: center;
  gap: 16px;
}.log-time strong,
.log-main strong,
.log-users strong {
  color: white;
  font-size: 14px;
}.log-time span,
.log-main p,
.log-users span {
  color: #94a3b8;
  font-size: 12px;
}.log-main p {
  margin: 4px 0 0;
}/* BETTER ADMIN SIDEBAR LINKS */

.admin-sidebar a {
  display: block;
  padding: 12px 14px;
  margin: 6px 0;
  border-radius: 10px;
  color: #cbd5e1;
  text-decoration: none;
  font-weight: 700;
}.admin-sidebar a:hover {
  background: rgba(59, 130, 246, 0.14);
  color: #60a5fa;
}

/* WITHDRAWALS MOBILE/FIT FIX */

@media (max-width: 1100px) {.pro-withdrawal-card,
  .pro-log-card {
  grid-template-columns: 1fr;
}
}.admin-user-row {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 16px;
  padding: 14px 18px;
  margin-bottom: 12px;
}.admin-user-row .row-actions {
  gap: 10px;
}.admin-user-row button {
  height: 34px;
  min-width: 76px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
}.verify-btn {
  background: transparent;
  color: #60a5fa;
  border: 1px solid #3b82f6;
}.toggle-ban-btn {
  background: transparent;
  color: #f59e0b;
  border: 1px solid #f59e0b;
}.delete-user-btn,
.delete-btn {
  background: transparent;
  color: #f87171;
  border: 1px solid #ef4444;
}/* SELLER ANALYTICS */

.seller-analytics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}.analytics-card {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 16px;
  padding: 18px;
}.analytics-card span {
  color: #94a3b8;
  font-size: 13px;
}.analytics-card strong {
  display: block;
  color: white;
  font-size: 26px;
  margin-top: 8px;
}.analytics-card.success strong {
  color: #22c55e;
}.analytics-card.warning strong {
  color: #f59e0b;
}.analytics-card.danger strong {
  color: #f87171;
}.analytics-panel {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 16px;
}.analytics-sale-row {
  display: grid;
  grid-template-columns: 1fr 120px 120px 110px;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}.analytics-sale-row span {
  display: block;
  color: #94a3b8;
  font-size: 12px;
}.analytics-sale-row strong {
  color: white;
}

@media (max-width: 900px) {.seller-analytics-grid,
  .analytics-sale-row {
  grid-template-columns: 1fr;
}
}.admin-search-input {
  width: 100%;
  height: 42px;
  margin: 12px 0 18px;
  background: #0f172a;
  border: 1px solid rgba(96, 165, 250, 0.22);
  color: white;
  border-radius: 12px;
  padding: 0 14px;
  font-size: 14px;
}.admin-search-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}.freeze-btn {
  background: transparent;
  color: #a78bfa;
  border: 1px solid #8b5cf6;
  height: 34px;
  min-width: 86px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}.trust-score-card small {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
}.trust-score-card.excellent strong,
.trust-score-card.excellent small {
  color: #22c55e;
}.trust-score-card.good strong,
.trust-score-card.good small {
  color: #f59e0b;
}.trust-score-card.danger strong,
.trust-score-card.danger small {
  color: #ef4444;
}/* FINAL CLEAN PURCHASE HISTORY CARDS */

.purchase-card-fixed {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 18px;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 130px minmax(300px, 360px);
  gap: 26px;
  align-items: center;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
}.purchase-info h3 {
  color: white;
  font-size: 22px;
  margin: 6px 0;
}.purchase-info p {
  color: #cbd5e1;
  font-size: 14px;
}.purchase-id {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 900;
}.purchase-price {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(96, 165, 250, 0.14);
  border-radius: 14px;
  padding: 14px;
  text-align: center;
}.purchase-price strong {
  color: white;
  font-size: 20px;
}.purchase-status {
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  padding: 14px;
  width: 100%;
}.status-row {
  justify-content: space-between;
  width: 100%;
}.completed-panel {
  width: 100%;
  border-left: none;
  padding-left: 0;
}.review-submitted {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #86efac;
  border-radius: 12px;
  padding: 12px;
  font-weight: 900;
  text-align: center;
}.pro-review-form textarea {
  resize: none;
  min-height: 58px;
}.submit-review-btn,
.confirm-btn,
.dispute-btn {
  height: 38px;
  border-radius: 10px;
  font-size: 13px;
}

@media (max-width: 950px) {.purchase-card-fixed {
  grid-template-columns: 1fr;
}.purchase-price {
  text-align: left;
}
}/* CLEAN PURCHASE HISTORY */

.purchase-history-hero {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
}.purchase-hero-icon {
  width: 62px;
  height: 62px;
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}.purchase-history-hero h1 {
  color: white;
  font-size: 34px;
  margin: 0 0 6px;
}.purchase-history-hero p {
  color: #94a3b8;
  margin: 0;
}.clean-purchase-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}.clean-purchase-card {
  background: linear-gradient(145deg, #111827, #0f172a);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 18px;
  padding: 16px 22px;
  display: grid;
  grid-template-columns: 1.5fr 160px 160px 260px;
  align-items: center;
  gap: 22px;
  min-height: 118px;
}.clean-purchase-main {
  display: flex;
  align-items: center;
  gap: 16px;
}.clean-pet-thumb {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(96, 165, 250, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60a5fa;
  font-size: 30px;
  font-weight: 900;
}.clean-order-id {
  color: #93c5fd;
  font-size: 13px;
  font-weight: 900;
}.clean-purchase-main h3 {
  color: white;
  font-size: 21px;
  margin: 6px 0;
}.clean-purchase-main p {
  color: #cbd5e1;
  margin: 0;
  font-size: 14px;
}.clean-purchase-price,
.clean-purchase-status {
  border-left: 1px solid rgba(148, 163, 184, 0.18);
  padding-left: 24px;
}.clean-purchase-price span,
.clean-purchase-status span {
  color: #94a3b8;
  font-size: 13px;
  display: block;
  margin-bottom: 7px;
}.clean-purchase-price strong {
  color: white;
  font-size: 20px;
}.clean-purchase-action {
  display: flex;
  justify-content: flex-end;
}.clean-review-submitted {
  width: 210px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(34, 197, 94, 0.45);
  background: rgba(34, 197, 94, 0.12);
  color: #86efac;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}.clean-purchase-card .pro-review-form {
  width: 240px;
}.clean-purchase-card .pro-review-form textarea {
  min-height: 42px;
  resize: none;
}

@media (max-width: 1000px) {.clean-purchase-card {
  grid-template-columns: 1fr;
}.clean-purchase-price,
  .clean-purchase-status {
  border-left: none;
  padding-left: 0;
}.clean-purchase-action {
  justify-content: flex-start;
}
}.clean-pet-thumb {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(96, 165, 250, 0.18);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}.clean-pet-thumb img {
  width: 82%;
  height: 82%;
  object-fit: contain;
}.pending-proof-form {
  display: flex;
  align-items: center;
  gap: 14px;
}.pending-proof-title {
  display: none;
}.pending-proof-row {
  display: flex;
  align-items: center;
  gap: 10px;
}.pending-proof-form .proof-preview {
  width: 90px;
  height: 90px;
  object-fit: contain;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(96, 165, 250, 0.25);
  border-radius: 10px;
  padding: 4px;
  margin-left: auto;
  flex-shrink: 0;
}.pending-order-card {
  grid-template-columns: 2fr 170px 220px 240px;
}/* CINEMATIC HOME PAGE POLISH */

body {
  background: radial-gradient(circle at top, rgba(37,99,235,.14), transparent 35%),
    #0b1220;
}.landing-hero {
  min-height: 620px;
  border-bottom: 1px solid rgba(96,165,250,.16);
}.landing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(37,99,235,.18), transparent 28%),
    linear-gradient(to bottom, rgba(2,6,23,.2), rgba(2,6,23,.85));
  z-index: 2;
  pointer-events: none;
}.landing-overlay {
  z-index: 1;
}.landing-content {
  z-index: 5;
}.landing-content h1 {
  font-size: clamp(42px, 5vw, 76px);
  letter-spacing: -2px;
}.landing-content p {
  color: #dbeafe;
  font-size: clamp(15px, 1.4vw, 22px);
}.landing-btn {
  box-shadow: 0 12px 30px rgba(0,0,0,.3);
}.landing-btn.primary {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}.landing-btn.secondary {
  background: rgba(15,23,42,.8);
  border: 1px solid rgba(148,163,184,.25);
}/* PRO HOW IT WORKS SECTION */

.pro-how-section {
  position: relative;
  padding: 80px 40px 95px;
  background: radial-gradient(circle at center top, rgba(37,99,235,.18), transparent 35%),
    linear-gradient(180deg, #0b1220, #080d18);
  overflow: hidden;
}.pro-how-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(96,165,250,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96,165,250,.04) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
}.how-header {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 760px;
  margin: 0 auto 34px;
}.how-eyebrow {
  color: #60a5fa;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
}.how-header h2 {
  color: white;
  font-size: clamp(30px, 3vw, 46px);
  margin: 12px 0;
}.how-header p {
  color: #94a3b8;
  font-size: 17px;
}.pro-how-cards {
  position: relative;
  z-index: 2;
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}.pro-how-card {
  background: linear-gradient(145deg, rgba(30,41,59,.92), rgba(15,23,42,.92));
  border: 1px solid rgba(96,165,250,.18);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 22px 45px rgba(0,0,0,.24);
}.how-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 18px;
}.pro-how-card span {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}.pro-how-card h3 {
  color: white;
  margin: 8px 0 10px;
  font-size: 20px;
}.pro-how-card p {
  color: #cbd5e1;
  line-height: 1.55;
}

@media (max-width: 900px) {.pro-how-cards {
  grid-template-columns: 1fr;
}.landing-hero {
  min-height: 520px;
}
}/* HOME PAGE DARK GOLD THEME */

.home-body {
  background: #05070d;
}.home-body .main-nav {
  background: rgba(5, 7, 13, 0.94);
  border-bottom: 1px solid rgba(245, 158, 11, 0.18);
}.home-body .main-nav a:hover {
  color: #fbbf24;
}.home-body .landing-hero {
  height: calc(100vh - 72px);
  min-height: 520px;
  max-height: 620px;
  background-position: center center;
  border-bottom: 1px solid rgba(245, 158, 11, 0.18);
}.home-body .landing-overlay {
  background: linear-gradient(
      rgba(0, 0, 0, 0.62),
      rgba(0, 0, 0, 0.82)
    );
  backdrop-filter: blur(2px);
}.home-body .landing-hero::before {
  background: radial-gradient(circle at center, rgba(245, 158, 11, 0.18), transparent 28%),
    linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.92));
}.home-body .landing-content h1 {
  font-size: clamp(42px, 4.4vw, 64px);
  color: #fff7ed;
}.home-body .landing-content p {
  color: #fde68a;
  font-size: clamp(15px, 1.15vw, 18px);
}.home-body .landing-btn.primary {
  background: linear-gradient(135deg, #f59e0b, #b45309);
  color: white;
  box-shadow: 0 14px 34px rgba(245, 158, 11, 0.22);
}.home-body .landing-btn.secondary {
  background: rgba(12, 10, 8, 0.82);
  border: 1px solid rgba(245, 158, 11, 0.32);
  color: #fef3c7;
}.home-body .pro-how-section {
  padding: 42px 40px 55px;
  background: radial-gradient(circle at center top, rgba(245, 158, 11, 0.12), transparent 34%),
    linear-gradient(180deg, #070910, #05070d);
}.home-body .how-eyebrow,
.home-body .pro-how-card span {
  color: #fbbf24;
}.home-body .how-header h2 {
  color: #fff7ed;
  font-size: clamp(28px, 2.4vw, 38px);
}.home-body .how-header p {
  color: #d6d3d1;
}.home-body .pro-how-card {
  background: linear-gradient(145deg, rgba(18, 20, 28, .96), rgba(7, 9, 16, .96));
  border: 1px solid rgba(245, 158, 11, 0.18);
  box-shadow: 0 18px 38px rgba(0,0,0,.34);
}.home-body .how-icon {
  background: linear-gradient(135deg, #f59e0b, #92400e);
}/* GOLD + BLACK THEME */

body {
  background: radial-gradient(circle at top, #17120b, #050505 45%);
}.main-nav,
nav {
  background: rgba(10,10,10,.95);
  border-bottom: 1px solid rgba(214,168,79,.18);
  backdrop-filter: blur(14px);
}.logo,
.main-nav h2 {
  color: #f8f8f8;
}.main-nav a:hover,
nav a:hover {
  color: #d6a84f;
}/* cards */

.card,
.purchase-card,
.escrow-card,
.profile-section,
.dashboard-panel,
.dash-stat-card,
.cart-summary,
.cart-items-box,
.landing-card,
.stat-card {
  background: linear-gradient(
      180deg,
      #121212,
      #090909
    );
  border: 1px solid rgba(214,168,79,.15);
  box-shadow: 0 20px 45px rgba(0,0,0,.55);
}.card:hover {
  border-color: rgba(214,168,79,.45);
  box-shadow: 0 0 30px rgba(214,168,79,.20);
  transform: translateY(-6px);
}/* buttons */

.sell-cta,
.add-btn,
.edit-listing-btn,
.checkout-btn,
.submit-review-btn,
.confirm-btn,
.profile-primary-btn {
  background: linear-gradient(
      180deg,
      #e0bc6a,
      #b8862f
    );
  color: #111;
}.sell-cta:hover,
.add-btn:hover,
.checkout-btn:hover,
.confirm-btn:hover {
  background: linear-gradient(
      180deg,
      #f0ca78,
      #c9973c
    );
}/* green buy buttons */

.buy-btn {
  background: linear-gradient(
      180deg,
      #20d764,
      #17a34a
    );
}/* blue seller links -> gold */

.seller-link,
.rating-text,
.market-count strong,
.eyebrow {
  color: #d6a84f;
}/* inputs */

input,
textarea,
select {
  background: #080808;
  border: 1px solid rgba(214,168,79,.12);
}input:focus,
textarea:focus,
select:focus {
  border-color: rgba(214,168,79,.7);
  box-shadow: 0 0 15px rgba(214,168,79,.15);
}/* badges */

.status-pill.completed {
  background: rgba(214,168,79,.18);
  color: #f1c96a;
}/* homepage cards */

.landing-card {
  transition: .25s;
}.landing-card:hover {
  transform: translateY(-8px);
  border-color: rgba(214,168,79,.45);
  box-shadow: 0 0 30px rgba(214,168,79,.20);
}.landing-content h1 {
  text-shadow: 0 0 30px rgba(214,168,79,.25);
}.landing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle,
      rgba(214,168,79,.15),
      transparent 70%
    );
  pointer-events: none;
}/* keep account dropdown above cards */
.dropdown,
.account-dropdown,
.nav-right {
  position: relative;
  z-index: 99999;
}.dropdown-content {
  z-index: 100000;
}/* keep cards below navbar/dropdowns */
.market-grid,
.card-wrapper,
.card {
  z-index: 1;
}.card:hover {
  z-index: 2;
}/* make marketplace cards cleaner */
.card {
  background: linear-gradient(180deg, #101010, #070707);
  border: 1px solid rgba(214, 168, 79, 0.16);
}.card:hover {
  border-color: rgba(214, 168, 79, 0.45);
  box-shadow: 0 0 26px rgba(214, 168, 79, 0.18);
}/* replace green price with gold */
.pet-price {
  color: #d6a84f;
}/* make Add to Cart gold */
.add-btn {
  background: linear-gradient(180deg, #e0bc6a, #b8862f);
  color: #111;
}/* make Buy button darker / less green */
.buy-btn {
  background: linear-gradient(180deg, #1f2937, #111827);
  border: 1px solid rgba(214, 168, 79, 0.22);
  color: #f8fafc;
}.buy-btn:hover {
  background: linear-gradient(180deg, #d6a84f, #b8862f);
  color: #111;
}/* smaller verified badge on cards */
.seller-mini .verified-badge,
.card .verified-badge {
  width: 13px;
  height: 13px;
  min-width: 13px;
  min-height: 13px;
  margin-left: 4px;
}.seller-mini .verified-badge svg,
.card .verified-badge svg {
  width: 8px;
  height: 8px;
}/* marketplace hero darker gold */
.market-hero {
  background: radial-gradient(circle at right, rgba(214, 168, 79, 0.14), transparent 36%),
    linear-gradient(135deg, #0a0a0a, #111111);
  border: 1px solid rgba(214, 168, 79, 0.16);
}.market-hero .eyebrow {
  color: #d6a84f;
}.market-hero-subtitle {
  color: #c8b98c;
}

/* better wide screens */
@media (min-width: 1550px) {.market-grid {
  grid-template-columns: repeat(7, 165px);
  max-width: 1320px;
}.market-hero,
  .market-toolbar {
  max-width: 1320px;
}
}

/* make marketplace look less empty on big screens */
@media (min-width: 1500px) {.market-page {
  max-width: 1250px;
}.market-grid {
  grid-template-columns: repeat(8, 135px);
}
}.market-stats-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 0 auto 20px;
}.market-stat-card {
  background: linear-gradient(180deg, #101010, #070707);
  border: 1px solid rgba(214, 168, 79, 0.16);
  border-radius: 14px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 15px 35px rgba(0,0,0,.35);
}.market-stat-card strong {
  display: block;
  color: #d6a84f;
  font-size: 24px;
  margin-bottom: 4px;
}.market-stat-card span {
  color: #b4a67d;
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 800px) {.market-stats-bar {
  grid-template-columns: repeat(2, 1fr);
}
}/* ==================================================
   MARKETPLACE ONLY — REFERENCE MATCH FINAL
   Requires: <body class="marketplace-body" data-userid="<%= user ? user.id : -1 %>">
   This block is scoped so it does not restyle admin, messages, profile, etc.
   ================================================== */

body.marketplace-body {
  background: radial-gradient(circle at top center, rgba(214, 168, 79, 0.075), transparent 30%),
    radial-gradient(circle at 50% 420px, rgba(214, 168, 79, 0.045), transparent 24%),
    #030303;
  color: #f8f8f8;
}/* reference nav */
body.marketplace-body .main-nav {
  position: relative;
  height: 72px;
  min-height: 72px;
  padding: 0 32px;
  background: rgba(4, 4, 4, 0.96);
  border-bottom: 1px solid rgba(214, 168, 79, 0.22);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}body.marketplace-body .main-nav .nav-left {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}body.marketplace-body .logo,
body.marketplace-body .gold-logo {
  font-size: 26px;
  font-weight: 950;
  line-height: 1;
  color: #ffffff;
  letter-spacing: -1.1px;
  text-decoration: none;
}body.marketplace-body .logo::first-letter,
body.marketplace-body .gold-logo::first-letter {
  color: #ffffff;
}body.marketplace-body .gold-logo span {
  color: #d6a84f;
}body.marketplace-body .main-nav .nav-right {
  position: static;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: auto;
}body.marketplace-body .main-nav .nav-right > a {
  position: relative;
  min-height: 46px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 13px;
  color: #f5f5f5;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid transparent;
}body.marketplace-body .main-nav .nav-right > a[href="/"]::before {
  content: "⌂";
  font-size: 17px;
  opacity: 0.95;
}body.marketplace-body .main-nav .nav-right > a[href="/marketplace"]::before {
  content: "▦";
  font-size: 15px;
  opacity: 0.95;
}body.marketplace-body .main-nav .nav-right > a[href="/cart"]::before {
  content: "🛒";
  font-size: 14px;
  filter: grayscale(1) brightness(1.5);
}body.marketplace-body .main-nav .nav-right > a[href="/marketplace"] {
  color: #f3c768;
  background: linear-gradient(180deg, rgba(214, 168, 79, 0.13), rgba(214, 168, 79, 0.035));
  border: 1px solid rgba(214, 168, 79, 0.26);
  box-shadow: 0 15px 30px rgba(214, 168, 79, 0.13),
    inset 0 1px 0 rgba(255,255,255,0.05);
}body.marketplace-body .main-nav .nav-right > a[href="/marketplace"]::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: -2px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #f3c768, transparent);
  box-shadow: 0 0 15px rgba(243, 199, 104, 0.9);
}body.marketplace-body .main-nav .dropdown {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100000;
}body.marketplace-body .account-nav-btn {
  height: 42px;
  min-height: 42px;
  padding: 0 16px;
  background: #070707;
  color: #ffffff;
  border: 1px solid rgba(214, 168, 79, 0.32);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}body.marketplace-body .account-dot {
  background: #22c55e;
  box-shadow: 0 0 10px rgba(34,197,94,0.75);
}body.marketplace-body .dropdown-content {
  right: 0;
  top: calc(100% + 0px);
  background: #080808;
  border: 1px solid rgba(214,168,79,0.26);
  box-shadow: 0 24px 70px rgba(0,0,0,0.75);
  z-index: 100001;
}/* marketplace page frame */
body.marketplace-body .market-page {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 32px 24px 90px;
}/* hero reference */
body.marketplace-body .market-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 184px;
  margin: 0 0 18px;
  padding: 36px 46px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: radial-gradient(circle at 74% 45%, rgba(214,168,79,0.13), transparent 27%),
    radial-gradient(circle at 86% 78%, rgba(243,199,104,0.16), transparent 20%),
    linear-gradient(90deg, #111111 0%, #11100c 54%, #211908 100%);
  border: 1px solid rgba(214,168,79,0.42);
  box-shadow: 0 24px 70px rgba(0,0,0,0.56),
    inset 0 1px 0 rgba(255,255,255,0.06);
}body.marketplace-body .market-hero::before {
  content: "";
  position: absolute;
  right: 210px;
  top: 13px;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  border: 3px solid rgba(214,168,79,0.075);
  box-shadow: 44px 0 0 rgba(214,168,79,0.045),
    -44px 0 0 rgba(214,168,79,0.045),
    0 44px 0 rgba(214,168,79,0.045),
    0 -44px 0 rgba(214,168,79,0.035);
  opacity: 0.9;
}body.marketplace-body .market-hero::after {
  content: "";
  position: absolute;
  right: 270px;
  bottom: -1px;
  width: 340px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #f5d179, transparent);
  box-shadow: 0 0 28px rgba(245,209,121,0.95);
}body.marketplace-body .market-hero .eyebrow {
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  color: #d6a84f;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.13em;
}body.marketplace-body .market-hero .eyebrow::before {
  content: "☆";
  margin-right: 10px;
  color: #f3c768;
  font-size: 17px;
  vertical-align: -1px;
}body.marketplace-body .market-hero h1 {
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  max-width: 650px;
  font-size: 44px;
  line-height: 1.05;
  letter-spacing: -0.045em;
  color: #ffffff;
}body.marketplace-body .market-hero h1 span {
  color: #d6a84f;
}body.marketplace-body .market-hero-subtitle {
  position: relative;
  z-index: 2;
  max-width: 440px;
  margin: 0;
  color: #d7d1c4;
  font-size: 16px;
  line-height: 1.45;
}body.marketplace-body .sell-cta {
  position: relative;
  z-index: 3;
  margin-right: 2px;
  min-width: 142px;
  height: 56px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(180deg, #f6d37b 0%, #d5a447 48%, #a97622 100%);
  color: #070707;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(214,168,79,0.32),
    inset 0 1px 0 rgba(255,255,255,0.52);
}body.marketplace-body .sell-cta::before {
  content: "✧";
  font-size: 16px;
}/* stat cards reference */
body.marketplace-body .market-stats-bar {
  width: 100%;
  margin: 0 0 14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}body.marketplace-body .market-stat-card {
  position: relative;
  height: 86px;
  padding: 0 18px 0 98px;
  background: linear-gradient(180deg, #121212 0%, #080808 100%);
  border: 1px solid rgba(214,168,79,0.27);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  box-shadow: 0 18px 42px rgba(0,0,0,0.46),
    inset 0 1px 0 rgba(255,255,255,0.045);
}body.marketplace-body .market-stat-card::before {
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(214,168,79,0.75);
  color: #d6a84f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 0 20px rgba(214,168,79,0.16), inset 0 0 18px rgba(214,168,79,0.08);
}body.marketplace-body .market-stat-card:nth-child(1)::before {
  content: "♧";
}body.marketplace-body .market-stat-card:nth-child(2)::before {
  content: "♙";
}body.marketplace-body .market-stat-card:nth-child(3)::before {
  content: "$";
  font-weight: 950;
}body.marketplace-body .market-stat-card:nth-child(4)::before {
  content: "⌑";
}body.marketplace-body .market-stat-card strong {
  width: 100%;
  display: block;
  color: #d6a84f;
  font-size: 28px;
  font-weight: 950;
  line-height: 1;
  margin: 0 0 6px;
}body.marketplace-body .market-stat-card span {
  width: 100%;
  color: #d8d1c1;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}/* toolbar reference */
body.marketplace-body .market-toolbar {
  width: 100%;
  min-height: 76px;
  margin: 0 0 22px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: linear-gradient(180deg, #11100d 0%, #070707 100%);
  border: 1px solid rgba(214,168,79,0.22);
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.035);
}body.marketplace-body .filter-panel {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}body.marketplace-body #searchInput {
  width: 385px;
  height: 46px;
  background: #060606;
  color: #ffffff;
  border: 1px solid rgba(214,168,79,0.34);
  border-radius: 10px;
  padding-left: 44px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}body.marketplace-body .filter-panel::before {
  content: "⌕";
  position: absolute;
  margin-left: 16px;
  color: #c8c0ad;
  font-size: 21px;
  z-index: 2;
  pointer-events: none;
}body.marketplace-body #searchInput::placeholder {
  color: #9d9688;
}body.marketplace-body #searchInput:focus {
  border-color: #d6a84f;
  box-shadow: 0 0 18px rgba(214,168,79,0.22),
    inset 0 1px 0 rgba(255,255,255,0.04);
}body.marketplace-body .trait-filters,
body.marketplace-body .price-filters {
  display: flex;
  align-items: center;
  gap: 10px;
}body.marketplace-body .filter-chip,
body.marketplace-body #clearFilters,
body.marketplace-body #minPrice,
body.marketplace-body #maxPrice,
body.marketplace-body .market-count {
  height: 46px;
  background: #070707;
  color: #f3d893;
  border: 1px solid rgba(214,168,79,0.28);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}body.marketplace-body .filter-chip {
  width: 46px;
  padding: 0;
}body.marketplace-body #minPrice,
body.marketplace-body #maxPrice {
  width: 90px;
  padding: 0 14px;
  color: #ffffff;
}body.marketplace-body #clearFilters {
  padding: 0 22px;
}body.marketplace-body #clearFilters:hover {
  background: linear-gradient(180deg, #f6d37b, #a97622);
  color: #070707;
  border-color: rgba(214,168,79,0.65);
}

body.marketplace-body .filter-chip.active {
  color: white;
}

body.marketplace-body .filter-chip[data-filter="mega"].active {
  background: #a855f7;
  border-color: #c084fc;
  box-shadow: 0 0 18px rgba(168,85,247,.6);
}

body.marketplace-body .filter-chip[data-filter="neon"].active {
  background: #87cf33;
  border-color: #a3e635;
  box-shadow: 0 0 18px rgba(135,207,51,.6);
}

body.marketplace-body .filter-chip[data-filter="fly"].active {
  background: #4da3ff;
  border-color: #7dd3fc;
  box-shadow: 0 0 18px rgba(77,163,255,.6);
}

body.marketplace-body .filter-chip[data-filter="ride"].active {
  background: #ff4d6d;
  border-color: #fb7185;
  box-shadow: 0 0 18px rgba(255,77,109,.6);
}body.marketplace-body .market-count {
  min-width: 116px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}body.marketplace-body .market-count strong {
  color: #d6a84f;
  font-size: 21px;
  font-weight: 950;
}body.marketplace-body .market-count span {
  color: #d8d1c1;
  font-size: 13px;
}/* grid aligned under hero like reference */
body.marketplace-body .market-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 138.5px);
  gap: 18px;
  justify-content: start;
  align-items: start;
}body.marketplace-body .card-wrapper {
  width: 138.2px;
}body.marketplace-body .card {
  background: linear-gradient(180deg, #101010, #050505);
  border: 1px solid rgba(214,168,79,0.25);
  box-shadow: 0 18px 34px rgba(0,0,0,0.50),
    inset 0 1px 0 rgba(255,255,255,0.035);
}body.marketplace-body .card:hover {
  border-color: rgba(243,199,104,0.62);
  box-shadow: 0 0 26px rgba(214,168,79,0.23),
    0 24px 46px rgba(0,0,0,0.58);
}body.marketplace-body .pet-price,
body.marketplace-body .seller-link {
  color: #d6a84f;
}body.marketplace-body .add-btn {
  background: linear-gradient(180deg, #e7bd63, #a87525);
  color: #070707;
}body.marketplace-body .buy-btn {
  background: linear-gradient(180deg, #182033, #0b1220);
  color: #ffffff;
  border: 1px solid rgba(214,168,79,0.28);
}

/* responsive marketplace only */
@media (max-width: 1260px) {body.marketplace-body .market-page {
  max-width: 1060px;
}body.marketplace-body .market-grid {
  grid-template-columns: repeat(6, 145px);
}
}

@media (max-width: 900px) {body.marketplace-body .main-nav .nav-right {
  position: static;
  transform: none;
  gap: 8px;
}body.marketplace-body .market-page {
  padding: 24px 16px 60px;
}body.marketplace-body .market-hero {
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}body.marketplace-body .market-stats-bar {
  grid-template-columns: repeat(2, 1fr);
}body.marketplace-body .market-grid {
  grid-template-columns: repeat(3, 145px);
}body.marketplace-body .filter-panel {
  flex-wrap: wrap;
}body.marketplace-body #searchInput {
  width: 100%;
}
}

@media (max-width: 560px) {body.marketplace-body .market-stats-bar {
  grid-template-columns: 1fr;
}body.marketplace-body .market-grid {
  grid-template-columns: repeat(2, 145px);
}
}body.marketplace-body .market-page {
  position: relative;
  z-index: 2;
}html,
body.marketplace-body {
  min-height: 100%;
}body.marketplace-body {
  background: linear-gradient(
      rgba(0,0,0,0.70),
      rgba(0,0,0,0.88)
    ),
    url("/images/marketplace-bg.png") center top / cover fixed no-repeat;
}/* ===== MARKETPLACE NAV HOVER ANIMATIONS ===== */

body.marketplace-body .logo,
body.marketplace-body .gold-logo {
  transition: transform 0.25s ease, text-shadow 0.25s ease, filter 0.25s ease;
}body.marketplace-body .logo:hover,
body.marketplace-body .gold-logo:hover {
  transform: translateY(-2px) scale(1.04);
  text-shadow: 0 0 22px rgba(214, 168, 79, 0.75);
  filter: brightness(1.12);
}body.marketplace-body .main-nav .nav-right > a {
  overflow: hidden;
  transition: transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    color 0.22s ease;
}body.marketplace-body .main-nav .nav-right > a:hover {
  transform: translateY(-3px) scale(1.035);
  color: #ffd36b;
  background: linear-gradient(
    180deg,
    rgba(214, 168, 79, 0.2),
    rgba(214, 168, 79, 0.055)
  );
  border-color: rgba(243, 199, 104, 0.45);
  box-shadow: 0 12px 30px rgba(214, 168, 79, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.08);
}body.marketplace-body .main-nav .nav-right > a::after {
  transition: opacity 0.22s ease, transform 0.22s ease;
}body.marketplace-body .main-nav .nav-right > a:hover::after {
  opacity: 1;
  transform: scaleX(1.15);
}body.marketplace-body .account-nav-btn {
  cursor: pointer;
  transition: transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    color 0.22s ease;
}body.marketplace-body .account-nav-btn:hover {
  transform: translateY(-2px) scale(1.035);
  color: #ffd36b;
  background: rgba(214, 168, 79, 0.11);
  border-color: rgba(243, 199, 104, 0.55);
  box-shadow: 0 0 24px rgba(214, 168, 79, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.08);
}body.marketplace-body .dropdown-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) scale(0.96);
  transition: opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
}body.marketplace-body .dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}body.marketplace-body .dropdown-content a {
  transition: background 0.18s ease,
    color 0.18s ease,
    padding-left 0.18s ease;
}body.marketplace-body .dropdown-content a:hover {
  color: #ffd36b;
  background: rgba(214, 168, 79, 0.12);
  padding-left: 18px;
}/* ===== LIST A PET BUTTON ===== */

.hero-list-btn,
.list-pet-btn,
a[href="/sell"] {
  position: relative;
  overflow: hidden;
  transition: transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}.hero-list-btn:hover,
.list-pet-btn:hover,
a[href="/sell"]:hover {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 15px 40px rgba(214,168,79,.35),
    0 0 30px rgba(214,168,79,.25);
  filter: brightness(1.08);
}.hero-list-btn:active,
.list-pet-btn:active,
a[href="/sell"]:active {
  transform: scale(.97);
}/* ===== FILTER BUTTON ANIMATION ===== */

.filter-btn {
  transition: transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease;
}.filter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 18px rgba(255,255,255,.12);
}/* ===== FILTER CHIP ANIMATIONS ===== */

.filter-chip {
  transition: transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}.filter-chip:hover {
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 10px 25px rgba(0,0,0,.35),
    0 0 12px rgba(214,168,79,.25);
}.filter-chip.active {
  transform: translateY(-2px);
}

/* ---------- PREMIUM MARKETPLACE HOVER ANIMATIONS ---------- */
body.marketplace-body .logo,
body.marketplace-body .gold-logo,
body.marketplace-body .main-nav .nav-right > a,
body.marketplace-body .account-nav-btn,
.market-hero .sell-cta,
.filter-chip {
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease, color 0.22s ease, filter 0.22s ease;
}

body.marketplace-body .logo:hover,
body.marketplace-body .gold-logo:hover {
  transform: translateY(-2px) scale(1.04);
  text-shadow: 0 0 22px rgba(214,168,79,0.75);
  filter: brightness(1.12);
}

body.marketplace-body .main-nav .nav-right > a:hover {
  transform: translateY(-3px) scale(1.035);
  color: #ffd36b;
  background: linear-gradient(180deg, rgba(214,168,79,0.20), rgba(214,168,79,0.055));
  border-color: rgba(243,199,104,0.45);
  box-shadow: 0 12px 30px rgba(214,168,79,0.18), inset 0 1px 0 rgba(255,255,255,0.08);
}

body.marketplace-body .account-nav-btn:hover {
  transform: translateY(-2px) scale(1.035);
  color: #ffd36b;
  background: rgba(214,168,79,0.11);
  border-color: rgba(243,199,104,0.55);
  box-shadow: 0 0 24px rgba(214,168,79,0.18), inset 0 1px 0 rgba(255,255,255,0.08);
}

.market-hero .sell-cta:hover {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 16px 42px rgba(214,168,79,0.35), 0 0 28px rgba(214,168,79,0.25);
  filter: brightness(1.1);
}

.filter-chip:hover {
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 10px 25px rgba(0,0,0,0.35), 0 0 12px rgba(214,168,79,0.25);
}

.filter-chip.active {
  transform: translateY(-2px);
}

/* ===== FIX VERIFIED CHECK POSITION ===== */

/* seller name on marketplace cards */
.seller-mini strong {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.seller-mini .verified-badge {
  position: relative;
  top: -1px;
  margin-left: 1px;
  flex-shrink: 0;
}

/* dropdown verified badge */
.account-menu-box strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.account-menu-box .verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin-left: 2px;
  transform: none;
}

.verified-badge svg {
  display: block;
  margin: auto;
}

/* ===== CENTER CHECKMARK INSIDE VERIFIED CIRCLE ===== */

.verified-badge {
  display: inline-grid;
  place-items: center;
}

.verified-badge svg {
  display: block;
  width: 11px;
  height: 11px;
  transform: translateY(0.5px);
}

/* Base verified badge — controls the blue circle/check only */
.verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Seller card verified badge only */
.seller-mini .verified-badge {
  position: relative;
  top: 0px;
  margin-left: 2px;
}
.seller-mini .verified-badge svg {
  transform: translateY(0.5px);
  width: 11.5px;
  height: 11.5px;
}

/* Dropdown verified badge only */
.account-menu-box .verified-badge {
  position: relative;
  top: 0;
  margin-left: 6px;
}

/* Checkmark inside the circle */
.verified-badge svg {
  display: block;
  width: 13px;
  height: 13px;
  transform: translateY(0.5px);
}

/* ===== HOME PAGE PREMIUM MATCH MARKETPLACE ===== */

.landing-hero {
  height: 500px;
}

.landing-content h1 {
  font-size: 50px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.landing-content p {
  color: #f3d88b;
}

.logo::first-letter {
  color: white;
}

.logo {
  color: #d6a84f;
  transition: transform .22s ease, text-shadow .22s ease;
}

.logo:hover {
  transform: translateY(-2px) scale(1.04);
  text-shadow: 0 0 18px rgba(214,168,79,.55);
}

.main-nav {
  background: #030303;
  border-bottom: 1px solid rgba(214,168,79,.16);
}

.nav-right {
  gap: 12px;
}

.nav-right a {
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}

.nav-right a:hover {
  transform: translateY(-2px);
  color: #ffd36b;
  background: rgba(214,168,79,.1);
  border-color: rgba(214,168,79,.28);
}

.landing-btn.primary {
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.landing-btn.primary:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 14px 34px rgba(214,168,79,.32);
  filter: brightness(1.08);
}

.landing-section {
  padding: 34px 24px 42px;
}

.landing-section h2 {
  font-size: 30px;
  margin-bottom: 12px;
}

.landing-section > p {
  margin: 0 auto 22px;
  max-width: 700px;
  text-align: center;
  color: #c9b16d;
}

.landing-cards {
  max-width: 840px;
  margin: 0 auto;
  gap: 14px;
}

.landing-card {
  padding: 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, #0f0f0f, #080808);
  border: 1px solid rgba(214,168,79,.22);
}

.landing-card div:first-child {
  display: none;
}

.landing-card h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

.landing-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.logo {
  color: white;
}

.logo span {
  color: #d6a84f;
}

/* Pull section upward into hero */
.landing-section {
  position: relative;
  margin-top: -10px;
  z-index: 10;
}

/* ===== HOME HOW IT WORKS POLISH ===== */

.landing-section {
  margin-top: -10px;
  max-width: 980px;
  padding: 26px 34px 34px;
  background:
  radial-gradient(circle at top, rgba(214,168,79,.06), transparent 45%),
  linear-gradient(180deg, rgba(8,8,8,.98), rgba(3,3,3,1));
  border: 1px solid rgba(214,168,79,.18);
  border-radius: 28px;
  box-shadow:
    0 24px 70px rgba(0,0,0,.65),
    0 0 45px rgba(214,168,79,.08);
}

.landing-section h2 {
  font-size: 28px;
  margin-bottom: 10px;
}

.landing-cards {
  max-width: 850px;
  gap: 14px;
}

.landing-card {
  padding: 16px 18px;
  min-height: 118px;
  background:
    linear-gradient(180deg, rgba(19,19,19,.95), rgba(7,7,7,.98));
  border: 1px solid rgba(214,168,79,.2);
  border-radius: 30px;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.landing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(214,168,79,.42);
  box-shadow:
    0 18px 38px rgba(0,0,0,.45),
    0 0 22px rgba(214,168,79,.12);
}

.landing-card h3 {
  font-size: 16px;
}

.landing-card p {
  font-size: 12.5px;
  color: #c9c9c9;
}

/* ===== FIXED PREMIUM HOME PAGE ===== */

.home-body {
  background: #030303;
}

.home-body .landing-hero {
  min-height: 650px;
  height: auto;
  padding: 95px 10% 70px;
  justify-content: flex-start;
  text-align: left;
}

.home-body .landing-overlay {
  background:
    linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.45), rgba(0,0,0,.85)),
    radial-gradient(circle at 70% 40%, rgba(214,168,79,.22), transparent 35%);
  backdrop-filter: blur(3px);
}

.home-body .landing-content {
  max-width: 760px;
  margin: 0;
  padding: 0;
}

.home-body .hero-badge {
  display: inline-flex;
  margin-bottom: 24px;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(214,168,79,.35);
  background: rgba(214,168,79,.08);
  color: #f3c15b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
}

.home-body .landing-content h1 {
  font-size: 68px;
  line-height: .98;
  margin: 0 0 20px;
}

.home-body .landing-content h1 span {
  color: #d6a84f;
}

.home-body .landing-content p {
  margin: 0 0 30px;
  max-width: 620px;
  color: #d8d8d8;
  font-size: 19px;
}

.home-body .premium-home-actions {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  margin-bottom: 34px;
}

.home-body .landing-btn {
  padding: 17px 24px;
  border-radius: 12px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.home-body .landing-btn.primary {
  background: linear-gradient(180deg, #f6a313, #c87506);
}

.home-body .landing-btn.secondary {
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(214,168,79,.35);
}

.home-body .landing-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(214,168,79,.25);
  filter: brightness(1.08);
}

.home-body .premium-trust-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  max-width: 720px;
}

.home-body .trust-item {
  display: flex;
  gap: 10px;
  align-items: center;
}

.home-body .trust-icon {
  color: #d6a84f;
  font-size: 20px;
}

.home-body .trust-item strong {
  display: block;
  color: white;
  font-size: 13px;
}

.home-body .trust-item span {
  display: block;
  color: #bdbdbd;
  font-size: 12px;
}

.home-body .safety-strip {
  max-width: 1180px;
  margin: -35px auto 26px;
  padding: 26px 38px;
  border-radius: 18px;
  border: 1px solid rgba(214,168,79,.25);
  background: linear-gradient(180deg, rgba(16,16,16,.98), rgba(5,5,5,1));
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 20;
}

.home-body .safety-strip h2 {
  margin: 0 0 6px;
  color: #d6a84f;
}

.home-body .safety-strip p {
  margin: 0;
  color: #d1d1d1;
}

.home-body .safety-stats {
  display: flex;
  gap: 46px;
}

.home-body .safety-stats strong {
  display: block;
  color: white;
  font-size: 21px;
}

.home-body .safety-stats span {
  color: #aaa;
}

.home-body .pro-how-section {
  max-width: 1180px;
  margin: 0 auto 70px;
  padding: 42px;
  border-radius: 22px;
  border: 1px solid rgba(214,168,79,.18);
  background:
    radial-gradient(circle at top, rgba(214,168,79,.08), transparent 42%),
    linear-gradient(180deg, #090909, #030303);
  text-align: center;
}

.home-body .pro-how-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 34px;
}

.home-body .pro-how-card {
  text-align: left;
  padding: 26px;
  border-radius: 18px;
  border: 1px solid rgba(214,168,79,.22);
  background: rgba(12,12,12,.92);
}

.home-body .how-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(214,168,79,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 18px;
}

/* FORCE HOME LOGO TO MATCH MARKETPLACE */
.home-body .main-nav .logo {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: white;
}

.home-body .main-nav .logo span {
  color: #d6a84f;
}

/* ===== PREMIUM AUTH PAGES ===== */

.auth-page {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.62), rgba(0,0,0,.9)),
    radial-gradient(circle at center, rgba(214,168,79,.16), transparent 36%),
    url("/images/login-page.png") center/cover no-repeat;
}

.auth-card {
  width: 430px;
  background:
    radial-gradient(circle at top, rgba(214,168,79,.08), transparent 42%),
    linear-gradient(180deg, rgba(14,14,14,.96), rgba(4,4,4,.98));
  border: 1px solid rgba(214,168,79,.24);
  border-radius: 22px;
  box-shadow:
    0 28px 80px rgba(0,0,0,.75),
    0 0 45px rgba(214,168,79,.1);
}

.auth-card h1 {
  font-size: 42px;
  color: white;
}

.auth-card p {
  color: #d6a84f;
}

.auth-card input,
.auth-card textarea {
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(214,168,79,.18);
  color: white;
  outline: none;
}

.auth-card input:focus,
.auth-card textarea:focus {
  border-color: rgba(214,168,79,.55);
  box-shadow: 0 0 0 4px rgba(214,168,79,.12);
}

.auth-card button {
  background: linear-gradient(180deg, #f0b444, #b77a20);
  color: #080808;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.auth-card button:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 35px rgba(214,168,79,.28);
  filter: brightness(1.08);
}

.auth-card a {
  color: #d6a84f;
  font-weight: 800;
}

/* ===== PREMIUM CART PAGE ===== */

.cart-page-body .logo,
body:has(.cart-page) .logo {
  color: white;
}

.cart-page-body .logo span,
body:has(.cart-page) .logo span {
  color: #d6a84f;
}

body:has(.cart-page) body:has(.cart-page) .nav-right {
  display: flex;
  align-items: center;
  gap: 18px;
}

body:has(.cart-page) .nav-right a {
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 700;
  transition: all .22s ease;
}

body:has(.cart-page) .nav-right a:hover {
  background: rgba(214,168,79,.12);
  color: #ffd36b;
  transform: translateY(-2px);
}

body:has(.cart-page) .nav-right a.active {
  background: rgba(214,168,79,.12);
  border: 1px solid rgba(214,168,79,.25);
  color: #ffd36b;
}

body:has(.cart-page) .nav-right a {
  padding: 9px 14px;
  border-radius: 10px;
  transition: .22s ease;
}

body:has(.cart-page) .nav-right a:hover {
  background: rgba(214,168,79,.1);
  color: #ffd36b;
  transform: translateY(-2px);
}

body:has(.cart-page) {
  background: #050505;
}

body:has(.cart-page) .container {
  max-width: 1150px;
}

body:has(.cart-page) h1 {
  color: white;
  margin-bottom: 18px;
}

.cart-items-box,
.cart-summary {
  background:
    radial-gradient(circle at top, rgba(214,168,79,.06), transparent 45%),
    linear-gradient(180deg, rgba(14,14,14,.96), rgba(4,4,4,.98));
  border: 1px solid rgba(214,168,79,.2);
  box-shadow:
    0 25px 70px rgba(0,0,0,.7),
    0 0 35px rgba(214,168,79,.08);
}

.cart-item,
.cart-card {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(214,168,79,.08);
}

.cart-item:hover,
.cart-card:hover {
  border-color: rgba(214,168,79,.22);
  background: rgba(214,168,79,.055);
}

.cart-summary::after {
  content: "Secure checkout • Seller proof required • Buyer confirms delivery before funds release";
  display: block;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(214,168,79,.16);
  color: #b4a67d;
  font-size: 12px;
  line-height: 1.4;
}

.checkout-btn {
  background: linear-gradient(180deg, #f0c15a, #b8862f);
  color: #050505;
  transition: .22s ease;
}

.checkout-btn:hover {
  background: linear-gradient(180deg, #ffd36b, #c99535);
  transform: translateY(-2px);
  box-shadow: 0 16px 35px rgba(214,168,79,.25);
}

/* ===== PREMIUM CART CHECKOUT REDESIGN ===== */

body:has(.cart-page) {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,168,79,.08), transparent 38%),
    linear-gradient(180deg, #050505, #020202);
}

body:has(.cart-page) .container {
  max-width: 1350px;
  padding-top: 30px;
  zoom: .75;
}

body:has(.cart-page) h1 {
  font-size: 48px;
  margin-bottom: 30px;
  position: relative;
}

body:has(.cart-page) h1::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: #d6a84f;
  margin-top: 14px;
}

.cart-page {
  grid-template-columns: 1.8fr .8fr;
  gap: 50px;
}

.cart-items-box,
.cart-summary {
  background:
    radial-gradient(circle at top, rgba(214,168,79,.08), transparent 45%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(3,3,3,1));
  border: 1px solid rgba(214,168,79,.24);
  border-radius: 22px;
  box-shadow:
    0 30px 80px rgba(0,0,0,.75),
    0 0 35px rgba(214,168,79,.08);
}

.cart-items-box {
  padding: 18px;
}

.cart-card,
.cart-item {
  min-height: 128px;
  padding: 22px 28px;
  border: 1px solid rgba(214,168,79,.12);
  background: linear-gradient(180deg, rgba(20,20,20,.92), rgba(8,8,8,.96));
  border-radius: 18px;
}

.cart-card:hover,
.cart-item:hover {
  border-color: rgba(214,168,79,.32);
  transform: translateY(-3px);
}

.cart-image,
.cart-img,
.cart-item img {
  width: 92px;
  height: 92px;
}

.cart-info h3,
.cart-middle h3 {
  font-size: 23px;
  margin-bottom: 8px;
}

.cart-info p,
.cart-middle p {
  font-size: 15px;
}

.cart-actions button,
.cart-right button {
  border: 1px solid rgba(214,168,79,.28);
  background: rgba(0,0,0,.4);
  color: white;
  border-radius: 9px;
  padding: 8px 14px;
  font-weight: 900;
}

.cart-actions button:hover,
.cart-right button:hover {
  background: rgba(214,168,79,.14);
  color: #ffd36b;
}

.cart-summary {
  padding: 32px;
  top: 32px;
}

.cart-summary h2 {
  font-size: 25px;
  margin-bottom: 28px;
}

.cart-summary h2::before {
  content: "🛍";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-right: 14px;
  border-radius: 50%;
  background: rgba(214,168,79,.12);
  border: 1px solid rgba(214,168,79,.3);
}

.summary-row {
  font-size: 16px;
  margin: 16px 0;
}

.summary-total {
  font-size: 26px;
  margin: 24px 0;
}

.summary-total span:last-child {
  color: #f0c15a;
  font-size: 34px;
}

.checkout-btn {
  height: 58px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffd36b, #b8862f);
  color: #050505;
  font-size: 17px;
  box-shadow: 0 0 28px rgba(214,168,79,.25);
}

.checkout-btn::before {
  content: "🔒 ";
}

.cart-summary::after {
  content: "🛡 Secure Checkout\a Your payment is encrypted and protected.\a\a🤝 Seller Protection\a Funds are held in escrow until delivery is confirmed.\a\a✓ Buyer Confirmation\a Seller funds release only after buyer confirms delivery.";
  white-space: pre-line;
  display: block;
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid rgba(214,168,79,.18);
  color: #d6a84f;
  font-size: 14px;
  line-height: 1.75;
}

/* ===== CART NAV BUTTONS ===== */

.main-nav .nav-right {
  display: flex;
  align-items: center;
  gap: 18px;
}

.main-nav .nav-right a {
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease;
}

.main-nav .nav-right a:hover {
  transform: translateY(-2px);
  background: rgba(214,168,79,.10);
  border-color: rgba(214,168,79,.28);
  color: #ffd36b;
}

/* ===== BIGGER REMOVE BUTTON ===== */

.remove-btn,
.cart-item button,
.cart-actions button,
.cart-right button {
  min-width: 86px;
  height: 36px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  transition: all .22s ease;
}

.remove-btn:hover,
.cart-item button:hover,
.cart-actions button:hover,
.cart-right button:hover {
  transform: translateY(-2px);
  background: rgba(214,168,79,.12);
  border-color: rgba(214,168,79,.35);
  color: #ffd36b;
}

/* ===== FORCE PREMIUM NAVBAR BUTTONS ===== */

.main-nav .nav-right {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

.main-nav .nav-right a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 12px 18px !important;
  min-width: 90px !important;
  height: 42px !important;

  border-radius: 12px !important;
  border: 1px solid transparent !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease !important;
}

.main-nav .nav-right a:hover {
  transform: translateY(-2px) !important;
  background: rgba(214,168,79,.10) !important;
  border-color: rgba(214,168,79,.28) !important;
  color: #ffd36b !important;
}

/* highlight current page */


/* ===== BIGGER ADOPTMARKET LOGO ===== */

.main-nav .logo {
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
}

.main-nav .logo span {
  color: #d6a84f !important;
}

/* ===== PAYMENT SUCCESS PAGE ===== */

.payment-success-card {
  width: 515px;
  max-width: 90%;
  margin: 0 auto;
  padding: 40px;
  text-align: center;

  background:
    radial-gradient(circle at top, rgba(214,168,79,.08), transparent 45%),
    linear-gradient(180deg, rgba(14,14,14,.98), rgba(4,4,4,1));

  border: 1px solid rgba(214,168,79,.22);
  border-radius: 10px;

  box-shadow:
    0 30px 80px rgba(0,0,0,.75),
    0 0 40px rgba(214,168,79,.08);
}

.success-page {
  zoom: 0.76;
}

.success-icon {
  width: 70px;
  height: 70px;
  font-size: 40px;
  margin-bottom: 20px;
}

.success-tag {
  font-size: 12px;
  margin-bottom: 14px;
}

.payment-success-card h1 {
  font-size: 42px;
  margin-bottom: 18px;
}

.payment-success-card p {
  max-width: 450px;
  margin: 0 auto 32px;
  font-size: 17px;
  line-height: 1.5;
}

.success-btn {
  padding: 14px 22px;
  border-radius: 12px;
  font-size: 15px;
}

.success-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 26px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(circle, rgba(214,168,79,.22), rgba(214,168,79,.08));

  border: 1px solid rgba(214,168,79,.3);

  color: #f0c15a;
  font-size: 52px;
  font-weight: 900;

  box-shadow:
    0 0 35px rgba(214,168,79,.18);
}

.success-tag {
  display: inline-block;
  margin-bottom: 18px;

  color: #d6a84f;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .15em;
}

.payment-success-card h1 {
  font-size: 58px;
  margin-bottom: 20px;
}

.payment-success-card p {
  max-width: 560px;
  margin: 0 auto 40px;
  color: #cfcfcf;
  font-size: 20px;
  line-height: 1.6;
}

.success-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.success-btn {
  padding: 16px 28px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  transition: .22s ease;
}

.success-btn.primary {
  background:
    linear-gradient(180deg, #ffd36b, #b8862f);
  color: #050505;
}

.success-btn.secondary {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(214,168,79,.22);
  color: white;
}

.success-btn:hover {
  transform: translateY(-3px);
  box-shadow:
    0 18px 40px rgba(214,168,79,.22);
}

.success-page {
  min-height: calc(100vh - 70px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 240px;
}

.payment-success-card {
  margin: 0 auto;
}

/* ===== PREMIUM DASHBOARD PAGE ===== */

.dashboard-page {
  max-width: 1180px;
  padding-top: 42px;
}

.dashboard-hero {
  background:
    radial-gradient(circle at right, rgba(214,168,79,.14), transparent 38%),
    linear-gradient(180deg, rgba(16,16,16,.98), rgba(5,5,5,1));
  border: 1px solid rgba(214,168,79,.22);
  border-radius: 22px;
  box-shadow:
    0 28px 70px rgba(0,0,0,.7),
    0 0 35px rgba(214,168,79,.08);
}

.dashboard-hero .eyebrow {
  color: #d6a84f;
}

.dashboard-actions a {
  background: linear-gradient(180deg, #f0c15a, #b8862f);
  color: #050505;
  transition: .22s ease;
}

.dashboard-actions a:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(214,168,79,.25);
}

.dash-stat-card,
.dashboard-panel {
  background:
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(4,4,4,1));
  border: 1px solid rgba(214,168,79,.18);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
}

.dash-stat-card:hover,
.dashboard-panel:hover {
  border-color: rgba(214,168,79,.35);
}

.dashboard-panel h2 {
  color: white;
}

.dashboard-row {
  border-top: 1px solid rgba(214,168,79,.12);
}

.panel-header a {
  color: #d6a84f;
}

/* ===== FORCE SELL PAGE BLACK/GOLD THEME ===== */

.sell-hero .eyebrow,
.preview-top {
  color: #d6a84f !important;
}

.sell-input:focus,
.sell-card select:focus,
.sell-card input:focus {
  border-color: #d6a84f !important;
  box-shadow: 0 0 0 4px rgba(214,168,79,.12) !important;
}



.preview-image-box {
  background:
    radial-gradient(circle at center, rgba(214,168,79,.10), transparent 58%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(4,4,4,1)) !important;
  border: 1px solid rgba(214,168,79,.22) !important;
}

.sell-btn:hover,
.sell-btn-pro:hover {
  background: #d6a84f !important;
  color: #050505 !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(214,168,79,.25);
}

#petResults {
  background: rgba(5, 5, 5, 0.78);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(214,168,79,.18);
}

/* Remove all trait button glow */
.filter-chip.active,
.filter-chip[data-filter="mega"].active,
.filter-chip[data-filter="neon"].active,
.filter-chip[data-filter="fly"].active,
.filter-chip[data-filter="ride"].active {
  box-shadow: none !important;
}

/* ===== PREMIUM NOTIFICATIONS PAGE ===== */

body:has(.notifications-page),
body:has(.notification-list) {
  background:
    radial-gradient(circle at top, rgba(214,168,79,.05), transparent 38%),
    linear-gradient(180deg, #050505, #020202);
}

body:has(.notifications-page) .market-page,
body:has(.notification-list) .market-page {
  max-width: 1000px;
  padding-top: 38px;
}

body:has(.notifications-page) h1,
body:has(.notification-list) h1 {
  font-size: 44px;
  margin-bottom: 24px;
}

.notification-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.notification-card,
.notification-item {
  min-height: unset !important;
  padding: 20px 24px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top left, rgba(214,168,79,.08), transparent 38%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(5,5,5,1)) !important;
  border: 1px solid rgba(214,168,79,.18) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.55),
    0 0 22px rgba(214,168,79,.05) !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  align-items: center !important;
}

.notification-card:hover,
.notification-item:hover {
  border-color: rgba(214,168,79,.36) !important;
  transform: translateY(-2px);
}

.notification-card p,
.notification-item p {
  margin: 0 0 6px !important;
  color: #f3f3f3 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.notification-card small,
.notification-item small,
.notification-time {
  color: #b4a67d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.notification-actions {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.notification-actions a,
.notification-actions button,
.notification-card a,
.notification-card button,
.notification-item a,
.notification-item button {
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(214,168,79,.24) !important;
  background: rgba(0,0,0,.38) !important;
  color: #ffd36b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.notification-actions a:hover,
.notification-actions button:hover,
.notification-card a:hover,
.notification-card button:hover,
.notification-item a:hover,
.notification-item button:hover {
  background: rgba(214,168,79,.12) !important;
  border-color: rgba(214,168,79,.45) !important;
  transform: translateY(-1px);
}

.notification-unread {
  border-color: rgba(214,168,79,.42) !important;
  box-shadow:
    0 0 0 1px rgba(214,168,79,.12),
    0 18px 45px rgba(0,0,0,.55) !important;
}

/* ===== FIX NOTIFICATIONS PAGE CARDS ===== */

.notifications-page {
  max-width: 980px !important;
  padding-top: 36px !important;
}

.notifications-page h1 {
  font-size: 44px !important;
  margin-bottom: 22px !important;
}

.notification-list,
.notifications-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.notification-card,
.notification-item,
.notification-unread {
  min-height: auto !important;
  height: auto !important;
  padding: 18px 22px !important;
  border-radius: 16px !important;

  background:
    radial-gradient(circle at top left, rgba(214,168,79,.07), transparent 40%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(5,5,5,1)) !important;

  border: 1px solid rgba(214,168,79,.22) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.45) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.notification-card p,
.notification-item p {
  margin: 0 !important;
  color: #f2f2f2 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.notification-card small,
.notification-item small,
.notification-time {
  color: #b4a67d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.notification-card a,
.notification-item a,
.notification-card button,
.notification-item button {
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(214,168,79,.28) !important;
  background: rgba(0,0,0,.45) !important;
  color: #ffd36b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* ===== PREMIUM NOTIFICATIONS PAGE V2 ===== */

.notifications-body {
  background:
    radial-gradient(circle at top, rgba(214,168,79,.06), transparent 38%),
    linear-gradient(180deg, #050505, #020202);
  min-height: 100vh;
}

.notifications-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 42px 28px 80px;
}

.notifications-page h1 {
  font-size: 46px;
  margin-bottom: 28px;
  position: relative;
}

.notifications-page h1::after {
  content: "";
  display: block;
  width: 66px;
  height: 3px;
  background: #d6a84f;
  margin-top: 14px;
}

.notification-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.notification-card {
  min-height: 92px;
  padding: 18px 22px;
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(214,168,79,.08), transparent 38%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(5,5,5,1));
  border: 1px solid rgba(214,168,79,.22);
  display: grid;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 18px;
  box-shadow: 0 18px 42px rgba(0,0,0,.45);
}

.notification-card:hover {
  border-color: rgba(214,168,79,.42);
  transform: translateY(-2px);
}

.notification-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(214,168,79,.1);
  color: #d6a84f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.notification-content p {
  margin: 0 0 8px;
  color: white;
  font-size: 15px;
  line-height: 1.4;
}

.notification-content span {
  color: #b4a67d;
  font-size: 12px;
  font-weight: 800;
}

.notification-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.notification-actions a {
  color: #ffd36b;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
}

.notification-actions button {
  min-height: 36px;
  padding: 0 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffd36b, #b8862f);
  color: #050505;
  font-size: 13px;
  font-weight: 900;
}

.notification-unread {
  border-color: rgba(214,168,79,.45);
}

/* ===== NOTIFICATION BUTTON ALIGN + UNREAD DOT ===== */

.notification-card {
  position: relative;
}

.notification-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.notification-actions a,
.notification-actions button {
  height: 38px !important;
  min-width: 108px !important;
  padding: 0 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
  text-align: center !important;
}

/* unread alert dot */
.notification-card.notification-unread::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;

  width: 10px;
  height: 10px;
  border-radius: 50%;

  background: #ffd36b;
  box-shadow: 0 0 12px rgba(255,211,107,.65);
}

.notification-card {
  position: relative;
}

.notification-card.notification-unread::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffd36b;
  box-shadow: 0 0 12px rgba(255,211,107,.65);
}

.notification-actions,
.notification-actions form {
  display: flex;
  align-items: center;
}

.notification-actions a,
.notification-actions button {
  height: 38px;
  min-width: 108px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ===== PREMIUM PURCHASE HISTORY PAGE ===== */

body:has(.purchase-card) {
  background:
    radial-gradient(circle at top, rgba(214,168,79,.05), transparent 38%),
    linear-gradient(180deg, #050505, #020202);
}

body:has(.purchase-card) .container,
body:has(.purchase-card) .market-page {
  max-width: 1180px;
}

.purchase-card,
.purchase-card-fixed {
  background:
    radial-gradient(circle at top left, rgba(214,168,79,.07), transparent 38%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(5,5,5,1)) !important;
  border: 1px solid rgba(214,168,79,.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.45) !important;
}

.purchase-card:hover,
.purchase-card-fixed:hover {
  border-color: rgba(214,168,79,.4) !important;
  transform: translateY(-2px);
}

.purchase-card h3,
.purchase-card-fixed h3 {
  color: white !important;
}

.purchase-id {
  color: #d6a84f !important;
}

.purchase-card img,
.purchase-card-fixed img {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(214,168,79,.18) !important;
  border-radius: 14px !important;
}

.status-pill.completed {
  background: rgba(34,197,94,.15) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(34,197,94,.3);
}

.status-pill.refunded,
.badge.refunded {
  background: rgba(239,68,68,.12) !important;
  color: #ff7b7b !important;
}

.review-success,
.review-success-box {
  background: rgba(214,168,79,.12) !important;
  border: 1px solid rgba(214,168,79,.32) !important;
  color: #ffd36b !important;
}

.submit-review-btn,
.purchase-actions button {
  background: linear-gradient(180deg, #ffd36b, #b8862f) !important;
  color: #050505 !important;
}

.submit-review-btn:hover,
.purchase-actions button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(214,168,79,.22);
}

/* ===== PURCHASE HISTORY PREMIUM FIX ===== */

.purchase-history-hero {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}

.purchase-hero-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(214,168,79,.12);
  border: 1px solid rgba(214,168,79,.28);
  font-size: 26px;
}

.purchase-history-hero h1 {
  margin: 0 0 6px;
}

.purchase-history-hero p {
  margin: 0;
  color: #b4a67d;
}

.clean-purchase-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.clean-purchase-card {
  display: grid;
  grid-template-columns: 1.6fr 160px 170px 240px;
  gap: 24px;
  align-items: center;
  padding: 22px;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(214,168,79,.07), transparent 36%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(5,5,5,1));
  border: 1px solid rgba(214,168,79,.22);
  box-shadow: 0 18px 42px rgba(0,0,0,.45);
}

.clean-purchase-card:hover {
  border-color: rgba(214,168,79,.4);
  transform: translateY(-2px);
}

.clean-purchase-main {
  display: flex;
  align-items: center;
  gap: 16px;
}

.clean-pet-thumb {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.36);
  border: 1px solid rgba(214,168,79,.18);
}

.clean-pet-thumb img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.clean-order-id {
  color: #d6a84f;
  font-weight: 900;
  font-size: 13px;
}

.clean-purchase-main h3 {
  margin: 6px 0 4px;
  font-size: 22px;
}

.clean-purchase-main p,
.clean-purchase-price span,
.clean-purchase-status > span {
  color: #b4a67d;
  margin: 0;
}

.clean-purchase-price strong {
  display: block;
  margin-top: 8px;
  font-size: 22px;
  color: white;
}

.clean-review-submitted {
   background: rgba(34,197,94,.12) !important;
  border: 1px solid rgba(34,197,94,.35) !important;
  color: #4ade80 !important;
  border-radius: 14px;
  padding: 14px 18px;
  font-weight: 900;
  text-align: center;
}

.clean-purchase-action .purchase-actions {
  flex-direction: column;
}

.clean-purchase-action a,
.clean-purchase-action button {
  width: 100%;
  min-height: 40px;
  border-radius: 10px;
}

/* ===== DISCORD STYLE MESSAGES PAGE - NO GOLD ===== */


/* ===== FORCE DISCORD IMAGE PREVIEW ABOVE INPUT ===== */

.discord-composer {
  border-top: 1px solid var(--border);
  padding: 14px;
  background: #111318;

  display: flex;
  flex-direction: column;
  gap: 10px;
}
.discord-composer .selected-file-preview {
  display: block !important;
  width: 240px !important;
  height: auto !important;
  padding: 10px !important;
  border-radius: 12px !important;
  background: #2b2d31 !important;
  border: 1px solid #3f4147 !important;
  margin-left: 56px !important;
}

.discord-composer .selected-file-preview.hidden {
  display: none !important;
}

.discord-composer .selected-file-preview img {
  width: 100% !important;
  height: 135px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.discord-composer .selected-file-preview button {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
}

.composer-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
}

.composer-row textarea {
  flex: 1;
  min-height: 46px;
  max-height: 120px;
}

.composer-row button {
  width: 90px;
  min-width: 90px;
  height: 46px;
}

.image-preview-container {
  display: none;
  margin-left: 60px;
}
.image-preview-container.show {
  display: block;
}

.image-preview-box {
  width: 220px;
  height: 140px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.image-preview-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.remove-preview {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  background: #5865f2;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

/* ===== MESSAGE IMAGE PREVIEW POSITION + SMALL X ===== */

.image-preview-container.show {
  display: block;
  margin-left: 800px;
  margin-bottom: 8px;
}

.image-preview-box {
  width: 210px;
  height: 135px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #2b2d31;
  border: 1px solid #3f4147;
}

.remove-preview {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  color: white;
  font-size: 14px;
  line-height: 1;
  display: grid;
  place-items: center;
  padding: 0;
}

/* ===== FIX CHAT IMAGE PREVIEW POSITION + X BUTTON ===== */

.image-preview-container.show {
  display: block !important;
  margin-left: 56px !important; /* lines up with textarea start */
  margin-bottom: 8px !important;
}

.image-preview-box {
  width: 210px !important;
  height: 135px !important;
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #2b2d31 !important;
  border: 1px solid #3f4147 !important;
}

.image-preview-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.image-preview-box .remove-preview,
button.remove-preview {
  position: absolute !important;
  top: 7px !important;
  right: 7px !important;

  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;

  padding: 0 !important;
  border-radius: 50% !important;

  background: rgba(0,0,0,.55) !important;
  color: white !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.image-preview-container {
  position: static !important;
  right: auto !important;
  left: auto !important;
  margin-left: 56px !important;
  margin-right: auto !important;
  align-self: flex-start !important;
}

.discord-layout {
  background: #1e1f22 !important;
}

.discord-sidebar {
  background: #111214 !important;
  border-right: 1px solid #232428 !important;
}

.discord-main {
  background: #313338 !important;
}

.discord-chat-header {
  background: #2b2d31 !important;
  border-bottom: 1px solid #1f2023 !important;
}

.discord-messages {
  background: #313338 !important;
}

.discord-composer {
  background: #313338 !important;
  border-top: 1px solid #1f2023 !important;
}

.discord-composer textarea {
  background: #383a40 !important;
  color: #dbdee1 !important;
}

.discord-chat-item {
  background: transparent !important;
}

.discord-chat-item:hover {
  background: #35373c !important;
}

.discord-chat-item.active {
  background: #404249 !important;
}

.discord-search {
  background: #1e1f22 !important;
}

.discord-message {
  background: transparent !important;
}

.discord-message-content p {
  color: #dbdee1 !important;
}

.discord-message-meta span {
  color: #949ba4 !important;
}

.discord-section-title {
  color: #949ba4 !important;
}

.empty-mini,
.discord-empty p {
  color: #949ba4 !important;
}

.discord-composer button {
  background: #5865f2 !important;
  color: white !important;
}

.discord-upload {
  background: #383a40 !important;
  color: #b5bac1 !important;
}

/* ===== DARKER DISCORD CHAT FINAL ===== */

.discord-main,
.discord-messages {
  background: #1e1f22 !important;
}

.discord-chat-header {
  background: #1e1f22 !important;
}

.discord-composer {
  background: #1e1f22 !important;
}

.discord-sidebar {
  background: #111214 !important;
}

.discord-layout {
  background: #1e1f22 !important;
}

.discord-main,
.discord-messages,
.discord-chat-header,
.discord-composer,
.discord-layout {
  background: #18191c !important;
}

/* =========================================================
   CALM ADMIN + MESSAGES REDESIGN OVERRIDE
   Paste at the VERY BOTTOM of public/css/style.css
   ========================================================= */

:root {
  --calm-bg: #0f172a;
  --calm-panel: #111c31;
  --calm-panel-2: #162238;
  --calm-soft: #1f2d46;
  --calm-line: rgba(148, 163, 184, .18);
  --calm-text: #e5edf7;
  --calm-muted: #94a3b8;
  --calm-blue: #60a5fa;
  --calm-blue-2: #3b82f6;
  --calm-green: #34d399;
  --calm-red: #fb7185;
  --calm-purple: #a78bfa;
}

/* ===== ADMIN CONTROL PANEL - CALM PROFESSIONAL THEME ===== */
.admin-body {
  background:#0B0D12 !important;
  color: var(--calm-text) !important;
  font-family: Inter, Arial, sans-serif !important;
}

.admin-layout {
  display: grid !important;
  grid-template-columns: 250px 1fr !important;
  min-height: 100vh !important;
}

.admin-sidebar {
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  width: auto !important;
  background: rgba(15, 23, 42, .88) !important;
  backdrop-filter: blur(18px) !important;
  border-right: 1px solid var(--calm-line) !important;
  padding: 24px 18px !important;
  gap: 8px !important;
}

.admin-sidebar h2 {
  margin: 0 0 18px !important;
  font-size: 26px !important;
  letter-spacing: -.04em !important;
  color: var(--calm-text) !important;
}

.admin-sidebar h2::after {
  content: "Control Center";
  display: block;
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--calm-muted);
}

.admin-sidebar a {
  color: #cbd5e1 !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  border: 1px solid transparent !important;
}

.admin-sidebar a:hover {
  background: rgba(96, 165, 250, .12) !important;
  color: #ffffff !important;
  border-color: rgba(96, 165, 250, .22) !important;
  transform: translateX(3px);
}

.admin-main {
  padding: 30px !important;
  max-width: 1500px !important;
  width: 100% !important;
}

.admin-main::before {
  content: "Admin Overview";
  display: block;
  font-size: 34px;
  font-weight: 950;
  letter-spacing: -.05em;
  margin-bottom: 8px;
}

.admin-main::after {
  content: "Manage users, listings, orders, disputes, messages, logs, and withdrawals from one clean control panel.";
  display: block;
  color: var(--calm-muted);
  margin-bottom: 22px;
}

.admin-stats {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 22px !important;
}

.admin-stats .stat-card,
.admin-section,
.pro-dispute-card,
.pro-withdrawal-card,
.pro-log-card {
  background: rgba(17, 28, 49, .78) !important;
  border: 1px solid var(--calm-line) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .20) !important;
  border-radius: 22px !important;
}

.admin-stats .stat-card {
  padding: 22px !important;
}

.admin-stats .stat-card h3 {
  color: var(--calm-muted) !important;
  margin: 0 0 8px !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.admin-stats .stat-card p {
  color: var(--calm-text) !important;
  font-size: 34px !important;
  font-weight: 950 !important;
  margin: 0 !important;
}

.admin-section {
  padding: 20px !important;
  margin: 18px 0 !important;
  scroll-margin-top: 24px !important;
}

.admin-section-header {
  padding: 0 0 16px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid var(--calm-line) !important;
}

.admin-section-header h2 {
  font-size: 22px !important;
  color: var(--calm-text) !important;
  margin: 0 !important;
}

.admin-section-header span {
  color: var(--calm-muted) !important;
  background: rgba(96, 165, 250, .10) !important;
  border: 1px solid rgba(96, 165, 250, .18) !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.admin-table {
  gap: 10px !important;
}

.admin-row {
  background: rgba(22, 34, 56, .82) !important;
  border: 1px solid var(--calm-line) !important;
  border-radius: 16px !important;
  padding: 15px 16px !important;
  color: var(--calm-text) !important;
  grid-template-columns: 84px minmax(220px, 1fr) 150px 190px !important;
}

.admin-row:hover {
  background: rgba(31, 45, 70, .96) !important;
  border-color: rgba(96, 165, 250, .28) !important;
  transform: translateY(-1px);
}

.admin-user-row {
  grid-template-columns: 84px minmax(260px, 1fr) 120px 360px !important;
}

.admin-id-badge {
  background: rgba(15, 23, 42, .82) !important;
  border: 1px solid var(--calm-line) !important;
  color: var(--calm-blue) !important;
  border-radius: 12px !important;
}

.row-info strong,
.row-meta strong,
.log-main strong,
.withdrawal-left h3 {
  color: var(--calm-text) !important;
}

.row-info span,
.row-meta span,
.log-main p,
.log-users span,
.withdrawal-left p,
.empty-mini {
  color: var(--calm-muted) !important;
}

.admin-search-input {
  background: rgba(15, 23, 42, .78) !important;
  border: 1px solid var(--calm-line) !important;
  color: var(--calm-text) !important;
  border-radius: 14px !important;
  height: 48px !important;
  margin-bottom: 14px !important;
}

.admin-search-input:focus {
  border-color: rgba(96, 165, 250, .65) !important;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, .12) !important;
}

.user-status,
.withdrawal-status {
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-weight: 950 !important;
  text-transform: capitalize !important;
  text-align: center !important;
}

.status-active,
.withdrawal-status.approved {
  background: rgba(52, 211, 153, .14) !important;
  color: var(--calm-green) !important;
  border: 1px solid rgba(52, 211, 153, .24) !important;
}

.status-banned,
.withdrawal-status.denied {
  background: rgba(251, 113, 133, .14) !important;
  color: var(--calm-red) !important;
  border: 1px solid rgba(251, 113, 133, .24) !important;
}

.row-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.admin-user-row button,
.row-actions button,
.pro-dispute-message-actions a,
.pro-refund-btn,
.pro-release-btn,
.withdraw-approve-btn,
.withdraw-deny-btn {
  border-radius: 11px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  font-weight: 950 !important;
  border: 1px solid transparent !important;
}

.verify-btn {
  background: rgba(96, 165, 250, .13) !important;
  color: #bfdbfe !important;
  border-color: rgba(96, 165, 250, .30) !important;
}

.warn-btn {
  background: rgba(251, 191, 36, .12) !important;
  color: #fde68a !important;
  border-color: rgba(251, 191, 36, .25) !important;
}

.freeze-btn {
  background: rgba(167, 139, 250, .13) !important;
  color: #ddd6fe !important;
  border-color: rgba(167, 139, 250, .30) !important;
}

.danger-btn,
.delete-btn,
.delete-user-btn,
.withdraw-deny-btn,
.pro-refund-btn {
  background: rgba(251, 113, 133, .13) !important;
  color: #fecdd3 !important;
  border-color: rgba(251, 113, 133, .32) !important;
}

.pro-release-btn,
.withdraw-approve-btn {
  background: rgba(52, 211, 153, .13) !important;
  color: #bbf7d0 !important;
  border-color: rgba(52, 211, 153, .32) !important;
}

.pro-log-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.pro-log-card,
.pro-withdrawal-card {
  background: rgba(22, 34, 56, .82) !important;
  border-radius: 16px !important;
  padding: 16px !important;
}

/* ===== MESSAGES PAGE - CALM SLATE THEME, NOT BLACK/GOLD ===== */


.messages-body .main-nav {
  height: 60px !important;
  min-height: 60px !important;
  background: rgba(15, 23, 42, .94) !important;
  border-bottom: 1px solid var(--calm-line) !important;
  backdrop-filter: blur(16px) !important;
}

.messages-body .main-nav .logo,
.messages-body .main-nav a {
  color: #e5edf7 !important;
}

.messages-body .main-nav .logo span {
  color: #d6a84f !important;
}

.discord-layout {
  height: calc(100vh - 60px) !important;
  grid-template-columns: 330px 1fr !important;
  background: #172033 !important;
}

.discord-sidebar {
  background: #111827 !important;
  border-right: 1px solid var(--calm-line) !important;
  padding: 16px !important;
}

.discord-search {
  background: #1f2d46 !important;
  border: 1px solid var(--calm-line) !important;
  color: #f8fafc !important;
  border-radius: 16px !important;
  height: 50px !important;
}

.discord-section-title {
  color: var(--calm-muted) !important;
  font-size: 12px !important;
  letter-spacing: .10em !important;
}

.discord-chat-item {
  background: transparent !important;
  color: #dbeafe !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  padding: 12px !important;
}

.discord-chat-item:hover,
.discord-chat-item.active {
  background: #1f2d46 !important;
  border-color: rgba(96, 165, 250, .20) !important;
}

.discord-avatar,
.discord-avatar.small,
.discord-avatar.mini,
.chat-avatar {
  background: linear-gradient(135deg, #334155, #1e3a5f) !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(96, 165, 250, .30) !important;
}

.discord-main,
.discord-messages,
.discord-chat-header,
.discord-composer,
.discord-layout {
  background: #172033 !important;
}

.discord-chat-header {
  min-height: 66px !important;
  border-bottom: 1px solid var(--calm-line) !important;
  padding: 0 22px !important;
}

.discord-chat-header h2,
.discord-message-meta strong,
.discord-chat-text strong {
  color: #f8fafc !important;
}

.discord-chat-header span,
.discord-chat-text span,
.discord-message-meta span {
  color: var(--calm-muted) !important;
}

.discord-messages {
  padding: 28px 36px !important;
  gap: 16px !important;
}

.discord-message-content {
  background: #0F1117 !important;
  
  color: #0F1117 !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  max-width: 800px !important;
}

.discord-message.mine {
  flex-direction: row !important;
}

.discord-message-content p {
  color: var(--calm-text) !important;
  font-size: 15px !important;
}

.discord-composer {
  border-top: 1px solid var(--calm-line) !important;
  padding: 14px 18px !important;
  gap: 10px !important;
}

.composer-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
}

.discord-composer textarea {
  background: #22314d !important;
  border: 1px solid var(--calm-line) !important;
  color: #f8fafc !important;
  border-radius: 16px !important;
}

.discord-composer textarea:focus {
  box-shadow: 0 0 0 4px rgba(96, 165, 250, .12) !important;
  border-color: rgba(96, 165, 250, .55) !important;
}

.discord-composer button {
  background: #3b82f6 !important;
  color: white !important;
  border-radius: 14px !important;
  border: none !important;
}

.discord-upload {
  background: #22314d !important;
  border: 1px solid var(--calm-line) !important;
  color: #bfdbfe !important;
  border-radius: 14px !important;
}

.image-preview-box,
.discord-composer .selected-file-preview {
  background: #1f2d46 !important;
  border: 1px solid var(--calm-line) !important;
}



.unread-badge {
  background: #3b82f6 !important;
  color: white !important;
}

@media (max-width: 900px) {
  .admin-layout {
    grid-template-columns: 1fr !important;
  }
  .admin-sidebar {
    position: static !important;
    height: auto !important;
  }
  .admin-row,
  .admin-user-row {
    grid-template-columns: 1fr !important;
  }
  .discord-layout {
    grid-template-columns: 1fr !important;
  }
  .discord-sidebar {
    display: none !important;
  }
}

/* ===== FIX MESSAGES PAGE INPUT STUCK OFF SCREEN ===== */

/* ===== CLEAN MESSAGES PAGE SCROLL FIX ===== */

html,
body {
  min-height: 100%;
}

body.messages-body {
  min-height: 100vh;
  overflow-y: auto !important;
  overflow-x: hidden;
}

body.messages-body .discord-layout {
  height: auto !important;
  min-height: calc(100vh - 72px);
  overflow: visible !important;
}

body.messages-body .discord-sidebar {
  min-height: calc(100vh - 72px);
}

body.messages-body .discord-chat-area {
  min-height: calc(100vh - 72px);
  height: auto !important;
  display: flex;
  flex-direction: column;
  overflow: visible !important;
}

body.messages-body .discord-messages {
  flex: 1;
  min-height: 300px;
  height: auto !important;
  overflow: visible !important;
  padding-bottom: 22px;
}

body.messages-body .discord-message-form {
  position: relative !important;
  bottom: auto !important;
  margin-top: auto;
  flex-shrink: 0;
  background: #172236;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}

/* ===== DISCORD-STYLE MESSAGES PAGE FINAL ===== */

body.messages-body {
  height: 100vh;
  overflow: hidden;
   background: #0a0c10 !important;
   
}

body.messages-body .main-nav {
  height: 48px;
  background: #111214 !important;
  border-bottom: 1px solid #24262b;
  padding: 0 18px;
}

body.messages-body .logo {
  color: #f3f4f6 !important;
}

body.messages-body .logo span {
  color: #d6a84f !important;
}

body.messages-body .discord-layout {
  height: calc(100vh - 48px) !important;
  display: grid;
  grid-template-columns: 320px 1fr;
  background: #313338 !important;
  overflow: hidden;
}

body.messages-body .discord-sidebar {
  background: #2b2d31 !important;
  border-right: 1px solid #1f2023;
  padding: 12px;
  overflow-y: auto;
}

body.messages-body .discord-search {
  height: 42px;
  background: #1e1f22 !important;
  border: none !important;
  border-radius: 8px;
  color: #dbdee1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.messages-body .discord-section-title {
  color: #949ba4 !important;
  font-size: 12px;
  letter-spacing: .04em;
  margin: 18px 8px 8px;
}

body.messages-body .discord-chat-item {
  background: transparent !important;
  border: none !important;
  border-radius: 6px;
  padding: 9px 10px;
  color: #dbdee1 !important;
}

body.messages-body .discord-chat-item:hover {
  background: #35373c !important;
}

body.messages-body .discord-chat-item.active {
  background: #404249 !important;
}

body.messages-body .discord-main {
  height: 100%;
  min-height: 0;
  background: #313338 !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.messages-body .discord-chat-header {
  height: 58px;
  min-height: 58px;
  background: #313338 !important;
  border-bottom: 1px solid #24262b;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

body.messages-body .discord-chat-header h2,
body.messages-body .discord-message-meta strong,
body.messages-body .discord-chat-text strong {
  color: #f2f3f5 !important;
}

body.messages-body .discord-chat-header span,
body.messages-body .discord-message-meta span,
body.messages-body .discord-chat-text span {
  color: #949ba4 !important;
}

body.messages-body .discord-messages {
  flex: 1;
  min-height: 0;
  overflow-y: auto !important;
  background: #313338 !important;
  padding: 20px 24px 18px;
}

body.messages-body .discord-message {
  display: flex;
  gap: 14px;
  margin: 0;
  padding: 7px 0;
}

body.messages-body .discord-message.mine {
  justify-content: flex-start !important;
}



body.messages-body .discord-message-content p {
  color: #dbdee1 !important;
  font-size: 15px;
  line-height: 1.35;
  margin-top: 4px;
}

body.messages-body .discord-avatar,
body.messages-body .discord-avatar.small,
body.messages-body .discord-avatar.mini {
  background: #232428 !important;
  border: 1px solid #3f4147 !important;
  color: #f2f3f5 !important;
}

body.messages-body .discord-avatar.mini {
  width: 42px;
  height: 42px;
  min-width: 42px;
}

body.messages-body .chat-image-wrapper {
  background: #0F1117;
  border: 1px solid #0F1117;
  border-radius: 10px;
  padding: 10px;
  margin-top: 8px;
  max-width: 360px;
}

body.messages-body .chat-image {
  max-width: 330px;
  border-radius: 7px;
}

body.messages-body .discord-composer {
  background: #313338 !important;
  border-top: none !important;
  padding: 0 24px 24px;
  flex-shrink: 0;
}

body.messages-body .composer-row {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #10131A;
  border-radius: 8px;
  padding: 10px;
}

body.messages-body .discord-upload {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #4e5058 !important;
  color: #dbdee1 !important;
  border: none !important;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.messages-body .discord-composer textarea {
  flex: 1;
  height: 38px;
  min-height: 38px;
  max-height: 120px;
  resize: none;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #dbdee1 !important;
  font-size: 15px;
  padding: 9px 4px;
}

body.messages-body .discord-composer button[type="submit"] {
  background: #5865f2 !important;
  color: white !important;
  border: none !important;
  border-radius: 6px;
  height: 38px;
  padding: 0 18px;
  font-weight: 700;
}

/* ===== /MESSAGES COLORS ONLY - FINAL ===== */

html body.messages-body {
  background-color: #07090d !important;
}

html body.messages-body .main-nav,
html body.messages-body nav {
  background-color: #0B0D12 !important;
  border-bottom-color: #171b23 !important;
}

html body.messages-body .discord-layout {
  background-color: #07090d !important;
}

html body.messages-body .discord-sidebar {
  background-color: #0b0d12 !important;
  border-right-color: #171b23 !important;
}

html body.messages-body .discord-main,
html body.messages-body .discord-chat-header,
html body.messages-body .discord-messages,
html body.messages-body .discord-composer,
html body.messages-body .discord-message-form {
  background-color: #0f1117 !important;
}

html body.messages-body .discord-chat-header {
  border-bottom-color: #171b23 !important;
}

html body.messages-body .discord-composer,
html body.messages-body .discord-message-form {
  border-top-color: #171b23 !important;
}

html body.messages-body .discord-search {
  background-color: #171b23 !important;
  color: #f8fafc !important;
}

html body.messages-body .discord-chat-item {
  background-color: transparent !important;
}

html body.messages-body .discord-chat-item:hover,
html body.messages-body .discord-chat-item.active {
  background-color: #1b202a !important;
}
/* MESSAGE BOX COLOR */
html body.messages-body .discord-message-content {
  background-color: #0F1117 !important;
  border-color: #0F1117 !important;
}

html body.messages-body .discord-message.mine .discord-message-content {
  background-color: #0F1117 !important;
  border-color: #0F1117 !important;
}

html body.messages-body .discord-composer textarea,
html body.messages-body .message-form-pro textarea,
html body.messages-body .discord-message-form textarea,
html body.messages-body .message-input,
html body.messages-body .discord-message-input {
  background-color: #10131A !important;
  color: #f8fafc !important;
  border-color: #242a36 !important;
}

html body.messages-body .discord-upload,
html body.messages-body .file-upload-btn,
html body.messages-body .custom-file-upload {
  background-color: #171b23 !important;
  color: #f8fafc !important;
  border-color: #242a36 !important;
}

.discord-composer textarea:focus,
.discord-composer textarea:focus-visible,
.message-form-pro textarea:focus,
.message-form-pro textarea:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: #242a36 !important;
}

html body.messages-body .discord-composer button,
html body.messages-body .message-form-pro button,
html body.messages-body .discord-message-form button {
  background-color: #5865f2 !important;
  color: #ffffff !important;
}

html body.messages-body .discord-section-title,
html body.messages-body .discord-chat-text p,
html body.messages-body .discord-message-meta,
html body.messages-body .discord-empty,
html body.messages-body .empty-chat {
  color: #9ca3af !important;
}

html body.messages-body .discord-chat-text strong,
html body.messages-body .discord-chat-header h2,
html body.messages-body .discord-message-meta strong,
html body.messages-body .discord-message-content p {
  color: #f2f3f5 !important;
}

/* ===== DISCORD MESSAGE TEXT + ROUND AVATARS ===== */

.discord-message {
  width: 100%;
  align-items: flex-start;
}

.discord-avatar,
.discord-message-avatar,
.chat-avatar,
.discord-message img.discord-avatar,
.discord-message img.discord-message-avatar,
.discord-chat-item img,
.discord-chat-header img {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border-radius: 50% !important;
  object-fit: cover;
  overflow: hidden;
}

.discord-message-content {
  max-width: 720px;
  width: fit-content;
  min-width: 0;
  padding: 8px 12px;
}

.discord-message-content p {
  max-width: 680px;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.discord-message-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* ===== MAKE MESSAGE BUBBLES WIDER ONLY ===== */


.discord-message-content p {
  white-space: normal !important;
  max-width: 800px !important;
  overflow-wrap: break-word !important;
}

/* ===== ADMIN PANEL MATCH /MESSAGES THEME ===== */

html body.admin-body {
  background: #0B0D12 !important;
  color: #ffffff !important;
}

html body.admin-body .admin-layout,
html body.admin-body .admin-main {
  background: #0B0D12 !important;
}

html body.admin-body .admin-sidebar {
  background: #0F1117 !important;
  border-right: 1px solid #242A36 !important;
}

html body.admin-body .admin-sidebar h2,
html body.admin-body h1,
html body.admin-body h2,
html body.admin-body h3,
html body.admin-body strong {
  color: #ffffff !important;
}

html body.admin-body .admin-sidebar a {
  color: #ffffff !important;
  background: transparent !important;
}

html body.admin-body .admin-sidebar a:hover {
  background: #181D26 !important;
}

html body.admin-body .stat-card,
html body.admin-body .admin-section,
html body.admin-body .admin-row,
html body.admin-body .pro-dispute-card,
html body.admin-body .pro-log-card,
html body.admin-body .pro-withdrawal-card {
  background: #0F1117 !important;
  border: 1px solid #242A36 !important;
  box-shadow: none !important;
}

html body.admin-body .admin-row:hover {
  background: #181D26 !important;
}

html body.admin-body .admin-id-badge {
  background: #0B0D12 !important;
  color: #93c5fd !important;
  border: 1px solid #242A36 !important;
}

html body.admin-body p,
html body.admin-body span,
html body.admin-body label,
html body.admin-body .row-meta,
html body.admin-body .empty-mini {
  color: #9CA3AF !important;
}

html body.admin-body input,
html body.admin-body textarea,
html body.admin-body select,
html body.admin-body .admin-search-input {
  background: #181D26 !important;
  border: 1px solid #242A36 !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

html body.admin-body input:focus,
html body.admin-body textarea:focus,
html body.admin-body select:focus,
html body.admin-body .admin-search-input:focus {
  border-color: #242A36 !important;
  box-shadow: none !important;
}

html body.admin-body button,
html body.admin-body .pro-dispute-message-actions a {
  background: #181D26 !important;
  border: 1px solid #242A36 !important;
  color: #ffffff !important;
}

html body.admin-body button:hover,
html body.admin-body .pro-dispute-message-actions a:hover {
  background: #222327 !important;
}

html body.admin-body .status-active,
html body.admin-body .withdrawal-status.approved {
  background: rgba(34, 197, 94, 0.14) !important;
  color: #22c55e !important;
  border: 1px solid rgba(34, 197, 94, 0.25) !important;
}

html body.admin-body .status-banned,
html body.admin-body .withdrawal-status.denied {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.25) !important;
}

/* ===== CART COUNT BADGE ===== */

.cart-nav-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.cart-count-badge {
  position: absolute !important;
  top: -9px !important;
  right: -13px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  line-height: 18px !important;
}

.main-nav a,
.main-nav a:hover,
.main-nav a.active,
.main-nav a.current,
.pill-btn,
.pill-btn:hover,
.pill-btn.active {
  box-shadow: none !important;
  filter: none !important;
}

.sidebar-profile-link {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-left: 0px !important;
  cursor: pointer !important;
}

.sidebar-profile-link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.cart-nav-link {
  position: relative !important;
  overflow: visible !important;
}

.cart-count-badge {
  position: absolute !important;
  top: -8px !important;
  right: -12px !important;

  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;

  background: #e0b35a !important;
  color: #111 !important;
  font-size: 11px !important;
  font-weight: 800 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 99999 !important;
  pointer-events: none !important;
}

.default-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #181D26 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
}

.default-avatar {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #181D26;
  color: white;
  font-size: 10px;
  font-weight: 900;
  border-radius: 50%;
}

.nav-badge-link {
  position: relative !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
}

.nav-count-badge {
  position: absolute !important;
  top: -8px !important;
  right: -13px !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #d6a84f !important;
  color: #111 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  pointer-events: none !important;
}

.nav-badge-link {
  position: relative !important;
  overflow: visible !important;
}

.nav-count-badge {
  position: absolute !important;
  top: -8px !important;
  right: -14px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #d6a84f !important;
  color: #111 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  z-index: 999999 !important;
  pointer-events: none !important;
}

.pro-dispute-card,
.withdrawal-card,
.admin-card,
tr {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.auth-container {
    min-height: calc(100vh - 72px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
}

.dispute-form {
  width: 100%;
}

.dispute-reason-box {
  display: none;
  margin-top: 12px;
  padding: 18px;
  background: rgba(10, 10, 10, 0.75);
  border: 1px solid rgba(255, 193, 7, 0.25);
  border-radius: 18px;
  animation: fadeIn .25s ease;
}

.dispute-reason-box.open {
  display: block;
}

.dispute-reason-box label {
  display: block;
  color: #e8c15a;
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 15px;
}

.dispute-reason-box textarea {
  width: 100%;
  min-height: 110px;
  background: #0b0b0b;
  border: 1px solid rgba(255,193,7,.25);
  border-radius: 14px;
  color: white;
  padding: 14px;
  resize: vertical;
  font-size: 15px;
  outline: none;
  transition: .2s;
}

.dispute-reason-box textarea:focus {
  border-color: #e8c15a;
  box-shadow: 0 0 12px rgba(232,193,90,.25);
}

.submit-dispute-btn {
  margin-top: 16px;
  width: 100%;
  height: 46px;
  border: none;
  border-radius: 14px;
  background: linear-gradient(
    180deg,
    #f4d06f,
    #d8a43a
  );
  color: black;
  font-weight: 700;
  cursor: pointer;
}

.dispute-note {
  margin-top: 14px;
  color: #999;
  font-size: 13px;
  text-align: center;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== VERIFY EMAIL PAGE ===== */

.verify-email-card {
  max-width: 520px;
  margin: 55px auto;
  padding: 32px;
  text-align: center;

  background: rgba(15, 15, 15, 0.96);
  border: 1px solid rgba(212, 170, 62, 0.25);
  border-radius: 18px;

  box-shadow:
    0 0 30px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.verify-icon {
  font-size: 52px;
  margin-bottom: 10px;
}

.verify-email-card h1 {
  color: #fff;
  font-size: 34px;
  margin-bottom: 8px;
}

.verify-text {
  color: #b8b8b8;
  font-size: 16px;
  margin-bottom: 16px;
}

.verify-email {
  margin: 0 auto 22px;
  padding: 12px 16px;

  font-size: 18px;
  font-weight: 700;

  color: #f5c857;

  background: rgba(245, 200, 87, 0.08);
  border: 1px solid rgba(245, 200, 87, 0.22);
  border-radius: 10px;

  word-break: break-word;
}

.verify-subtext {
  color: #b8b8b8;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 24px;
}

.verify-btn {
  display: inline-block;

  background: linear-gradient(180deg, #ffd66b, #d6a43c);
  color: #111;

  padding: 11px 28px;

  font-weight: 700;
  font-size: 15px;

  text-decoration: none;

  border-radius: 10px;

  transition: 0.25s;
}

.ban-btn,
.unban-btn,
.freeze-btn,
.unfreeze-btn,
.delete-btn,
.verify-btn {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  font-weight: 900;
  font-size: 12px;
  transition: .18s ease;
}

.ban-btn:hover,
.unban-btn:hover,
.freeze-btn:hover,
.unfreeze-btn:hover,
.delete-btn:hover,
.verify-btn:hover {
  transform: translateY(-2px);
}

/* ===== VERIFY EMAIL MOBILE ===== */

@media (max-width: 768px) {

  .verify-email-card {
    width: calc(100% - 32px);
    max-width: 420px;

    margin: 40px auto;
    padding: 26px 20px;

    border-radius: 16px;
  }

  .verify-icon {
    font-size: 42px;
    margin-bottom: 10px;
  }

  .verify-email-card h1 {
    font-size: 28px;
  }

  .verify-text {
    font-size: 15px;
  }

  .verify-email {
    font-size: 16px;
    padding: 12px;
  }

  .verify-subtext {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .verify-btn {
    width: 100%;
    padding: 13px;
    font-size: 15px;
  }

}

/* FIX ADMIN VERIFY BUTTON MATCHING OTHER BUTTONS */

.verify-btn,
.freeze-btn,
.unfreeze-btn,
.ban-btn,
.unban-btn,
.delete-btn {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  color: white;
  font-weight: 900;
  font-size: 12px;
  transition: .18s ease;
}

.verify-btn,
.freeze-btn {
  background: #2563eb;
}

.verify-btn:hover,
.freeze-btn:hover {
  background: #1d4ed8;
  transform: translateY(-1px);
}

.ban-btn,
.delete-btn {
  background: #dc2626;
}

.ban-btn:hover,
.delete-btn:hover {
  background: #b91c1c;
  transform: translateY(-1px);
}

.unban-btn,
.unfreeze-btn {
  background: #16a34a;
}

.unban-btn:hover,
.unfreeze-btn:hover {
  background: #15803d;
  transform: translateY(-1px);
}

.verify-btn:hover {
  background: #1d4ed8;
  transform: translateY(-1px);
}

.verify-btn:active {
  transform: translateY(0);
}

/* ===== FORCE ADMIN USER BUTTONS TO MATCH ===== */

.admin-user-row .row-actions button {
  min-width: 70px !important;
  height: 34px !important;
  padding: 0 12px !important;

  border-radius: 9px !important;
  border: 1px solid #263244 !important;

  background: transparent !important;
  color: #ffffff !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow: none !important;
  filter: none !important;

  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

.admin-user-row .row-actions button:hover {
  background: #1a2230 !important;
  border-color: #3c4c63 !important;
  transform: translateY(-2px) !important;

  box-shadow: none !important;
  filter: none !important;
}

.admin-user-row .row-actions button:active {
  transform: translateY(0) !important;
}

/* ===== WITHDRAW PAGE ===== */

.withdraw-page {
  min-height: calc(100vh - 80px);
  padding: 70px 18px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background:
    radial-gradient(circle at top, rgba(245, 196, 81, 0.12), transparent 35%),
    #050505;
}

.withdraw-card {
  width: 100%;
  max-width: 900px;
  padding: 34px;
  border-radius: 24px;
  background: rgba(15, 15, 18, 0.92);
  border: 1px solid rgba(245, 196, 81, 0.18);
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.55);
}

.withdraw-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  margin-bottom: 32px;
}

.withdraw-kicker {
  margin: 0 0 8px;
  color: #f5c451;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.withdraw-header h1 {
  margin: 0;
  font-size: 42px;
  color: #fff;
}

.withdraw-header p {
  margin: 10px 0 0;
  color: #bdbdbd;
}

.balance-box {
  min-width: 220px;
  padding: 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(245, 196, 81, 0.18), rgba(255,255,255,0.04));
  border: 1px solid rgba(245, 196, 81, 0.28);
  text-align: right;
}

.balance-box span {
  display: block;
  color: #cfcfcf;
  font-size: 14px;
  margin-bottom: 8px;
}

.balance-box strong {
  color: #f5c451;
  font-size: 34px;
}

.withdraw-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.withdraw-form label {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.withdraw-form input,
.withdraw-form select {
  width: 100%;
  margin-top: 8px;
  padding: 14px 15px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #fff;
  outline: none;
}

.withdraw-form input::placeholder {
  color: #8f8f8f;
}

.withdraw-form input:focus,
.withdraw-form select:focus {
  border-color: rgba(245, 196, 81, 0.65);
  box-shadow: 0 0 0 3px rgba(245, 196, 81, 0.12);
}

.withdraw-full {
  grid-column: 1 / -1;
}

.withdraw-form button {
  grid-column: 1 / -1;
  margin-top: 8px;
  padding: 15px 18px;
  border: none;
  border-radius: 14px;
  background: linear-gradient(135deg, #f5c451, #d99d22);
  color: #080808;
  font-weight: 900;
  cursor: pointer;
  transition: 0.2s ease;
}

.withdraw-form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(245, 196, 81, 0.22);
}

.withdraw-note {
  margin-top: 22px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  color: #cfcfcf;
  border: 1px solid rgba(255,255,255,0.08);
}

@media (max-width: 700px) {
  .withdraw-header {
    flex-direction: column;
    align-items: stretch;
  }

  .balance-box {
    text-align: left;
  }

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

  .withdraw-header h1 {
    font-size: 34px;
  }
}

.check-email-card {
  width: min(92vw, 560px);
  margin: 70px auto;
  padding: 42px 34px;
  text-align: center;
  border-radius: 24px;
  background: rgba(12, 12, 14, 0.94);
  border: 1px solid rgba(245, 196, 81, 0.22);
  box-shadow: 0 28px 90px rgba(0,0,0,0.55);
}

.check-email-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(245, 196, 81, 0.12);
  font-size: 34px;
}

.check-email-card h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 38px;
}

.auth-kicker {
  margin: 0 0 8px;
  color: #f5c451;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.check-email-text {
  color: #d8d8d8;
  margin: 0 0 14px;
}

.check-email-address {
  padding: 15px 18px;
  border-radius: 14px;
  background: rgba(245, 196, 81, 0.10);
  border: 1px solid rgba(245, 196, 81, 0.28);
  color: #f5c451;
  font-size: 20px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.check-email-subtext {
  max-width: 430px;
  margin: 24px auto;
  color: #bdbdbd;
  line-height: 1.6;
}

.check-email-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f5c451, #d99d22);
  color: #080808;
  font-weight: 900;
  text-decoration: none;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 28px;
}

.nav-links a {
    font-weight: 700;
    color: white;
    text-decoration: none;
    transition: .2s;
}

.nav-links a:hover {
    color: #f5c451;
}

/* ===== SELLER SETUP PAGE ===== */

.seller-setup-page {
  min-height: calc(100vh - 80px);
  padding: 70px 18px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background:
    radial-gradient(circle at top, rgba(245, 196, 81, 0.12), transparent 36%),
    #050505;
}

.seller-setup-card {
  width: min(92vw, 620px);
  padding: 42px 34px;
  text-align: center;
  border-radius: 26px;
  background: rgba(14, 14, 17, 0.94);
  border: 1px solid rgba(245, 196, 81, 0.22);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
}

.setup-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: rgba(245, 196, 81, 0.13);
  font-size: 34px;
}

.setup-kicker {
  margin: 0 0 8px;
  color: #f5c451;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.seller-setup-card h1 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 38px;
}

.setup-text {
  max-width: 500px;
  margin: 0 auto 24px;
  color: #cfcfcf;
  line-height: 1.6;
}

.setup-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 26px 0;
}

.setup-points div {
  padding: 14px 16px;
  border-radius: 14px;
  color: #fff;
  font-weight: 800;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
}

.setup-note {
  margin: 22px auto;
  max-width: 470px;
  color: #aaa;
  line-height: 1.6;
}

.setup-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 22px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f5c451, #d99d22);
  color: #080808;
  font-weight: 900;
  text-decoration: none;
  transition: 0.2s ease;
}

.setup-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(245, 196, 81, 0.24);
}

@media (max-width: 650px) {
  .setup-points {
    grid-template-columns: 1fr;
  }

  .seller-setup-card h1 {
    font-size: 32px;
  }
}

.withdraw-setup-warning {
  margin: 26px 0;
  padding: 22px;
  border-radius: 18px;
  background: rgba(245, 196, 81, 0.10);
  border: 1px solid rgba(245, 196, 81, 0.24);
}

.withdraw-setup-warning h3 {
  margin: 0 0 8px;
  color: #f5c451;
}

.withdraw-setup-warning p {
  margin: 0 0 18px;
  color: #cfcfcf;
}

/* ===== CLEAN WITHDRAW PAGE ===== */

.clean-withdraw-card {
  max-width: 760px;
}

.withdraw-top {
  text-align: center;
  margin-bottom: 28px;
}

.withdraw-top h1 {
  margin: 0;
  color: #fff;
  font-size: 42px;
}

.withdraw-top p {
  color: #bdbdbd;
  margin-top: 10px;
}

.withdraw-balance-panel {
  margin: 0 auto 30px;
  padding: 26px;
  max-width: 440px;
  text-align: center;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(245, 196, 81, 0.16), rgba(255,255,255,0.04));
  border: 1px solid rgba(245, 196, 81, 0.28);
}

.withdraw-balance-panel span {
  display: block;
  color: #cfcfcf;
  font-weight: 800;
  margin-bottom: 8px;
}

.withdraw-balance-panel strong {
  color: #f5c451;
  font-size: 44px;
  font-weight: 950;
}

.clean-withdraw-form {
  display: grid;
  gap: 16px;
}

.clean-withdraw-form label {
  color: #fff;
  font-weight: 800;
}

.clean-withdraw-form input {
  width: 100%;
  margin-top: 8px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #fff;
  outline: none;
}

.clean-withdraw-form input:focus {
  border-color: rgba(245, 196, 81, 0.65);
  box-shadow: 0 0 0 3px rgba(245, 196, 81, 0.12);
}

.clean-withdraw-form button {
  padding: 16px 18px;
  border: none;
  border-radius: 15px;
  background: linear-gradient(135deg, #f5c451, #d99d22);
  color: #070707;
  font-weight: 950;
  cursor: pointer;
}

.payout-connected-box {
  margin-top: 22px;
  padding: 18px;
  border-radius: 16px;
  background: rgba(46, 204, 113, 0.08);
  border: 1px solid rgba(46, 204, 113, 0.22);
}

.payout-connected-box strong {
  color: #6ee7a8;
}

.payout-connected-box p {
  margin: 8px 0 0;
  color: #cfcfcf;
}

.withdraw-history {
  margin-top: 34px;
}

.withdraw-history h2 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 14px;
}

.withdraw-history-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.withdraw-history-row strong {
  display: block;
  color: #fff;
}

.withdraw-history-row span {
  color: #f5c451;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.withdraw-history-row p,
.empty-withdrawals {
  color: #aaa;
}

.message-attachment {
  margin-top: 10px;
}

.message-attachment img {
  max-width: 280px;
  max-height: 280px;
  border-radius: 12px;
  display: block;
}

.error-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #050505;
  padding: 20px;
}

.error-card {
  max-width: 520px;
  text-align: center;
  padding: 44px 34px;
  border-radius: 24px;
  background: rgba(15,15,18,.95);
  border: 1px solid rgba(245,196,81,.22);
}

.error-card h1 {
  color: #f5c451;
  font-size: 72px;
  margin: 0;
}

.error-card h2 {
  color: #fff;
}

.error-card p {
  color: #aaa;
}

.error-card a {
  display: inline-block;
  margin-top: 18px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #f5c451;
  color: #080808;
  font-weight: 900;
  text-decoration: none;
}

/* ===== MOBILE ONLY FIXES ===== */

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  * {
    box-sizing: border-box;
  }

  .main-nav {
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .main-nav .logo,
  .main-nav h2 {
    font-size: 28px !important;
  }

  .nav-right,
  .nav-left,
  .nav-links,
  .main-nav > div {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
  }

  .nav-right a,
  .nav-left a,
  .nav-links a,
  .main-nav a {
    font-size: 14px !important;
    padding: 8px 10px !important;
    white-space: nowrap;
  }

  .container,
  .market-page,
  .dashboard-page,
  .profile-page,
  .sell-page,
  .withdraw-page,
  .notifications-page,
  .purchase-history-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px 14px !important;
    overflow-x: hidden !important;
  }

  h1 {
    font-size: 38px !important;
    line-height: 1.05 !important;
  }

  h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  .market-grid,
  .listings-grid,
  .profile-listings,
  .my-listings-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .card,
  .purchase-card,
  .notification-card,
  .profile-hero,
  .dashboard-hero,
  .withdraw-card,
  .seller-setup-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  button,
  .primary-btn,
  .secondary-btn,
  .setup-btn,
  .logout-btn,
  .edit-listing-btn,
  .delete-listing-btn {
    max-width: 100% !important;
  }

  input,
  select,
  textarea {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }
}

/* ===== MOBILE DISCORD MESSAGES ===== */

@media (max-width: 768px) {
  body.messages-body {
    height: 100vh !important;
    overflow: hidden !important;
  }

  .discord-layout {
    height: calc(100vh - 120px) !important;
    overflow: hidden !important;
  }

  .discord-layout.chat-list-open .discord-main {
    display: none !important;
  }

  .discord-layout.chat-list-open .discord-sidebar {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow-y: auto !important;
    border-right: none !important;
    padding: 14px !important;
  }

  .discord-layout.chat-open .discord-sidebar {
    display: none !important;
  }

  .discord-layout.chat-open .discord-main {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .discord-chat-header {
    flex: 0 0 72px !important;
    height: 72px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #0b0d12 !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .mobile-chat-back {
    display: flex !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: white !important;
    font-size: 34px !important;
    text-decoration: none !important;
  }

  .discord-messages {
    flex: 1 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 16px 14px 120px !important;
  }

  .discord-message {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }

  .discord-message-content {
    max-width: calc(100vw - 90px) !important;
  }

  .discord-message-content p {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .chat-image,
  .message-attachment img {
    max-width: 230px !important;
    max-height: 260px !important;
    border-radius: 14px !important;
  }

  .discord-composer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000 !important;
    padding: 10px !important;
    background: rgba(11,13,18,.97) !important;
    border-top: 1px solid rgba(255,255,255,.08);
  }

  .composer-row {
    display: flex !important;
    align-items: flex-end !important;
    gap: 8px !important;
  }

  .discord-upload {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }

  .composer-row textarea {
    flex: 1 !important;
    min-width: 0 !important;
    min-height: 42px !important;
    max-height: 110px !important;
  }

  .composer-row button {
    width: auto !important;
    min-width: 68px !important;
    height: 42px !important;
    padding: 0 14px !important;
  }

  .discord-chat-item {
    width: 100% !important;
    min-height: 74px !important;
    border-radius: 16px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 769px) {
  .mobile-chat-back {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .discord-message-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .discord-message-meta strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .discord-message-meta span {
    font-size: 12px !important;
    color: #9ca3af !important;
  }

  .discord-message-content p {
    margin: 6px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .discord-message {
    align-items: flex-start !important;
  }

  .discord-avatar.mini {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }

  .composer-row textarea {
    padding: 12px 14px !important;
    line-height: 1.3 !important;
  }
}

/* ===== FIX MOBILE MESSAGE LIFTING ===== */

@media (max-width: 768px) {
  body.messages-body {
    height: 100dvh !important;
    overflow: hidden !important;
  }

  .discord-layout.chat-open {
    height: calc(100dvh - 115px) !important;
    overflow: hidden !important;
  }

  .discord-layout.chat-open .discord-main {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .discord-chat-header {
    flex: 0 0 72px !important;
  }

  .discord-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    padding: 16px 14px 18px !important;
  }

  .discord-composer {
    position: static !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    padding: 10px !important;
    background: rgba(11,13,18,.97) !important;
    border-top: 1px solid rgba(255,255,255,.08);
  }

  .composer-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .composer-row textarea {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 90px !important;
    resize: none !important;
  }

  .composer-row button {
    height: 44px !important;
  }
}

/* ===== FINAL MOBILE MESSAGE UI FIX ===== */

@media (max-width: 768px) {
  .discord-chat-header h2 {
    font-size: 17px !important;
    margin: 0 !important;
    line-height: 1.1 !important;
  }

  .discord-chat-header span {
    font-size: 12px !important;
    color: #9ca3af !important;
  }

  .discord-message {
    gap: 10px !important;
    margin-bottom: 20px !important;
  }

  .discord-message-content {
    max-width: calc(100vw - 92px) !important;
    min-width: 0 !important;
  }

  .discord-message-meta {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    margin-bottom: 5px !important;
  }

  .discord-message-meta strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
    max-width: 145px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .discord-message-meta span {
    font-size: 12px !important;
    color: #8f96a3 !important;
    white-space: nowrap !important;
  }

  .discord-message-content p {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin: 4px 0 0 !important;
    color: #f4f4f5 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .discord-avatar.mini {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  .discord-composer {
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  .composer-row {
    background: #11151d !important;
    border-radius: 18px !important;
    padding: 8px !important;
    gap: 8px !important;
  }

  .discord-upload {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
    background: #1a1f2a !important;
    border: none !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  .composer-row textarea {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 90px !important;
    padding: 12px 8px !important;
    border: none !important;
    background: transparent !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    resize: none !important;
  }

  .composer-row textarea:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .composer-row button {
    width: auto !important;
    min-width: 76px !important;
    height: 44px !important;
    border-radius: 16px !important;
    padding: 0 16px !important;
    background: #5865f2 !important;
    color: white !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  .chat-image,
  .message-attachment img {
    max-width: 230px !important;
    border-radius: 14px !important;
    margin-top: 8px !important;
  }
}

/* ===== FINAL TRUE MOBILE MESSAGE FIX ===== */

@media (max-width: 768px) {
  body.messages-body {
    height: 100dvh !important;
    overflow: hidden !important;
    background: #0f1117 !important;
  }

  body.messages-body .main-nav {
    display: none !important;
  }

  .discord-layout.chat-open {
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .discord-layout.chat-open .discord-sidebar {
    display: none !important;
  }

  .discord-layout.chat-open .discord-main {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .discord-chat-header {
    height: 72px !important;
    min-height: 72px !important;
    flex: 0 0 72px !important;
    padding: 12px 14px !important;
    background: #0f1117 !important;
  }

  .discord-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 18px 16px 18px !important;
    gap: 18px !important;
    background: #0f1117 !important;
  }

  .discord-message {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
  }

  .discord-avatar.mini {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  .discord-message-content {
    background: transparent !important;
    border: none !important;
    max-width: calc(100vw - 92px) !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .discord-message-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin: 0 0 6px !important;
  }

  .discord-message-meta strong {
    font-size: 15px !important;
    line-height: 1.1 !important;
    max-width: 145px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .discord-message-meta span {
    font-size: 12px !important;
    color: #8f96a3 !important;
    white-space: nowrap !important;
  }

  .discord-message-content p {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    color: #f4f4f5 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .discord-composer {
    position: static !important;
    flex: 0 0 auto !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    background: #0b0d12 !important;
    border-top: 1px solid #171b23 !important;
  }

  .composer-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #11151d !important;
    border-radius: 18px !important;
    padding: 8px !important;
  }

  .discord-upload {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
    background: #1a1f2a !important;
    border: none !important;
  }

  .composer-row textarea {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 90px !important;
    padding: 12px 6px !important;
    border: none !important;
    background: transparent !important;
    resize: none !important;
  }

  .composer-row button {
    width: auto !important;
    min-width: 76px !important;
    height: 44px !important;
    border-radius: 16px !important;
    background: #5865f2 !important;
  }

  .discord-layout.chat-list-open .discord-main {
    display: none !important;
  }

  .discord-layout.chat-list-open .discord-sidebar {
    display: block !important;
    width: 100% !important;
    height: 100dvh !important;
    overflow-y: auto !important;
  }
}

@media (max-width:768px){

.mobile-bottom-nav{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:68px;
    background:#10131b;
    border-top:1px solid #252b38;
    display:flex;
    justify-content:space-around;
    align-items:center;
    z-index:9999;
}

.mobile-bottom-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    color:#9ca3af;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
}

.mobile-bottom-nav a.active{
    color:#e2b64d;
}

.discord-composer{
    padding-bottom:80px !important;
}

}

/* ===== MOBILE DASHBOARD FIX ===== */

@media (max-width: 768px) {
  .dashboard-page {
    padding: 22px 16px 90px !important;
  }

  .dashboard-hero {
    padding: 26px 22px !important;
    border-radius: 24px !important;
    display: block !important;
  }

  .dashboard-hero h1 {
    font-size: 36px !important;
    line-height: 1.05 !important;
    margin-bottom: 14px !important;
  }

  .dashboard-hero p {
    font-size: 17px !important;
    line-height: 1.4 !important;
    margin-bottom: 22px !important;
  }

  .dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .dashboard-actions a {
    width: 100% !important;
    min-height: 58px !important;
    padding: 12px 10px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .dashboard-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 20px !important;
  }

  .dash-stat-card {
    min-height: 105px !important;
    padding: 22px !important;
    border-radius: 20px !important;
  }

  .dash-stat-card span {
    font-size: 15px !important;
  }

  .dash-stat-card strong {
    font-size: 36px !important;
  }

  .dashboard-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .dashboard-panel {
    border-radius: 22px !important;
    padding: 22px !important;
  }

  .panel-header {
    align-items: center !important;
    gap: 12px !important;
  }

  .panel-header h2 {
    font-size: 28px !important;
    margin: 0 !important;
  }

  .panel-header a {
    font-size: 14px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
  }

  .dashboard-row {
    display: block !important;
    padding: 16px 0 !important;
  }

  .dashboard-row strong {
    display: block !important;
    margin-bottom: 6px !important;
    font-size: 17px !important;
  }

  .dashboard-row span,
  .dashboard-row p {
    font-size: 15px !important;
    color: #b4a67d !important;
  }
}

/* ===== MOBILE DASHBOARD NAV + BUTTON CLEANUP ===== */

@media (max-width: 768px) {
  body:not(.messages-body) .main-nav {
    padding: 18px 20px !important;
    gap: 18px !important;
  }

  body:not(.messages-body) .main-nav .nav-left,
  body:not(.messages-body) .main-nav .nav-right,
  body:not(.messages-body) .main-nav > div {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  body:not(.messages-body) .main-nav .logo,
  body:not(.messages-body) .main-nav h2 {
    grid-column: 1 / -1 !important;
    font-size: 34px !important;
    margin-bottom: 8px !important;
  }

  body:not(.messages-body) .main-nav a {
    min-height: 42px !important;
    padding: 10px 8px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,215,120,0.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  .dashboard-actions {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .dashboard-actions a {
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 10px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  .dashboard-hero {
    overflow: hidden !important;
  }

  .dashboard-hero h1 {
    font-size: 34px !important;
    word-break: break-word !important;
  }
}

/* ===== MOBILE DASHBOARD WITHDRAW CARD FIX ===== */

@media (max-width: 768px) {
  .dashboard-withdraw-card,
  .withdraw-dashboard-card,
  .withdraw-funds-card,
  .dashboard-withdraw,
  .withdraw-summary-card {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 18px !important;
    overflow: hidden !important;
  }

  .dashboard-withdraw-card *,
  .withdraw-dashboard-card *,
  .withdraw-funds-card *,
  .dashboard-withdraw *,
  .withdraw-summary-card * {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .dashboard-withdraw-card h2,
  .withdraw-dashboard-card h2,
  .withdraw-funds-card h2,
  .dashboard-withdraw h2,
  .withdraw-summary-card h2 {
    font-size: 24px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  .dashboard-withdraw-card p,
  .withdraw-dashboard-card p,
  .withdraw-funds-card p,
  .dashboard-withdraw p,
  .withdraw-summary-card p {
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }
}

/* ===== DASHBOARD MOBILE FINAL FIX ===== */

@media (max-width: 768px) {
  .dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .dashboard-actions a {
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.1 !important;
  }

  .dashboard-hero {
    display: block !important;
  }
}

/* ===== RESTORE DESKTOP DASHBOARD HERO ===== */

@media (min-width: 769px) {
  .dashboard-hero {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 28px !important;
  }

  .dashboard-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    max-width: 560px !important;
    gap: 10px !important;
  }

  .dashboard-actions a {
    width: auto !important;
    min-width: 118px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

/* ===== DESKTOP DASHBOARD CLEAN FIX ===== */

@media (min-width: 769px) {
  .dashboard-hero {
    display: grid !important;
    grid-template-columns: 1fr 520px !important;
    align-items: center !important;
    gap: 36px !important;
    padding: 42px 34px !important;
  }

  .dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
  }

  .dashboard-actions a {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  .dashboard-actions a[href="/withdraw"] {
    grid-column: 2 / 3 !important;
  }
}

/* ===== MOBILE MARKETPLACE BUTTON FIX ONLY ===== */

@media (max-width: 768px) {
  .market-hero {
    display: block !important;
    padding: 28px 22px !important;
  }

  .market-hero h1 {
    font-size: 42px !important;
    line-height: 1.05 !important;
  }

  .sell-cta {
    width: 100% !important;
    margin-top: 22px !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
  }

  .market-toolbar {
    display: block !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .filter-panel {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  #searchInput {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 52px !important;
  }

  .trait-filters {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
  }

  .filter-chip {
    width: 100% !important;
    height: 52px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
  }

  .price-filters {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  #minPrice,
  #maxPrice {
    width: 100% !important;
    height: 52px !important;
    border-radius: 14px !important;
  }

  #clearFilters {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 52px !important;
    border-radius: 14px !important;
  }

  .market-count {
    margin-top: 14px !important;
    width: 100% !important;
    min-height: 54px !important;
    justify-content: center !important;
    border-radius: 16px !important;
  }

  .market-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .card-wrapper {
    width: 100% !important;
  }

  .card-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .add-btn,
  .buy-btn,
  .in-cart-btn {
    width: 100% !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }
}

/* ===== REAL MARKETPLACE MOBILE NAV FIX ===== */

@media (max-width: 768px) {
  body.marketplace-body .main-nav,
  body.marketplace-body nav.main-nav {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
  }

  body.marketplace-body .main-nav .nav-left {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    display: block !important;
  }

  body.marketplace-body .logo,
  body.marketplace-body .gold-logo {
    display: block !important;
    width: 100% !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
    text-align: left !important;
    transform: none !important;
  }

  body.marketplace-body .main-nav .nav-right {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body.marketplace-body .main-nav .nav-right > a,
  body.marketplace-body .main-nav .dropdown {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.marketplace-body .main-nav .nav-right > a,
  body.marketplace-body .account-nav-btn {
    position: relative !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  body.marketplace-body .main-nav .nav-right > a[href="/marketplace"]::after {
    display: none !important;
  }

  body.marketplace-body .cart-count-badge {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
  }
}

/* ===== MOBILE DROPDOWN CLICK FIX ===== */

@media (max-width: 768px) {
  body.marketplace-body .dropdown:hover .dropdown-content {
    display: none !important;
  }

  body.marketplace-body .dropdown.open .dropdown-content {
    display: flex !important;
  }
}

/* ===== MOBILE HOME PAGE FIX ONLY ===== */

@media (max-width: 768px) {
  body:not(.marketplace-body):not(.messages-body) .landing-hero {
    height: auto !important;
    min-height: calc(100dvh - 120px) !important;
    padding: 70px 18px 50px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-content h1 {
    font-size: 48px !important;
    line-height: .98 !important;
    letter-spacing: -0.06em !important;
    margin-bottom: 22px !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-content p {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin: 0 0 26px !important;
    max-width: 100% !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-btn {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-section {
    padding: 38px 18px !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-section h2 {
    font-size: 34px !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-cards {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body:not(.marketplace-body):not(.messages-body) .landing-card {
    padding: 22px !important;
    border-radius: 20px !important;
  }
}

/* ===== MOBILE NOTIFICATIONS FIX ONLY ===== */

@media (max-width: 768px) {
  body.notifications-body {
    overflow-x: hidden !important;
  }

  body.notifications-body .notifications-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 34px 16px 90px !important;
  }

  body.notifications-body .notifications-page h1 {
    font-size: 44px !important;
    line-height: 1 !important;
    margin-bottom: 26px !important;
  }

  body.notifications-body .notification-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  body.notifications-body .notification-card {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  body.notifications-body .notification-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
  }

  body.notifications-body .notification-content {
    min-width: 0 !important;
  }

  body.notifications-body .notification-content p {
    font-size: 17px !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.notifications-body .notification-content span {
    font-size: 13px !important;
    line-height: 1.25 !important;
    color: var(--muted) !important;
  }

  body.notifications-body .notification-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  body.notifications-body .notification-actions a,
  body.notifications-body .notification-actions button,
  body.notifications-body .notification-actions form {
    width: 100% !important;
  }

  body.notifications-body .notification-actions a,
  body.notifications-body .notification-actions button {
    height: 46px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.notifications-body .notification-unread::after {
    top: 18px !important;
    right: 18px !important;
  }
}

/* ===== HOME SAFETY SECTION MOBILE ===== */

.home-safety {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    text-align: center;
}

.home-safety-left {
    width: 100% !important;
    max-width: 100% !important;
}

.home-safety-left h2 {
    font-size: 42px !important;
    line-height: 1.05 !important;
    margin-bottom: 18px !important;
    white-space: normal !important;
}

.home-safety-left p {
    font-size: 20px !important;
    line-height: 1.6 !important;
    max-width: 100% !important;
}

.home-safety-right {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
}

.home-safety-right .stat-number {
    font-size: 38px !important;
}

.home-safety-right .stat-label {
    font-size: 17px !important;
    line-height: 1.3 !important;
}

/* ===== MOBILE HOME SAFETY STRIP FIX ===== */

@media (max-width: 768px) {
  body.home-body .safety-strip {
    display: block !important;
    padding: 32px 22px !important;
    margin: 24px 16px !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body.home-body .safety-left {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 28px !important;
  }

  body.home-body .safety-left h2 {
    font-size: 38px !important;
    line-height: 1.05 !important;
    margin: 0 0 16px !important;
    max-width: 100% !important;
  }

  body.home-body .safety-left p {
    font-size: 18px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.home-body .safety-stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
}

body.home-body .safety-stats div {
    padding: 12px 8px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,215,120,0.12) !important;
    text-align: center !important;
}

  body.home-body .safety-stats strong {
    font-size: 24px !important;
    display: block !important;
}

body.home-body .safety-stats span {
    font-size: 13px !important;
    line-height: 1.25 !important;
    display: block !important;
    margin-top: 4px !important;
}
}
/* ===== MOBILE PROFILE PAGE COMPACT FIX ONLY ===== */

@media (max-width: 768px) {
  body:has(.profile-page) {
    overflow-x: hidden !important;
  }

  .profile-page {
    padding: 22px 14px 90px !important;
  }

  .profile-hero {
    display: grid !important;
    grid-template-columns: 82px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .profile-avatar-large {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    border-width: 3px !important;
  }

  .profile-info-main {
    min-width: 0 !important;
  }

  .profile-name {
    font-size: 30px !important;
    line-height: 1.05 !important;
    margin: 0 0 8px !important;
    word-break: break-word !important;
  }

  .founder-tag {
    font-size: 11px !important;
    padding: 5px 9px !important;
    margin-bottom: 8px !important;
  }

  .profile-roblox,
  .profile-bio,
  .profile-member {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 6px 0 !important;
  }

  .profile-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .profile-primary-btn {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .profile-stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .profile-stats > div {
    padding: 15px !important;
    border-radius: 18px !important;
    min-height: 92px !important;
  }

  .profile-stats span {
    font-size: 12px !important;
  }

  .profile-stats strong {
    font-size: 24px !important;
  }

  .profile-section {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .profile-section-header h2 {
    font-size: 28px !important;
  }

  .profile-section-header span {
    font-size: 14px !important;
  }

  .profile-section .market-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .profile-listing-card,
  .profile-card-small {
    width: 100% !important;
  }

  .review-list {
    gap: 10px !important;
  }

  .review-card {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .review-card p,
  .review-card span {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
}

/* ===== MOBILE ADMIN PAGE FIX ONLY ===== */

@media (max-width: 768px) {
  body.admin-body {
    overflow-x: hidden !important;
  }

  .admin-layout {
    display: block !important;
    width: 100% !important;
  }

  .admin-sidebar {
    width: 100% !important;
    min-height: auto !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--border) !important;
  }

  .admin-sidebar h2 {
    grid-column: 1 / -1 !important;
    font-size: 30px !important;
    margin: 0 0 8px !important;
  }

  .admin-sidebar a {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.04) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
  }

  .admin-main {
    width: 100% !important;
    padding: 20px 14px 90px !important;
  }

  .admin-main h1 {
    font-size: 38px !important;
    line-height: 1 !important;
  }

  .admin-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .stat-card,
  .admin-stat-card {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .admin-section {
    overflow-x: hidden !important;
  }

  .admin-row {
    display: block !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .admin-id-badge {
    width: fit-content !important;
    margin-bottom: 10px !important;
  }

  .row-info,
  .row-meta {
    margin-bottom: 12px !important;
  }

  .row-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    justify-content: stretch !important;
  }

  .row-actions form,
  .row-actions button,
  .row-actions a {
    width: 100% !important;
  }

  .row-actions button,
  .row-actions a {
    min-height: 42px !important;
    border-radius: 14px !important;
  }

  .admin-table {
    gap: 12px !important;
  }

  .pro-dispute-card,
  .admin-section .escrow-card,
  .escrow-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .pro-dispute-top,
  .pro-dispute-middle,
  .decision-line,
  .admin-section .escrow-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .pro-dispute-message-actions,
  .pro-dispute-decisions,
  .escrow-actions {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ===== UNIVERSAL ADOPTMARKET LOGO FIX ===== */

.main-nav .logo,
.nav .logo {
  display: inline-block;
  text-decoration: none;
  font-size: 28px;
  font-weight: 900;
  color: #ffffff !important;
  letter-spacing: -1px;
  transition: transform 0.2s ease, text-shadow 0.2s ease;
}

.main-nav .logo span,
.nav .logo span {
  color: #f4c542 !important;
}

.main-nav .logo:hover,
.nav .logo:hover {
  transform: translateY(-1px);
  text-shadow: 0 0 14px rgba(244, 197, 66, 0.45);
}

.main-nav .logo:hover span,
.nav .logo:hover span {
  color: #ffd95a !important;
}

/* Hide mobile bottom nav on PC */
.mobile-bottom-nav {
  display: none;
}

/* Show mobile bottom nav only on phones */
@media (max-width: 768px) {
  .mobile-bottom-nav {
    display: flex;
  }
}

/* ===== PREMIUM SELLER ANALYTICS REDESIGN ===== */

.seller-analytics-body {
  background:
    radial-gradient(circle at top right, rgba(245, 197, 66, 0.12), transparent 35%),
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.10), transparent 30%),
    #05070b;
  color: #fff;
}

.seller-analytics-page {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 36px 0 80px;
}

.seller-analytics-hero {
  min-height: 210px;
  border-radius: 26px;
  padding: 38px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(20, 14, 5, 0.96)),
    radial-gradient(circle at right, rgba(245, 197, 66, 0.20), transparent 38%);
  border: 1px solid rgba(245, 197, 66, 0.22);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  margin-bottom: 24px;
}

.analytics-eyebrow {
  display: inline-block;
  color: #f4c542;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.seller-analytics-hero h1 {
  font-size: clamp(38px, 5vw, 58px);
  line-height: 0.95;
  margin: 0;
}

.seller-analytics-hero p {
  color: #cbd5e1;
  margin-top: 14px;
  font-size: 16px;
}

.analytics-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.analytics-hero-actions a {
  min-width: 155px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #f7c84b, #c99625);
  color: #070707;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(244, 197, 66, 0.18);
  transition: transform 0.18s ease, filter 0.18s ease;
}

.analytics-hero-actions a:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.seller-analytics-grid.premium {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}

.seller-analytics-grid.premium .analytics-card {
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(9, 13, 22, 0.96));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.seller-analytics-grid.premium .analytics-card:hover {
  transform: translateY(-3px);
  border-color: rgba(245, 197, 66, 0.32);
}

.analytics-card span {
  color: #9fb2cf;
  font-size: 13px;
  font-weight: 700;
}

.analytics-card strong {
  display: block;
  color: #fff;
  font-size: 28px;
  margin-top: 10px;
}

.analytics-card small {
  display: block;
  color: #64748b;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
}

.analytics-card.success strong {
  color: #22c55e;
}

.analytics-card.warning strong {
  color: #f59e0b;
}

.analytics-card.danger strong {
  color: #ff6b6b;
}

.premium-panel {
  background: linear-gradient(145deg, rgba(7, 10, 16, 0.96), rgba(11, 15, 24, 0.96));
  border: 1px solid rgba(245, 197, 66, 0.14);
  border-radius: 22px;
  padding: 22px 18px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.35);
}

.analytics-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 4px 2px 18px;
}

.analytics-panel-header h2 {
  margin: 0;
  font-size: 26px;
}

.analytics-panel-header p {
  margin: 6px 0 0;
  color: #94a3b8;
}

.analytics-panel-header a {
  color: #f4c542;
  font-weight: 900;
  text-decoration: underline;
}

.analytics-sales-list {
  display: grid;
  gap: 12px;
}

.analytics-sale-card {
  display: grid;
  grid-template-columns: 1fr 120px 120px 110px;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.13);
}

.analytics-sale-card strong {
  color: #fff;
}

.analytics-sale-card span {
  display: block;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}

.analytics-status {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px !important;
  font-weight: 950 !important;
  color: #fff !important;
  background: rgba(148, 163, 184, 0.20);
}

.analytics-status.pending {
  background: rgba(245, 158, 11, 0.18);
  color: #fbbf24 !important;
}

.analytics-status.completed {
  background: rgba(34, 197, 94, 0.18);
  color: #4ade80 !important;
}

.analytics-status.refunded,
.analytics-status.disputed {
  background: rgba(239, 68, 68, 0.18);
  color: #f87171 !important;
}

.analytics-empty {
  text-align: center;
  padding: 50px 20px;
  color: #94a3b8;
}

.analytics-empty h3 {
  color: #fff;
  margin-bottom: 8px;
}

@media (max-width: 900px) {
  .seller-analytics-hero {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 22px;
  }

  .analytics-hero-actions {
    width: 100%;
    justify-content: stretch;
  }

  .analytics-hero-actions a {
    flex: 1;
    min-width: 120px;
  }

  .seller-analytics-grid.premium {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 560px) {
  .seller-analytics-page {
    width: min(100% - 22px, 1120px);
    padding-bottom: 95px;
  }

  .seller-analytics-grid.premium {
    grid-template-columns: 1fr;
  }

  .analytics-hero-actions {
    flex-direction: column;
  }

  .analytics-hero-actions a {
    width: 100%;
  }
}

/* ===== SELLER ANALYTICS COLOR MATCH FIX ===== */

.seller-analytics-body {
  background:
    radial-gradient(circle at top right, rgba(244, 197, 66, 0.10), transparent 34%),
    linear-gradient(180deg, #050505, #0a0a0a) !important;
}

.seller-analytics-hero {
  background:
    linear-gradient(135deg, rgba(10, 10, 10, 0.98), rgba(22, 17, 8, 0.96)) !important;
  border-color: rgba(244, 197, 66, 0.28) !important;
}

.seller-analytics-grid.premium .analytics-card {
  background:
    linear-gradient(145deg, rgba(13, 13, 13, 0.98), rgba(7, 7, 7, 0.98)) !important;
  border-color: rgba(244, 197, 66, 0.16) !important;
}

.seller-analytics-grid.premium .analytics-card:hover {
  border-color: rgba(244, 197, 66, 0.36) !important;
}

.analytics-card span {
  color: #d9c278 !important;
}

.analytics-card small {
  color: #9f8f54 !important;
}

.premium-panel {
  background:
    linear-gradient(145deg, rgba(11, 11, 11, 0.98), rgba(6, 6, 6, 0.98)) !important;
  border-color: rgba(244, 197, 66, 0.18) !important;
}

.analytics-sale-card {
  background: rgba(14, 14, 14, 0.92) !important;
  border-color: rgba(244, 197, 66, 0.12) !important;
}

.analytics-sale-card span {
  color: #bfa85b !important;
}

/* ===== PREMIUM DASHBOARD REDESIGN ===== */

.dashboard-body {
  background:
    radial-gradient(circle at top right, rgba(244, 197, 66, 0.10), transparent 34%),
    linear-gradient(180deg, #050505, #0a0a0a);
  color: #fff;
}

.premium-dashboard {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 36px 0 90px;
}

.premium-dash-hero {
  background: linear-gradient(135deg, rgba(10, 10, 10, 0.98), rgba(22, 17, 8, 0.96));
  border: 1px solid rgba(244, 197, 66, 0.28);
  border-radius: 26px;
  padding: 38px 34px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.premium-dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 24px 0;
}

.premium-dash-stats .dash-stat-card {
  background: linear-gradient(145deg, rgba(13, 13, 13, 0.98), rgba(7, 7, 7, 0.98));
  border: 1px solid rgba(244, 197, 66, 0.16);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}

.premium-dash-stats .dash-stat-card span {
  color: #d9c278;
  font-size: 13px;
  font-weight: 800;
}

.premium-dash-stats .dash-stat-card strong {
  display: block;
  font-size: 30px;
  margin-top: 10px;
}

.premium-dash-stats .dash-stat-card small {
  display: block;
  color: #9f8f54;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
}

.premium-dash-stats .dash-stat-card.success strong {
  color: #22c55e;
}

.premium-dash-stats .dash-stat-card.warning strong {
  color: #f59e0b;
}

.premium-dash-stats .dash-stat-card.danger strong {
  color: #ff6b6b;
}

.premium-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.premium-dashboard-grid .premium-panel {
  background: linear-gradient(145deg, rgba(11, 11, 11, 0.98), rgba(6, 6, 6, 0.98));
  border: 1px solid rgba(244, 197, 66, 0.18);
  border-radius: 22px;
  padding: 22px;
}

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

.premium-panel .panel-header h2 {
  margin: 0;
}

.premium-panel .panel-header p {
  margin: 5px 0 0;
  color: #9f8f54;
  font-size: 13px;
}

.premium-panel .panel-header a {
  color: #f4c542;
  font-weight: 900;
}

.premium-row {
  background: rgba(14, 14, 14, 0.92);
  border: 1px solid rgba(244, 197, 66, 0.12);
  border-radius: 15px;
  padding: 15px 16px;
  margin-bottom: 10px;
}

.dashboard-empty-box {
  text-align: center;
  padding: 38px 18px;
  border-radius: 18px;
  background: rgba(14, 14, 14, 0.8);
  border: 1px dashed rgba(244, 197, 66, 0.18);
}

.dashboard-empty-box h3 {
  margin: 0 0 8px;
}

.dashboard-empty-box p {
  color: #9f8f54;
}

@media (max-width: 850px) {
  .premium-dash-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .premium-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .premium-dashboard {
    width: min(100% - 22px, 1120px);
  }

  .premium-dash-stats {
    grid-template-columns: 1fr;
  }

  .premium-dash-hero {
    padding: 28px 22px;
  }
}

/* ===== SELLER ANALYTICS MOBILE BUTTON FIX ===== */

@media (max-width: 560px) {
  .seller-analytics-hero .analytics-hero-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  .seller-analytics-hero .analytics-hero-actions a {
    width: 82%;
    max-width: 280px;
    min-width: 0;
    height: 42px;
    font-size: 15px;
    border-radius: 14px;
  }
}

/* ===== SELLER ANALYTICS MOBILE BUTTONS ===== */

@media (max-width: 560px) {

  .seller-analytics-hero .analytics-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    width: 100%;
    margin-top: 26px;
  }

  .seller-analytics-hero .analytics-hero-actions a {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 58px;
    border-radius: 18px;
    font-size: 17px;
    font-weight: 800;
  }

  /* Center the last button when there's an odd number */
  .seller-analytics-hero .analytics-hero-actions a:last-child {
    grid-column: 1 / 3;
    justify-self: center;
    width: 50%;
  }
}

/* ===== MOBILE DROPDOWN FIX ===== */

@media (max-width: 768px) {
  .main-nav {
    position: relative;
    z-index: 999;
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    right: 0;
    left: auto;
    width: min(280px, 90vw);
    max-height: 70vh;
    overflow-y: auto;
    z-index: 9999;
  }
}

.dropdown-content.open {
  display: block !important;
}

/* ==================================================
   NAVBAR FINAL FIX - DO NOT DELETE
   This overrides all older duplicate navbar rules above.
   Desktop:
   - AdoptMarket stays left
   - Home / Marketplace / Cart stay centered
   - Username dropdown stays right
   Mobile:
   - navbar stacks cleanly into buttons
   ================================================== */

@media (min-width: 769px) {
  body:not(.messages-body) .main-nav,
  body:not(.messages-body) nav.main-nav,
  body.marketplace-body .main-nav,
  body.marketplace-body nav.main-nav {
    position: relative !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 48px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  body:not(.messages-body) .main-nav .nav-left,
  body.marketplace-body .main-nav .nav-left {
    position: absolute !important;
    left: 48px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  body:not(.messages-body) .main-nav .nav-right,
  body.marketplace-body .main-nav .nav-right {
    position: static !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    flex-wrap: nowrap !important;
  }

  body:not(.messages-body) .main-nav .nav-right > a,
  body.marketplace-body .main-nav .nav-right > a {
    position: relative !important;
    width: auto !important;
    min-width: auto !important;
    min-height: 46px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border-radius: 13px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body:not(.messages-body) .main-nav .dropdown,
  body.marketplace-body .main-nav .dropdown {
    position: absolute !important;
    right: 48px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    z-index: 100000 !important;
  }

  body:not(.messages-body) .main-nav .account-nav-btn,
  body.marketplace-body .main-nav .account-nav-btn {
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
  }

  body:not(.messages-body) .main-nav .dropdown-content,
  body.marketplace-body .main-nav .dropdown-content {
    top: calc(100% - 1px) !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    min-width: 230px !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body:not(.messages-body) .main-nav,
  body:not(.messages-body) nav.main-nav,
  body.marketplace-body .main-nav,
  body.marketplace-body nav.main-nav {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
  }

  body:not(.messages-body) .main-nav .nav-left,
  body.marketplace-body .main-nav .nav-left {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
  }

  body:not(.messages-body) .main-nav .logo,
  body:not(.messages-body) .main-nav .gold-logo,
  body.marketplace-body .main-nav .logo,
  body.marketplace-body .main-nav .gold-logo {
    display: block !important;
    width: 100% !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
    text-align: left !important;
    transform: none !important;
  }

  body:not(.messages-body) .main-nav .nav-right,
  body.marketplace-body .main-nav .nav-right {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body:not(.messages-body) .main-nav .nav-right > a,
  body:not(.messages-body) .main-nav .dropdown,
  body.marketplace-body .main-nav .nav-right > a,
  body.marketplace-body .main-nav .dropdown {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body:not(.messages-body) .main-nav .nav-right > a,
  body:not(.messages-body) .account-nav-btn,
  body.marketplace-body .main-nav .nav-right > a,
  body.marketplace-body .account-nav-btn {
    position: relative !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  body:not(.messages-body) .dropdown:hover .dropdown-content,
  body.marketplace-body .dropdown:hover .dropdown-content {
    display: none !important;
  }

  body:not(.messages-body) .dropdown.open .dropdown-content,
  body.marketplace-body .dropdown.open .dropdown-content {
    display: flex !important;
  }

  body:not(.messages-body) .dropdown-content,
  body.marketplace-body .dropdown-content {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(310px, 92vw) !important;
    min-width: 0 !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
  }
}

/* ==================================================
   DASHBOARD NAV CLEAN OVERRIDES
   Dashboard-only desktop + mobile navbar fixes.
   Safe: does not change marketplace/home pages.
   ================================================== */

/* Desktop dashboard: keep Home, Marketplace, and username grouped on the right */
body.dashboard-body .main-nav .nav-right {
  margin-left: auto !important;
  width: auto !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: nowrap !important;
}

body.dashboard-body .main-nav .dropdown {
  position: relative !important;
  margin-left: 0 !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

body.dashboard-body .main-nav .dropdown-content {
  top: 100% !important;
  right: 0 !important;
  margin-top: 0 !important;
}

body.dashboard-body .dropdown.open .dropdown-content {
  display: flex !important;
}

/* Dashboard only: Marketplace should not look active/gold */
body.dashboard-body .main-nav .nav-right a[href="/marketplace"] {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  filter: none !important;
  color: #f4f4f5 !important;
}

body.dashboard-body .main-nav .nav-right a[href="/marketplace"]::after {
  display: none !important;
  content: none !important;
}

/* Mobile dashboard navbar */
@media (max-width: 768px) {
  body.dashboard-body .main-nav {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    overflow: visible !important;
  }

  body.dashboard-body .main-nav .nav-left {
    width: 100% !important;
    display: block !important;
  }

  body.dashboard-body .main-nav .logo,
  body.dashboard-body .main-nav .gold-logo {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
  }

  body.dashboard-body .main-nav .nav-right {
    width: 100% !important;
    margin-left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-content: initial !important;
    overflow: visible !important;
  }

  body.dashboard-body .main-nav .nav-right > a {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,215,120,0.10) !important;
    color: #f4f4f5 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.dashboard-body .main-nav .nav-right > a[href="/marketplace"] {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,215,120,0.10) !important;
    color: #f4f4f5 !important;
  }

  body.dashboard-body .main-nav .nav-right > a[href="/marketplace"]::after {
    display: none !important;
    content: none !important;
  }

  body.dashboard-body .main-nav .dropdown {
    width: 100% !important;
    position: relative !important;
    transform: none !important;
    margin-left: 0 !important;
    overflow: visible !important;
  }

  body.dashboard-body .main-nav .account-nav-btn {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    justify-content: center !important;
  }

  body.dashboard-body .dropdown:hover .dropdown-content {
    display: none !important;
  }

  body.dashboard-body .dropdown.open .dropdown-content {
    display: flex !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-top: 0 !important;
    z-index: 999999 !important;
  }
}

/* ===== DASHBOARD PC MARKETPLACE HOVER MATCH HOME ===== */

@media (min-width: 769px) {
  body.dashboard-body .main-nav .nav-right a[href="/marketplace"] {
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    color: #f4f4f5 !important;
  }

  body.dashboard-body .main-nav .nav-right a[href="/marketplace"]:hover {
    color: var(--primary) !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    body.dashboard-body .main-nav .nav-right a[href="/marketplace"]:hover {
    transform: translateY(-2px) !important;
}
  }

  body.dashboard-body .main-nav .nav-right a[href="/marketplace"]::before,
  body.dashboard-body .main-nav .nav-right a[href="/marketplace"]::after {
    display: none !important;
    content: none !important;
  }
}

/* ===== DASHBOARD MARKETPLACE MATCH HOME ===== */

body.dashboard-body .main-nav .nav-right a[href="/marketplace"]{
    border:1px solid transparent !important;
    border-radius:14px !important;
    background:transparent !important;
    transition:all .25s ease !important;
}

body.dashboard-body .main-nav .nav-right a[href="/marketplace"]:hover{
    background:rgba(255,215,120,.08) !important;
    border-color:rgba(255,215,120,.35) !important;
    color:#ffd76b !important;
}

/* ===== DASHBOARD MOBILE MARKETPLACE BOX FIX ===== */

@media (max-width: 768px) {
  body.dashboard-body .main-nav .nav-right a[href="/marketplace"] {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,215,120,.10) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }
}

/* ===== MOBILE DROPDOWNS SAME SIZE + BADGES VISIBLE ===== */

@media (max-width: 768px) {
  body.marketplace-body .main-nav,
  body.dashboard-body .main-nav {
    position: relative !important;
    overflow: visible !important;
  }

  body.marketplace-body .main-nav .dropdown,
  body.dashboard-body .main-nav .dropdown {
    position: static !important;
  }

  body.marketplace-body .dropdown.open .dropdown-content,
  body.dashboard-body .dropdown.open .dropdown-content {
    display: flex !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: calc(100% - 1px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    transform: none !important;
    margin-top: 0 !important;
    overflow: visible !important;
    z-index: 999999 !important;
  }

  body.marketplace-body .dropdown-content a,
  body.dashboard-body .dropdown-content a {
    position: relative !important;
    overflow: visible !important;
  }

  body.marketplace-body .nav-count-badge,
  body.dashboard-body .nav-count-badge,
  body.marketplace-body .cart-count-badge,
  body.dashboard-body .cart-count-badge {
    position: absolute !important;
    right: -10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1000000 !important;
  }
}

/* ===== WITHDRAW HISTORY UPGRADE ===== */

.upgraded-withdraw-row {
  align-items: flex-start;
}

.withdraw-history-main {
  min-width: 150px;
}

.withdraw-history-details {
  text-align: right;
}

.withdraw-history-details p {
  margin: 0 0 5px;
  color: #aaa;
  font-size: 13px;
}

.withdraw-status {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px !important;
  font-weight: 900;
}

.withdraw-status.pending {
  color: #f5c451;
  background: rgba(245, 196, 81, 0.12);
  border: 1px solid rgba(245, 196, 81, 0.25);
}

.withdraw-status.approved {
  color: #6ee7a8;
  background: rgba(46, 204, 113, 0.10);
  border: 1px solid rgba(46, 204, 113, 0.25);
}

.withdraw-status.denied {
  color: #ff8a8a;
  background: rgba(255, 77, 77, 0.10);
  border: 1px solid rgba(255, 77, 77, 0.25);
}

.withdraw-admin-note {
  color: #d6d6d6 !important;
}

@media (max-width: 650px) {
  .upgraded-withdraw-row {
    flex-direction: column;
  }

  .withdraw-history-details {
    text-align: left;
  }
}

/* ===== ADMIN OVERVIEW ANALYTICS CARDS ===== */

.admin-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 22px 0 26px;
}

.admin-stat-card {
  background: rgba(16, 19, 26, 0.92);
  border: 1px solid rgba(90, 110, 140, 0.28);
  border-radius: 14px;
  padding: 16px 18px;
}

.admin-stat-card h3 {
  margin: 0 0 9px;
  font-size: 12px;
  color: #cfe2ff;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.admin-stat-card p {
  margin: 0;
  font-size: 23px;
  font-weight: 900;
  color: #b9c7da;
}

@media (max-width: 900px) {
  .admin-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .admin-stats {
    grid-template-columns: 1fr;
  }
}

/* ===== MOBILE PENDING SALES ACTION FIX ===== */

@media (max-width: 700px) {
  .pending-sale-card,
  .seller-pending-card,
  .pending-order-card {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
  }

  .pending-sale-actions,
  .seller-pending-actions,
  .pending-order-actions {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    margin-top: 18px;
  }

  .pending-sale-actions form,
  .seller-pending-actions form,
  .pending-order-actions form {
    width: 100%;
  }

  .pending-sale-actions button,
  .seller-pending-actions button,
  .pending-order-actions button,
  .upload-proof-btn,
  .mark-delivered-btn {
    width: 100% !important;
    display: block !important;
  }
}

/* ===== SELLER PENDING MOBILE PROOF BUTTON FIX ===== */

@media (max-width: 768px) {
  .pending-order-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .pending-order-card .clean-purchase-action {
    display: block !important;
    width: 100% !important;
    justify-content: stretch !important;
  }

  .pending-order-card .pending-proof-form {
    display: block !important;
    width: 100% !important;
  }

  .pending-order-card .pending-proof-title {
    display: block !important;
    margin-bottom: 10px !important;
    color: #d6a84f !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  .pending-order-card .pending-proof-row {
    display: grid !important;
    grid-template-columns: 54px 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .pending-order-card .mini-upload-btn {
    width: 54px !important;
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(214,168,79,.28) !important;
    background: rgba(214,168,79,.08) !important;
    color: #ffd36b !important;
  }

  .pending-order-card .confirm-btn {
    width: 100% !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .pending-order-card .proof-preview {
    width: 100% !important;
    max-height: 150px !important;
    margin-top: 12px !important;
    margin-left: 0 !important;
  }
}

.auth-success {
  margin: 14px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #86efac;
  font-weight: 800;
  text-align: center;
}

.auth-error {
  margin: 14px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.35);
  color: #fca5a5;
  font-weight: 800;
  text-align: center;
}

/* ===== PASSWORD UPDATED PAGE ===== */

.password-updated-icon {
  width: 66px;
  height: 66px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.45);
  color: #86efac;
  font-size: 34px;
  font-weight: 900;
}

.password-updated-btn {
  width: 100%;
  min-height: 44px;
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: linear-gradient(180deg, #f5bd45, #d99718);
  color: #080808;
  font-weight: 900;
  text-decoration: none;
  transition: transform 0.18s ease;
}

.password-updated-btn:hover {
  transform: translateY(-2px);
}

.email-verified-login-btn {
  display: flex;
  width: fit-content;
  min-height: 34px;
  margin: 0 auto;
  padding: 0 14px;

  align-items: center;
  justify-content: center;

  background: rgba(37, 99, 235, 0.18);
  color: #bfdbfe;
  border: 1px solid rgba(96, 165, 250, 0.4);
  border-radius: 9px;

  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: 0.18s ease;
}

.email-verified-login-btn:hover {
  transform: translateY(-1px);
  background: rgba(37, 99, 235, 0.3);
}

body.messages-body .discord-avatar {
  padding: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0;
}

body.messages-body .discord-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

@media (min-width: 769px) {
  .profile-section .market-grid {
    grid-template-columns: repeat(7, 145px) !important;
  }
}