:root{
  --page-bg:radial-gradient(circle at top left, rgba(123,92,255,.10), transparent 28%), radial-gradient(circle at top right, rgba(43,50,214,.08), transparent 24%), linear-gradient(180deg,#f8f9ff 0%, #f5f7fb 100%);
  --topbar-bg:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(248,250,252,.94) 100%);
  --surface-grad:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,250,252,.96) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(248,250,252,.96) 0%,rgba(241,245,249,.96) 100%);
  --bg:#f6f7fb;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e5e7eb;
  --input-bg:#ffffff;
  --input-text:#0f172a;
  --input-border:#cbd5e1;
  --primary:#111827;
  --primary-text:#ffffff;
  --link:#2563eb;
  --badge-bg:#eef2ff;
  --badge-text:#4338ca;
  --rating-bg:#fef3c7;
  --rating-text:#92400e;
  --accent-gradient:linear-gradient(135deg,#2b32d6 0%,#7b5cff 100%);
  --accent-soft:rgba(73,95,255,.10);
  --accent-strong:#5b62ff;
  --accent-text:#ffffff;
}
:root[data-theme="dark"]{
  --page-bg:radial-gradient(circle at top left, rgba(123,92,255,.16), transparent 24%), radial-gradient(circle at top right, rgba(243,51,89,.12), transparent 18%), linear-gradient(180deg,#07102a 0%, #020817 100%);
  --topbar-bg:linear-gradient(180deg,rgba(9,18,48,.92) 0%,rgba(10,23,59,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(12,25,63,.94) 0%,rgba(9,22,58,.94) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(13,31,76,.95) 0%,rgba(9,24,61,.95) 100%);
  --bg:#020817;
  --surface:#0f172a;
  --surface-2:#111827;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --border:#334155;
  --input-bg:#0b1220;
  --input-text:#f8fafc;
  --input-border:#475569;
  --primary:#e5e7eb;
  --primary-text:#111827;
  --link:#93c5fd;
  --badge-bg:#312e81;
  --badge-text:#c7d2fe;
  --rating-bg:#78350f;
  --rating-text:#fde68a;

  --accent-gradient:linear-gradient(135deg,#2028c7 0%,#6f5bff 100%);
  --accent-soft:rgba(123,92,255,.14);
  --accent-strong:#7b5cff;
  --accent-text:#ffffff;
}
:root[data-theme="ocean"]{
  --page-bg:radial-gradient(circle at top left, rgba(125,211,252,.18), transparent 22%), radial-gradient(circle at top right, rgba(234,215,157,.16), transparent 20%), linear-gradient(180deg,#052033 0%, #031b2b 100%);
  --topbar-bg:linear-gradient(180deg,rgba(9,42,63,.92) 0%,rgba(8,35,53,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(13,41,61,.96) 0%,rgba(11,35,52,.96) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(18,49,73,.96) 0%,rgba(13,41,61,.96) 100%);
  --bg:#031b2b;
  --surface:#0d2538;
  --surface-2:#123149;
  --text:#e0f2fe;
  --muted:#93c5fd;
  --border:#214a69;
  --input-bg:#0b2133;
  --input-text:#eff6ff;
  --input-border:#2f5f84;
  --primary:#38bdf8;
  --primary-text:#082f49;
  --link:#7dd3fc;
  --badge-bg:#0f3a55;
  --badge-text:#bae6fd;
  --rating-bg:#0c4a6e;
  --rating-text:#e0f2fe;

  --accent-gradient:linear-gradient(135deg,#c5d6d1 0%,#ead79d 100%);
  --accent-soft:rgba(197,214,209,.18);
  --accent-strong:#d9c88d;
  --accent-text:#10283a;
}
:root[data-theme="emerald"]{
  --page-bg:radial-gradient(circle at top left, rgba(239,75,79,.16), transparent 23%), radial-gradient(circle at top right, rgba(234,77,138,.14), transparent 18%), linear-gradient(180deg,#0d1a18 0%, #061711 100%);
  --topbar-bg:linear-gradient(180deg,rgba(18,37,31,.92) 0%,rgba(13,28,24,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(16,36,29,.95) 0%,rgba(14,31,26,.95) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(21,49,40,.96) 0%,rgba(16,36,29,.96) 100%);
  --bg:#061711;
  --surface:#10241d;
  --surface-2:#153128;
  --text:#ecfdf5;
  --muted:#a7f3d0;
  --border:#21543f;
  --input-bg:#0b1f18;
  --input-text:#f0fdf4;
  --input-border:#2c6a52;
  --primary:#34d399;
  --primary-text:#052e22;
  --link:#6ee7b7;
  --badge-bg:#164e3d;
  --badge-text:#d1fae5;
  --rating-bg:#14532d;
  --rating-text:#dcfce7;

  --accent-gradient:linear-gradient(135deg,#ef4b4f 0%,#ea4d8a 100%);
  --accent-soft:rgba(239,75,79,.16);
  --accent-strong:#ea4d8a;
  --accent-text:#ffffff;
}
:root[data-theme="violet"]{
  --page-bg:radial-gradient(circle at top left, rgba(215,183,230,.18), transparent 24%), radial-gradient(circle at top right, rgba(197,208,221,.14), transparent 20%), linear-gradient(180deg,#1b1028 0%, #14091f 100%);
  --topbar-bg:linear-gradient(180deg,rgba(35,19,51,.92) 0%,rgba(31,17,46,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(34,17,51,.95) 0%,rgba(29,15,45,.95) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(44,24,66,.96) 0%,rgba(34,17,51,.96) 100%);
  --bg:#14091f;
  --surface:#221133;
  --surface-2:#2c1842;
  --text:#f5f3ff;
  --muted:#d8b4fe;
  --border:#52306f;
  --input-bg:#1b0f2a;
  --input-text:#faf5ff;
  --input-border:#69438f;
  --primary:#c084fc;
  --primary-text:#2e1065;
  --link:#d8b4fe;
  --badge-bg:#4c1d95;
  --badge-text:#ede9fe;
  --rating-bg:#6b21a8;
  --rating-text:#f3e8ff;

  --accent-gradient:linear-gradient(135deg,#d7b7e6 0%,#c5d0dd 100%);
  --accent-soft:rgba(215,183,230,.16);
  --accent-strong:#cbbfdc;
  --accent-text:#2b1a3f;
}
:root[data-theme="rose"]{
  --page-bg:radial-gradient(circle at top left, rgba(242,207,85,.18), transparent 24%), radial-gradient(circle at top right, rgba(220,155,200,.16), transparent 18%), linear-gradient(180deg,#31131f 0%, #240b16 100%);
  --topbar-bg:linear-gradient(180deg,rgba(54,21,35,.92) 0%,rgba(44,17,29,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(52,19,33,.95) 0%,rgba(43,16,27,.95) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(67,24,42,.96) 0%,rgba(52,19,33,.96) 100%);
  --bg:#240b16;
  --surface:#341321;
  --surface-2:#43182a;
  --text:#fff1f2;
  --muted:#fda4af;
  --border:#7f1d3a;
  --input-bg:#2b101b;
  --input-text:#fff1f2;
  --input-border:#9f3556;
  --primary:#fb7185;
  --primary-text:#4c0519;
  --link:#fda4af;
  --badge-bg:#881337;
  --badge-text:#ffe4e6;
  --rating-bg:#9f1239;
  --rating-text:#ffe4e6;

  --accent-gradient:linear-gradient(135deg,#f2cf55 0%,#dc9bc8 100%);
  --accent-soft:rgba(242,207,85,.18);
  --accent-strong:#e4b0b8;
  --accent-text:#4b1830;
}
:root[data-theme="amber"]{
  --page-bg:radial-gradient(circle at top left, rgba(165,150,232,.20), transparent 24%), radial-gradient(circle at top right, rgba(198,208,222,.16), transparent 20%), linear-gradient(180deg,#2b1b08 0%, #1f1306 100%);
  --topbar-bg:linear-gradient(180deg,rgba(50,31,10,.92) 0%,rgba(42,26,8,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(60,36,12,.95) 0%,rgba(49,30,10,.95) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(77,49,17,.96) 0%,rgba(60,36,12,.96) 100%);
  --bg:#fff7e8;
  --surface:#fffaf0;
  --surface-2:#fff1cc;
  --text:#2f1d06;
  --muted:#6b4b10;
  --border:#cfa14c;
  --input-bg:#fffdf8;
  --input-text:#2f1d06;
  --input-border:#b88327;
  --primary:#f59e0b;
  --primary-text:#2a1700;
  --link:#8f4a00;
  --badge-bg:#fef3c7;
  --badge-text:#92400e;
  --rating-bg:#fbbf24;
  --rating-text:#5b3b00;

  --accent-gradient:linear-gradient(135deg,#a596e8 0%,#c6d0de 100%);
  --accent-soft:rgba(165,150,232,.18);
  --accent-strong:#aca8e7;
  --accent-text:#3f2f12;
}
:root[data-theme="graphite"]{
  --page-bg:radial-gradient(circle at top left, rgba(223,132,219,.14), transparent 22%), radial-gradient(circle at top right, rgba(236,210,234,.10), transparent 18%), linear-gradient(180deg,#131722 0%, #0d1119 100%);
  --topbar-bg:linear-gradient(180deg,rgba(24,30,43,.92) 0%,rgba(18,24,35,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(27,33,46,.95) 0%,rgba(21,27,39,.95) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(36,43,58,.96) 0%,rgba(27,33,46,.96) 100%);
  --bg:#0e1116;
  --surface:#191f27;
  --surface-2:#232a34;
  --text:#f3f4f6;
  --muted:#9ca3af;
  --border:#3f4752;
  --input-bg:#131922;
  --input-text:#f9fafb;
  --input-border:#545d6b;
  --primary:#d1d5db;
  --primary-text:#111827;
  --link:#cbd5e1;
  --badge-bg:#374151;
  --badge-text:#f3f4f6;
  --rating-bg:#4b5563;
  --rating-text:#f9fafb;

  --accent-gradient:linear-gradient(135deg,#df84db 0%,#ecd2ea 100%);
  --accent-soft:rgba(223,132,219,.16);
  --accent-strong:#df84db;
  --accent-text:#311739;
}
:root[data-theme="midnight"]{
  --page-bg:radial-gradient(circle at top left, rgba(243,51,89,.16), transparent 22%), radial-gradient(circle at top right, rgba(203,116,182,.14), transparent 18%), linear-gradient(180deg,#11091d 0%, #080612 100%);
  --topbar-bg:linear-gradient(180deg,rgba(29,12,35,.92) 0%,rgba(22,10,30,.92) 100%);
  --surface-grad:linear-gradient(180deg,rgba(33,12,45,.95) 0%,rgba(24,10,34,.95) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(49,17,66,.96) 0%,rgba(33,12,45,.96) 100%);
  --bg:#050816;
  --surface:#0d1430;
  --surface-2:#111c41;
  --text:#e0e7ff;
  --muted:#a5b4fc;
  --border:#2a3a73;
  --input-bg:#0a122b;
  --input-text:#eef2ff;
  --input-border:#3d4e8f;
  --primary:#818cf8;
  --primary-text:#1e1b4b;
  --link:#a5b4fc;
  --badge-bg:#312e81;
  --badge-text:#e0e7ff;
  --rating-bg:#3730a3;
  --rating-text:#e0e7ff;

  --accent-gradient:linear-gradient(135deg,#f33359 0%,#cb74b6 100%);
  --accent-soft:rgba(243,51,89,.16);
  --accent-strong:#e24d86;
  --accent-text:#ffffff;
}
:root[data-theme="beige"]{
  --page-bg:radial-gradient(circle at top left, rgba(172,166,234,.14), transparent 24%), radial-gradient(circle at top right, rgba(197,208,225,.18), transparent 20%), linear-gradient(180deg,#f2ede6 0%, #e8e0d3 100%);
  --topbar-bg:linear-gradient(180deg,rgba(246,241,234,.94) 0%,rgba(237,230,220,.94) 100%);
  --surface-grad:linear-gradient(180deg,rgba(250,246,240,.96) 0%,rgba(241,235,226,.96) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(244,238,230,.96) 0%,rgba(234,226,214,.96) 100%);
  --bg:#f6f0e7;
  --surface:#fffaf4;
  --surface-2:#efe3d3;
  --text:#433228;
  --muted:#7c6658;
  --border:#dbc8b5;
  --input-bg:#fffdf9;
  --input-text:#433228;
  --input-border:#c8b09a;
  --primary:#8b5e3c;
  --primary-text:#fffaf4;
  --link:#7c4a2d;
  --badge-bg:#ead8c3;
  --badge-text:#5f4637;
  --rating-bg:#d6b98d;
  --rating-text:#4a3411;

  --accent-gradient:linear-gradient(135deg,#aca6ea 0%,#c5d0e1 100%);
  --accent-soft:rgba(172,166,234,.18);
  --accent-strong:#aca6ea;
  --accent-text:#2e2747;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background-color:var(--bg);
  background-image:var(--page-bg);
  background-attachment:fixed;
  color:var(--text);
}
html{min-height:100%;}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}

.topbar{
  position:sticky;
  top:0;
  z-index:20;
  background:var(--topbar-bg);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(15,23,42,.10);
}
.topbar-inner{
  max-width:1280px;
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:16px;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--text);
  font-weight:700;
  text-decoration:none;
}
.logo-mark{
  width:44px;
  height:44px;
  border-radius:14px;
  background:var(--primary);
  color:var(--primary-text);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}
.logo-text{
  color:var(--text);
  font-size:18px;
}
.nav{
  margin-left:auto;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;min-width:0;flex-wrap:nowrap;}
.nav-main{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;}
.nav-user-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex:0 0 auto;}
.nav-home{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:18px;line-height:1;}
.nav-sell-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px !important;border-radius:999px;background:var(--accent-gradient);color:var(--accent-text) !important;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 24px var(--accent-soft);text-shadow:0 1px 0 rgba(255,255,255,.10);}
.nav-sell-btn:hover{text-decoration:none;filter:brightness(1.03);}
.nav-notify-wrap{position:relative;flex:0 0 auto;}
.nav-notify-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;}
.nav-notify-btn:hover{background:rgba(99,102,241,.12);}
.nav-messages-link,.nav-shell > .nav-main > a{white-space:nowrap;}
.topbar-inner{flex-wrap:nowrap;}
.profile-sidebar{min-width:260px;}
.profile-main-column > .card:first-child{margin-top:0;}
.nav a{
  padding:8px 10px;
  border-radius:999px;
  color:var(--text);
}
.nav a:hover{
  background:rgba(99,102,241,.12);
  text-decoration:none;
}
.nav-has-unread{
  box-shadow:0 0 0 2px rgba(220,38,38,.25) inset;
}
.theme-menu{position:relative;}
.theme-toggle{
  margin-left:8px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-grad);
  color:var(--text);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
  cursor:pointer;
  font:inherit;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.theme-toggle:hover{background:var(--surface-2)}
.theme-toggle-current{opacity:1;font-size:12px;font-weight:700;color:var(--text);}
.theme-toggle-text::before{content:"🎨 "}
.theme-toggle-current{font-size:12px;color:var(--muted);}
.theme-toggle::after{content:"▾";font-size:12px;color:var(--muted);}
.theme-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  padding:10px;
  border-radius:18px;
  border:1px solid var(--border);
  background:var(--surface-grad);
  box-shadow:0 18px 40px rgba(15,23,42,.18);
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  z-index:60;
}
.theme-option{
  width:100%;
  border:1px solid var(--border);
  background:var(--surface-grad-2);
  color:var(--text);
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.theme-option:hover{background:rgba(99,102,241,.12);}
.theme-option.is-active{border-color:var(--link);box-shadow:0 0 0 1px var(--link) inset;}
.theme-option span:last-child{font-weight:700;color:var(--text);opacity:1;}
.theme-swatch{display:inline-block;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px rgba(15,23,42,.16);}
.theme-swatch-light{background:linear-gradient(135deg,#f8f9ff 0%,#eef2ff 52%,#dfe5ff 100%);}
.theme-swatch-dark{background:linear-gradient(135deg,#07102a 0%,#0d1f52 55%,#4538a5 100%);}
.theme-swatch-ocean{background:linear-gradient(135deg,#052033 0%,#0f3d59 55%,#e2d39c 100%);}
.theme-swatch-emerald{background:linear-gradient(135deg,#0d1a18 0%,#123026 48%,#ef4b4f 100%);}
.theme-swatch-violet{background:linear-gradient(135deg,#1b1028 0%,#382056 55%,#d7b7e6 100%);}
.theme-swatch-rose{background:linear-gradient(135deg,#31131f 0%,#5f223d 52%,#f2cf55 100%);}
.theme-swatch-amber{background:linear-gradient(135deg,#2b1b08 0%,#6a4213 52%,#f0b44c 100%);}
.theme-swatch-graphite{background:linear-gradient(135deg,#131722 0%,#2a3140 52%,#df84db 100%);}
.theme-swatch-midnight{background:linear-gradient(135deg,#11091d 0%,#301447 52%,#f33359 100%);}
.theme-swatch-beige{background:linear-gradient(135deg,#f2ede6 0%,#e9dfcf 55%,#aca6ea 100%);}

:root:not([data-theme="dark"]) .theme-toggle{box-shadow:0 8px 20px rgba(79,54,37,.06);}



.page{
  width:100%;
  flex:1 0 auto;
  max-width:1280px;
  margin:22px auto;
  padding:0 16px 44px;
}

.card,.list-card,.msg-item{
  background:var(--surface-grad);
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  margin-bottom:16px;
  box-shadow:0 2px 4px rgba(15,23,42,.03);
  color:var(--text);
}
.grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.list-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
  gap:14px;
}
.list-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}
.list-card-img{
  width:100%;
  height:180px;
  object-fit:contain;
  object-position:center center;
  box-sizing:border-box;
  padding:8px;
  background:var(--surface-2);
}
.list-card-body{padding:12px}
.list-card-title{
  font-weight:600;
  margin-bottom:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.list-card-meta{
  font-size:12px;
  color:var(--muted);
  display:flex;
  justify-content:space-between;
  gap:8px;
}

.list-card-compact{position:relative;min-height:100%;}
.list-card-media{position:relative;background:var(--surface-2);}
.list-card-link{position:absolute;inset:0;z-index:1;border-radius:16px 16px 0 0;}
.list-card-favorite-form{position:absolute;top:10px;right:10px;z-index:3;margin:0;}
.list-card-favorite{width:32px;height:32px;border:none;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22);}
.list-card-favorite:hover{transform:translateY(-1px);}
.list-card-price{font-size:18px;font-weight:800;color:var(--text);margin-bottom:6px;}
.list-card-location{font-size:12px;color:var(--muted);margin-bottom:10px;}
.list-card-stats{display:flex;gap:8px;flex-wrap:wrap;}
.list-card-stat{font-size:12px;padding:6px 10px;border-radius:999px;}
.seller-filter-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 18px;}
.seller-filter-reset{white-space:nowrap;}
:root[data-theme="light"] .list-card-favorite,
:root[data-theme="beige"] .list-card-favorite,
:root[data-theme="pearl"] .list-card-favorite,
:root[data-theme="sky"] .list-card-favorite{background:rgba(255,255,255,.92);color:#111827;border:1px solid rgba(148,163,184,.5);}
input,select,textarea{
  width:100%;
  padding:10px;
  border:1px solid var(--input-border);
  border-radius:10px;
  font:inherit;
  background:var(--input-bg);
  color:var(--input-text);
}
textarea{min-height:120px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--muted)}
label{display:block;font-size:14px;margin-bottom:4px}
.form-row{margin-bottom:12px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border:none;
  border-radius:999px;
  background:var(--primary);
  color:var(--primary-text);
  cursor:pointer;
  font:inherit;
}
.btn.secondary{
  background:var(--surface);
  color:var(--text);
  border:1px solid var(--input-border);
}
.flash{
  padding:10px 12px;
  border-radius:10px;
  margin-bottom:12px;
  font-size:13px;
}
.flash-ok{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}
.flash-err{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}
.badge{
  display:inline-flex;
  padding:2px 8px;
  border-radius:999px;
  background:var(--badge-bg);
  color:var(--badge-text);
  font-size:11px;
}
.badge-rating{background:var(--rating-bg);color:var(--rating-text)}
.user-risk-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid rgba(245,158,11,.38);
  border-radius:12px;
  background:rgba(245,158,11,.10);
  color:var(--text);
  font-size:13px;
  line-height:1.45;
}
.user-risk-note strong{white-space:nowrap;}
.user-risk-note.is-strong{
  border-color:rgba(239,68,68,.42);
  background:rgba(239,68,68,.10);
}
.user-risk-note--compact{
  margin-top:10px;
  flex-wrap:wrap;
}
.table{width:100%;border-collapse:collapse}
.table th,.table td{
  padding:8px;
  border-bottom:1px solid var(--border);
  text-align:left;
  font-size:13px;
  color:var(--text);
}
.table th{background:var(--surface-2)}
.footer{
  margin-top:auto;
  width:100%;
  background:var(--surface);
  border-top:1px solid var(--border);
}
.footer-inner{
  max-width:1280px;
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:12px;
}
.msg-meta,.muted{color:var(--muted)}
.nav-messages-link{position:relative}
.nav-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:6px;
  border-radius:999px;
  background:#dc2626;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
}
.chat-layout{
  display:grid;
  grid-template-columns:380px 1fr;
  gap:20px;
  align-items:start;
}
.msg-sidebar,.msg-chat{margin-bottom:0}
.chat-sidebar-list{display:flex;flex-direction:column;gap:8px}
.chat-sidebar-item{
  display:block;
  padding:12px;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  color:var(--text);
}
.chat-sidebar-item:hover{text-decoration:none;background:var(--surface-2)}
.chat-sidebar-item.active{background:var(--surface-2);border-color:var(--border)}
.chat-sidebar-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.chat-sidebar-item div{
  word-break:break-word;
  overflow-wrap:anywhere;
}
.chat-unread-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:700;
  margin-top:8px;
}
.chat-header{
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
  margin-bottom:12px;
}
.chat-messages{
  height:460px;
  overflow-y:auto;
  border:1px solid var(--border);
  border-radius:16px;
  padding:12px;
  background:var(--surface-2);
}
.chat-message{
  max-width:420px;
  min-width:180px;
  padding:12px 14px;
  border-radius:16px;
  margin-bottom:12px;
  background:#dfe3e8;
  border:1px solid #c7cdd6;
  color:#111827;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.chat-message.self{
  margin-left:auto;
  background:#69aefc;
  border-color:#4a97fb;
  color:#fff;
}
.chat-message .msg-meta{color:#5b6472}
.chat-message.self .msg-meta{color:rgba(255,255,255,.86)}
.chat-body{
  white-space:pre-wrap;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.chat-message-actions{
  margin-top:6px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.chat-link-btn{
  background:none;
  border:none;
  color:inherit;
  opacity:.85;
  cursor:pointer;
  padding:0;
  font:inherit;
  text-decoration:underline;
}
.typing-indicator{margin:6px 0 2px}
.chat-attachment{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.chat-attachment img{
  max-width:220px;
  max-height:220px;
  border-radius:12px;
  display:block;
  object-fit:cover;
}
.chat-attachment video{
  max-width:280px;
  max-height:220px;
  border-radius:12px;
  display:block;
  background:#000;
}
.chat-input-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:10px;
  margin-top:10px;
  align-items:end;
}
#chat-submit{
  height:52px;
  align-self:end;
}
#chat-body{
  min-height:96px;
}
.chat-compose-fields{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.chat-compose-tools{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.chat-file-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--input-border);
  cursor:pointer;
  background:var(--surface);
}
.chat-file-label input{display:none}
.chat-empty{padding:30px 8px}
.listing-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
@media(max-width:980px){
  .chat-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
  .grid-2{grid-template-columns:1fr}
  .nav{gap:6px}
  .chat-input-wrap{grid-template-columns:1fr}
  #chat-submit{height:auto}
  .chat-message{max-width:88%}
}


.upload-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:12px;
  margin-top:12px;
}
.upload-card{
  border:1px solid var(--border);
  background:var(--surface-2);
  border-radius:14px;
  padding:10px;
}
.upload-thumb{
  width:100%;
  height:170px;
  object-fit:cover;
  border-radius:10px;
  display:block;
}
.upload-actions{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.video-preview{
  margin-top:12px;
}
.video-thumb{
  width:100%;
  max-width:420px;
  border-radius:12px;
  display:block;
  background:#000;
}
.cropper-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1000;
  padding:20px;
}
.cropper-box{
  width:min(980px,100%);
  background:var(--surface);
  border-radius:18px;
  padding:16px;
  border:1px solid var(--border);
}
.cropper-stage{
  height:min(70vh,700px);
  overflow:hidden;
  background:#111827;
  border-radius:12px;
}
.cropper-stage img{
  display:block;
  max-width:100%;
}
.cropper-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
  margin-top:14px;
}


.upload-main-badge{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  background:var(--badge-bg);
  color:var(--badge-text);
  font-size:11px;
  margin-bottom:8px;
}


/* v31 notifications + gallery + offers + edit modal */
.nav-notify-wrap{position:relative}
.nav-notify-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.notification-dropdown{
  position:absolute;right:0;top:calc(100% + 14px);width:min(420px,90vw);
  background:var(--surface);border:1px solid var(--border);border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.25);z-index:1200;padding:14px 10px 10px;overflow:hidden;
}
.notification-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 14px;position:relative;z-index:2}
.notification-dropdown-list,.notifications-list{display:flex;flex-direction:column;gap:10px}
.notification-dropdown-list{padding-top:10px}
.notification-dropdown-list .notification-item:first-child{margin-top:8px}
.notification-item{
  display:flex;gap:12px;padding:14px 12px;border:1px solid var(--border);border-radius:14px;
  text-decoration:none;color:inherit;background:var(--surface-2, rgba(255,255,255,.02));align-items:center;
}
.notification-item.unread{box-shadow:0 0 0 2px rgba(59,130,246,.12) inset}
.notification-thumb{width:54px;height:54px;border-radius:12px;overflow:hidden;flex:0 0 54px;background:rgba(148,163,184,.18);margin-top:2px}
.notification-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.notification-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700}
.notification-body{min-width:0}
.notification-title{font-weight:700;margin-bottom:4px}
.notification-text{opacity:.86;line-height:1.35}
.notification-time{opacity:.62;font-size:.9rem;margin-top:6px}
.notification-empty{padding:14px;opacity:.75}
.notification-dropdown{width:min(360px,92vw);max-height:min(560px,calc(100vh - 140px));padding:10px 8px 8px;border-radius:16px}
.notification-dropdown-head{padding:0 6px 8px;font-size:14px}
.notification-dropdown-head a{font-size:13px}
.nav-notify-icon-btn{position:relative;width:40px;height:40px;min-width:40px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface-grad);box-shadow:0 10px 24px rgba(15,23,42,.08);justify-content:center}
.nav-notify-icon-btn:hover{background:var(--surface-2);text-decoration:none}
.nav-notify-icon{display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}
.nav-notify-icon-btn .nav-badge{position:absolute;top:-5px;right:-5px;margin-left:0;min-width:18px;height:18px;padding:0 5px;font-size:10px;box-shadow:0 0 0 2px var(--surface)}
.notification-dropdown-list{gap:6px;padding:4px 4px 4px 0;max-height:min(430px,calc(100vh - 220px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.notification-dropdown-list .notification-item:first-child{margin-top:0}
.notification-dropdown-list .notification-item{gap:8px;padding:8px 9px;border-radius:12px;align-items:flex-start}
.notification-dropdown-list .notification-thumb{width:38px;height:38px;flex-basis:38px;border-radius:10px;margin-top:1px}
.notification-dropdown-list .notification-title{font-size:14px;line-height:1.2;margin-bottom:2px}
.notification-dropdown-list .notification-text{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notification-dropdown-list .notification-time{font-size:12px;margin-top:4px}
.notification-dropdown-list .notification-empty{padding:10px 8px;font-size:13px}
.notifications-page{max-width:1120px;margin:18px auto 26px;padding:0;overflow:hidden;border-radius:22px;background:var(--surface-grad);box-shadow:0 18px 44px rgba(15,23,42,.14)}
.notifications-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin:0;padding:28px 30px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 74%,var(--accent-strong) 12%),var(--surface))}
.notifications-page-title{min-width:0;display:flex;flex-direction:column;gap:8px}
.notifications-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 10px;border:1px solid color-mix(in srgb,var(--accent-strong) 38%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-strong) 12%,transparent);color:var(--muted);font-size:12px;font-weight:800;line-height:1.2}
.notifications-page-head h1{margin:0;font-size:34px;line-height:1.08;letter-spacing:0}
.notifications-page-head p{max-width:620px;margin:0;color:var(--muted);font-size:15px;line-height:1.45}
.notifications-mark-read-form{flex:0 0 auto;margin-top:12px}
.notifications-mark-read-form .btn{min-height:42px;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.notifications-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 30px;color:var(--muted);font-size:13px;font-weight:800;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 82%,transparent)}
.notifications-page .notifications-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 30px 22px}
.notifications-page .notification-item{position:relative;min-height:112px;align-items:flex-start;gap:12px;padding:14px 42px 14px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,var(--accent-strong) 4%);box-shadow:0 10px 28px rgba(15,23,42,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.notifications-page .notification-item:hover{transform:translateY(-2px);text-decoration:none;border-color:color-mix(in srgb,var(--accent-strong) 45%,var(--border));box-shadow:0 18px 38px rgba(15,23,42,.12);background:color-mix(in srgb,var(--surface) 82%,var(--accent-strong) 8%)}
.notifications-page .notification-item.unread{box-shadow:0 0 0 1px var(--accent-strong) inset,0 14px 34px rgba(15,23,42,.10)}
.notifications-page .notification-thumb{width:48px;height:48px;flex-basis:48px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-strong) 18%,var(--surface-2)),var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 75%,transparent)}
.notifications-page .notification-thumb-placeholder{font-weight:900;color:var(--text)}
.notifications-page .notification-body{display:flex;min-width:0;flex-direction:column;gap:5px;padding-top:1px}
.notifications-page .notification-title{margin:0;color:var(--text);font-size:15px;line-height:1.25;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notifications-page .notification-text{font-size:14px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notifications-page .notification-time{display:inline-flex;width:max-content;max-width:100%;margin-top:3px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 82%,var(--accent-strong) 8%);color:var(--muted);font-size:12px;line-height:1.1}
.notifications-page .notification-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:20px;line-height:1;background:var(--surface-2)}
.notification-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:320px;padding:36px;color:var(--muted);text-align:center}
.notification-empty-state strong{color:var(--text);font-size:20px}
.notification-empty-state p{max-width:420px;margin:0;line-height:1.45}
.notification-empty-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:900;box-shadow:0 14px 32px rgba(15,23,42,.08)}
.notification-load-sentinel{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;color:var(--muted);font-weight:800}
.notifications-page > .notification-load-sentinel{margin:0;padding:2px 30px 26px}
.notification-load-button{min-height:36px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.notification-load-button:hover{color:var(--text);filter:brightness(1.06)}
.notification-load-sentinel.is-loading .notification-load-button,.notification-dropdown-list.is-loading .notification-load-button{opacity:.78;cursor:progress}
.notification-load-sentinel--dropdown{min-height:34px;margin:2px 0 0}
.notification-load-sentinel--dropdown .notification-load-button{min-height:30px;padding:6px 12px;font-size:12px}
@media (max-width: 860px){
  .notifications-page{margin-top:12px;border-radius:18px}
  .notifications-page-head{flex-direction:column;padding:22px 18px}
  .notifications-page-head h1{font-size:28px}
  .notifications-mark-read-form{width:100%;margin-top:4px}
  .notifications-mark-read-form .btn{width:100%}
  .notifications-strip{padding:12px 18px;flex-direction:column;align-items:flex-start}
  .notifications-page .notifications-list{grid-template-columns:1fr;padding:14px 18px 18px}
}
.listing-gallery{display:flex;flex-direction:column;gap:12px}
.listing-gallery-main{position:relative}
.listing-main-image{width:100%;height:min(520px,70vh);border-radius:14px;object-fit:contain;object-position:center center;cursor:zoom-in;background:var(--surface-2);}
.listing-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}
.listing-thumb{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:none;cursor:pointer}
.listing-thumb.active{border-color:#3b82f6}
.listing-thumb img{width:100%;height:86px;object-fit:cover;display:block}
.gallery-nav,.gallery-lightbox-close,.gallery-lightbox-nav{
  border:none;cursor:pointer;background:rgba(15,23,42,.76);color:#fff;border-radius:999px;
}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px}
.gallery-prev{left:12px}.gallery-next{right:12px}
.gallery-lightbox{
  position:fixed;inset:0;background:rgba(2,6,23,.92);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;z-index:3000;
}
.gallery-lightbox img{max-width:min(92vw,1200px);max-height:88vh;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.gallery-lightbox-close{position:absolute;top:22px;right:22px;width:44px;height:44px;font-size:28px}
.gallery-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:34px}
.gallery-lightbox-nav.prev{left:24px}.gallery-lightbox-nav.next{right:24px}
.offer-form{margin-top:16px}
.offer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.offer-card{border:1px solid #c7cdd6;border-radius:16px;padding:14px;margin-bottom:8px;background:#dfe3e8;color:#111827}
.chat-message.self .offer-card{background:#69aefc;border-color:#4a97fb;color:#fff}
.offer-card.offer-accepted,.chat-message.self .offer-card.offer-accepted{background:#2bb24c;border-color:#239640;color:#fff}
.offer-card.offer-rejected,.offer-card.offer-declined,.chat-message.self .offer-card.offer-rejected,.chat-message.self .offer-card.offer-declined{background:#d83a3a;border-color:#be2e2e;color:#fff}
.offer-card.offer-sold,.chat-message.self .offer-card.offer-sold{background:var(--surface-2);border-color:var(--border);color:var(--text)}
.offer-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.offer-card .offer-state,.offer-card .offer-note{opacity:1}
.chat-message.self .offer-card .offer-state,.chat-message.self .offer-card .offer-note,.offer-card.offer-accepted .offer-state,.offer-card.offer-accepted .offer-note,.offer-card.offer-rejected .offer-state,.offer-card.offer-rejected .offer-note,.offer-card.offer-declined .offer-state,.offer-card.offer-declined .offer-note,.offer-card.offer-sold .offer-state,.offer-card.offer-sold .offer-note{color:inherit}
.offer-badge{font-weight:700}
.offer-state{font-size:.92rem;opacity:.8}
.offer-amount{font-size:1.35rem;font-weight:800;margin-bottom:6px}
.offer-note{opacity:.9}
.offer-actions{display:flex;gap:10px;margin-top:12px}
.edit-modal-backdrop{
  position:fixed;inset:0;background:rgba(3,8,20,.72);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;
}
.edit-modal{width:100%;max-width:560px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#11182a 0%,#0b1120 100%);box-shadow:0 24px 60px rgba(0,0,0,.45);overflow:hidden}
.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.edit-modal-title{color:#f3f6ff;font-size:20px;font-weight:700}
.edit-modal-close{width:38px;height:38px;border:none;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer}
.edit-modal-body{padding:20px}
.edit-modal-textarea{width:100%;min-height:150px;resize:vertical;box-sizing:border-box;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;padding:16px;font-size:16px;outline:none}
.edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 20px 20px}
.edit-btn{border:none;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer}
.edit-btn-cancel{background:rgba(255,255,255,.08);color:#d9e2ff}
.edit-btn-save{background:linear-gradient(135deg,#4f7cff 0%,#6f5cff 100%);color:#fff;box-shadow:0 10px 24px rgba(79,124,255,.28)}
@media (max-width: 800px){
  .offer-form-grid{grid-template-columns:1fr}
  .notification-dropdown{right:-20px}
  .gallery-lightbox-nav.prev{left:8px}
  .gallery-lightbox-nav.next{right:8px}
}


/* v33 cropper opacity hardening */
.cropper-modal{background: rgba(4,10,24,.88) !important; backdrop-filter: blur(2px);}
.cropper-box{background: rgba(10,18,36,.98) !important; border:1px solid rgba(120,160,255,.35); box-shadow:0 18px 55px rgba(0,0,0,.55);}
.cropper-stage{background: rgba(12,18,30,.98) !important;}
.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-container{opacity:1 !important;}
.cropper-modal .btn,.cropper-modal .btn.secondary{opacity:1 !important;}


/* Photo editor modal */
.cropper-modal{position:fixed;inset:0;background:rgba(8,12,20,.96);display:none;align-items:center;justify-content:center;z-index:10000;padding:24px;}
.cropper-box{width:min(1100px,96vw);max-height:92vh;background:#0a1428;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 18px 80px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden;}
.cropper-stage{background:#08101f;padding:14px;min-height:420px;display:flex;align-items:center;justify-content:center;}
.cropper-stage img{display:block;max-width:100%;max-height:72vh;}
.cropper-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px;background:#0d1a33;border-top:1px solid rgba(255,255,255,.12);}
.cropper-modal .btn{min-width:120px;}
.cropper-view-box,.cropper-face{outline:2px solid rgba(120,190,255,.95)!important;}
.cropper-line,.cropper-point{background-color:#8fd0ff!important;}
.cropper-dashed{border-color:rgba(255,255,255,.32)!important;}
.cropper-bg{background-image:none!important;background-color:#09111f!important;}

.upload-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;position:relative;display:flex;flex-direction:column;gap:10px;min-height:280px;}
.upload-thumb{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#09111f;}
.upload-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;}
.upload-actions .btn{width:100%;}
.upload-main-badge{display:inline-block;align-self:flex-start;padding:4px 8px;border-radius:999px;background:#4f46e5;color:#fff;font-size:12px;line-height:1;}
.upload-card.is-deleted{opacity:.45;filter:grayscale(1);}
.upload-card .btn.danger{border-color:#8b2d2d;color:#ffd1d1;}
.upload-card .btn.primary{border-color:#3d63ff;color:#fff;background:#243a91;}

.color-dropdown{position:relative;}
.color-dropdown-toggle{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.color-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0b1529;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:12px;z-index:50;display:none;}
.color-dropdown.open .color-dropdown-panel{display:block;}
.color-search{width:100%;margin-bottom:10px;}
.color-options{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;}
.color-option{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);cursor:pointer;}
.color-option:hover{background:rgba(255,255,255,.05);}
.color-option-left{display:flex;align-items:center;gap:10px;min-width:0;}
.color-option input[type=checkbox]{justify-self:end;align-self:center;margin:0;width:18px;height:18px;}
.color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex:0 0 auto;}
.color-name{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.3;}
.color-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px;}
.color-selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.color-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;}
.color-chip .color-dot{width:12px;height:12px;}

.cropper-modal{background:#08101d!important;backdrop-filter:none!important;}
.cropper-box,.cropper-stage{background:#08101d!important;opacity:1!important;}
.cropper-stage img{opacity:1!important;}
.color-chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 0 0 2px;}
body.light-theme .color-dropdown-panel{background:#fff;border-color:#d7deea;box-shadow:0 18px 40px rgba(15,23,42,.18);}
body.light-theme .color-option{background:#fff;border-color:#e5e7eb;color:#0f172a;}
body.light-theme .color-option:hover{background:#f8fafc;}
body.light-theme .color-search{background:#fff;color:#0f172a;border-color:#d7deea;}
body.light-theme .color-chip{background:#eef2ff;color:#0f172a;}
body.light-theme .color-chip-remove{color:#334155;}
body.light-theme .color-actions .btn{color:#0f172a;border-color:#cbd5e1;background:#fff;}

.cropper-modal{background:#05070b!important;backdrop-filter:none!important;}
.cropper-box{background:#0b1220!important;opacity:1!important;}
.cropper-stage{background:#0a0f1a!important;opacity:1!important;}
.cropper-container,.cropper-wrap-box,.cropper-canvas,.cropper-drag-box{opacity:1!important;}
.cropper-view-box,.cropper-face{border-color:#60a5fa!important;outline:2px solid #60a5fa!important;}
.cropper-line,.cropper-point{background-color:#60a5fa!important;}
:root:not([data-theme="dark"]) .color-dropdown-panel{background:#fff;border-color:#d7deea;box-shadow:0 18px 40px rgba(15,23,42,.18);}
:root:not([data-theme="dark"]) .color-option{background:#fff;border-color:#e5e7eb;color:#0f172a;}
:root:not([data-theme="dark"]) .color-option:hover{background:#f8fafc;}
:root:not([data-theme="dark"]) .color-search{background:#fff;color:#0f172a;border-color:#d7deea;}
:root:not([data-theme="dark"]) .color-chip{background:#eef2ff;color:#0f172a;}
:root:not([data-theme="dark"]) .color-chip-remove{color:#334155;}

body.light-theme .color-option input[type=checkbox],
:root:not([data-theme="dark"]) .color-option input[type=checkbox]{accent-color:#2563eb;}
body.light-theme .color-actions .btn,
:root:not([data-theme="dark"]) .color-actions .btn{background:#fff;color:#0f172a;}
.cropper-modal{background:#05070b!important;backdrop-filter:none!important;opacity:1!important;}
.cropper-box{background:#0b1220!important;opacity:1!important;border:1px solid rgba(255,255,255,.12);}
.cropper-stage{background:#0a0f1a!important;opacity:1!important;}


.form-row-half{max-width:calc(50% - 6px);}
@media (max-width: 900px){.form-row-half{max-width:none;}}
.brand-dropdown{position:relative;}
.brand-dropdown-toggle{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.brand-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0b1529;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:12px;z-index:60;display:none;}
.brand-dropdown.open .brand-dropdown-panel{display:block;}
.brand-search{width:100%;margin-bottom:10px;}
.brand-options{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;}
.brand-option{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);cursor:pointer;}
.brand-option:hover{background:rgba(255,255,255,.05);}
.brand-option-left{display:flex;align-items:center;gap:10px;min-width:0;}
.brand-option input[type=radio]{justify-self:end;align-self:center;margin:0;width:18px;height:18px;}
.brand-actions{display:flex;justify-content:flex-end;margin-top:10px;}
body.light-theme .brand-dropdown-panel{background:#fff;border-color:#d7deea;box-shadow:0 18px 40px rgba(15,23,42,.18);}
body.light-theme .brand-option{background:#fff;border-color:#e5e7eb;color:#0f172a;}
body.light-theme .brand-option:hover{background:#f8fafc;}
:root:not([data-theme="dark"]) .brand-dropdown-panel{background:#fff;border-color:#d7deea;box-shadow:0 18px 40px rgba(15,23,42,.18);}
:root:not([data-theme="dark"]) .brand-option{background:#fff;border-color:#e5e7eb;color:#0f172a;}
:root:not([data-theme="dark"]) .brand-option:hover{background:#f8fafc;}
body.light-theme .brand-option input[type=radio], :root:not([data-theme="dark"]) .brand-option input[type=radio]{accent-color:#2563eb;}

.brand-option-custom{border-style:dashed;}

.brand-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.brand-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:14px;}
.brand-chip-remove{border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0;}
body.light-theme .brand-chip, :root:not([data-theme="dark"]) .brand-chip{background:#fff;border-color:#d7deea;color:#0f172a;}


@media (min-width: 900px){
  .listing-form .field-half{max-width: calc(50% - 8px);}
}


.material-dropdown{position:relative;}
.material-dropdown-toggle{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.material-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0b1529;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:12px;z-index:65;display:none;}
.material-dropdown.open .material-dropdown-panel{display:block;}
.material-search{width:100%;margin-bottom:10px;}
.material-options{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;}
.material-option{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);cursor:pointer;}
.material-option:hover{background:rgba(255,255,255,.05);}
.material-option-left{display:flex;align-items:center;gap:10px;min-width:0;}
.material-option input[type=checkbox]{justify-self:end;align-self:center;margin:0;width:18px;height:18px;}
.material-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:12px;}
.material-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.material-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:14px;}
.material-chip-remove{border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0;}
.material-option-custom{border-style:dashed;}
body.light-theme .material-dropdown-panel, :root:not([data-theme="dark"]) .material-dropdown-panel{background:#fff;border-color:#d7deea;box-shadow:0 18px 40px rgba(15,23,42,.18);}
body.light-theme .material-option, :root:not([data-theme="dark"]) .material-option{background:#fff;border-color:#e5e7eb;color:#0f172a;}
body.light-theme .material-option:hover, :root:not([data-theme="dark"]) .material-option:hover{background:#f8fafc;}
body.light-theme .material-chip, :root:not([data-theme="dark"]) .material-chip{background:#fff;border-color:#d7deea;color:#0f172a;}
.ai-row{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;}

@media (max-width: 768px){
  .listing-main-image{height:min(420px,60vh);}
  .list-card-img{height:170px;padding:6px;}
}

.profile-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.profile-main-column{min-width:0;}
.profile-sidebar{position:sticky;top:90px;}
.profile-sidebar h2{margin-top:0;margin-bottom:14px;}
.profile-nav-list{display:flex;flex-direction:column;gap:10px;}
.profile-nav-item{
  display:block;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:14px;
  text-decoration:none;
  color:var(--text);
  background:var(--surface);
  transition:all .18s ease;
}
.profile-nav-item:hover{border-color:var(--accent-strong);background:var(--accent-soft);text-decoration:none;}
.profile-nav-item.is-active{background:var(--accent-gradient);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 10px 22px var(--accent-soft);}
.profile-settings-grid{align-items:start;}
.verification-card{overflow:hidden;}
.verification-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.verification-status-stack,
.seller-verification-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.seller-verification-row{margin:6px 0;}
.list-card-verification-row{margin:7px 0 8px;}
.list-card-verification-row .verification-pill{font-size:11px;padding:4px 7px;line-height:1.1;}
.verification-pill{
  --verification-pill-bg:var(--badge-bg);
  --verification-pill-text:var(--badge-text);
  --verification-pill-border:var(--border);
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:5px 9px;
  border:1px solid var(--verification-pill-border);
  border-radius:999px;
  background:var(--verification-pill-bg);
  color:var(--verification-pill-text);
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.verification-pill.is-verified,
.verification-pill.is-pro{
  --verification-pill-bg:var(--accent-soft);
  --verification-pill-text:var(--accent-strong);
  --verification-pill-border:var(--accent-strong);
}
.verification-pill.is-pending{
  --verification-pill-bg:var(--rating-bg);
  --verification-pill-text:var(--rating-text);
  --verification-pill-border:var(--rating-bg);
}
.verification-pill.is-rejected{
  --verification-pill-bg:var(--surface-2);
  --verification-pill-text:var(--muted);
  --verification-pill-border:var(--input-border);
}
.verification-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:16px;
}
.verification-panel{
  min-width:0;
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-2);
}
.verification-panel h2{margin-top:0;}
.verification-reject-note{
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid var(--danger-border, var(--border));
  border-radius:14px;
  background:var(--danger-bg, var(--surface-2));
  color:var(--text);
}
.verification-reject-note strong{display:block;margin-bottom:6px;color:var(--danger-text, var(--text));}
.verification-reject-note p{margin:0;color:var(--text);}
.verification-reject-note span{display:block;margin-top:6px;color:var(--muted);font-size:13px;}
.verification-kv{
  display:grid;
  grid-template-columns:minmax(120px,auto) 1fr;
  gap:8px 12px;
  margin-top:12px;
}
.verification-kv span{color:var(--muted);}
.verification-form .grid-2{align-items:start;}
.admin-verification-form{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-2);
}
.admin-verification-form h3{margin:0;}
@media(max-width:760px){
  .verification-grid{grid-template-columns:1fr;}
  .verification-kv{grid-template-columns:1fr;}
  .verification-head{display:block;}
  .verification-status-stack{margin-top:10px;}
}
.security-subtabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 20px;
}
.security-subtab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--border);
  text-decoration:none;
  color:var(--text);
  background:var(--surface);
}
.security-subtab:hover{background:var(--surface-2);text-decoration:none;}
.security-subtab.is-active{background:var(--accent-gradient);color:#fff;font-weight:700;border-color:transparent;}
.security-panel-form .btn{margin-top:12px;}
.checkbox-row{display:flex;align-items:center;gap:10px;margin:6px 0 16px;}
.balance-cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
  margin-top:12px;
}
.balance-mini-card{padding:18px;}
.balance-amount-big{font-size:28px;font-weight:700;line-height:1.1;}
.balance-payout-form{
  display:grid;
  grid-template-columns:minmax(180px,220px) 1fr auto;
  gap:10px;
  align-items:end;
}
.balance-payout-grid{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);
  gap:16px;
  align-items:start;
}
.balance-payout-card{
  padding:18px;
}
.balance-payout-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.balance-payout-form-compact{
  grid-template-columns:1fr;
}
.balance-payout-table-wrap{
  max-height:260px;
  overflow:auto;
  margin-top:4px;
  border:1px solid var(--border);
  border-radius:14px;
}
.balance-payout-table{
  width:100%;
  border-collapse:collapse;
}
.balance-payout-table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:var(--surface-2);
}
.balance-payout-note{
  margin-top:3px;
  font-size:12px;
  line-height:1.25;
}
.balance-payout-loader{
  display:flex;
  justify-content:center;
  padding:10px;
  border-top:1px solid var(--border);
  background:var(--surface);
}
.balance-payout-loader.is-loading{opacity:.72;}
.balance-payout-load-button{min-height:32px;padding:6px 12px;font-size:13px;}
@media (max-width: 1100px){
  .profile-layout{grid-template-columns:1fr;}
  .profile-sidebar{position:static;}
  .balance-payout-grid{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .balance-payout-form{grid-template-columns:1fr;}
}

@media (max-width: 1100px){
  .nav-shell{flex-wrap:wrap;align-items:flex-start;}
  .nav-main{flex-wrap:wrap;}
  .nav-user-tools{margin-left:0;}
}
@media (max-width: 760px){
  .topbar-inner{flex-wrap:wrap;}
  .nav-shell{width:100%;}
  .nav-main{gap:6px;}
}


/* Header + profile hard fix */
.topbar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;flex-wrap:nowrap !important;}
.nav.nav-shell{margin-left:auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;flex:1 1 auto !important;min-width:0 !important;flex-wrap:nowrap !important;}
.nav-shell .nav-main{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:nowrap !important;min-width:0 !important;}
.nav-shell .nav-user-tools{display:flex !important;align-items:center !important;gap:12px !important;margin-left:auto !important;flex:0 0 auto !important;}
.nav-shell .nav-main > a,
.nav-shell .nav-notify-btn,
.nav-shell .nav-messages-link{white-space:nowrap !important;}

.profile-layout,
.profile-layout.profile-layout--settings{display:grid !important;grid-template-columns:280px minmax(0,1fr) !important;gap:16px !important;align-items:start !important;}
.profile-sidebar.card{display:block !important;position:sticky !important;top:90px !important;min-width:260px !important;align-self:start !important;}
.profile-sidebar .profile-nav-list{display:flex !important;flex-direction:column !important;gap:10px !important;}
.profile-sidebar .profile-nav-item{display:block !important;width:100% !important;box-sizing:border-box !important;}
.profile-main-column{min-width:0 !important;}

@media (max-width: 1100px){
  .profile-layout,
  .profile-layout.profile-layout--settings{grid-template-columns:1fr !important;}
  .profile-sidebar.card{position:static !important;min-width:0 !important;}
}
@media (max-width: 760px){
  .topbar-inner{flex-wrap:wrap !important;}
  .nav.nav-shell{width:100% !important;flex-wrap:wrap !important;}
  .nav-shell .nav-main{flex-wrap:wrap !important;}
  .nav-shell .nav-user-tools{margin-left:0 !important;}
}


/* Notifications settings refine */
.notifications-settings-form{
  display:block;
  max-width:980px;
}
.notify-group-label{
  margin:22px 0 10px;
  color:var(--muted);
  font-size:15px;
  font-weight:600;
}
.notify-section-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:18px;
  overflow:hidden;
}
.notify-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.notify-row:first-child{border-top:0;}
.notify-row--solo{
  padding-top:20px;
  padding-bottom:20px;
}
.notify-copy{
  min-width:0;
}
.notify-title{
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#fff;
}
.notify-desc{
  margin-top:4px;
  color:rgba(255,255,255,.76);
  line-height:1.45;
}
.switch{
  position:relative;
  display:inline-block;
  width:52px;
  height:30px;
  flex:0 0 auto;
}
.switch input{
  opacity:0;
  width:0;
  height:0;
  position:absolute;
}
.switch-slider{
  position:absolute;
  inset:0;
  cursor:pointer;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.18);
  transition:.2s ease;
  border-radius:999px;
}
.switch-slider:before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  left:3px;
  top:3px;
  background:#fff;
  transition:.2s ease;
  border-radius:50%;
  box-shadow:0 2px 8px rgba(0,0,0,.24);
}
.switch input:checked + .switch-slider{
  background:linear-gradient(135deg,#12c2a6,#10b981);
  border-color:transparent;
}
.switch input:checked + .switch-slider:before{
  transform:translateX(22px);
}
.switch input:focus + .switch-slider{
  box-shadow:0 0 0 3px rgba(99,102,241,.24);
}
.notifications-settings-form .btn{
  margin-top:18px;
}
@media (max-width: 760px){
  .notify-row{
    grid-template-columns:1fr;
    align-items:start;
  }
  .switch{
    margin-top:6px;
  }
}


/* Contrast fix for dark themes */
.theme-toggle,
.theme-dropdown,
.theme-option{color:var(--text);}
.theme-toggle-current,
.theme-option span:last-child{color:var(--text) !important;opacity:1 !important;}
.theme-option{font-size:13px;font-weight:600;}
.theme-option:hover span:last-child,
.theme-option.is-active span:last-child{color:var(--text) !important;}
.theme-dropdown{backdrop-filter:blur(16px);}
.profile-nav-item{color:var(--text);font-weight:500;}
.profile-nav-item.is-active{background:var(--accent-gradient);border-color:transparent;font-weight:800;color:var(--accent-text) !important;text-shadow:0 1px 0 rgba(255,255,255,.10);box-shadow:0 10px 24px var(--accent-soft);}
.profile-nav-item.is-active:hover{filter:brightness(1.02);}
.nav-sell-btn span,.nav-sell-btn{color:var(--accent-text) !important;}
:root[data-theme="ocean"] .nav-sell-btn,
:root[data-theme="ocean"] .profile-nav-item.is-active,
:root[data-theme="violet"] .profile-nav-item.is-active,
:root[data-theme="rose"] .profile-nav-item.is-active,
:root[data-theme="amber"] .profile-nav-item.is-active,
:root[data-theme="graphite"] .profile-nav-item.is-active,
:root[data-theme="beige"] .profile-nav-item.is-active,
:root[data-theme="violet"] .nav-sell-btn,
:root[data-theme="rose"] .nav-sell-btn,
:root[data-theme="amber"] .nav-sell-btn,
:root[data-theme="graphite"] .nav-sell-btn,
:root[data-theme="beige"] .nav-sell-btn{ text-shadow:none; }
:root[data-theme="dark"] .theme-dropdown,
:root[data-theme="emerald"] .theme-dropdown,
:root[data-theme="violet"] .theme-dropdown,
:root[data-theme="rose"] .theme-dropdown,
:root[data-theme="graphite"] .theme-dropdown,
:root[data-theme="midnight"] .theme-dropdown{background:linear-gradient(180deg,rgba(17,26,56,.96) 0%, rgba(12,19,43,.96) 100%);}
:root[data-theme="emerald"] .theme-dropdown{background:linear-gradient(180deg,rgba(18,37,31,.96) 0%, rgba(11,28,22,.96) 100%);}
:root[data-theme="violet"] .theme-dropdown{background:linear-gradient(180deg,rgba(38,20,56,.96) 0%, rgba(26,14,41,.96) 100%);}
:root[data-theme="rose"] .theme-dropdown{background:linear-gradient(180deg,rgba(58,20,37,.96) 0%, rgba(40,14,27,.96) 100%);}
:root[data-theme="graphite"] .theme-dropdown{background:linear-gradient(180deg,rgba(31,37,52,.96) 0%, rgba(20,25,36,.96) 100%);}
:root[data-theme="midnight"] .theme-dropdown{background:linear-gradient(180deg,rgba(36,13,47,.96) 0%, rgba(20,10,31,.96) 100%);}
:root[data-theme="ocean"] .theme-option,
:root[data-theme="dark"] .theme-option,
:root[data-theme="emerald"] .theme-option,
:root[data-theme="violet"] .theme-option,
:root[data-theme="rose"] .theme-option,
:root[data-theme="graphite"] .theme-option,
:root[data-theme="midnight"] .theme-option{background:rgba(255,255,255,.03);}
:root[data-theme="ocean"] .theme-option span:last-child,
:root[data-theme="dark"] .theme-option span:last-child,
:root[data-theme="emerald"] .theme-option span:last-child,
:root[data-theme="violet"] .theme-option span:last-child,
:root[data-theme="rose"] .theme-option span:last-child,
:root[data-theme="graphite"] .theme-option span:last-child,
:root[data-theme="midnight"] .theme-option span:last-child{color:#f8fafc !important;}
:root[data-theme="ocean"] .theme-toggle-current,
:root[data-theme="dark"] .theme-toggle-current,
:root[data-theme="emerald"] .theme-toggle-current,
:root[data-theme="violet"] .theme-toggle-current,
:root[data-theme="rose"] .theme-toggle-current,
:root[data-theme="graphite"] .theme-toggle-current,
:root[data-theme="midnight"] .theme-toggle-current{color:#f8fafc !important;}


/* Theme readability polish v5 */
:root[data-theme="amber"] .theme-dropdown{
  background:linear-gradient(180deg,rgba(67,42,12,.97) 0%,rgba(48,30,8,.97) 100%);
  border-color:#c48a2c;
  box-shadow:0 22px 48px rgba(49,28,4,.34);
}
:root[data-theme="amber"] .theme-option{
  background:rgba(255,248,230,.06);
  border-color:rgba(240,183,74,.40);
}
:root[data-theme="amber"] .theme-option span:last-child,
:root[data-theme="amber"] .theme-toggle-current{
  color:#fff3d4 !important;
}
:root[data-theme="amber"] .theme-toggle,
:root[data-theme="amber"] .theme-option{
  color:#fff3d4;
}
:root[data-theme="amber"] .theme-option:hover,
:root[data-theme="amber"] .theme-option.is-active{
  background:rgba(255,220,145,.12);
}
:root[data-theme="amber"] .list-card-title,
:root[data-theme="amber"] .table th,
:root[data-theme="amber"] .card h1,
:root[data-theme="amber"] .card h2,
:root[data-theme="amber"] .card h3{
  color:#2f1d06;
}
:root[data-theme="amber"] .list-card-meta,
:root[data-theme="amber"] .list-card-body a,
:root[data-theme="amber"] .muted{
  color:#6b4b10;
}

:root:not([data-theme="dark"]):not([data-theme="ocean"]):not([data-theme="emerald"]):not([data-theme="violet"]):not([data-theme="rose"]):not([data-theme="graphite"]):not([data-theme="midnight"]):not([data-theme="amber"]) .card,
:root[data-theme="light"] .card,
:root[data-theme="light"] .list-card,
:root[data-theme="light"] .msg-item,
:root[data-theme="beige"] .card,
:root[data-theme="beige"] .list-card,
:root[data-theme="beige"] .msg-item{
  border-color:#d4d9e8;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
:root[data-theme="light"] .list-card-img,
:root[data-theme="beige"] .list-card-img{
  border-bottom:1px solid #dbe1ef;
}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="beige"] input,
:root[data-theme="beige"] select,
:root[data-theme="beige"] textarea{
  border-color:#cfd7e6;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}
:root[data-theme="light"] .theme-dropdown,
:root[data-theme="beige"] .theme-dropdown{
  border-color:#cfd7e6;
  box-shadow:0 20px 42px rgba(15,23,42,.14);
}
:root[data-theme="light"] .theme-option,
:root[data-theme="beige"] .theme-option{
  border-color:#d7deea;
}


.theme-option-link{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  text-decoration:none;
}
.theme-option-link:hover{
  text-decoration:none;
}
.theme-option-link span:last-child{
  color:var(--text);
}
.theme-swatch-custom{
  background:linear-gradient(135deg,#60a5fa 0%, #c084fc 50%, #f472b6 100%);
}


body.user-custom-theme-active{
  background-image: var(--custom-theme-image), linear-gradient(180deg, rgba(2,6,23,.45) 0%, rgba(2,6,23,.68) 100%);
  background-size: cover, cover;
  background-position: center center, center center;
  background-attachment: fixed, fixed;
  background-repeat: no-repeat, no-repeat;
}
body.user-custom-theme-active::before{
  content:'';
  position:fixed;
  inset:0;
  background:rgba(3,7,18,.34);
  backdrop-filter: blur(3px);
  pointer-events:none;
  z-index:-1;
}
body.user-custom-theme-active .topbar,
body.user-custom-theme-active .card,
body.user-custom-theme-active .list-card,
body.user-custom-theme-active .msg-item,
body.user-custom-theme-active .theme-dropdown,
body.user-custom-theme-active .notification-dropdown{
  backdrop-filter: blur(10px);
}
.custom-theme-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;}
.custom-theme-note{max-width:760px;}
.custom-theme-status{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:10px 14px;border-radius:999px;font-weight:800;border:1px solid var(--border);background:var(--surface-2);color:var(--text);}
.custom-theme-status.is-on{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.30);color:#34d399;}
.custom-theme-status.is-off{background:var(--surface-2);color:var(--muted);}
.custom-theme-grid{display:grid;grid-template-columns:minmax(280px, 1fr) minmax(320px, 1fr);gap:22px;align-items:start;}
.custom-theme-preview{min-height:250px;border-radius:20px;border:1px solid var(--border);background-size:cover;background-position:center;background-color:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);}
.custom-theme-preview--empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;background:linear-gradient(180deg,var(--surface-2) 0%, var(--surface) 100%);}
.custom-theme-checkbox{display:flex;align-items:center;gap:10px;margin:14px 0 18px;color:var(--text);font-weight:600;}
.custom-theme-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5;}
.custom-theme-checkbox input[type=checkbox]:disabled + span{opacity:.55;}
.custom-theme-actions{display:flex;flex-wrap:wrap;gap:12px;}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:700;cursor:pointer;}
.btn-secondary:hover{filter:brightness(1.03);}
:root[data-theme="light"] .btn-secondary,
:root[data-theme="beige"] .btn-secondary{background:#fff;border-color:#cbd5e1;color:#0f172a;}
@media (max-width: 900px){
  .custom-theme-grid{grid-template-columns:1fr;}
  .custom-theme-head{flex-direction:column;align-items:flex-start;}
}


/* ===== Profile listings view toggle ===== */
.my-listings-header-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.my-listings-view-control {
  margin-left:auto;
}

.my-listings-view-select {
  min-width:140px;
}

.my-listings-view-grid .list-grid {
  margin-top:0;
}

.my-listing-grid-status-row {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.badge-status-active {
  background: rgba(16, 185, 129, 0.16);
  border-color: rgba(16, 185, 129, 0.35);
}

.badge-status-hidden {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.3);
}

.badge-status-blocked {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
}

.badge-status-sold {
  background: rgba(245, 158, 11, 0.16);
  border-color: rgba(245, 158, 11, 0.35);
}

.my-listing-grid-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
  font-size:12px;
}

.my-listing-grid-link {
  color: var(--text-muted);
}

@media (max-width: 760px) {
  .my-listings-header-row {
    flex-direction:column;
    align-items:stretch;
  }

  .my-listings-view-control {
    width:100%;
    margin-left:0;
  }

  .my-listings-view-select {
    width:100%;
  }
}


/* v23: distinct Pearl/Sky Mist + strong borders + notification contrast in light themes */
:root[data-theme="pearl"]{
  --page-bg:radial-gradient(circle at top left, rgba(178,168,236,.10), transparent 26%), radial-gradient(circle at top right, rgba(225,231,242,.20), transparent 22%), linear-gradient(180deg,#fbfbfe 0%, #f1f3f8 100%);
  --topbar-bg:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,248,252,.96) 100%);
  --surface-grad:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,249,253,.98) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(246,248,252,.98) 0%,rgba(239,242,248,.98) 100%);
  --bg:#f5f6fb;
  --surface:#ffffff;
  --surface-2:#f4f6fb;
  --text:#121826;
  --muted:#667085;
  --border:#bcc7d8;
  --input-bg:#ffffff;
  --input-text:#121826;
  --input-border:#b5c1d3;
  --primary:#172033;
  --primary-text:#ffffff;
  --link:#4f46e5;
  --badge-bg:#eef2ff;
  --badge-text:#4338ca;
  --rating-bg:#eef2ff;
  --rating-text:#4338ca;
  --accent-gradient:linear-gradient(135deg,#b7b3ec 0%,#d7deea 100%);
  --accent-soft:rgba(183,179,236,.22);
  --accent-strong:#b7b3ec;
  --accent-text:#1f2940;
}
:root[data-theme="sky"]{
  --page-bg:radial-gradient(circle at top left, rgba(155,198,236,.18), transparent 28%), radial-gradient(circle at top right, rgba(224,235,247,.28), transparent 22%), linear-gradient(180deg,#edf5fc 0%, #dfeaf5 100%);
  --topbar-bg:linear-gradient(180deg,rgba(245,250,255,.95) 0%,rgba(232,241,250,.95) 100%);
  --surface-grad:linear-gradient(180deg,rgba(249,252,255,.98) 0%,rgba(236,244,251,.98) 100%);
  --surface-grad-2:linear-gradient(180deg,rgba(238,246,252,.98) 0%,rgba(225,236,246,.98) 100%);
  --bg:#e8f1f9;
  --surface:#f8fbff;
  --surface-2:#edf5fc;
  --text:#102235;
  --muted:#58748f;
  --border:#8faecc;
  --input-bg:#fdfefe;
  --input-text:#102235;
  --input-border:#89a8c7;
  --primary:#10314f;
  --primary-text:#ffffff;
  --link:#2563eb;
  --badge-bg:#e0efff;
  --badge-text:#1d4ed8;
  --rating-bg:#dbeafe;
  --rating-text:#1e40af;
  --accent-gradient:linear-gradient(135deg,#b7dbf6 0%,#d7ecfb 100%);
  --accent-soft:rgba(140,187,233,.28);
  --accent-strong:#8bc4ee;
  --accent-text:#12314d;
}

:root[data-theme="pearl"] .card,
:root[data-theme="pearl"] .listing-card,
:root[data-theme="pearl"] .profile-card,
:root[data-theme="pearl"] .notify-section-card,
:root[data-theme="pearl"] .profile-sidebar.card,
:root[data-theme="pearl"] .profile-main-card,
:root[data-theme="pearl"] .filters-card,
:root[data-theme="pearl"] .favorites-card,
:root[data-theme="pearl"] .list-card,
:root[data-theme="pearl"] .product-card,
:root[data-theme="sky"] .card,
:root[data-theme="sky"] .listing-card,
:root[data-theme="sky"] .profile-card,
:root[data-theme="sky"] .notify-section-card,
:root[data-theme="sky"] .profile-sidebar.card,
:root[data-theme="sky"] .profile-main-card,
:root[data-theme="sky"] .filters-card,
:root[data-theme="sky"] .favorites-card,
:root[data-theme="sky"] .list-card,
:root[data-theme="sky"] .product-card,
:root[data-theme="beige"] .card,
:root[data-theme="beige"] .listing-card,
:root[data-theme="beige"] .profile-card,
:root[data-theme="beige"] .notify-section-card,
:root[data-theme="beige"] .profile-sidebar.card,
:root[data-theme="beige"] .profile-main-card,
:root[data-theme="beige"] .filters-card,
:root[data-theme="beige"] .favorites-card,
:root[data-theme="beige"] .list-card,
:root[data-theme="beige"] .product-card{
  border-color:var(--border) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.02), 0 8px 20px rgba(15,23,42,.04) !important;
}

:root[data-theme="pearl"] input,
:root[data-theme="pearl"] select,
:root[data-theme="pearl"] textarea,
:root[data-theme="pearl"] .input,
:root[data-theme="sky"] input,
:root[data-theme="sky"] select,
:root[data-theme="sky"] textarea,
:root[data-theme="sky"] .input,
:root[data-theme="beige"] input,
:root[data-theme="beige"] select,
:root[data-theme="beige"] textarea,
:root[data-theme="beige"] .input,
:root[data-theme="pearl"] .profile-nav-item,
:root[data-theme="sky"] .profile-nav-item,
:root[data-theme="beige"] .profile-nav-item,
:root[data-theme="pearl"] .theme-toggle,
:root[data-theme="sky"] .theme-toggle,
:root[data-theme="beige"] .theme-toggle,
:root[data-theme="pearl"] .theme-option,
:root[data-theme="sky"] .theme-option,
:root[data-theme="beige"] .theme-option{
  border-color:var(--border) !important;
}

:root[data-theme="pearl"] .notify-title,
:root[data-theme="sky"] .notify-title,
:root[data-theme="beige"] .notify-title{
  color:var(--text) !important;
}
:root[data-theme="pearl"] .notify-desc,
:root[data-theme="sky"] .notify-desc,
:root[data-theme="beige"] .notify-desc,
:root[data-theme="pearl"] .notify-group-label,
:root[data-theme="sky"] .notify-group-label,
:root[data-theme="beige"] .notify-group-label{
  color:var(--muted) !important;
}
:root[data-theme="pearl"] .notify-row,
:root[data-theme="sky"] .notify-row,
:root[data-theme="beige"] .notify-row{
  border-top:1px solid var(--border) !important;
}


.review-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.review-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}
.review-stat-card{padding:14px;border:1px solid var(--border);background:var(--surface-2);border-radius:16px}
.review-stat-label{font-size:12px;color:var(--muted);margin-bottom:6px}
.review-stat-value{font-size:24px;font-weight:800;line-height:1.2}
.review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;align-items:stretch}
.review-item{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.review-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.review-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.review-rating-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--rating-bg);color:var(--rating-text);font-weight:700;font-size:13px}
.review-empty{padding:18px;border:1px dashed var(--border);border-radius:18px;color:var(--muted);background:var(--surface-2)}
.review-form-wrap{max-width:760px}
.review-target-card{padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);margin-bottom:14px}
.review-helper{margin-top:10px;color:var(--muted);font-size:14px}
.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.review-state-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-weight:700;font-size:13px}
.review-order-note{margin-top:6px;color:var(--muted);font-size:13px}
.review-hero__content{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.review-summary-item{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.review-summary-item__label{font-size:12px;color:var(--muted);margin-bottom:6px}
.review-summary-item__value{font-size:24px;font-weight:800;line-height:1.2}
.review-toolbar{margin-top:14px}
.review-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.review-filter-field{min-width:180px;margin:0;flex:1 1 180px}
.review-filter-actions{display:flex;align-items:center}
.review-card{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:8px;height:178px;min-height:178px;max-height:178px;overflow:hidden}
.review-card--readonly{height:178px;min-height:178px;max-height:178px}
.review-card.is-expanded,.review-card.is-replying{height:360px;min-height:360px;max-height:360px}
.review-card.is-expanded.is-replying{height:430px;min-height:430px;max-height:430px}
.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:0}
.review-card__title{font-weight:800;font-size:14px;line-height:1.25}
.review-card__meta{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.review-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.review-badges .badge{font-size:11px;padding:4px 7px}
.review-details-toggle{width:24px;height:24px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-color:color-mix(in srgb,var(--accent-strong) 35%,var(--border));border-radius:999px;background:var(--surface-2);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-strong) 18%,var(--surface-2)),var(--surface-2));color:var(--text);cursor:pointer;line-height:1;padding:0;box-shadow:0 6px 18px rgba(37,99,235,.12);flex:0 0 auto}
.review-details-toggle:hover{border-color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent-strong) 55%,var(--border));filter:brightness(1.08)}
.review-details-toggle__icon{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(45deg);transition:transform .18s ease}
.review-details-toggle[aria-expanded="true"] .review-details-toggle__icon{transform:translateY(1px) rotate(225deg)}
.review-card__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding-right:4px}
.review-card:not(.is-expanded):not(.is-replying) .review-card__scroll{overflow:visible}
.review-card--readonly:not(.is-expanded) .review-card__scroll{display:none}
.review-card:not(.is-expanded) .review-card__body,.review-card:not(.is-expanded) .review-media-grid,.review-card:not(.is-expanded) .review-reply,.review-card:not(.is-expanded) .review-card__footer{display:none}
.review-card__body{line-height:1.45;font-size:14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.review-card__footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.review-action-btn{min-height:34px}
.review-deadline-note{font-size:13px}
.review-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}
.review-media-item{display:block;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);aspect-ratio:1/1}
.review-media-item img,.review-media-item video{display:block;width:100%;height:100%;object-fit:cover}
.review-media-form{padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}
.review-media-input{width:100%;font-size:12px;padding:8px;border:1px dashed var(--border);border-radius:10px;background:var(--surface-2);color:var(--text)}
.review-media-form .btn{width:100%;min-height:34px;font-size:13px;padding:7px 10px}
.review-reply{margin-top:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.review-reply__head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:6px}
.review-reply__head strong{color:var(--text)}
.review-reply__body{line-height:1.45;font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.review-reply-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.review-reply-toggle-row{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:flex-start}
.review-reply-toggle-row[hidden]{display:none!important}
.review-reply-toggle{min-height:34px;padding:7px 14px;font-size:13px}
.review-reply-form{position:relative;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}
.review-reply-form[hidden]{display:none!important}
.review-reply-editor{position:relative}
.review-reply-form textarea{min-height:92px;resize:vertical}
.review-emoji-popover{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-height:92px;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 14px 34px rgba(15,23,42,.18)}
.review-emoji-popover[hidden]{display:none!important}
.review-emoji-btn{flex:0 0 34px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:20px;line-height:1;cursor:pointer;padding:0}
.review-emoji-btn:hover{filter:brightness(1.08)}
.review-reply-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.review-emoji-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:18px;line-height:1;padding:0;flex:0 0 auto}
.review-file-label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;overflow:hidden}
.review-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}
.review-file-name{font-size:12px;min-width:0}
.review-reply-form__actions{display:flex;justify-content:flex-end;margin-top:8px}
.review-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.review-load-sentinel{display:flex;align-items:center;justify-content:center;min-height:54px;margin-top:14px;color:var(--muted);font-weight:700}
.review-load-sentinel span{padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}
.review-load-button{min-height:38px;padding:9px 18px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.review-load-button:hover{color:var(--text);filter:brightness(1.06)}
.review-load-sentinel.is-loading span{opacity:.8}
.review-load-sentinel.is-loading .review-load-button{opacity:.8;cursor:progress}
@media (max-width: 720px){
  .review-filters{align-items:stretch}
  .review-filter-field,.review-filter-actions{width:100%;flex-basis:100%}
  .review-filter-actions .btn{width:100%}
  .review-list{grid-template-columns:1fr}
  .review-card{height:auto;min-height:0;max-height:none}
  .review-card__scroll{max-height:none;overflow:visible}
  .review-reply-form__actions .btn{width:100%}
}

.order-actions-wrap{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;}
.order-inline-note,.dispute-order-note{width:100%;margin-top:4px;}
.dispute-unread-badge{align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;line-height:1;}
.orders-main-row td{border-bottom:none;vertical-align:top;}
.orders-status-row td{padding-top:0;border-top:none;}
.order-status-wide{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 0 12px;}
.order-status-summary-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;width:100%;}
.order-status-summary-item{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text);}
.status-line{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.status-label{font-weight:600;}
.order-progress{display:flex;flex-wrap:wrap;gap:8px;}
.order-progress-wide{align-items:center;gap:8px 10px;width:100%;}
.order-progress-step{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1.2;}
.order-progress-step.is-done{color:var(--text);border-color:var(--input-border);}
.order-progress-step.is-current{background:var(--accent-soft);color:var(--text);border-color:var(--accent-strong);}
.order-progress-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;line-height:1;min-width:12px;}
.order-status-note{font-size:13px;}
@media (max-width: 1100px){.order-status-summary-row{gap:12px;}.order-progress-wide{gap:8px;}}
@media (max-width: 860px){.order-progress-arrow{display:none;}}


.shipment-actions-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.shipment-summary-box{margin-top:8px;padding:12px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;background:var(--panel-soft,rgba(127,127,127,.06));max-width:420px}.shipment-mini-timeline{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.shipment-mini-step{padding:4px 8px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.25));font-size:12px;line-height:1.3}.shipment-mini-step.is-done{font-weight:700}.shipment-events-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}.shipment-event-item{display:flex;justify-content:space-between;gap:12px;font-size:13px;border-top:1px dashed var(--line,rgba(127,127,127,.2));padding-top:6px;width:100%}
/* vfix: restore profile listing filter buttons */
.my-listings-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}

.my-listings-filter-btn{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-2);
  color:var(--text);
  font-size:14px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:none;
}

.my-listings-filter-btn:hover{
  filter:brightness(1.03);
}

.my-listings-filter-btn.is-active,
.my-listings-filter-btn[aria-selected="true"]{
  background:var(--primary);
  color:var(--primary-text);
  border-color:var(--primary);
}

:root[data-theme="pearl"] .my-listings-filter-btn,
:root[data-theme="sky"] .my-listings-filter-btn,
:root[data-theme="light"] .my-listings-filter-btn,
:root[data-theme="beige"] .my-listings-filter-btn{
  background:var(--surface);
  color:var(--text);
  border-color:var(--input-border);
}

:root[data-theme="pearl"] .my-listings-filter-btn.is-active,
:root[data-theme="sky"] .my-listings-filter-btn.is-active,
:root[data-theme="light"] .my-listings-filter-btn.is-active,
:root[data-theme="beige"] .my-listings-filter-btn.is-active,
:root[data-theme="pearl"] .my-listings-filter-btn[aria-selected="true"],
:root[data-theme="sky"] .my-listings-filter-btn[aria-selected="true"],
:root[data-theme="light"] .my-listings-filter-btn[aria-selected="true"],
:root[data-theme="beige"] .my-listings-filter-btn[aria-selected="true"]{
  background:var(--primary);
  color:var(--primary-text);
  border-color:var(--primary);
}


/* === Final legacy cleanup v1 === */
:root{
  --legacy-shadow-soft: 0 10px 28px rgba(15,23,42,.08);
}

.notification-dropdown,
.theme-dropdown,
.color-dropdown-panel,
.brand-dropdown-panel,
.material-dropdown-panel,
.notify-section-card,
.custom-theme-status,
.custom-theme-preview,
.shipment-summary-box,
.upload-card,
.edit-modal,
.cropper-box {
  color: var(--text);
  border-color: var(--border);
}

.notification-item,
.color-option,
.brand-option,
.material-option,
.shipment-summary-box,
.custom-theme-status,
.custom-theme-preview,
.upload-card,
.edit-modal-body,
.edit-modal-footer,
.edit-modal-header {
  background: var(--surface);
  color: var(--text);
}

.notification-text,
.notification-time,
.notify-desc,
.notify-group-label,
.custom-theme-note,
.custom-theme-status.is-off,
.shipment-event-item,
.order-inline-note,
.dispute-order-note {
  color: var(--muted);
}

.color-chip,
.brand-chip,
.material-chip,
.shipment-mini-step,
.review-empty,
.review-target-card,
.review-item,
.review-stat-card {
  background: var(--surface-2);
  color: var(--text);
  border-color: var(--border);
}

.notification-item.unread,
.theme-option.is-active,
.profile-nav-item.is-active,
.security-subtab.is-active,
.order-progress-step.is-current {
  box-shadow: 0 0 0 1px var(--accent-strong) inset;
}

.cropper-modal,
.edit-modal-backdrop,
.gallery-lightbox {
  background: color-mix(in srgb, var(--bg) 84%, black 16%) !important;
}

.cropper-box,
.edit-modal {
  background: var(--surface-grad) !important;
  box-shadow: var(--legacy-shadow-soft);
}

.cropper-stage,
.cropper-actions,
.edit-modal-header,
.edit-modal-footer,
.edit-modal-textarea,
.upload-thumb,
.video-thumb,
.custom-theme-preview--empty {
  background: var(--surface-2) !important;
  color: var(--text);
  border-color: var(--border);
}

.edit-modal-title,
.notification-title,
.notify-title,
.review-stat-value,
.review-rating-pill,
.review-state-pill {
  color: var(--text);
}

.edit-modal-close,
.chat-link-btn,
.color-chip-remove,
.brand-chip-remove,
.material-chip-remove {
  color: var(--text);
}

.edit-modal-close:hover,
.chat-link-btn:hover,
.color-chip-remove:hover,
.brand-chip-remove:hover,
.material-chip-remove:hover {
  color: var(--link);
}

.notification-dropdown,
.theme-dropdown,
.color-dropdown-panel,
.brand-dropdown-panel,
.material-dropdown-panel,
.edit-modal,
.cropper-box {
  box-shadow: var(--legacy-shadow-soft);
}


/* vnext: simplify profile listings actions by state */
.profile-listing-actions,
.my-listing-grid-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:10px;
}

.profile-listing-action-form{
  display:inline-flex;
  margin:0;
}

.profile-listing-action-button,
.profile-listing-actions > a.profile-listing-action-button,
.my-listing-grid-actions > a.profile-listing-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-2);
  color:var(--text);
  font-size:13px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  box-shadow:none;
}

.profile-listing-action-button:hover,
.profile-listing-action-button:focus-visible{
  text-decoration:none;
  filter:brightness(1.03);
}

.profile-listing-action-button--primary{
  background:var(--primary);
  border-color:var(--primary);
  color:var(--primary-text);
}

.profile-listing-action-button--danger{
  border-color:var(--input-border);
}

.my-listings-view-list .table td:last-child{
  white-space:normal;
}

.my-listing-grid-card .list-card-meta + .my-listing-grid-status-row{
  margin-top:6px;
}

.my-listing-grid-status-row{
  margin-top:10px;
}

.my-listing-grid-card .list-card-title{
  min-height:38px;
}


/* PATCH: my_sales actions horizontal layout */
.sales-main-row td{border-bottom:none;vertical-align:top;}
.sales-actions-row td{padding-top:0;border-top:none;}
.sales-main-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.sales-actions-wide{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 0 12px;}
.sales-actions-group{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;}
.sales-inline-form{display:inline-flex;margin:0;}
.sales-inline-meta{font-size:13px;}
.sales-inline-note{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sales-events{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:13px;}
@media (max-width: 980px){
  .sales-actions-group{align-items:flex-start;}
}


.balance-page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.balance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;}
.balance-summary-card{padding:18px;}
.balance-summary-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.balance-summary-list{display:grid;gap:10px;}
.balance-summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);}
.balance-summary-row:last-child{border-bottom:none;padding-bottom:0;}
.balance-history-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.balance-history-filters{display:flex;gap:8px;flex-wrap:wrap;}
.balance-filter-chip,.balance-inline-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600;}
.balance-filter-chip:hover{text-decoration:none;background:var(--surface-2);}
.balance-filter-chip.is-active{background:var(--accent-gradient);color:#fff;border-color:transparent;}
.balance-inline-chip.is-income{background:var(--surface-2);}
.balance-inline-chip.is-expense{background:var(--surface-2);}
.balance-inline-chip.is-success{background:var(--surface-2);}
.balance-inline-chip.is-info{background:var(--surface-2);}
.balance-inline-chip.is-warning{background:var(--surface-2);}
.balance-inline-chip.is-danger{background:var(--surface-2);}
.balance-inline-chip.is-neutral{background:var(--surface-2);}
.balance-history-table-wrap{overflow:auto;margin-top:16px;max-height:min(58vh,560px);border:1px solid var(--border);border-radius:14px;}
.balance-history-table{width:100%;}
.balance-history-table thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);}
.balance-history-type{font-weight:600;}
.balance-money-in{font-weight:700;}
.balance-money-out{font-weight:700;}
.balance-history-loader{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--border);background:var(--surface);}
.balance-history-loader.is-loading{opacity:.72;}
.balance-history-load-button{min-height:34px;padding:7px 14px;font-size:13px;}
@media (max-width:760px){.balance-page-head,.balance-history-head,.balance-summary-card__head{align-items:stretch;}.balance-history-filters{width:100%;}.balance-filter-chip{flex:1 1 auto;}.balance-summary-row{align-items:flex-start;flex-direction:column;}}


/* PATCH: responsive text collision safety */
body,
button,
input,
select,
textarea {
  line-height:1.35;
}

.card,
.list-card,
.msg-item,
.profile-main-column,
.profile-sidebar,
.profile-nav-item,
.nav,
.nav-shell,
.nav-main,
.nav-user-tools,
.chat-sidebar-main,
.notification-body,
.review-card,
.balance-summary-card,
.balance-payout-card {
  min-width:0;
}

img,
video {
  max-width:100%;
}

.card,
.list-card,
.msg-item,
.list-card-title,
.list-card-meta,
.table th,
.table td,
.btn,
.btn-secondary,
.badge,
.balance-filter-chip,
.balance-inline-chip,
.profile-nav-item,
.notification-title,
.notification-text,
.review-card__title,
.review-card__meta,
.review-card__body,
.review-reply__body,
.offer-card,
.offer-card-head,
.offer-state,
.offer-amount,
.order-status-summary-item,
.order-progress-step,
.shipment-mini-step,
.shipment-event-item,
.sales-inline-meta,
.sales-inline-note,
.balance-history-type,
.balance-money-in,
.balance-money-out,
.review-file-name,
.user-risk-note {
  overflow-wrap:anywhere;
}

.btn,
.btn-secondary,
.badge,
.balance-filter-chip,
.balance-inline-chip,
.profile-listing-action-button,
.my-listings-filter-btn,
.review-file-label,
.review-action-btn {
  max-width:100%;
  white-space:normal;
  text-align:center;
  line-height:1.25;
}

@media (max-width: 900px) {
  .topbar-inner {
    align-items:flex-start !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    padding:10px 12px !important;
  }

  .nav.nav-shell {
    width:100% !important;
    flex:1 1 100% !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:8px !important;
    margin-left:0 !important;
  }

  .nav-shell .nav-main,
  .nav-shell .nav-user-tools {
    flex:1 1 100% !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-left:0 !important;
    min-width:0 !important;
  }

  .nav-shell .nav-main > a,
  .nav-shell .nav-notify-btn,
  .nav-shell .nav-messages-link,
  .theme-toggle {
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }

  .nav a {
    padding:7px 9px;
  }

  .nav-sell-btn {
    min-height:36px;
    padding:0 14px !important;
  }

  .theme-toggle {
    margin-left:0;
    padding:8px 12px;
  }

  .theme-dropdown,
  .notification-dropdown {
    max-width:calc(100vw - 24px);
  }

  .chat-message {
    min-width:0;
    max-width:100%;
  }

  .chat-sidebar-top,
  .list-card-meta,
  .offer-card-head,
  .offer-actions,
  .edit-modal-footer,
  .balance-payout-card-head,
  .shipment-event-item {
    flex-wrap:wrap;
  }

  .offer-actions > *,
  .edit-modal-footer > * {
    flex:1 1 auto;
  }

  .profile-layout,
  .profile-layout.profile-layout--settings,
  .chat-layout {
    grid-template-columns:1fr !important;
  }

  .profile-sidebar.card {
    min-width:0 !important;
  }

  .review-card,
  .review-card--readonly,
  .review-card.is-expanded,
  .review-card.is-replying,
  .review-card.is-expanded.is-replying {
    height:auto;
    min-height:0;
    max-height:none;
  }

  .review-card__scroll {
    max-height:none;
    overflow:visible;
  }
}

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

  .page {
    margin:14px auto;
    padding:0 10px 32px;
  }

  .page h1 {
    font-size:clamp(24px, 8vw, 32px);
    line-height:1.15;
    overflow-wrap:anywhere;
  }

  .page h2 {
    font-size:clamp(20px, 7vw, 28px);
    line-height:1.18;
    overflow-wrap:anywhere;
  }

  .card,
  .list-card,
  .msg-item,
  .notify-section-card,
  .review-card,
  .balance-payout-card,
  .balance-summary-card {
    padding:12px;
    border-radius:14px;
  }

  .grid-2,
  .list-grid,
  .balance-summary-grid,
  .balance-payout-grid,
  .profile-settings-grid,
  .notifications-grid {
    grid-template-columns:1fr !important;
  }

  .balance-amount-big {
    font-size:24px;
  }

  .list-card-title {
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .seller-filter-reset,
  .user-risk-note strong {
    white-space:normal;
  }

  .chat-message {
    max-width:100%;
  }

  .chat-attachment img,
  .chat-attachment video {
    width:auto;
    max-width:100%;
    height:auto;
  }

  .listing-main-image {
    height:auto;
    max-height:60vh;
  }

  .listing-gallery-thumbs {
    grid-template-columns:repeat(auto-fill,minmax(64px,1fr));
    gap:8px;
  }

  .listing-thumb img {
    height:64px;
  }

  .review-media-grid,
  .review-reply-media-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .table th,
  .table td {
    padding:9px 8px;
    font-size:13px;
    line-height:1.3;
    vertical-align:top;
    white-space:normal;
  }

  .balance-history-table,
  .balance-payout-table {
    min-width:620px;
  }

  .listing-actions,
  .profile-listing-actions,
  .my-listing-grid-actions,
  .sales-main-actions,
  .sales-actions-group,
  .review-filters,
  .review-card__footer,
  .review-reply-form__actions,
  .security-subtabs,
  .balance-history-filters,
  .order-status-summary-row,
  .shipment-mini-timeline {
    align-items:stretch;
  }

  .listing-actions > *,
  .profile-listing-actions > *,
  .my-listing-grid-actions > *,
  .sales-main-actions > *,
  .sales-actions-group > *,
  .review-reply-form__actions > *,
  .security-subtabs > *,
  .balance-history-filters > * {
    min-width:0;
  }

  .order-progress-step,
  .shipment-mini-step,
  .balance-filter-chip,
  .balance-inline-chip {
    flex:1 1 auto;
  }

  input,
  select,
  textarea,
  .input {
    min-width:0;
  }

  .notification-dropdown {
    position:fixed;
    left:12px;
    right:12px;
    top:72px;
    width:auto;
    min-width:0;
  }
}

@media (max-width: 420px) {
  .logo-mark {
    width:38px;
    height:38px;
    border-radius:12px;
  }

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

  .nav a,
  .btn,
  .btn-secondary,
  .profile-listing-action-button,
  .my-listings-filter-btn {
    font-size:13px;
  }

  .theme-toggle-current {
    display:none;
  }
}

/* PATCH: compact mobile navigation */
@media (max-width: 700px) {
  .topbar {
    position:static;
  }

  .topbar-inner {
    gap:8px !important;
    padding:8px 10px !important;
  }

  .logo {
    flex:1 1 100%;
    gap:8px;
  }

  .logo-mark {
    width:38px;
    height:38px;
    border-radius:12px;
  }

  .logo-text {
    font-size:17px;
  }

  .nav.nav-shell {
    gap:8px !important;
  }

  .nav-shell .nav-main {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    gap:6px !important;
  }

  .nav-shell .nav-main > a,
  .nav-shell .nav-notify-wrap {
    width:100%;
    min-width:0;
  }

  .nav-shell .nav-main > a,
  .nav-shell .nav-notify-btn {
    min-height:34px;
    justify-content:center;
    padding:7px 8px !important;
    font-size:14px;
  }

  .nav-home {
    min-width:0 !important;
  }

  .nav-notify-wrap {
    display:flex;
    justify-content:center;
  }

  .nav-notify-icon-btn {
    width:38px;
    min-width:38px;
    height:38px;
  }

  .nav-shell .nav-user-tools {
    width:100%;
    flex-basis:100% !important;
  }

  .theme-menu,
  .theme-toggle {
    width:100%;
  }

  .theme-toggle {
    min-height:36px;
    justify-content:center;
    padding:7px 12px;
  }
}

/* v33: keep the public header and catalog stable while the browser is resized */
@media (min-width: 701px) {
  .topbar-inner {
    align-items:flex-start !important;
    flex-wrap:wrap !important;
    row-gap:10px !important;
  }

  .logo {
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  .nav.nav-shell {
    flex:1 1 720px !important;
    min-width:0 !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin-left:auto !important;
  }

  .nav-shell .nav-main {
    flex:1 1 560px !important;
    min-width:0 !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }

  .nav-shell .nav-user-tools {
    flex:0 1 auto !important;
    min-width:0 !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin-left:auto !important;
  }

  .nav-shell .nav-main > a,
  .nav-shell .nav-notify-wrap,
  .nav-shell .nav-notify-btn,
  .nav-shell .nav-messages-link {
    min-width:0 !important;
    max-width:180px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .nav-shell .nav-notify-wrap,
  .nav-shell .nav-notify-btn {
    overflow:visible !important;
  }

  .nav a {
    padding-inline:9px !important;
  }

  .nav-sell-btn {
    max-width:190px !important;
    padding-inline:18px !important;
  }

  .language-switcher {
    flex:0 0 auto !important;
    margin-right:0 !important;
  }

  .theme-menu,
  .theme-toggle {
    min-width:0 !important;
    max-width:220px !important;
  }

  .theme-toggle {
    margin-left:0 !important;
  }

  .theme-toggle-text,
  .theme-toggle-current {
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .list-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)) !important;
  }

  .list-card-price {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 10px;
    line-height:1.2;
  }
}

@media (min-width: 701px) and (max-width: 1180px) {
  .topbar-inner {
    gap:12px !important;
    padding-inline:12px !important;
  }

  .nav.nav-shell {
    flex-basis:100% !important;
    width:100% !important;
  }

  .nav-shell .nav-main {
    order:2 !important;
    flex-basis:100% !important;
  }

  .nav-shell .nav-user-tools {
    order:1 !important;
  }
}

/* v34 launch readiness */
.nav-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.nav-menu-toggle:focus-visible{outline:2px solid rgba(96,165,250,.45);outline-offset:2px}
.nav-menu-icon{font-size:18px;line-height:1}
.footer-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.footer-links a{color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--text);text-decoration:underline}
.footer-brandline{
  line-height:1.45;
}
.legal-page{
  max-width:1060px;
  margin:20px auto 36px;
  padding:0 16px;
}
.legal-hero{
  border:1px solid var(--border);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  padding:18px 20px;
}
.legal-kicker{margin:0 0 12px}
.legal-hero h1{
  margin:0;
  max-width:760px;
  font-size:clamp(28px, 3.4vw, 40px);
  line-height:1.08;
}
.legal-lead{
  max-width:760px;
  margin:14px 0 0;
  font-size:16px;
  line-height:1.55;
}
.legal-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
  color:var(--muted);
  font-size:14px;
}
.legal-meta-row span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2);
}
.legal-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 18px;
  padding:0;
  overflow:visible;
}
.legal-tabs a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface);
  color:var(--muted);
  text-decoration:none;
  font-size:14px;
  line-height:1.2;
  white-space:nowrap;
}
.legal-tabs a:hover,
.legal-tabs a.is-active{
  color:var(--text);
  border-color:rgba(99,102,241,.65);
  background:rgba(99,102,241,.16);
}
.legal-layout{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.legal-toc{
  position:sticky;
  top:92px;
  max-height:360px;
  overflow:auto;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
}
.legal-toc p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}
.legal-toc a{
  display:block;
  padding:7px 8px;
  border-radius:8px;
  color:var(--muted);
  text-decoration:none;
  font-size:13px;
  line-height:1.3;
}
.legal-toc a.is-sub{padding-left:18px}
.legal-toc a:hover{
  color:var(--text);
  background:var(--surface-2);
}
.legal-doc{
  min-width:0;
  max-height:min(560px, calc(100vh - 250px));
  overflow:auto;
  overscroll-behavior:contain;
  padding:18px 20px 20px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  color:var(--text);
  line-height:1.72;
}
.legal-layout > .legal-doc:only-child{grid-column:1 / -1}
.legal-block[hidden]{display:none}
.legal-doc h2,
.legal-doc h3{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:22px 0 10px;
  scroll-margin-top:120px;
  line-height:1.22;
}
.legal-doc h2:first-child,
.legal-doc h3:first-child,
.legal-block:first-child h2,
.legal-block:first-child h3{margin-top:0}
.legal-doc h2{
  padding-bottom:10px;
  border-bottom:1px solid var(--border);
  font-size:22px;
}
.legal-doc h3{
  font-size:18px;
}
.legal-doc h2 span,
.legal-doc h3 span{
  flex:0 0 auto;
  color:var(--accent-strong);
  font-weight:900;
}
.legal-doc p{
  margin:0 0 14px;
  max-width:78ch;
}
.legal-load-more{
  width:100%;
  margin-top:10px;
  justify-content:center;
}
.legal-doc ul{
  display:grid;
  gap:8px;
  margin:0 0 18px;
  padding:0;
  max-width:82ch;
  list-style:none;
}
.legal-doc li{
  position:relative;
  padding-left:20px;
}
.legal-doc li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent-strong);
}
.legal-updated{margin-top:18px}
.oauth-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.profile-completion-form{margin-top:16px}
.profile-completion-notice{margin:14px 0}
.profile-completion-summary{margin:16px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text)}
.profile-completion-summary strong{display:block;margin-bottom:10px}
.profile-completion-chips{display:flex;flex-wrap:wrap;gap:8px}
.profile-completion-chips span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(244,63,94,.14);border:1px solid rgba(244,63,94,.32);color:var(--text);font-size:13px}
.profile-completion-legal-ok{margin:12px 0 16px;padding:10px 12px;border-radius:12px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:var(--text)}
.wk-check-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:flex-start;gap:10px;margin:10px 0 16px;color:var(--text);line-height:1.45}
.wk-check-row input[type="checkbox"]{width:18px !important;min-width:18px;height:18px;padding:0;margin:2px 0 0;flex:0 0 18px;accent-color:var(--primary)}
.wk-check-row span{display:block;min-width:0;overflow-wrap:break-word;word-break:normal}
.listing-detail-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px}
.listing-title{overflow-wrap:break-word !important;word-break:normal !important;hyphens:auto}

@media (max-width: 700px){
  .topbar-inner{
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .nav-menu-toggle{display:inline-flex !important;margin-left:auto}
  .nav.nav-shell{
    display:none !important;
    width:100% !important;
    flex:1 1 100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    margin-left:0 !important;
    padding:8px 0 2px !important;
  }
  body.nav-open .nav.nav-shell{display:flex !important}
  .nav-shell .nav-main,
  .nav-shell .nav-user-tools{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
    flex:0 0 auto !important;
  }
  .nav-shell .nav-main > a,
  .nav-shell .nav-notify-wrap,
  .nav-shell .nav-notify-btn,
  .nav-shell .nav-messages-link,
  .theme-toggle,
  .language-switcher-select{
    width:100% !important;
    max-width:none !important;
    min-height:38px !important;
    justify-content:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nav-notify-wrap{grid-column:auto !important}
  .notification-dropdown{
    left:0 !important;
    right:0 !important;
    width:calc(100vw - 24px) !important;
    max-width:none !important;
  }
  .footer-inner{gap:8px !important}
  .footer-links{font-size:13px;gap:8px}
  .legal-page{margin:12px auto 28px;padding:0 12px}
  .legal-hero{padding:18px;border-radius:12px}
  .legal-hero h1{font-size:28px}
  .legal-lead{font-size:16px}
  .legal-meta-row span{width:100%;border-radius:10px}
  .legal-tabs{
    margin:12px -12px 14px;
    padding:0 12px 8px;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .legal-tabs::-webkit-scrollbar{display:none}
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{display:none}
  .legal-doc{
    max-height:min(62vh, 560px);
    padding:18px;
    border-radius:12px;
    line-height:1.65;
  }
  .legal-doc h2{font-size:21px}
  .legal-doc h3{font-size:17px}
  .legal-doc h2,
  .legal-doc h3{scroll-margin-top:96px}
  .listing-detail-grid{grid-template-columns:1fr}
  .listing-title{
    font-size:clamp(24px, 7vw, 34px) !important;
    line-height:1.12 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .listing-gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
  .listing-main-image{height:auto;max-height:56vh;object-fit:contain}
}

/* v22: keep chat offer action labels compact and readable in long interface languages */
.offer-actions {
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.offer-actions .btn,
.offer-actions .btn.secondary,
.offer-action-btn,
.offer-counter-btn,
.offer-buy-form .btn {
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  padding:8px 12px;
  min-height:36px;
  font-size:14px;
  line-height:1.15;
}

.offer-actions > .btn,
.offer-actions > form {
  flex:0 0 auto;
}

.offer-buy-form {
  display:flex;
}

@media (max-width:520px) {
  .offer-actions .btn,
  .offer-buy-form .btn {
    padding:8px 10px;
    font-size:13px;
  }
}

/* v23: prevent table headers from collapsing into vertical letters */
.orders-view-list > div,
.balance-history-table-wrap {
  max-width:100%;
  overflow-x:auto;
}

.orders-view-list .table,
.balance-history-table,
.balance-payout-table {
  min-width:820px;
  table-layout:auto;
}

.orders-view-list .table th,
.orders-view-list .table td,
.balance-history-table th,
.balance-history-table td,
.balance-payout-table th,
.balance-payout-table td {
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
  vertical-align:top;
}

.orders-view-list .table th,
.balance-history-table th,
.balance-payout-table th {
  white-space:nowrap;
}

.orders-view-list .table td:nth-child(2),
.orders-view-list .table td:nth-child(3),
.orders-view-list .table td:nth-child(5),
.balance-history-table td:nth-child(2),
.balance-history-table td:nth-child(3),
.balance-payout-table td:nth-child(2) {
  white-space:normal;
  overflow-wrap:break-word;
}

.orders-view-list .table td:first-child,
.orders-view-list .table td:nth-child(4),
.orders-view-list .table td:nth-child(6),
.orders-view-list .table td:nth-child(7),
.orders-view-list .table td:last-child,
.balance-history-table td:first-child,
.balance-history-table td:last-child,
.balance-payout-table td:first-child,
.balance-payout-table td:last-child {
  white-space:nowrap;
}

/* PATCH v1: guest listing CTAs + cleaner mobile navigation */
.nav-home-text {
  display:none;
}

.guest-listing-cta {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  width:100%;
}

.guest-listing-cta .btn {
  min-height:42px;
}

@media (max-width: 700px) {
  .nav.nav-shell {
    padding:10px 0 4px !important;
    gap:10px !important;
  }

  .nav-shell .nav-main,
  .nav-shell .nav-user-tools {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    grid-template-columns:none !important;
    gap:8px !important;
  }

  .nav-shell .nav-main > a,
  .nav-shell .nav-messages-link,
  .nav-shell .nav-notify-btn,
  .theme-toggle,
  .language-switcher-select {
    min-height:44px !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .nav-shell .nav-home {
    gap:10px !important;
  }

  .nav-home-text {
    display:inline;
  }

  .nav-user-tools .language-switcher,
  .nav-user-tools .theme-menu {
    width:100% !important;
  }

  .guest-listing-cta {
    flex-direction:column;
  }

  .guest-listing-cta .btn,
  .listing-actions .guest-listing-cta .btn {
    width:100%;
    justify-content:center;
    text-align:center;
  }
}