:root {
  --ink: #080808;
  --muted: #666666;
  --line: #e2e2e2;
  --paper: #f7f7f7;
  --panel: #ffffff;
  --green: #147a5c;
  --green-dark: #07543e;
  --gold: #b58a19;
  --rose: #b84d5a;
  --blue: #2457c5;
  --discount-green: #008a22;
  --mode: var(--green);
  --mode-dark: var(--green-dark);
  --shadow: 0 18px 45px rgba(0, 0, 0, 0.11);
}

* {
  box-sizing: border-box;
}

html {
  overflow-anchor: none;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, Arial, sans-serif;
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.05), transparent 38%),
    linear-gradient(315deg, rgba(0, 0, 0, 0.035), transparent 38%),
    var(--paper);
}

body.buyer-mode {
  --mode: #2457c5;
  --mode-dark: #173b91;
  --mode-soft: #edf4ff;
  background:
    linear-gradient(135deg, rgba(36, 87, 197, 0.15), transparent 36%),
    linear-gradient(315deg, rgba(62, 118, 220, 0.09), transparent 38%),
    #f5f8ff;
}

body.seller-mode {
  --mode: #a66a00;
  --mode-dark: #4f3400;
  --mode-soft: #fff6e6;
  background:
    linear-gradient(135deg, rgba(166, 106, 0, 0.16), transparent 38%),
    linear-gradient(315deg, rgba(17, 17, 17, 0.055), transparent 40%),
    #fffaf0;
}

button,
input,
select {
  font: inherit;
}

button,
input,
select,
textarea {
  max-width: 100%;
  min-width: 0;
}

button {
  cursor: pointer;
  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
p,
strong,
span,
button {
  overflow-wrap: break-word;
  word-break: normal;
}

.auth-gate {
  position: fixed;
  inset: 0;
  z-index: 50;
  min-height: 100vh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 22px;
  padding: 32px;
  background:
    linear-gradient(135deg, rgba(49, 107, 181, 0.18), transparent 45%),
    linear-gradient(315deg, rgba(25, 115, 95, 0.18), transparent 45%),
    rgba(247, 248, 244, 0.78);
  backdrop-filter: blur(10px);
}

.auth-gate[hidden] {
  display: none !important;
}

.auth-gate.loading {
  align-content: center;
}

.auth-loader {
  display: grid;
  justify-items: center;
  gap: 12px;
}

.auth-loader[hidden],
.auth-brand[hidden] {
  display: none !important;
}

.auth-loader .brand-mark {
  width: 72px;
  height: 72px;
  font-size: 30px;
}

.auth-loader .loader-logo {
  width: min(260px, 72vw);
  height: auto;
}

.auth-loader .loader-logo + strong {
  display: none;
}

.auth-loader strong {
  color: var(--ink);
  font-size: 20px;
}

.auth-brand {
  margin: 0;
}

.auth-gate:not(.loading) > .auth-brand {
  display: none;
}

.auth-gate #authAccount {
  width: min(560px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
}

.auth-gate .account-form {
  width: 100%;
}

.auth-experience {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
}

.auth-welcome-panel,
.auth-card {
  border: 1px solid rgba(217, 226, 221, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: var(--shadow);
}

.auth-welcome-panel {
  display: none;
  align-content: space-between;
  min-height: 620px;
  padding: 34px;
  overflow: hidden;
}

.auth-welcome-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.auth-welcome-brand strong,
.auth-welcome-brand span {
  display: block;
}

.auth-welcome-brand span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.auth-hero-copy {
  max-width: 680px;
}

.auth-hero-copy h1,
.auth-title {
  margin: 12px 0 14px;
  max-width: 700px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: 0;
}

.auth-hero-copy p:not(.eyebrow) {
  margin: 0;
  max-width: 660px;
  color: var(--muted);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.58;
}

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

.auth-trust-grid span {
  display: grid;
  gap: 6px;
  min-height: 112px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.auth-trust-grid strong {
  color: var(--mode-dark);
  font-size: 14px;
}

.auth-trust-grid small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.42;
}

.auth-card {
  position: relative;
  align-self: center;
  max-width: none;
  padding: 28px;
}

.auth-close-button {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.auth-close-button:hover {
  color: var(--mode-dark);
  background: #f4f8f6;
}

.auth-card-header {
  display: grid;
  gap: 8px;
}

.auth-card-header h2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.12;
}

.auth-card-header span {
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.48;
}

.auth-oauth-grid {
  display: grid;
  gap: 10px;
}

.auth-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.auth-divider::before,
.auth-divider::after {
  content: "";
  height: 1px;
  background: var(--line);
}

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

body.auth-required .app-shell {
  display: none;
}

#guestIntro {
  display: none;
}

body.guest-preview .app-shell {
  display: none;
}

body.guest-preview #guestIntro {
  display: block;
}

body.auth-required #guestIntro,
body.app-booting #guestIntro {
  display: none;
}

body.policy-required .app-shell {
  display: block;
}

body.policy-required .sidebar,
body.policy-required .topbar {
  display: none;
}

body.policy-required .market {
  min-height: 100vh;
  padding: 32px;
}

body.policy-required .view-panel {
  display: none !important;
}

body.policy-required #policyView.active-view {
  display: block !important;
}

body.app-booting .app-shell {
  visibility: hidden;
}

.guest-intro {
  min-height: 100vh;
  color: var(--ink);
}

.guest-intro-hero {
  min-height: 92vh;
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 28px clamp(20px, 4vw, 64px) 56px;
  background:
    linear-gradient(135deg, rgba(25, 115, 95, 0.16), transparent 38%),
    linear-gradient(315deg, rgba(216, 155, 40, 0.16), transparent 36%),
    var(--paper);
}

.guest-intro-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}

.guest-intro-nav .brand {
  margin: 0;
}

.guest-intro-actions,
.guest-hero-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.guest-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.guest-menu-item {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.guest-menu-item > button {
  border: 0;
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--ink);
  background: transparent;
  font-weight: 850;
}

.guest-menu-item > button::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-3px) rotate(45deg);
}

.guest-menu-item:hover > button,
.guest-menu-item:focus-within > button,
.guest-menu-item.open > button {
  background: rgba(255, 255, 255, 0.78);
}

.guest-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 20;
  display: none;
  min-width: 210px;
  padding: 8px;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 38px rgba(23, 33, 31, 0.14);
  transform: translateX(-50%);
}

.guest-dropdown::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 10px;
}

.guest-menu-item:hover .guest-dropdown,
.guest-menu-item:focus-within .guest-dropdown,
.guest-menu-item.open .guest-dropdown {
  display: grid;
}

.guest-dropdown a {
  display: grid;
  border-radius: 8px;
  padding: 11px;
  color: var(--ink);
  text-decoration: none;
}

.guest-dropdown a strong {
  font-size: 13px;
  font-weight: 950;
}

.guest-dropdown a:hover,
.guest-dropdown a:focus {
  color: var(--green-dark);
  background: var(--soft);
}

.guest-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}

.guest-hero-copy {
  max-width: 680px;
}

.guest-hero-copy h1 {
  margin: 10px 0 16px;
  font-size: clamp(42px, 6vw, 74px);
  line-height: 0.98;
  letter-spacing: 0;
}

.guest-hero-copy p:not(.eyebrow) {
  margin: 0 0 24px;
  max-width: 620px;
  color: var(--muted);
  font-size: 18px;
  font-weight: 650;
  line-height: 1.6;
}

.guest-value-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 24px;
}

.guest-value-points span {
  display: grid;
  gap: 4px;
  min-height: 88px;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 34px rgba(23, 33, 31, 0.08);
}

.guest-value-points strong {
  color: var(--ink);
  font-size: 15px;
  font-weight: 950;
}

.guest-value-points small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.guest-text-link {
  color: var(--green-dark);
  font-weight: 950;
}

.guest-photo-collage {
  position: relative;
  min-height: 560px;
}

.guest-photo-card {
  position: absolute;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 62px rgba(23, 33, 31, 0.18);
}

.guest-photo-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guest-photo-card figcaption {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: grid;
  gap: 4px;
  border-radius: 8px;
  padding: 12px;
  color: #fff;
  background: rgba(15, 42, 36, 0.76);
  backdrop-filter: blur(8px);
}

.guest-photo-card figcaption strong {
  font-size: 16px;
}

.guest-photo-card figcaption span {
  font-size: 13px;
  font-weight: 700;
}

.guest-photo-card.large {
  inset: 24px 78px 42px 0;
}

.guest-photo-card.large img {
  object-position: center;
}

.guest-photo-card.small {
  width: 252px;
  height: 184px;
}

.guest-photo-card.small.top {
  top: 0;
  right: 0;
}

.guest-photo-card.small.bottom {
  right: 20px;
  bottom: 6px;
}

.guest-live-marketplace {
  display: grid;
  gap: 18px;
  max-width: 1180px;
  width: 100%;
  margin: 26px auto 0;
  border: 1px solid rgba(25, 115, 95, 0.14);
  border-radius: 8px;
  padding: clamp(18px, 3vw, 26px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 62px rgba(23, 33, 31, 0.12);
}

.guest-live-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}

.guest-live-heading h2,
.guest-live-heading p {
  margin: 0;
}

.guest-live-heading h2 {
  color: var(--ink);
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: 0;
}

.guest-live-heading p {
  max-width: 420px;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.guest-live-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(270px, 0.72fr);
  gap: 14px;
  align-items: stretch;
}

.guest-activity-strip {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.guest-activity-strip span {
  display: grid;
  gap: 4px;
  min-height: 72px;
  border: 1px solid rgba(25, 115, 95, 0.13);
  border-radius: 8px;
  padding: 13px 14px;
  background: rgba(247, 250, 248, 0.9);
}

.guest-activity-strip strong {
  color: var(--ink);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.guest-activity-strip small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.guest-live-panel,
.guest-deal-flow {
  border: 1px solid rgba(25, 115, 95, 0.14);
  border-radius: 8px;
  padding: 14px;
  background: #fbfdfc;
}

.seller-preview-panel {
  background: #fffaf2;
  border-color: rgba(216, 155, 40, 0.2);
}

.guest-live-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.guest-live-title strong {
  color: var(--ink);
  font-size: 18px;
  font-weight: 950;
}

.guest-live-title small {
  color: var(--muted);
  font-weight: 850;
}

.guest-live-card {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 8px;
  padding: 13px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.06);
}

.guest-live-card + .guest-live-card {
  margin-top: 9px;
}

.guest-live-card span,
.guest-flow-card span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.guest-live-card strong {
  color: var(--ink);
  font-size: 17px;
  line-height: 1.2;
}

.guest-live-card small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.guest-deal-flow {
  position: relative;
  display: grid;
  gap: 10px;
  overflow: hidden;
}

.guest-deal-flow::before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 18px;
  left: 31px;
  width: 2px;
  background: linear-gradient(var(--green-dark), rgba(25, 115, 95, 0.12));
  transform: translateY(-42%);
}

.guest-flow-card {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 6px 10px;
  align-items: center;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.06);
  animation: guestFlowPulse 4.8s ease-in-out infinite;
}

.guest-flow-card:nth-child(2) {
  animation-delay: 0.45s;
}

.guest-flow-card:nth-child(3) {
  animation-delay: 0.9s;
}

.guest-dual-timeline {
  grid-column: 1 / -1;
  overflow: visible;
}

.guest-dual-timeline::before {
  display: none;
}

.guest-dual-timeline .guest-live-title {
  margin-bottom: 14px;
}

.timeline-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.timeline-path {
  position: relative;
  display: grid;
  gap: 10px;
  border: 1px solid rgba(25, 115, 95, 0.13);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.timeline-path::before {
  content: "";
  position: absolute;
  top: 64px;
  bottom: 28px;
  left: 28px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(var(--green-dark), rgba(25, 115, 95, 0.08));
}

.timeline-path-label {
  justify-self: start;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--green-dark);
  background: #fff;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.timeline-path .guest-flow-card {
  animation: none;
}

.guest-flow-card span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: #fff;
  background: var(--green-dark);
}

.guest-flow-card strong {
  color: var(--ink);
  font-size: 16px;
  font-weight: 950;
}

.guest-flow-card small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.32;
}

@keyframes guestFlowPulse {
  0%, 100% {
    transform: translateX(0);
    border-color: rgba(25, 115, 95, 0.16);
  }
  45% {
    transform: translateX(4px);
    border-color: rgba(25, 115, 95, 0.38);
  }
}

.guest-market-visual {
  position: relative;
  min-height: 470px;
  border: 1px solid rgba(25, 115, 95, 0.2);
  border-radius: 8px;
  padding: 18px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(247, 248, 244, 0.9)),
    #fff;
  box-shadow: 0 28px 75px rgba(23, 33, 31, 0.16);
}

.visual-toolbar {
  display: flex;
  gap: 7px;
  padding-bottom: 18px;
}

.visual-toolbar span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #bfcac4;
}

.visual-request-card,
.visual-offer-card,
.visual-listing-card {
  position: absolute;
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 16px 38px rgba(23, 33, 31, 0.11);
}

.visual-request-card {
  top: 72px;
  left: 24px;
  right: 78px;
}

.visual-offer-card {
  top: 235px;
  right: 24px;
  width: min(320px, calc(100% - 48px));
  border-color: rgba(25, 115, 95, 0.24);
  background: #f5fbf7;
}

.visual-listing-card {
  left: 24px;
  bottom: 28px;
  width: min(290px, calc(100% - 48px));
  border-color: rgba(216, 155, 40, 0.28);
  background: #fffaf0;
}

.guest-market-visual small,
.guest-comparison small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.guest-market-visual strong {
  font-size: 20px;
}

.guest-market-visual p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
}

.visual-request-card div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.visual-request-card div span {
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--green-dark);
  background: rgba(25, 115, 95, 0.1);
  font-size: 12px;
  font-weight: 900;
}

.guest-intro-content {
  display: grid;
  gap: 28px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px clamp(20px, 4vw, 64px) 72px;
}

.guest-insight-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.guest-insight-row article,
.guest-feature-band,
.guest-final-cta {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 14px 36px rgba(23, 33, 31, 0.08);
}

.guest-insight-row article {
  display: grid;
  gap: 10px;
  align-content: start;
  overflow: hidden;
  padding: 0;
}

.guest-insight-row article > span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: #fff;
  background: var(--green-dark);
  font-weight: 950;
}

.guest-insight-row article img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.guest-insight-row article h2,
.guest-insight-row article p {
  padding-inline: 20px;
}

.guest-insight-row article p {
  padding-bottom: 20px;
}

.guest-step-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0 20px 22px;
  color: var(--ink);
  counter-reset: guestSteps;
  list-style: none;
}

.guest-step-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.35;
}

.guest-step-list li::before {
  counter-increment: guestSteps;
  content: counter(guestSteps);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #fff;
  background: var(--green-dark);
  font-size: 12px;
  font-weight: 950;
}

.guest-insight-row h2,
.guest-feature-band h2,
.guest-comparison-band h2,
.guest-trust-band h2,
.guest-final-cta h2 {
  margin: 0;
  color: var(--green-dark);
}

.guest-insight-row p,
.guest-feature-band p,
.guest-comparison-band p,
.guest-trust-band p,
.guest-final-cta p {
  margin: 0;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.55;
}

.guest-feature-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  gap: 28px;
  align-items: center;
  padding: 28px;
}

.guest-comparison-band,
.guest-trust-band {
  display: grid;
  gap: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 36px rgba(23, 33, 31, 0.08);
}

.guest-comparison-band {
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
  align-items: center;
}

.guest-compare-table {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 8px;
  background: #fff;
}

.guest-compare-table div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.guest-compare-table div + div {
  border-top: 1px solid var(--line);
}

.guest-compare-table span {
  min-width: 0;
  padding: 14px 16px;
  color: var(--muted);
  font-weight: 850;
  line-height: 1.35;
}

.guest-compare-table span + span {
  border-left: 1px solid var(--line);
  color: var(--ink);
  background: #f5fbf7;
}

.guest-compare-table [role="columnheader"] {
  color: var(--ink);
  background: #f8faf9;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.guest-compare-table [role="columnheader"] + [role="columnheader"] {
  color: var(--green-dark);
  background: rgba(25, 115, 95, 0.09);
}

.guest-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.guest-trust-grid article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: start;
  border: 1px solid rgba(25, 115, 95, 0.13);
  border-radius: 8px;
  padding: 16px;
  background: #fbfdfc;
}

.guest-trust-grid article > span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  color: var(--green-dark);
  background: rgba(25, 115, 95, 0.1);
  font-size: 13px;
  font-weight: 950;
}

.guest-trust-grid article > .stripe-wordmark {
  width: 58px;
  border-radius: 999px;
  color: #fff;
  background: #635bff;
  font-size: 11px;
  letter-spacing: 0;
}

.guest-trust-grid strong {
  color: var(--ink);
  font-size: 16px;
  font-weight: 950;
}

.guest-trust-grid small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.guest-story-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  gap: 28px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 14px 36px rgba(23, 33, 31, 0.08);
}

.guest-story-band h2 {
  margin: 0 0 12px;
  color: var(--green-dark);
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.05;
}

.guest-story-band p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.6;
}

.guest-founder-note {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 8px;
  padding: 14px;
  background: #f5fbf7;
}

.guest-founder-note strong {
  color: var(--green-dark);
  font-weight: 950;
}

.guest-founder-note p {
  margin: 0;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.55;
}

.guest-story-band img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  object-fit: cover;
}

.guest-comparison {
  display: grid;
  gap: 12px;
}

.guest-comparison span,
.guest-comparison a {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
  color: inherit;
  text-decoration: none;
}

.guest-comparison a:hover,
.guest-comparison a:focus-visible {
  border-color: rgba(25, 115, 95, 0.34);
  background: #fff;
  outline: 0;
}

.guest-comparison strong {
  color: var(--ink);
  font-size: 17px;
}

.guest-comparison em {
  color: var(--muted);
  font-style: normal;
  font-weight: 700;
  line-height: 1.45;
}

.guest-final-cta {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 12px;
  padding: 34px;
}

.guest-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.guest-showcase-grid article {
  min-height: 220px;
  display: grid;
  align-content: end;
  gap: 10px;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 8px;
  padding: 22px;
  background:
    radial-gradient(circle at 22% 18%, rgba(37, 99, 235, 0.24), transparent 28%),
    linear-gradient(135deg, #10283a, #0f766e);
  color: #fff;
  overflow: hidden;
}

.guest-showcase-grid article:nth-child(2) {
  background:
    radial-gradient(circle at 78% 22%, rgba(20, 184, 166, 0.3), transparent 28%),
    linear-gradient(135deg, #172033, #2457c5);
}

.guest-showcase-grid article:nth-child(3) {
  background:
    radial-gradient(circle at 26% 24%, rgba(245, 158, 11, 0.26), transparent 30%),
    linear-gradient(135deg, #101820, #064e3b);
}

.guest-showcase-grid h2,
.guest-showcase-grid p {
  margin: 0;
  color: #fff;
}

.guest-showcase-grid p {
  font-weight: 700;
  line-height: 1.45;
}

.guest-reviews-section,
.guest-scenarios-section {
  display: grid;
  gap: 16px;
}

.guest-section-heading {
  max-width: 720px;
}

.guest-section-heading h2 {
  margin: 0 0 8px;
  color: var(--green-dark);
  font-size: clamp(28px, 3vw, 42px);
}

.guest-section-heading p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.55;
}

.guest-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.guest-review-grid article {
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 36px rgba(23, 33, 31, 0.08);
}

.review-stars {
  color: #b87913;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 950;
}

.guest-review-grid p {
  margin: 0;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.5;
}

.guest-reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

.guest-reviewer img {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 6px 16px rgba(23, 33, 31, 0.16);
}

.guest-reviewer strong {
  color: var(--green-dark);
}

.guest-scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.guest-scenario-grid article {
  display: grid;
  gap: 12px;
  align-content: start;
  border: 1px solid rgba(25, 115, 95, 0.14);
  border-radius: 8px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 36px rgba(23, 33, 31, 0.08);
}

.scenario-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  color: #fff;
  background: var(--green-dark);
  font-size: 15px;
  font-weight: 950;
}

.guest-scenario-grid h3 {
  margin: 0;
  color: var(--ink);
  font-size: 21px;
  line-height: 1.14;
}

.guest-scenario-grid p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.5;
}

.app-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
  transition: grid-template-columns 180ms ease;
}

.sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow-y: auto;
  padding: 18px 16px;
  border-right: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 248, 0.82)),
    rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.sidebar-collapse-toggle {
  position: absolute;
  top: 24px;
  right: -17px;
  z-index: 12;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(20, 32, 28, 0.16);
  border-radius: 999px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 20px rgba(20, 32, 28, 0.12);
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.sidebar-collapse-toggle:hover,
.sidebar-collapse-toggle:focus-visible {
  border-color: rgba(20, 32, 28, 0.24);
  background: #fff;
  box-shadow: 0 10px 24px rgba(20, 32, 28, 0.16);
  transform: translateX(2px);
  outline: 0;
}

.sidebar-collapse-toggle span {
  width: 14px;
  height: 14px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(45deg);
}

body.sidebar-collapsed .app-shell {
  grid-template-columns: 84px minmax(0, 1fr);
}

body.sidebar-collapsed .sidebar {
  padding: 20px 10px 140px;
}

body.sidebar-collapsed .sidebar .brand {
  justify-content: center;
  margin-bottom: 16px;
}

body.sidebar-collapsed .sidebar .brand-logo {
  width: 54px;
  height: 42px;
  object-fit: contain;
  object-position: center;
}

body.sidebar-collapsed .sidebar-collapse-toggle {
  top: 24px;
  right: -17px;
  width: 34px;
  height: 34px;
  transform: none;
}

body.sidebar-collapsed .sidebar-collapse-toggle:hover,
body.sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
  transform: translateX(2px);
}

body.sidebar-collapsed .sidebar-collapse-toggle span {
  transform: rotate(225deg);
}

body.sidebar-collapsed .sidebar-location,
body.sidebar-collapsed .sidebar-panel,
body.sidebar-collapsed .role-switcher,
body.sidebar-collapsed .nav-section-label,
body.sidebar-collapsed .nav-label,
body.sidebar-collapsed .nav-item .notification-dot,
body.sidebar-collapsed .notification-count {
  display: none !important;
}

body.sidebar-collapsed .nav-list {
  margin-top: 50px;
  gap: 10px;
}

body.sidebar-collapsed .nav-section {
  gap: 8px;
}

body.sidebar-collapsed .nav-section-general,
body.sidebar-collapsed .nav-section-manager {
  margin-top: 0;
  padding-top: 10px;
}

body.sidebar-collapsed .nav-item {
  justify-content: center;
  min-height: 46px;
  padding: 6px;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #fff;
  background: var(--mode);
  font-weight: 800;
}

.brand-logo {
  display: block;
  width: 132px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 4px;
}

.sidebar .brand {
  align-items: flex-start;
}

.sidebar .brand .brand-logo {
  width: 118px;
  flex: 0 0 auto;
}

.guest-intro-nav .brand .brand-logo,
.auth-brand .brand-logo {
  width: 150px;
}

.auth-welcome-logo {
  width: 170px;
}

.brand .brand-logo + div,
.auth-welcome-brand .brand-logo + div {
  display: none;
}

.brand strong,
.brand span {
  display: block;
}

.brand span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

.sidebar-location {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 22px;
  padding: 9px 10px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 18px rgba(23, 33, 31, 0.05);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.sidebar-location:hover,
.sidebar-location:focus-visible {
  border-color: rgba(17, 17, 17, 0.18);
  background: #fff;
  box-shadow: 0 12px 24px rgba(23, 33, 31, 0.08);
  outline: 0;
  transform: translateY(-1px);
}

.sidebar-location-icon,
.nav-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: var(--mode-dark);
  background:
    linear-gradient(135deg, rgba(25, 115, 95, 0.12), rgba(49, 107, 181, 0.08)),
    #f5faf7;
}

.sidebar-location-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.sidebar-location small,
.sidebar-location strong {
  display: block;
}

.sidebar-location small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.sidebar-location strong {
  margin-top: 1px;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.25;
}

.sidebar-location-change {
  margin-left: auto;
  color: var(--mode);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.location-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 20, 19, 0.32);
  backdrop-filter: blur(8px);
}

.location-modal {
  width: min(460px, 94vw);
  padding: 22px;
  border: 1px solid rgba(217, 226, 221, 0.95);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 20, 19, 0.22);
}

.location-modal h2 {
  margin: 0 0 6px;
  font-size: 24px;
  letter-spacing: 0;
}

.location-modal p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.location-modal-form {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.location-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.location-modal label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.location-modal input,
.location-modal select {
  min-height: 44px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  font-weight: 750;
  text-transform: none;
}

.location-modal input:focus,
.location-modal select:focus {
  border-color: var(--mode);
  box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.08);
  outline: 0;
}

.location-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.location-modal-actions .primary-action,
.location-modal-actions .secondary-action,
.location-modal-actions .text-action {
  min-height: 42px;
}

.location-modal .form-message {
  min-height: 18px;
  color: var(--danger);
  font-size: 12px;
}

.nav-list {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 7px;
  min-height: 0;
}

.nav-section {
  display: grid;
  gap: 5px;
}

.nav-section.hidden {
  display: none;
}

.nav-section-general {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.nav-section-manager {
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px dashed rgba(20, 32, 28, 0.16);
}

.nav-section-label {
  display: block;
  margin: 0 8px 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  border: 0;
  border-radius: 12px;
  padding: 6px 10px;
  color: var(--muted);
  background: transparent;
  text-align: left;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.notification-nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav-icon {
  position: relative;
  width: 34px;
  height: 34px;
  overflow: hidden;
}

.nav-icon::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: currentColor;
  opacity: 0.88;
}

.nav-icon::after {
  content: "";
  position: absolute;
  opacity: 0;
}

.nav-icon-dashboard::before {
  border-radius: 4px;
  box-shadow: 8px 0 0 -2px currentColor, 0 8px 0 -2px currentColor, 8px 8px 0 -2px currentColor;
  width: 8px;
  height: 8px;
}

.nav-icon-activity::before {
  width: 16px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 4px;
  background: transparent;
}

.nav-icon-activity::after {
  width: 9px;
  height: 2px;
  margin-top: -2px;
  background: currentColor;
  box-shadow: 0 5px 0 currentColor;
  opacity: 0.8;
}

.nav-icon-saved::before {
  width: 14px;
  height: 18px;
  border-radius: 3px 3px 7px 7px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 72%, 0 100%);
}

.nav-icon-messages::before {
  width: 18px;
  height: 14px;
  border-radius: 7px;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 62% 78%, 44% 100%, 45% 78%, 0 78%);
}

.nav-icon-messages {
  color: #111;
  background:
    linear-gradient(135deg, rgba(20, 32, 28, 0.08), rgba(20, 32, 28, 0.04)),
    #f8faf9;
}

.nav-section-general .nav-icon,
.nav-section-manager .nav-icon {
  color: #111;
  background:
    linear-gradient(135deg, rgba(20, 32, 28, 0.08), rgba(20, 32, 28, 0.04)),
    #f8faf9;
}

.nav-section-general .nav-icon::before,
.nav-section-manager .nav-icon::before {
  opacity: 0.92;
}

.nav-icon-messages::before {
  background: currentColor;
  opacity: 0.9;
}

.nav-icon-messages::after {
  display: none;
}

.nav-icon-transactions::before {
  width: 18px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 5px;
  background: transparent;
}

.nav-icon-transactions::after {
  width: 10px;
  height: 2px;
  margin-top: 1px;
  background: currentColor;
  box-shadow: 0 5px 0 currentColor;
  opacity: 0.84;
}

.nav-icon-account::before {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  box-shadow: 0 9px 0 -4px currentColor;
}

.nav-icon-account.has-profile-avatar {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #111;
  background: rgba(20, 32, 28, 0.08);
}

.nav-icon-account.has-profile-avatar::before,
.nav-icon-account.has-profile-avatar::after {
  display: none;
}

.nav-icon-account.has-profile-avatar img,
.nav-icon-account.has-profile-avatar .avatar-placeholder {
  width: 26px;
  height: 26px;
}

.nav-icon-account.has-profile-avatar img {
  display: block;
  border-radius: 999px;
  object-fit: cover;
}

.nav-icon-account.has-profile-avatar .avatar-placeholder {
  display: grid;
  place-items: center;
  color: #111;
  background: rgba(255, 255, 255, 0.82);
}

.nav-icon-account.has-profile-avatar .avatar-placeholder svg {
  width: 18px;
  height: 18px;
}

.nav-icon-ship::before {
  width: 18px;
  height: 14px;
  border-radius: 4px;
}

.nav-icon-ship::after {
  width: 16px;
  height: 2px;
  margin-top: -7px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.85);
  opacity: 0.9;
}

.nav-icon-meetups::before {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 999px 999px 999px 2px;
  background: transparent;
  transform: rotate(-45deg);
}

.nav-icon-meetups::after {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.9;
}

.nav-icon-manager::before {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  transform: rotate(45deg);
}

.nav-icon-notifications::before {
  display: none;
}

.nav-icon-help::before {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 999px;
  background: transparent;
}

.nav-icon-help::after {
  content: "?";
  position: absolute;
  color: currentColor;
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
  opacity: 0.9;
}

.nav-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-count {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  margin-left: auto;
  border-radius: 999px;
  color: #fff;
  background: var(--rose);
  font-size: 12px;
  font-weight: 900;
}

.notification-count.hidden {
  display: none;
}

.nav-item[hidden] {
  display: none !important;
}

.notification-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 7px;
  border-radius: 999px;
  background: var(--rose);
  box-shadow: 0 0 0 3px rgba(184, 77, 90, 0.16);
}

.notification-dot.hidden {
  display: none;
}

.nav-item.active,
.nav-item:hover {
  color: var(--mode-dark);
  background: rgba(25, 115, 95, 0.1);
  box-shadow: inset 0 0 0 1px rgba(25, 115, 95, 0.08);
}

.nav-item:hover {
  transform: translateX(2px);
}

body.buyer-mode .nav-item.active,
body.buyer-mode .nav-item:hover {
  background: rgba(49, 107, 181, 0.12);
}

.sidebar-panel {
  margin-top: 22px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--mode) 18%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--mode) 7%, #fff);
}

.panel-label,
.eyebrow {
  margin: 0;
  color: var(--mode);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sidebar-panel strong {
  display: block;
  margin-top: 7px;
  line-height: 1.25;
}

.sidebar-panel p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.role-switcher {
  position: static;
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  width: 100%;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--mode) 24%, var(--line));
  border-radius: 12px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mode) 10%, #fff), #fff 72%);
  box-shadow: 0 10px 22px rgba(23, 33, 31, 0.08);
}

.role-switcher p {
  grid-column: 1 / -1;
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.role-switcher span {
  display: block;
  margin-top: 1px;
  color: var(--mode-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: none;
}

.mode-switch-status {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.mode-pill {
  display: grid !important;
  place-items: center;
  min-height: 30px;
  margin: 0 !important;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted) !important;
  background: rgba(255, 255, 255, 0.78);
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
}

body.buyer-mode .buyer-pill,
body.seller-mode .seller-pill {
  color: #fff !important;
  border-color: var(--mode);
  background: var(--mode);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--mode) 28%, transparent);
}

body.buyer-mode .seller-pill,
body.seller-mode .buyer-pill {
  opacity: 0.72;
}

.mode-switch-text {
  grid-column: 1 / -1;
  margin-top: 2px;
  min-height: 38px;
  border: 1px solid color-mix(in srgb, var(--mode) 26%, #fff);
  border-radius: 10px;
  padding: 0 12px;
  color: #fff;
  background: var(--mode);
  font-weight: 900;
  line-height: 1.15;
}

.mode-switch-text::after {
  content: " →";
}

.mode-switch-text:hover,
.mode-switch-text:focus-visible {
  background: var(--mode-dark);
  outline: 0;
}

.mode-switch-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}

.mode-switch-text::after {
  content: "->";
  flex: 0 0 auto;
}

.mode-notice-inline {
  display: none;
  grid-column: 1 / -1;
  padding: 10px 12px;
  border: 1px solid rgba(185, 68, 79, 0.25);
  border-radius: 8px;
  color: #8d2632;
  background: #fff5f6;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  text-transform: none;
}

.mode-notice-inline.active {
  display: block;
}

.mode-notice-inline.active::before {
  content: "Other mode alert";
  display: block;
  margin-bottom: 3px;
  color: #b9444f;
  font-size: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.market {
  min-width: 0;
  padding: 30px 34px 48px;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--mode) 16%, rgba(217, 226, 221, 0.88));
  border-radius: 24px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mode) 9%, #fff), rgba(255, 255, 255, 0.86)),
    rgba(255, 255, 255, 0.74);
  box-shadow: 0 16px 36px rgba(23, 33, 31, 0.08);
}

.cross-mode-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: -4px 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 10px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(22, 37, 31, 0.08);
}

.cross-mode-notice[hidden] {
  display: none;
}

.cross-mode-notice div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.cross-mode-notice strong {
  font-size: 13px;
  font-weight: 950;
}

.cross-mode-notice span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.cross-mode-notice button {
  flex: 0 0 auto;
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  color: #fff;
  background: var(--ink);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
  transition: background 0.16s ease, transform 0.16s ease;
}

.cross-mode-notice button:hover,
.cross-mode-notice button:focus-visible {
  background: var(--mode-dark);
  outline: 0;
  transform: translateY(-1px);
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.topbar-icon-button {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(23, 33, 31, 0.08);
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.topbar-icon-button:hover,
.topbar-icon-button:focus-visible {
  border-color: rgba(20, 32, 28, 0.24);
  background: #f8faf9;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(23, 33, 31, 0.12);
}

.topbar-notifications-button .nav-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: var(--mode-dark);
  background: #eef7f2;
}

.topbar-notifications-button .nav-icon-notifications {
  display: grid;
  place-items: center;
}

.topbar-notifications-button:hover .nav-icon,
.topbar-notifications-button:focus-visible .nav-icon {
  color: #fff;
  background: var(--mode-dark);
}

.header-balance,
.header-seller-rating {
  display: grid;
  gap: 3px;
  min-width: 128px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.header-seller-rating {
  min-width: 150px;
  border-color: rgba(25, 115, 95, 0.22);
  background: #f7fbf8;
}

.header-balance small,
.header-seller-rating small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.header-balance strong,
.header-seller-rating strong {
  color: var(--mode-dark);
  font-size: 18px;
}

.account-avatar-button {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0;
  color: var(--mode-dark);
  background: #fff;
  cursor: pointer;
  overflow: hidden;
}

.account-avatar-button:hover,
.account-avatar-button:focus-visible {
  border-color: var(--mode);
  box-shadow: 0 0 0 4px rgba(25, 115, 95, 0.12);
  outline: 0;
}

.account-avatar-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.avatar-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--mode-dark);
  background: #f7faf8;
}

h1,
.view-title {
  max-width: 820px;
  margin: 6px 0 0;
  font-size: clamp(27px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

.primary-action,
#addWant,
.card-footer button,
.mode-choice {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: var(--mode);
  font-weight: 800;
  white-space: nowrap;
}

.primary-action:hover,
.primary-action:focus-visible,
#addWant:hover,
#addWant:focus-visible,
.card-footer button:hover,
.card-footer button:focus-visible,
.mode-choice:hover,
.mode-choice:focus-visible {
  background: var(--mode-dark);
  box-shadow: 0 10px 24px rgba(20, 32, 28, 0.16);
  transform: translateY(-1px);
  outline: 0;
}

button:disabled,
.primary-action:disabled,
#addWant:disabled,
.card-footer button:disabled,
.mode-choice:disabled {
  cursor: not-allowed;
  opacity: 0.62;
  box-shadow: none;
  transform: none;
}

.mode-note b {
  color: var(--ink);
}

.secondary-action {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 16px;
  color: var(--ink);
  background: #f4f7f5;
  font-weight: 900;
}

.secondary-action:hover,
.secondary-action:focus-visible {
  border-color: color-mix(in srgb, var(--mode) 36%, var(--line));
  color: var(--mode-dark);
  background: color-mix(in srgb, var(--mode) 10%, #fff);
  box-shadow: 0 8px 20px rgba(20, 32, 28, 0.11);
  transform: translateY(-1px);
  outline: 0;
}

.save-card-action,
.pin-request {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink) !important;
  background: #fff !important;
  font-weight: 900;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.save-card-action:hover,
.save-card-action:focus-visible,
.pin-request:hover,
.pin-request:focus-visible {
  border-color: color-mix(in srgb, var(--mode) 42%, var(--line));
  background: color-mix(in srgb, var(--mode) 9%, #fff) !important;
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.12);
  transform: translateY(-1px);
  outline: 0;
}

.save-card-action.is-pinned,
.pin-request.is-pinned {
  color: #fff !important;
  border-color: var(--ink);
  background: var(--ink) !important;
}

.save-card-action span[aria-hidden="true"],
.pin-request span[aria-hidden="true"] {
  font-size: 0.95rem;
  line-height: 1;
}

.make-listing-offer {
  color: #fff;
  background: var(--blue);
  border: 0;
  border-radius: 8px;
  padding: 10px 12px;
  font-weight: 800;
  cursor: pointer;
}

.make-offer:hover,
.make-offer:focus-visible,
.make-listing-offer:hover,
.make-listing-offer:focus-visible {
  color: #fff;
  background: var(--mode-dark);
  box-shadow: 0 10px 22px rgba(20, 32, 28, 0.16);
  transform: translateY(-1px);
  outline: 0;
}

.seller-listing-composer,
.buyer-listings-panel,
.activity-section {
  margin-top: 14px;
}

.market-feed-section,
.buyer-listings-panel {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.composer-drawer {
  display: none;
}

.composer-drawer.open {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  margin: 0 !important;
  padding: clamp(16px, 3vw, 34px);
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(11, 18, 16, 0.58);
  box-shadow: none !important;
  backdrop-filter: blur(12px);
  overflow: auto;
}

body.composer-modal-open {
  overflow: hidden;
}

.composer-modal-card {
  position: relative;
  display: grid;
  gap: 14px;
  width: min(1080px, calc(100vw - 32px));
  max-height: min(88vh, 780px);
  overflow: auto;
  border: 1px solid rgba(217, 226, 221, 0.95);
  border-radius: 16px;
  padding: clamp(16px, 2vw, 22px);
  background: #fff;
  box-shadow: 0 32px 80px rgba(11, 18, 16, 0.28);
}

.composer-close-button {
  top: 14px;
  right: 14px;
  z-index: 2;
}

.composer-close-button:hover,
.composer-close-button:focus-visible {
  color: #fff;
  background: var(--mode-dark);
  border-color: var(--mode-dark);
  outline: 0;
}

.composer-modal-card .mode-note {
  padding-right: 52px;
}

.floating-create-button {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: var(--mode);
  font-weight: 900;
  box-shadow: var(--shadow);
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.floating-create-button span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  color: var(--mode-dark);
  background: #fff;
  font-size: 20px;
  line-height: 1;
}

.floating-create-button:hover,
.floating-create-button:focus-visible {
  background: var(--mode-dark);
  outline: 0;
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(23, 33, 31, 0.18);
}

.dashboard-action-bar {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 14px;
}

.dashboard-helper-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 12px 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(217, 226, 221, 0.86);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 26px rgba(23, 33, 31, 0.06);
}

.dashboard-helper-strip div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dashboard-helper-strip strong {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.2;
}

.dashboard-helper-strip span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.35;
}

.dashboard-create-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  padding: 0 15px;
  color: #fff;
  background: var(--mode);
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(23, 33, 31, 0.1);
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.dashboard-create-action:hover,
.dashboard-create-action:focus-visible {
  background: var(--mode-dark);
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(23, 33, 31, 0.14);
}

.seller-listing-composer,
.buyer-request-composer {
  padding: 14px;
}

.seller-listing-composer .mode-note,
.buyer-request-composer .mode-note {
  margin-bottom: 12px;
  padding: 12px;
  box-shadow: none;
}

.seller-listing-form-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.2fr) minmax(360px, 0.9fr);
  gap: 14px;
  align-items: start;
}

.seller-listing-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.seller-listing-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
  margin-top: 0;
}

.listing-helper {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.add-listing-button {
  grid-column: 1 / -1;
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: var(--mode);
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(25, 115, 95, 0.16);
}

.add-listing-button:hover {
  background: var(--mode-dark);
}

.primary-action,
.primary-action:hover,
.primary-action:focus-visible,
.floating-create-button,
.floating-create-button:hover,
.floating-create-button:focus-visible,
.dashboard-create-action,
.dashboard-create-action:hover,
.dashboard-create-action:focus-visible,
.add-listing-button,
.add-listing-button:hover,
.add-listing-button:focus-visible,
#addWant,
#addWant:hover,
#addWant:focus-visible {
  color: #fff !important;
}

.request-feed-heading {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--line);
  background: transparent;
  box-shadow: none;
}

.request-feed-heading h2 {
  margin: 0;
  font-size: clamp(25px, 3vw, 36px);
  line-height: 0.98;
  letter-spacing: 0;
  color: var(--ink);
}

.request-feed-heading p {
  margin: 0;
  max-width: 720px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.request-feed-heading .feed-kicker {
  margin-bottom: 4px;
}

.feed-kicker,
.category-kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 24px;
  border: 1px solid #d8d8d8;
  border-radius: 999px;
  padding: 0 10px;
  color: #111;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.listing-create-note,
.buyer-activities-intro {
  margin-bottom: 12px;
}

.seller-activities-intro {
  margin-top: 0;
}

.my-seller-listings-panel {
  margin-top: 18px;
}

.edit-request,
.card-markdown-action {
  border: 1px solid rgba(17, 17, 17, 0.12) !important;
  color: #111 !important;
  background: #f3f6f2 !important;
}

.edit-request:hover,
.edit-request:focus-visible,
.card-markdown-action:hover,
.card-markdown-action:focus-visible {
  color: #fff !important;
  background: #111 !important;
  outline: 0;
}

.edited-label {
  display: inline-block;
  margin-left: 6px;
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--green-dark);
  background: #eaf3ee;
  font-size: 11px;
  font-weight: 800;
  vertical-align: middle;
}

.view-panel {
  display: none !important;
}

.view-panel.active-view {
  display: block !important;
}

.composer,
.controls {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--shadow);
}

.composer {
  padding: 18px;
  margin-bottom: 16px;
}

.composer-main label,
.composer-row label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.composer input,
.composer textarea,
.composer select,
.counter-form input,
.counter-form select,
.offer-form input,
.offer-form select,
.offer-form textarea,
.search input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 13px;
  color: var(--ink);
  background: #fff;
  outline: 0;
}

.composer input:focus,
.composer textarea:focus,
.composer select:focus,
.counter-form input:focus,
.counter-form select:focus,
.offer-form input:focus,
.offer-form select:focus,
.offer-form textarea:focus,
.search input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(25, 115, 95, 0.14);
}

.composer-main input {
  min-height: 54px;
  font-size: 18px;
  font-weight: 700;
}

.composer-main textarea {
  min-height: 104px;
  margin-top: 12px;
  padding: 12px 13px;
  resize: none;
  font: inherit;
  line-height: 1.45;
}

.composer-row {
  display: grid;
  grid-template-columns: 1fr 160px 180px auto;
  gap: 12px;
  align-items: end;
  margin-top: 14px;
}

.seller-listing-composer .composer-row,
.buyer-request-composer .composer-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seller-listing-composer .composer-main input,
.buyer-request-composer .composer-main input {
  min-height: 46px;
  font-size: 15px;
}

.seller-listing-composer .composer-main textarea,
.buyer-request-composer .composer-main textarea {
  min-height: 82px;
  margin-top: 0;
}

.counter-page {
  display: grid;
  gap: 16px;
  max-width: 960px;
}

.counter-form {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.counter-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.counter-meet-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.counter-meet-fields[hidden],
#counterShippingRule[hidden] {
  display: none !important;
}

.counter-review {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.counter-review > strong {
  color: var(--ink);
}

.counter-comparison {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  line-height: 1.45;
}

.counter-review .change-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 750;
  text-transform: none;
}

.counter-review input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--mode);
}

.controls {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) minmax(260px, 0.75fr);
  align-items: center;
  gap: 12px;
  padding: 10px;
  margin: 0 0 22px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.05);
}

.request-controls,
.listing-controls {
  margin-bottom: 2px;
}

.segmented {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 244px;
  padding: 4px;
  border: 1px solid rgba(217, 226, 221, 0.85);
  border-radius: 12px;
  background: #edf2ef;
}

.segment {
  min-height: 34px;
  border: 0;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  font-weight: 800;
  transition: background 150ms ease, color 150ms ease;
}

.segment.active {
  color: var(--mode-dark);
  background: #fff;
  box-shadow: 0 5px 14px rgba(23, 33, 31, 0.08);
}

.segment:hover {
  color: var(--mode-dark);
}

.search {
  width: 100%;
}

.range-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 10px;
  width: 100%;
}

.range-filters label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.range-filters input,
.range-filters select {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  outline: 0;
}

.form-message {
  min-height: 22px;
  margin: 8px 0 0;
  color: var(--rose);
  font-size: 14px;
  font-weight: 700;
}

.turnstile-block {
  align-items: center;
  background: rgba(248, 250, 249, 0.92);
  border: 1px solid var(--line);
  border-radius: 16px;
  display: grid;
  gap: 12px;
  margin-top: 2px;
  padding: 14px;
}

.turnstile-block strong {
  color: var(--ink);
  display: block;
  font-size: 0.86rem;
  line-height: 1.2;
}

.turnstile-block span {
  color: var(--ink-muted);
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 3px;
}

#signupTurnstile {
  min-height: 65px;
}

.turnstile-block iframe {
  max-width: 100%;
}

.error,
.error-message,
.field-error,
.auth-error,
[role="alert"],
[data-error] {
  color: var(--rose) !important;
}

.feed {
  display: grid;
  gap: 18px;
}

.category-section {
  min-width: 0;
}

.section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin: 4px 0 10px;
  padding: 0 4px;
}

.section-header h2 {
  margin: 2px 0 0;
  font-size: 19px;
  line-height: 1.15;
}

.section-header p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 720;
}

.section-header span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.rail {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
  align-items: start;
  gap: 14px;
  overflow: visible;
  padding: 2px 4px 14px;
}

.want-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  align-self: start;
  min-height: 212px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: 0 10px 26px rgba(23, 33, 31, 0.08);
  scroll-snap-align: start;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open {
  border-color: rgba(25, 115, 95, 0.28);
  box-shadow: 0 16px 30px rgba(23, 33, 31, 0.12);
}

.seller-listing-card {
  border-color: var(--line);
  border-left: 4px solid #111;
  background: #fff;
}

.seller-listing-card:hover,
.seller-listing-card:focus-within,
.seller-listing-card.actions-open {
  border-color: var(--line);
  border-left-color: #111;
  background: #fff;
  box-shadow: 0 16px 30px rgba(23, 33, 31, 0.12);
}

.listing-product-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 10px 0 12px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 12px;
  background: #f4f7f5;
  cursor: pointer;
}

.listing-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.listing-product-image:hover,
.listing-product-image:focus-visible {
  border-color: rgba(20, 32, 28, 0.3);
  box-shadow: 0 10px 24px rgba(20, 32, 28, 0.12);
  outline: 0;
}

.seller-listing-card .listing-pill {
  background: #111;
}

.seller-listing-card .listing-pill.used {
  background: var(--rose);
}

.seller-listing-card .listing-pill.new {
  color: #513a00;
  background: #f1c84b;
}

.card-topline,
.card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.card-topline .distance {
  flex: 0 0 100%;
  margin-top: -2px;
}

.card-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 9px;
  min-height: auto;
}

.card-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: wrap;
  min-height: 0;
  width: 100%;
  margin-left: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 180ms ease, opacity 140ms ease;
}

.want-card:hover .card-actions,
.want-card:focus-within .card-actions,
.want-card.actions-open .card-actions {
  max-height: 120px;
  opacity: 1;
}

.card-actions .save-card-action,
.card-actions .edit-request,
.card-actions .card-markdown-action {
  order: 10;
}

.card-actions .make-offer,
.card-actions .make-listing-offer {
  order: 20;
  flex: 1 1 148px;
}

.card-actions .trash-card-action,
.card-actions .manager-card-delete-action {
  order: 21;
  flex: 0 0 42px;
}

.card-footer-info {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

.card-footer-info .buyer,
.card-footer-info .posted-age {
  min-width: 0;
  overflow-wrap: normal;
}

.card-footer-info .buyer:empty {
  display: none;
}

.card-footer-info .buyer:not(:empty)::after {
  content: "•";
  margin-left: 6px;
  color: rgba(96, 110, 104, 0.65);
}

.make-offer,
.make-listing-offer,
.save-card-action,
.pin-request,
.edit-request,
.card-markdown-action,
.manager-card-delete-action,
.trash-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(3px);
  transition: background 140ms ease, transform 140ms ease, opacity 140ms ease, visibility 140ms ease;
}

.want-card:hover .make-offer,
.want-card:focus-within .make-offer,
.want-card.actions-open .make-offer,
.want-card:hover .make-listing-offer,
.want-card:focus-within .make-listing-offer,
.want-card.actions-open .make-listing-offer,
.want-card:hover .save-card-action,
.want-card:focus-within .save-card-action,
.want-card.actions-open .save-card-action,
.want-card:hover .pin-request,
.want-card:focus-within .pin-request,
.want-card.actions-open .pin-request,
.want-card:hover .edit-request,
.want-card:focus-within .edit-request,
.want-card.actions-open .edit-request,
.want-card:hover .card-markdown-action,
.want-card:focus-within .card-markdown-action,
.want-card.actions-open .card-markdown-action,
.want-card:hover .manager-card-delete-action,
.want-card:focus-within .manager-card-delete-action,
.want-card.actions-open .manager-card-delete-action,
.want-card:hover .trash-card-action,
.want-card:focus-within .trash-card-action,
.want-card.actions-open .trash-card-action {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.condition-pill {
  border-radius: 999px;
  padding: 6px 10px;
  color: #fff;
  background: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

.condition-pill.used {
  background: var(--rose);
}

.condition-pill.new {
  color: #513a00;
  background: #f1c84b;
}

.card-category-pill {
  border: 1px solid rgba(217, 226, 221, 0.95);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  background: #f7faf8;
  font-size: 11px;
  font-weight: 900;
}

.own-listing-note {
  padding: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.trash-card-action,
.manager-card-delete-action,
.card-actions .trash-card-action,
.card-actions .manager-card-delete-action {
  width: 42px;
  min-width: 42px;
  height: 38px;
  min-height: 38px;
  border: 1px solid rgba(190, 45, 55, 0.4);
  border-radius: 8px;
  padding: 0;
  color: #fff;
  background: #c93642;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.card-actions .make-offer,
.card-actions .make-listing-offer {
  min-width: 0;
  min-height: 38px;
  padding: 0 12px;
  white-space: nowrap;
}

.card-actions .pin-request,
.card-actions .edit-request,
.card-actions .card-markdown-action {
  width: auto;
  min-width: 0;
  min-height: 38px;
  padding: 0 12px;
  white-space: nowrap;
}

.want-card .trash-card-action,
.want-card .manager-card-delete-action,
button[data-delete-listing].trash-card-action,
button[data-delete-listing].manager-card-delete-action,
.delete-request.trash-card-action {
  color: #fff !important;
  background: #c93642 !important;
  border-color: rgba(190, 45, 55, 0.5) !important;
}

.card-footer button.trash-card-action,
.card-actions button.trash-card-action,
.card-actions button.manager-card-delete-action {
  color: #fff !important;
  background: #c93642 !important;
}

.trash-card-action span {
  display: block;
  transform: translateY(-1px);
}

.trash-card-action:hover,
.trash-card-action:focus-visible,
.manager-card-delete-action:hover,
.manager-card-delete-action:focus-visible {
  color: #fff;
  background: #a92431 !important;
  border-color: #a92431 !important;
  outline: 0;
}

.own-listing-card {
  border-color: rgba(49, 107, 181, 0.24);
  border-left-color: #111;
}

.own-listing-card:hover,
.own-listing-card:focus-within,
.own-listing-card.actions-open {
  border-color: rgba(49, 107, 181, 0.24);
  border-left-color: #111;
}

.status-badges {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.listing-card-context {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-height: 16px;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.listing-card-context span + span::before {
  content: "";
  margin-right: 0;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.popular-badge {
  color: #fff;
  background: #111;
}

.listing-price-stack {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.listing-price-stack > span {
  display: grid;
  gap: 1px;
}

.listing-price-stack strong {
  color: var(--discount-green);
  display: block;
  font-size: clamp(1.05rem, 1.25vw, 1.28rem);
  line-height: 1.02;
}

.listing-price-stack s {
  color: var(--muted);
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.05;
}

.listing-original-price > span,
.listing-current-price > span {
  color: var(--muted);
  display: block;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.listing-current-price {
  margin-top: 2px;
}

.listing-discount-text {
  color: var(--discount-green);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  line-height: 1.2;
}

.listing-price-stack.compact {
  justify-items: end;
  text-align: right;
}

.listing-price-stack.compact strong {
  font-size: 1rem;
}

.listing-owner-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.listing-owner-actions-compact {
  justify-content: flex-start;
  margin: 10px 0 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(20, 32, 28, 0.08);
}

.request-owner-actions {
  justify-content: flex-start;
  margin: 8px 0 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(20, 32, 28, 0.08);
}

.listing-owner-actions button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  font-weight: 900;
}

.listing-owner-actions button:hover,
.listing-owner-actions button:focus-visible {
  border-color: #111;
  background: #111;
  color: #fff;
  outline: 0;
}

.distance,
.buyer {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.want-card h3 {
  margin: 13px 0 6px;
  font-size: 18px;
  line-height: 1.2;
}

.details {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.seller-listing-card .details {
  display: -webkit-box;
  min-height: 40px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.meta-grid span {
  min-width: 0;
  padding: 9px;
  border-radius: 8px;
  background: #f3f6f2;
}

.meta-grid span.status-good {
  border: 1px solid rgba(25, 115, 95, 0.28);
  background: #e7f5ed;
}

.meta-grid span.status-waiting {
  border: 1px solid rgba(216, 155, 40, 0.34);
  background: #fff4d8;
}

.status-card-good {
  border-color: rgba(25, 115, 95, 0.34);
  background: #f2fbf5;
}

.status-card-waiting {
  border-color: rgba(216, 155, 40, 0.34);
  background: #fffaf0;
}

.transaction-checkmark {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 999px;
  color: #fff;
  background: var(--mode);
  font-size: 14px;
  font-weight: 950;
  vertical-align: middle;
}

.meta-grid small,
.meta-grid strong {
  display: block;
}

.meta-grid small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.meta-grid strong {
  margin-top: 4px;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.verified-seller-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-left: 6px;
  padding: 3px 7px;
  border: 1px solid rgba(25, 115, 95, 0.28);
  border-radius: 999px;
  color: #0f6b58;
  background: #e7f5ed;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
}

.empty {
  padding: 28px;
  border: 1px dashed #aab8b1;
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.65);
}

.pinned-alerts {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.saved-page-hero {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 7%, #fff));
  box-shadow: var(--shadow);
}

.saved-page-title-row,
.saved-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.saved-page-title-row h2,
.saved-page-header h2 {
  margin: 0;
  font-size: clamp(1.55rem, 2vw, 2.2rem);
  letter-spacing: 0;
}

.saved-page-title-row p,
.saved-page-header p {
  margin: 4px 0 0;
  max-width: 760px;
  color: var(--muted);
  font-weight: 750;
}

.saved-page-title-row > strong {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-radius: 999px;
  color: var(--mode-dark);
  background: color-mix(in srgb, var(--mode) 12%, #fff);
  font-size: 0.92rem;
}

.clear-alerts {
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  color: #fff;
  background: var(--green);
  font-weight: 800;
}

.pinned-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.pinned-alert strong,
.pinned-alert small {
  display: block;
}

.pinned-alert small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 750;
}

.pinned-alert em {
  flex: 0 0 auto;
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
  font-size: 0.82rem;
}

.pinned-alert.deleted {
  background: rgba(184, 77, 90, 0.11);
}

.pinned-alert.edited {
  background: rgba(216, 155, 40, 0.14);
}

.pinned-alert span {
  color: var(--muted);
  font-weight: 800;
}

.saved-listings-grid {
  align-items: stretch;
}

.dashboard-view {
  min-width: 0;
}

.mode-note {
  display: grid;
  gap: 5px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
}

.account-section-title,
.activity-page-header {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.account-section-title h2,
.activity-page-header h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(25px, 2.4vw, 32px);
  line-height: 1.08;
  letter-spacing: 0;
}

.account-section-title p,
.activity-page-header p {
  margin: 0;
  max-width: 690px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.38;
}

.activity-page-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px 20px;
  border: 1px solid rgba(217, 226, 221, 0.92);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 8%, #fff)),
    #fff;
  box-shadow: 0 12px 26px rgba(23, 33, 31, 0.06);
}

.activity-page-header .feed-kicker {
  width: fit-content;
  margin-bottom: 2px;
  padding: 5px 10px;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 999px;
  background: #fff;
  color: var(--mode-dark);
  font-size: 10px;
  line-height: 1;
  box-shadow: 0 5px 12px rgba(23, 33, 31, 0.04);
}

.activity-action-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
  padding: 13px 16px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 22px rgba(23, 33, 31, 0.045);
}

.activity-action-strip div {
  display: grid;
  gap: 3px;
}

.activity-action-strip strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.2;
}

.activity-action-strip span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.35;
}

.mode-note strong {
  color: var(--mode-dark);
}

.mode-note span {
  color: var(--muted);
  line-height: 1.4;
}

.activity-heading {
  padding: 0 0 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.activity-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 2px 0 12px;
  padding: 2px 2px 10px;
  border: 0;
  border-bottom: 1px solid rgba(217, 226, 221, 0.92);
  border-radius: 0;
  background: transparent;
}

.activity-section-heading > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.activity-section-heading strong {
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
}

.activity-section-heading span {
  max-width: 760px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.4;
  text-align: left;
}

.section-see-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border: 1px solid rgba(20, 32, 28, 0.12);
  border-radius: 999px;
  padding: 0 13px;
  color: var(--ink);
  background: #fff;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 6px 14px rgba(23, 33, 31, 0.05);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.section-see-all:hover,
.section-see-all:focus-visible {
  border-color: color-mix(in srgb, var(--mode) 28%, var(--line));
  background: color-mix(in srgb, var(--mode) 7%, #fff);
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(23, 33, 31, 0.08);
}

.activity-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.activity-overview-card,
.dashboard-section,
.seller-listings-summary {
  border-radius: 16px;
}

.activity-overview-card {
  padding: 14px;
  border: 1px solid rgba(217, 226, 221, 0.88);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.05);
}

.activity-overview-card.active {
  border-color: rgba(25, 115, 95, 0.24);
  background: rgba(239, 249, 244, 0.84);
}

.activity-overview-card h3 {
  margin: 4px 0 10px;
  font-size: 18px;
}

.activity-overview-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.activity-overview-card li {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.activity-overview-card li span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-section {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 30px rgba(23, 33, 31, 0.055);
}

.offer-row-list {
  display: grid;
  gap: 10px;
}

.dashboard-card.offer-row {
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.07);
}

.offer-row-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  width: 100%;
}

.bid-group-toggle,
.request-group-toggle,
.seller-listing-group-toggle,
.buyer-listing-offer-toggle {
  width: 100%;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.bid-group-toggle:hover h3,
.request-group-toggle:hover h3,
.seller-listing-group-toggle:hover h3,
.buyer-listing-offer-toggle:hover h3 {
  color: var(--mode-dark);
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.manager-account-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  align-items: start;
}

.manager-site-stats {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(150px, 0.75fr));
  gap: 12px;
  margin: 0 0 16px;
}

.manager-site-stats > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 16px;
  border: 1px solid rgba(19, 111, 99, 0.14);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(235, 249, 245, 0.92), rgba(255, 255, 255, 0.94));
  box-shadow: 0 14px 30px rgba(23, 33, 31, 0.055);
}

.manager-site-stats span,
.manager-site-stats small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.manager-site-stats strong {
  color: var(--ink);
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1;
}

.manager-site-stats > div:first-child strong {
  color: var(--mode-dark);
}

@media (max-width: 900px) {
  .manager-site-stats,
  .manager-account-filters {
    grid-template-columns: 1fr;
  }
}

.manager-account-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  gap: 14px;
}

.manager-account-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.manager-account-topline h3 {
  margin: 6px 0 0;
  font-size: 20px;
  line-height: 1.15;
}

.manager-account-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(20, 32, 28, 0.12);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(241, 246, 244, 0.86);
}

.manager-account-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manager-account-avatar-placeholder {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(222, 232, 229, 0.7), rgba(248, 250, 249, 0.9));
}

.manager-account-summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.manager-account-summary span,
.manager-account-meta span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(217, 226, 221, 0.7);
  border-radius: 12px;
  background: rgba(248, 251, 249, 0.9);
}

.manager-account-summary small,
.manager-account-meta small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.manager-account-meta {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  margin-top: 2px;
}

.manager-account-summary strong,
.manager-account-meta strong {
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
}

.manager-profile-warning {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(191, 57, 73, 0.22);
  border-radius: 12px;
  background: rgba(255, 248, 246, 0.95);
  color: #8b2732;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

.oauth-profile-email {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(20, 32, 28, 0.1);
  border-radius: 12px;
  background: rgba(248, 251, 249, 0.92);
}

.oauth-profile-email small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.oauth-profile-email strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}

.manager-email-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.manager-email-value strong {
  min-width: 0;
  flex: 1;
}

.copy-email-button {
  flex: 0 0 auto;
  min-height: 32px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  padding: 0 12px;
  color: #101820;
  background: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.copy-email-button:hover,
.copy-email-button:focus-visible {
  border-color: rgba(15, 118, 110, 0.34);
  background: rgba(15, 118, 110, 0.1);
  transform: translateY(-1px);
}

.copy-email-button.copied {
  color: #fff;
  border-color: rgba(15, 118, 110, 0.72);
  background: #0f766e;
}

.manager-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1fr);
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.08);
}

.manager-account-filters {
  grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(150px, 0.65fr));
  align-items: end;
}

.manager-filters.transaction-filters {
  grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(120px, 0.6fr)) minmax(140px, 0.7fr);
}

.manager-record-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}

.manager-record-tabs button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  border: 1px solid rgba(217, 226, 221, 0.92);
  border-radius: 12px;
  padding: 0 14px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.045);
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.manager-record-tabs button strong {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 28px;
  border-radius: 999px;
  color: var(--ink);
  background: #f3f6f2;
  font-size: 12px;
}

.manager-record-tabs button:hover,
.manager-record-tabs button:focus-visible {
  border-color: rgba(20, 32, 28, 0.16);
  color: var(--ink);
  background: #fff;
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(23, 33, 31, 0.075);
}

.manager-record-tabs button.active {
  border-color: color-mix(in srgb, var(--mode) 34%, var(--line));
  color: var(--ink);
  background: color-mix(in srgb, var(--mode) 8%, #fff);
}

.manager-record-tabs button.active strong {
  color: #fff;
  background: var(--mode);
}

.manager-filters label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.manager-filters input,
.manager-filters select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  text-transform: none;
}

.field-note {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  text-transform: none;
}

.delivery-default-note,
.delivery-choice-warning {
  display: block;
  margin-top: 6px;
  color: var(--rose);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 900;
  text-transform: none;
}

.manager-actions {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 14px;
}

.danger-action,
.trash-action {
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: var(--rose);
  font-weight: 900;
  cursor: pointer;
}

.danger-action {
  min-height: 40px;
  padding: 0 14px;
}

.danger-action:hover,
.trash-action:hover {
  background: #9f2738;
}

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

.manager-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.compact-action {
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
}

.banned-account-card {
  border-color: rgba(191, 57, 73, 0.25);
  background: #fff8f6;
}

.banned-account-details {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid rgba(191, 57, 73, 0.22);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  font-weight: 750;
  line-height: 1.45;
}

.trash-action {
  min-width: 42px;
  min-height: 36px;
  padding: 0 10px;
  font-size: 12px;
}

.icon-trash-action {
  display: inline-grid;
  place-items: center;
  width: 36px;
  min-width: 36px;
  padding: 0;
}

.icon-trash-action svg {
  display: block;
}

.row-toggle-button {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 10px;
  color: var(--mode-dark);
  background: #fff;
  font-weight: 900;
  cursor: pointer;
}

.dashboard-card,
.message-thread,
.request-breakdown,
.offer-card,
.account-form {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.dashboard-card,
.message-thread,
.request-breakdown,
.offer-card {
  min-width: 0;
  padding: 16px;
  overflow: hidden;
}

.dashboard-card h3,
.message-thread h3 {
  margin: 8px 0;
  line-height: 1.2;
}

.dashboard-card p,
.offer-card p,
.auto-message p {
  color: var(--muted);
  line-height: 1.45;
}

.read-receipt {
  display: block;
  margin-top: -4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.request-stack {
  display: grid;
  gap: 18px;
}

.offer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.offer-row-list {
  display: grid;
  gap: 10px;
  margin-top: 0;
}

.activity-preview-list {
  max-height: min(430px, 54vh);
  overflow-y: auto;
  padding-right: 4px;
  scroll-padding: 10px;
}

.activity-preview-list::-webkit-scrollbar {
  width: 8px;
}

.activity-preview-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(20, 32, 28, 0.18);
}

.activity-detail-page {
  display: grid;
  gap: 14px;
}

.activity-detail-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 22px rgba(23, 33, 31, 0.045);
}

.activity-detail-toolbar span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.activity-detail-list {
  display: grid;
  gap: 10px;
}

.activity-detail-row {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.055);
}

.activity-detail-row.declined-offer-row {
  border-color: rgba(185, 68, 79, 0.22);
  background: linear-gradient(180deg, #fffafa, #fff1f3);
}

.activity-detail-row h3 {
  margin: 4px 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.12;
}

.activity-detail-row p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

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

.activity-detail-meta > span:not(.activity-chip) {
  display: grid;
  gap: 2px;
  min-width: 112px;
  padding: 9px 10px;
  border-radius: 12px;
  background: var(--surface-muted);
}

.activity-detail-meta small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.activity-detail-meta strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.12;
}

.activity-detail-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.activity-detail-actions button {
  min-height: 36px;
  border: 1px solid rgba(20, 32, 28, 0.12);
  border-radius: 10px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.activity-detail-actions button:hover,
.activity-detail-actions button:focus-visible {
  background: var(--mode);
  color: #fff;
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(23, 33, 31, 0.09);
}

@media (max-width: 760px) {
  .activity-action-strip,
  .activity-detail-row {
    grid-template-columns: 1fr;
  }

  .activity-section-heading {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .section-see-all,
  .activity-action-strip .dashboard-create-action,
  .activity-detail-actions {
    width: 100%;
  }

  .activity-detail-actions {
    justify-content: stretch;
  }

  .activity-detail-actions button {
    flex: 1;
  }

  .manager-record-tabs {
    grid-template-columns: 1fr;
  }
}

.dashboard-section {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 30px rgba(23, 33, 31, 0.055);
}

.activity-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.activity-overview-card {
  padding: 14px;
  border: 1px solid rgba(217, 226, 221, 0.88);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.05);
}

.activity-overview-card.active {
  border-color: rgba(25, 115, 95, 0.28);
  background: #f3fbf6;
}

.activity-overview-card h3 {
  margin: 6px 0 4px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 0.95;
  letter-spacing: 0;
}

.activity-overview-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
}

.activity-overview-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.activity-overview-card li {
  display: grid;
  gap: 2px;
  padding: 0;
  border-left: 0;
  background: transparent;
}

.activity-overview-card li strong {
  color: var(--ink);
}

.activity-overview-card li span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.transaction-section {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.transaction-section h3 {
  margin: 0;
  font-size: 18px;
}

.completed-section {
  margin-top: 34px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.completed-section h3 {
  color: var(--muted);
}

.transaction-row-completed {
  border-color: #d6ddd9;
  background: #eef1ee;
  box-shadow: none;
  opacity: 0.78;
}

.transaction-row-completed .row-price,
.transaction-row-completed h3 {
  color: #5f6b66;
}

.transaction-tracking-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(49, 107, 181, 0.18);
  border-radius: 8px;
  background: #f7fbff;
}

.transaction-tracking-card span {
  display: grid;
  gap: 3px;
}

.transaction-tracking-card small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.transaction-tracking-card strong {
  overflow-wrap: anywhere;
}

.transaction-tracking-card a {
  color: var(--mode-dark);
  font-weight: 900;
  white-space: nowrap;
}

.transaction-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(23, 33, 31, 0.42);
}

.transaction-modal {
  position: relative;
  display: grid;
  gap: 18px;
  width: min(560px, 100%);
  max-height: min(760px, 92vh);
  overflow: auto;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.listing-offer-modal {
  width: min(1120px, 100%);
  max-height: min(860px, 92vh);
}

.compact-offer-layout {
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr);
  gap: 18px;
}

.listing-offer-modal .offer-request,
.listing-offer-modal .offer-form {
  min-width: 0;
}

.listing-offer-modal .offer-request h1,
.listing-offer-modal .offer-request .modal-title {
  font-size: 30px;
}

.listing-offer-form {
  align-self: start;
}

.transaction-modal h2 {
  margin: 4px 0;
  font-size: 24px;
}

.transaction-modal p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
}

.stripe-required-modal {
  width: min(620px, 100%);
  gap: 14px;
}

.stripe-required-icon {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: #fff;
  background: #111827;
  font-size: 24px;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.18);
}

.stripe-required-modal .eyebrow {
  margin-top: 2px;
}

.stripe-required-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 2px;
}

.stripe-required-list span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.stripe-required-list strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 950;
}

.stripe-required-list small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.stripe-guide-modal {
  width: min(760px, 100%);
  gap: 16px;
}

.stripe-guide-heading {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
}

.stripe-guide-heading h2 {
  margin: 4px 0;
}

.stripe-guide-heading p {
  max-width: 58ch;
}

.stripe-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.stripe-guide-grid span,
.stripe-guide-note {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px;
  background: linear-gradient(135deg, #ffffff, #f7faf8);
}

.stripe-guide-grid small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.stripe-guide-grid strong,
.stripe-guide-note strong {
  color: var(--ink);
  font-weight: 900;
  line-height: 1.35;
}

.stripe-guide-note {
  border-color: rgba(25, 115, 95, 0.18);
  background: #f2f8f5;
}

.stripe-guide-note p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.5;
}

.stripe-instructions-page {
  display: grid;
  gap: 22px;
  max-width: 860px;
  margin: 0 auto;
  padding: 28px 0 40px;
}

.stripe-instructions-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.stripe-instructions-topbar h2 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.02;
}

.stripe-instructions-topbar p,
.stripe-instructions-note {
  margin: 0;
  max-width: 68ch;
  color: var(--muted);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
}

.stripe-instructions-steps {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: stripe-step;
}

.stripe-instructions-steps li {
  counter-increment: stripe-step;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 4px;
  align-items: start;
}

.stripe-instructions-steps li::before {
  content: counter(stripe-step);
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: #fff;
  background: #111;
  font-weight: 950;
}

.stripe-instructions-steps strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.35;
}

.stripe-instructions-steps span {
  grid-column: 2;
  color: var(--muted);
  font-size: 14px;
  font-weight: 740;
  line-height: 1.45;
}

.stripe-instructions-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 14px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.stripe-instructions-actions .form-message {
  margin: 0;
  margin-right: auto;
}

body.stripe-instructions-active .app-shell {
  grid-template-columns: minmax(0, 1fr);
}

body.stripe-instructions-active .sidebar {
  display: none;
}

.button-link {
  display: inline-grid;
  place-items: center;
  text-decoration: none;
}

.modal-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: #f4f7f5;
  font-size: 22px;
  font-weight: 900;
}

.rating-badge {
  display: inline-grid;
  gap: 3px;
  min-width: 128px;
  padding: 8px 10px;
  border: 1px solid rgba(25, 115, 95, 0.24);
  border-radius: 8px;
  background: #e7f5ed;
  color: #145947;
}

.rating-badge strong {
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font-size: 16px;
}

.rating-badge small {
  color: #326b5c;
  font-size: 11px;
  font-weight: 900;
  text-transform: none;
}

.rating-badge.first-time {
  border-color: var(--line);
  color: var(--muted);
  background: #f3f6f2;
}

.transaction-modal-form {
  display: grid;
  gap: 14px;
}

.transaction-modal-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.transaction-modal-form select,
.transaction-modal-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
}

.transaction-modal-form textarea {
  resize: vertical;
}

.rating-choice {
  display: grid;
  gap: 10px;
  margin: 0;
  border: 0;
  padding: 0;
}

.rating-choice legend {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.rating-choice div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.rating-choice label {
  display: block;
}

.rating-choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.rating-choice span {
  display: grid;
  place-items: center;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f4f7f5;
  color: var(--ink);
  font-weight: 950;
}

.rating-choice input:checked + span {
  border-color: rgba(25, 115, 95, 0.36);
  color: #145947;
  background: #e7f5ed;
}

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

.payment-success-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(18, 31, 28, 0.22);
}

.payment-success-card {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 12px;
  width: min(420px, 92vw);
  border: 1px solid rgba(25, 115, 95, 0.22);
  border-radius: 8px;
  padding: 30px 28px 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(23, 33, 31, 0.24);
  overflow: hidden;
  text-align: center;
}

.payment-success-card h2 {
  margin: 0;
  color: var(--green);
  font-size: 26px;
}

.payment-success-card p {
  margin: 0 0 4px;
  color: var(--muted);
  font-weight: 750;
}

.success-detail-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin: 4px 0;
}

.success-detail-box span {
  display: grid;
  gap: 4px;
  min-width: 0;
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
  text-align: left;
}

.success-detail-box small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.success-detail-box strong {
  overflow-wrap: anywhere;
  color: var(--ink);
}

.mode-welcome-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(18, 31, 28, 0.24);
  backdrop-filter: blur(4px);
}

.mode-welcome-card {
  width: min(520px, 92vw);
  border: 1px solid rgba(25, 115, 95, 0.2);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(23, 33, 31, 0.22);
  padding: 24px;
}

.mode-welcome-card h2 {
  margin: 6px 0 8px;
  font-size: 26px;
}

.mode-welcome-card p {
  margin: 0 0 16px;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.45;
}

.mode-welcome-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.mode-welcome-grid span {
  display: grid;
  gap: 6px;
  min-height: 96px;
  border-radius: 8px;
  background: var(--soft);
  padding: 12px;
}

.mode-welcome-grid small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.mode-welcome-grid strong {
  font-size: 0.95rem;
  line-height: 1.35;
}

.how-it-works-card {
  width: min(620px, 94vw);
  max-height: min(84vh, 680px);
  overflow: auto;
  border-color: rgba(25, 115, 95, 0.28);
  background:
    linear-gradient(135deg, rgba(25, 115, 95, 0.08), transparent 42%),
    linear-gradient(315deg, rgba(216, 155, 40, 0.1), transparent 44%),
    #fff;
}

.how-it-works-card .panel-label,
.how-it-works-card h2 {
  color: var(--green-dark);
}

.how-it-works-grid {
  display: grid;
  gap: 10px;
  margin: 16px 0;
}

.how-it-works-grid span {
  display: grid;
  gap: 5px;
  min-height: auto;
  padding: 12px;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 8px;
  background: rgba(247, 248, 244, 0.88);
}

.how-it-works-grid small {
  color: #7a5a17;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.how-it-works-grid strong {
  color: var(--green-dark);
  font-size: 15px;
  line-height: 1.35;
}

.how-it-works-card .primary-action {
  background: var(--green-dark);
}

.how-it-works-card .primary-action:hover {
  background: #083b31;
}

.terms-modal-card {
  width: min(900px, 94vw);
  max-height: 88vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
}

.terms-modal-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.terms-modal-header h2 {
  margin: 4px 0 0;
}

.terms-modal-scroll {
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.terms-modal-scroll .terms-card {
  margin: 0;
  box-shadow: none;
}

.success-checkmark {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  color: #fff;
  background: var(--green);
  box-shadow: 0 0 0 8px rgba(25, 115, 95, 0.12);
}

.confetti-burst {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.confetti-burst span {
  position: absolute;
  top: 18px;
  left: 50%;
  width: 8px;
  height: 14px;
  border-radius: 2px;
  background: hsl(calc(38 + var(--i) * 28), 76%, 53%);
  animation: confetti-fall 1.5s ease-out forwards;
  animation-delay: calc(var(--d) * 45ms);
  transform: translateX(-50%);
}

@keyframes confetti-fall {
  0% {
    opacity: 1;
    transform: translate(-50%, 0) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--x) * 22px), 210px) rotate(280deg);
  }
}

.order-summary-page,
.order-summary-card {
  display: grid;
  gap: 16px;
}

.summary-address {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.summary-address input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  text-transform: none;
}

.address-results {
  display: grid;
  max-height: 280px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.address-results:empty,
.address-results[hidden] {
  display: none;
}

.address-result {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 10px 12px;
  color: var(--ink);
  background: #fff;
  text-align: left;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  text-transform: none;
  cursor: pointer;
}

.address-result:last-child {
  border-bottom: 0;
}

.address-result:hover {
  background: #f3f7f5;
}

.address-result.muted {
  color: var(--muted);
  cursor: default;
}

.manager-delete-page {
  display: grid;
  gap: 16px;
  max-width: 1120px;
}

.manager-delete-card {
  display: grid;
  gap: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.manager-delete-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.manager-delete-summary h2 {
  margin: 6px 0;
  font-size: 24px;
}

.manager-delete-summary p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.manager-delete-summary > strong {
  color: var(--rose);
  font-size: 28px;
  white-space: nowrap;
}

.manager-delete-meta {
  margin: 0;
}

.manager-delete-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 1.2fr);
  gap: 14px;
}

.manager-delete-grid label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-delete-grid textarea {
  width: 100%;
  min-height: 160px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  line-height: 1.45;
  text-transform: none;
}

.manager-delete-grid label:last-child textarea {
  min-height: 260px;
}

.manager-ban-modal {
  width: min(720px, 94vw);
}

.manager-ban-form {
  margin-top: 14px;
}

.manager-ban-form select,
.manager-ban-form textarea {
  width: 100%;
}

.danger-note {
  border-color: rgba(191, 57, 73, 0.25);
  background: #fff5f6;
}

.order-gallery {
  margin-top: 0;
}

.transaction-note {
  margin: -4px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.offer-row {
  display: grid;
  gap: 12px;
}

.offer-row-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  padding: 2px 0 12px;
  border-bottom: 1px solid rgba(217, 226, 221, 0.78);
}

.bid-group-toggle,
.request-group-toggle,
.seller-listing-group-toggle,
.buyer-listing-offer-toggle {
  width: 100%;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.row-alert-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 7px;
  color: var(--rose);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
  vertical-align: middle;
}

.row-alert-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--rose);
  box-shadow: 0 0 0 3px rgba(184, 77, 90, 0.16);
}

.inline-pay-notice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
  color: var(--rose);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.inline-pay-notice .notification-dot {
  margin-left: 0;
}

.accepted-offer-note {
  margin: 4px 0 6px;
  color: var(--mode-dark);
  font-size: 14px;
  font-weight: 700;
}

.accepted-offer-note strong {
  color: var(--green);
}

.offer-row-main h2,
.offer-row-main h3 {
  margin: 6px 0;
}

.offer-row-main p {
  margin: 0;
}

.row-price {
  color: var(--mode-dark);
  font-size: 24px;
  white-space: nowrap;
}

.row-price-stack {
  display: grid;
  gap: 4px;
  justify-items: end;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.expand-cue {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.conversation-status {
  display: grid;
  gap: 5px;
  justify-items: end;
  flex: 0 0 auto;
  color: var(--muted);
}

.conversation-status strong {
  color: var(--ink);
  font-size: 13px;
  white-space: nowrap;
}

.row-meta-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: 0;
}

.bid-history {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.bid-history-item {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.bid-history-item h4 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
}

.bid-history-item p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
  white-space: pre-wrap;
}

.offer-sheet {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.offer-sheet table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  font-size: 13px;
}

.offer-sheet th,
.offer-sheet td {
  padding: 10px 12px;
  border: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.offer-sheet th {
  color: var(--muted);
  background: #f3f6f2;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.offer-sheet tr.counter-row {
  background: #fff8e5;
}

.offer-sheet tr.offer-state-needs-action {
  background: #fff;
}

.offer-sheet tr.offer-state-counter {
  background: #fff8e5;
}

.offer-sheet tr.offer-state-counter td {
  border-color: rgba(216, 155, 40, 0.22);
}

.offer-sheet tr.offer-state-accepted {
  background: #ecf8ef;
}

.offer-sheet tr.offer-state-accepted td {
  border-color: rgba(32, 142, 73, 0.2);
}

.dashboard-card.offer-row.offer-state-needs-action {
  border-color: rgba(20, 32, 28, 0.12);
  background: #fff;
}

.dashboard-card.offer-row.offer-state-counter {
  border-color: rgba(216, 155, 40, 0.25);
  background: linear-gradient(180deg, #fffdf6, #fff8e5);
}

.dashboard-card.offer-row.offer-state-accepted {
  border-color: rgba(32, 142, 73, 0.24);
  background: linear-gradient(180deg, #fbfffc, #ecf8ef);
}

.dashboard-card.offer-row.offer-state-declined,
.dashboard-card.offer-row.declined-offer-row {
  border-color: rgba(185, 68, 79, 0.22);
  background: linear-gradient(180deg, #fffafa, #fff1f3);
}

.bid-group-row.declined-offer-row:not(.is-expanded) {
  padding: 12px 16px;
}

.bid-group-row.declined-offer-row:not(.is-expanded) .offer-row-main {
  gap: 12px;
  align-items: center;
}

.bid-group-row.declined-offer-row:not(.is-expanded) .offer-row-main p {
  max-width: 520px;
  margin-top: 4px;
}

.bid-group-row.declined-offer-row:not(.is-expanded) .row-price-stack {
  min-width: 116px;
  padding: 8px 10px;
}

.offer-sheet tr.declined-offer-row {
  color: #8d2632;
  background: #fff1f3;
}

.offer-sheet tr.declined-offer-row td {
  border-color: rgba(185, 68, 79, 0.22);
}

.declined-offer-actions {
  border-color: rgba(185, 68, 79, 0.18);
  background: #fff5f6;
}

.declined-offer-actions .locked-action {
  color: #8d2632;
  background: #ffe1e6;
}

.offer-actions.offer-state-needs-action {
  background: #fff;
}

.offer-actions.offer-state-counter {
  border-color: rgba(216, 155, 40, 0.22);
  background: #fff8e5;
}

.offer-actions.offer-state-accepted {
  border-color: rgba(32, 142, 73, 0.2);
  background: #ecf8ef;
}

.offer-actions.offer-state-declined {
  border-color: rgba(185, 68, 79, 0.18);
  background: #fff5f6;
}

.transaction-message-actions {
  margin-top: 10px;
}

.transaction-message-actions button {
  background: var(--ink);
}

.seller-listing-activity-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.seller-listing-activity-card .offer-row-main {
  margin-bottom: 0;
}

.seller-listing-activity-card .row-meta-grid {
  gap: 6px;
}

.seller-listing-activity-card .row-meta-grid span {
  min-height: 54px;
  padding: 9px 10px;
}

.seller-listing-activity-card .offer-sheet {
  margin-top: 0;
}

.seller-listing-activity-card .offer-sheet table {
  min-width: 980px;
}

.seller-listing-activity-card .offer-sheet th,
.seller-listing-activity-card .offer-sheet td {
  padding: 8px 10px;
  vertical-align: middle;
}

.sheet-pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--ink);
  font: inherit;
}

.row-actions {
  justify-content: flex-end;
  margin-top: 0;
}

.mini-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  gap: 8px;
}

.mini-gallery img {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 8px;
  object-fit: cover;
  cursor: zoom-in;
}

.activity-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.activity-overview-card {
  position: relative;
  overflow: hidden;
}

.activity-overview-card h3 {
  margin: 6px 0 4px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 0.95;
  letter-spacing: 0;
}

.activity-overview-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
}

.activity-overview-card.attention {
  border-color: rgba(20, 32, 28, 0.18);
  background: #fff;
}

.activity-overview-card.warning {
  border-color: rgba(216, 155, 40, 0.24);
  background: #fff9ea;
}

.activity-overview-card.danger {
  border-color: rgba(185, 68, 79, 0.24);
  background: #fff5f6;
}

.activity-row {
  overflow: hidden;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.activity-row.is-expanded {
  gap: 10px;
  border-color: color-mix(in srgb, var(--mode) 28%, var(--line));
}

.activity-row:hover,
.activity-row:focus-within {
  border-color: color-mix(in srgb, var(--mode) 28%, var(--line));
  box-shadow: 0 16px 34px rgba(23, 33, 31, 0.1);
}

.activity-row .offer-row-main {
  align-items: center;
  padding: 4px 0 12px;
}

.activity-row-titleline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.activity-row-titleline h3 {
  margin: 4px 0;
}

.request-activity-row .activity-row-titleline {
  display: grid;
  justify-items: start;
  gap: 7px;
}

.request-activity-row .activity-row-titleline h3 {
  margin: 0;
}

.request-activity-row .activity-chip-list {
  gap: 7px;
}

.request-activity-row .panel-label {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 6px;
}

.activity-chip-list {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.activity-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 999px;
  padding: 0 9px;
  color: var(--ink);
  background: #f8faf9;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.activity-chip.neutral {
  color: var(--muted);
  background: #f4f6f5;
}

.activity-chip.info {
  color: #254f91;
  background: #edf4ff;
  border-color: rgba(49, 107, 181, 0.18);
}

.activity-chip.needs-action {
  color: var(--ink);
  background: #fff;
  border-color: rgba(20, 32, 28, 0.18);
  box-shadow: inset 0 0 0 1px rgba(20, 32, 28, 0.03);
}

.activity-chip.warning,
.activity-chip.counter {
  color: #7a5708;
  background: #fff3cf;
  border-color: rgba(216, 155, 40, 0.25);
}

.activity-chip.accepted {
  color: #17643c;
  background: #eaf7ee;
  border-color: rgba(32, 142, 73, 0.22);
}

.activity-chip.declined,
.activity-chip.danger {
  color: #8d2632;
  background: #ffe8ec;
  border-color: rgba(185, 68, 79, 0.22);
}

.activity-subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 4px;
  padding: 10px 0 2px;
  color: var(--ink);
}

.activity-subhead strong {
  font-size: 14px;
}

.activity-subhead span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.buyer-listing-offer-row .offer-row-main {
  border-bottom: 1px solid rgba(217, 226, 221, 0.78);
}

.buyer-listing-offer-row:not(.is-expanded) .offer-row-main {
  border-bottom: 0;
  padding-bottom: 4px;
}

.activity-expanded-panel {
  display: grid;
  gap: 12px;
  margin-top: 2px;
  padding: 12px;
  border: 1px solid rgba(217, 226, 221, 0.86);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.activity-expanded-panel .row-meta-grid {
  margin: 0;
}

.activity-expanded-panel .row-actions {
  margin-top: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(217, 226, 221, 0.78);
}

@media (max-width: 1180px) {
  .activity-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .activity-page-header {
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 14px;
  }

  .activity-kpi-grid {
    grid-template-columns: 1fr;
  }

  .activity-row .offer-row-main,
  .buyer-listing-offer-row .offer-row-main {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .row-price-stack {
    justify-items: start;
  }

  .activity-section-heading {
    display: grid;
    gap: 5px;
  }

  .activity-section-heading span {
    text-align: left;
  }

  .offer-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.message-layout,
.message-split,
.message-list {
  display: grid;
  gap: 16px;
}

.message-list {
  max-width: 980px;
}

.message-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.message-column {
  display: grid;
  gap: 14px;
}

.message-scroll {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 520px;
  overflow: auto;
  padding: 14px;
  border: 1px solid rgba(67, 82, 76, 0.08);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 249, 247, 0.92)),
    #f7faf8;
}

.message-thread.open {
  display: flex;
  flex-direction: column;
  min-width: min(360px, 100%);
  min-height: 360px;
  max-width: 100%;
  resize: both;
  overflow: auto;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.message-thread.open .message-scroll {
  flex: 1;
  min-height: 180px;
  max-height: none;
}

.message-reference {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  margin: 14px 14px 0;
  padding: 12px;
  border: 1px solid rgba(20, 32, 28, 0.1);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 247, 0.9));
}

.message-reference-listing {
  border-color: rgba(37, 99, 235, 0.18);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 244, 255, 0.82));
}

.message-reference-request {
  border-color: rgba(0, 119, 104, 0.2);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(231, 247, 243, 0.86));
}

.message-reference-media {
  min-height: 110px;
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--mode-dark);
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.9), transparent 24%),
    linear-gradient(135deg, rgba(212, 229, 247, 0.8), rgba(222, 247, 239, 0.8));
  box-shadow: inset 0 0 0 1px rgba(20, 32, 28, 0.08);
}

.message-reference-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.message-reference-media span {
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
}

.message-reference-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
}

.message-reference-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.message-reference-badge {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(20, 32, 28, 0.1);
  font-size: 11px;
  font-weight: 900;
}

.message-reference h4 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.05;
  letter-spacing: 0;
}

.message-reference p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

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

.message-reference-facts span,
.message-reference-facts em {
  min-height: 34px;
  border-radius: 8px;
  padding: 7px 9px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(20, 32, 28, 0.08);
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
}

.message-reference-facts span small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.message-reference-facts span strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.05;
}

.message-reference-request .message-reference-facts span:first-child strong {
  color: #00856f;
}

@media (max-width: 680px) {
  .message-reference {
    grid-template-columns: 88px minmax(0, 1fr);
    margin: 10px 10px 0;
    gap: 10px;
    padding: 10px;
  }

  .message-reference-media {
    min-height: 88px;
  }

  .message-reference h4 {
    font-size: 17px;
  }

  .message-reference-facts {
    gap: 6px;
  }
}

.message-thread-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 2px;
}

.message-thread-actions .secondary-action {
  min-height: 38px;
  border-color: rgba(20, 32, 28, 0.14);
  color: var(--ink);
  background: #fff;
}

.message-thread-actions .secondary-action:hover,
.message-thread-actions .secondary-action:focus-visible {
  border-color: rgba(20, 32, 28, 0.26);
  background: #f7faf8;
  transform: translateY(-1px);
}

.policy-panel {
  display: grid;
  gap: 20px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  color: var(--ink);
}

.policy-hero,
.terms-card,
.policy-acceptance-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
}

.policy-hero {
  display: grid;
  gap: 10px;
  padding: 30px;
}

.policy-hero h1,
.policy-title {
  margin: 0;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: 0;
}

.policy-hero p {
  max-width: 840px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
}

.policy-hero > span {
  color: var(--mode-dark);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.policy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  align-items: stretch;
}

.policy-grid article {
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
}

.policy-grid h2 {
  margin: 0 0 10px;
  font-size: 18px;
  color: var(--ink);
}

.policy-grid ol {
  margin: 0;
  padding-left: 20px;
  color: #394541;
  font-weight: 650;
  line-height: 1.45;
}

.policy-grid li + li {
  margin-top: 6px;
}

.terms-card {
  display: grid;
  gap: 16px;
  padding: 28px;
}

.terms-card h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
}

.terms-card > p {
  max-width: 880px;
  margin: 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.55;
}

.terms-section {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.terms-section h3 {
  margin: 0;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.3;
}

.terms-section p {
  margin: 0;
  color: #394541;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.62;
}

.policy-acceptance-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.policy-agree {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
  color: var(--ink);
  font-weight: 800;
}

.policy-agree input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--mode);
}

.policy-agree span {
  line-height: 1.45;
}

.policy-acceptance-card .primary-action {
  justify-self: start;
  min-width: 220px;
}

.thread-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.conversation-toggle {
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.message-thread.collapsed .thread-header {
  padding-bottom: 0;
  border-bottom: 0;
}

.conversation-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 8px;
  border-radius: 999px;
  background: #d89b28;
  box-shadow: 0 0 0 3px rgba(216, 155, 40, 0.2);
}

.notifications-page {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: 1040px;
}

.notifications-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 252, 249, 0.9)),
    #fff;
  box-shadow: var(--shadow);
}

.notifications-hero h2 {
  margin: 3px 0 4px;
  color: var(--ink);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 0.95;
}

.notifications-hero p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.4;
}

.notification-summary-pill {
  display: grid;
  place-items: center;
  min-width: 88px;
  min-height: 72px;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 14px;
  background: #fff;
}

.notification-summary-pill strong {
  color: var(--mode-dark);
  font-size: 28px;
  line-height: 1;
}

.notification-summary-pill span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.notification-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.notification-list {
  display: grid;
  gap: 10px;
}

.notification-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  color: inherit;
  background: #fff;
  text-align: left;
  box-shadow: var(--shadow);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.notification-row.expanded {
  cursor: default;
  border-color: rgba(25, 115, 95, 0.24);
  background: #fff;
}

.notification-row:hover {
  border-color: rgba(25, 115, 95, 0.3);
  background: #fff;
  transform: translateY(-1px);
}

.notification-row.read {
  color: var(--ink);
  background: #f3f5f4;
  box-shadow: 0 8px 20px rgba(23, 33, 31, 0.05);
  opacity: 0.82;
}

.notification-row.read:hover {
  border-color: rgba(25, 115, 95, 0.22);
  background: #f7f8f7;
}

.notification-row.unread {
  border-color: rgba(25, 115, 95, 0.32);
  background: linear-gradient(135deg, #fff, #f4fbf7);
  box-shadow: 0 14px 30px rgba(23, 33, 31, 0.1);
}

.notification-row.clicked-read {
  border-color: var(--line);
  background: #fff;
  opacity: 1;
}

.notification-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  color: var(--mode-dark);
  background: #eaf3ee;
}

.notification-row.read .notification-icon {
  color: var(--mode-dark);
  background: #f1f6f3;
}

.notification-content {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.notification-row-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.notification-row-heading > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.notification-row small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.notification-row strong {
  color: var(--ink);
  font-size: 16px;
  overflow-wrap: anywhere;
}

.notification-row.read strong {
  color: var(--ink);
}

.notification-state-chip {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  min-height: 26px;
  border-radius: 999px;
  padding: 0 10px;
  color: var(--mode-dark);
  background: #eaf4ef;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.notification-state-chip.unread {
  color: #fff;
  background: var(--mode-dark);
}

.notification-state-chip.read {
  color: var(--muted);
  background: #e4e8e6;
}

.notification-state-chip.viewed {
  color: var(--mode-dark);
  background: #eef5f1;
  border: 1px solid rgba(25, 115, 95, 0.16);
}

.notification-row em {
  color: var(--muted);
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}

.notification-row em a {
  color: var(--mode-dark);
  font-weight: 900;
}

.notification-detail {
  grid-column: 2;
  display: grid;
  gap: 12px;
  margin-top: 2px;
  padding: 14px;
  border: 1px solid rgba(25, 115, 95, 0.14);
  border-radius: 12px;
  background: #f9fcfa;
}

.notification-detail p {
  margin: 0;
  color: var(--ink);
  font-weight: 750;
  line-height: 1.45;
  white-space: pre-line;
}

.notification-detail p a {
  color: var(--mode-dark);
  font-weight: 900;
}

.notification-detail-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.notification-detail-meta span {
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}

.notification-detail-meta small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.notification-detail-meta strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 13px;
}

.notification-open-action {
  justify-self: start;
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  color: #fff;
  background: var(--mode-dark);
  box-shadow: 0 10px 22px rgba(23, 33, 31, 0.12);
}

.notification-open-action:hover,
.notification-open-action:focus-visible {
  color: #fff;
  background: var(--ink);
  transform: translateY(-1px);
}

.auto-message {
  position: relative;
  display: grid;
  gap: 4px;
  width: fit-content;
  max-width: min(78%, 620px);
  padding: 10px 12px;
  border: 0;
  border-radius: 18px;
  background: #e8ece9;
  box-shadow: none;
  overflow: visible;
}

.auto-message::before {
  display: none;
}

.message-bubble-top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.message-bubble-meta {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.message-bubble-meta > strong {
  display: block;
  color: rgba(23, 33, 31, 0.72);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.message-action-menu {
  position: relative;
  z-index: 5;
  flex: 0 0 auto;
  margin-top: -3px;
}

.message-action-toggle {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(67, 82, 76, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(23, 33, 31, 0.6);
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.message-action-menu.open .message-action-toggle,
.message-action-toggle:hover {
  background: #fff;
  color: var(--ink);
  transform: translateY(-1px);
}

.delete-message-button {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 148px;
  min-height: 38px;
  border: 1px solid rgba(163, 59, 37, 0.16);
  border-radius: 10px;
  padding: 0 12px;
  color: #fff;
  background: #a33b25;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 14px 28px rgba(22, 37, 31, 0.22);
  cursor: pointer;
  white-space: nowrap;
}

.delete-message-button:hover,
.delete-message-button:focus-visible {
  background: #872f1f;
  transform: translateY(-1px);
}

.auto-message.mine {
  margin-left: auto;
  margin-right: 0;
  border-bottom-right-radius: 10px;
  color: #fff;
  background: #19735f;
}

.auto-message.theirs {
  margin-right: auto;
  margin-left: 0;
  border-bottom-left-radius: 10px;
  color: var(--ink);
  background: #eef2ef;
}

.auto-message.message-chat.mine {
  background: #19735f;
}

.auto-message.message-chat.theirs {
  background: #eef2ef;
}

.auto-message.message-offer {
  border: 1px solid rgba(89, 127, 174, 0.18);
  background: #edf4fb;
}

.auto-message.message-listing-offer {
  border: 1px solid rgba(27, 109, 122, 0.18);
  background: #ebf7f8;
}

.auto-message.message-counteroffer {
  border: 1px solid rgba(167, 122, 48, 0.22);
  background: #fff5df;
}

.auto-message.message-accepted {
  border: 1px solid rgba(25, 115, 95, 0.22);
  background: #edf8f2;
}

.auto-message.message-declined,
.auto-message.message-transaction-deleted {
  border: 1px solid rgba(171, 66, 45, 0.22);
  background: #fff5f2;
}

.auto-message.message-system {
  max-width: min(86%, 720px);
  border: 1px solid rgba(84, 94, 90, 0.16);
  border-radius: 20px;
  background: #f7f8f7;
}

.message-text {
  display: grid;
  gap: 7px;
  margin-top: 0;
}

.message-text p {
  margin: 0;
  color: inherit;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.auto-message.mine .message-bubble-meta > strong,
.auto-message.mine .message-context,
.auto-message.mine .read-receipt,
.auto-message.mine .message-supplement,
.auto-message.mine .message-text p {
  color: rgba(255, 255, 255, 0.9) !important;
}

.auto-message.message-offer.mine,
.auto-message.message-listing-offer.mine,
.auto-message.message-counteroffer.mine,
.auto-message.message-accepted.mine,
.auto-message.message-declined.mine,
.auto-message.message-transaction-deleted.mine,
.auto-message.message-system.mine {
  color: var(--ink);
}

.auto-message.message-offer.mine .message-bubble-meta > strong,
.auto-message.message-listing-offer.mine .message-bubble-meta > strong,
.auto-message.message-counteroffer.mine .message-bubble-meta > strong,
.auto-message.message-accepted.mine .message-bubble-meta > strong,
.auto-message.message-declined.mine .message-bubble-meta > strong,
.auto-message.message-transaction-deleted.mine .message-bubble-meta > strong,
.auto-message.message-system.mine .message-bubble-meta > strong,
.auto-message.message-offer.mine .message-context,
.auto-message.message-listing-offer.mine .message-context,
.auto-message.message-counteroffer.mine .message-context,
.auto-message.message-accepted.mine .message-context,
.auto-message.message-declined.mine .message-context,
.auto-message.message-transaction-deleted.mine .message-context,
.auto-message.message-system.mine .message-context,
.auto-message.message-offer.mine .read-receipt,
.auto-message.message-listing-offer.mine .read-receipt,
.auto-message.message-counteroffer.mine .read-receipt,
.auto-message.message-accepted.mine .read-receipt,
.auto-message.message-declined.mine .read-receipt,
.auto-message.message-transaction-deleted.mine .read-receipt,
.auto-message.message-system.mine .read-receipt,
.auto-message.message-offer.mine .message-supplement,
.auto-message.message-listing-offer.mine .message-supplement,
.auto-message.message-counteroffer.mine .message-supplement,
.auto-message.message-accepted.mine .message-supplement,
.auto-message.message-declined.mine .message-supplement,
.auto-message.message-transaction-deleted.mine .message-supplement,
.auto-message.message-system.mine .message-supplement,
.auto-message.message-offer.mine .message-text p,
.auto-message.message-listing-offer.mine .message-text p,
.auto-message.message-counteroffer.mine .message-text p,
.auto-message.message-accepted.mine .message-text p,
.auto-message.message-declined.mine .message-text p,
.auto-message.message-transaction-deleted.mine .message-text p,
.auto-message.message-system.mine .message-text p {
  color: var(--ink) !important;
}

.message-supplement {
  color: var(--muted) !important;
  font-size: 12px;
  font-weight: 850;
}

.message-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.message-detail-grid span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(67, 82, 76, 0.08);
}

.message-detail-grid small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.message-detail-grid strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 13px;
}

.thread-location {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.message-context {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.message-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.message-composer textarea {
  width: 100%;
  min-height: 52px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--ink);
  font: inherit;
  background: #fff;
}

.message-composer button {
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: var(--mode);
  font-weight: 900;
}

.message-composer button:hover,
.message-composer button:focus-visible {
  background: var(--mode-dark);
  box-shadow: 0 10px 22px rgba(20, 32, 28, 0.15);
  transform: translateY(-1px);
  outline: 0;
}

.message-composer-disabled {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(67, 82, 76, 0.14);
  border-radius: 8px;
  padding: 12px 14px;
  background: #f7faf8;
}

.message-composer-disabled strong {
  color: var(--ink);
}

.message-composer-disabled span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.composer-message {
  grid-column: 1 / -1;
  color: #a33b25;
  font-weight: 800;
}

.account-alert {
  padding: 12px;
  border: 1px solid rgba(25, 115, 95, 0.28);
  border-radius: 8px;
  color: #145947;
  background: #e7f5ed;
  font-weight: 850;
}

.stripe-connect-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(49, 107, 181, 0.24);
  border-radius: 8px;
  background: #f2f6fb;
}

.stripe-connect-card.ready {
  border-color: rgba(25, 115, 95, 0.28);
  background: #e7f5ed;
}

.stripe-connect-card strong {
  display: block;
  margin-bottom: 4px;
}

.stripe-connect-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.stripe-connect-card small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-weight: 750;
}

.stripe-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
}

.stripe-dashboard-action,
.stripe-instructions-cta {
  display: inline-grid;
  gap: 6px;
  justify-items: stretch;
}

.stripe-dashboard-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.stripe-dashboard-link:hover,
.stripe-dashboard-link:focus-visible {
  border-color: var(--mode);
  color: #fff;
  background: var(--mode);
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.12);
  transform: translateY(-1px);
  outline: 0;
}

.stripe-dashboard-helper {
  display: block;
  max-width: 220px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}

.stripe-button-note {
  display: block;
  margin-top: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
}

.shipment-sheet-section {
  display: grid;
  gap: 12px;
}

.shipment-sheet {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.shipment-sheet table {
  width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  font-size: 13px;
}

.shipment-sheet th,
.shipment-sheet td {
  padding: 10px 12px;
  border: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}

.shipment-sheet th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f3f6f2;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.shipment-sheet tr.completed {
  background: #e7f5ed;
}

.shipment-actions-cell {
  width: 70px;
  text-align: center;
}

.manager-transaction-sheet table {
  min-width: 1520px;
}

.manager-record-sheet-requests table,
.manager-record-sheet-offers table,
.manager-record-sheet-fulfillments table {
  min-width: 1320px;
}

.manager-record-sheet-listings table {
  min-width: 1220px;
}

.manager-transaction-sheet tr.completed {
  background: #eef1ee;
  color: #6b7470;
}

.manager-expanded-row td {
  background: #fbfcfa;
}

.manager-transaction-detail {
  display: grid;
  gap: 14px;
}

.transaction-warning {
  color: var(--rose);
  font-weight: 950;
}

.manager-status-good,
.manager-status-waiting,
.manager-status-neutral,
.manager-status-danger {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  font-weight: 900;
  white-space: nowrap;
}

.manager-status-good {
  border: 1px solid rgba(25, 115, 95, 0.28);
  color: #145947;
  background: #e7f5ed;
}

.manager-status-waiting {
  border: 1px solid rgba(216, 155, 40, 0.34);
  color: #7a5411;
  background: #fff4d8;
}

.manager-status-neutral {
  border: 1px solid var(--line);
  color: var(--muted);
  background: #f3f6f2;
}

.manager-status-danger {
  border: 1px solid rgba(185, 68, 79, 0.26);
  color: #8d2632;
  background: #fff1f3;
}

.manager-record-long-text {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 8px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.88);
  font-weight: 760;
  line-height: 1.45;
  white-space: pre-wrap;
}

.manager-label-preview {
  display: grid;
  gap: 8px;
  max-width: 220px;
}

.issue-sheet table {
  min-width: 1320px;
}

.manager-issue-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 220px));
  gap: 10px;
  margin-bottom: 12px;
}

.manager-issue-stats span {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.manager-issue-stats small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-issue-stats strong {
  color: var(--ink);
  font-size: 24px;
}

.issue-actions-cell {
  width: 110px;
  text-align: center;
  white-space: nowrap;
}

.issue-actions-cell .trash-action,
.issue-actions-cell .issue-menu-button {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 6px;
}

.issue-menu-button {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: #fff;
  font-weight: 950;
  cursor: pointer;
}

.issue-menu-button:hover {
  border-color: rgba(185, 68, 79, 0.32);
  color: #fff;
  background: var(--rose);
}

.help-button-link,
.help-button-link:hover,
.help-button-link:focus-visible {
  text-decoration: none;
}

.issue-details-short {
  display: block;
  max-width: 360px;
  white-space: normal;
}

.issue-details-panel {
  max-width: 460px;
}

.issue-details-panel summary {
  color: var(--mode-dark);
  font-weight: 900;
  cursor: pointer;
}

.issue-details-panel pre {
  max-height: 220px;
  margin: 8px 0 0;
  padding: 10px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #f8faf7;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.issue-row.issue-resolved {
  background: #e7f5ed;
}

.manager-email-sheet table {
  min-width: 1320px;
}

.email-log-sent {
  background: #f7fbf8;
}

.email-log-failed {
  background: #fff8e8;
}

.email-error-cell {
  color: var(--rose);
  font-weight: 800;
  line-height: 1.35;
  min-width: 320px;
}

.issue-row.issue-unresolved,
.issue-row.issue-needs-buyer-follow-up {
  background: #fff0f0;
}

.issue-row.issue-unresolved td:nth-child(3),
.issue-row.issue-needs-buyer-follow-up td:nth-child(3) {
  color: var(--rose);
  font-weight: 950;
}

.shipment-label-thumb {
  width: 84px;
  height: 56px;
  border: 1px solid var(--line);
  border-radius: 6px;
  object-fit: cover;
  cursor: zoom-in;
}

.shipment-edits {
  display: grid;
  gap: 8px;
  min-width: 180px;
}

.shipment-edits div {
  display: grid;
  gap: 2px;
  padding: 8px;
  border-radius: 8px;
  background: #f3f6f2;
}

.shipment-edits strong,
.shipment-edits span,
.shipment-edits small {
  display: block;
}

.auto-message.request-update {
  border: 1px solid rgba(216, 155, 40, 0.4);
  background: rgba(216, 155, 40, 0.12);
}

.auto-message.offer-response,
.auto-message.counteroffer {
  border: 1px solid rgba(25, 115, 95, 0.25);
  background: #eef6f1;
}

.offer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(217, 226, 221, 0.78);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.offer-actions button {
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  color: #fff;
  background: var(--green);
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.offer-actions button:hover,
.offer-actions button:focus-visible,
.listing-offer-actions button:hover,
.listing-offer-actions button:focus-visible,
.row-actions button:hover,
.row-actions button:focus-visible,
.modal-actions button:hover,
.modal-actions button:focus-visible {
  filter: brightness(0.92) saturate(1.08);
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.13);
  transform: translateY(-1px);
  outline: 0;
}

.offer-actions button[data-action="declined"] {
  background: var(--rose);
}

.offer-actions button[data-listing-action="declined"] {
  background: var(--rose);
}

.offer-actions button[data-action="countered"] {
  background: var(--gold);
}

.offer-actions button[data-listing-action="countered"] {
  background: var(--gold);
}

.listing-offer-actions {
  align-items: center;
  gap: 6px;
  min-width: 260px;
  margin-top: 0;
}

.listing-offer-actions button,
.listing-offer-actions .locked-action {
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
}

.locked-action {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  border-radius: 8px;
  padding: 0 12px;
  color: #145947;
  background: #e7f5ed;
  font-weight: 900;
}

.payment-button {
  min-height: 38px;
  margin-bottom: 12px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  color: #fff;
  background: var(--mode);
  font-weight: 800;
}

.ship-notice {
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 8px;
  color: var(--green-dark);
  background: #eaf3ee;
  font-weight: 800;
}

.sold-package-list {
  display: grid;
  gap: 16px;
  width: min(100%, 980px);
  max-width: 980px;
  margin: 0 auto;
}

.sold-package-list .dashboard-card {
  display: grid;
  gap: 14px;
  overflow: hidden;
}

.shipment-info-note {
  width: min(100%, 980px);
  margin: 0 auto 16px;
}

.shipment-info-card {
  padding: 20px;
}

.shipment-info-card .meta-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.scheduled-meetups-note,
.scheduled-meetup-list {
  width: min(100%, 1040px);
  max-width: 1040px;
  margin-inline: auto;
}

.scheduled-meetups-note {
  margin-bottom: 16px;
}

.scheduled-meetup-list {
  display: grid;
  gap: 16px;
}

.scheduled-meetup-card {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.scheduled-meetup-header {
  align-items: start;
}

.scheduled-meetup-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.scheduled-meetup-location {
  grid-column: span 2;
}

.scheduled-meetup-details {
  margin-bottom: 0;
}

.scheduled-meetup-gallery {
  margin-top: 0;
  padding-top: 4px;
}

.scheduled-meetup-gallery img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.offer-review-page {
  display: grid;
  gap: 18px;
  width: min(100%, 1040px);
  margin: 0 auto;
}

.offer-review-hero,
.offer-review-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 34px rgba(23, 33, 31, 0.08);
}

.offer-review-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  padding: 22px;
}

.offer-review-hero h2 {
  margin: 4px 0 8px;
  font-size: clamp(26px, 4vw, 44px);
  letter-spacing: 0;
}

.offer-review-hero p,
.offer-review-card p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

.offer-review-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.78fr) minmax(320px, 1.22fr);
  gap: 16px;
}

.offer-review-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  min-width: 0;
}

.offer-review-card h3 {
  margin: 0;
  font-size: 20px;
}

.offer-review-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.offer-review-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  background: #fff;
}

.offer-review-table th,
.offer-review-table td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.offer-review-table th {
  color: var(--muted);
  background: #f4f8f5;
  font-size: 11px;
  text-transform: uppercase;
}

.offer-review-table td {
  font-weight: 750;
}

.offer-review-table tr:last-child td {
  border-bottom: 0;
}

.compact-offer-review-rows {
  display: grid;
  gap: 10px;
}

.offer-review-row-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(217, 226, 221, 0.92);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
}

.offer-review-row-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.offer-review-row-main strong {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.offer-review-row-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 42px;
  border-radius: 12px;
  color: #006b5f;
  background: rgba(218, 244, 237, 0.82);
  font-size: 20px;
  font-weight: 950;
}

.offer-review-row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.offer-review-row-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: #f3f6f2;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.empty-mini-state {
  padding: 14px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--muted);
  background: #f8fbf9;
  font-weight: 800;
}

.offer-review-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.shipping-label,
.balance-card {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.shipping-label strong,
.balance-card strong {
  color: var(--mode-dark);
}

.shipment-instructions {
  margin-bottom: 0;
  background: linear-gradient(135deg, rgba(25, 115, 95, 0.08), rgba(255, 255, 255, 0.92));
}

.shipping-label span,
.balance-card span,
.shipping-label small,
.balance-card small {
  color: var(--muted);
  font-weight: 700;
}

.balance-card {
  gap: 10px;
  align-content: start;
}

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

.balance-card-header strong {
  display: block;
  margin-top: 2px;
  font-size: 24px;
}

.balance-chart {
  display: block;
  min-height: 0;
  overflow: visible;
}

.profit-graph {
  max-height: 150px;
  overflow: hidden;
  border: 1px solid rgba(217, 226, 221, 0.8);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 248, 0.86));
}

.profit-graph svg {
  display: block;
  width: 100%;
  height: 148px;
  min-height: 0;
}

.profit-graph line,
.profit-graph path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.profit-graph .axis {
  stroke: #1b1b1b;
  stroke-width: 1.5;
}

.profit-graph .grid-line {
  stroke: rgba(8, 8, 8, 0.08);
}

.profit-graph .profit-line {
  stroke: var(--discount-green);
  stroke-width: 4;
}

.profit-graph .profit-area {
  fill: rgba(0, 138, 34, 0.1);
  stroke: none;
}

.profit-graph circle {
  fill: #fff;
  stroke: var(--discount-green);
  stroke-width: 3;
}

.profit-graph text {
  fill: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.profit-graph.empty {
  display: grid;
  gap: 8px;
  padding: 8px 10px 10px;
}

.profit-graph.empty path {
  stroke: rgba(0, 138, 34, 0.35);
  stroke-width: 4;
}

.profit-graph.empty line {
  stroke: rgba(8, 8, 8, 0.16);
}

.profit-graph.empty span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.stripe-report-embed {
  display: grid;
  gap: 12px;
  min-height: 0;
  padding: 14px;
  border: 1px solid rgba(49, 107, 181, 0.18);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(99, 91, 255, 0.08), transparent 46%),
    linear-gradient(315deg, rgba(0, 138, 34, 0.06), transparent 42%),
    #ffffff;
}

.stripe-report-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.stripe-report-copy {
  min-width: 0;
}

.stripe-report-embed small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.stripe-report-embed strong {
  display: block;
  margin-top: 3px;
  color: var(--ink);
  font-size: 18px;
}

.stripe-report-embed p {
  margin: 6px 0 0;
  max-width: 620px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.stripe-report-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.stripe-report-metrics span {
  display: grid;
  gap: 4px;
  min-height: 58px;
  padding: 10px;
  border: 1px solid rgba(217, 226, 221, 0.86);
  border-radius: 10px;
  background: rgba(248, 251, 249, 0.9);
}

.stripe-report-metrics strong {
  margin: 0;
  font-size: 16px;
}

.stripe-report-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
}

.stripe-actions .connect-stripe-button,
.stripe-report-actions .connect-stripe-button,
.stripe-instructions-cta .primary-action {
  min-height: 40px;
  white-space: nowrap;
}

.stripe-activity-table {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(217, 226, 221, 0.86);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.82);
}

.stripe-activity-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.stripe-activity-head strong {
  margin: 0;
  font-size: 14px;
}

.stripe-activity-rows {
  display: grid;
  gap: 6px;
}

.stripe-activity-rows span {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(180px, 0.9fr);
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f7faf8;
}

.stripe-activity-rows strong {
  margin: 0;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stripe-activity-rows em,
.stripe-activity-rows small,
.stripe-empty-note {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.stripe-activity-rows small {
  color: var(--mode-dark);
}

.stripe-empty-note {
  margin: 0;
}

.balance-breakdown {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.balance-breakdown span {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f3f6f2;
}

.balance-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.account-form {
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: 1040px;
  padding: 30px;
}

.account-form [hidden] {
  display: none !important;
}

.account-dashboard {
  display: grid;
  gap: 18px;
  max-width: none;
  padding: 0;
}

.account-page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.035), transparent 42%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 30px rgba(23, 33, 31, 0.07);
}

.account-page-heading h2 {
  margin: 4px 0 4px;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.02;
}

.account-page-heading p {
  margin: 0;
  max-width: 820px;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.account-top-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.account-profile-card,
.account-stripe-stack {
  min-width: 0;
}

.account-profile-card {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 30px rgba(23, 33, 31, 0.07);
}

.account-profile-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.account-profile-avatar {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 1px solid rgba(217, 226, 221, 0.9);
  border-radius: 999px;
  background: #f6f8f7;
}

.account-profile-avatar img,
.account-profile-avatar .avatar-placeholder {
  width: 100%;
  height: 100%;
}

.account-profile-avatar img {
  object-fit: cover;
}

.account-profile-avatar .avatar-placeholder {
  display: grid;
  place-items: center;
  color: var(--mode-dark);
}

.account-profile-card h3 {
  margin: 2px 0 4px;
  font-size: 22px;
  line-height: 1.12;
}

.account-profile-card p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
}

.account-profile-card .profile-summary {
  grid-template-columns: 1fr;
  gap: 8px;
}

.account-profile-card .profile-summary div {
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow: none;
}

.account-profile-card .account-actions {
  margin-top: 2px;
}

.account-profile-card .edit-profile-button,
.account-profile-card .logout-button {
  flex: 1 1 130px;
}

.account-stripe-stack {
  display: grid;
  gap: 12px;
}

#accountView {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 18px;
}

#accountView.active-view {
  display: grid !important;
}

.account-transactions {
  min-width: 0;
  display: grid;
  gap: 14px;
  padding-top: 0;
  max-height: min(700px, 66vh);
  overflow: auto;
  overscroll-behavior: contain;
}

.account-transactions .mode-note,
.account-section-title {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.account-transaction-tools {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(23, 33, 31, 0.08);
}

.account-transaction-tools > div:first-child {
  display: grid;
  gap: 4px;
}

.account-transaction-tools strong {
  color: var(--ink);
}

#accountTransactionVisibleCount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.account-transaction-tools span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.account-transaction-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(130px, 0.45fr) minmax(130px, 0.45fr);
  gap: 10px;
}

.account-transaction-filters label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-transaction-filters input,
.account-transaction-filters select {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  outline: 0;
}

.account-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.account-location {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

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

.profile-picture-editor {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.profile-picture-preview {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid var(--line);
  border-radius: 999px;
  overflow: hidden;
  color: var(--mode-dark);
  background: #fff;
}

.profile-picture-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-picture-editor label {
  margin: 0;
}

.account-form input,
.account-form select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 13px;
  outline: 0;
  color: var(--ink);
  background: #fff;
}

.account-form input:disabled {
  color: var(--muted);
  background: #f3f6f2;
}

.password-reset-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.password-reset-panel div {
  display: grid;
  gap: 4px;
}

.password-reset-panel strong {
  color: var(--ink);
}

.password-reset-panel span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.account-form .auth-terms-consent {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: none;
}

.account-form .auth-terms-consent.has-error {
  border-color: rgba(191, 57, 73, 0.5);
  background: #fff5f6;
}

.account-form .auth-terms-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: none;
}

.account-form .auth-terms-consent input {
  width: 18px;
  min-height: 18px;
  margin-top: 1px;
  padding: 0;
  accent-color: var(--mode-main);
}

.auth-terms-warning {
  margin: -2px 0 0 28px;
  color: var(--rose);
  font-size: 12px;
  font-weight: 900;
}

.terms-link-button {
  justify-self: start;
  border: 0;
  padding: 0;
  color: var(--mode-dark);
  background: transparent;
  font-size: 13px;
  font-weight: 900;
  text-decoration: underline;
  cursor: pointer;
}

.oauth-password-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-top: 2px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 30px rgba(23, 33, 31, 0.07);
}

.oauth-password-panel > div:first-child {
  display: grid;
  gap: 6px;
  padding-bottom: 2px;
}

.oauth-password-panel strong {
  color: var(--ink);
  font-size: 20px;
  line-height: 1.15;
}

.oauth-password-panel p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.edit-password-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #111;
  border-radius: 8px;
  padding: 0 16px;
  color: #fff;
  background: #111;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.edit-password-button:hover {
  transform: translateY(-1px);
  background: #000;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16);
}

.password-modal {
  width: min(520px, 100%);
  gap: 16px;
}

.password-modal-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.password-modal-heading h2 {
  margin: 2px 0 4px;
}

.password-modal-icon {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: #fff;
  background: #111;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.14);
}

.password-modal-form {
  display: grid;
  gap: 12px;
}

.password-modal-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.password-modal-form input {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 13px;
  outline: 0;
  color: var(--ink);
  background: #fff;
  font-size: 14px;
  font-weight: 750;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.password-modal-form input:focus {
  border-color: rgba(17, 24, 39, 0.45);
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.1);
}

.password-modal-form .form-message {
  min-height: 18px;
  margin: 0;
}

.account-mode {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.account-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.text-action {
  min-height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 0 12px;
  color: var(--mode-dark);
  background: transparent;
  font-weight: 900;
  text-decoration: underline;
}

.text-action:hover,
.text-action:focus-visible {
  color: #fff;
  background: var(--mode);
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.12);
  transform: translateY(-1px);
  outline: 0;
}

.edit-profile-button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 14px;
  color: var(--mode-dark);
  background: #fff;
  font-weight: 900;
}

.edit-profile-button:hover,
.edit-profile-button:focus-visible {
  border-color: var(--mode);
  color: #fff;
  background: var(--mode);
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.12);
  transform: translateY(-1px);
  outline: 0;
}

.text-action.hidden {
  display: none;
}

.profile-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.profile-summary div {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 18px rgba(23, 33, 31, 0.05);
}

.profile-summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.profile-summary strong {
  color: var(--ink);
  font-size: 15px;
  overflow-wrap: anywhere;
}

.auth-switch-prompt {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.auth-switch-prompt button {
  border: 0;
  color: var(--mode-dark);
  background: transparent;
  font-weight: 900;
  text-decoration: underline;
}

.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 4px;
  border-radius: 8px;
  background: #edf2ef;
}

.auth-tabs button,
.oauth-button {
  min-height: 46px;
  border: 0;
  border-radius: 7px;
  font-weight: 800;
}

.oauth-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.google-mark,
.azure-mark {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

.auth-tabs button {
  color: var(--muted);
  background: transparent;
}

.auth-tabs button.active {
  color: var(--mode-dark);
  background: #fff;
  box-shadow: 0 5px 14px rgba(23, 33, 31, 0.08);
}

.oauth-button {
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
}

.oauth-button:hover {
  border-color: rgba(25, 115, 95, 0.35);
  background: #f8fbfa;
}

.logout-button {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: var(--rose);
  font-weight: 800;
}

.mode-choice {
  color: var(--green-dark);
  background: #eaf3ee;
}

.mode-choice.active {
  color: #fff;
  background: var(--green);
}

.offer-page {
  min-height: 100vh;
  padding: 32px;
}

.back-link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin-bottom: 18px;
  color: var(--green-dark);
  font-weight: 800;
  text-decoration: none;
}

.offer-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(360px, 1.1fr);
  gap: 22px;
  align-items: start;
}

.offer-request h1,
.offer-request .modal-title {
  margin-bottom: 22px;
}

.summary-card,
.offer-form {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.summary-card {
  padding: 22px;
}

.summary-card h2 {
  margin: 18px 0 8px;
  font-size: 28px;
  line-height: 1.1;
}

.summary-card p {
  color: var(--muted);
  line-height: 1.55;
}

.offer-form {
  display: grid;
  gap: 16px;
  padding: 22px;
}

.offer-steps {
  padding: 16px;
  border-radius: 8px;
  background: #f4f7f5;
}

.offer-steps strong {
  display: block;
  margin-bottom: 10px;
  color: var(--mode-dark);
}

.offer-steps ol {
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.55;
}

.offer-steps .important-step {
  margin-top: 10px;
  color: var(--ink);
}

.offer-steps .ups-link,
.ship-notice a,
.shipping-label a {
  display: inline-block;
  margin-top: 10px;
  color: var(--mode-dark);
  font-weight: 800;
}

.offer-row {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(220px, 1fr);
  gap: 12px;
}

.shipping-proof,
.shipping-proof-card,
.meetup-details {
  display: grid;
  gap: 12px;
}

.shipping-proof[hidden],
.meetup-details[hidden],
#shippingTimeField[hidden] {
  display: none !important;
}

.shipping-proof,
.meetup-details {
  padding: 14px;
  border: 1px solid rgba(49, 107, 181, 0.25);
  border-radius: 8px;
  background: rgba(49, 107, 181, 0.08);
}

.shipping-proof .mode-note,
.meetup-details .mode-note {
  margin-bottom: 0;
  box-shadow: none;
}

.map-preview {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.map-search-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 10px;
}

.map-search-row input {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
}

.map-search-row button {
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  color: #fff;
  background: var(--mode);
  font-weight: 800;
}

.map-preview iframe {
  display: block;
  width: 100%;
  height: 260px;
  border: 0;
}

.shipping-proof-card {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(49, 107, 181, 0.25);
  border-radius: 8px;
  background: #f7fbff;
}

.shipping-proof-card > strong {
  color: var(--mode-dark);
}

.tracking-review-card {
  display: grid;
  gap: 14px;
}

.tracking-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.tracking-card-header div {
  display: grid;
  gap: 3px;
}

.tracking-card-header strong,
.shipping-proof-form .tracking-card-header strong {
  color: var(--mode-dark);
  font-size: 17px;
}

.tracking-card-header span,
.tracking-review-card span {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.tracking-review-card small {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.tracking-review-card b,
.tracking-number-row b {
  color: var(--ink);
  font-size: 16px;
}

.tracking-number-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding-top: 2px;
}

.tracking-number-row span:first-child {
  min-width: 0;
}

.tracking-lock-note {
  max-width: 230px;
  text-align: right;
}

.shipping-status-panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
}

.shipping-status-panel > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(49, 107, 181, 0.12);
}

.shipping-status-panel small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.shipping-status-panel strong {
  color: var(--ink);
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.25;
}

.shipping-proof-form {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(49, 107, 181, 0.25);
  border-radius: 8px;
  background: #f7fbff;
}

.shipping-proof-form > strong {
  color: var(--ink);
}

.shipping-proof-form > span {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

.shipping-proof-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.shipping-form-grid {
  display: grid;
  grid-template-columns: minmax(180px, 0.65fr) minmax(240px, 1fr);
  gap: 12px;
  align-items: end;
}

.shipping-proof-form input,
.shipping-proof-form select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 13px;
  color: var(--ink);
  background: #fff;
  font-weight: 800;
  outline: 0;
}

.shipping-proof-form input:focus,
.shipping-proof-form select:focus {
  border-color: var(--mode);
  box-shadow: 0 0 0 3px rgba(25, 115, 95, 0.14);
}

.styled-select-wrap {
  position: relative;
  display: block;
}

.styled-select-wrap select {
  appearance: none;
  padding-right: 42px;
}

.styled-select-wrap::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--mode-dark);
  border-bottom: 2px solid var(--mode-dark);
  pointer-events: none;
  transform: translateY(-65%) rotate(45deg);
}

.shipping-proof-message {
  color: var(--mode-dark);
  font-weight: 850;
}

.compact-upload {
  min-height: 110px;
}

.offer-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.offer-form textarea {
  padding: 12px 13px;
  resize: vertical;
}

.visually-hidden-file,
.upload-box input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.upload-box {
  position: relative;
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 150px;
  border: 1.5px dashed color-mix(in srgb, var(--mode) 42%, #b8c6c0);
  border-radius: 14px;
  padding: 20px;
  color: var(--ink);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mode) 8%, #fff), #fff 58%),
    #fff;
  text-align: center;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.upload-box::before {
  content: "+";
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  color: #fff;
  background: var(--mode);
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--mode) 26%, transparent);
}

.upload-box span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.upload-box strong {
  color: var(--mode-dark);
  font-size: 20px;
  font-weight: 950;
  line-height: 1.1;
}

.upload-box small {
  max-width: 430px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
  text-transform: none;
}

.upload-box:hover,
.upload-box:focus-within {
  border-color: var(--mode);
  background: color-mix(in srgb, var(--mode) 7%, #fff);
  box-shadow: 0 16px 34px rgba(23, 33, 31, 0.1);
  transform: translateY(-1px);
}

.composer-more-details {
  display: grid;
  gap: 12px;
  margin-top: 10px;
  border: 1px solid color-mix(in srgb, var(--mode) 16%, var(--line));
  border-radius: 14px;
  padding: 13px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--mode) 5%, #fff)),
    #fff;
}

.composer-more-details[open] {
  border-color: color-mix(in srgb, var(--mode) 34%, var(--line));
  box-shadow: 0 12px 26px rgba(23, 33, 31, 0.08);
}

.composer-more-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  color: var(--mode-dark);
  font-size: 13px;
  font-weight: 950;
  list-style: none;
}

.composer-more-details summary::-webkit-details-marker {
  display: none;
}

.composer-more-details summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #fff;
  background: var(--mode);
  font-size: 18px;
  line-height: 1;
}

.composer-more-details[open] summary::after {
  content: "-";
}

.image-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
  gap: 10px;
}

.image-preview:empty {
  display: none;
}

.image-preview img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid var(--line);
  background: #f6faf7;
  box-shadow: 0 8px 18px rgba(23, 33, 31, 0.08);
}

.image-preview-item {
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
}

.image-preview-item img {
  border-radius: 10px;
  box-shadow: none;
}

.image-preview-meta {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.image-preview-meta span {
  color: var(--ink);
  font-size: 11px;
  font-weight: 900;
}

.image-preview-meta div {
  display: flex;
  gap: 6px;
}

.image-preview-meta button {
  flex: 1;
  min-height: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.image-preview-meta button:hover:not(:disabled) {
  border-color: var(--mode);
  color: var(--mode-dark);
  background: color-mix(in srgb, var(--mode) 8%, #fff);
}

.image-preview-meta button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.request-upload-box,
.listing-upload-box {
  min-height: 148px;
}

.request-card-images,
.request-detail-images,
.listing-card-images,
.listing-detail-images {
  display: flex;
  gap: 8px;
  margin: 10px 0 2px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.listing-card-images {
  margin-top: 12px;
}

.request-card-image-button {
  flex: 0 0 auto;
  width: 64px;
  height: 54px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: #f7faf8;
  cursor: pointer;
}

.request-detail-images .request-card-image-button {
  width: 96px;
  height: 76px;
}

.request-card-image-button img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.image-viewer-modal {
  width: min(860px, 94vw);
  padding: 14px;
  background: #111827;
}

.image-viewer-modal img {
  width: 100%;
  max-height: 82vh;
  display: block;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
}

.offer-form.submitted {
  border-color: rgba(25, 115, 95, 0.45);
}

@media (max-width: 900px) {
  .guest-intro-hero {
    min-height: auto;
  }

  .guest-intro-nav {
    display: grid;
    align-items: start;
  }

  .guest-menu {
    justify-content: start;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .guest-dropdown {
    left: 0;
    transform: none;
  }

  .guest-hero-grid,
  .guest-feature-band,
  .guest-comparison-band,
  .guest-story-band {
    grid-template-columns: 1fr;
  }

  .guest-hero-grid {
    padding-top: 38px;
  }

  .guest-hero-copy h1 {
    font-size: 40px;
  }

  .guest-live-heading {
    display: grid;
    align-items: start;
  }

  .guest-live-heading p {
    max-width: 620px;
  }

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

  .guest-activity-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .guest-deal-flow {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .guest-deal-flow::before {
    display: none;
  }

  .guest-photo-collage {
    min-height: auto;
    display: grid;
    gap: 12px;
  }

  .guest-photo-card,
  .guest-photo-card.large,
  .guest-photo-card.small,
  .guest-photo-card.small.top,
  .guest-photo-card.small.bottom {
    position: relative;
    inset: auto;
    width: 100%;
    height: 260px;
  }

  .guest-insight-row,
  .guest-review-grid,
  .guest-scenario-grid,
  .guest-trust-grid,
  .guest-showcase-grid {
    grid-template-columns: 1fr;
  }

  .auth-gate {
    align-content: end;
    padding: 18px;
  }

  .auth-gate #authAccount {
    align-self: end;
  }

  .auth-experience {
    grid-template-columns: 1fr;
  }

  .auth-welcome-panel {
    min-height: auto;
    gap: 28px;
    padding: 24px;
  }

  .auth-hero-copy h1,
  .auth-title {
    font-size: 34px;
  }

  .auth-hero-copy p:not(.eyebrow) {
    font-size: 15px;
  }

  .auth-trust-grid,
  .auth-field-grid {
    grid-template-columns: 1fr;
  }

  .auth-trust-grid span {
    min-height: auto;
  }

  .auth-card {
    padding: 22px;
    max-height: min(760px, calc(100dvh - 40px));
    overflow: auto;
  }

  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
    padding: 14px 14px 12px;
  }

  .nav-list {
    grid-template-columns: repeat(8, minmax(154px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .nav-item {
    scroll-snap-align: start;
  }

  .sidebar-location {
    margin-bottom: 12px;
  }

  .sidebar-panel {
    display: none;
  }

  .market {
    padding: 22px 16px 36px;
  }

  .shipping-status-panel {
    grid-template-columns: 1fr;
  }

  .tracking-card-header,
  .tracking-number-row {
    display: grid;
  }

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

  .scheduled-meetup-location {
    grid-column: auto;
  }

  .topbar,
  .controls {
    align-items: stretch;
  }

  .topbar {
    flex-direction: column;
  }

  .cross-mode-notice {
    align-items: stretch;
    flex-direction: column;
  }

  .cross-mode-notice button {
    width: 100%;
  }

  .topbar-actions {
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .header-balance,
  .header-mode-status {
    flex: 1 1 180px;
    width: auto;
  }

  .controls {
    grid-template-columns: 1fr;
  }

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

  .seller-listing-composer .composer-row,
  .buyer-request-composer .composer-row {
    grid-template-columns: 1fr;
  }

  .seller-listing-form-grid,
  .buyer-request-form-grid,
  .seller-listing-fields {
    grid-template-columns: 1fr;
  }

  .segmented,
  .search,
  .range-filters {
    width: 100%;
  }

  .range-filters {
    grid-template-columns: 1fr 1fr;
  }

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

  .offer-page {
    padding: 20px 16px 36px;
  }

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

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

  .message-split {
    grid-template-columns: 1fr;
  }

  .policy-grid {
    grid-template-columns: 1fr;
  }

  .manager-filters,
  .manager-filters.transaction-filters {
    grid-template-columns: 1fr;
  }

  .manager-delete-summary,
  .manager-delete-grid {
    grid-template-columns: 1fr;
  }

  .manager-delete-summary {
    display: grid;
  }

  #accountView {
    grid-template-columns: 1fr;
  }

  .account-transactions {
    max-height: none;
    overflow: visible;
    padding-top: 0;
  }

  .account-transaction-filters {
    grid-template-columns: 1fr 1fr;
  }

  .account-transaction-filters label:first-child {
    grid-column: 1 / -1;
  }

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

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

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

  .account-location {
    grid-template-columns: 1fr;
  }

  .profile-edit-grid,
  .password-reset-panel {
    grid-template-columns: 1fr;
  }

  .password-reset-panel {
    display: grid;
  }

  .profile-summary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 14px;
  }

  .location-modal {
    padding: 18px;
  }

  .location-modal-grid {
    grid-template-columns: 1fr;
  }

  .location-modal-actions {
    justify-content: stretch;
  }

  .location-modal-actions .primary-action,
  .location-modal-actions .secondary-action,
  .location-modal-actions .text-action {
    flex: 1 1 100%;
  }

  .guest-intro {
    padding: 0 12px 28px;
  }

  .guest-intro-hero {
    padding: 10px 0 28px;
  }

  .guest-intro-nav {
    position: sticky;
    top: 0;
    z-index: 24;
    gap: 8px;
    padding: 8px 0;
    background: rgba(247, 248, 244, 0.94);
    backdrop-filter: blur(10px);
  }

  .guest-intro-actions,
  .guest-hero-buttons {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .guest-intro-actions button,
  .guest-hero-buttons button,
  .guest-hero-buttons a {
    min-height: 40px;
    padding: 0 12px;
    font-size: 13px;
  }

  .guest-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    overflow: visible;
  }

  .guest-menu.guest-menu-simple {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-width: none;
  }

  .guest-menu.guest-menu-simple::-webkit-scrollbar {
    display: none;
  }

  .guest-nav-link {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 10px;
    font-size: 11px;
  }

  .guest-menu-item > button {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    font-size: 11px;
    text-align: center;
  }

  .guest-dropdown {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 116px;
    width: auto;
    max-height: min(280px, calc(100dvh - 142px));
    overflow: auto;
    transform: none;
  }

  .guest-hero-grid,
  .guest-feature-band,
  .guest-comparison-band,
  .guest-trust-band,
  .guest-story-band,
  .guest-final-cta,
  .guest-showcase-grid article,
  .guest-review-grid article {
    padding: 14px;
  }

  .guest-hero-copy h1 {
    font-size: clamp(28px, 9vw, 34px);
    line-height: 1.03;
  }

  .guest-hero-copy p:not(.eyebrow),
  .guest-story-band p:not(.eyebrow),
  .guest-final-cta p {
    font-size: 15px;
    line-height: 1.45;
  }

  .guest-value-points,
  .guest-live-columns,
  .guest-activity-strip,
  .guest-deal-flow {
    grid-template-columns: 1fr;
  }

  .guest-value-points span {
    min-height: auto;
    padding: 12px;
  }

  .guest-live-marketplace {
    gap: 14px;
    margin-top: 18px;
    padding: 14px;
  }

  .guest-live-heading {
    gap: 10px;
    padding-bottom: 12px;
  }

  .guest-live-heading h2 {
    font-size: 24px;
  }

  .guest-live-panel,
  .guest-deal-flow {
    padding: 12px;
  }

  .guest-flow-card {
    animation: none;
  }

  .guest-scenario-grid article {
    padding: 16px;
  }

  .guest-comparison-band,
  .guest-trust-band {
    gap: 16px;
  }

  .guest-compare-table span {
    padding: 12px;
    font-size: 13px;
  }

  .guest-trust-grid article {
    padding: 14px;
  }

  .guest-photo-card,
  .guest-photo-card.large,
  .guest-photo-card.small,
  .guest-photo-card.small.top,
  .guest-photo-card.small.bottom {
    height: 176px;
  }

  .guest-photo-card figcaption {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: none;
    padding: 10px;
  }

  .auth-gate {
    align-content: end;
    padding: 0;
    background:
      linear-gradient(180deg, rgba(23, 33, 31, 0.06), rgba(23, 33, 31, 0.2)),
      rgba(247, 248, 244, 0.55);
  }

  .auth-gate #authAccount {
    width: 100%;
    max-height: 88dvh;
    overflow: auto;
  }

  .auth-card,
  .account-form,
  .oauth-password-panel {
    padding: 15px;
  }

  .auth-card {
    border-radius: 16px 16px 0 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    max-height: 88dvh;
  }

  .auth-card-header h2,
  .transaction-modal h2,
  .terms-modal-header h2 {
    font-size: 21px;
  }

  .auth-tabs {
    grid-template-columns: 1fr;
  }

  .app-shell {
    min-height: 100dvh;
  }

  .sidebar {
    padding: 12px 12px 10px;
  }

  .brand {
    gap: 9px;
    margin-bottom: 12px;
  }

  .brand-mark {
    width: 34px;
    height: 34px;
    font-size: 15px;
  }

  .brand strong {
    font-size: 14px;
  }

  .brand span {
    font-size: 10px;
  }

  .nav-list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .nav-item {
    flex: 0 0 auto;
    min-height: 44px;
    max-width: 196px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
    scroll-snap-align: start;
  }

  .nav-icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
  }

  .notification-count {
    min-width: 18px;
    height: 18px;
    font-size: 10px;
  }

  .notification-dot {
    width: 7px;
    height: 7px;
    margin-left: 5px;
  }

  .role-switcher {
    position: static;
    width: 100%;
    margin-top: 10px;
    gap: 7px;
    padding: 12px;
    box-shadow: 0 8px 18px rgba(23, 33, 31, 0.06);
  }

  .floating-create-button {
    right: 10px;
    bottom: 14px;
    min-height: 42px;
    padding: 0 13px;
    font-size: 12px;
  }

  .floating-create-button span {
    width: 21px;
    height: 21px;
    font-size: 17px;
  }

  .role-switcher p {
    font-size: 11px;
    line-height: 1.35;
  }

  .role-switcher #roleSwitch {
    width: 100%;
    min-height: 40px;
  }

  .market {
    padding: 14px 10px 76px;
  }

  .topbar {
    gap: 12px;
    margin-bottom: 12px;
    padding: 12px;
  }

  h1 {
    font-size: 25px;
    line-height: 1.08;
  }

  .topbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px;
    gap: 8px;
    width: 100%;
  }

  .header-balance,
  .header-seller-rating {
    min-width: 0;
    padding: 8px 9px;
  }

  .header-balance strong,
  .header-seller-rating strong {
    font-size: 15px;
    line-height: 1.2;
  }

  .account-avatar-button {
    width: 42px;
    height: 42px;
  }

  .mode-note,
  .activity-section-heading,
  .dashboard-card,
  .message-thread,
  .request-breakdown,
  .offer-card {
    padding: 12px;
  }

  .mode-note {
    gap: 4px;
  }

  .mode-note strong {
    font-size: 18px;
  }

  .mode-note span,
  .activity-section-heading span {
    font-size: 13px;
    line-height: 1.4;
  }

  .request-feed-heading {
    margin-top: 0;
    padding-bottom: 10px;
  }

  .request-feed-heading h2 {
    font-size: 24px;
  }

  .request-feed-heading p {
    font-size: 13px;
  }

  .composer {
    padding: 12px;
    margin-bottom: 12px;
  }

  .seller-listing-form-grid,
  .buyer-request-form-grid {
    gap: 10px;
  }

  .composer-main label,
  .composer-row label,
  .range-filters label {
    gap: 5px;
    font-size: 10px;
  }

  .composer input,
  .composer textarea,
  .composer select,
  .counter-form input,
  .counter-form select,
  .offer-form input,
  .offer-form select,
  .offer-form textarea,
  .search input,
  .range-filters input,
  .range-filters select {
    min-height: 38px;
    padding: 0 10px;
    font-size: 13px;
  }

  .composer-main input,
  .seller-listing-composer .composer-main input,
  .buyer-request-composer .composer-main input {
    min-height: 40px;
    font-size: 14px;
  }

  .composer-main textarea,
  .seller-listing-composer .composer-main textarea,
  .buyer-request-composer .composer-main textarea {
    min-height: 70px;
    padding: 10px;
    font-size: 13px;
  }

  .listing-helper,
  .buyer-request-helper,
  .form-message {
    font-size: 12px;
    line-height: 1.35;
  }

  .primary-action,
  #addWant,
  .add-listing-button,
  .card-footer button,
  .mode-choice,
  .row-actions button,
  .modal-actions button,
  .message-composer button {
    min-height: 38px;
    padding: 0 12px;
    font-size: 12px;
  }

  .controls {
    gap: 10px;
    padding: 10px;
    margin-bottom: 14px;
  }

  .segmented {
    width: 100%;
  }

  .segment {
    min-height: 32px;
    font-size: 12px;
  }

  .range-filters {
    grid-template-columns: 1fr;
  }

  .feed {
    gap: 18px;
  }

  .section-header {
    align-items: start;
    flex-direction: column;
    gap: 6px;
  }

  .section-header h2 {
    font-size: 20px;
  }

  .section-header p,
  .section-header span {
    font-size: 12px;
  }

  .rail {
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    gap: 9px;
    padding-bottom: 10px;
  }

  .want-card {
    min-height: 206px;
    padding: 10px;
  }

  .want-card h3 {
    margin: 9px 0 5px;
    font-size: 15px;
  }

  .details,
  .dashboard-card p,
  .offer-card p,
  .auto-message p {
    font-size: 13px;
    line-height: 1.38;
  }

  .want-card .details {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .condition-pill {
    padding: 4px 8px;
    font-size: 10px;
  }

  .distance,
  .buyer {
    font-size: 11px;
  }

  .meta-grid,
  .row-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 8px 0;
  }

  .meta-grid span,
  .seller-listing-activity-card .row-meta-grid span {
    min-width: 0;
    min-height: 0;
    padding: 7px;
  }

  .meta-grid small {
    font-size: 9px;
  }

  .meta-grid strong {
    font-size: 13px;
  }

  .offer-grid,
  .activity-overview {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-section {
    gap: 10px;
    margin-top: 14px;
  }

  .activity-overview-card {
    padding: 12px;
  }

  .activity-overview-card h3 {
    font-size: 17px;
  }

  .offer-row-main {
    grid-template-columns: 1fr;
    gap: 8px;
    padding-bottom: 8px;
  }

  .row-price-stack {
    justify-items: start;
  }

  .row-price {
    font-size: 20px;
    white-space: normal;
  }

  .inline-pay-notice {
    display: inline-grid;
    grid-auto-flow: column;
    margin-left: 0;
    margin-top: 4px;
    white-space: normal;
  }

  .offer-sheet {
    max-width: 100%;
  }

  .offer-sheet table {
    min-width: 760px;
    font-size: 12px;
  }

  .offer-sheet th,
  .offer-sheet td,
  .seller-listing-activity-card .offer-sheet th,
  .seller-listing-activity-card .offer-sheet td {
    padding: 7px 8px;
  }

  .transaction-tracking-card {
    display: grid;
    gap: 8px;
  }

  .transaction-tracking-card a {
    white-space: normal;
  }

  .transaction-modal-backdrop,
  .mode-welcome-backdrop {
    padding: 10px;
  }

  .transaction-modal,
  .mode-welcome-card,
  .terms-modal-card,
  .manager-ban-modal {
    width: 100%;
    max-height: calc(100dvh - 20px);
    padding: 16px;
  }

  .listing-offer-modal .offer-request h1,
  .listing-offer-modal .offer-request .modal-title {
    font-size: 24px;
  }

  .mode-welcome-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .modal-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .message-split,
  .message-thread-layout {
    gap: 10px;
  }

  .message-composer {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .message-composer textarea {
    min-height: 54px;
  }

  .profile-edit-grid,
  .password-reset-panel,
  .shipping-form-grid,
  .counter-meet-fields {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .market {
    padding-inline: 8px;
  }

  h1 {
    font-size: 23px;
  }

  .guest-hero-copy h1 {
    font-size: 29px;
  }

  .guest-menu-item > button {
    min-height: 34px;
    padding: 0 5px;
    font-size: 10px;
  }

  .guest-dropdown {
    top: 108px;
  }

  .topbar-actions {
    grid-template-columns: 1fr 42px;
  }

  .header-seller-rating {
    grid-column: 1 / -1;
    order: 3;
  }

  .rail {
    grid-template-columns: 1fr;
  }

  .want-card {
    min-height: 198px;
  }

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

  .card-footer {
    align-items: stretch;
    gap: 7px;
  }

  .card-footer button {
    width: 100%;
  }

  .card-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .card-actions button,
  .card-footer .card-actions button {
    width: auto;
  }

  .card-actions .make-offer,
  .card-actions .make-listing-offer {
    flex: 1 1 132px;
    padding-inline: 10px;
    font-size: 12px;
  }

  .guest-photo-card,
  .guest-photo-card.large,
  .guest-photo-card.small,
  .guest-photo-card.small.top,
  .guest-photo-card.small.bottom {
    height: 160px;
  }

  .account-transaction-filters {
    grid-template-columns: 1fr;
  }

  .account-transaction-filters label:first-child {
    grid-column: auto;
  }

  .auth-trust-grid span,
  .activity-overview-card li {
    padding: 10px;
  }
}

/* Return policy, help, tutorial, and compact UI polish */
.section-count {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 900;
}

.dashboard-helper-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 12px 0 18px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 34px rgba(20, 32, 28, 0.06);
}

.dashboard-helper-strip strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.dashboard-helper-strip span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.dashboard-helper-strip .secondary-action {
  white-space: nowrap;
}

.rail {
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
}

.want-card {
  display: flex;
  min-height: 265px;
  flex-direction: column;
}

.want-card .details {
  display: -webkit-box;
  min-height: 46px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.want-card .card-footer {
  margin-top: auto;
}

.help-page,
.return-policy-page,
.support-page,
.return-issue-page {
  display: grid;
  gap: 18px;
}

.help-hero,
.return-issue-hero,
.support-hero,
.return-policy-hero {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(243,248,245,0.94));
  box-shadow: 0 18px 45px rgba(20, 32, 28, 0.08);
}

.help-hero h2,
.return-issue-hero h2,
.support-hero h2,
.policy-hero h1,
.policy-title,
.return-policy-hero h2 {
  margin: 4px 0 8px;
  font-size: clamp(26px, 4vw, 44px);
  letter-spacing: 0;
}

.help-grid,
.support-grid,
.policy-grid,
.return-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.help-link-card,
.help-grid > article,
.support-card,
.policy-card,
.policy-grid > article,
.return-choice-card {
  display: grid;
  gap: 8px;
  min-height: 142px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  color: var(--ink);
  background: #fff;
  box-shadow: 0 12px 32px rgba(20, 32, 28, 0.06);
  text-align: left;
}

.help-link-card:hover,
.help-grid > article:hover,
.return-choice-card:hover {
  border-color: rgba(25, 115, 95, 0.24);
  transform: translateY(-2px);
}

.help-tutorial-button {
  white-space: nowrap;
}

.help-tutorial-card {
  border-color: rgba(37, 99, 235, 0.18);
  background: linear-gradient(135deg, #ffffff, #f3f7ff);
}

.help-tutorial-card .dashboard-create-action {
  align-self: end;
}

.help-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 12px;
  background:
    #f3f8f5
    url("assets/reverse-marketplace-icon.png?v=20260729-search-logo")
    center / 28px 28px
    no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.return-issue-form,
.return-seller-response,
.return-policy-callout,
.return-request-status-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(20, 32, 28, 0.06);
}

.return-issue-form select,
.return-issue-form textarea,
.return-issue-form input[type="file"],
.return-seller-response textarea,
.return-seller-response input[type="file"] {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  background: #fbfdfb;
  color: var(--ink);
  font: inherit;
}

.return-seller-response {
  margin-top: 12px;
  border-color: rgba(25, 115, 95, 0.2);
  background: #f8fbf8;
}

.return-seller-response > div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.return-seller-response > div:first-child span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.match-suggestions,
.address-review-panel {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  border: 1px solid rgba(25, 115, 95, 0.18);
  border-radius: 12px;
  padding: 14px;
  background: #f8fbf8;
}

.match-suggestions > div:first-child,
.address-review-panel {
  color: var(--ink);
}

.match-suggestions > div:first-child span,
.address-review-panel span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.match-suggestion-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.match-suggestion-list article {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  background: #fff;
}

.match-suggestion-list article span {
  color: var(--mode-dark);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.match-suggestion-list article small {
  color: var(--muted);
  font-weight: 800;
}

.match-suggestion-list button,
.address-review-panel button {
  width: fit-content;
  border: 0;
  border-radius: 8px;
  padding: 8px 10px;
  color: #fff;
  background: var(--mode);
  font-weight: 900;
  cursor: pointer;
}

.address-review-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.address-review-actions button {
  min-height: 38px;
}

.address-review-actions .secondary-action {
  border: 1px solid rgba(20, 32, 28, 0.12);
  color: var(--ink);
  background: #fff;
}

.address-review-panel {
  border-color: rgba(216, 155, 40, 0.28);
  background: #fffaf0;
}

.address-review-panel strong::before {
  content: "Important: ";
  color: #9b6114;
}

.transaction-support-link {
  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  color: var(--mode-dark);
  font-weight: 900;
}

.required-tutorial-card {
  position: fixed;
  top: 24px;
  left: 24px;
  z-index: 100;
  display: grid;
  gap: 12px;
  width: min(88vw, 430px);
  border: 1px solid rgba(22, 31, 29, 0.1);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 248, 0.98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  transition: top 220ms ease, left 220ms ease, transform 160ms ease;
}

.required-tutorial-backdrop {
  display: block;
  padding: 0;
  background: rgba(18, 31, 28, 0.1);
  backdrop-filter: none;
  pointer-events: none;
}

.required-tutorial-card .panel-label {
  color: var(--mode-dark);
  background: rgba(25, 115, 95, 0.08);
}

.required-tutorial-card h2 {
  margin: 0;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.08;
  letter-spacing: 0;
}

.required-tutorial-card > p {
  margin: 0;
  max-width: 44ch;
  color: #5e6b67;
  font-size: 14px;
  line-height: 1.48;
  font-weight: 750;
}

.tutorial-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(34px, 1fr));
  gap: 6px;
  margin: 0 0 4px;
}

.tutorial-progress span {
  height: 4px;
  border-radius: 999px;
  background: #e8eee9;
  transition: background 0.2s ease, transform 0.2s ease;
}

.tutorial-progress span.is-active {
  background: var(--mode);
}

.tutorial-progress span.active {
  background: var(--mode);
  transform: scaleY(1.25);
}

.tutorial-detail-card {
  display: grid;
  gap: 7px;
  min-height: 0;
  border: 1px solid rgba(25, 115, 95, 0.15);
  border-radius: 14px;
  padding: 13px;
  background: #f6faf7;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}

.required-tutorial-card .modal-actions {
  justify-content: flex-end;
  margin-top: 0;
  padding-top: 0;
}

.required-tutorial-card .modal-actions .primary-action {
  min-width: 150px;
}

.tutorial-detail-card strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.42;
}

.tutorial-target-label {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  color: #fff;
  background: #111;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.tutorial-highlight-target {
  position: relative !important;
  z-index: 96 !important;
  pointer-events: auto;
  filter: none !important;
  backdrop-filter: none !important;
  outline: 3px solid rgba(20, 88, 206, 0.82);
  outline-offset: 8px;
  border-radius: 14px;
  box-shadow: 0 0 0 9999px rgba(7, 15, 13, 0.22), 0 18px 48px rgba(0, 0, 0, 0.2) !important;
  transition: outline-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.request-feed-heading.tutorial-highlight-target,
.listing-feed-heading.tutorial-highlight-target {
  padding: 12px 14px 14px;
  background: rgba(255, 255, 255, 0.72);
}

.role-switcher.tutorial-highlight-target {
  left: 14px;
  width: 224px;
  max-width: calc(100vw - 28px);
  box-sizing: border-box;
  gap: 9px;
  padding: 12px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.24) !important;
}

.role-switcher.tutorial-highlight-target p {
  margin: 0;
}

@media (max-width: 640px) {
  .role-switcher.tutorial-highlight-target {
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
  }

  .required-tutorial-card {
    width: min(94vw, 520px);
    left: 3vw !important;
    right: 3vw !important;
    top: auto !important;
    bottom: 14px !important;
    padding: 18px;
    border-radius: 18px;
  }

  .required-tutorial-card > p,
  .tutorial-detail-card strong {
    font-size: 14px;
  }

  .tutorial-detail-card {
    min-height: 0;
    padding: 14px;
  }

  .profit-graph {
    max-height: 118px;
  }

  .profit-graph svg {
    height: 116px;
  }

  .balance-card-header strong {
    font-size: 21px;
  }

  .stripe-report-embed {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 14px;
  }

  .stripe-report-metrics {
    grid-template-columns: 1fr;
  }

  .stripe-report-metrics span {
    min-height: 0;
  }

  .stripe-report-actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .account-top-grid {
    grid-template-columns: 1fr;
  }

  .account-page-heading {
    padding: 16px;
  }

  .stripe-activity-rows span {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

.tutorial-pointer {
  position: fixed;
  z-index: 101;
  max-width: 230px;
  pointer-events: none;
}

.tutorial-pointer span {
  display: inline-flex;
  border-radius: 999px;
  padding: 8px 11px;
  color: #fff;
  background: #111;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.tutorial-pointer::after {
  content: "";
  position: absolute;
  top: var(--tutorial-arrow-y, 20px);
  display: block;
  width: 38px;
  height: 2px;
  background: #111;
  transform: translateY(-50%);
}

.tutorial-pointer::before {
  content: "";
  position: absolute;
  top: calc(var(--tutorial-arrow-y, 20px) - 5px);
  width: 10px;
  height: 10px;
  border-top: 2px solid #111;
  border-right: 2px solid #111;
}

.tutorial-pointer[data-position="right"]::after {
  right: -38px;
}

.tutorial-pointer[data-position="right"]::before {
  right: -42px;
  transform: rotate(45deg);
}

.tutorial-pointer[data-position="left"]::after {
  left: -38px;
}

.tutorial-pointer[data-position="left"]::before {
  left: -42px;
  transform: rotate(225deg);
}

.tutorial-pointer[data-position="below"]::after,
.tutorial-pointer[data-position="above"]::after,
.tutorial-pointer[data-position="center"]::after {
  left: 18px;
  top: auto;
  bottom: -12px;
  width: 2px;
  height: 28px;
}

.tutorial-pointer[data-position="below"]::before,
.tutorial-pointer[data-position="above"]::before,
.tutorial-pointer[data-position="center"]::before {
  left: 14px;
  top: auto;
  bottom: -18px;
  transform: rotate(135deg);
}

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

.account-dashboard {
  gap: 18px;
}

.account-transactions {
  max-height: min(680px, 64vh);
  overflow: auto;
}

.account-section-title,
.account-transactions .mode-note {
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.oauth-password-panel {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.94);
}

.oauth-password-panel strong {
  color: var(--ink);
}

.guest-intro-actions {
  align-self: start;
}

@media (max-width: 900px) {
  .stripe-report-top,
  .oauth-password-panel {
    grid-template-columns: 1fr;
  }

  .edit-password-button {
    width: 100%;
  }

  .stripe-report-top {
    display: grid;
  }

  .stripe-activity-rows span {
    grid-template-columns: 1fr;
  }

  .dashboard-helper-strip {
    grid-template-columns: 1fr;
  }

  .rail {
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    gap: 12px;
  }

  .want-card {
    min-height: 250px;
  }
}

@media (max-width: 640px) {
  .guest-intro-nav {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .guest-intro-actions {
    order: -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .guest-intro-actions button {
    min-height: 44px;
  }

  .help-hero,
  .return-issue-hero,
  .support-hero,
  .return-policy-hero,
  .required-tutorial-card {
    padding: 16px;
    border-radius: 14px;
  }

  .help-grid,
  .support-grid,
  .policy-grid,
  .return-choice-grid {
    grid-template-columns: 1fr;
  }

  .stripe-guide-heading,
  .stripe-guide-grid,
  .stripe-required-list {
    grid-template-columns: 1fr;
  }

  .stripe-instructions-topbar,
  .stripe-instructions-actions {
    display: grid;
    justify-items: stretch;
  }

  .stripe-instructions-actions .form-message {
    margin-right: 0;
  }

  .rail {
    grid-template-columns: 1fr;
  }

  .want-card {
    min-height: 236px;
    padding: 14px;
  }

  .want-card h3 {
    font-size: 15px;
  }

  .want-card .details {
    min-height: 42px;
    -webkit-line-clamp: 2;
  }

  .tutorial-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dashboard-view {
    padding: 12px;
  }

  .request-feed-heading,
  .listing-feed-heading,
  .buyer-activities-intro,
  .dashboard-helper-strip,
  .controls,
  .composer {
    margin-bottom: 8px;
  }

  .market-feed-section,
  .buyer-listings-panel {
    gap: 10px;
  }

  .request-feed-heading h2,
  .listing-feed-heading h2,
  .activity-page-header h2 {
    font-size: 24px;
    line-height: 1.05;
  }

  .request-feed-heading p,
  .listing-feed-heading p,
  .section-header p,
  .dashboard-helper-strip span,
  .listing-helper {
    font-size: 12px;
    line-height: 1.35;
  }

  .controls,
  .seller-listing-form-grid,
  .buyer-request-form-grid,
  .seller-listing-fields,
  .buyer-request-fields,
  .offer-review-layout,
  .offer-review-hero {
    grid-template-columns: 1fr;
  }

  .controls {
    gap: 8px;
    padding: 10px;
  }

  .segmented {
    min-height: 38px;
  }

  .segment {
    min-height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }

  .search input,
  .range-filters input,
  .range-filters select,
  .composer input,
  .composer select,
  .composer textarea {
    min-height: 38px;
    padding: 9px 11px;
    font-size: 13px;
  }

  .composer textarea {
    min-height: 74px;
  }

  .rail,
  .listing-rail {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-bottom: 12px;
  }

  .want-card {
    min-height: 190px;
    padding: 11px;
    border-radius: 12px;
  }

  .want-card h3 {
    font-size: 15px;
    line-height: 1.18;
  }

  .want-card .details {
    min-height: 34px;
    font-size: 12px;
    line-height: 1.35;
  }

  .want-card .meta-grid {
    gap: 6px;
  }

  .want-card .meta-grid span {
    padding: 8px;
  }

  .condition-pill,
  .status-badge {
    padding: 5px 8px;
    font-size: 10px;
  }

  .make-offer,
  .make-listing-offer {
    min-height: 36px;
    padding: 0 10px;
    font-size: 12px;
  }

  .offer-review-page {
    gap: 12px;
  }

  .offer-review-hero,
  .offer-review-card {
    padding: 14px;
    border-radius: 14px;
  }

  .offer-review-hero h2 {
    font-size: 25px;
  }

  .offer-review-actions,
  .offer-review-actions .primary-action,
  .offer-review-hero .secondary-action {
    width: 100%;
  }

  .offer-review-actions {
    display: grid;
  }

  .offer-review-table {
    min-width: 520px;
  }

  .offer-review-table th,
  .offer-review-table td {
    padding: 9px;
    font-size: 12px;
  }

  .manager-account-filters {
    grid-template-columns: 1fr;
  }

  .offer-review-row-main {
    grid-template-columns: 1fr;
  }

  .offer-review-row-price {
    justify-content: flex-start;
    width: fit-content;
    padding: 0 12px;
  }
}

/* Polished UI layer - keeps existing behavior while smoothing the visual system. */
:root {
  --surface: rgba(255, 255, 255, 0.86);
  --surface-strong: #ffffff;
  --surface-muted: rgba(246, 248, 247, 0.92);
  --line-soft: rgba(20, 32, 28, 0.1);
  --line-strong: rgba(20, 32, 28, 0.16);
  --shadow-soft: 0 12px 30px rgba(20, 32, 28, 0.08);
  --shadow-card: 0 18px 42px rgba(20, 32, 28, 0.1);
  --shadow-lift: 0 24px 58px rgba(20, 32, 28, 0.14);
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
}

body {
  color: #111614;
  background:
    radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--mode) 10%, transparent), transparent 30%),
    radial-gradient(circle at 90% 2%, rgba(255, 255, 255, 0.84), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(242, 246, 244, 0.92)),
    var(--paper);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.buyer-mode {
  --paper: #f6f8ff;
  --mode-soft: #edf3ff;
  background:
    radial-gradient(circle at 16% 5%, rgba(36, 87, 197, 0.13), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.9), transparent 30%),
    linear-gradient(135deg, #f8faff 0%, #f3f6ff 50%, #ffffff 100%);
}

body.seller-mode {
  --mode: #8f6409;
  --mode-dark: #473201;
  --mode-soft: #fff5dd;
  --paper: #fffaf0;
  background:
    radial-gradient(circle at 16% 5%, rgba(143, 100, 9, 0.15), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.9), transparent 30%),
    linear-gradient(135deg, #fffaf0 0%, #fff6e4 46%, #ffffff 100%);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--mode) 28%, transparent);
  outline-offset: 2px;
}

.app-shell {
  grid-template-columns: 286px minmax(0, 1fr);
}

.sidebar {
  padding: 22px 18px 132px;
  z-index: 70;
  border-right: 1px solid var(--line-soft);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 252, 251, 0.9)),
    var(--surface-strong);
  box-shadow: 10px 0 28px rgba(20, 32, 28, 0.06);
}

.sidebar .brand {
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.sidebar .brand .brand-logo {
  width: 124px;
  height: auto;
  object-fit: contain;
}

.sidebar-location {
  margin: 8px 0 18px;
  padding: 10px;
  border-color: var(--line-soft);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 24px rgba(20, 32, 28, 0.06);
}

.sidebar-location:hover,
.sidebar-location:focus-visible {
  border-color: color-mix(in srgb, var(--mode) 26%, var(--line));
  box-shadow: var(--shadow-soft);
  transform: translateY(-1px);
}

.nav-list {
  gap: 8px;
}

.nav-section {
  gap: 6px;
}

.nav-section-general,
.nav-section-manager {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}

.nav-section-label {
  margin: 2px 2px 4px;
  color: #6c7470;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.nav-item {
  min-height: 44px;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #4b5550;
  background: transparent;
  box-shadow: none;
}

.nav-item.active {
  color: var(--ink);
  border-color: color-mix(in srgb, var(--mode) 16%, var(--line));
  background: color-mix(in srgb, var(--mode) 9%, #fff);
  box-shadow: 0 10px 22px rgba(20, 32, 28, 0.06);
}

.nav-item:hover {
  color: var(--ink);
  border-color: var(--line-soft);
  background: rgba(255, 255, 255, 0.86);
  transform: translateX(2px);
}

.nav-icon,
.sidebar-location-icon {
  color: var(--mode-dark);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mode) 14%, #fff), #fff),
    #fff;
  box-shadow: inset 0 0 0 1px rgba(20, 32, 28, 0.06);
}

.sidebar-panel,
.role-switcher {
  border-color: color-mix(in srgb, var(--mode) 22%, var(--line));
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 7%, #fff));
  box-shadow: 0 12px 28px rgba(20, 32, 28, 0.08);
}

.role-toggle-row {
  padding: 4px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
}

.buyer-pill,
.seller-pill {
  min-height: 34px;
  border-radius: 999px;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  margin-bottom: 18px;
  padding: 14px 18px;
  border: 1px solid var(--line-soft);
  border-radius: 0 0 18px 18px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 30px rgba(20, 32, 28, 0.06);
  backdrop-filter: blur(14px);
}

.topbar h1 {
  letter-spacing: 0;
}

.topbar-icon-button,
.account-shortcut-button {
  border-color: var(--line-soft);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 20px rgba(20, 32, 28, 0.06);
}

.topbar-icon-button:hover,
.topbar-icon-button:focus-visible,
.account-shortcut-button:hover,
.account-shortcut-button:focus-visible {
  border-color: color-mix(in srgb, var(--mode) 24%, var(--line));
  box-shadow: var(--shadow-soft);
}

.dashboard-view,
.main-content {
  min-width: 0;
}

.mode-note,
.dashboard-helper-strip,
.request-feed-heading,
.listing-feed-heading,
.activity-page-header,
.controls,
.composer,
.dashboard-section,
.dashboard-card,
.message-thread,
.request-breakdown,
.notification-row,
.help-link-card,
.account-profile-card,
.account-transactions,
.stripe-report-panel,
.seller-listings-summary {
  border-color: var(--line-soft) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.request-feed-heading,
.listing-feed-heading,
.activity-page-header,
.dashboard-helper-strip,
.mode-note {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 6%, #fff)),
    #fff;
}

.request-feed-heading,
.listing-feed-heading {
  padding: 18px 20px;
  margin-bottom: 14px;
}

.request-feed-heading h2,
.listing-feed-heading h2,
.activity-page-header h2,
.account-section-title h2 {
  font-weight: 850;
  letter-spacing: 0;
}

.request-feed-heading p,
.listing-feed-heading p,
.activity-page-header p,
.section-header p,
.mode-note span,
.dashboard-helper-strip span {
  color: #5f6a65;
}

.feed-kicker,
.category-kicker,
.panel-label {
  width: fit-content;
  padding: 5px 9px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 999px;
  color: var(--mode-dark);
  background: rgba(255, 255, 255, 0.86);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.06em;
}

.controls {
  gap: 12px;
  padding: 12px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.9);
}

.segmented {
  padding: 4px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  background: #f4f6f5;
}

.segment {
  border-radius: 999px;
}

.segment.active {
  color: #fff;
  background: #111;
  box-shadow: 0 8px 18px rgba(17, 17, 17, 0.16);
}

.search input,
.range-filters input,
.range-filters select,
.composer input,
.composer textarea,
.composer select,
.counter-form input,
.counter-form select,
.offer-form input,
.offer-form select,
.offer-form textarea,
.account-form input,
.account-form select,
.account-form textarea {
  border-color: var(--line-soft);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.search input:focus,
.range-filters input:focus,
.range-filters select:focus,
.composer input:focus,
.composer textarea:focus,
.composer select:focus,
.counter-form input:focus,
.counter-form select:focus,
.offer-form input:focus,
.offer-form select:focus,
.offer-form textarea:focus,
.account-form input:focus,
.account-form select:focus,
.account-form textarea:focus {
  border-color: color-mix(in srgb, var(--mode) 42%, var(--line));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mode) 13%, transparent);
  outline: 0;
}

.primary-action,
#addWant,
.dashboard-create-action,
.card-footer button,
.mode-choice,
.row-actions button,
.offer-actions button,
.make-offer,
.make-listing-offer {
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(20, 32, 28, 0.12);
}

.primary-action:hover,
#addWant:hover,
.dashboard-create-action:hover,
.card-footer button:hover,
.mode-choice:hover,
.row-actions button:hover,
.offer-actions button:hover,
.make-offer:hover,
.make-listing-offer:hover {
  box-shadow: var(--shadow-card);
  transform: translateY(-1px);
}

.secondary-action,
.text-action,
.save-card-action,
.pin-request {
  border-radius: 12px;
}

.rail,
.listing-rail {
  gap: 14px;
}

.want-card {
  position: relative;
  border-color: rgba(20, 32, 28, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 26px rgba(20, 32, 28, 0.08);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    background 0.18s ease;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open {
  border-color: color-mix(in srgb, var(--mode) 28%, var(--line));
  background: #fff;
  box-shadow: var(--shadow-lift);
  transform: translateY(-2px);
}

.seller-listing-card {
  border-left-width: 3px;
}

.seller-listing-card:hover,
.seller-listing-card:focus-within,
.seller-listing-card.actions-open {
  border-left-color: #111;
  box-shadow: var(--shadow-lift);
}

.want-card h3 {
  color: #111614;
  font-weight: 850;
  letter-spacing: 0;
}

.want-card .details {
  color: #5f6a65;
}

.condition-pill,
.status-badge,
.listing-pill,
.activity-chip {
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0;
}

.meta-grid span,
.row-meta-grid span {
  border-color: rgba(20, 32, 28, 0.06);
  border-radius: 12px;
  background: var(--surface-muted);
}

.meta-grid small,
.row-meta-grid small {
  letter-spacing: 0.03em;
}

.card-footer {
  gap: 9px;
}

.card-footer-info {
  line-height: 1.3;
}

.card-actions {
  gap: 8px;
}

.card-actions .make-offer,
.card-actions .make-listing-offer {
  flex: 1 1 150px;
}

.activity-row,
.buyer-listing-offer-row,
.transaction-activity-row {
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.9);
}

.activity-row:hover,
.activity-row:focus-within {
  box-shadow: var(--shadow-card);
  transform: translateY(-1px);
}

.activity-expanded-panel,
.offer-sheet,
.bid-history,
.message-scroll,
.notification-detail {
  border-color: var(--line-soft);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.8);
}

.offer-sheet th {
  background: #f7f8f6;
}

.message-thread {
  overflow: visible;
}

.message-thread-header {
  border-radius: 14px;
}

.message-bubble {
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(20, 32, 28, 0.06);
}

.notification-row {
  padding: 16px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.notification-row:hover,
.notification-row:focus-visible {
  border-color: color-mix(in srgb, var(--mode) 22%, var(--line));
  box-shadow: var(--shadow-card);
  transform: translateY(-1px);
}

.notification-open-action {
  justify-self: start;
}

.empty {
  display: grid;
  place-items: center;
  min-height: 132px;
  padding: 28px;
  border: 1px dashed color-mix(in srgb, var(--mode) 24%, var(--line));
  border-radius: var(--radius-lg);
  color: #59645f;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), color-mix(in srgb, var(--mode) 5%, #fff)),
    #fff;
  box-shadow: 0 12px 28px rgba(20, 32, 28, 0.05);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}

.empty-content {
  display: grid;
  justify-items: center;
  max-width: 560px;
  gap: 8px;
}

.empty h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 950;
}

.empty p {
  max-width: 58ch;
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 650;
}

.empty-action {
  margin-top: 6px;
  padding: 10px 14px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: var(--mode);
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mode) 22%, transparent);
}

.empty-action:hover,
.empty-action:focus-visible {
  transform: translateY(-1px);
  background: var(--mode-strong);
}

@media (max-width: 980px) {
  .app-shell,
  body.sidebar-collapsed .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
    box-shadow: 0 10px 24px rgba(20, 32, 28, 0.06);
  }

  .topbar {
    top: 0;
    border-radius: 0 0 16px 16px;
  }
}

@media (max-width: 760px) {
  :root {
    --radius-lg: 14px;
  }

  .topbar {
    padding: 12px;
  }

  .request-feed-heading,
  .listing-feed-heading,
  .activity-page-header,
  .dashboard-helper-strip,
  .mode-note {
    padding: 14px;
  }

  .feed-kicker,
  .category-kicker,
  .panel-label {
    font-size: 9px;
  }

  .rail,
  .listing-rail {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  }

  .want-card {
    min-height: 0;
    padding: 12px;
  }

  .want-card .meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .rail,
  .listing-rail {
    grid-template-columns: 1fr;
  }

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

  .card-actions {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .card-actions .make-offer,
  .card-actions .make-listing-offer {
    flex: none;
  }
}

/* Homepage clarity pass: fewer paragraphs, stronger CTAs, and more visual marketplace proof. */
.guest-home-lean {
  gap: clamp(36px, 5vw, 64px);
  padding-top: clamp(42px, 6vw, 76px);
}

.guest-home-lean > section {
  scroll-margin-top: 28px;
}

.guest-menu-simple {
  display: flex;
  align-items: center;
  gap: 6px;
}

.guest-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 999px;
  padding: 0 13px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.guest-nav-link:hover,
.guest-nav-link:focus-visible {
  color: var(--ink);
  background: rgba(17, 17, 17, 0.06);
  transform: translateY(-1px);
}

.guest-benefit-cards {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.guest-benefit-cards span,
.guest-explainer-cards span {
  border-color: rgba(20, 32, 28, 0.1);
  background: linear-gradient(180deg, #fff, rgba(248, 251, 249, 0.94));
}

.guest-cta-split,
.guest-final-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(190px, 1fr));
  gap: 12px;
  width: min(100%, 540px);
}

.guest-cta-split .primary-action,
.guest-final-actions .primary-action {
  display: grid;
  gap: 4px;
  align-content: center;
  justify-items: start;
  min-height: 72px;
  padding: 13px 18px;
  text-align: left;
}

.guest-cta-split .primary-action small,
.guest-final-actions .primary-action small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.guest-cta-split .primary-action strong,
.guest-final-actions .primary-action strong {
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.12;
}

.guest-cta-split .seller-cta,
.guest-final-actions .seller-cta {
  background: var(--green-dark);
}

.guest-cta-split .seller-cta:hover,
.guest-cta-split .seller-cta:focus-visible,
.guest-final-actions .seller-cta:hover,
.guest-final-actions .seller-cta:focus-visible {
  background: #053727;
}

.guest-cta-split .buyer-cta,
.guest-final-actions .buyer-cta {
  background: var(--blue);
}

.guest-cta-split .buyer-cta:hover,
.guest-cta-split .buyer-cta:focus-visible,
.guest-final-actions .buyer-cta:hover,
.guest-final-actions .buyer-cta:focus-visible {
  background: #173b91;
}

.guest-live-card em {
  color: var(--green-dark);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
}

.guest-live-product {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.guest-live-product img {
  width: 78px;
  height: 78px;
  border-radius: 12px;
  object-fit: cover;
  background: #edf2ee;
}

.guest-live-product div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.guest-timeline-flow .guest-flow-card:nth-child(4) {
  animation-delay: 1.35s;
}

.guest-explainer-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
}

.guest-explainer-cards span {
  display: grid;
  gap: 5px;
  min-height: 92px;
  border: 1px solid rgba(25, 115, 95, 0.16);
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 12px 26px rgba(23, 33, 31, 0.07);
}

.guest-explainer-cards strong {
  color: var(--ink);
  font-size: 15px;
  font-weight: 950;
}

.guest-explainer-cards small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.guest-trust-grid-clean article > span {
  font-size: 10px;
  letter-spacing: 0;
}

.guest-trust-grid-clean article {
  grid-template-columns: 64px minmax(0, 1fr);
  column-gap: 14px;
  align-items: center;
}

.guest-trust-grid-clean article > span {
  width: 44px;
  height: 44px;
  min-width: 44px;
}

.guest-trust-grid-clean .stripe-wordmark {
  width: 58px;
  min-width: 58px;
  height: 38px;
  font-size: 10px;
}

.guest-final-actions {
  margin-top: 4px;
}

.guest-simple-flow,
.guest-market-preview,
.guest-example-section,
.guest-faq-section {
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 54px rgba(23, 33, 31, 0.08);
}

.guest-simple-flow,
.guest-example-section,
.guest-faq-section {
  display: grid;
  gap: 22px;
  padding: clamp(22px, 4vw, 34px);
}

.guest-simple-flow .guest-section-heading {
  max-width: 720px;
}

.guest-simple-flow .guest-section-heading h2,
.guest-example-section .guest-section-heading h2,
.guest-faq-section .guest-section-heading h2,
.guest-preview-column .guest-section-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.02;
}

.guest-path-diagram {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.guest-path-card {
  display: grid;
  gap: 16px;
  align-content: start;
  min-height: 330px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 20px;
  padding: clamp(18px, 3vw, 26px);
  background: #fff;
  box-shadow: 0 16px 34px rgba(23, 33, 31, 0.08);
}

.buyer-path-card {
  border-color: rgba(36, 87, 197, 0.18);
  background:
    linear-gradient(135deg, rgba(36, 87, 197, 0.09), rgba(255, 255, 255, 0.96)),
    #fff;
}

.seller-path-card {
  border-color: rgba(20, 122, 92, 0.2);
  background:
    linear-gradient(135deg, rgba(20, 122, 92, 0.1), rgba(255, 255, 255, 0.96)),
    #fff;
}

.guest-path-label {
  justify-self: start;
  border-radius: 999px;
  padding: 7px 11px;
  color: #fff;
  background: #111;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.buyer-path-card .guest-path-label {
  background: var(--blue);
}

.seller-path-card .guest-path-label {
  background: var(--green-dark);
}

.guest-path-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.02;
}

.guest-path-steps {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  counter-reset: pathSteps;
  list-style: none;
}

.guest-path-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 48px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 900;
}

.guest-path-steps li::before {
  counter-increment: pathSteps;
  content: counter(pathSteps);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: #fff;
  background: #111;
  font-size: 12px;
  font-weight: 950;
}

.buyer-path-card .guest-path-steps li::before {
  background: var(--blue);
}

.seller-path-card .guest-path-steps li::before {
  background: var(--green-dark);
}

.guest-path-steps li + li::after {
  content: "";
  position: absolute;
  left: 16px;
  top: -9px;
  width: 2px;
  height: 18px;
  background: rgba(17, 17, 17, 0.16);
}

.guest-path-card .primary-action {
  align-self: end;
  justify-self: start;
  min-height: 46px;
  padding-inline: 18px;
}

.guest-path-or {
  align-self: center;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(20, 32, 28, 0.12);
  border-radius: 999px;
  color: var(--muted);
  background: #fff;
  box-shadow: 0 12px 24px rgba(23, 33, 31, 0.08);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.guest-simple-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.guest-simple-steps article {
  display: grid;
  gap: 9px;
  align-content: start;
  min-height: 164px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 18px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f8faf9);
}

.guest-simple-steps article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: #fff;
  background: #111;
  font-weight: 950;
}

.guest-simple-steps .buyer-step > span {
  background: var(--blue);
}

.guest-simple-steps .seller-step > span {
  background: var(--green-dark);
}

.guest-simple-steps strong {
  color: var(--ink);
  font-size: 22px;
  font-weight: 950;
  line-height: 1.08;
}

.guest-simple-steps small {
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
}

.guest-example-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.guest-example-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 24px);
  background: linear-gradient(180deg, #fff, rgba(248, 250, 249, 0.94));
}

.buyer-example {
  border-color: rgba(36, 87, 197, 0.18);
}

.seller-example {
  border-color: rgba(20, 122, 92, 0.2);
}

.guest-example-card > span {
  justify-self: start;
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--ink);
  background: rgba(17, 17, 17, 0.06);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.buyer-example > span {
  color: var(--blue);
  background: rgba(36, 87, 197, 0.1);
}

.seller-example > span {
  color: var(--green-dark);
  background: rgba(20, 122, 92, 0.12);
}

.guest-example-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 24px;
  font-weight: 950;
  line-height: 1.1;
}

.guest-example-card ol {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.4;
}

.guest-market-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
}

.guest-preview-column {
  display: grid;
  gap: 12px;
  padding: clamp(20px, 4vw, 32px);
}

.buyer-preview-column {
  background: linear-gradient(135deg, rgba(36, 87, 197, 0.1), rgba(255, 255, 255, 0.96));
}

.seller-preview-column {
  border-left: 1px solid rgba(20, 32, 28, 0.08);
  background: linear-gradient(135deg, rgba(20, 122, 92, 0.11), rgba(255, 255, 255, 0.96));
}

.buyer-preview-column .eyebrow {
  color: var(--blue);
}

.seller-preview-column .eyebrow {
  color: var(--green-dark);
}

.guest-preview-card {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 16px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 28px rgba(23, 33, 31, 0.07);
}

.guest-preview-card span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.guest-preview-card strong {
  color: var(--ink);
  font-size: 20px;
  font-weight: 950;
  line-height: 1.16;
}

.guest-preview-card small {
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
}

.guest-preview-card em {
  justify-self: start;
  margin-top: 3px;
  border-radius: 999px;
  padding: 6px 10px;
  color: #173b91;
  background: rgba(36, 87, 197, 0.1);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.seller-preview-column .guest-preview-card em {
  color: var(--green-dark);
  background: rgba(20, 122, 92, 0.12);
}

.guest-product-preview {
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
}

.guest-product-preview img {
  width: 86px;
  height: 86px;
  border-radius: 14px;
  object-fit: cover;
  background: #eef2ef;
}

.guest-product-preview > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.guest-final-cta {
  display: grid;
  justify-items: start;
  gap: 12px;
  padding: clamp(24px, 4vw, 36px);
}

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

.guest-faq-grid details {
  border: 1px solid rgba(20, 32, 28, 0.08);
  border-radius: 14px;
  padding: 15px 16px;
  background: linear-gradient(180deg, #fff, #f9fbfa);
}

.guest-faq-grid summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: 950;
  line-height: 1.25;
}

.guest-faq-grid details[open] {
  border-color: rgba(20, 122, 92, 0.24);
  box-shadow: 0 14px 30px rgba(23, 33, 31, 0.07);
}

.guest-faq-grid p {
  margin: 10px 0 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .guest-cta-split,
  .guest-final-actions,
  .guest-explainer-cards,
  .guest-benefit-cards,
  .guest-simple-steps,
  .guest-market-preview,
  .guest-example-grid,
  .guest-faq-grid {
    grid-template-columns: 1fr;
  }

  .guest-menu-simple {
    flex-wrap: wrap;
    justify-content: center;
  }

  .guest-path-diagram {
    grid-template-columns: 1fr;
  }

  .guest-path-or {
    justify-self: center;
    margin-block: -2px;
  }

  .seller-preview-column {
    border-left: 0;
    border-top: 1px solid rgba(20, 32, 28, 0.08);
  }

  .guest-cta-split .primary-action,
  .guest-final-actions .primary-action {
    min-height: 64px;
  }
}

@media (max-width: 560px) {
  .guest-live-product {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .guest-live-product img {
    width: 64px;
    height: 64px;
  }
}

/* Transactions page refinement and non-clipped sidebar collapse control. */
.sidebar-collapse-toggle {
  position: fixed;
  top: 88px;
  left: 286px;
  right: auto;
  z-index: 1000;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(17, 17, 17, 0.2);
  color: #111;
  background: #fff;
  box-shadow: 0 12px 30px rgba(20, 32, 28, 0.18);
  transform: translateX(-50%);
}

body.app-booting .sidebar-collapse-toggle,
body.auth-required .sidebar-collapse-toggle,
body.policy-required .sidebar-collapse-toggle,
body.guest-preview .sidebar-collapse-toggle,
body.stripe-instructions-active .sidebar-collapse-toggle {
  display: none;
}

body.sidebar-collapsed .sidebar-collapse-toggle {
  left: 84px;
  right: auto;
  transform: translateX(-50%);
}

.account-transactions {
  max-height: none;
  overflow: visible;
  gap: 16px;
  padding: 0 0 18px;
}

.transactions-overview-card,
.account-transaction-tools {
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 5%, #fff)),
    #fff;
  box-shadow: var(--shadow-soft);
}

.transactions-overview-card {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
}

.transactions-overview-card > div:first-child {
  display: grid;
  gap: 8px;
}

.transactions-overview-card strong {
  color: var(--ink);
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0;
}

.transactions-overview-card p {
  max-width: 640px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.transactions-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.transactions-summary-grid span {
  display: grid;
  gap: 5px;
  min-height: 72px;
  border: 1px solid rgba(20, 32, 28, 0.07);
  border-radius: 14px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.transactions-summary-grid small {
  color: #69746f;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.transactions-summary-grid strong {
  color: var(--ink);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.account-transaction-tools {
  grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);
  align-items: end;
  padding: 16px;
}

.account-transaction-tools-heading {
  display: grid;
  gap: 7px;
}

.account-transaction-tools-heading strong {
  color: var(--ink);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}

.account-transaction-tools-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.account-transaction-filters {
  grid-template-columns: minmax(240px, 1.2fr) repeat(2, minmax(150px, 0.42fr));
  align-items: end;
  gap: 12px;
}

.account-transaction-filters input,
.account-transaction-filters select {
  min-height: 44px;
  border-color: var(--line-soft);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
}

.account-transaction-filters input:focus,
.account-transaction-filters select:focus {
  border-color: color-mix(in srgb, var(--mode) 40%, var(--line));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mode) 12%, transparent);
}

.transactions-empty-state {
  min-height: 118px;
  border-style: solid;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 4%, #fff)),
    #fff;
  color: #4f5a55;
}

.transaction-section {
  display: grid;
  gap: 12px;
}

.transaction-section > h3 {
  margin: 8px 2px 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}

@media (max-width: 980px) {
  .sidebar-collapse-toggle,
  body.sidebar-collapsed .sidebar-collapse-toggle {
    position: absolute;
    top: 18px;
    left: auto;
    right: 14px;
  }

  .transactions-overview-card,
  .account-transaction-tools {
    grid-template-columns: 1fr;
  }

  .transactions-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .transactions-summary-grid,
  .account-transaction-filters {
    grid-template-columns: 1fr;
  }

  .transactions-overview-card,
  .account-transaction-tools {
    padding: 14px;
    border-radius: 14px;
  }
}

/* 2026-08-15 polished confirmed transactions layout. */
#transactionsView.dashboard-view {
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.11), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(16, 185, 129, 0.12), transparent 34%),
    linear-gradient(135deg, #f7fbff 0%, #fbfdf9 52%, #fffaf1 100%) !important;
  border-radius: 24px !important;
  min-height: calc(100vh - 120px) !important;
  padding: clamp(16px, 2vw, 28px) !important;
}

#transactionsView .account-transactions {
  background: rgba(255, 255, 255, 0.58) !important;
  border: 1px solid rgba(132, 154, 184, 0.2) !important;
  border-radius: 24px !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.08) !important;
  display: grid !important;
  gap: 16px !important;
  margin-inline: auto !important;
  max-width: 1680px !important;
  padding: clamp(14px, 1.5vw, 20px) !important;
  width: 100% !important;
}

#transactionsView .transactions-overview-card,
#transactionsView .account-transaction-tools {
  backdrop-filter: blur(14px) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(110, 130, 160, 0.18) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06) !important;
}

#transactionsView .transactions-overview-card {
  grid-template-columns: minmax(300px, 0.58fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

#transactionsView .transactions-overview-card > div:first-child {
  align-content: center !important;
  max-width: 560px !important;
}

#transactionsView .transactions-overview-card .panel-label,
#transactionsView .account-transaction-tools .panel-label {
  background: #eef4ff !important;
  border-color: #c8d8ff !important;
  color: #1f5fc8 !important;
  width: fit-content !important;
}

#transactionsView .transactions-overview-card p {
  font-size: 0.96rem !important;
  max-width: 52ch !important;
}

#transactionsView .transactions-summary-grid {
  grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
  gap: 12px !important;
}

#transactionsView .transactions-summary-grid span {
  border: 0 !important;
  border-radius: 18px !important;
  min-height: 82px !important;
  overflow: hidden !important;
  padding: 14px 16px !important;
  position: relative !important;
}

#transactionsView .transactions-summary-grid span::after {
  border-radius: 999px !important;
  content: "" !important;
  height: 46px !important;
  opacity: 0.22 !important;
  position: absolute !important;
  right: -10px !important;
  top: -12px !important;
  width: 46px !important;
}

#transactionsView .transactions-summary-grid span:nth-child(1) {
  background: linear-gradient(135deg, #eef4ff, #ffffff) !important;
}

#transactionsView .transactions-summary-grid span:nth-child(1)::after {
  background: #2563eb !important;
}

#transactionsView .transactions-summary-grid span:nth-child(2) {
  background: linear-gradient(135deg, #fff7df, #ffffff) !important;
}

#transactionsView .transactions-summary-grid span:nth-child(2)::after {
  background: #d99a00 !important;
}

#transactionsView .transactions-summary-grid span:nth-child(3) {
  background: linear-gradient(135deg, #eafaf1, #ffffff) !important;
}

#transactionsView .transactions-summary-grid span:nth-child(3)::after {
  background: #0f9f6e !important;
}

#transactionsView .transactions-summary-grid span:nth-child(4) {
  background: linear-gradient(135deg, #eff6ff, #ffffff) !important;
}

#transactionsView .transactions-summary-grid span:nth-child(4)::after {
  background: #0284c7 !important;
}

#transactionsView .transactions-summary-grid span:nth-child(5) {
  background: linear-gradient(135deg, #f4f0ff, #ffffff) !important;
}

#transactionsView .transactions-summary-grid span:nth-child(5)::after {
  background: #7c3aed !important;
}

#transactionsView .transactions-summary-grid small {
  color: #53615d !important;
  font-size: 0.68rem !important;
}

#transactionsView .transactions-summary-grid strong {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
}

#transactionsView .account-transaction-tools {
  align-items: center !important;
  grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr) !important;
  padding: 16px 18px !important;
}

#transactionsView .account-transaction-tools-heading {
  max-width: 420px !important;
}

#transactionsView .account-transaction-filters {
  grid-template-columns: minmax(260px, 1fr) minmax(150px, 0.22fr) minmax(150px, 0.22fr) !important;
}

#transactionsView .account-transaction-filters input,
#transactionsView .account-transaction-filters select {
  border-radius: 14px !important;
  min-height: 42px !important;
}

#transactionsView .transactions-empty-state {
  align-content: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(247, 251, 255, 0.94)) !important;
  border: 1px solid rgba(98, 132, 198, 0.22) !important;
  border-radius: 22px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  justify-items: center !important;
  margin: 0 !important;
  min-height: clamp(220px, 28vh, 320px) !important;
  padding: clamp(26px, 4vw, 44px) !important;
  text-align: center !important;
}

#transactionsView .transactions-empty-state::before {
  background: linear-gradient(135deg, #2563eb, #10b981) !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.18) !important;
  height: 42px !important;
  margin-bottom: 4px !important;
  opacity: 0.95 !important;
  width: 42px !important;
}

#transactionsView .transactions-empty-state strong,
#transactionsView .transactions-empty-state h3 {
  font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
}

#transactionsView .transactions-empty-state p {
  max-width: 58ch !important;
}

#transactionsView .transactions-empty-state .empty-action,
#transactionsView .transactions-empty-state button {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #fff !important;
}

#transactionsView .transactions-empty-state .empty-action:hover,
#transactionsView .transactions-empty-state button:hover {
  background: rgba(17, 24, 39, 0.86) !important;
  border-color: rgba(17, 24, 39, 0.86) !important;
}

@media (max-width: 1180px) {
  #transactionsView .transactions-overview-card,
  #transactionsView .account-transaction-tools {
    grid-template-columns: 1fr !important;
  }

  #transactionsView .transactions-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 2026-08-15 make request/listing poster names easy to scan. */
.want-card .posted-by-line,
.seller-listing-card .posted-by-line,
.card-footer-info .posted-by-line {
  color: #0b0f0d !important;
  display: block !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  margin-bottom: 3px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.card-footer-info .posted-by-line::after {
  content: none !important;
}

.want-card .posted-age,
.seller-listing-card .posted-age {
  color: #64706a !important;
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

@media (max-width: 680px) {
  #transactionsView.dashboard-view {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  #transactionsView .account-transactions {
    border-radius: 18px !important;
  }

  #transactionsView .transactions-summary-grid,
  #transactionsView .account-transaction-filters {
    grid-template-columns: 1fr !important;
  }
}

/* Compact marketplace page intro headers. */
.buyer-activities-intro {
  margin-bottom: 14px;
}

.marketplace-intro-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  min-height: 0;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--mode) 5%, #fff)),
    #fff;
}

.marketplace-intro-card .feed-kicker {
  margin: 0;
  font-size: 10px;
}

.marketplace-intro-card > strong {
  display: block;
  min-width: 0;
  color: var(--ink);
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.marketplace-intro-card > span:not(.feed-kicker) {
  display: block;
  grid-column: 1 / -1;
  max-width: 720px;
  color: var(--muted);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 680px) {
  .marketplace-intro-card {
    grid-template-columns: 1fr;
    padding: 14px !important;
  }

  .marketplace-intro-card > span:not(.feed-kicker) {
    grid-column: auto;
  }

  .marketplace-intro-card > strong {
    font-size: 25px;
  }

  .marketplace-intro-card > span:not(.feed-kicker) {
    font-size: 13px;
  }
}

/* Guest homepage dual transaction timeline overrides older timeline rules. */
.guest-dual-timeline {
  grid-template-columns: 1fr !important;
}

@media (max-width: 900px) {
  .timeline-paths {
    grid-template-columns: 1fr;
  }

  .guest-dual-timeline .guest-live-title {
    display: grid;
    align-items: start;
  }
}

@media (max-width: 560px) {
  .timeline-path {
    padding: 10px;
  }

  .timeline-path::before {
    top: 60px;
    left: 26px;
  }

  .timeline-path .guest-flow-card {
    padding: 10px;
  }

  .guest-trust-grid-clean article {
    grid-template-columns: 58px minmax(0, 1fr);
  }
}

/* Put marketplace type pills beside their section titles instead of above them. */
.topbar-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.topbar-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  min-width: 0;
}

.topbar-title-row .view-title {
  margin: 0;
}

.topbar-mode-pill {
  flex: 0 0 auto;
  transform: translateY(1px);
}

.view-subtitle {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.38;
}

.marketplace-intro-card {
  grid-template-columns: auto auto minmax(0, 1fr) !important;
}

.marketplace-intro-card > strong {
  grid-column: 1;
  grid-row: 1;
}

.marketplace-intro-card .feed-kicker {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: start;
}

.marketplace-intro-card > span:not(.feed-kicker) {
  grid-column: 1 / -1;
}

.request-feed-heading > div:first-child {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 7px 10px;
}

.request-feed-heading .feed-kicker {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
}

.request-feed-heading h2 {
  grid-column: 1;
  grid-row: 1;
}

.request-feed-heading p {
  grid-column: 1 / -1;
}

@media (max-width: 560px) {
  .marketplace-intro-card,
  .request-feed-heading > div:first-child {
    grid-template-columns: 1fr !important;
  }

  .topbar-title-row {
    display: grid;
    gap: 8px;
  }

  .view-subtitle {
    font-size: 13px;
  }

  .marketplace-intro-card .feed-kicker,
  .request-feed-heading .feed-kicker {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Cleaner marketplace feed headers with compact create actions. */
.market-feed-section,
.buyer-listings-panel {
  gap: 0 !important;
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--shadow-soft);
}

.request-feed-heading,
.listing-feed-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  margin: 0 !important;
  padding: 18px 20px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 4%, #fff)),
    #fff !important;
  box-shadow: none !important;
}

.request-feed-heading::after,
.listing-feed-heading::after {
  content: "";
  grid-column: 1 / -1;
  height: 1px;
  margin-top: 2px;
  background: color-mix(in srgb, var(--mode) 18%, var(--line));
}

.request-feed-heading h2,
.listing-feed-heading h2 {
  font-size: clamp(24px, 2.4vw, 32px);
}

.request-feed-heading p,
.listing-feed-heading p {
  max-width: 640px;
  font-size: 13px;
  line-height: 1.3;
}

.feed-heading-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.feed-heading-action span {
  color: #5f6a65;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.feed-heading-action .dashboard-create-action {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  white-space: nowrap;
}

.request-controls,
.listing-controls {
  margin: 0 20px 16px;
  box-shadow: none !important;
}

.market-feed-section .feed,
.buyer-listings-panel .listing-rail,
.buyer-listings-panel #sellerListingsFeed {
  padding: 0 20px 20px;
}

@media (max-width: 760px) {
  .request-feed-heading,
  .listing-feed-heading {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 14px !important;
  }

  .feed-heading-action {
    justify-content: space-between;
    width: 100%;
  }

  .feed-heading-action .dashboard-create-action {
    flex: 0 0 auto;
  }

  .request-controls,
  .listing-controls {
    margin: 0 14px 14px;
  }

  .market-feed-section .feed,
  .buyer-listings-panel .listing-rail,
  .buyer-listings-panel #sellerListingsFeed {
    padding: 0 14px 14px;
  }
}

/* Simpler dashboard language and section hierarchy. */
.topbar {
  align-items: center;
}

.topbar-title-row {
  gap: 12px;
}

.topbar-mode-pill,
.request-feed-heading .feed-kicker,
.listing-feed-heading .feed-kicker,
.activity-page-header .feed-kicker {
  border: 1px solid color-mix(in srgb, var(--mode) 16%, var(--line));
  background: #fff;
  color: color-mix(in srgb, var(--mode) 76%, #111);
  font-size: 10px;
  letter-spacing: 0;
}

.view-subtitle {
  max-width: 680px;
  color: #5b6762;
  font-size: 14px;
  font-weight: 700;
}

.market-feed-section,
.buyer-listings-panel {
  margin-top: 14px;
}

.request-feed-heading,
.listing-feed-heading {
  align-items: center;
  gap: 16px;
  padding: 17px 20px 13px !important;
}

.request-feed-heading > div:first-child,
.listing-feed-heading > div:first-child {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 7px 10px;
  min-width: 0;
}

.request-feed-heading h2,
.listing-feed-heading h2 {
  margin: 0;
  letter-spacing: 0;
}

.request-feed-heading p,
.listing-feed-heading p {
  margin: 0;
  color: #5f6a65;
  font-size: 12px;
  font-weight: 750;
}

.listing-feed-heading .feed-kicker,
.request-feed-heading .feed-kicker {
  grid-column: 2;
  grid-row: 1;
}

.listing-feed-heading p,
.request-feed-heading p {
  grid-column: 1 / -1;
}

.feed-heading-action {
  padding: 8px;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
}

.feed-heading-action span {
  color: #64716b;
  font-size: 11px;
}

.feed-heading-action .dashboard-create-action {
  min-height: 36px;
  padding: 0 13px;
  border-radius: 10px;
}

.mode-note {
  align-items: center;
  padding: 13px 14px;
}

.mode-note strong {
  font-size: 14px;
}

.mode-note span {
  font-size: 12px;
  line-height: 1.3;
}

.listing-helper {
  color: #5f6a65;
  font-size: 11px;
  line-height: 1.35;
}

.activity-page-header {
  align-items: center;
}

.activity-page-header h2 {
  letter-spacing: 0;
}

.activity-page-header p {
  max-width: 620px;
  font-size: 14px;
}

@media (max-width: 760px) {
  .request-feed-heading > div:first-child,
  .listing-feed-heading > div:first-child {
    grid-template-columns: 1fr;
  }

  .listing-feed-heading .feed-kicker,
  .request-feed-heading .feed-kicker {
    grid-column: 1;
    grid-row: auto;
    width: max-content;
  }

  .feed-heading-action {
    padding: 8px 10px;
  }

  .feed-heading-action span {
    white-space: normal;
  }
}

/* Stable card hover: reveal actions without changing card size or border geometry. */
.want-card {
  will-change: box-shadow, background;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open,
.seller-listing-card:hover,
.seller-listing-card:focus-within,
.seller-listing-card.actions-open {
  transform: none !important;
}

.want-card:not(.seller-listing-card):hover,
.want-card:not(.seller-listing-card):focus-within,
.want-card:not(.seller-listing-card).actions-open {
  border-color: rgba(20, 32, 28, 0.12) !important;
  box-shadow: 0 16px 30px rgba(20, 32, 28, 0.12);
}

.seller-listing-card:hover,
.seller-listing-card:focus-within,
.seller-listing-card.actions-open {
  border-color: var(--line) !important;
  border-left-color: #111 !important;
  box-shadow: 0 16px 30px rgba(20, 32, 28, 0.12);
}

.card-actions {
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transition: opacity 120ms ease !important;
}

.want-card:hover .card-actions,
.want-card:focus-within .card-actions,
.want-card.actions-open .card-actions {
  max-height: 120px !important;
  opacity: 1 !important;
}

.make-offer,
.make-listing-offer,
.save-card-action,
.pin-request,
.edit-request,
.card-markdown-action,
.manager-card-delete-action,
.trash-card-action {
  transform: none !important;
  transition: opacity 120ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

/* Hover actions open the active card smoothly without border flicker. */
.want-card {
  position: relative;
  padding-bottom: 13px !important;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, min-height 180ms ease !important;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open {
  z-index: 3;
}

.card-footer {
  position: static !important;
}

.card-actions {
  position: static !important;
  z-index: 4;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden;
  pointer-events: none;
  transition: max-height 180ms ease, opacity 140ms ease, margin-top 180ms ease, visibility 140ms ease !important;
}

.want-card:hover .card-actions,
.want-card:focus-within .card-actions,
.want-card.actions-open .card-actions {
  min-height: 38px !important;
  max-height: 96px !important;
  margin-top: 8px !important;
  opacity: 1 !important;
  visibility: visible;
  pointer-events: auto;
}

.card-actions .make-offer,
.card-actions .make-listing-offer {
  flex: 1 1 auto !important;
  min-width: 0;
}

.card-actions .save-card-action,
.card-actions .edit-request,
.card-actions .card-markdown-action {
  flex: 0 0 auto !important;
}

.card-actions .trash-card-action,
.card-actions .manager-card-delete-action {
  flex: 0 0 42px !important;
}

.card-actions [hidden],
.want-card [hidden] {
  display: none !important;
}

/* Compact marketplace filter bars: keep desktop filters on one clean row. */
.request-controls,
.listing-controls {
  align-items: end !important;
  gap: 8px !important;
  padding: 8px !important;
  border-radius: 12px !important;
}

.request-controls {
  grid-template-columns: minmax(168px, 190px) minmax(260px, 1fr) minmax(260px, 340px) !important;
}

.listing-controls {
  grid-template-columns: minmax(168px, 190px) minmax(280px, 1fr) minmax(430px, 0.95fr) !important;
}

.segmented {
  width: 100% !important;
  min-width: 0;
  max-width: 190px;
  padding: 3px !important;
  border-radius: 10px !important;
}

.segment {
  min-height: 30px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

.search input,
.range-filters input,
.range-filters select {
  min-height: 32px !important;
  height: 32px;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

.search input::placeholder {
  color: #7b8580;
}

.range-filters {
  gap: 8px !important;
  align-items: end;
}

.request-controls .range-filters {
  grid-template-columns: minmax(112px, 1fr) minmax(112px, 1fr) !important;
}

.listing-controls .range-filters {
  grid-template-columns: minmax(128px, 1.05fr) minmax(118px, 0.8fr) minmax(132px, 0.9fr) !important;
}

.range-filters label {
  gap: 4px !important;
  min-width: 0;
  font-size: 9px !important;
  line-height: 1.1;
}

.range-filters label,
.range-filters input,
.range-filters select,
.search input {
  min-width: 0;
}

.controls {
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.045) !important;
}

@media (max-width: 1180px) {
  .listing-controls {
    grid-template-columns: minmax(150px, 180px) minmax(220px, 1fr) !important;
  }

  .listing-controls .range-filters {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .request-controls,
  .listing-controls {
    grid-template-columns: 1fr !important;
  }

  .segmented {
    max-width: none;
  }

  .request-controls .range-filters,
  .listing-controls .range-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-controls .range-filters label:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .request-controls,
  .listing-controls {
    padding: 7px !important;
  }

  .request-controls .range-filters,
  .listing-controls .range-filters {
    grid-template-columns: 1fr !important;
  }

  .listing-controls .range-filters label:first-child {
    grid-column: auto;
  }
}

/* Filter dropdown pass: keep marketplace search clean and move filters behind a button. */
.request-controls,
.listing-controls {
  position: relative;
  grid-template-columns: minmax(260px, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px !important;
}

.filter-toggle-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  border: 1px solid rgba(20, 32, 28, 0.14);
  border-radius: 10px;
  padding: 0 14px;
  color: var(--ink);
  background: #fff;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(20, 32, 28, 0.06);
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.filter-toggle-button::before {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  clip-path: polygon(8% 18%, 92% 18%, 60% 54%, 60% 82%, 40% 92%, 40% 54%);
}

.filter-toggle-button:hover,
.filter-toggle-button:focus-visible,
.filter-toggle-button[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--mode) 36%, var(--line));
  color: var(--mode-dark);
  background: color-mix(in srgb, var(--mode) 9%, #fff);
  box-shadow: 0 12px 24px rgba(20, 32, 28, 0.1);
  transform: translateY(-1px);
  outline: 0;
}

.filter-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 9px;
  z-index: 22;
  display: grid;
  gap: 12px;
  width: min(520px, calc(100vw - 42px));
  border: 1px solid rgba(20, 32, 28, 0.12);
  border-radius: 16px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 54px rgba(23, 33, 31, 0.17);
}

.filter-panel[hidden] {
  display: none !important;
}

.filter-panel .segmented {
  width: 100% !important;
  max-width: none;
}

.filter-panel .range-filters {
  width: 100%;
  gap: 10px !important;
}

.filter-panel .range-filters label {
  gap: 6px !important;
  font-size: 10px !important;
}

.filter-panel .range-filters input,
.filter-panel .range-filters select {
  min-height: 36px !important;
  height: 36px;
}

.request-controls .filter-panel .range-filters {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.listing-controls .filter-panel .range-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.guest-example-account {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.guest-example-account img {
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 8px 18px rgba(23, 33, 31, 0.14);
}

.guest-example-account div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.guest-example-account strong {
  color: var(--ink);
  font-size: 16px;
  font-weight: 950;
  line-height: 1.1;
}

.guest-example-account small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

@media (max-width: 900px) {
  .request-controls,
  .listing-controls {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .filter-panel {
    left: 8px;
    right: 8px;
    width: auto;
  }

  .listing-controls .filter-panel .range-filters {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  .request-controls,
  .listing-controls {
    grid-template-columns: 1fr !important;
  }

  .filter-toggle-button {
    width: 100%;
  }

  .filter-panel {
    position: static;
    width: 100%;
    margin-top: 8px;
    box-shadow: 0 14px 32px rgba(23, 33, 31, 0.11);
  }

  .request-controls .filter-panel .range-filters {
    grid-template-columns: 1fr !important;
  }
}

/* Public homepage split from the logged-in marketplace app. */
body.marketing-home {
  background:
    radial-gradient(circle at 15% 10%, rgba(37, 99, 235, 0.1), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(20, 184, 166, 0.12), transparent 30%),
    #f8fafc;
  color: #101820;
  overflow-x: hidden;
}

body.marketing-home #guestIntro {
  display: block;
}

body.marketing-home .guest-intro,
body.marketing-home .guest-intro-hero,
body.marketing-home .guest-intro-content {
  min-height: auto;
}

.marketing-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.marketing-hero {
  padding: 18px 0 44px;
}

.marketing-nav {
  position: sticky;
  top: 14px;
  z-index: 5;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(16px);
}

.marketing-brand {
  color: inherit;
  text-decoration: none;
}

.marketing-brand span {
  font-weight: 800;
}

.marketing-home a.primary-action,
.marketing-home a.secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  text-decoration: none;
}

.marketing-hero-grid {
  align-items: center;
  gap: clamp(28px, 6vw, 76px);
  padding: clamp(64px, 9vw, 118px) 0 32px;
}

.marketing-hero-grid .guest-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(3.4rem, 8vw, 7.6rem);
  line-height: 0.92;
  letter-spacing: 0;
}

.marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 650px;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.45;
  color: #536066;
}

.marketing-hero-actions {
  align-items: center;
  gap: 14px;
  margin-top: 28px;
}

.marketing-hero-actions .primary-action,
.marketing-hero-actions .secondary-action {
  min-width: 164px;
  min-height: 54px;
  border-radius: 14px;
  font-size: 1rem;
}

.marketing-quiet-link {
  display: inline-flex;
  margin-top: 18px;
  color: #075985;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 2px solid rgba(7, 89, 133, 0.25);
}

.marketing-quiet-link:hover {
  color: #0f766e;
  border-color: currentColor;
}

.marketing-visual-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.12);
}

.marketing-preview-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

.marketing-preview-card span,
.marketing-trust-strip span {
  color: #2563eb;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketing-preview-card strong {
  font-size: 1.25rem;
  line-height: 1.15;
}

.marketing-preview-card small {
  color: #5f6f73;
  font-weight: 700;
}

.marketing-preview-card.listing-preview {
  grid-template-columns: 124px 1fr;
  align-items: center;
}

.marketing-preview-card.listing-preview img {
  width: 124px;
  height: 104px;
  object-fit: cover;
  border-radius: 14px;
}

.marketing-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.marketing-trust-strip span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px;
  border-radius: 999px;
  background: #eef6f4;
  color: #0f766e;
  text-align: center;
}

.marketing-main {
  display: grid;
  gap: clamp(42px, 6vw, 72px);
  padding: 0 0 72px;
}

.marketing-section {
  scroll-margin-top: 110px;
}

.marketing-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.marketing-step-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 14px;
  align-items: start;
  padding: 22px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.06);
}

.marketing-step-grid span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #003c5c;
  color: #fff;
  font-weight: 900;
}

.marketing-step-grid strong {
  font-size: 1.2rem;
}

.marketing-step-grid small {
  color: #5f6f73;
  font-weight: 700;
  line-height: 1.4;
}

.marketing-section .guest-path-card,
.marketing-section .guest-preview-card,
.marketing-section .guest-comparison-band,
.marketing-section .guest-trust-band,
.marketing-section .guest-faq-grid details {
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
}

.marketing-final-cta {
  margin-top: 0;
}

@media (max-width: 880px) {
  .marketing-nav {
    position: static;
    align-items: stretch;
  }

  .marketing-nav .guest-menu {
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 2px;
  }

  .marketing-hero-grid,
  .guest-market-preview,
  .guest-path-diagram,
  .marketing-step-grid {
    grid-template-columns: 1fr;
  }

  .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(3rem, 16vw, 4.8rem);
  }

  .marketing-trust-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .marketing-shell {
    width: calc(100% - 20px);
    max-width: 1180px;
  }

  .marketing-hero {
    padding-top: 10px;
  }

  .marketing-nav,
  .marketing-visual-panel,
  .marketing-preview-card,
  .marketing-step-grid article {
    border-radius: 16px;
  }

  .marketing-hero-actions,
  .guest-final-actions,
  .guest-intro-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .marketing-home a.primary-action,
  .marketing-home a.secondary-action {
    width: 100%;
  }

  .marketing-preview-card.listing-preview {
    grid-template-columns: 90px 1fr;
  }

  .marketing-preview-card.listing-preview img {
    width: 90px;
    height: 90px;
  }
}

/* Public homepage polish: cleaner navigation, UI mockups instead of stock photos, and quieter section chrome. */
body.marketing-home .marketing-main {
  gap: clamp(58px, 8vw, 104px);
}

body.marketing-home .guest-menu-simple {
  gap: 4px;
}

body.marketing-home .guest-nav-link {
  padding-inline: 16px;
  color: #3f4b53;
}

body.marketing-home .guest-section-heading {
  max-width: 760px;
}

body.marketing-home .guest-section-heading p:not(.eyebrow),
body.marketing-home .guest-comparison-band > div > p,
body.marketing-home .guest-trust-band .guest-section-heading p {
  max-width: 620px;
  color: #56646a;
  font-size: 1.03rem;
  line-height: 1.48;
}

body.marketing-home .guest-simple-flow,
body.marketing-home .guest-comparison-band,
body.marketing-home .guest-trust-band,
body.marketing-home .guest-faq-section {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

body.marketing-home .guest-path-card,
body.marketing-home .guest-preview-card,
body.marketing-home .guest-faq-grid details {
  border-color: rgba(15, 23, 42, 0.06);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055);
}

body.marketing-home .guest-path-card {
  min-height: 270px;
  gap: 14px;
}

body.marketing-home .guest-path-card p {
  max-width: 34rem;
  margin: 0;
  color: #536066;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
}

body.marketing-home .marketing-visual-panel {
  position: relative;
  overflow: hidden;
}

body.marketing-home .marketing-visual-panel::before {
  content: "";
  position: absolute;
  inset: 18px auto auto 52%;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.12);
  filter: blur(26px);
  pointer-events: none;
}

body.marketing-home .marketing-ui-card {
  position: relative;
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.marketing-offer-mini {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
  align-items: end;
  margin-top: 8px;
  border-radius: 14px;
  padding: 12px;
  background: #eef6f4;
}

.marketing-offer-mini span,
.marketing-offer-mini small {
  grid-column: 1;
}

.marketing-offer-mini strong {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: #0f766e;
  font-size: 1.6rem;
}

.marketing-product-mock {
  position: relative;
  width: 124px;
  height: 104px;
  overflow: hidden;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(20, 184, 166, 0.14)),
    #eff6f8;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.marketing-product-mock::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 18px;
  height: 50px;
  border: 4px solid #294052;
  border-radius: 10px;
  background: linear-gradient(135deg, #d9f4f0, #ffffff);
}

.marketing-product-mock::after {
  content: "";
  position: absolute;
  left: 38px;
  right: 38px;
  bottom: 22px;
  height: 7px;
  border-radius: 999px;
  background: #294052;
}

.marketing-product-mock span {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.32);
}

.marketing-product-mock span:nth-child(1) {
  width: 16px;
  height: 16px;
  left: 16px;
  bottom: 18px;
}

.marketing-product-mock span:nth-child(2) {
  width: 9px;
  height: 9px;
  right: 20px;
  top: 16px;
}

.marketing-product-mock span:nth-child(3) {
  width: 42px;
  height: 6px;
  right: 18px;
  bottom: 14px;
  background: rgba(37, 99, 235, 0.24);
}

body.marketing-home .marketing-preview-card.listing-preview img,
body.marketing-home .guest-product-preview img {
  display: none;
}

.guest-product-mock {
  position: relative;
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.92), transparent 18%),
    linear-gradient(135deg, #dff4f1, #edf3ff);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.07), 0 10px 24px rgba(15, 23, 42, 0.08);
}

.guest-product-mock::before,
.guest-product-mock::after {
  content: "";
  position: absolute;
}

.phone-mock::before {
  left: 28px;
  top: 12px;
  width: 30px;
  height: 62px;
  border-radius: 9px;
  background: linear-gradient(180deg, #263747, #111827);
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.15);
}

.phone-mock::after {
  left: 37px;
  top: 18px;
  width: 12px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.65);
}

.camera-mock::before {
  left: 15px;
  top: 28px;
  width: 56px;
  height: 34px;
  border-radius: 10px;
  background: #263747;
}

.camera-mock::after {
  left: 34px;
  top: 35px;
  width: 20px;
  height: 20px;
  border: 4px solid #e8fbf7;
  border-radius: 999px;
  background: #0f766e;
}

.desk-mock::before {
  left: 16px;
  top: 30px;
  width: 54px;
  height: 10px;
  border-radius: 4px;
  background: #263747;
}

.desk-mock::after {
  left: 24px;
  top: 40px;
  width: 38px;
  height: 28px;
  border-left: 5px solid #0f766e;
  border-right: 5px solid #0f766e;
}

body.marketing-home .guest-product-preview {
  grid-template-columns: 86px minmax(0, 1fr);
}

body.marketing-home .guest-market-preview {
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body.marketing-home .guest-preview-column {
  gap: 14px;
}

body.marketing-home .guest-preview-card span {
  color: #58676f;
}

body.marketing-home .guest-preview-card em {
  margin-top: 6px;
}

body.marketing-home .guest-trust-grid-clean {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.marketing-home .guest-trust-grid-clean article {
  grid-template-columns: 52px minmax(0, 1fr);
  min-height: 118px;
  border: 0;
  border-radius: 18px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055);
}

body.marketing-home .guest-trust-grid-clean article > span {
  width: 44px;
  height: 44px;
  min-width: 44px;
  color: #0b5d4a;
  background: #eef6f4;
}

body.marketing-home .guest-trust-grid-clean .stripe-wordmark {
  width: 58px;
  min-width: 58px;
  height: 38px;
  color: #fff;
  background: #635bff;
}

body.marketing-home .guest-trust-grid-clean small {
  max-width: 15rem;
}

body.marketing-home .guest-final-cta {
  border-radius: 26px;
  background:
    radial-gradient(circle at 15% 20%, rgba(37, 99, 235, 0.12), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(20, 184, 166, 0.12), transparent 34%),
    #fff;
  box-shadow: 0 22px 62px rgba(15, 23, 42, 0.08);
}

body.marketing-home .guest-public-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: 0 0 44px;
  color: #5f6b66;
  font-size: 0.86rem;
  font-weight: 800;
}

body.marketing-home .guest-public-footer nav {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

body.marketing-home .guest-public-footer small {
  color: #64706d;
  font-size: 0.84rem;
  font-weight: 800;
}

body.marketing-home .guest-public-footer a {
  color: #121817;
  font-weight: 900;
  text-decoration: none;
}

body.marketing-home .guest-public-footer a:hover,
body.marketing-home .guest-public-footer a:focus-visible {
  text-decoration: underline;
}

/* Privacy-first browsing: area is useful, exact location is not the star. */
.sidebar-location {
  margin: 4px 0 14px;
  padding: 7px 8px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  opacity: 0.78;
}

.sidebar-location:hover,
.sidebar-location:focus-visible {
  opacity: 1;
  border-color: var(--line-soft);
  background: rgba(255, 255, 255, 0.7);
  box-shadow: none;
  transform: none;
}

.sidebar-location-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: color-mix(in srgb, var(--mode) 7%, #fff);
  box-shadow: inset 0 0 0 1px rgba(20, 32, 28, 0.05);
}

.sidebar-location small {
  color: #7a8580;
  font-size: 8.5px;
  letter-spacing: 0.07em;
}

.sidebar-location strong {
  color: #59645f;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
}

.sidebar-location-change {
  color: var(--mode-dark);
  font-size: 9px;
  opacity: 0;
  transition: opacity 0.16s ease;
}

.sidebar-location:hover .sidebar-location-change,
.sidebar-location:focus-visible .sidebar-location-change {
  opacity: 1;
}

/* One obvious action per marketplace screen: search first, create second. */
.topbar-actions .header-balance,
.topbar-actions .header-seller-rating,
.topbar-icon-button,
.account-avatar-button {
  background: rgba(255, 255, 255, 0.76);
  box-shadow: none;
}

.request-controls,
.listing-controls {
  border-color: color-mix(in srgb, var(--mode) 12%, var(--line));
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 34px rgba(20, 32, 28, 0.05) !important;
}

.request-controls .search,
.listing-controls .search {
  flex: 1 1 420px;
}

.request-controls input[type="search"],
.listing-controls input[type="search"] {
  min-height: 38px;
  border-color: color-mix(in srgb, var(--mode) 18%, var(--line));
  background: #fff;
  font-weight: 750;
}

.filter-toggle-button,
.request-controls .segment,
.listing-controls .segment {
  min-height: 34px;
}

.feed-heading-action {
  align-self: center;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.64);
  box-shadow: none;
}

.feed-heading-action span {
  max-width: 11rem;
  color: #6b7671;
  font-size: 10.5px;
}

.feed-heading-action .dashboard-create-action {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 11px;
}

.floating-create-button {
  box-shadow: 0 14px 30px rgba(20, 32, 28, 0.16);
}

@media (max-width: 760px) {
  .feed-heading-action {
    justify-content: space-between;
    border-radius: 14px;
  }

  .feed-heading-action span {
    max-width: none;
  }
}

@media (max-width: 1040px) {
  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 880px) {
  body.marketing-home .guest-menu-simple {
    justify-content: flex-start;
  }

  body.marketing-home .guest-simple-flow,
  body.marketing-home .guest-comparison-band,
  body.marketing-home .guest-trust-band,
  body.marketing-home .guest-faq-section {
    padding: 0;
  }
}

@media (max-width: 560px) {
  body.marketing-home .marketing-main {
    gap: 48px;
  }

  body.marketing-home .marketing-preview-card.listing-preview {
    grid-template-columns: 86px minmax(0, 1fr);
  }

  .marketing-product-mock,
  .guest-product-mock {
    width: 86px;
    height: 86px;
  }

  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: 1fr;
  }

  body.marketing-home .guest-trust-grid-clean article {
    min-height: 0;
  }

  body.marketing-home .guest-public-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Final public homepage layout pass: full-width site shell, polished content rhythm. */
body.marketing-home {
  background:
    radial-gradient(circle at 12% 12%, rgba(37, 99, 235, 0.08), transparent 26%),
    radial-gradient(circle at 86% 16%, rgba(20, 184, 166, 0.1), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #fbfcf9 44%, #fffaf0 100%);
}

body.marketing-home .marketing-shell {
  width: 100%;
  max-width: none;
  margin: 0;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  width: 100%;
  padding: 14px 0 74px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.62) 52%, rgba(246, 238, 218, 0.46)),
    radial-gradient(circle at 77% 45%, rgba(20, 184, 166, 0.13), transparent 34%),
    radial-gradient(circle at 24% 8%, rgba(37, 99, 235, 0.1), transparent 32%);
}

body.marketing-home .marketing-nav,
body.marketing-home .marketing-hero-grid,
body.marketing-home .marketing-main,
body.marketing-home .guest-public-footer {
  width: min(1420px, calc(100% - 72px));
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}

body.marketing-home .marketing-nav {
  top: 10px;
  min-height: 66px;
  padding: 10px 12px;
  border-radius: 18px;
}

body.marketing-home .marketing-brand .brand-logo {
  width: 130px;
  height: auto;
}

body.marketing-home .marketing-brand span {
  font-size: 0.82rem;
  white-space: nowrap;
}

body.marketing-home .guest-intro-actions {
  flex-wrap: nowrap;
}

body.marketing-home .guest-nav-link {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.88rem;
}

body.marketing-home .guest-nav-link:hover,
body.marketing-home .guest-nav-link:focus-visible {
  background: rgba(20, 184, 166, 0.08);
  color: #0b5d4a;
}

body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 520px);
  gap: clamp(42px, 6vw, 110px);
  min-height: min(720px, calc(100vh - 86px));
  padding: clamp(58px, 7vw, 96px) 0 0;
}

body.marketing-home .guest-hero-copy {
  max-width: 760px;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 760px;
  margin: 8px 0 18px;
  font-size: clamp(3.45rem, 5.6vw, 6.25rem);
  line-height: 0.96;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 570px;
  margin-bottom: 0;
  font-size: clamp(1.05rem, 1.28vw, 1.38rem);
  line-height: 1.48;
}

body.marketing-home .marketing-hero-actions {
  margin-top: 24px;
}

body.marketing-home .marketing-hero-actions .primary-action,
body.marketing-home .marketing-hero-actions .secondary-action,
body.marketing-home .guest-intro-actions .primary-action,
body.marketing-home .guest-intro-actions .secondary-action {
  min-height: 42px;
  border-radius: 12px;
}

body.marketing-home .marketing-hero-actions .primary-action,
body.marketing-home .marketing-hero-actions .secondary-action {
  min-width: 148px;
}

body.marketing-home .marketing-visual-panel {
  width: min(100%, 500px);
  justify-self: end;
  padding: 16px;
  border-radius: 24px;
}

body.marketing-home .marketing-preview-card {
  padding: 16px;
}

body.marketing-home .marketing-main {
  gap: clamp(64px, 7vw, 96px);
  padding: 0 0 76px;
}

body.marketing-home .marketing-step-grid article,
body.marketing-home .guest-path-card,
body.marketing-home .guest-preview-card,
body.marketing-home .guest-trust-grid-clean article,
body.marketing-home .guest-faq-grid details,
body.marketing-home .guest-final-cta {
  border-radius: 18px;
}

body.marketing-home .guest-market-preview,
body.marketing-home .guest-final-cta {
  border-radius: 24px;
}

body.marketing-home .guest-section-heading h2,
body.marketing-home .guest-final-cta h2 {
  letter-spacing: 0;
}

body.marketing-home .guest-section-heading p:not(.eyebrow) {
  font-size: 1rem;
}

@media (min-width: 1680px) {
  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: min(1500px, calc(100% - 96px));
    max-width: 1500px;
  }
}

@media (max-width: 980px) {
  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: calc(100% - 36px);
    max-width: 1420px;
  }

  body.marketing-home .marketing-nav {
    position: static;
    display: grid;
    grid-template-columns: 1fr auto;
  }

  body.marketing-home .guest-menu-simple {
    grid-column: 1 / -1;
    order: 3;
    overflow-x: auto;
    justify-content: flex-start;
  }

  body.marketing-home .marketing-hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 48px;
  }

  body.marketing-home .marketing-visual-panel {
    justify-self: stretch;
    width: 100%;
  }
}

@media (max-width: 620px) {
  body.marketing-home .guest-intro-hero.marketing-hero {
    padding-bottom: 50px;
  }

  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: calc(100% - 24px);
    max-width: 1420px;
  }

  body.marketing-home .marketing-nav {
    grid-template-columns: 1fr;
    gap: 10px;
    overflow: hidden;
  }

  body.marketing-home .marketing-brand {
    justify-content: center;
    min-width: 0;
  }

  body.marketing-home .guest-intro-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  body.marketing-home .guest-intro-actions .primary-action,
  body.marketing-home .guest-intro-actions .secondary-action {
    width: 100%;
    min-width: 0;
    padding-inline: 10px;
    font-size: 0.92rem;
    white-space: nowrap;
  }

  body.marketing-home .marketing-hero-grid {
    padding-top: 38px;
    overflow: hidden;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.55rem, 12vw, 3.45rem);
    line-height: 1;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.45;
  }

  body.marketing-home .marketing-hero-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.marketing-home .marketing-trust-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  body.marketing-home .marketing-brand .brand-logo {
    width: 118px;
  }

  body.marketing-home .marketing-brand span {
    font-size: 0.76rem;
  }

  body.marketing-home .guest-menu-simple {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
  }

  body.marketing-home .guest-nav-link {
    justify-content: center;
    min-height: 34px;
    padding-inline: 6px;
    font-size: 0.8rem;
  }

  body.marketing-home .marketing-preview-card.listing-preview,
  body.marketing-home .guest-product-preview {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  body.marketing-home .marketing-product-mock,
  body.marketing-home .guest-product-mock {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 620px) {
  body.marketing-home {
    overflow-x: hidden;
  }

  body.marketing-home .guest-intro {
    padding-inline: 0;
  }

  body.marketing-home .guest-intro-nav.marketing-nav {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 10px;
    width: calc(100% - 24px);
    max-width: 420px;
    margin-inline: auto;
    padding: 12px;
  }

  body.marketing-home .guest-intro-nav .marketing-brand {
    order: 1;
    width: 100%;
    justify-content: center;
  }

  body.marketing-home .guest-intro-nav .guest-menu-simple {
    order: 2;
  }

  body.marketing-home .guest-intro-nav .guest-intro-actions {
    order: 3;
  }

  body.marketing-home .guest-intro-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  body.marketing-home .guest-intro-actions .primary-action,
  body.marketing-home .guest-intro-actions .secondary-action {
    display: inline-flex;
    min-width: 0;
    width: 100%;
    min-height: 40px;
    padding-inline: 8px;
    font-size: 0.86rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.marketing-home .guest-menu.guest-menu-simple {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    overflow: hidden;
  }

  body.marketing-home .guest-menu-simple .guest-nav-link {
    min-width: 0;
    width: 100%;
    padding-inline: 4px;
    font-size: 0.78rem;
  }

  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: calc(100% - 32px);
    max-width: 420px;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(2.35rem, 11vw, 3.15rem);
    line-height: 1.02;
  }

  body.marketing-home .marketing-visual-panel,
  body.marketing-home .marketing-preview-card {
    max-width: 100%;
    overflow: hidden;
  }

body.marketing-home .marketing-offer-mini strong {
    font-size: 1.35rem;
  }
}

/* Public homepage polish: keep the marketing site full-width, balanced, and non-overflowing. */
body.marketing-home {
  min-width: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(38, 96, 203, 0.08), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(20, 132, 117, 0.11), transparent 34%),
    linear-gradient(135deg, #f7faff 0%, #ffffff 44%, #f1fbf8 100%);
}

body.marketing-home .marketing-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  width: 100% !important;
  min-height: auto !important;
  padding: 14px 0 64px !important;
}

body.marketing-home .marketing-nav,
body.marketing-home .marketing-hero-grid,
body.marketing-home .marketing-main,
body.marketing-home .guest-public-footer {
  box-sizing: border-box;
  width: min(1840px, calc(100% - 72px)) !important;
  max-width: 1840px !important;
  margin-inline: auto !important;
}

body.marketing-home .marketing-nav {
  min-height: 64px;
  padding: 12px 18px !important;
}

body.marketing-home .marketing-hero-grid {
  min-height: min(720px, calc(100vh - 96px)) !important;
  padding: clamp(46px, 7vh, 84px) 0 clamp(42px, 7vh, 76px) !important;
  gap: clamp(42px, 6vw, 96px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 780px;
  font-size: clamp(3.25rem, 5vw, 5.85rem) !important;
  line-height: 0.97 !important;
  letter-spacing: 0 !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 620px;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

body.marketing-home .marketing-visual-panel {
  width: min(100%, 640px) !important;
  justify-self: center;
}

body.marketing-home .marketing-main {
  gap: clamp(48px, 5vw, 76px) !important;
  padding-block: 56px 82px !important;
}

@media (max-width: 980px) {
  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: min(940px, calc(100% - 40px)) !important;
  }

  body.marketing-home .marketing-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding-top: 44px !important;
    gap: 34px !important;
  }

  body.marketing-home .marketing-visual-panel {
    justify-self: start;
  }
}

/* Larger, clearer homepage deal walkthrough. */
body.marketing-home .deal-steps-panel {
  align-content: start;
  gap: 12px !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

body.marketing-home .deal-step-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

body.marketing-home .deal-step-card::after {
  content: "";
  position: absolute;
  left: 35px;
  bottom: -13px;
  width: 2px;
  height: 13px;
  background: rgba(15, 118, 110, 0.2);
}

body.marketing-home .deal-step-card-final::after {
  display: none;
}

body.marketing-home .deal-step-number {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  background: #0f766e;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

body.marketing-home .deal-step-card .preview-title {
  font-size: clamp(1.1rem, 1.3vw, 1.38rem);
}

body.marketing-home .deal-step-card .preview-meta {
  max-width: 46rem;
  margin-top: 4px;
}

body.marketing-home .deal-step-card-final {
  border-color: rgba(15, 118, 110, 0.25);
  background: linear-gradient(135deg, #ffffff, #eef9f6);
}

@media (max-width: 700px) {
  body.marketing-home .guest-intro-hero.marketing-hero {
    padding: 12px 0 46px !important;
  }

  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }

  body.marketing-home .guest-intro-nav.marketing-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body.marketing-home .marketing-brand {
    width: 100%;
    justify-content: center;
  }

  body.marketing-home .marketing-brand span {
    display: none;
  }

  body.marketing-home .guest-menu.guest-menu-simple {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.marketing-home .guest-menu-simple .guest-nav-link {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 38px;
    justify-content: center;
    padding-inline: 8px !important;
    font-size: 0.84rem !important;
  }

  body.marketing-home .guest-intro-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.marketing-home .guest-intro-actions .primary-action,
  body.marketing-home .guest-intro-actions .secondary-action {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 40px;
    justify-content: center;
    padding-inline: 8px !important;
    font-size: 0.86rem !important;
    white-space: nowrap;
  }

  body.marketing-home .marketing-hero-grid {
    padding-block: 36px 30px !important;
    overflow: visible !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy,
  body.marketing-home .marketing-hero-grid .guest-hero-copy h1,
  body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(2.35rem, 12vw, 3.2rem) !important;
    line-height: 1.02 !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
    font-size: 1rem !important;
    line-height: 1.45 !important;
  }

  body.marketing-home .marketing-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 10px !important;
  }

  body.marketing-home .marketing-visual-panel {
    width: 100% !important;
    justify-self: stretch !important;
  }

  body.marketing-home .marketing-preview-card,
  body.marketing-home .guest-product-preview,
  body.marketing-home .marketing-offer-mini {
    max-width: 100% !important;
  }
}

/* Homepage hero fit: avoid orphaned headline lines and oversized first viewport. */
body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 1040px) !important;
  padding: clamp(30px, 4vw, 54px) 0 clamp(10px, 2vw, 24px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy,
body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 1040px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(2.9rem, 4.15vw, 4.85rem) !important;
  line-height: 1 !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(18px, 2.5vw, 32px) !important;
}

body.marketing-home .product-demo-copy h2 {
  max-width: 440px !important;
  font-size: clamp(1.9rem, 2.55vw, 2.85rem) !important;
}

@media (max-width: 700px) {
  body.marketing-home .marketing-hero-grid {
    padding: 24px 0 18px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.12rem, 9.4vw, 2.72rem) !important;
    line-height: 1.05 !important;
  }

  body.marketing-home .product-demo-copy h2 {
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  html,
  body.marketing-home {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.marketing-home *,
  body.marketing-home *::before,
  body.marketing-home *::after {
    box-sizing: border-box;
  }

  body.marketing-home .guest-intro,
  body.marketing-home .guest-intro-hero.marketing-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  body.marketing-home .guest-intro-nav.marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
    margin-inline: auto !important;
  }

  body.marketing-home .guest-intro-nav.marketing-nav {
    justify-items: stretch !important;
  }

  body.marketing-home .guest-menu.guest-menu-simple {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.marketing-home .guest-intro-actions {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .guest-intro-actions .primary-action,
  body.marketing-home .guest-intro-actions .secondary-action,
  body.marketing-home .marketing-hero-actions .primary-action,
  body.marketing-home .marketing-hero-actions .secondary-action {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.marketing-home .marketing-hero-grid {
    display: block !important;
    padding-top: 32px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy {
    width: 100% !important;
    max-width: calc(100vw - 44px) !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    width: 100% !important;
    max-width: calc(100vw - 44px) !important;
    font-size: clamp(2rem, 8.6vw, 2.28rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
    width: 100% !important;
    max-width: calc(100vw - 44px) !important;
    display: block !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }

  body.marketing-home .marketing-quiet-link {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.marketing-home .marketing-visual-panel {
    margin-top: 34px;
  }

  body.marketing-home .marketing-preview-card.listing-preview,
  body.marketing-home .guest-product-preview {
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  body.marketing-home .marketing-product-mock,
  body.marketing-home .guest-product-mock {
    width: 62px !important;
    height: 62px !important;
  }
}

/* Homepage preview card typography: explicit classes prevent random inherited sizing. */
body.marketing-home .marketing-visual-panel {
  gap: 12px !important;
}

body.marketing-home .deal-preview-heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 0;
}

body.marketing-home .deal-preview-heading span,
body.marketing-home .preview-kicker {
  margin: 0;
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.marketing-home .deal-preview-heading strong {
  color: #13201d;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: right;
}

body.marketing-home .marketing-preview-card {
  position: relative;
  z-index: 1;
  gap: 7px !important;
}

body.marketing-home .preview-title {
  margin: 0;
  color: #050505;
  font-size: 1.18rem;
  font-weight: 820;
  line-height: 1.18;
  letter-spacing: 0;
}

body.marketing-home .preview-meta {
  margin: 0;
  color: #5d6967;
  font-size: 0.9rem;
  font-weight: 680;
  line-height: 1.35;
}

body.marketing-home .preview-offer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  border-radius: 14px;
  padding: 13px 14px;
  background: #eef9f6;
}

body.marketing-home .preview-offer-row strong:not(.preview-price) {
  display: block;
  margin-top: 3px;
  color: #243532;
  font-size: 0.9rem;
  font-weight: 760;
  line-height: 1.25;
}

body.marketing-home .preview-price {
  color: #0f766e;
  font-size: 1.45rem;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

body.marketing-home .listing-preview-copy {
  min-width: 0;
}

body.marketing-home .listing-preview-copy .preview-title,
body.marketing-home .listing-preview-copy .preview-meta {
  overflow-wrap: normal;
  word-break: normal;
}

body.marketing-home .marketing-trust-strip span {
  min-height: 38px;
  padding: 8px 10px;
  color: #0f766e;
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
}

@media (max-width: 700px) {
  body.marketing-home .deal-preview-heading {
    display: grid;
    align-items: start;
    justify-content: stretch;
  }

  body.marketing-home .deal-preview-heading strong {
    text-align: left;
  }

  body.marketing-home .marketing-trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body.marketing-home .preview-title {
    font-size: 1.02rem;
  }

  body.marketing-home .preview-price {
    font-size: 1.22rem;
  }

  body.marketing-home .preview-offer-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.marketing-home .marketing-trust-strip {
    grid-template-columns: 1fr !important;
  }
}

/* Final homepage stability pass: remove cramped/column artifacts on wide screens and keep the new preview compact on phones. */
body.marketing-home .guest-intro-content.guest-home-lean.marketing-main > .guest-simple-flow {
  display: none !important;
}

body.marketing-home .deal-steps-panel .deal-step-card {
  min-width: 0;
}

body.marketing-home .deal-steps-panel .preview-title,
body.marketing-home .deal-steps-panel .preview-meta {
  overflow-wrap: break-word;
}

@media (min-width: 1600px) {
  body.marketing-home .marketing-hero-grid {
    grid-template-columns: minmax(620px, 0.95fr) minmax(520px, 640px) !important;
    align-items: center !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    max-width: 860px !important;
  }
}

@media (max-width: 520px) {
  body.marketing-home .deal-steps-panel {
    padding: 14px !important;
    gap: 10px !important;
  }

  body.marketing-home .deal-step-card {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    border-radius: 15px;
    padding: 12px;
  }

  body.marketing-home .deal-step-card::after {
    left: 29px;
  }

  body.marketing-home .deal-step-number {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 0.9rem;
  }

  body.marketing-home .deal-step-card .preview-title {
    font-size: 1rem !important;
  }

  body.marketing-home .deal-step-card .preview-meta {
    font-size: 0.82rem !important;
    line-height: 1.32 !important;
  }
}

/* Marketplace clarity pass: empty states, quiet location, and one primary next step. */
.empty {
  min-height: 148px !important;
  padding: 24px !important;
  border-style: solid !important;
  border-color: color-mix(in srgb, var(--mode) 16%, var(--line-soft)) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--mode) 4%, #fff)),
    #fff !important;
  box-shadow: 0 18px 42px rgba(20, 32, 28, 0.06) !important;
}

.empty-content {
  max-width: 620px !important;
  gap: 10px !important;
}

.empty-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mode) 18%, #fff), rgba(255, 255, 255, 0.95));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mode) 14%, var(--line));
}

.empty-buyer .empty-icon {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(255, 255, 255, 0.95));
}

.empty-seller .empty-icon {
  background:
    linear-gradient(135deg, rgba(154, 111, 26, 0.16), rgba(255, 255, 255, 0.95));
}

.empty h3 {
  font-size: clamp(1.05rem, 1.2vw, 1.28rem) !important;
  letter-spacing: 0 !important;
}

.empty p {
  max-width: 52ch !important;
  font-size: 0.94rem !important;
  line-height: 1.45 !important;
}

.empty-action {
  min-height: 38px !important;
  margin-top: 4px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease !important;
}

.empty-action:hover,
.empty-action:focus-visible {
  box-shadow: 0 14px 28px color-mix(in srgb, var(--mode) 22%, transparent) !important;
}

.sidebar-location {
  margin: 2px 0 12px !important;
  padding: 7px 8px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sidebar-location strong {
  font-size: 11px !important;
  font-weight: 850 !important;
}

.sidebar-location small,
.sidebar-location-change {
  font-size: 8.5px !important;
}

.sidebar-location-icon {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
}

.activity-action-strip {
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
}

.activity-action-strip strong {
  font-size: 0.96rem !important;
}

.activity-action-strip span {
  max-width: 48ch !important;
  color: var(--muted) !important;
  font-size: 0.86rem !important;
}

.activity-action-strip .dashboard-create-action,
.feed-heading-action .dashboard-create-action {
  background: #111 !important;
  color: #fff !important;
}

.activity-action-strip .dashboard-create-action:hover,
.activity-action-strip .dashboard-create-action:focus-visible,
.feed-heading-action .dashboard-create-action:hover,
.feed-heading-action .dashboard-create-action:focus-visible {
  background: var(--mode-dark) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.request-feed-heading,
.listing-feed-heading {
  gap: 18px !important;
}

.request-feed-heading p,
.listing-feed-heading p {
  color: #59645f !important;
  font-weight: 760 !important;
}

.feed-heading-action {
  border: 1px solid color-mix(in srgb, var(--mode) 14%, var(--line)) !important;
}

@media (max-width: 760px) {
  .activity-action-strip,
  .request-feed-heading,
  .listing-feed-heading {
    grid-template-columns: 1fr !important;
  }

  .activity-action-strip .dashboard-create-action,
  .feed-heading-action .dashboard-create-action {
    width: 100% !important;
  }
}

.markdown-modal {
  width: min(560px, 100%) !important;
  gap: 16px !important;
  border-radius: 22px !important;
}

.markdown-modal .eyebrow {
  color: var(--discount-green);
}

.markdown-listing-summary {
  align-items: stretch;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.72fr);
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--discount-green) 18%, var(--line));
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--discount-green) 10%, transparent), transparent 36%),
    linear-gradient(135deg, rgba(0, 138, 34, 0.07), rgba(255, 255, 255, 0.98));
}

.markdown-listing-summary strong {
  display: block;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.1;
}

.markdown-listing-summary span {
  color: #59645f;
  font-size: 0.82rem;
  font-weight: 850;
}

.markdown-price-preview {
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--discount-green) 16%, var(--line));
  border-radius: 16px;
  display: grid;
  gap: 9px;
  padding: 12px;
}

.markdown-original-price,
.markdown-current-price {
  display: grid;
  gap: 2px;
}

.markdown-original-price small,
.markdown-current-price small {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.markdown-original-price s {
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.05;
}

.markdown-current-price strong {
  color: var(--discount-green);
  font-size: clamp(1.85rem, 4vw, 2.65rem);
  line-height: 0.95;
}

.markdown-form {
  gap: 12px !important;
}

.markdown-form input {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 850;
}

.markdown-form input:focus {
  outline: 3px solid color-mix(in srgb, var(--discount-green) 18%, transparent);
  border-color: color-mix(in srgb, var(--discount-green) 38%, var(--line));
}

@media (max-width: 620px) {
  .markdown-listing-summary {
    grid-template-columns: 1fr;
  }
}

.email-verification-experience {
  align-items: stretch;
}

.email-verification-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 248, 245, 0.92)),
    #fff;
}

.email-verification-panel .auth-title {
  max-width: 12ch;
}

.verification-trust-grid {
  grid-template-columns: 1fr;
}

.email-verification-card {
  align-self: center;
}

.verification-code-input {
  min-height: 58px !important;
  text-align: center;
  font-size: 28px !important;
  font-weight: 950 !important;
  letter-spacing: 0.28em;
}

.verification-actions {
  display: grid;
  grid-template-columns: 1fr;
}

.verification-actions .primary-action {
  width: 100%;
}

.verification-actions .text-action {
  justify-self: center;
}

@media (max-width: 760px) {
  .email-verification-panel .auth-title {
    max-width: none;
  }

  .verification-code-input {
    font-size: 24px !important;
  }
}

/* Translucent button hover pass: keep each button's color identity instead of flashing white. */
body button,
body .primary-action,
body .secondary-action,
body .dashboard-create-action,
body .empty-action,
body .text-action,
body .section-see-all,
body .filter-toggle-button,
body .segment,
body .nav-item,
body .save-card-action,
body .make-offer,
body .make-listing-offer,
body .card-markdown-action,
body .card-edit-listing-action,
body .manager-card-delete-action,
body .trash-card-action,
body .pin-button,
body .edit-request,
body .logout-button,
body .offer-action-button,
body .notification-open-action,
body .connect-stripe-button,
body .add-listing-button,
body .floating-create-button,
body .edit-password-button,
body .edit-profile-button,
body .topbar-icon-button,
body .account-shortcut-button {
  transition:
    background-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease !important;
}

body .primary-action:hover,
body .primary-action:focus-visible,
body .dashboard-create-action:hover,
body .dashboard-create-action:focus-visible,
body .activity-action-strip .dashboard-create-action:hover,
body .activity-action-strip .dashboard-create-action:focus-visible,
body .feed-heading-action .dashboard-create-action:hover,
body .feed-heading-action .dashboard-create-action:focus-visible,
body .add-listing-button:hover,
body .add-listing-button:focus-visible,
body .empty-action:hover,
body .empty-action:focus-visible,
body .make-offer:hover,
body .make-offer:focus-visible,
body .make-listing-offer:hover,
body .make-listing-offer:focus-visible,
body .connect-stripe-button:hover,
body .connect-stripe-button:focus-visible,
body .notification-open-action:hover,
body .notification-open-action:focus-visible,
body .floating-create-button:hover,
body .floating-create-button:focus-visible {
  color: #fff !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)),
    var(--mode-dark, #111827) !important;
  border-color: color-mix(in srgb, var(--mode-dark, #111827) 72%, #fff) !important;
  box-shadow: 0 14px 28px color-mix(in srgb, var(--mode-dark, #111827) 18%, transparent) !important;
}

body .secondary-action:hover,
body .secondary-action:focus-visible,
body .section-see-all:hover,
body .section-see-all:focus-visible,
body .filter-toggle-button:hover,
body .filter-toggle-button:focus-visible,
body .segment:hover,
body .segment:focus-visible,
body .save-card-action:hover,
body .save-card-action:focus-visible,
body .edit-request:hover,
body .edit-request:focus-visible,
body .card-edit-listing-action:hover,
body .card-edit-listing-action:focus-visible,
body .text-action:hover,
body .text-action:focus-visible,
body .edit-password-button:hover,
body .edit-password-button:focus-visible,
body .edit-profile-button:hover,
body .edit-profile-button:focus-visible,
body .message-thread-actions .secondary-action:hover,
body .message-thread-actions .secondary-action:focus-visible,
body .location-modal-actions .secondary-action:hover,
body .location-modal-actions .secondary-action:focus-visible {
  color: var(--mode-dark, #111827) !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.62)),
    color-mix(in srgb, var(--mode, #111827) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--mode, #111827) 34%, var(--line, #dfe7e3)) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--mode, #111827) 11%, transparent) !important;
}

body .nav-item:hover,
body .nav-item:focus-visible,
body .topbar-icon-button:hover,
body .topbar-icon-button:focus-visible,
body .account-shortcut-button:hover,
body .account-shortcut-button:focus-visible,
body .oauth-button:hover,
body .oauth-button:focus-visible,
body .manager-record-tabs button:hover,
body .manager-record-tabs button:focus-visible,
body .issue-menu-button:hover,
body .issue-menu-button:focus-visible,
body .image-preview-meta button:hover:not(:disabled),
body .image-preview-meta button:focus-visible:not(:disabled) {
  color: var(--mode-dark, #111827) !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.58)),
    color-mix(in srgb, var(--mode, #111827) 16%, transparent) !important;
  border-color: color-mix(in srgb, var(--mode, #111827) 24%, var(--line, #dfe7e3)) !important;
}

body .trash-card-action:hover,
body .trash-card-action:focus-visible,
body .manager-card-delete-action:hover,
body .manager-card-delete-action:focus-visible,
body .delete-message-button:hover,
body .delete-message-button:focus-visible {
  color: #fff !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)),
    #c24150 !important;
  border-color: rgba(194, 65, 80, 0.68) !important;
  box-shadow: 0 12px 24px rgba(194, 65, 80, 0.18) !important;
}

body .card-markdown-action:hover,
body .card-markdown-action:focus-visible {
  color: #062d12 !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.56)),
    color-mix(in srgb, var(--discount-green, #008a22) 22%, transparent) !important;
  border-color: color-mix(in srgb, var(--discount-green, #008a22) 38%, var(--line, #dfe7e3)) !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--discount-green, #008a22) 12%, transparent) !important;
}

body .logout-button:hover,
body .logout-button:focus-visible,
body .modal-actions button:not(.primary-action):not(.secondary-action):not(.text-action):hover,
body .modal-actions button:not(.primary-action):not(.secondary-action):not(.text-action):focus-visible,
body .row-actions button:not(.primary-action):not(.secondary-action):not(.text-action):hover,
body .row-actions button:not(.primary-action):not(.secondary-action):not(.text-action):focus-visible,
body .offer-actions button:not(.primary-action):not(.secondary-action):not(.text-action):hover,
body .offer-actions button:not(.primary-action):not(.secondary-action):not(.text-action):focus-visible,
body .listing-offer-actions button:not(.primary-action):not(.secondary-action):not(.text-action):hover,
body .listing-offer-actions button:not(.primary-action):not(.secondary-action):not(.text-action):focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0.54)),
    color-mix(in srgb, currentColor 24%, transparent) !important;
  border-color: color-mix(in srgb, currentColor 34%, var(--line, #dfe7e3)) !important;
}

/* Stable marketplace cards: reserve the action row so hover never collapses under the cursor. */
.want-card .card-footer {
  min-height: 82px !important;
}

.want-card .card-actions {
  min-height: 40px !important;
  max-height: none !important;
  margin-top: 8px !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

.want-card .card-actions > button,
.want-card .card-actions > a {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

.want-card:hover .card-actions > button,
.want-card:focus-within .card-actions > button,
.want-card.actions-open .card-actions > button,
.want-card:hover .card-actions > a,
.want-card:focus-within .card-actions > a,
.want-card.actions-open .card-actions > a {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open {
  transform: none !important;
  outline: 0 !important;
}

/* Homepage trim and clearer marketplace previews. */
body.marketing-home #how-it-works {
  scroll-margin-top: 112px;
}

body.marketing-home .marketing-hero-actions .buyer-cta,
body.marketing-home .guest-intro-actions .primary-action,
body.marketing-home .guest-final-actions .buyer-cta {
  color: #fff !important;
  background: linear-gradient(135deg, #00765f, #005f4c) !important;
  border-color: rgba(0, 95, 76, 0.76) !important;
  box-shadow: 0 16px 34px rgba(0, 118, 95, 0.2) !important;
}

body.marketing-home .marketing-hero-actions .buyer-cta:hover,
body.marketing-home .marketing-hero-actions .buyer-cta:focus-visible,
body.marketing-home .guest-intro-actions .primary-action:hover,
body.marketing-home .guest-intro-actions .primary-action:focus-visible,
body.marketing-home .guest-final-actions .buyer-cta:hover,
body.marketing-home .guest-final-actions .buyer-cta:focus-visible {
  color: #fff !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)),
    linear-gradient(135deg, #00765f, #005f4c) !important;
  transform: translateY(-1px);
}

body.marketing-home .marketing-hero-actions .seller-cta,
body.marketing-home .guest-final-actions .seller-cta {
  color: #15201d !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: none !important;
}

body.marketing-home .marketing-hero-actions .seller-cta:hover,
body.marketing-home .marketing-hero-actions .seller-cta:focus-visible,
body.marketing-home .guest-final-actions .seller-cta:hover,
body.marketing-home .guest-final-actions .seller-cta:focus-visible {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(0, 118, 95, 0.28) !important;
}

body.marketing-home .guest-market-preview {
  align-items: stretch;
}

body.marketing-home .guest-preview-column {
  align-content: start;
}

body.marketing-home .guest-preview-column .guest-section-heading {
  margin-bottom: 4px;
}

body.marketing-home .guest-preview-card {
  min-height: 118px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

body.marketing-home .guest-preview-card:hover,
body.marketing-home .guest-preview-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(0, 118, 95, 0.22);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

body.marketing-home .buyer-preview-column .guest-preview-card,
body.marketing-home .seller-preview-column .guest-preview-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.guest-request-icon {
  position: relative;
  width: 88px;
  height: 88px;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.95), transparent 20%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(0, 118, 95, 0.14)),
    #edf7f6;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.guest-request-icon::before,
.guest-request-icon::after {
  content: "";
  position: absolute;
}

.ipad-request::before {
  left: 19px;
  top: 18px;
  width: 50px;
  height: 60px;
  border-radius: 10px;
  background: #243645;
  box-shadow: inset 0 0 0 5px #eaf9f6;
}

.ipad-request::after {
  left: 40px;
  bottom: 14px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(234, 249, 246, 0.88);
}

.game-request::before {
  left: 14px;
  top: 26px;
  width: 60px;
  height: 36px;
  border-radius: 18px;
  background: #243645;
}

.game-request::after {
  left: 25px;
  top: 38px;
  width: 38px;
  height: 8px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 0 50%, #8be1d1 0 4px, transparent 5px),
    radial-gradient(circle at 100% 50%, #9cbcff 0 4px, transparent 5px);
}

.bike-request::before {
  left: 16px;
  bottom: 20px;
  width: 18px;
  height: 18px;
  border: 5px solid #243645;
  border-radius: 999px;
  box-shadow: 34px 0 0 -5px #edf7f6, 34px 0 0 0 #243645;
}

.bike-request::after {
  left: 27px;
  top: 35px;
  width: 35px;
  height: 24px;
  border-left: 5px solid #0f766e;
  border-bottom: 5px solid #0f766e;
  transform: skewX(-22deg);
}

body.marketing-home .guest-product-mock {
  width: 88px !important;
  height: 88px !important;
}

body.marketing-home .guest-preview-card > div:not(.guest-request-icon):not(.guest-product-mock) {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.marketing-home .guest-preview-card strong {
  font-size: clamp(1.05rem, 1.15vw, 1.25rem);
}

body.marketing-home .guest-preview-card small {
  font-size: 0.9rem;
}

body.marketing-home .guest-preview-card em {
  margin-top: 4px;
  padding: 5px 9px;
}

body.marketing-home .guest-trust-band .guest-section-heading p {
  max-width: 540px;
}

body.marketing-home .guest-trust-grid-clean article {
  min-height: 104px !important;
  padding: 16px !important;
}

body.marketing-home .guest-trust-grid-clean strong {
  font-size: 1rem;
}

body.marketing-home .guest-trust-grid-clean small {
  font-size: 0.86rem;
  line-height: 1.35;
}

@media (max-width: 680px) {
  body.marketing-home .buyer-preview-column .guest-preview-card,
  body.marketing-home .seller-preview-column .guest-preview-card {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
  }

  .guest-request-icon,
  body.marketing-home .guest-product-mock {
    width: 72px !important;
    height: 72px !important;
    border-radius: 15px;
  }
}

@media (max-width: 440px) {
  body.marketing-home .buyer-preview-column .guest-preview-card,
  body.marketing-home .seller-preview-column .guest-preview-card {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .guest-request-icon,
  body.marketing-home .guest-product-mock {
    width: 60px !important;
    height: 60px !important;
  }

body.marketing-home .guest-preview-card {
    min-height: 96px;
    padding: 12px;
  }
}

/* Homepage product demo: a real interface preview directly under the hero. */
body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 860px) !important;
  justify-content: start !important;
  min-height: auto !important;
  padding-bottom: clamp(22px, 4vw, 44px) !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(28px, 5vw, 58px) !important;
}

body.marketing-home .marketing-product-demo {
  display: grid;
  grid-template-columns: minmax(280px, 0.52fr) minmax(360px, 0.9fr);
  align-items: center;
  gap: clamp(24px, 5vw, 72px);
  margin-top: clamp(-22px, -1vw, 0px);
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 28px;
  padding: clamp(22px, 4vw, 42px);
  background:
    radial-gradient(circle at 86% 16%, rgba(0, 118, 95, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 251, 249, 0.94));
  box-shadow: 0 26px 76px rgba(15, 23, 42, 0.09);
}

body.marketing-home .product-demo-copy {
  display: grid;
  gap: 12px;
  min-width: 0;
}

body.marketing-home .product-demo-copy h2 {
  margin: 0;
  color: #08110f;
  font-size: clamp(2rem, 4vw, 4.35rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: 0;
}

body.marketing-home .product-demo-copy p:not(.eyebrow) {
  max-width: 38rem;
  margin: 0;
  color: #53615e;
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  font-weight: 720;
  line-height: 1.5;
}

body.marketing-home .product-demo-board {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: clamp(16px, 2.4vw, 24px);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(14px);
}

body.marketing-home .product-demo-request,
body.marketing-home .product-demo-offers-heading,
body.marketing-home .product-demo-offer {
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 18px;
  background: #fff;
}

body.marketing-home .product-demo-request {
  display: grid;
  gap: 6px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.96)),
    #fff;
}

body.marketing-home .product-demo-request span,
body.marketing-home .product-demo-offers-heading span,
body.marketing-home .product-demo-offer small {
  color: #61706d;
  font-size: 0.88rem;
  font-weight: 760;
  line-height: 1.35;
}

body.marketing-home .product-demo-request span {
  color: #2457c5;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.marketing-home .product-demo-request strong {
  color: #08110f;
  font-size: clamp(1.45rem, 2.2vw, 2.1rem);
  font-weight: 900;
  line-height: 1.08;
}

body.marketing-home .product-demo-offers-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  background: rgba(239, 248, 245, 0.72);
}

body.marketing-home .product-demo-offers-heading strong {
  color: #0f766e;
  font-size: 1rem;
  font-weight: 900;
  white-space: nowrap;
}

body.marketing-home .product-demo-offer {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 14px;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.marketing-home .product-demo-offer:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 118, 110, 0.24);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);
}

body.marketing-home .product-demo-offer.best-demo-offer {
  border-color: rgba(15, 118, 110, 0.3);
  background: linear-gradient(135deg, #fff, #eef9f6);
}

body.marketing-home .demo-price {
  display: grid;
  place-items: center;
  min-height: 58px;
  border-radius: 14px;
  color: #0f766e;
  background: #eef9f6;
  font-size: clamp(1.3rem, 2vw, 1.75rem);
  font-weight: 950;
}

body.marketing-home .product-demo-offer div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body.marketing-home .product-demo-offer strong {
  color: #111817;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.2;
}

body.marketing-home .product-demo-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.marketing-home .product-demo-actions span {
  display: grid;
  place-items: center;
  min-height: 38px;
  border-radius: 999px;
  color: #0f766e;
  background: #eef9f6;
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.marketing-home .guest-faq-grid details {
  overflow: hidden;
}

body.marketing-home .guest-faq-grid details:not([open]) {
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}

body.marketing-home .guest-faq-grid summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  list-style: none;
}

body.marketing-home .guest-faq-grid summary::-webkit-details-marker {
  display: none;
}

body.marketing-home .guest-faq-grid summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 999px;
  color: #0f766e;
  background: #eef9f6;
  font-size: 1.1rem;
  font-weight: 900;
}

body.marketing-home .guest-faq-grid details[open] summary::after {
  content: "-";
}

@media (max-width: 980px) {
  body.marketing-home .marketing-product-demo {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  body.marketing-home .marketing-product-demo {
    border-radius: 20px;
    padding: 16px;
  }

  body.marketing-home .product-demo-board {
    border-radius: 18px;
    padding: 12px;
  }

  body.marketing-home .product-demo-offers-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  body.marketing-home .product-demo-offer {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
  }

  body.marketing-home .demo-price {
    min-height: 52px;
    font-size: 1.18rem;
  }

  body.marketing-home .product-demo-actions {
    grid-template-columns: 1fr;
  }
}

/* 2026-08-13 homepage clarity pass: one visual explanation, lighter FAQ, stronger request CTA. */
body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(26px, 4vw, 52px) !important;
}

body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 980px) !important;
  justify-content: start !important;
  align-items: start !important;
  min-height: auto !important;
  padding: clamp(48px, 7vw, 88px) 0 clamp(28px, 5vw, 54px) !important;
}

body.marketing-home .guest-hero-copy {
  max-width: 980px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 880px !important;
  font-size: clamp(3.2rem, 5.4vw, 6.3rem) !important;
  line-height: 0.96 !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 640px !important;
  color: #52605d !important;
}

body.marketing-home .marketing-hero-actions .buyer-cta,
body.marketing-home .guest-intro-actions .primary-action,
body.marketing-home .guest-final-actions .buyer-cta {
  color: #fff !important;
  background: linear-gradient(135deg, #00765f, #004f42) !important;
  border-color: rgba(0, 79, 66, 0.75) !important;
  box-shadow: 0 16px 34px rgba(0, 118, 95, 0.2) !important;
}

body.marketing-home .marketing-hero-actions .seller-cta {
  color: #15201d !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: none !important;
}

body.marketing-home .marketing-product-demo {
  grid-template-columns: minmax(280px, 0.42fr) minmax(420px, 0.78fr) !important;
  align-items: center !important;
  gap: clamp(26px, 5vw, 72px) !important;
  margin-top: 0 !important;
  padding: clamp(24px, 4vw, 46px) !important;
}

body.marketing-home .product-demo-copy h2 {
  max-width: 660px;
}

body.marketing-home .product-demo-board {
  gap: 12px !important;
  padding: clamp(16px, 2vw, 22px) !important;
}

body.marketing-home .product-demo-step {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
}

body.marketing-home .demo-step-number {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: #0f766e !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.marketing-home .product-demo-step > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.marketing-home .product-demo-request {
  padding: 16px !important;
}

body.marketing-home .product-demo-offers-heading {
  justify-content: stretch !important;
  padding: 14px 16px !important;
}

body.marketing-home .product-demo-offers-heading strong {
  white-space: normal !important;
}

body.marketing-home .product-demo-offer-stack {
  display: grid;
  gap: 10px;
}

body.marketing-home .product-demo-actions {
  border: 1px solid rgba(15, 118, 110, 0.18);
  border-radius: 18px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #ffffff, #eef9f6);
}

body.marketing-home .product-demo-checkout {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 14px 16px;
  background: #fff;
}

body.marketing-home .product-demo-actions strong {
  color: #101820;
  font-size: 1.06rem;
  font-weight: 900;
}

body.marketing-home .product-demo-checkout strong {
  color: #101820;
  font-size: 1.06rem;
  font-weight: 900;
}

body.marketing-home .product-demo-actions small {
  color: #596762;
  font-size: 0.88rem;
  font-weight: 740;
  line-height: 1.35;
}

body.marketing-home .product-demo-checkout small {
  color: #596762;
  font-size: 0.88rem;
  font-weight: 740;
  line-height: 1.35;
}

body.marketing-home .product-demo-action-pills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

body.marketing-home .product-demo-action-pills span {
  display: grid;
  place-items: center;
  min-height: 34px;
  border-radius: 999px;
  color: #0f766e;
  background: #dff3ee;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.marketing-home .guest-market-preview {
  gap: clamp(18px, 3vw, 28px) !important;
}

body.marketing-home .guest-preview-card {
  min-height: 112px !important;
  padding: 14px !important;
}

body.marketing-home .guest-request-icon,
body.marketing-home .guest-product-mock {
  box-shadow:
    inset 0 0 0 1px rgba(15, 23, 42, 0.08),
    0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

body.marketing-home .guest-preview-card em {
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  color: #0f766e !important;
  background: #eef9f6 !important;
  font-style: normal;
}

body.marketing-home .guest-trust-band {
  padding-block: clamp(8px, 2vw, 18px) !important;
}

body.marketing-home .guest-trust-grid-clean {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.marketing-home .guest-trust-grid-clean article {
  min-height: 0 !important;
  padding: 16px !important;
}

body.marketing-home .guest-faq-section {
  padding-block: clamp(8px, 2vw, 16px) !important;
}

body.marketing-home .guest-faq-grid details:not([open]) p {
  display: none;
}

body.marketing-home .guest-faq-grid summary {
  cursor: pointer;
}

@media (max-width: 980px) {
  body.marketing-home .marketing-product-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  body.marketing-home .marketing-product-demo {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.marketing-home .product-demo-step {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  body.marketing-home .demo-step-number {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
  }

  body.marketing-home .product-demo-offer {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  body.marketing-home .product-demo-action-pills,
  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: 1fr !important;
  }
}

/* Final homepage fit. This must remain at the very end of the file. */
body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 1040px) !important;
  padding: clamp(30px, 4vw, 54px) 0 clamp(10px, 2vw, 24px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy,
body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 1040px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(2.9rem, 4.15vw, 4.85rem) !important;
  line-height: 1 !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(18px, 2.5vw, 32px) !important;
}

body.marketing-home .product-demo-copy h2 {
  max-width: 440px !important;
  font-size: clamp(1.9rem, 2.55vw, 2.85rem) !important;
}

@media (max-width: 700px) {
  body.marketing-home .marketing-hero-grid {
    padding: 24px 0 18px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.12rem, 9.4vw, 2.72rem) !important;
    line-height: 1.05 !important;
  }

  body.marketing-home .product-demo-copy h2 {
    max-width: 100% !important;
  }
}

/* Final end-of-file homepage fit. Keep this below older homepage override layers. */
body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 1040px) !important;
  padding: clamp(30px, 4vw, 54px) 0 clamp(10px, 2vw, 24px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy,
body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 1040px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(2.9rem, 4.15vw, 4.85rem) !important;
  line-height: 1 !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(18px, 2.5vw, 32px) !important;
}

body.marketing-home .product-demo-copy h2 {
  max-width: 440px !important;
  font-size: clamp(1.9rem, 2.55vw, 2.85rem) !important;
}

@media (max-width: 700px) {
  body.marketing-home .marketing-hero-grid {
    padding: 24px 0 18px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.12rem, 9.4vw, 2.72rem) !important;
    line-height: 1.05 !important;
  }

  body.marketing-home .product-demo-copy h2 {
    max-width: 100% !important;
  }
}

/* Compact public homepage viewport fit. */
body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(12px, 2.4vw, 28px) !important;
}

body.marketing-home .marketing-hero-grid {
  padding: clamp(34px, 5vw, 58px) 0 clamp(24px, 3.4vw, 40px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 780px !important;
  margin-bottom: 14px !important;
  font-size: clamp(3rem, 4.6vw, 5.25rem) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 580px !important;
  font-size: clamp(1rem, 1.14vw, 1.22rem) !important;
}

body.marketing-home .marketing-hero-actions {
  margin-top: 20px !important;
}

body.marketing-home .marketing-product-demo {
  grid-template-columns: minmax(260px, 0.34fr) minmax(520px, 0.88fr) !important;
  padding: clamp(20px, 3vw, 34px) !important;
}

body.marketing-home .product-demo-copy h2 {
  font-size: clamp(1.9rem, 3.2vw, 3.45rem) !important;
}

body.marketing-home .product-demo-copy p:not(.eyebrow) {
  font-size: clamp(0.96rem, 1vw, 1.08rem) !important;
}

body.marketing-home .product-demo-board {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
}

body.marketing-home .product-demo-offer-stack {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.marketing-home .product-demo-offer {
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 9px !important;
}

body.marketing-home .demo-price {
  justify-items: start !important;
  min-height: 0 !important;
  padding: 8px 10px;
}

body.marketing-home .product-demo-actions,
body.marketing-home .product-demo-checkout {
  min-height: 0;
}

@media (max-width: 980px) {
  body.marketing-home .marketing-product-demo {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  body.marketing-home .marketing-hero-grid {
    padding-top: 28px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(2.25rem, 10.5vw, 3.2rem) !important;
  }

  body.marketing-home .product-demo-board,
  body.marketing-home .product-demo-offer-stack {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-13 homepage consolidation: one product demo, compact hero, visual examples. */
body.marketing-home {
  background:
    radial-gradient(circle at 12% 10%, rgba(37, 99, 235, 0.08), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(20, 184, 166, 0.12), transparent 32%),
    linear-gradient(180deg, #f7fbff 0%, #f8fbf8 52%, #ffffff 100%) !important;
}

body.marketing-home .marketing-nav,
body.marketing-home .marketing-hero-grid,
body.marketing-home .marketing-main,
body.marketing-home .guest-public-footer {
  width: min(1360px, calc(100% - 56px)) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  padding: 14px 0 clamp(24px, 3vw, 40px) !important;
}

body.marketing-home .marketing-nav {
  min-height: 64px !important;
  padding: 10px 18px !important;
  border-radius: 22px !important;
}

body.marketing-home .marketing-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 790px) !important;
  justify-content: start !important;
  min-height: auto !important;
  padding: clamp(40px, 5vw, 70px) 0 clamp(16px, 2.6vw, 32px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 760px !important;
  margin: 8px 0 14px !important;
  font-size: clamp(3rem, 4.7vw, 5.25rem) !important;
  line-height: 0.98 !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 560px !important;
  font-size: clamp(1rem, 1.12vw, 1.2rem) !important;
  line-height: 1.48 !important;
}

body.marketing-home .marketing-hero-actions {
  margin-top: 18px !important;
  gap: 10px !important;
}

body.marketing-home .marketing-hero-actions .buyer-cta {
  min-height: 46px !important;
  padding-inline: 20px !important;
  font-weight: 950 !important;
}

body.marketing-home .marketing-hero-actions .seller-cta {
  min-height: 46px !important;
  padding-inline: 18px !important;
}

body.marketing-home .marketing-main {
  gap: clamp(42px, 5vw, 68px) !important;
  padding: clamp(22px, 3vw, 38px) 0 76px !important;
}

body.marketing-home .marketing-product-demo {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.34fr) minmax(520px, 0.9fr) !important;
  align-items: center !important;
  gap: clamp(24px, 4vw, 56px) !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border-radius: 28px !important;
}

body.marketing-home .product-demo-copy {
  gap: 10px !important;
}

body.marketing-home .product-demo-copy h2 {
  max-width: 360px !important;
  font-size: clamp(2rem, 2.9vw, 3.15rem) !important;
  line-height: 1.02 !important;
}

body.marketing-home .product-demo-copy p:not(.eyebrow) {
  max-width: 380px !important;
  font-size: 0.98rem !important;
  line-height: 1.45 !important;
}

body.marketing-home .product-demo-board {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 16px !important;
  border-radius: 22px !important;
}

body.marketing-home .product-demo-step {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body.marketing-home .demo-step-number {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 0.92rem !important;
}

body.marketing-home .product-demo-request,
body.marketing-home .product-demo-offers-heading,
body.marketing-home .product-demo-actions,
body.marketing-home .product-demo-checkout {
  min-height: 0 !important;
  padding: 12px 14px !important;
}

body.marketing-home .product-demo-request strong {
  font-size: clamp(1.2rem, 1.55vw, 1.55rem) !important;
}

body.marketing-home .product-demo-offer-stack {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.marketing-home .product-demo-offer {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 12px !important;
}

body.marketing-home .demo-price {
  min-height: 42px !important;
  place-items: center start !important;
  padding: 8px 10px !important;
  font-size: clamp(1.35rem, 1.7vw, 1.72rem) !important;
}

body.marketing-home .product-demo-offer strong,
body.marketing-home .product-demo-actions strong,
body.marketing-home .product-demo-checkout strong {
  font-size: 0.98rem !important;
  line-height: 1.18 !important;
}

body.marketing-home .product-demo-offer small,
body.marketing-home .product-demo-actions small,
body.marketing-home .product-demo-checkout small {
  font-size: 0.82rem !important;
  line-height: 1.3 !important;
}

body.marketing-home .product-demo-action-pills {
  gap: 6px !important;
  margin-top: 6px !important;
}

body.marketing-home .product-demo-action-pills span {
  min-height: 28px !important;
  font-size: 0.7rem !important;
}

body.marketing-home .guest-market-preview {
  align-items: start !important;
  gap: clamp(18px, 3vw, 28px) !important;
}

body.marketing-home .guest-preview-card {
  grid-template-columns: 86px minmax(0, 1fr) !important;
  min-height: 106px !important;
  padding: 13px !important;
}

body.marketing-home .guest-request-icon,
body.marketing-home .guest-product-mock {
  width: 76px !important;
  height: 76px !important;
  border-radius: 16px !important;
}

body.marketing-home .guest-preview-card strong {
  font-size: clamp(1rem, 1.08vw, 1.16rem) !important;
  line-height: 1.18 !important;
}

body.marketing-home .guest-preview-card small {
  font-size: 0.86rem !important;
  line-height: 1.3 !important;
}

body.marketing-home .guest-preview-card em {
  margin-top: 3px !important;
  padding: 5px 9px !important;
  font-size: 0.76rem !important;
}

body.marketing-home .guest-trust-grid-clean article {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  min-height: 96px !important;
  padding: 14px !important;
}

body.marketing-home .guest-trust-grid-clean article > span {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

body.marketing-home .guest-trust-grid-clean .stripe-wordmark {
  width: 52px !important;
  min-width: 52px !important;
  height: 34px !important;
}

body.marketing-home .guest-trust-grid-clean small {
  font-size: 0.84rem !important;
  line-height: 1.32 !important;
}

body.marketing-home .guest-faq-grid details:not([open]) p {
  display: none !important;
}

@media (max-width: 980px) {
  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    width: calc(100% - 36px) !important;
  }

  body.marketing-home .marketing-product-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .product-demo-copy h2,
  body.marketing-home .product-demo-copy p:not(.eyebrow) {
    max-width: 720px !important;
  }

  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.marketing-home .marketing-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }

  body.marketing-home .marketing-brand {
    justify-content: center !important;
  }

  body.marketing-home .marketing-brand .brand-logo {
    width: 112px !important;
    height: auto !important;
  }

  body.marketing-home .guest-menu-simple {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.marketing-home .guest-nav-link {
    justify-content: center !important;
    min-height: 34px !important;
    padding: 7px 6px !important;
    font-size: 0.78rem !important;
  }

  body.marketing-home .guest-intro-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.marketing-home .guest-intro-actions a,
  body.marketing-home .marketing-hero-actions a {
    min-height: 42px !important;
  }

  body.marketing-home .guest-intro-hero.marketing-hero {
    padding-bottom: 30px !important;
  }

  body.marketing-home .marketing-hero-grid {
    padding: 28px 0 22px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(2.35rem, 10.4vw, 3rem) !important;
    line-height: 1.04 !important;
  }

  body.marketing-home .marketing-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .marketing-product-demo {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body.marketing-home .product-demo-board,
  body.marketing-home .product-demo-offer-stack {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .guest-preview-card {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 11px !important;
    min-height: 92px !important;
    padding: 12px !important;
  }

  body.marketing-home .guest-request-icon,
  body.marketing-home .guest-product-mock {
    width: 60px !important;
    height: 60px !important;
  }

  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: 1fr !important;
  }
}

/* Final homepage fit. This must remain at the very end of the file. */
body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(0, 1040px) !important;
  padding: clamp(30px, 4vw, 54px) 0 clamp(10px, 2vw, 24px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy,
body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 1040px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(2.9rem, 4.15vw, 4.85rem) !important;
  line-height: 1 !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  padding-bottom: clamp(18px, 2.5vw, 32px) !important;
}

body.marketing-home .product-demo-copy h2 {
  max-width: 440px !important;
  font-size: clamp(1.9rem, 2.55vw, 2.85rem) !important;
}

@media (max-width: 700px) {
  body.marketing-home .marketing-hero-grid {
    padding: 24px 0 18px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.12rem, 9.4vw, 2.72rem) !important;
    line-height: 1.05 !important;
  }

  body.marketing-home .product-demo-copy h2 {
    max-width: 100% !important;
  }

  body.marketing-home .product-demo-offer-stack {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding-bottom: 4px;
  }

  body.marketing-home .product-demo-offer {
    flex: 0 0 236px;
    scroll-snap-align: start;
  }
}

/* 2026-08-15 final homepage request/fulfillment demo polish. */
body.marketing-home .marketing-product-demo {
  grid-template-columns: minmax(280px, 0.32fr) minmax(620px, 1fr) !important;
  gap: clamp(28px, 4vw, 64px) !important;
  padding: clamp(28px, 4vw, 46px) !important;
}

body.marketing-home .request-fulfillment-demo {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr) !important;
  gap: 14px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: 28px !important;
}

body.marketing-home .request-fulfillment-demo .product-demo-request,
body.marketing-home .request-fulfillment-demo .product-demo-offers-heading {
  min-height: 142px !important;
}

body.marketing-home .request-fulfillment-demo .product-demo-offers-heading {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.14), rgba(255, 255, 255, 0.96)) !important;
}

body.marketing-home .request-fulfillment-demo .product-demo-offer-stack {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

body.marketing-home .request-fulfillment-demo .product-demo-offer {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.07) !important;
  flex: initial !important;
  min-height: 154px !important;
  padding: 14px !important;
  position: relative !important;
}

body.marketing-home .request-fulfillment-demo .best-demo-offer {
  border-color: rgba(13, 123, 112, 0.34) !important;
  box-shadow: 0 18px 36px rgba(13, 123, 112, 0.14) !important;
}

body.marketing-home .demo-offer-label {
  background: rgba(13, 123, 112, 0.1) !important;
  border-radius: 999px !important;
  color: #065f58 !important;
  display: inline-flex !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  padding: 5px 8px !important;
  text-transform: uppercase !important;
  width: fit-content !important;
}

body.marketing-home .request-fulfillment-demo .demo-price {
  background: rgba(13, 123, 112, 0.1) !important;
  border-radius: 14px !important;
  color: #04746b !important;
  font-size: clamp(1.55rem, 2.1vw, 2rem) !important;
  line-height: 1 !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
  place-items: center start !important;
  width: 100% !important;
}

body.marketing-home .request-fulfillment-demo .product-demo-actions,
body.marketing-home .request-fulfillment-demo .product-demo-checkout {
  min-height: 126px !important;
}

body.marketing-home .request-fulfillment-demo .product-demo-action-pills span {
  background: rgba(13, 123, 112, 0.12) !important;
  color: #075f58 !important;
}

@media (max-width: 980px) {
  body.marketing-home .marketing-product-demo,
  body.marketing-home .request-fulfillment-demo {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  body.marketing-home .marketing-product-demo {
    padding: 18px !important;
  }

  body.marketing-home .request-fulfillment-demo .product-demo-offer-stack {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .request-fulfillment-demo .product-demo-request,
  body.marketing-home .request-fulfillment-demo .product-demo-offers-heading,
  body.marketing-home .request-fulfillment-demo .product-demo-actions,
  body.marketing-home .request-fulfillment-demo .product-demo-checkout,
  body.marketing-home .request-fulfillment-demo .product-demo-offer {
    min-height: auto !important;
  }
}

/* 2026-08-15 homepage tabs, visual flow, and intent CTAs. Keep last. */
body.marketing-home .visual-flow-demo {
  align-items: stretch !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  max-width: 980px !important;
  width: 100% !important;
}

body.marketing-home .visual-flow-demo .visual-flow-request,
body.marketing-home .visual-flow-demo .visual-flow-actions {
  min-height: 0 !important;
  padding: clamp(16px, 2vw, 22px) !important;
}

body.marketing-home .visual-flow-demo .visual-flow-request strong {
  font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
  line-height: 1.08 !important;
}

body.marketing-home .visual-flow-arrow {
  align-items: center !important;
  background: #0f172a !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
  height: 34px !important;
  justify-content: center !important;
  justify-self: center !important;
  line-height: 1 !important;
  width: 34px !important;
}

body.marketing-home .visual-flow-demo .product-demo-offer-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.marketing-home .visual-flow-demo .product-demo-actions {
  background: linear-gradient(135deg, rgba(13, 123, 112, 0.12), rgba(255, 255, 255, 0.98)) !important;
  border-color: rgba(13, 123, 112, 0.22) !important;
}

body.marketing-home .marketplace-tabs-heading {
  max-width: 760px !important;
}

body.marketing-home .marketplace-preview-tabs {
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.08) !important;
  padding: clamp(14px, 2vw, 20px) !important;
}

body.marketing-home .marketplace-preview-radio {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.marketing-home .marketplace-preview-tab-buttons {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.04) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 4px !important;
  margin-bottom: 16px !important;
  padding: 5px !important;
}

body.marketing-home .marketplace-preview-tab-buttons label {
  border-radius: 999px !important;
  color: #475569 !important;
  cursor: pointer !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  min-height: 38px !important;
  padding: 10px 16px !important;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease !important;
}

body.marketing-home #previewItemsTab:checked ~ .marketplace-preview-tab-buttons label[for="previewItemsTab"],
body.marketing-home #previewRequestsTab:checked ~ .marketplace-preview-tab-buttons label[for="previewRequestsTab"] {
  background: #0f172a !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.14) !important;
  color: #ffffff !important;
}

body.marketing-home .marketplace-preview-panel {
  display: none !important;
}

body.marketing-home #previewItemsTab:checked ~ .marketplace-items-panel,
body.marketing-home #previewRequestsTab:checked ~ .marketplace-requests-panel {
  display: block !important;
}

body.marketing-home .guest-preview-row {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.marketing-home .marketplace-preview-link {
  align-items: center !important;
  background: #0f172a !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-weight: 950 !important;
  margin-top: 16px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  transition: transform 160ms ease, background 160ms ease !important;
}

body.marketing-home .marketplace-preview-link:hover {
  background: rgba(15, 23, 42, 0.86) !important;
  transform: translateY(-1px) !important;
}

body.marketing-home .intent-cta-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 18px !important;
}

body.marketing-home .intent-cta-grid article {
  align-items: start !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08) !important;
  display: grid !important;
  gap: 10px !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

body.marketing-home .intent-cta-grid span {
  color: #2563eb !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body.marketing-home .intent-cta-grid strong {
  color: #0f172a !important;
  font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
  line-height: 1.2 !important;
}

@media (max-width: 840px) {
  body.marketing-home .visual-flow-demo .product-demo-offer-stack,
  body.marketing-home .guest-preview-row,
  body.marketing-home .intent-cta-grid {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .marketplace-preview-tab-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  body.marketing-home .marketplace-preview-tab-buttons label {
    justify-content: center !important;
    text-align: center !important;
  }
}

/* 2026-08-15 compact Browse/Sell sidebar switch. Keep last. */
.compact-role-switcher {
  gap: 0 !important;
  margin-top: 12px !important;
  padding: 7px !important;
}

.compact-role-switcher .mode-switch-status {
  appearance: none !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(20, 32, 28, 0.1) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: 1fr 1fr !important;
  min-height: 42px !important;
  padding: 4px !important;
  width: 100% !important;
}

.compact-role-switcher .mode-switch-status:hover,
.compact-role-switcher .mode-switch-status:focus-visible {
  background: color-mix(in srgb, var(--mode) 8%, rgba(255, 255, 255, 0.88)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mode) 16%, transparent) !important;
  outline: none !important;
}

.compact-role-switcher .mode-pill {
  min-height: 32px !important;
  pointer-events: none !important;
}

.compact-role-switcher .mode-notice-inline.active {
  margin-top: 8px !important;
}

/* 2026-08-15 simplified creation modals and request budget flow. Keep last. */
#crossModeNotice {
  display: none !important;
}

.composer-drawer.open {
  background: rgba(7, 12, 11, 0.62) !important;
}

.composer-modal-card {
  border-radius: 22px !important;
  max-width: 920px !important;
  padding: clamp(18px, 2.2vw, 28px) !important;
}

.composer-modal-card .mode-note {
  border-radius: 18px !important;
  padding: 16px 56px 16px 18px !important;
}

.composer-modal-card .mode-note strong {
  font-size: clamp(1.25rem, 1.8vw, 1.7rem) !important;
}

.seller-listing-form-grid,
.buyer-request-form-grid {
  align-items: start !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr) !important;
}

.listing-upload-box {
  align-items: center !important;
  justify-items: center !important;
  min-height: 190px !important;
  text-align: center !important;
}

.listing-upload-box strong,
.request-upload-box strong {
  font-size: clamp(1.1rem, 1.6vw, 1.42rem) !important;
}

.listing-more-options,
.budget-range-toggle,
.budget-min-field {
  grid-column: 1 / -1 !important;
}

.budget-range-toggle {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  color: var(--ink) !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: row !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 12px 14px !important;
}

.budget-range-toggle input {
  accent-color: var(--mode) !important;
  flex: 0 0 auto !important;
  height: 18px !important;
  width: 18px !important;
}

.budget-min-field[hidden] {
  display: none !important;
}

.listing-more-options {
  margin: 0 !important;
}

.listing-more-options label {
  display: grid !important;
  gap: 7px !important;
  margin-top: 12px !important;
}

@media (max-width: 760px) {
  .seller-listing-form-grid,
  .buyer-request-form-grid {
    grid-template-columns: 1fr !important;
  }

  .composer-modal-card {
    max-height: min(92vh, 820px) !important;
    width: min(100%, calc(100vw - 20px)) !important;
  }
}

/* 2026-08-15 Marketplace feed tabs. Keep last. */
.marketplace-tabs-card {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07) !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  margin: 14px 0 12px !important;
  padding: 12px 14px !important;
}

.marketplace-tabs-card > div:first-child {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.marketplace-tabs-card .feed-kicker {
  color: var(--mode-dark) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.marketplace-tabs-card strong {
  color: var(--ink) !important;
  font-size: clamp(1rem, 1.2vw, 1.16rem) !important;
  line-height: 1.2 !important;
}

.marketplace-tabs {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.045) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 999px !important;
  display: grid !important;
  flex: 0 0 auto !important;
  gap: 4px !important;
  grid-template-columns: repeat(2, minmax(142px, 1fr)) !important;
  padding: 4px !important;
}

.marketplace-tab {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
  white-space: nowrap !important;
}

.marketplace-tab:hover,
.marketplace-tab:focus-visible {
  background: rgba(255, 255, 255, 0.76) !important;
  color: var(--ink) !important;
  outline: none !important;
}

.marketplace-tab.active,
.marketplace-tab[aria-selected="true"] {
  background: var(--mode) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--mode) 24%, transparent) !important;
  color: #ffffff !important;
}

.marketplace-tab.active:hover,
.marketplace-tab[aria-selected="true"]:hover,
.marketplace-tab.active:focus-visible,
.marketplace-tab[aria-selected="true"]:focus-visible {
  background: var(--mode-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
  .marketplace-tabs-card {
    align-items: stretch !important;
    display: grid !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .marketplace-tabs {
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  .marketplace-tab {
    font-size: 0.82rem !important;
    min-height: 36px !important;
    padding: 0 10px !important;
  }
}

/* 2026-08-15 marketplace simplification pass. Keep this final. */
body.marketing-home .marketing-section {
  margin-block: clamp(64px, 7vw, 104px) !important;
}

body.marketing-home .guest-intro-content > .marketing-section:first-child {
  margin-top: clamp(36px, 4vw, 58px) !important;
}

body.marketing-home .guest-section-heading {
  margin-bottom: clamp(24px, 3vw, 42px) !important;
}

body.marketing-home .guest-trust-grid-clean article {
  align-items: start !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  gap: 9px !important;
}

body.marketing-home .guest-trust-grid-clean article > .trust-icon {
  align-items: center !important;
  background: rgba(0, 118, 95, 0.1) !important;
  border: 1px solid rgba(0, 118, 95, 0.12) !important;
  border-radius: 14px !important;
  color: #00765f !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  width: 38px !important;
}

body.marketing-home .guest-trust-grid-clean article > .trust-icon svg {
  display: block !important;
  fill: currentColor !important;
  height: 19px !important;
  width: 19px !important;
}

body.marketing-home .guest-faq-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.marketing-home .guest-faq-grid details {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

body.marketing-home .faq-more-link {
  color: #00765f !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  margin-top: 18px !important;
  text-decoration: none !important;
}

body:not(.marketing-home) .sidebar .brand {
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 10px 12px !important;
}

body:not(.marketing-home) .sidebar .brand .brand-logo {
  height: auto !important;
  max-height: 42px !important;
  object-fit: contain !important;
  width: 96px !important;
}

body:not(.marketing-home) .sidebar .brand strong,
body:not(.marketing-home) .sidebar .brand span {
  display: none !important;
}

.sidebar-location {
  align-items: center !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
}

.sidebar-location small {
  display: none !important;
}

.sidebar-location strong {
  color: var(--ink) !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.sidebar-location-change {
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  opacity: 0.72 !important;
}

.nav-section-general .nav-section-label {
  display: none !important;
}

.marketplace-tabs-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
  margin: 4px 0 12px !important;
  padding: 0 !important;
}

.marketplace-tabs-card > div:first-child {
  display: none !important;
}

.marketplace-tabs {
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
  width: fit-content !important;
}

.request-feed-heading,
.listing-feed-heading {
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.055) !important;
  margin: 14px 0 12px !important;
  min-height: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

.request-feed-heading .feed-kicker,
.listing-feed-heading .feed-kicker {
  margin-bottom: 5px !important;
}

.request-feed-heading h2,
.listing-feed-heading h2 {
  font-size: clamp(1.85rem, 2.4vw, 2.65rem) !important;
  line-height: 0.98 !important;
}

.request-feed-heading p,
.listing-feed-heading p {
  color: var(--muted) !important;
  font-size: clamp(0.92rem, 0.95vw, 1.02rem) !important;
  max-width: 56ch !important;
}

.feed-heading-action {
  align-self: end !important;
  gap: 8px !important;
}

.feed-heading-action > span {
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
}

.request-controls,
.listing-controls {
  align-items: center !important;
  border-radius: 16px !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  margin: 0 0 18px !important;
  padding: 7px !important;
}

.request-controls .search input,
.listing-controls .search input {
  border-radius: 12px !important;
  font-size: 0.9rem !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 13px !important;
}

.filter-toggle-button {
  border-radius: 12px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 13px !important;
}

.filter-panel {
  right: 7px !important;
  top: calc(100% + 8px) !important;
  width: min(560px, calc(100vw - 34px)) !important;
}

.filter-panel-title {
  color: var(--ink) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.filter-panel .range-filters {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.listing-filter-panel .range-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.want-card,
.seller-listing-card {
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.075) !important;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open,
.seller-listing-card:hover,
.seller-listing-card:focus-within,
.seller-listing-card.actions-open {
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.1) !important;
}

.want-card .meta-grid,
.seller-listing-card .meta-grid {
  gap: 7px !important;
}

.want-card .meta-grid span,
.seller-listing-card .meta-grid span {
  border-radius: 12px !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
}

.want-card .meta-grid small,
.seller-listing-card .meta-grid small {
  color: var(--muted) !important;
  font-size: 0.66rem !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.want-card .meta-grid strong,
.seller-listing-card .meta-grid strong {
  font-size: 0.96rem !important;
  line-height: 1.12 !important;
}

.want-card .details,
.seller-listing-card .details {
  color: var(--muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.35 !important;
}

.listing-card-context,
.card-topline {
  gap: 7px !important;
}

.listing-card-context {
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  margin-top: 8px !important;
}

.want-card .card-footer {
  min-height: 74px !important;
}

.want-card .card-footer-info {
  min-width: 0 !important;
}

.want-card .card-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  min-height: 40px !important;
}

.want-card .card-actions > button,
.want-card .card-actions > a {
  min-height: 36px !important;
  white-space: nowrap !important;
}

.trash-card-action,
.manager-card-delete-action {
  background: #c24150 !important;
  border-color: #c24150 !important;
  color: #fff !important;
  min-width: 38px !important;
}

@media (max-width: 980px) {
  body.marketing-home .guest-faq-grid,
  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .request-feed-heading,
  .listing-feed-heading {
    align-items: start !important;
    grid-template-columns: 1fr !important;
  }

  .feed-heading-action {
    align-self: start !important;
  }
}

@media (max-width: 680px) {
  body.marketing-home .marketing-section {
    margin-block: 58px !important;
  }

  body.marketing-home .guest-faq-grid,
  body.marketing-home .guest-trust-grid-clean {
    grid-template-columns: 1fr !important;
  }

  .request-controls,
  .listing-controls {
    grid-template-columns: 1fr auto !important;
  }

  .filter-panel .range-filters,
  .listing-filter-panel .range-filters {
    grid-template-columns: 1fr !important;
  }

  .marketplace-tabs {
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }
}

/* 2026-08-15 terminology pass: teach Listings vs Requests once. */
body.marketing-home .marketing-two-paths {
  display: grid !important;
  gap: clamp(18px, 2.5vw, 30px) !important;
}

body.marketing-home .path-flow-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.marketing-home .path-flow-card {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06) !important;
  display: grid !important;
  gap: 12px !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

body.marketing-home .path-flow-label {
  background: rgba(0, 98, 82, 0.08) !important;
  border: 1px solid rgba(0, 98, 82, 0.12) !important;
  border-radius: 999px !important;
  color: #006252 !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  padding: 6px 10px !important;
  text-transform: uppercase !important;
  width: fit-content !important;
}

body.marketing-home .listing-flow-card .path-flow-label {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
  color: #255ec2 !important;
}

body.marketing-home .path-flow-card h3 {
  font-size: clamp(1.45rem, 2vw, 2rem) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body.marketing-home .path-flow-card p {
  color: var(--muted) !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

body.marketing-home .path-flow-list {
  counter-reset: path-step !important;
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

body.marketing-home .path-flow-list li {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: auto 1fr !important;
}

body.marketing-home .path-flow-list li::before {
  align-items: center !important;
  background: #0f1715 !important;
  border-radius: 999px !important;
  color: #fff !important;
  content: counter(path-step) !important;
  counter-increment: path-step !important;
  display: inline-flex !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  height: 26px !important;
  justify-content: center !important;
  width: 26px !important;
}

.offer-review-definition {
  align-items: center !important;
  color: var(--muted) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-weight: 850 !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.definition-tooltip {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.08) !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 999px !important;
  color: var(--ink) !important;
  cursor: help !important;
  display: inline-flex !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  height: 22px !important;
  justify-content: center !important;
  width: 22px !important;
}

@media (max-width: 760px) {
  body.marketing-home .path-flow-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-15 final visual repair for homepage flow sections. */
body.marketing-home .marketing-two-paths {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(232, 244, 240, 0.72)) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.08) !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

body.marketing-home .marketing-two-paths .guest-section-heading {
  margin: 0 auto clamp(18px, 2.5vw, 28px) !important;
  max-width: 780px !important;
  text-align: center !important;
}

body.marketing-home .marketing-two-paths .guest-section-heading h2 {
  color: #0f1715 !important;
  font-size: clamp(2rem, 4.4vw, 4.1rem) !important;
  line-height: 0.95 !important;
  margin: 0 !important;
}

body.marketing-home .marketing-two-paths .guest-section-heading p:not(.eyebrow) {
  color: #52605b !important;
  font-size: clamp(1rem, 1.4vw, 1.18rem) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  margin: 10px auto 0 !important;
}

body.marketing-home .path-flow-card {
  align-content: start !important;
  overflow: hidden !important;
  position: relative !important;
}

body.marketing-home .path-flow-card::before {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.72), rgba(13, 123, 112, 0.72)) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto !important;
  position: absolute !important;
}

body.marketing-home .request-flow-card::before {
  background: linear-gradient(90deg, rgba(13, 123, 112, 0.85), rgba(20, 184, 166, 0.62)) !important;
}

body.marketing-home .path-flow-list li {
  background: rgba(15, 23, 42, 0.035) !important;
  border: 1px solid rgba(15, 23, 42, 0.055) !important;
  border-radius: 14px !important;
  color: #0f1715 !important;
  font-weight: 900 !important;
  padding: 9px 10px !important;
}

body.marketing-home .request-flow-card .path-flow-list li::before {
  background: #0d7b70 !important;
}

body.marketing-home .listing-flow-card .path-flow-list li::before {
  background: #255ec2 !important;
}

body.marketing-home #request-example.marketing-product-demo {
  align-items: center !important;
  grid-template-columns: minmax(260px, 0.34fr) minmax(620px, 1fr) !important;
  overflow: visible !important;
}

body.marketing-home #request-example .product-demo-copy {
  max-width: 380px !important;
}

body.marketing-home #request-example .product-demo-copy h2 {
  color: #0f1715 !important;
  font-size: clamp(2.1rem, 4.4vw, 4.6rem) !important;
  line-height: 0.94 !important;
}

body.marketing-home #request-example .request-fulfillment-demo {
  align-items: stretch !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.1) !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(190px, 0.86fr) minmax(270px, 1.22fr) minmax(190px, 0.86fr) !important;
  max-width: none !important;
  padding: clamp(18px, 2.3vw, 30px) !important;
}

body.marketing-home #request-example .visual-flow-arrow {
  display: none !important;
}

body.marketing-home .demo-step-number {
  align-items: center !important;
  background: #0f1715 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  height: 34px !important;
  justify-content: center !important;
  width: 34px !important;
}

body.marketing-home #request-example .product-demo-request,
body.marketing-home #request-example .product-demo-actions {
  align-items: start !important;
  border-radius: 22px !important;
  display: grid !important;
  gap: 14px !important;
  min-height: 100% !important;
}

body.marketing-home #request-example .product-demo-request {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.98)) !important;
  border-color: rgba(37, 99, 235, 0.16) !important;
}

body.marketing-home #request-example .product-demo-actions {
  background: linear-gradient(135deg, rgba(13, 123, 112, 0.11), rgba(255, 255, 255, 0.98)) !important;
  border-color: rgba(13, 123, 112, 0.22) !important;
}

body.marketing-home .product-demo-offer-stage {
  display: grid !important;
  gap: 12px !important;
}

body.marketing-home .demo-stage-heading {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.035) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 18px !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: auto 1fr !important;
  padding: 12px !important;
}

body.marketing-home .demo-stage-heading strong {
  color: #0f1715 !important;
  display: block !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

body.marketing-home .demo-stage-heading small {
  color: #52605b !important;
  display: block !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-top: 3px !important;
}

body.marketing-home #request-example .product-demo-offer-stack {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}

body.marketing-home #request-example .product-demo-offer {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(78px, 0.42fr) 1fr !important;
  min-height: 0 !important;
  padding: 12px !important;
}

body.marketing-home #request-example .demo-offer-label {
  grid-column: 1 / -1 !important;
}

body.marketing-home #request-example .demo-price {
  min-height: 52px !important;
}

body.marketing-home #request-example .product-demo-actions small {
  color: #52605b !important;
  display: block !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-top: 5px !important;
}

body.marketing-home #request-example .product-demo-action-pills {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr !important;
  margin-top: 14px !important;
}

body.marketing-home #request-example .product-demo-action-pills span {
  border-radius: 999px !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 9px 12px !important;
}

@media (max-width: 1100px) {
  body.marketing-home #request-example.marketing-product-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #request-example .product-demo-copy {
    max-width: 760px !important;
  }
}

@media (max-width: 860px) {
  body.marketing-home #request-example .request-fulfillment-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #request-example .product-demo-request,
  body.marketing-home #request-example .product-demo-actions {
    min-height: 0 !important;
  }
}

@media (max-width: 560px) {
  body.marketing-home #request-example .product-demo-offer {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-15 request demo headline fix. */
body.marketing-home #request-example.marketing-product-demo {
  grid-template-columns: minmax(300px, 390px) minmax(0, 1fr) !important;
}

body.marketing-home #request-example .product-demo-copy {
  max-width: 390px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body.marketing-home #request-example .product-demo-copy h2 {
  font-size: clamp(2.35rem, 3.6vw, 3.75rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  max-width: 11ch !important;
  overflow: visible !important;
  text-wrap: balance !important;
  word-break: normal !important;
}

body.marketing-home #request-example .product-demo-copy p:not(.eyebrow) {
  max-width: 34ch !important;
}

@media (max-width: 1180px) {
  body.marketing-home #request-example.marketing-product-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #request-example .product-demo-copy,
  body.marketing-home #request-example .product-demo-copy p:not(.eyebrow) {
    max-width: 720px !important;
  }

  body.marketing-home #request-example .product-demo-copy h2 {
    max-width: 100% !important;
  }
}

/* 2026-08-15 example section redesign: larger, visual, less text-heavy. */
body.marketing-home #request-example.marketing-product-demo {
  display: grid !important;
  gap: clamp(22px, 3vw, 36px) !important;
  grid-template-columns: 1fr !important;
  padding: clamp(28px, 4vw, 56px) !important;
}

body.marketing-home #request-example .product-demo-copy {
  max-width: 820px !important;
  text-align: left !important;
}

body.marketing-home #request-example .product-demo-copy h2 {
  font-size: clamp(2.25rem, 5vw, 4.25rem) !important;
  line-height: 0.98 !important;
  max-width: 12ch !important;
}

body.marketing-home #request-example .product-demo-copy p:not(.eyebrow) {
  color: #4f5c58 !important;
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  max-width: 58ch !important;
}

body.marketing-home #request-example .request-fulfillment-demo {
  grid-template-columns: minmax(230px, 0.9fr) minmax(360px, 1.45fr) minmax(230px, 0.9fr) !important;
  min-height: 440px !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

body.marketing-home #request-example .product-demo-request,
body.marketing-home #request-example .product-demo-actions {
  align-content: start !important;
  gap: 18px !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

body.marketing-home #request-example .product-demo-request strong,
body.marketing-home #request-example .demo-stage-heading strong,
body.marketing-home #request-example .product-demo-offer strong,
body.marketing-home #request-example .product-demo-actions strong {
  color: #0f1715 !important;
  font-size: clamp(1.05rem, 1.15vw, 1.18rem) !important;
  line-height: 1.12 !important;
}

body.marketing-home #request-example .product-demo-request > div:last-child,
body.marketing-home #request-example .product-demo-actions > div {
  display: grid !important;
  gap: 7px !important;
}

body.marketing-home .demo-request-visual {
  align-items: end !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(20, 184, 166, 0.12)) !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-radius: 22px !important;
  display: grid !important;
  height: 118px !important;
  justify-items: center !important;
  padding: 18px !important;
  width: 100% !important;
}

body.marketing-home .demo-laptop-screen {
  background: #eefdfa !important;
  border: 5px solid #183946 !important;
  border-radius: 10px !important;
  display: block !important;
  height: 62px !important;
  width: 88px !important;
}

body.marketing-home .demo-laptop-base {
  background: #98c9ea !important;
  border-radius: 999px !important;
  display: block !important;
  height: 8px !important;
  margin-top: 6px !important;
  width: 76px !important;
}

body.marketing-home #request-example .product-demo-offer {
  grid-template-columns: minmax(94px, 0.38fr) 1fr !important;
  min-height: 104px !important;
}

body.marketing-home #request-example .demo-price {
  font-size: clamp(1.8rem, 2.4vw, 2.35rem) !important;
}

body.marketing-home #request-example .product-demo-offer small,
body.marketing-home #request-example .product-demo-request small,
body.marketing-home #request-example .product-demo-actions small,
body.marketing-home #request-example .demo-stage-heading small {
  color: #53615d !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.marketing-home #request-example .product-demo-action-pills {
  margin-top: 12px !important;
}

@media (max-width: 980px) {
  body.marketing-home #request-example .request-fulfillment-demo {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  body.marketing-home #request-example .product-demo-copy h2 {
    max-width: 100% !important;
  }
}

/* 2026-08-15 marketplace preview layout fix: remove cramped split layout. */
body.marketing-home #market-preview.guest-market-preview {
  background:
    radial-gradient(circle at top right, rgba(13, 123, 112, 0.1), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 248, 0.92)) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 32px !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.08) !important;
  display: grid !important;
  gap: clamp(22px, 3vw, 36px) !important;
  grid-template-columns: 1fr !important;
  overflow: visible !important;
  padding: clamp(30px, 4vw, 58px) !important;
}

body.marketing-home #market-preview .marketplace-tabs-heading {
  margin: 0 auto !important;
  max-width: 820px !important;
  overflow: visible !important;
  text-align: center !important;
}

body.marketing-home #market-preview .marketplace-tabs-heading .eyebrow {
  align-items: center !important;
  background: rgba(13, 123, 112, 0.1) !important;
  border: 1px solid rgba(13, 123, 112, 0.14) !important;
  border-radius: 999px !important;
  color: #006b5f !important;
  display: inline-flex !important;
  font-size: 0.78rem !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 auto 12px !important;
  max-width: max-content !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
}

body.marketing-home #market-preview .marketplace-tabs-heading h2 {
  color: #0f1715 !important;
  font-size: clamp(2.4rem, 5vw, 4.25rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  margin: 0 !important;
}

body.marketing-home #market-preview .marketplace-tabs-heading p:not(.eyebrow) {
  color: #4f5c58 !important;
  font-size: clamp(1rem, 1.3vw, 1.16rem) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  margin: 12px auto 0 !important;
  max-width: 56ch !important;
}

body.marketing-home #market-preview .marketplace-preview-tabs {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.08) !important;
  margin: 0 auto !important;
  max-width: 1180px !important;
  padding: clamp(18px, 2.5vw, 30px) !important;
  width: 100% !important;
}

body.marketing-home #market-preview .marketplace-preview-tab-buttons {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.04) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 6px !important;
  margin: 0 0 22px !important;
  padding: 6px !important;
}

body.marketing-home #market-preview .marketplace-preview-tab-buttons label {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 0.88rem !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 11px 18px !important;
  white-space: nowrap !important;
}

body.marketing-home #market-preview .marketplace-preview-panel {
  min-height: 330px !important;
}

body.marketing-home #market-preview .guest-preview-row {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(14px, 2vw, 20px) !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
}

body.marketing-home #market-preview .guest-preview-card {
  align-content: start !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 1fr !important;
  min-height: 250px !important;
  padding: 18px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body.marketing-home #market-preview .guest-preview-card:hover {
  border-color: rgba(13, 123, 112, 0.24) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.09) !important;
  transform: translateY(-2px) !important;
}

body.marketing-home #market-preview .guest-product-mock,
body.marketing-home #market-preview .guest-request-icon {
  height: 132px !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.marketing-home #market-preview .guest-preview-card > div:not(.guest-product-mock):not(.guest-request-icon) {
  align-content: start !important;
  display: grid !important;
  gap: 7px !important;
}

body.marketing-home #market-preview .guest-preview-card span {
  color: #53615d !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.marketing-home #market-preview .guest-preview-card strong {
  color: #0f1715 !important;
  font-size: clamp(1.12rem, 1.35vw, 1.36rem) !important;
  line-height: 1.08 !important;
}

body.marketing-home #market-preview .guest-preview-card small {
  color: #596762 !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.marketing-home #market-preview .guest-preview-card em {
  align-items: center !important;
  align-self: end !important;
  background: rgba(13, 123, 112, 0.1) !important;
  border-radius: 999px !important;
  color: #006b5f !important;
  display: inline-flex !important;
  font-size: 0.82rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  justify-content: center !important;
  justify-self: start !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
}

body.marketing-home #market-preview .marketplace-preview-link {
  margin-top: 22px !important;
}

@media (max-width: 900px) {
  body.marketing-home #market-preview .guest-preview-row {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.marketing-home #market-preview.guest-market-preview {
    border-radius: 24px !important;
    padding: 24px 16px !important;
  }

  body.marketing-home #market-preview .marketplace-preview-tabs {
    border-radius: 22px !important;
    padding: 14px !important;
  }

  body.marketing-home #market-preview .marketplace-preview-tab-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  body.marketing-home #market-preview .guest-preview-row {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-15 FAQ heading cleanup. */
body.marketing-home .guest-faq-section .faq-heading-clean {
  margin-bottom: clamp(20px, 3vw, 34px) !important;
  max-width: 820px !important;
}

body.marketing-home .guest-faq-section .faq-heading-clean h2 {
  color: #0f1715 !important;
  font-size: clamp(3rem, 7vw, 6.6rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
  margin: 0 !important;
}

body.marketing-home .guest-faq-section .faq-heading-clean p {
  color: #52605b !important;
  font-size: clamp(1rem, 1.4vw, 1.18rem) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  margin: 12px 0 0 !important;
  max-width: 56ch !important;
}

/* 2026-08-15 clearer marketplace examples and polished preview art. */
body.marketing-home #market-preview .marketplace-example-banner {
  align-items: center !important;
  background: #0f1715 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  justify-content: center !important;
  margin: 18px auto 0 !important;
  padding: 13px 18px !important;
}

body.marketing-home #market-preview .marketplace-example-banner strong {
  color: #ffffff !important;
  font-size: clamp(1rem, 1.4vw, 1.2rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.marketing-home #market-preview .marketplace-example-banner span {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(0.9rem, 1.2vw, 1.02rem) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body.marketing-home #market-preview .guest-product-mock,
body.marketing-home #market-preview .guest-request-icon {
  align-items: center !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.95), transparent 18%),
    radial-gradient(circle at 90% 10%, rgba(13, 123, 112, 0.14), transparent 24%),
    linear-gradient(135deg, #eefbfa, #eff5ff) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 16px 32px rgba(15, 23, 42, 0.08) !important;
  display: grid !important;
  justify-items: center !important;
  overflow: hidden !important;
  position: relative !important;
}

body.marketing-home #market-preview .guest-product-mock::before,
body.marketing-home #market-preview .guest-product-mock::after,
body.marketing-home #market-preview .guest-request-icon::before,
body.marketing-home #market-preview .guest-request-icon::after {
  display: none !important;
}

body.marketing-home #market-preview .guest-product-mock span,
body.marketing-home #market-preview .guest-request-icon span {
  display: block !important;
  position: absolute !important;
}

body.marketing-home #market-preview .phone-mock {
  background:
    radial-gradient(circle at 17% 16%, rgba(255, 255, 255, 0.92), transparent 18%),
    linear-gradient(145deg, #dff6f3, #eaf0ff) !important;
}

body.marketing-home #market-preview .mock-phone-body {
  background: linear-gradient(180deg, #25364a, #0f172a) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 0 0 4px rgba(255, 255, 255, 0.12),
    0 14px 24px rgba(15, 23, 42, 0.22) !important;
  height: 86px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 46px !important;
}

body.marketing-home #market-preview .mock-phone-camera {
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 999px !important;
  height: 5px !important;
  left: calc(50% - 9px) !important;
  top: calc(50% - 34px) !important;
  width: 18px !important;
}

body.marketing-home #market-preview .mock-phone-shine {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), transparent) !important;
  border-radius: 999px !important;
  height: 54px !important;
  left: calc(50% + 4px) !important;
  top: calc(50% - 24px) !important;
  transform: rotate(12deg) !important;
  width: 10px !important;
}

body.marketing-home #market-preview .camera-mock {
  background:
    radial-gradient(circle at 17% 16%, rgba(255, 255, 255, 0.95), transparent 18%),
    linear-gradient(145deg, #e4f8f5, #f0f4ff) !important;
}

body.marketing-home #market-preview .mock-camera-body {
  background: linear-gradient(180deg, #2f4054, #172333) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.16) !important;
  height: 58px !important;
  left: 50% !important;
  top: 54% !important;
  transform: translate(-50%, -50%) !important;
  width: 92px !important;
}

body.marketing-home #market-preview .mock-camera-lens {
  background:
    radial-gradient(circle, #0d7b70 0 35%, #eefdfa 36% 52%, #102333 53% 100%) !important;
  border-radius: 999px !important;
  height: 48px !important;
  left: 50% !important;
  top: 54% !important;
  transform: translate(-50%, -50%) !important;
  width: 48px !important;
}

body.marketing-home #market-preview .mock-camera-flash {
  background: #9be3d8 !important;
  border-radius: 8px !important;
  height: 12px !important;
  left: calc(50% - 42px) !important;
  top: calc(54% - 22px) !important;
  width: 24px !important;
}

body.marketing-home #market-preview .desk-mock {
  background:
    radial-gradient(circle at 17% 16%, rgba(255, 255, 255, 0.9), transparent 18%),
    linear-gradient(145deg, #e9faf5, #f5f2e9) !important;
}

body.marketing-home #market-preview .mock-desk-top {
  background: linear-gradient(180deg, #2f4054, #1e2d3a) !important;
  border-radius: 8px !important;
  height: 16px !important;
  left: 50% !important;
  top: 45% !important;
  transform: translate(-50%, -50%) !important;
  width: 92px !important;
}

body.marketing-home #market-preview .mock-desk-leg {
  background: #0d7b70 !important;
  border-radius: 999px !important;
  height: 48px !important;
  top: 50% !important;
  width: 8px !important;
}

body.marketing-home #market-preview .mock-desk-leg-left {
  left: calc(50% - 30px) !important;
}

body.marketing-home #market-preview .mock-desk-leg-right {
  left: calc(50% + 22px) !important;
}

body.marketing-home #market-preview .ipad-request {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.92), transparent 18%),
    linear-gradient(145deg, #eef4ff, #e8fbf8) !important;
}

body.marketing-home #market-preview .mock-tablet-screen {
  background: #243645 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 0 0 7px #eaf9f6, 0 14px 24px rgba(15, 23, 42, 0.14) !important;
  height: 84px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 70px !important;
}

body.marketing-home #market-preview .mock-tablet-home {
  background: rgba(234, 249, 246, 0.9) !important;
  border-radius: 999px !important;
  height: 7px !important;
  left: 50% !important;
  top: calc(50% + 31px) !important;
  transform: translateX(-50%) !important;
  width: 7px !important;
}

body.marketing-home #market-preview .mock-pencil {
  background: linear-gradient(90deg, #0d7b70, #8be1d1) !important;
  border-radius: 999px !important;
  height: 8px !important;
  left: calc(50% + 25px) !important;
  top: calc(50% - 34px) !important;
  transform: rotate(55deg) !important;
  width: 46px !important;
}

body.marketing-home #market-preview .game-request {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.92), transparent 18%),
    linear-gradient(145deg, #ecf6ff, #edf9f6) !important;
}

body.marketing-home #market-preview .mock-console-body {
  background: #eefdfa !important;
  border: 6px solid #243645 !important;
  border-radius: 12px !important;
  height: 52px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 68px !important;
}

body.marketing-home #market-preview .mock-console-left,
body.marketing-home #market-preview .mock-console-right {
  background: #243645 !important;
  border-radius: 14px !important;
  height: 60px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
}

body.marketing-home #market-preview .mock-console-left {
  left: calc(50% - 55px) !important;
}

body.marketing-home #market-preview .mock-console-right {
  left: calc(50% + 33px) !important;
}

body.marketing-home #market-preview .bike-request {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.92), transparent 18%),
    linear-gradient(145deg, #edf9f6, #f6f2e8) !important;
}

body.marketing-home #market-preview .mock-bike-wheel {
  border: 7px solid #243645 !important;
  border-radius: 999px !important;
  bottom: 24px !important;
  height: 34px !important;
  width: 34px !important;
}

body.marketing-home #market-preview .mock-bike-back {
  left: calc(50% - 58px) !important;
}

body.marketing-home #market-preview .mock-bike-front {
  left: calc(50% + 24px) !important;
}

body.marketing-home #market-preview .mock-bike-frame {
  border-bottom: 7px solid #0d7b70 !important;
  border-left: 7px solid #0d7b70 !important;
  height: 34px !important;
  left: calc(50% - 29px) !important;
  top: 48px !important;
  transform: skewX(-24deg) !important;
  width: 58px !important;
}

@media (max-width: 640px) {
body.marketing-home #market-preview .marketplace-example-banner {
    align-items: flex-start !important;
    border-radius: 16px !important;
    display: grid !important;
    justify-content: stretch !important;
    text-align: left !important;
  }
}

/* 2026-08-15 request example width fix. */
body.marketing-home #request-example .request-fulfillment-demo {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(16px, 2vw, 22px) !important;
  grid-template-areas:
    "request actions"
    "offers offers" !important;
  grid-template-columns: minmax(420px, 1.15fr) minmax(280px, 0.85fr) !important;
  min-height: 0 !important;
}

body.marketing-home #request-example .visual-flow-request {
  align-items: center !important;
  grid-area: request !important;
  grid-template-columns: auto minmax(135px, 170px) minmax(0, 1fr) !important;
  min-width: 0 !important;
}

body.marketing-home #request-example .product-demo-offer-stage {
  grid-area: offers !important;
}

body.marketing-home #request-example .visual-flow-actions {
  grid-area: actions !important;
}

body.marketing-home #request-example .visual-flow-request > div:last-child {
  min-width: 0 !important;
}

body.marketing-home #request-example .visual-flow-request > div:last-child span {
  display: block !important;
  margin-bottom: 6px !important;
  white-space: nowrap !important;
}

body.marketing-home #request-example .visual-flow-request strong {
  display: block !important;
  font-size: clamp(1.45rem, 2.2vw, 2.15rem) !important;
  line-height: 1.04 !important;
  max-width: 100% !important;
}

body.marketing-home #request-example .visual-flow-request small {
  display: block !important;
  font-size: clamp(0.95rem, 1.15vw, 1.08rem) !important;
  line-height: 1.35 !important;
  margin-top: 8px !important;
  max-width: 44ch !important;
}

body.marketing-home #request-example .visual-flow-request .demo-request-visual {
  height: 148px !important;
  min-width: 135px !important;
  width: 100% !important;
}

body.marketing-home #request-example .product-demo-offer-stage .product-demo-offer-stack {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.marketing-home #request-example .product-demo-offer-stage .product-demo-offer {
  grid-template-columns: 1fr !important;
}

body.marketing-home #request-example .product-demo-offer-stage .demo-price {
  justify-self: start !important;
  min-width: 118px !important;
}

@media (max-width: 1050px) {
  body.marketing-home #request-example .request-fulfillment-demo {
    grid-template-areas:
      "request"
      "offers"
      "actions" !important;
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #request-example .product-demo-offer-stage .product-demo-offer-stack {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.marketing-home #request-example .visual-flow-request {
    grid-template-columns: auto 1fr !important;
  }

  body.marketing-home #request-example .visual-flow-request .demo-request-visual {
    grid-column: 1 / -1 !important;
    height: 132px !important;
  }
}

/* 2026-08-15 tighten homepage gap between two-path explainer and example. */
body.marketing-home #how-it-works.marketing-section {
  margin-bottom: clamp(22px, 3vw, 44px) !important;
}

body.marketing-home #request-example.marketing-section {
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  body.marketing-home #how-it-works.marketing-section {
    margin-bottom: 22px !important;
  }
}

/* 2026-08-15 keep owner listing actions on one clean row. */
.own-listing-card .card-footer {
  gap: 12px !important;
}

.own-listing-card .card-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
}

.own-listing-card .card-actions .edit-request,
.own-listing-card .card-actions .card-markdown-action,
.own-listing-card .card-actions .trash-card-action,
.own-listing-card .card-actions .manager-card-delete-action {
  margin: 0 !important;
}

.own-listing-card .card-actions .edit-request {
  flex: 0 0 auto !important;
  min-width: 56px !important;
  padding-inline: 14px !important;
}

.own-listing-card .card-actions .card-markdown-action {
  flex: 1 1 auto !important;
  min-width: 104px !important;
  padding-inline: 12px !important;
}

.own-listing-card .card-actions .trash-card-action,
.own-listing-card .card-actions .manager-card-delete-action {
  align-items: center !important;
  background: #dc3545 !important;
  border-color: #dc3545 !important;
  border-radius: 12px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 42px !important;
  padding: 0 !important;
  width: 42px !important;
}

.own-listing-card .card-actions .trash-card-action:hover,
.own-listing-card .card-actions .trash-card-action:focus-visible,
.own-listing-card .card-actions .manager-card-delete-action:hover,
.own-listing-card .card-actions .manager-card-delete-action:focus-visible {
  background: #b42334 !important;
  border-color: #b42334 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* 2026-08-21 request/listing card consistency pass. Keep last. */
.rail,
.listing-rail,
.seller-listings-grid {
  grid-template-columns: repeat(auto-fill, minmax(304px, 1fr)) !important;
  gap: 18px !important;
  padding-inline: 6px !important;
}

.want-card,
.seller-listing-card {
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
}

.want-card .card-topline {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 30px !important;
}

.want-card .card-topline .distance {
  display: none !important;
}

.want-card h3,
.seller-listing-card h3 {
  margin: 2px 0 0 !important;
}

.want-card .details,
.seller-listing-card .details {
  min-height: 44px !important;
  overflow: hidden !important;
}

.want-card .meta-grid,
.seller-listing-card .meta-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 10px 0 6px !important;
}

.want-card .meta-grid span,
.seller-listing-card .meta-grid span {
  min-height: 64px !important;
  padding: 10px 11px !important;
}

.want-card .card-footer,
.seller-listing-card .card-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-top: 2px !important;
  min-height: 0 !important;
}

.want-card .card-footer-info,
.seller-listing-card .card-footer-info {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  line-height: 1.25 !important;
  max-width: 100% !important;
}

.want-card .posted-by-line,
.seller-listing-card .posted-by-line,
.card-footer-info .posted-by-line {
  color: #111614 !important;
  display: block !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.22 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.want-card .posted-age,
.seller-listing-card .posted-age,
.card-footer-info .posted-age {
  color: #66736d !important;
  display: block !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  text-transform: none !important;
}

.card-footer-info .posted-by-line::after {
  content: none !important;
}

.want-card .card-actions,
.seller-listing-card .card-actions {
  gap: 8px !important;
  max-height: 0 !important;
  min-height: 0 !important;
}

.want-card:hover .card-actions,
.want-card:focus-within .card-actions,
.want-card.actions-open .card-actions,
.seller-listing-card:hover .card-actions,
.seller-listing-card:focus-within .card-actions,
.seller-listing-card.actions-open .card-actions {
  max-height: 130px !important;
  min-height: 38px !important;
}

@media (max-width: 760px) {
  .rail,
  .listing-rail,
  .seller-listings-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-inline: 0 !important;
  }

  .want-card .meta-grid,
  .seller-listing-card .meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026-08-21 message/save card actions. Keep this at the end so card actions do not stack or vanish. */
.card-message-action {
  align-items: center;
  background:
    linear-gradient(rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72)),
    color-mix(in srgb, var(--mode, #0f766e) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--mode, #0f766e) 28%, var(--line, #dfe7e3));
  border-radius: 12px;
  color: var(--mode-dark, #111827);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 950;
  justify-content: center;
  min-height: 38px;
  min-width: 0;
  padding: 0 12px;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    color 0.16s ease,
    opacity 0.14s ease,
    transform 0.14s ease,
    visibility 0.14s ease;
  white-space: nowrap;
}

.card-message-action:hover,
.card-message-action:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.48)),
    color-mix(in srgb, var(--mode, #0f766e) 24%, transparent);
  border-color: color-mix(in srgb, var(--mode, #0f766e) 42%, var(--line, #dfe7e3));
  box-shadow: 0 10px 22px color-mix(in srgb, var(--mode, #0f766e) 12%, transparent);
  transform: translateY(-1px);
}

.make-offer,
.make-listing-offer,
.save-card-action,
.pin-request,
.edit-request,
.card-markdown-action,
.card-message-action,
.manager-card-delete-action,
.trash-card-action {
  opacity: 0;
  pointer-events: none;
  transform: translateY(3px);
  visibility: hidden;
}

.want-card:hover .make-offer,
.want-card:focus-within .make-offer,
.want-card.actions-open .make-offer,
.want-card:hover .make-listing-offer,
.want-card:focus-within .make-listing-offer,
.want-card.actions-open .make-listing-offer,
.want-card:hover .save-card-action,
.want-card:focus-within .save-card-action,
.want-card.actions-open .save-card-action,
.want-card:hover .pin-request,
.want-card:focus-within .pin-request,
.want-card.actions-open .pin-request,
.want-card:hover .edit-request,
.want-card:focus-within .edit-request,
.want-card.actions-open .edit-request,
.want-card:hover .card-markdown-action,
.want-card:focus-within .card-markdown-action,
.want-card.actions-open .card-markdown-action,
.want-card:hover .card-message-action,
.want-card:focus-within .card-message-action,
.want-card.actions-open .card-message-action,
.want-card:hover .manager-card-delete-action,
.want-card:focus-within .manager-card-delete-action,
.want-card.actions-open .manager-card-delete-action,
.want-card:hover .trash-card-action,
.want-card:focus-within .trash-card-action,
.want-card.actions-open .trash-card-action {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.want-card .card-actions,
.seller-listing-card .card-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

.want-card:hover .card-actions,
.want-card:focus-within .card-actions,
.want-card.actions-open .card-actions,
.seller-listing-card:hover .card-actions,
.seller-listing-card:focus-within .card-actions,
.seller-listing-card.actions-open .card-actions {
  max-height: 140px !important;
  min-height: 38px !important;
  opacity: 1 !important;
}

.card-actions .save-card-action,
.card-actions .pin-request,
.card-actions .edit-request,
.card-actions .card-markdown-action {
  flex: 0 0 auto !important;
  order: 10 !important;
}

.card-actions .card-message-action {
  flex: 1 1 122px !important;
  order: 15 !important;
}

.card-actions .make-offer,
.card-actions .make-listing-offer {
  flex: 1 1 148px !important;
  order: 20 !important;
}

.card-actions .trash-card-action,
.card-actions .manager-card-delete-action {
  flex: 0 0 42px !important;
  order: 30 !important;
}

.card-actions .trash-card-action,
.card-actions .manager-card-delete-action,
.want-card .trash-card-action,
.want-card .manager-card-delete-action,
button[data-delete-listing].trash-card-action,
button[data-delete-listing].manager-card-delete-action,
.delete-request.trash-card-action {
  align-items: center !important;
  background: #c93642 !important;
  border: 1px solid rgba(190, 45, 55, 0.55) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(190, 45, 55, 0.18) !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 42px !important;
  padding: 0 !important;
  position: relative !important;
  width: 42px !important;
}

.card-actions .trash-card-action span,
.card-actions .manager-card-delete-action span,
.want-card .trash-card-action span,
.want-card .manager-card-delete-action span {
  display: none !important;
}

.card-actions .trash-card-action::before,
.card-actions .manager-card-delete-action::before,
.want-card .trash-card-action::before,
.want-card .manager-card-delete-action::before {
  display: none !important;
  background: currentColor;
  border-radius: 2px 2px 3px 3px;
  box-shadow:
    inset 4px 0 0 rgba(201, 54, 66, 0.95),
    inset -4px 0 0 rgba(201, 54, 66, 0.95);
  content: "";
  height: 15px;
  left: 50%;
  position: absolute;
  top: 15px;
  transform: translateX(-50%);
  width: 12px;
}

.card-actions .trash-card-action::after,
.card-actions .manager-card-delete-action::after,
.want-card .trash-card-action::after,
.want-card .manager-card-delete-action::after {
  display: none !important;
  background: currentColor;
  border-radius: 999px;
  box-shadow: 0 -3px 0 -1px currentColor;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  top: 10px;
  transform: translateX(-50%);
  width: 16px;
}

.card-actions .trash-card-action:hover,
.card-actions .trash-card-action:focus-visible,
.card-actions .manager-card-delete-action:hover,
.card-actions .manager-card-delete-action:focus-visible,
.want-card .trash-card-action:hover,
.want-card .trash-card-action:focus-visible,
.want-card .manager-card-delete-action:hover,
.want-card .manager-card-delete-action:focus-visible {
  background: #a9212f !important;
  border-color: #a9212f !important;
  box-shadow: 0 12px 24px rgba(169, 33, 47, 0.28) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.trash-card-action .trash-card-icon,
.manager-card-delete-action .trash-card-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.card-actions [hidden] {
  display: none !important;
}

@media (min-width: 380px) {
  .card-actions .save-card-action,
  .card-actions .pin-request {
    flex-basis: 82px !important;
  }
}

@media (max-width: 420px) {
  .card-actions .card-message-action,
  .card-actions .make-offer,
  .card-actions .make-listing-offer {
    flex-basis: 100% !important;
  }
}

/* 2026-08-21 action typography consistency. Keep last. */
.card-actions > button,
.card-actions > a,
.card-message-action,
.make-offer,
.make-listing-offer,
.save-card-action,
.pin-request,
.edit-request,
.card-markdown-action,
.manager-card-delete-action,
.trash-card-action,
.dashboard-create-action,
.primary-action,
.secondary-action,
.notification-open-action,
.section-see-all,
.filter-toggle-button {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.card-actions .card-message-action,
.card-actions .make-offer,
.card-actions .make-listing-offer {
  min-height: 38px !important;
  padding: 0 13px !important;
}

.card-actions .save-card-action,
.card-actions .pin-request,
.card-actions .edit-request,
.card-actions .card-markdown-action {
  min-height: 38px !important;
  padding: 0 12px !important;
}

.card-actions .trash-card-action,
.card-actions .manager-card-delete-action {
  font-size: 0 !important;
}

/* 2026-08-21 quieter transactions page. Keep last. */
#transactionsView.dashboard-view {
  background: #f7f8fa !important;
  border-radius: 18px !important;
  min-height: calc(100vh - 120px) !important;
  padding: clamp(16px, 2vw, 24px) !important;
}

#transactionsView .account-transactions {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 14px !important;
  max-width: 1540px !important;
  padding: 0 !important;
}

#transactionsView .transactions-overview-card,
#transactionsView .account-transaction-tools,
#transactionsView .transactions-empty-state {
  backdrop-filter: none !important;
  background: #fff !important;
  border: 1px solid rgba(17, 24, 39, 0.1) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

#transactionsView .transactions-overview-card {
  border-radius: 18px !important;
  grid-template-columns: minmax(260px, 0.56fr) minmax(0, 1fr) !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

#transactionsView .transactions-overview-card .panel-label,
#transactionsView .account-transaction-tools .panel-label {
  background: #f6f7f8 !important;
  border-color: rgba(17, 24, 39, 0.12) !important;
  color: #4b5563 !important;
}

#transactionsView .transactions-overview-card strong {
  color: #080808 !important;
}

#transactionsView .transactions-overview-card p,
#transactionsView .account-transaction-tools-heading p,
#transactionsView .transactions-empty-state p {
  color: #5f6770 !important;
}

#transactionsView .transactions-summary-grid {
  gap: 10px !important;
}

#transactionsView .transactions-summary-grid span,
#transactionsView .transactions-summary-grid span:nth-child(1),
#transactionsView .transactions-summary-grid span:nth-child(2),
#transactionsView .transactions-summary-grid span:nth-child(3),
#transactionsView .transactions-summary-grid span:nth-child(4),
#transactionsView .transactions-summary-grid span:nth-child(5) {
  background: #fafafa !important;
  border: 1px solid rgba(17, 24, 39, 0.08) !important;
  border-radius: 14px !important;
  min-height: 76px !important;
  padding: 13px 14px !important;
}

#transactionsView .transactions-summary-grid span::after {
  display: none !important;
}

#transactionsView .transactions-summary-grid small {
  color: #6b7280 !important;
}

#transactionsView .transactions-summary-grid strong {
  color: #111827 !important;
}

#transactionsView .account-transaction-tools {
  border-radius: 18px !important;
  padding: 16px !important;
}

#transactionsView .account-transaction-filters input,
#transactionsView .account-transaction-filters select {
  background: #fff !important;
  border-color: rgba(17, 24, 39, 0.12) !important;
}

#transactionsView .account-transaction-filters input:focus,
#transactionsView .account-transaction-filters select:focus {
  border-color: rgba(17, 24, 39, 0.34) !important;
  box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.08) !important;
}

#transactionsView .transactions-empty-state {
  align-content: center !important;
  border-radius: 18px !important;
  color: #111827 !important;
  justify-items: center !important;
  min-height: clamp(190px, 24vh, 260px) !important;
  padding: clamp(22px, 4vw, 36px) !important;
  text-align: center !important;
}

#transactionsView .transactions-empty-state::before {
  background: #f2f4f7 !important;
  border: 1px solid rgba(17, 24, 39, 0.12) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

#transactionsView .transactions-empty-state .empty-action,
#transactionsView .transactions-empty-state button {
  background: #111827 !important;
  border-color: #111827 !important;
}

@media (max-width: 1180px) {
  #transactionsView .transactions-overview-card {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-21 compact markdown price cards. Keep last. */
.seller-listing-card .meta-grid {
  align-items: stretch !important;
}

.seller-listing-card .meta-grid > span {
  align-content: start !important;
  min-height: 0 !important;
}

.seller-listing-card .meta-grid .listing-price-stack {
  display: grid !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

.seller-listing-card .listing-price-stack > span {
  display: grid !important;
  gap: 2px !important;
}

.seller-listing-card .listing-original-price,
.seller-listing-card .listing-current-price {
  margin: 0 !important;
}

.seller-listing-card .listing-original-price > span,
.seller-listing-card .listing-current-price > span {
  color: #68716d !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.seller-listing-card .listing-price-stack s {
  color: #67706b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.seller-listing-card .listing-price-stack strong {
  color: var(--discount-green) !important;
  font-size: 1.12rem !important;
  line-height: 1.05 !important;
}

.seller-listing-card .listing-discount-text {
  display: block !important;
  margin-top: 2px !important;
  color: var(--discount-green) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

/* 2026-08-21 stable sidebar collapse hover. Keep last. */
.sidebar-collapse-toggle {
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    border-radius 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    transform 160ms ease !important;
}

.sidebar-collapse-toggle:hover,
.sidebar-collapse-toggle:focus-visible,
body.sidebar-collapsed .sidebar-collapse-toggle:hover,
body.sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
  border-color: rgba(17, 17, 17, 0.32) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: #111 !important;
  box-shadow: 0 14px 30px rgba(20, 32, 28, 0.2) !important;
  transform: translateX(-50%) scale(1.04) !important;
}

.sidebar-collapse-toggle:hover span,
.sidebar-collapse-toggle:focus-visible span {
  border-width: 2px !important;
}

@media (max-width: 980px) {
  .sidebar-collapse-toggle:hover,
  .sidebar-collapse-toggle:focus-visible,
  body.sidebar-collapsed .sidebar-collapse-toggle:hover,
  body.sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
    transform: scale(1.04) !important;
  }
}

/* 2026-08-22 compact seller listing price tile. Keep last. */
.seller-listing-card .meta-grid {
  align-items: start !important;
  grid-auto-rows: auto !important;
}

.seller-listing-card .meta-grid > span {
  height: auto !important;
  align-self: start !important;
}

.seller-listing-card .meta-grid > .listing-price-meta {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-price-stack,
.seller-listing-card .meta-grid > .listing-price-meta .listing-price-stack > span,
.seller-listing-card .meta-grid > .listing-price-meta .listing-price-stack span {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-price-stack {
  display: grid !important;
  gap: 7px !important;
  align-content: start !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-original-price,
.seller-listing-card .meta-grid > .listing-price-meta .listing-current-price {
  display: grid !important;
  gap: 2px !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-original-price > span,
.seller-listing-card .meta-grid > .listing-price-meta .listing-current-price > span {
  color: #6d746f !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-price-stack s {
  color: #6d746f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-price-stack strong {
  color: var(--discount-green) !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.seller-listing-card .meta-grid > .listing-price-meta .listing-discount-text {
  display: block !important;
  color: var(--discount-green) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
}

/* 2026-08-22 polished manager account cards. Keep last. */
.manager-account-card {
  gap: 12px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(20, 32, 28, 0.1) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 16px 40px rgba(22, 34, 29, 0.08) !important;
}

.manager-account-topline {
  align-items: center !important;
  gap: 14px !important;
}

.manager-account-topline > div {
  min-width: 0 !important;
}

.manager-account-topline .panel-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 118, 110, 0.16) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #7a5700 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

.manager-account-topline h3 {
  margin: 8px 0 0 !important;
  color: #101820 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

.manager-account-avatar {
  width: 44px !important;
  height: 44px !important;
  border-color: rgba(20, 32, 28, 0.1) !important;
  background: #f3f8f6 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.74) !important;
}

.manager-account-summary {
  gap: 9px !important;
}

.manager-account-summary > span {
  gap: 7px !important;
  min-height: 0 !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(217, 226, 221, 0.75) !important;
  background: rgba(248, 251, 249, 0.88) !important;
}

.manager-account-summary small {
  color: #58635e !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.manager-email-value {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.manager-email-value strong {
  min-width: 0 !important;
  color: #101820 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.copy-email-button {
  min-width: 66px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border-color: rgba(17, 24, 39, 0.12) !important;
  background: #fff !important;
  color: #101820 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 6px 14px rgba(20, 32, 28, 0.06) !important;
}

.copy-email-button:hover,
.copy-email-button:focus-visible {
  border-color: rgba(15, 118, 110, 0.34) !important;
  background: rgba(15, 118, 110, 0.08) !important;
  transform: none !important;
}

@media (max-width: 520px) {
  .manager-account-card {
    padding: 16px !important;
  }

  .manager-email-value {
    grid-template-columns: 1fr !important;
  }

  .copy-email-button {
    justify-self: start !important;
  }
}

/* 2026-08-22 listing card product summary. Keep last. */
.seller-listing-card .listing-card-summary {
  display: grid !important;
  gap: 10px !important;
  margin: 12px 0 8px !important;
}

.seller-listing-card .listing-price-panel {
  display: grid !important;
  gap: 6px !important;
  min-height: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(15, 118, 110, 0.12) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(232, 248, 240, 0.86), rgba(255, 255, 255, 0.94)) !important;
}

.seller-listing-card .listing-price-panel > small {
  color: #58635e !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.seller-listing-card .listing-price-panel > strong {
  color: #101820 !important;
  font-size: 1.36rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.seller-listing-card .listing-price-panel .listing-price-stack,
.seller-listing-card .listing-price-panel .listing-original-price,
.seller-listing-card .listing-price-panel .listing-current-price {
  display: grid !important;
  min-height: 0 !important;
  gap: 2px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.seller-listing-card .listing-price-panel .listing-price-stack {
  gap: 7px !important;
}

.seller-listing-card .listing-price-panel .listing-original-price > span,
.seller-listing-card .listing-price-panel .listing-current-price > span {
  color: #66736d !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.seller-listing-card .listing-price-panel .listing-price-stack s {
  color: #66736d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}

.seller-listing-card .listing-price-panel .listing-price-stack strong {
  color: var(--discount-green) !important;
  font-size: 1.36rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.seller-listing-card .listing-price-panel .listing-discount-text {
  color: var(--discount-green) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.seller-listing-card .listing-card-facts {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(217, 226, 221, 0.76) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  overflow: hidden !important;
}

.seller-listing-card .listing-card-facts > div {
  display: grid !important;
  grid-template-columns: minmax(64px, 0.62fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid rgba(217, 226, 221, 0.68) !important;
}

.seller-listing-card .listing-card-facts > div:last-child {
  border-bottom: 0 !important;
}

.seller-listing-card .listing-card-facts dt,
.seller-listing-card .listing-card-facts dd {
  margin: 0 !important;
  min-width: 0 !important;
}

.seller-listing-card .listing-card-facts dt {
  color: #66736d !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.seller-listing-card .listing-card-facts dd {
  color: #101820 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}

/* 2026-08-22 card timestamp cleanup. Keep last. */
.want-card .card-topline,
.seller-listing-card .card-topline {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  min-height: 26px !important;
}

.want-card .status-badges:empty,
.seller-listing-card .status-badges:empty {
  display: none !important;
}

.want-card .card-topline-age,
.seller-listing-card .card-topline-age {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  color: #68736e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: right !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.want-card .card-footer-info,
.seller-listing-card .card-footer-info {
  display: block !important;
  min-height: 18px !important;
  line-height: 1.25 !important;
}

.want-card .posted-by-line,
.seller-listing-card .posted-by-line,
.card-footer-info .posted-by-line {
  display: inline !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.card-footer-info .posted-by-line::after,
.card-footer-info .buyer:not(:empty)::after {
  content: none !important;
}

/* 2026-08-23 homepage marketplace examples: make listings visual-first and requests clearly wanted. */
body.marketing-home #market-preview .marketplace-preview-tabs {
  max-width: 1240px !important;
}

body.marketing-home #market-preview .marketplace-preview-panel {
  min-height: 0 !important;
}

body.marketing-home #market-preview .guest-preview-row {
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 26px) !important;
  grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
}

body.marketing-home #market-preview .guest-preview-card {
  border-radius: 28px !important;
  gap: 14px !important;
  min-height: 420px !important;
  padding: 14px !important;
}

body.marketing-home #market-preview .marketplace-items-panel .guest-product-preview {
  grid-template-rows: minmax(260px, 1fr) auto !important;
}

body.marketing-home #market-preview .guest-product-mock {
  aspect-ratio: 4 / 3 !important;
  border-radius: 24px !important;
  height: auto !important;
  min-height: clamp(260px, 26vw, 330px) !important;
}

body.marketing-home #market-preview .guest-product-preview > div:last-child,
body.marketing-home #market-preview .marketplace-requests-panel .guest-preview-card > div:last-child {
  background: transparent !important;
  display: grid !important;
  gap: 8px !important;
  padding: 0 4px 4px !important;
}

body.marketing-home #market-preview .guest-preview-card span {
  color: #1458ce !important;
  font-size: 0.76rem !important;
}

body.marketing-home #market-preview .guest-preview-card strong {
  font-size: clamp(1.24rem, 1.45vw, 1.55rem) !important;
  line-height: 1.06 !important;
}

body.marketing-home #market-preview .guest-preview-card small {
  color: #596762 !important;
  font-size: 0.98rem !important;
  line-height: 1.28 !important;
}

body.marketing-home #market-preview .guest-product-preview em,
body.marketing-home #market-preview .marketplace-requests-panel .guest-preview-card em {
  margin-top: 2px !important;
}

body.marketing-home #market-preview .phone-mock .mock-phone-body {
  border-radius: 26px !important;
  height: clamp(154px, 14vw, 200px) !important;
  width: clamp(80px, 7.2vw, 104px) !important;
}

body.marketing-home #market-preview .phone-mock .mock-phone-camera {
  height: 8px !important;
  left: calc(50% - 16px) !important;
  top: calc(50% - 75px) !important;
  width: 32px !important;
}

body.marketing-home #market-preview .phone-mock .mock-phone-shine {
  height: 100px !important;
  left: calc(50% + 13px) !important;
  top: calc(50% - 54px) !important;
  width: 16px !important;
}

body.marketing-home #market-preview .camera-mock .mock-camera-body {
  border-radius: 28px !important;
  height: clamp(104px, 10vw, 138px) !important;
  width: clamp(160px, 15vw, 208px) !important;
}

body.marketing-home #market-preview .camera-mock .mock-camera-lens {
  height: clamp(82px, 7.5vw, 102px) !important;
  width: clamp(82px, 7.5vw, 102px) !important;
}

body.marketing-home #market-preview .camera-mock .mock-camera-flash {
  height: 22px !important;
  left: calc(50% - 74px) !important;
  top: calc(54% - 50px) !important;
  width: 42px !important;
}

body.marketing-home #market-preview .desk-mock .mock-desk-top {
  border-radius: 12px !important;
  height: 24px !important;
  width: clamp(160px, 16vw, 220px) !important;
}

body.marketing-home #market-preview .desk-mock .mock-desk-leg {
  height: clamp(82px, 8vw, 112px) !important;
  width: 12px !important;
}

body.marketing-home #market-preview .desk-mock .mock-desk-leg-left {
  left: calc(50% - 58px) !important;
}

body.marketing-home #market-preview .desk-mock .mock-desk-leg-right {
  left: calc(50% + 46px) !important;
}

body.marketing-home #market-preview .marketplace-requests-panel .guest-preview-card {
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(20, 88, 206, 0.45), rgba(13, 123, 112, 0.35)) border-box !important;
  border: 1px solid transparent !important;
  grid-template-rows: minmax(250px, 1fr) auto !important;
}

body.marketing-home #market-preview .marketplace-requests-panel .guest-request-icon {
  align-content: center !important;
  aspect-ratio: 4 / 3 !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.95), transparent 18%),
    linear-gradient(145deg, #edf4ff, #eefbf6) !important;
  border: 1px dashed rgba(20, 88, 206, 0.42) !important;
  border-radius: 24px !important;
  display: grid !important;
  gap: 10px !important;
  height: auto !important;
  justify-items: center !important;
  min-height: clamp(250px, 25vw, 320px) !important;
  padding: 24px !important;
  text-align: center !important;
}

body.marketing-home #market-preview .marketplace-requests-panel .guest-request-icon span {
  display: none !important;
}

body.marketing-home #market-preview .marketplace-requests-panel .guest-request-icon::before {
  align-items: center !important;
  background: #0f1715 !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.18) !important;
  color: #ffffff !important;
  content: "WANTED" !important;
  display: inline-flex !important;
  font-size: clamp(2.2rem, 4.2vw, 4rem) !important;
  font-weight: 950 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 18px 24px !important;
  transform: rotate(-2deg) !important;
}

body.marketing-home #market-preview .marketplace-requests-panel .guest-request-icon::after {
  color: #1458ce !important;
  content: "Buyer request example" !important;
  display: block !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px) {
  body.marketing-home #market-preview .guest-preview-row {
    grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
  }

  body.marketing-home #market-preview .guest-preview-card {
    min-height: 390px !important;
  }
}

@media (max-width: 640px) {
  body.marketing-home #market-preview .guest-preview-row {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #market-preview .guest-preview-card {
    min-height: 0 !important;
  }

  body.marketing-home #market-preview .guest-product-mock,
  body.marketing-home #market-preview .marketplace-requests-panel .guest-request-icon {
    min-height: 240px !important;
  }
}

/* 2026-08-23 homepage preview proportions v2. Keep after earlier homepage card rules. */
body.marketing-home #market-preview .guest-product-preview,
body.marketing-home #market-preview .guest-request-preview {
  min-height: clamp(430px, 36vw, 520px) !important;
}

body.marketing-home #market-preview .guest-product-preview {
  grid-template-rows: minmax(300px, 0.72fr) minmax(96px, auto) !important;
}

body.marketing-home #market-preview .guest-request-preview {
  grid-template-rows: minmax(292px, 0.7fr) minmax(104px, auto) !important;
}

body.marketing-home #market-preview .guest-product-preview .guest-product-mock,
body.marketing-home #market-preview .guest-request-preview .guest-request-icon {
  height: 100% !important;
  min-height: 0 !important;
}

body.marketing-home #market-preview .guest-product-preview > div:last-child,
body.marketing-home #market-preview .guest-request-preview > div:last-child {
  align-self: stretch !important;
  min-height: 0 !important;
}

body.marketing-home #market-preview .guest-request-preview .guest-request-icon {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.96), transparent 17%),
    linear-gradient(145deg, #eff5ff 0%, #f7fbff 48%, #ecfbf7 100%) !important;
}

body.marketing-home #market-preview .guest-request-preview .guest-request-icon::before {
  min-width: min(78%, 280px) !important;
}

body.marketing-home #market-preview .guest-request-preview > div:last-child strong {
  max-width: 16ch !important;
}

@media (max-width: 900px) {
  body.marketing-home #market-preview .guest-product-preview,
  body.marketing-home #market-preview .guest-request-preview {
    min-height: 430px !important;
  }
}

@media (max-width: 640px) {
  body.marketing-home #market-preview .guest-product-preview,
  body.marketing-home #market-preview .guest-request-preview {
    min-height: 410px !important;
  }

  body.marketing-home #market-preview .guest-product-preview,
  body.marketing-home #market-preview .guest-request-preview {
    grid-template-rows: minmax(270px, 0.68fr) auto !important;
  }
}

/* 2026-08-26 homepage clarity pass. Keep this after older homepage overrides. */
body.marketing-home .guest-intro-hero.marketing-hero {
  padding-block: clamp(28px, 4vw, 60px) clamp(56px, 7vw, 96px) !important;
}

body.marketing-home .marketing-hero-grid {
  min-height: auto !important;
  padding-block: clamp(44px, 7vw, 94px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  max-width: 760px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  max-width: 660px !important;
}

body.marketing-home .marketing-hero-actions .primary-action {
  box-shadow: 0 16px 36px rgba(0, 112, 90, 0.2) !important;
}

body.marketing-home .marketing-hero-actions .secondary-action {
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: #0f1715 !important;
}

body.marketing-home .marketing-quiet-link {
  color: rgba(15, 23, 42, 0.68) !important;
  display: inline-flex !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  margin-top: 12px !important;
  text-decoration: none !important;
}

body.marketing-home .marketing-quiet-link:hover {
  color: #075f52 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body.marketing-home .marketing-section {
  margin-top: clamp(46px, 6vw, 92px) !important;
}

body.marketing-home #how-it-works.marketing-section {
  margin-top: clamp(32px, 5vw, 68px) !important;
}

body.marketing-home .marketing-two-paths {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: clamp(14px, 2.8vw, 26px) 0 !important;
}

body.marketing-home .path-flow-grid {
  gap: clamp(18px, 2.4vw, 28px) !important;
  margin-inline: auto !important;
  max-width: 1100px !important;
}

body.marketing-home .path-flow-card {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 0 !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.08) !important;
}

body.marketing-home .path-flow-chain {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

body.marketing-home .path-flow-chain span {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.045) !important;
  border-radius: 999px !important;
  color: #0f1715 !important;
  display: inline-flex !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  padding: 9px 12px !important;
}

body.marketing-home .path-flow-chain span:not(:last-child)::after {
  color: rgba(15, 23, 42, 0.45) !important;
  content: "→" !important;
  margin-left: 9px !important;
}

body.marketing-home .path-flow-list {
  display: none !important;
}

body.marketing-home #market-preview.guest-market-preview {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(22px, 3vw, 42px) !important;
  grid-template-columns: minmax(260px, 0.76fr) minmax(540px, 1.24fr) !important;
  margin-top: clamp(40px, 5vw, 78px) !important;
  padding: clamp(30px, 5vw, 58px) !important;
}

body.marketing-home #market-preview .marketplace-tabs-heading {
  align-self: center !important;
  max-width: 520px !important;
  text-align: left !important;
}

body.marketing-home #market-preview .marketplace-tabs-heading h2 {
  font-size: clamp(2.35rem, 4vw, 4.7rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.96 !important;
}

body.marketing-home .marketplace-example-banner {
  align-items: start !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 0 !important;
  border-radius: 18px !important;
  display: grid !important;
  gap: 4px !important;
  margin-top: 18px !important;
  padding: 14px 16px !important;
}

body.marketing-home .marketplace-example-banner strong {
  color: #075f52 !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body.marketing-home .marketplace-example-banner span {
  color: rgba(15, 23, 42, 0.66) !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

body.marketing-home #market-preview .marketplace-preview-tabs {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 0 !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.08) !important;
}

body.marketing-home #market-preview .marketplace-preview-radio {
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 1px !important;
}

body.marketing-home #market-preview .marketplace-preview-tab-buttons {
  background: rgba(15, 23, 42, 0.055) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 4px !important;
  padding: 5px !important;
}

body.marketing-home #market-preview .marketplace-preview-tab-buttons label {
  border-radius: 999px !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 12px 18px !important;
}

body.marketing-home #previewItemsTab:checked ~ .marketplace-preview-tab-buttons label[for="previewItemsTab"],
body.marketing-home #previewRequestsTab:checked ~ .marketplace-preview-tab-buttons label[for="previewRequestsTab"] {
  background: #0f1715 !important;
  color: #ffffff !important;
}

body.marketing-home #market-preview .guest-preview-row {
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.marketing-home #market-preview .guest-product-preview,
body.marketing-home #market-preview .guest-request-preview {
  display: grid !important;
  gap: 14px !important;
  min-height: clamp(430px, 36vw, 520px) !important;
  padding: 14px !important;
}

body.marketing-home #market-preview .guest-product-preview {
  grid-template-rows: minmax(300px, 0.72fr) minmax(96px, auto) !important;
}

body.marketing-home #market-preview .guest-request-preview {
  background: linear-gradient(180deg, #eef7f5, #ffffff) !important;
  grid-template-rows: minmax(292px, 0.7fr) minmax(104px, auto) !important;
}

body.marketing-home #market-preview .guest-product-mock,
body.marketing-home #market-preview .guest-request-icon {
  border-radius: 24px !important;
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
}

body.marketing-home #market-preview .guest-product-preview > div:last-child,
body.marketing-home #market-preview .guest-request-preview > div:last-child {
  align-self: stretch !important;
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 0 4px 4px !important;
}

body.marketing-home #market-preview .guest-preview-card span {
  color: #1458ce !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body.marketing-home #market-preview .marketplace-requests-panel .guest-preview-card span {
  color: #075f52 !important;
}

body.marketing-home #market-preview .guest-preview-card strong {
  font-size: clamp(1.22rem, 1.45vw, 1.52rem) !important;
  line-height: 1.06 !important;
}

body.marketing-home #market-preview .guest-preview-card small {
  color: #596762 !important;
  font-size: 0.98rem !important;
  line-height: 1.28 !important;
}

body.marketing-home #request-example.marketing-product-demo {
  grid-template-columns: minmax(260px, 0.5fr) minmax(640px, 1fr) !important;
  margin-top: clamp(44px, 6vw, 86px) !important;
  padding: clamp(32px, 5vw, 64px) !important;
}

body.marketing-home #request-example .request-fulfillment-demo {
  align-items: stretch !important;
  grid-template-areas:
    "request offers"
    "request actions" !important;
  grid-template-columns: minmax(250px, 0.82fr) minmax(360px, 1.18fr) !important;
  min-height: 430px !important;
}

body.marketing-home #request-example .visual-flow-request {
  grid-area: request !important;
}

body.marketing-home #request-example .product-demo-offer-stage {
  grid-area: offers !important;
}

body.marketing-home #request-example .visual-flow-actions {
  grid-area: actions !important;
}

body.marketing-home #request-example .demo-step-number {
  display: none !important;
}

body.marketing-home #request-example .visual-flow-request strong,
body.marketing-home #request-example .demo-stage-heading strong,
body.marketing-home #request-example .product-demo-actions strong {
  font-size: clamp(1.35rem, 2.2vw, 2.05rem) !important;
  line-height: 1.05 !important;
}

body.marketing-home #request-example .product-demo-request {
  grid-template-columns: 1fr !important;
}

body.marketing-home #request-example .demo-request-visual {
  margin-bottom: 8px !important;
  min-height: 168px !important;
  width: 100% !important;
}

body.marketing-home #request-example .product-demo-offer {
  align-items: center !important;
  grid-template-columns: auto 1fr !important;
}

body.marketing-home #request-example .product-demo-action-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

body.marketing-home .guest-compare-table {
  display: grid !important;
  gap: 14px !important;
}

body.marketing-home .guest-compare-table [role="row"]:first-child {
  display: none !important;
}

body.marketing-home .guest-compare-table [role="row"] {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.05) !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  padding: 18px !important;
}

body.marketing-home .guest-compare-table [role="row"]::before {
  background: #0b6b5d !important;
  border-radius: 999px !important;
  color: #fff !important;
  content: "→" !important;
  display: inline-grid !important;
  font-weight: 950 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  height: 34px !important;
  place-items: center !important;
  width: 34px !important;
}

body.marketing-home .guest-compare-table [role="cell"]:first-child {
  color: rgba(15, 23, 42, 0.56) !important;
  font-weight: 850 !important;
}

body.marketing-home .guest-compare-table [role="cell"]:last-child {
  color: #0b6b5d !important;
  font-weight: 950 !important;
}

body.marketing-home .guest-trust-grid-clean article {
  border: 0 !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06) !important;
}

body.marketing-home .guest-faq-grid details {
  border: 0 !important;
}

body.marketing-home .guest-faq-grid details:not([open]) p {
  display: none !important;
}

body.marketing-home .intent-cta-grid article {
  border: 0 !important;
  min-height: 210px !important;
}

body.marketing-home .guest-public-footer {
  align-items: start !important;
  grid-template-columns: minmax(180px, 0.7fr) minmax(180px, 0.8fr) minmax(280px, 1.4fr) !important;
}

body.marketing-home .guest-public-footer nav {
  display: grid !important;
  gap: 10px 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  justify-items: start !important;
}

@media (max-width: 980px) {
  body.marketing-home #market-preview.guest-market-preview,
  body.marketing-home #request-example.marketing-product-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #request-example .request-fulfillment-demo {
    grid-template-areas:
      "request"
      "offers"
      "actions" !important;
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #market-preview .guest-preview-row {
    grid-template-columns: 1fr !important;
  }

body.marketing-home .guest-public-footer,
body.marketing-home .guest-public-footer nav {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-29 marketplace clarity pass. Keep at end. */
.category-discovery {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: -4px 0 18px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scrollbar-width: thin;
}

.category-discovery button {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  color: rgba(15, 23, 42, 0.72);
  cursor: pointer;
  flex: 0 0 auto;
  font: 900 0.82rem/1 Inter, Arial, sans-serif;
  min-height: 34px;
  padding: 0 14px;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.category-discovery button:hover,
.category-discovery button:focus-visible {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  color: #101820;
  outline: 0;
  transform: translateY(-1px);
}

.category-discovery button.active {
  background: #101820;
  border-color: #101820;
  color: #fff;
}

body.seller-mode .category-discovery button.active {
  background: #7a5c00;
  border-color: #7a5c00;
}

.request-feed-heading,
.listing-feed-heading {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 10px !important;
}

.request-feed-heading h2,
.listing-feed-heading h2 {
  letter-spacing: 0 !important;
}

.rail,
.listing-rail,
.seller-listings-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr)) !important;
  padding: 2px 2px 22px !important;
}

.want-card,
.seller-listing-card {
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07) !important;
  gap: 10px !important;
  overflow: hidden !important;
  padding: 16px !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

.want-card:hover,
.want-card:focus-within,
.want-card.actions-open,
.seller-listing-card:hover,
.seller-listing-card:focus-within,
.seller-listing-card.actions-open {
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12) !important;
  transform: translateY(-3px) !important;
}

.seller-listing-card .listing-product-image {
  aspect-ratio: 4 / 3 !important;
  background: linear-gradient(135deg, #eef7f5, #f8fafc) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
  display: block !important;
  margin: 2px 0 4px !important;
  max-height: 220px !important;
  min-height: 168px !important;
  overflow: hidden !important;
  width: 100% !important;
}

.seller-listing-card .listing-product-image img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

.seller-listing-card .listing-card-summary {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}

.seller-listing-card .listing-price-panel {
  align-items: start !important;
  display: grid !important;
  gap: 4px !important;
  min-height: 0 !important;
  padding: 12px !important;
}

.seller-listing-card .listing-card-facts {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.seller-listing-card .listing-card-facts div {
  min-height: 64px !important;
}

.want-card:not(.seller-listing-card) {
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
  border-color: rgba(37, 99, 235, 0.16) !important;
}

.want-card:not(.seller-listing-card) .card-topline::before {
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 999px;
  color: #1d4ed8;
  content: "Wanted";
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  padding: 7px 10px;
  text-transform: uppercase;
}

.want-card:not(.seller-listing-card) .condition-pill {
  order: 2;
}

.want-card:not(.seller-listing-card) .status-badges {
  order: 3;
}

.want-card:not(.seller-listing-card) .card-topline-age {
  margin-left: auto !important;
  order: 4;
}

.want-card .details,
.seller-listing-card .details {
  display: -webkit-box !important;
  min-height: 42px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.want-card .card-actions,
.seller-listing-card .card-actions {
  overflow: hidden !important;
  transition: max-height 160ms ease, opacity 160ms ease !important;
}

.empty {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px dashed rgba(15, 23, 42, 0.16) !important;
  border-radius: 22px !important;
  min-height: 220px !important;
}

.empty-content {
  max-width: 560px !important;
}

.empty-content h3 {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  line-height: 1.05 !important;
}

.empty-action {
  background: #101820 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  min-height: 42px !important;
  padding: 0 18px !important;
}

body.seller-mode .empty-action {
  background: #7a5c00 !important;
}

@media (max-width: 760px) {
  .rail,
  .listing-rail,
  .seller-listings-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .category-discovery {
    margin-bottom: 12px;
  }
}

body.marketing-home .guest-intro-hero.marketing-hero {
  min-height: auto !important;
  padding: clamp(38px, 5vw, 68px) 0 clamp(34px, 5vw, 58px) !important;
}

body.marketing-home .marketing-hero-grid {
  align-items: center !important;
  gap: clamp(30px, 5vw, 72px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr) !important;
  min-height: 0 !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(3.1rem, 6vw, 5.6rem) !important;
  line-height: 0.92 !important;
  max-width: 12ch !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy > p:not(.eyebrow) {
  font-size: clamp(1.05rem, 1.3vw, 1.28rem) !important;
  max-width: 48ch !important;
}

body.marketing-home .marketing-hero-actions .primary-action {
  background: #007f6d !important;
  border-color: #007f6d !important;
  box-shadow: 0 16px 34px rgba(0, 127, 109, 0.22) !important;
}

body.marketing-home .marketing-hero-actions .secondary-action {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: #101820 !important;
}

body.marketing-home .marketing-section {
  margin-block: clamp(48px, 7vw, 86px) !important;
}

body.marketing-home #market-preview.marketing-section {
  margin-top: clamp(36px, 5vw, 64px) !important;
}

body.marketing-home #how-it-works.marketing-section {
  margin-top: clamp(44px, 6vw, 72px) !important;
}

.hero-market-snapshot {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 28px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.1);
  display: grid;
  gap: 14px;
  padding: clamp(18px, 2vw, 26px);
}

.hero-snapshot-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  display: grid;
  gap: 8px;
  padding: 18px;
}

.hero-snapshot-card h2 {
  color: #101820;
  font-size: clamp(1.45rem, 2vw, 2rem);
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
}

.hero-snapshot-card p {
  color: rgba(15, 23, 42, 0.66);
  font-weight: 850;
  margin: 0;
}

.hero-snapshot-card strong {
  color: #0b6b5d;
  font-size: 1rem;
}

.hero-snapshot-label {
  color: #2563eb;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-snapshot-request {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.95));
}

.hero-snapshot-listing {
  align-items: center;
  grid-template-columns: 92px minmax(0, 1fr);
}

.hero-snapshot-image {
  aspect-ratio: 1;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 36%),
    linear-gradient(135deg, #dbf4f0, #edf5ff);
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
  position: relative;
}

.hero-snapshot-image::before {
  background: #173d4d;
  border-radius: 13px;
  box-shadow: inset 0 0 0 5px #e9fbf8;
  content: "";
  height: 58%;
  left: 28%;
  position: absolute;
  top: 18%;
  width: 44%;
}

.hero-snapshot-pills {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hero-snapshot-pills span {
  background: rgba(0, 127, 109, 0.1);
  border-radius: 999px;
  color: #006b5d;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1.1;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  body.marketing-home .guest-intro-hero.marketing-hero {
    padding: 38px 0 34px !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(2.65rem, 12vw, 3.8rem) !important;
    max-width: 11ch !important;
  }

  body.marketing-home .marketing-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .hero-snapshot-pills {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-08-29 marketplace-first refinement. Keep after older homepage rules. */
body.marketing-home {
  background:
    radial-gradient(circle at 18% 12%, rgba(37, 99, 235, 0.08), transparent 30%),
    radial-gradient(circle at 84% 8%, rgba(0, 127, 109, 0.1), transparent 26%),
    #f7faf9 !important;
}

body.marketing-home .marketing-shell,
body.marketing-home .marketing-nav,
body.marketing-home .marketing-hero-grid,
body.marketing-home .marketing-main,
body.marketing-home .guest-public-footer {
  max-width: min(1480px, calc(100vw - 48px)) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.marketing-home .guest-intro-hero.marketing-hero {
  border-radius: 0 0 34px 34px !important;
  padding: clamp(42px, 5vw, 74px) 0 clamp(44px, 5vw, 70px) !important;
}

body.marketing-home .marketing-hero-grid {
  grid-template-columns: minmax(430px, 1.02fr) minmax(400px, 0.88fr) !important;
  padding-inline: clamp(20px, 3vw, 42px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy {
  max-width: 760px !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(4rem, 6.2vw, 6.7rem) !important;
  line-height: 0.9 !important;
  max-width: 12ch !important;
}

body.marketing-home .marketing-quiet-link {
  color: rgba(15, 23, 42, 0.58) !important;
  display: inline-flex !important;
  font-size: 0.94rem !important;
  margin-top: 10px !important;
  text-decoration: none !important;
}

body.marketing-home .marketing-quiet-link:hover,
body.marketing-home .marketing-quiet-link:focus-visible {
  color: #007f6d !important;
}

body.marketing-home .hero-market-snapshot {
  gap: 16px !important;
  padding: clamp(22px, 2.4vw, 34px) !important;
}

body.marketing-home .hero-snapshot-card {
  border: 0 !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06) !important;
}

body.marketing-home .hero-snapshot-request {
  border-left: 5px solid #2563eb !important;
}

body.marketing-home .hero-snapshot-listing {
  border-left: 5px solid #007f6d !important;
}

body.marketing-home #market-preview.guest-market-preview {
  align-items: center !important;
  display: grid !important;
  gap: clamp(28px, 4vw, 64px) !important;
  grid-template-columns: minmax(320px, 0.62fr) minmax(560px, 1fr) !important;
  margin-top: clamp(42px, 5vw, 76px) !important;
}

body.marketing-home #market-preview .guest-section-heading {
  max-width: 520px !important;
}

body.marketing-home #market-preview .guest-section-heading h2 {
  font-size: clamp(3rem, 4.4vw, 5.4rem) !important;
  line-height: 0.94 !important;
  margin-bottom: 16px !important;
}

body.marketing-home .marketplace-example-banner {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  margin-top: 22px !important;
  padding: 10px 14px !important;
}

body.marketing-home .marketplace-example-banner strong {
  color: #101820 !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body.marketing-home .marketplace-example-banner span {
  color: rgba(15, 23, 42, 0.62) !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
}

body.marketing-home #market-preview .marketplace-preview-tabs {
  background: rgba(255, 255, 255, 0.76) !important;
  border: 0 !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 78px rgba(15, 23, 42, 0.08) !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
}

body.marketing-home #market-preview .marketplace-preview-tab-buttons {
  background: #f3f5f4 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 6px !important;
  margin-bottom: 22px !important;
  padding: 6px !important;
}

body.marketing-home #market-preview .marketplace-preview-tab-buttons label {
  border-radius: 999px !important;
  color: rgba(15, 23, 42, 0.64) !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  min-height: 42px !important;
  padding: 0 22px !important;
}

body.marketing-home #previewItemsTab:checked ~ .marketplace-preview-tab-buttons label[for="previewItemsTab"],
body.marketing-home #previewRequestsTab:checked ~ .marketplace-preview-tab-buttons label[for="previewRequestsTab"] {
  background: #101820 !important;
  color: #fff !important;
}

body.marketing-home #market-preview .guest-preview-row {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.marketing-home #market-preview .guest-preview-card {
  align-content: start !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07) !important;
  min-height: 330px !important;
  padding: 14px !important;
}

body.marketing-home #market-preview .guest-product-preview,
body.marketing-home #market-preview .guest-request-preview {
  grid-template-columns: 1fr !important;
}

body.marketing-home #market-preview .guest-product-mock,
body.marketing-home #market-preview .guest-request-icon {
  aspect-ratio: 1.28 / 1 !important;
  border-radius: 18px !important;
  height: auto !important;
  margin: 0 0 12px !important;
  width: 100% !important;
}

body.marketing-home #market-preview .guest-request-preview {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
  border-left: 4px solid rgba(37, 99, 235, 0.55) !important;
}

body.marketing-home #market-preview .guest-request-preview span {
  background: rgba(37, 99, 235, 0.1) !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  padding: 6px 9px !important;
  width: fit-content !important;
}

body.marketing-home #market-preview .guest-product-preview {
  background: #fff !important;
}

body.marketing-home #market-preview .guest-preview-card strong {
  font-size: clamp(1.18rem, 1.7vw, 1.6rem) !important;
  line-height: 1.05 !important;
  max-width: 12ch !important;
}

body.marketing-home #market-preview .guest-preview-card small {
  color: rgba(15, 23, 42, 0.62) !important;
  font-size: 0.95rem !important;
  line-height: 1.22 !important;
}

body.marketing-home #market-preview .guest-product-preview em,
body.marketing-home #market-preview .marketplace-requests-panel .guest-preview-card em {
  align-self: start !important;
  background: rgba(0, 127, 109, 0.1) !important;
  border-radius: 999px !important;
  color: #006b5d !important;
  font-style: normal !important;
  font-weight: 950 !important;
  margin-top: 4px !important;
  padding: 8px 12px !important;
}

body.marketing-home .marketing-two-paths {
  padding-block: clamp(38px, 5vw, 72px) !important;
}

body.marketing-home .marketing-two-paths .guest-section-heading {
  margin-inline: auto !important;
  max-width: 680px !important;
  text-align: center !important;
}

body.marketing-home .path-flow-card {
  border: 0 !important;
  border-top: 5px solid rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.06) !important;
}

body.marketing-home .path-flow-chain {
  display: grid !important;
  gap: 10px !important;
}

body.marketing-home .path-flow-chain span {
  align-items: center !important;
  background: rgba(15, 23, 42, 0.045) !important;
  border: 0 !important;
  border-radius: 14px !important;
  display: flex !important;
  gap: 10px !important;
  padding: 11px 12px !important;
}

body.marketing-home .path-flow-chain span::before {
  background: currentColor !important;
  border-radius: 999px !important;
  color: inherit !important;
  content: "" !important;
  display: inline-block !important;
  height: 8px !important;
  opacity: 0.5 !important;
  width: 8px !important;
}

body.marketing-home #request-example.marketing-product-demo {
  align-items: center !important;
  grid-template-columns: minmax(280px, 0.52fr) minmax(620px, 1fr) !important;
}

body.marketing-home #request-example .request-fulfillment-demo {
  grid-template-areas:
    "request offers"
    "actions offers" !important;
  grid-template-columns: minmax(240px, 0.52fr) minmax(420px, 1fr) !important;
  min-height: 0 !important;
}

body.marketing-home #request-example .product-demo-copy h2 {
  font-size: clamp(3rem, 5.2vw, 6rem) !important;
  line-height: 0.93 !important;
}

body.marketing-home #request-example .product-demo-request,
body.marketing-home #request-example .product-demo-actions,
body.marketing-home #request-example .product-demo-offer {
  border: 0 !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06) !important;
}

body.marketing-home #request-example .product-demo-offer-stage {
  display: grid !important;
  gap: 14px !important;
}

body.marketing-home #request-example .product-demo-offer-stack {
  gap: 14px !important;
}

body.marketing-home #request-example .product-demo-offer {
  grid-template-columns: minmax(98px, auto) 1fr !important;
  min-height: 104px !important;
  padding: 18px !important;
}

body.marketing-home #request-example .demo-price {
  align-self: center !important;
  font-size: clamp(2rem, 3.4vw, 3rem) !important;
}

body.marketing-home .guest-compare-table {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.marketing-home .guest-compare-table [role="row"] {
  grid-template-columns: 1fr !important;
  min-height: 180px !important;
}

body.marketing-home .guest-compare-table [role="row"]::before {
  grid-column: auto !important;
  grid-row: auto !important;
}

body.marketing-home .guest-compare-table [role="row"]:last-child {
  display: none !important;
}

body.marketing-home .guest-faq-section .guest-section-heading h2 {
  font-size: clamp(3.4rem, 6vw, 6.4rem) !important;
  line-height: 0.95 !important;
}

body.marketing-home .guest-faq-grid {
  align-items: start !important;
}

body.marketing-home .guest-faq-grid details {
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05) !important;
}

@media (max-width: 980px) {
  body.marketing-home .marketing-shell,
  body.marketing-home .marketing-nav,
  body.marketing-home .marketing-hero-grid,
  body.marketing-home .marketing-main,
  body.marketing-home .guest-public-footer {
    max-width: min(100% - 28px, 760px) !important;
  }

  body.marketing-home .marketing-hero-grid,
  body.marketing-home #market-preview.guest-market-preview,
  body.marketing-home #request-example.marketing-product-demo {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(3.2rem, 14vw, 5.2rem) !important;
    max-width: 11ch !important;
  }

  body.marketing-home #market-preview .guest-preview-row,
  body.marketing-home .guest-compare-table {
    grid-template-columns: 1fr !important;
  }

  body.marketing-home #request-example .request-fulfillment-demo {
    grid-template-areas:
      "request"
      "offers"
      "actions" !important;
    grid-template-columns: 1fr !important;
  }
}

/* 2026-09-04 app feed polish. Keep last: fixes oversized panels, cramped controls, and hover-only card actions. */
body:not(.marketing-home) {
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.08), transparent 32rem),
    radial-gradient(circle at 94% 2%, rgba(15, 118, 110, 0.08), transparent 34rem),
    #f6f8fb !important;
  color: #101820 !important;
  font-family: Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body:not(.marketing-home) .app-shell {
  grid-template-columns: 264px minmax(0, 1fr) !important;
  min-height: 100dvh !important;
}

body:not(.marketing-home).sidebar-collapsed .app-shell {
  grid-template-columns: 78px minmax(0, 1fr) !important;
}

body:not(.marketing-home) .market {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: clamp(14px, 1.5vw, 24px) !important;
}

body:not(.marketing-home) .topbar,
body:not(.marketing-home) .view-panel {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1560px, 100%) !important;
  width: 100% !important;
}

body:not(.marketing-home) .topbar {
  align-items: center !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.055) !important;
  margin-bottom: 2px !important;
  min-height: 76px !important;
  padding: 14px 16px !important;
}

body:not(.marketing-home) .topbar-heading {
  gap: 3px !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .topbar .eyebrow {
  font-size: 0.7rem !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .topbar-title-row .view-title {
  font-size: clamp(1.35rem, 1.55vw, 1.9rem) !important;
  line-height: 1.05 !important;
}

body:not(.marketing-home) .view-subtitle {
  color: #5f6b66 !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  max-width: 72ch !important;
}

body:not(.marketing-home) #buyerView,
body:not(.marketing-home) #browseView {
  display: none !important;
}

body:not(.marketing-home) #buyerView.active-view,
body:not(.marketing-home) #browseView.active-view {
  display: grid !important;
  gap: 14px !important;
}

body:not(.marketing-home) .marketplace-tabs-card {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.marketing-home) .marketplace-tabs-card > .marketplace-tabs {
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055) !important;
  display: inline-flex !important;
  gap: 4px !important;
  padding: 5px !important;
  width: fit-content !important;
}

body:not(.marketing-home) .marketplace-tab {
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  min-height: 34px !important;
  padding: 0 15px !important;
}

body:not(.marketing-home) .marketplace-tab.active,
body:not(.marketing-home) .marketplace-tab[aria-selected="true"] {
  background: #101820 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14) !important;
}

body:not(.marketing-home) #buyerView .buyer-listings-panel,
body:not(.marketing-home) #browseView .market-feed-section {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06) !important;
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: clamp(14px, 1.5vw, 20px) !important;
}

body:not(.marketing-home) .request-feed-heading,
body:not(.marketing-home) .listing-feed-heading {
  align-items: flex-end !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
}

body:not(.marketing-home) .request-feed-heading > div:first-child,
body:not(.marketing-home) .listing-feed-heading > div:first-child {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .request-feed-heading .feed-kicker,
body:not(.marketing-home) .listing-feed-heading .feed-kicker {
  color: #1458ce !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

body:not(.marketing-home) .request-feed-heading h2,
body:not(.marketing-home) .listing-feed-heading h2 {
  color: #101820 !important;
  font-size: clamp(1.85rem, 2.45vw, 2.75rem) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .request-feed-heading p,
body:not(.marketing-home) .listing-feed-heading p {
  color: #596762 !important;
  font-size: 0.94rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 68ch !important;
}

body:not(.marketing-home) .feed-heading-action {
  align-items: center !important;
  background: #f7faf9 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  justify-content: center !important;
  padding: 5px !important;
}

body:not(.marketing-home) .feed-heading-action > span {
  color: #66736d !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  padding-left: 8px !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .feed-heading-action .dashboard-create-action {
  background: #101820 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

body:not(.marketing-home) .feed-heading-action .dashboard-create-action:hover,
body:not(.marketing-home) .feed-heading-action .dashboard-create-action:focus-visible,
body:not(.marketing-home) .empty-action:hover,
body:not(.marketing-home) .empty-action:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18)),
    #101820 !important;
  color: #fff !important;
}

body:not(.marketing-home) .request-controls,
body:not(.marketing-home) .listing-controls {
  align-items: center !important;
  background: rgba(248, 250, 252, 0.82) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
  padding: 8px !important;
  position: relative !important;
}

body:not(.marketing-home) .request-controls .search,
body:not(.marketing-home) .listing-controls .search {
  min-width: 0 !important;
}

body:not(.marketing-home) .request-controls input[type="search"],
body:not(.marketing-home) .listing-controls input[type="search"] {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: #101820 !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  width: 100% !important;
}

body:not(.marketing-home) .filter-toggle-button {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: #101820 !important;
  display: inline-flex !important;
  gap: 7px !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 13px !important;
}

body:not(.marketing-home) .filter-toggle-button:hover,
body:not(.marketing-home) .filter-toggle-button:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.68)),
    rgba(16, 24, 32, 0.08) !important;
  color: #101820 !important;
  transform: none !important;
}

body:not(.marketing-home) .filter-panel {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.15) !important;
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
  right: 8px !important;
  top: calc(100% + 8px) !important;
  width: min(560px, calc(100vw - 32px)) !important;
  z-index: 30 !important;
}

body:not(.marketing-home) .filter-panel[hidden] {
  display: none !important;
}

body:not(.marketing-home) .category-discovery {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  overflow-x: auto !important;
  padding: 1px 0 4px !important;
}

body:not(.marketing-home) .category-discovery button {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 999px !important;
  color: #4b5a55 !important;
  flex: 0 0 auto !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  transform: none !important;
}

body:not(.marketing-home) .category-discovery button:hover,
body:not(.marketing-home) .category-discovery button:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.62)),
    rgba(15, 118, 110, 0.12) !important;
  color: #101820 !important;
  transform: none !important;
}

body:not(.marketing-home) .category-discovery button.active {
  background: #101820 !important;
  border-color: #101820 !important;
  color: #fff !important;
}

body:not(.marketing-home) .feed,
body:not(.marketing-home) #sellerListingsFeed {
  min-height: 0 !important;
  padding: 0 !important;
}

body:not(.marketing-home) .category-section {
  display: grid !important;
  gap: 12px !important;
}

body:not(.marketing-home) .section-header {
  align-items: end !important;
  border: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

body:not(.marketing-home) .section-header h2 {
  font-size: 1.18rem !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .section-header p {
  color: #66736d !important;
  font-size: 0.88rem !important;
  font-weight: 760 !important;
  margin: 3px 0 0 !important;
}

body:not(.marketing-home) .rail,
body:not(.marketing-home) .listing-rail,
body:not(.marketing-home) .seller-listings-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 342px), 1fr)) !important;
  padding: 0 !important;
}

body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-rows: auto auto auto auto 1fr auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 16px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body:not(.marketing-home) .want-card:hover,
body:not(.marketing-home) .want-card:focus-within,
body:not(.marketing-home) .want-card.actions-open,
body:not(.marketing-home) .seller-listing-card:hover,
body:not(.marketing-home) .seller-listing-card:focus-within,
body:not(.marketing-home) .seller-listing-card.actions-open {
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09) !important;
  transform: translateY(-2px) !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-color: rgba(37, 99, 235, 0.16) !important;
}

body:not(.marketing-home) .card-topline {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 30px !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) .card-topline::before {
  background: #eaf2ff !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-radius: 999px !important;
  color: #1458ce !important;
  content: "Wanted" !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 7px 10px !important;
  text-transform: uppercase !important;
}

body:not(.marketing-home) .condition-pill,
body:not(.marketing-home) .listing-pill {
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 0.73rem !important;
  font-weight: 950 !important;
  min-height: 26px !important;
  padding: 0 10px !important;
}

body:not(.marketing-home) .card-topline-age,
body:not(.marketing-home) .posted-age {
  color: #68736e !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  margin-left: auto !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .listing-card-context {
  color: #5f6b66 !important;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .want-card h3,
body:not(.marketing-home) .seller-listing-card h3 {
  color: #101820 !important;
  font-size: clamp(1.15rem, 1.1vw, 1.36rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  overflow-wrap: break-word !important;
}

body:not(.marketing-home) .want-card .details,
body:not(.marketing-home) .seller-listing-card .details {
  color: #596762 !important;
  display: -webkit-box !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
  margin: 0 !important;
  min-height: 2.5em !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body:not(.marketing-home) .request-card-images {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

body:not(.marketing-home) .request-card-images[hidden] {
  display: none !important;
}

body:not(.marketing-home) .request-card-image-button {
  aspect-ratio: 4 / 3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body:not(.marketing-home) .seller-listing-card .listing-product-image {
  aspect-ratio: 4 / 3 !important;
  background: linear-gradient(135deg, #edf7f5, #f7fafc) !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

body:not(.marketing-home) .seller-listing-card .listing-product-image img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-summary {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(128px, 0.82fr) minmax(150px, 1fr) !important;
  margin: 4px 0 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  align-content: center !important;
  background: linear-gradient(135deg, rgba(232, 248, 240, 0.82), #fff) !important;
  border: 1px solid rgba(15, 118, 110, 0.13) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 6px !important;
  min-height: 92px !important;
  padding: 12px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel > small,
body:not(.marketing-home) .seller-listing-card .listing-card-facts dt,
body:not(.marketing-home) .want-card .meta-grid small {
  color: #66736d !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel > strong,
body:not(.marketing-home) .seller-listing-card .listing-price-stack strong {
  color: #00875f !important;
  font-size: 1.7rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack {
  display: grid !important;
  gap: 5px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price,
body:not(.marketing-home) .seller-listing-card .listing-current-price {
  display: grid !important;
  gap: 2px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price > span,
body:not(.marketing-home) .seller-listing-card .listing-current-price > span {
  color: #66736d !important;
  font-size: 0.64rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack s {
  color: #66736d !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-discount-text {
  color: #00875f !important;
  font-size: 0.75rem !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts {
  background: #f8faf9 !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div {
  align-items: center !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.065) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(62px, 0.58fr) minmax(0, 1fr) !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div:last-child {
  border-bottom: 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts dd {
  color: #101820 !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  line-height: 1.13 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.marketing-home) .want-card .meta-grid {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 2px 0 0 !important;
}

body:not(.marketing-home) .want-card .meta-grid span {
  background: #f8faf9 !important;
  border: 1px solid rgba(15, 23, 42, 0.065) !important;
  border-radius: 13px !important;
  display: grid !important;
  gap: 4px !important;
  min-height: 62px !important;
  padding: 10px !important;
}

body:not(.marketing-home) .want-card .meta-grid strong {
  color: #101820 !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

body:not(.marketing-home) .want-card .card-footer,
body:not(.marketing-home) .seller-listing-card .card-footer {
  align-self: end !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  margin-top: 2px !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .card-footer-info {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .posted-by-line {
  color: #101820 !important;
  display: block !important;
  flex: 1 1 auto !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.marketing-home) .card-actions,
body:not(.marketing-home) .want-card .card-actions,
body:not(.marketing-home) .seller-listing-card .card-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-height: none !important;
  min-height: 38px !important;
  opacity: 1 !important;
  overflow: visible !important;
  width: 100% !important;
}

body:not(.marketing-home) .make-offer,
body:not(.marketing-home) .make-listing-offer,
body:not(.marketing-home) .save-card-action,
body:not(.marketing-home) .pin-request,
body:not(.marketing-home) .edit-request,
body:not(.marketing-home) .card-markdown-action,
body:not(.marketing-home) .card-message-action,
body:not(.marketing-home) .manager-card-delete-action,
body:not(.marketing-home) .trash-card-action {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

body:not(.marketing-home) .card-actions > button,
body:not(.marketing-home) .card-actions > a {
  border-radius: 11px !important;
  box-shadow: none !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  min-height: 38px !important;
  text-decoration: none !important;
}

body:not(.marketing-home) .card-actions .make-offer,
body:not(.marketing-home) .card-actions .make-listing-offer {
  background: #101820 !important;
  border: 1px solid #101820 !important;
  color: #fff !important;
  flex: 1 1 150px !important;
}

body:not(.marketing-home) .card-actions .card-message-action {
  background:
    linear-gradient(rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.66)),
    rgba(15, 118, 110, 0.14) !important;
  border: 1px solid rgba(15, 118, 110, 0.22) !important;
  color: #075f56 !important;
  flex: 1 1 132px !important;
}

body:not(.marketing-home) .card-actions .save-card-action,
body:not(.marketing-home) .card-actions .pin-request,
body:not(.marketing-home) .card-actions .edit-request,
body:not(.marketing-home) .card-actions .card-markdown-action {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #101820 !important;
  flex: 0 0 auto !important;
}

body:not(.marketing-home) .card-actions .trash-card-action,
body:not(.marketing-home) .card-actions .manager-card-delete-action,
body:not(.marketing-home) .want-card .trash-card-action,
body:not(.marketing-home) .want-card .manager-card-delete-action {
  align-items: center !important;
  background: #c93642 !important;
  border: 1px solid #c93642 !important;
  border-radius: 11px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 42px !important;
  padding: 0 !important;
  width: 42px !important;
}

body:not(.marketing-home) .card-actions > button:hover,
body:not(.marketing-home) .card-actions > button:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18)),
    var(--button-hover-base, currentColor) !important;
  color: inherit !important;
  transform: translateY(-1px) !important;
}

body:not(.marketing-home) .card-actions .make-offer:hover,
body:not(.marketing-home) .card-actions .make-offer:focus-visible,
body:not(.marketing-home) .card-actions .make-listing-offer:hover,
body:not(.marketing-home) .card-actions .make-listing-offer:focus-visible {
  --button-hover-base: #101820;
  color: #fff !important;
}

body:not(.marketing-home) .card-actions .trash-card-action:hover,
body:not(.marketing-home) .card-actions .trash-card-action:focus-visible,
body:not(.marketing-home) .card-actions .manager-card-delete-action:hover,
body:not(.marketing-home) .card-actions .manager-card-delete-action:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)),
    #a9212f !important;
  border-color: #a9212f !important;
  color: #fff !important;
}

body:not(.marketing-home) .trash-card-action .trash-card-icon,
body:not(.marketing-home) .manager-card-delete-action .trash-card-icon {
  display: block !important;
  fill: none !important;
  height: 18px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.1 !important;
  width: 18px !important;
}

body:not(.marketing-home) .card-actions [hidden],
body:not(.marketing-home) .want-card [hidden] {
  display: none !important;
}

body:not(.marketing-home) .empty {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.76)) !important;
  border: 1px dashed rgba(15, 23, 42, 0.14) !important;
  border-radius: 18px !important;
  display: grid !important;
  margin: 2px 0 0 !important;
  min-height: clamp(210px, 22vh, 280px) !important;
  padding: 28px 18px !important;
  place-items: center !important;
}

body:not(.marketing-home) .empty-content {
  display: grid !important;
  gap: 9px !important;
  justify-items: center !important;
  max-width: 520px !important;
  text-align: center !important;
}

body:not(.marketing-home) .empty-icon {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(15, 118, 110, 0.10)),
    #eef4ff !important;
  border: 1px solid rgba(37, 99, 235, 0.14) !important;
  border-radius: 14px !important;
  height: 42px !important;
  width: 42px !important;
}

body:not(.marketing-home) .empty h3 {
  color: #101820 !important;
  font-size: clamp(1.32rem, 1.6vw, 1.8rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .empty p {
  color: #596762 !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .empty-action {
  background: #101820 !important;
  border: 0 !important;
  border-radius: 11px !important;
  color: #fff !important;
  min-height: 40px !important;
  padding: 0 16px !important;
}

@media (min-width: 1580px) {
  body:not(.marketing-home) .rail,
  body:not(.marketing-home) .listing-rail,
  body:not(.marketing-home) .seller-listings-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body:not(.marketing-home) .app-shell,
  body:not(.marketing-home).sidebar-collapsed .app-shell {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body:not(.marketing-home) .request-feed-heading,
  body:not(.marketing-home) .listing-feed-heading {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body:not(.marketing-home) .feed-heading-action {
    align-self: flex-start !important;
  }

  body:not(.marketing-home) .seller-listing-card .listing-card-summary {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body:not(.marketing-home) .market {
    padding: 12px !important;
  }

  body:not(.marketing-home) .request-controls,
  body:not(.marketing-home) .listing-controls {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .filter-panel {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  body:not(.marketing-home) .filter-panel .range-filters,
  body:not(.marketing-home) .listing-filter-panel .range-filters {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .feed-heading-action {
    align-items: stretch !important;
    border-radius: 16px !important;
    display: grid !important;
    width: 100% !important;
  }

  body:not(.marketing-home) .feed-heading-action > span {
    padding-left: 0 !important;
    text-align: center !important;
  }

  body:not(.marketing-home) .want-card .meta-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-09-04 public hero overflow fix. Keep after prior marketing overrides. */
body.marketing-home .guest-intro-hero.marketing-hero {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 0 !important;
  padding: clamp(30px, 3.8vw, 52px) 0 clamp(32px, 4vw, 58px) !important;
  width: min(1480px, calc(100% - 32px)) !important;
}

body.marketing-home .marketing-hero-grid {
  min-height: 0 !important;
  padding-inline: clamp(16px, 2.5vw, 34px) !important;
}

body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
  font-size: clamp(3.45rem, 5.4vw, 5.95rem) !important;
}

body.marketing-home .hero-market-snapshot {
  max-width: 560px !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  body.marketing-home .guest-intro-hero.marketing-hero {
    border-radius: 0 0 26px 26px !important;
    padding: 28px 0 34px !important;
    width: min(100% - 28px, 760px) !important;
  }

  body.marketing-home .marketing-hero-grid .guest-hero-copy h1 {
    font-size: clamp(2.75rem, 11vw, 3.7rem) !important;
    line-height: 0.94 !important;
  }
}

/* 2026-09-05 request budget fields: replace the old budget-range callout with a normal optional input. */
body:not(.marketing-home) .buyer-request-fields .budget-min-field {
  align-content: start !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #596762 !important;
  display: grid !important;
  flex-direction: column !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  gap: 7px !important;
  grid-column: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

body:not(.marketing-home) .buyer-request-fields .budget-min-field[hidden] {
  display: grid !important;
}

body:not(.marketing-home) .budget-min-field .optional-label {
  align-items: center !important;
  background: rgba(15, 118, 110, 0.1) !important;
  border-radius: 999px !important;
  color: #075f56 !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  margin-left: 6px !important;
  padding: 5px 8px !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
}

body:not(.marketing-home) .buyer-request-fields .budget-min-field input {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #101820 !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  min-height: 44px !important;
  padding: 0 13px !important;
}

/* 2026-09-05 signed-in marketplace recovery. Keep last so the app fills the screen. */
body:not(.marketing-home) {
  --app-bg: #f5f7fb;
  --app-panel: rgba(255, 255, 255, 0.96);
  --app-border: rgba(15, 23, 42, 0.09);
  --app-text: #101820;
  --app-muted: #5b6862;
  --app-brand: #0f766e;
  --app-ink: #101820;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.92) 0%, rgba(248, 250, 252, 0.98) 42%, rgba(237, 249, 246, 0.9) 100%) !important;
  color: var(--app-text) !important;
  overflow-x: hidden !important;
}

body:not(.marketing-home) .app-shell {
  display: grid !important;
  grid-template-columns: 248px minmax(0, 1fr) !important;
  max-width: none !important;
  min-height: 100dvh !important;
  width: 100% !important;
}

body:not(.marketing-home).sidebar-collapsed .app-shell {
  grid-template-columns: 68px minmax(0, 1fr) !important;
}

body:not(.marketing-home) .market {
  align-content: start !important;
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: clamp(12px, 1.2vw, 22px) clamp(14px, 1.7vw, 30px) 44px !important;
  width: 100% !important;
}

body:not(.marketing-home) .topbar,
body:not(.marketing-home) .view-panel {
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body:not(.marketing-home) .topbar {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055) !important;
  display: flex !important;
  height: auto !important;
  justify-content: space-between !important;
  margin: 0 !important;
  min-height: 68px !important;
  padding: 12px 16px !important;
  position: sticky !important;
  top: 10px !important;
  z-index: 45 !important;
}

body:not(.marketing-home) .topbar-heading {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .topbar .eyebrow {
  color: #1458ce !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .topbar-title-row .view-title {
  color: var(--app-text) !important;
  font-size: clamp(1.35rem, 1.55vw, 2rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .view-subtitle {
  color: var(--app-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 78ch !important;
}

body:not(.marketing-home) .topbar-actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
}

body:not(.marketing-home).buyer-mode #headerSellerRating {
  display: none !important;
}

body:not(.marketing-home) #buyerView,
body:not(.marketing-home) #browseView {
  display: none !important;
}

body:not(.marketing-home) #buyerView.active-view,
body:not(.marketing-home) #browseView.active-view {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 16px !important;
  padding: 0 !important;
}

body:not(.marketing-home) .marketplace-tabs-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.marketing-home) .marketplace-tabs-card > .marketplace-tabs {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055) !important;
  display: inline-flex !important;
  gap: 4px !important;
  padding: 5px !important;
  width: fit-content !important;
}

body:not(.marketing-home) .marketplace-tab {
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  min-height: 34px !important;
  padding: 0 16px !important;
}

body:not(.marketing-home) .marketplace-tab.active,
body:not(.marketing-home) .marketplace-tab[aria-selected="true"] {
  background: var(--app-ink) !important;
  color: #fff !important;
}

body:not(.marketing-home) #buyerView .buyer-listings-panel,
body:not(.marketing-home) #browseView .market-feed-section,
body:not(.marketing-home) .dashboard-view.active-view:not(#buyerView):not(#browseView) {
  background: var(--app-panel) !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055) !important;
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding: clamp(16px, 1.45vw, 24px) !important;
  width: 100% !important;
}

body:not(.marketing-home) .request-feed-heading,
body:not(.marketing-home) .listing-feed-heading {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 0 14px !important;
}

body:not(.marketing-home) .request-feed-heading > div:first-child,
body:not(.marketing-home) .listing-feed-heading > div:first-child {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .request-feed-heading h2,
body:not(.marketing-home) .listing-feed-heading h2 {
  color: var(--app-text) !important;
  font-size: clamp(2rem, 2.35vw, 2.65rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .request-feed-heading p,
body:not(.marketing-home) .listing-feed-heading p {
  color: var(--app-muted) !important;
  font-size: 0.95rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 76ch !important;
}

body:not(.marketing-home) .feed-heading-action {
  align-items: center !important;
  background: #f6f8f8 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  justify-content: center !important;
  padding: 5px !important;
}

body:not(.marketing-home) .feed-heading-action > span {
  color: #68746f !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  padding-left: 8px !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .feed-heading-action .dashboard-create-action,
body:not(.marketing-home) .empty-action {
  background: var(--app-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  min-height: 36px !important;
  padding: 0 16px !important;
}

body:not(.marketing-home) .feed-heading-action .dashboard-create-action:hover,
body:not(.marketing-home) .feed-heading-action .dashboard-create-action:focus-visible,
body:not(.marketing-home) .empty-action:hover,
body:not(.marketing-home) .empty-action:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18)),
    var(--app-ink) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

body:not(.marketing-home) .request-controls,
body:not(.marketing-home) .listing-controls {
  align-items: center !important;
  background: rgba(248, 250, 252, 0.78) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
  padding: 8px !important;
  position: relative !important;
}

body:not(.marketing-home) .request-controls .search,
body:not(.marketing-home) .listing-controls .search {
  min-width: 0 !important;
}

body:not(.marketing-home) .request-controls input[type="search"],
body:not(.marketing-home) .listing-controls input[type="search"] {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: var(--app-text) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 13px !important;
  width: 100% !important;
}

body:not(.marketing-home) .filter-toggle-button {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 11px !important;
  color: var(--app-text) !important;
  display: inline-flex !important;
  gap: 7px !important;
  height: 40px !important;
  justify-content: center !important;
  padding: 0 14px !important;
}

body:not(.marketing-home) .filter-panel {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.15) !important;
  right: 8px !important;
  top: calc(100% + 8px) !important;
  width: min(560px, calc(100vw - 32px)) !important;
  z-index: 50 !important;
}

body:not(.marketing-home) .filter-panel[hidden] {
  display: none !important;
}

body:not(.marketing-home) .category-discovery {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  overflow-x: auto !important;
  padding: 2px 0 4px !important;
}

body:not(.marketing-home) .category-discovery button {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 999px !important;
  color: #4b5a55 !important;
  flex: 0 0 auto !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  transform: none !important;
}

body:not(.marketing-home) .category-discovery button:hover,
body:not(.marketing-home) .category-discovery button:focus-visible {
  background:
    linear-gradient(rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.62)),
    rgba(15, 118, 110, 0.12) !important;
  color: var(--app-text) !important;
  transform: none !important;
}

body:not(.marketing-home) .category-discovery button.active {
  background: var(--app-ink) !important;
  border-color: var(--app-ink) !important;
  color: #fff !important;
}

body:not(.marketing-home) .feed,
body:not(.marketing-home) #sellerListingsFeed {
  display: grid !important;
  gap: 16px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body:not(.marketing-home) .category-section {
  display: grid !important;
  gap: 12px !important;
}

body:not(.marketing-home) .section-header {
  align-items: end !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
}

body:not(.marketing-home) .rail,
body:not(.marketing-home) .listing-rail,
body:not(.marketing-home) .seller-listings-grid,
body:not(.marketing-home) .dashboard-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)) !important;
  padding: 0 !important;
}

body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card {
  align-content: start !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.09) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 11px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 16px !important;
  transform: none !important;
}

body:not(.marketing-home) .want-card:hover,
body:not(.marketing-home) .want-card:focus-within,
body:not(.marketing-home) .want-card.actions-open,
body:not(.marketing-home) .seller-listing-card:hover,
body:not(.marketing-home) .seller-listing-card:focus-within,
body:not(.marketing-home) .seller-listing-card.actions-open {
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.085) !important;
  transform: translateY(-1px) !important;
}

body:not(.marketing-home) .seller-listing-card .listing-product-image {
  align-items: center !important;
  aspect-ratio: 16 / 10 !important;
  background:
    linear-gradient(135deg, rgba(232, 244, 255, 0.98), rgba(232, 250, 246, 0.98)) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: grid !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 220px !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  width: 100% !important;
}

body:not(.marketing-home) .seller-listing-card .listing-product-image img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body:not(.marketing-home) .listing-product-placeholder .placeholder-mark {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1) !important;
  color: var(--app-brand) !important;
  display: grid !important;
  font-size: 2rem !important;
  font-weight: 950 !important;
  height: 72px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 72px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-summary {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  align-items: center !important;
  background: #f7faf9 !important;
  border: 0 !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 7px !important;
  min-height: 0 !important;
  padding: 11px 12px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack {
  align-items: end !important;
  display: grid !important;
  gap: 4px 10px !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price {
  color: #71807a !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
  text-decoration-thickness: 2px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-current-price {
  color: #008a3d !important;
  font-size: 1.55rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-discount-text {
  color: #008a3d !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  grid-column: 1 / -1 !important;
  line-height: 1.18 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts,
body:not(.marketing-home) .want-card .meta-grid {
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div,
body:not(.marketing-home) .want-card .meta-grid span {
  align-content: start !important;
  background: #f7faf9 !important;
  border: 0 !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 3px !important;
  min-height: 62px !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts small,
body:not(.marketing-home) .want-card .meta-grid small {
  color: #66736d !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts strong,
body:not(.marketing-home) .want-card .meta-grid strong {
  color: var(--app-text) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

body:not(.marketing-home) .card-actions {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  margin-top: 2px !important;
}

body:not(.marketing-home) .card-actions > button {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  min-height: 40px !important;
}

body:not(.marketing-home) .card-actions .trash-card-action,
body:not(.marketing-home) .card-actions .manager-card-delete-action {
  align-items: center !important;
  aspect-ratio: 1 !important;
  background: #df3347 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  display: inline-grid !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 40px !important;
}

body:not(.marketing-home) .empty {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.9)) !important;
  border: 1px dashed rgba(15, 23, 42, 0.16) !important;
  border-radius: 16px !important;
  display: grid !important;
  margin: 0 !important;
  min-height: 230px !important;
  padding: 28px !important;
  place-items: center !important;
}

body:not(.marketing-home) .empty-content {
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
  max-width: 560px !important;
  text-align: center !important;
}

body:not(.marketing-home) .empty h3 {
  color: var(--app-text) !important;
  font-size: clamp(1.35rem, 1.6vw, 1.9rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .empty p {
  color: var(--app-muted) !important;
  font-size: 0.96rem !important;
  font-weight: 760 !important;
  line-height: 1.38 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .floating-create-button {
  bottom: 20px !important;
  right: 22px !important;
}

body:not(.marketing-home) .sidebar-collapse-button,
body:not(.marketing-home) .sidebar-collapse-button:hover,
body:not(.marketing-home) .sidebar-collapse-button:focus-visible {
  transform: none !important;
}

@media (min-width: 1800px) {
  body:not(.marketing-home) .rail,
  body:not(.marketing-home) .listing-rail,
  body:not(.marketing-home) .seller-listings-grid,
  body:not(.marketing-home) .dashboard-grid {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  body:not(.marketing-home) .seller-listing-card .listing-card-facts,
  body:not(.marketing-home) .want-card .meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body:not(.marketing-home) .app-shell,
  body:not(.marketing-home).sidebar-collapsed .app-shell {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .market {
    padding: 12px !important;
  }

  body:not(.marketing-home) .topbar,
  body:not(.marketing-home) .request-feed-heading,
  body:not(.marketing-home) .listing-feed-heading {
    align-items: stretch !important;
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .topbar {
    position: static !important;
  }

  body:not(.marketing-home) .feed-heading-action {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  body:not(.marketing-home) .request-controls,
  body:not(.marketing-home) .listing-controls,
  body:not(.marketing-home) .card-actions {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .card-actions .trash-card-action,
  body:not(.marketing-home) .card-actions .manager-card-delete-action {
    justify-self: start !important;
  }

  body:not(.marketing-home) .seller-listing-card .listing-card-facts,
  body:not(.marketing-home) .want-card .meta-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final card internals override: beat older specific card-action and listing-fact rules. */
body:not(.marketing-home) .want-card .card-actions,
body:not(.marketing-home) .seller-listing-card .card-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 2px !important;
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}

body:not(.marketing-home) .want-card .card-actions > button,
body:not(.marketing-home) .seller-listing-card .card-actions > button {
  flex: 1 1 128px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .want-card .card-actions .make-offer,
body:not(.marketing-home) .seller-listing-card .card-actions .make-listing-offer {
  flex-basis: 158px !important;
}

body:not(.marketing-home) .want-card .card-actions .trash-card-action,
body:not(.marketing-home) .seller-listing-card .card-actions .trash-card-action,
body:not(.marketing-home) .want-card .card-actions .manager-card-delete-action,
body:not(.marketing-home) .seller-listing-card .card-actions .manager-card-delete-action {
  flex: 0 0 40px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-summary {
  align-content: start !important;
  align-items: start !important;
  align-self: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card {
  align-content: start !important;
  grid-auto-rows: auto !important;
  grid-template-rows: none !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  height: auto !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts,
body:not(.marketing-home) .want-card .meta-grid {
  align-self: start !important;
  grid-auto-flow: row !important;
  grid-auto-rows: minmax(62px, auto) !important;
  height: auto !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div,
body:not(.marketing-home) .want-card .meta-grid span {
  align-content: start !important;
  align-items: start !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  justify-items: start !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  background:
    linear-gradient(135deg, rgba(232, 249, 246, 0.98), rgba(248, 251, 255, 0.98)) !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 12px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-current-price {
  order: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price {
  order: 2 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-discount-text {
  flex-basis: 100% !important;
  order: 3 !important;
}

body:not(.marketing-home) .dashboard-view.active-view,
body:not(.marketing-home) .buyer-listings-panel,
body:not(.marketing-home) .market-feed-section,
body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card,
body:not(.marketing-home) .dashboard-card {
  animation: appSurfaceIn 220ms ease both;
}

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

#transactionsView .account-transactions,
#transactionsView .account-transaction-tools,
#transactionsView .mode-note,
#managerTransactionsView .mode-note,
#managerEmailsView .mode-note,
#managerAccountsView .mode-note {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(240, 249, 255, 0.84)) !important;
  border: 1px solid rgba(15, 23, 42, 0.09) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055) !important;
}

#transactionsView .account-transactions {
  border-top: 4px solid rgba(15, 118, 110, 0.42) !important;
}

#transactionsView .account-transaction-tools {
  border-left: 4px solid rgba(37, 99, 235, 0.32) !important;
}

#transactionsView .empty {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(239, 246, 255, 0.9) 46%, rgba(234, 249, 246, 0.82)) !important;
}

@media (max-width: 560px) {
  body:not(.marketing-home) .want-card .card-actions,
  body:not(.marketing-home) .seller-listing-card .card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr 44px !important;
  }

  body:not(.marketing-home) .want-card .card-actions .make-offer,
  body:not(.marketing-home) .seller-listing-card .card-actions .make-listing-offer {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  body:not(.marketing-home) .want-card .card-actions .trash-card-action,
  body:not(.marketing-home) .seller-listing-card .card-actions .trash-card-action,
  body:not(.marketing-home) .want-card .card-actions .manager-card-delete-action,
  body:not(.marketing-home) .seller-listing-card .card-actions .manager-card-delete-action {
    grid-column: auto !important;
    justify-self: stretch !important;
    width: 44px !important;
  }
}

@media (min-width: 760px) {
  body:not(.marketing-home) .rail,
  body:not(.marketing-home) .listing-rail,
  body:not(.marketing-home) .seller-listings-grid,
  body:not(.marketing-home) .dashboard-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 500px), 1fr)) !important;
  }
}

/* Marketplace card stability: compact cards, click-to-expand actions, no refresh blink. */
body:not(.marketing-home) .dashboard-view.active-view,
body:not(.marketing-home) .buyer-listings-panel,
body:not(.marketing-home) .market-feed-section,
body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card,
body:not(.marketing-home) .dashboard-card,
body:not(.marketing-home) .feed > *,
body:not(.marketing-home) .rail > *,
body:not(.marketing-home) .listing-rail > *,
body:not(.marketing-home) .seller-listings-grid > * {
  animation: none !important;
}

body:not(.marketing-home) .rail,
body:not(.marketing-home) .listing-rail,
body:not(.marketing-home) .seller-listings-grid,
body:not(.marketing-home) .dashboard-grid {
  align-items: start !important;
  gap: 14px !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 320px)) !important;
  justify-content: start !important;
}

body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card {
  border-radius: 14px !important;
  cursor: pointer !important;
  gap: 9px !important;
  padding: 14px !important;
  transform: none !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease !important;
}

body:not(.marketing-home) .want-card:hover,
body:not(.marketing-home) .want-card:focus-within,
body:not(.marketing-home) .want-card.actions-open,
body:not(.marketing-home) .seller-listing-card:hover,
body:not(.marketing-home) .seller-listing-card:focus-within,
body:not(.marketing-home) .seller-listing-card.actions-open {
  border-color: rgba(15, 118, 110, 0.28) !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.075) !important;
  transform: none !important;
}

body:not(.marketing-home) .want-card.actions-open,
body:not(.marketing-home) .seller-listing-card.actions-open {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important;
}

body:not(.marketing-home) .want-card h3,
body:not(.marketing-home) .seller-listing-card h3 {
  font-size: clamp(1.05rem, 0.95vw, 1.22rem) !important;
  line-height: 1.1 !important;
}

body:not(.marketing-home) .want-card .details,
body:not(.marketing-home) .seller-listing-card .details {
  font-size: 0.88rem !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
  -webkit-line-clamp: 2 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-product-image {
  aspect-ratio: 16 / 9 !important;
  max-height: 154px !important;
  min-height: 0 !important;
}

body:not(.marketing-home) .listing-product-placeholder .placeholder-mark {
  border-radius: 15px !important;
  font-size: 1.38rem !important;
  height: 50px !important;
  width: 50px !important;
}

body:not(.marketing-home) .request-card-images {
  gap: 6px !important;
}

body:not(.marketing-home) .request-card-image-button {
  max-height: 86px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-summary {
  gap: 7px !important;
  margin-top: 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  align-items: center !important;
  display: grid !important;
  gap: 5px 12px !important;
  min-height: 0 !important;
  padding: 9px 11px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel > small {
  line-height: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack {
  align-items: end !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px 10px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price,
body:not(.marketing-home) .seller-listing-card .listing-current-price {
  display: inline-grid !important;
  gap: 1px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-current-price {
  font-size: 1.42rem !important;
}

body:not(.marketing-home) .seller-listing-card .listing-discount-text {
  flex-basis: 100% !important;
  font-size: 0.76rem !important;
  line-height: 1.12 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts,
body:not(.marketing-home) .want-card .meta-grid {
  gap: 7px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div,
body:not(.marketing-home) .want-card .meta-grid span {
  min-height: 54px !important;
  padding: 8px 9px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div {
  min-height: 48px !important;
}

body:not(.marketing-home) .want-card .card-actions,
body:not(.marketing-home) .seller-listing-card .card-actions {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 40px !important;
  height: 0 !important;
  margin-top: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: max-height 180ms ease, opacity 140ms ease, transform 180ms ease, margin-top 180ms ease !important;
  visibility: hidden !important;
}

body:not(.marketing-home) .want-card.actions-open .card-actions,
body:not(.marketing-home) .seller-listing-card.actions-open .card-actions,
body:not(.marketing-home) .want-card:focus-within .card-actions,
body:not(.marketing-home) .seller-listing-card:focus-within .card-actions {
  height: auto !important;
  margin-top: 4px !important;
  max-height: 112px !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body:not(.marketing-home) .want-card .card-actions > button,
body:not(.marketing-home) .seller-listing-card .card-actions > button {
  min-height: 38px !important;
  min-width: 0 !important;
  width: auto !important;
}

body:not(.marketing-home) .want-card .card-actions .make-offer,
body:not(.marketing-home) .seller-listing-card .card-actions .make-listing-offer {
  grid-column: auto !important;
}

body:not(.marketing-home) .want-card .card-actions .trash-card-action,
body:not(.marketing-home) .seller-listing-card .card-actions .trash-card-action,
body:not(.marketing-home) .want-card .card-actions .manager-card-delete-action,
body:not(.marketing-home) .seller-listing-card .card-actions .manager-card-delete-action {
  height: 38px !important;
  justify-self: stretch !important;
  min-height: 38px !important;
  width: 40px !important;
}

@media (max-width: 680px) {
  body:not(.marketing-home) .rail,
  body:not(.marketing-home) .listing-rail,
  body:not(.marketing-home) .seller-listings-grid,
  body:not(.marketing-home) .dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .want-card .card-actions,
  body:not(.marketing-home) .seller-listing-card .card-actions {
    grid-template-columns: 1fr 1fr 40px !important;
  }

  body:not(.marketing-home) .want-card .card-actions .make-offer,
  body:not(.marketing-home) .seller-listing-card .card-actions .make-listing-offer {
    grid-column: 1 / -1 !important;
  }
}

/* Request cards and manager pages polish: compact previews, reveal details, readable empty states. */
body:not(.marketing-home) .topbar {
  min-height: 60px !important;
  padding: 10px 14px !important;
}

body:not(.marketing-home) .topbar-title-row .view-title {
  font-size: clamp(1.28rem, 1.35vw, 1.72rem) !important;
}

body:not(.marketing-home) .view-subtitle {
  font-size: 0.86rem !important;
}

body:not(.marketing-home) .card-topline {
  align-items: center !important;
  gap: 8px !important;
  min-height: 28px !important;
}

body:not(.marketing-home) .condition-pill,
body:not(.marketing-home) .status-badge {
  align-items: center !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 26px !important;
  padding: 0 11px !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .condition-pill.used {
  background: #bd4b5d !important;
  color: #fff !important;
}

body:not(.marketing-home) .popular-badge {
  background: #101820 !important;
  color: #fff !important;
}

body:not(.marketing-home) .status-badges {
  gap: 7px !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) {
  align-content: start !important;
  min-height: 222px !important;
}

body:not(.marketing-home) .request-card-summary {
  align-items: center !important;
  color: #1458ce !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  gap: 6px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .request-summary-divider {
  color: rgba(15, 23, 42, 0.35) !important;
  font-weight: 900 !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) .meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: max-height 180ms ease, opacity 150ms ease, transform 180ms ease, margin-top 180ms ease !important;
  visibility: hidden !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card):hover .meta-grid,
body:not(.marketing-home) .want-card:not(.seller-listing-card):focus-within .meta-grid,
body:not(.marketing-home) .want-card:not(.seller-listing-card).actions-open .meta-grid {
  height: auto !important;
  margin-top: 2px !important;
  max-height: 160px !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) .meta-grid span {
  min-height: 48px !important;
}

body:not(.marketing-home) .want-card .meta-grid small,
body:not(.marketing-home) .seller-listing-card .listing-card-facts small {
  font-size: 0.64rem !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .want-card .meta-grid strong,
body:not(.marketing-home) .seller-listing-card .listing-card-facts strong {
  overflow-wrap: anywhere !important;
}

body:not(.marketing-home) .want-card:hover .card-actions,
body:not(.marketing-home) .seller-listing-card:hover .card-actions,
body:not(.marketing-home) .want-card.actions-open .card-actions,
body:not(.marketing-home) .seller-listing-card.actions-open .card-actions,
body:not(.marketing-home) .want-card:focus-within .card-actions,
body:not(.marketing-home) .seller-listing-card:focus-within .card-actions {
  height: auto !important;
  margin-top: 4px !important;
  max-height: 112px !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body:not(.marketing-home) #managerAccountsView.dashboard-view.active-view,
body:not(.marketing-home) #managerEmailsView.dashboard-view.active-view {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 248, 0.9)) !important;
  gap: 16px !important;
  padding: clamp(16px, 1.35vw, 22px) !important;
}

body:not(.marketing-home) #managerAccountsView .mode-note,
body:not(.marketing-home) #managerEmailsView .mode-note {
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
}

body:not(.marketing-home) #managerAccountsView .mode-note strong,
body:not(.marketing-home) #managerEmailsView .mode-note strong {
  font-size: 1rem !important;
}

body:not(.marketing-home) .manager-site-stats {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  margin: 0 !important;
}

body:not(.marketing-home) .manager-site-stats > div {
  border-radius: 14px !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.055) !important;
  padding: 14px !important;
}

body:not(.marketing-home) .manager-site-stats strong {
  font-size: clamp(1.6rem, 1.9vw, 2.2rem) !important;
}

body:not(.marketing-home) .manager-filters.manager-account-filters {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(170px, 220px)) !important;
  margin: 0 !important;
}

body:not(.marketing-home) #managerAccountsView .empty,
body:not(.marketing-home) #managerEmailsView .empty {
  min-height: clamp(220px, 30vh, 320px) !important;
  padding: 28px !important;
}

body:not(.marketing-home) #managerAccountsView .empty-content,
body:not(.marketing-home) #managerEmailsView .empty-content {
  max-width: 560px !important;
}

body:not(.marketing-home) #managerAccountsView .empty h3,
body:not(.marketing-home) #managerEmailsView .empty h3 {
  font-size: clamp(1.45rem, 1.65vw, 2rem) !important;
  line-height: 1.08 !important;
  max-width: 20ch !important;
}

body:not(.marketing-home) #managerAccountsView .empty p,
body:not(.marketing-home) #managerEmailsView .empty p {
  font-size: 0.94rem !important;
  max-width: 58ch !important;
}

body:not(.marketing-home) .sidebar-collapse-toggle,
body:not(.marketing-home) .sidebar-collapse-toggle:hover,
body:not(.marketing-home) .sidebar-collapse-toggle:focus-visible {
  height: 30px !important;
  right: -15px !important;
  top: 20px !important;
  transform: none !important;
  width: 30px !important;
}

@media (max-width: 1080px) {
  body:not(.marketing-home) .manager-filters.manager-account-filters {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 680px) {
  body:not(.marketing-home) .manager-filters.manager-account-filters {
    grid-template-columns: 1fr !important;
  }
}

body:not(.marketing-home) .rail,
body:not(.marketing-home) .listing-rail,
body:not(.marketing-home) .seller-listings-grid,
body:not(.marketing-home) .dashboard-grid {
  grid-template-columns: repeat(auto-fill, 320px) !important;
  justify-content: start !important;
}

@media (max-width: 370px) {
  body:not(.marketing-home) .rail,
  body:not(.marketing-home) .listing-rail,
  body:not(.marketing-home) .seller-listings-grid,
  body:not(.marketing-home) .dashboard-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final marketplace preview pass: compact cards, stable hover expansion, cleaner facts. */
body:not(.marketing-home) .want-card,
body:not(.marketing-home) .seller-listing-card {
  overflow: visible !important;
  position: relative !important;
}

body:not(.marketing-home) .seller-listing-card {
  min-height: 350px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-product-image {
  aspect-ratio: 5 / 3 !important;
  max-height: 128px !important;
}

body:not(.marketing-home) .listing-product-placeholder .placeholder-mark {
  height: 46px !important;
  width: 46px !important;
}

body:not(.marketing-home) .want-card .details,
body:not(.marketing-home) .seller-listing-card .details {
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transition: max-height 180ms ease, opacity 140ms ease !important;
}

body:not(.marketing-home) .want-card:hover .details,
body:not(.marketing-home) .want-card:focus-within .details,
body:not(.marketing-home) .want-card.actions-open .details,
body:not(.marketing-home) .seller-listing-card:hover .details,
body:not(.marketing-home) .seller-listing-card:focus-within .details,
body:not(.marketing-home) .seller-listing-card.actions-open .details {
  max-height: 46px !important;
  opacity: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-summary {
  gap: 8px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  min-height: 68px !important;
  padding: 9px 10px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack {
  align-items: end !important;
  display: grid !important;
  gap: 2px 10px !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price {
  color: #5c6868 !important;
  font-size: 0.75rem !important;
}

body:not(.marketing-home) .seller-listing-card .listing-current-price {
  color: #047a63 !important;
  font-size: 1.38rem !important;
}

body:not(.marketing-home) .seller-listing-card .listing-discount-text {
  color: #047a63 !important;
  font-size: 0.72rem !important;
  grid-column: 1 / -1 !important;
  line-height: 1.08 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts {
  height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: max-height 180ms ease, opacity 150ms ease, transform 180ms ease, margin-top 180ms ease !important;
  visibility: hidden !important;
}

body:not(.marketing-home) .seller-listing-card:hover .listing-card-facts,
body:not(.marketing-home) .seller-listing-card:focus-within .listing-card-facts,
body:not(.marketing-home) .seller-listing-card.actions-open .listing-card-facts {
  height: auto !important;
  margin-top: 2px !important;
  max-height: 92px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body:not(.marketing-home) .seller-listing-card .listing-card-facts > div,
body:not(.marketing-home) .want-card .meta-grid span {
  min-height: 46px !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) {
  min-height: 214px !important;
}

body:not(.marketing-home) .request-card-summary {
  background: rgba(20, 88, 206, 0.07) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) .meta-grid {
  position: relative !important;
  z-index: 1 !important;
}

body:not(.marketing-home) .card-actions {
  position: relative !important;
  z-index: 2 !important;
}

/* Card tag row cleanup: keep status chips readable and away from the card edge. */
body:not(.marketing-home) .card-topline {
  align-items: center !important;
  column-gap: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  min-height: 30px !important;
  overflow: visible !important;
  row-gap: 7px !important;
}

body:not(.marketing-home) .status-badges {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  gap: 8px !important;
}

body:not(.marketing-home) .status-badges:empty {
  display: none !important;
}

body:not(.marketing-home) .condition-pill,
body:not(.marketing-home) .status-badge,
body:not(.marketing-home) .listing-pill {
  border-radius: 999px !important;
  flex: 0 0 auto !important;
  font-size: 0.72rem !important;
  height: 26px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .condition-pill.used,
body:not(.marketing-home) .listing-pill.used {
  background: rgba(189, 75, 93, 0.12) !important;
  border: 1px solid rgba(189, 75, 93, 0.24) !important;
  color: #9f3449 !important;
}

body:not(.marketing-home) .popular-badge {
  background: rgba(16, 24, 32, 0.92) !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  color: #fff !important;
}

body:not(.marketing-home) .card-topline-age {
  color: #4b5a5d !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .card-topline .distance {
  color: #5a6769 !important;
  flex-basis: 100% !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  min-width: 0 !important;
}

/* Request budget emphasis: make buyer budgets read like the main price. */
body:not(.marketing-home) .request-card-summary {
  background: rgba(0, 128, 96, 0.08) !important;
  border: 1px solid rgba(0, 128, 96, 0.16) !important;
  color: #4f5d5a !important;
}

body:not(.marketing-home) .request-budget-summary,
body:not(.marketing-home) .want-card:not(.seller-listing-card) .budget {
  color: #008060 !important;
  font-weight: 950 !important;
}

body:not(.marketing-home) .request-summary-divider {
  color: rgba(0, 128, 96, 0.38) !important;
}

body:not(.marketing-home) .want-card:not(.seller-listing-card) .meta-grid span:first-child {
  background: linear-gradient(135deg, rgba(0, 128, 96, 0.1), rgba(255, 255, 255, 0.96)) !important;
  border-color: rgba(0, 128, 96, 0.2) !important;
}

body.marketing-home .hero-snapshot-request p,
body.marketing-home .request-example-budget {
  color: #008060 !important;
  font-weight: 950 !important;
}

/* Card action fix: keep compact request/listing buttons from colliding. */
body:not(.marketing-home) .want-card .card-actions,
body:not(.marketing-home) .seller-listing-card .card-actions {
  align-items: stretch !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(82px, 0.9fr) minmax(124px, 1.1fr) !important;
  width: 100% !important;
}

body:not(.marketing-home) .want-card .card-actions:has(.trash-card-action:not([hidden])),
body:not(.marketing-home) .seller-listing-card .card-actions:has(.trash-card-action:not([hidden])),
body:not(.marketing-home) .want-card .card-actions:has(.manager-card-delete-action:not([hidden])),
body:not(.marketing-home) .seller-listing-card .card-actions:has(.manager-card-delete-action:not([hidden])) {
  grid-template-columns: minmax(76px, 0.75fr) minmax(118px, 1.25fr) 42px !important;
}

body:not(.marketing-home) .card-actions > button,
body:not(.marketing-home) .card-actions > a {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-inline: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

body:not(.marketing-home) .card-actions .save-card-action,
body:not(.marketing-home) .card-actions .pin-request,
body:not(.marketing-home) .card-actions .edit-request,
body:not(.marketing-home) .card-actions .card-markdown-action {
  order: 10 !important;
}

body:not(.marketing-home) .card-actions .card-message-action {
  order: 15 !important;
}

body:not(.marketing-home) .card-actions .trash-card-action,
body:not(.marketing-home) .card-actions .manager-card-delete-action {
  grid-column: auto !important;
  justify-self: stretch !important;
  order: 20 !important;
  padding: 0 !important;
  width: 42px !important;
}

body:not(.marketing-home) .card-actions .make-offer,
body:not(.marketing-home) .card-actions .make-listing-offer {
  grid-column: 1 / -1 !important;
  order: 30 !important;
}

body:not(.marketing-home) .card-actions .trash-card-icon {
  flex: 0 0 auto !important;
}

/* Manager accounts: reveal extra account details by hovering/focusing the card. */
body:not(.marketing-home) .manager-account-card {
  overflow: hidden !important;
  transition: border-color 160ms ease, box-shadow 160ms ease !important;
}

body:not(.marketing-home) .manager-account-card:hover,
body:not(.marketing-home) .manager-account-card:focus-within {
  border-color: rgba(0, 128, 96, 0.24) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.1) !important;
  transform: none !important;
}

body:not(.marketing-home) .manager-account-card .manager-account-details,
body:not(.marketing-home) .manager-account-card .banned-account-details {
  margin-top: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: max-height 180ms ease, opacity 150ms ease, transform 180ms ease, margin-top 180ms ease !important;
  visibility: hidden !important;
}

body:not(.marketing-home) .manager-account-card:hover .manager-account-details,
body:not(.marketing-home) .manager-account-card:focus-within .manager-account-details {
  margin-top: 2px !important;
  max-height: 560px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body:not(.marketing-home) .manager-account-card:hover .banned-account-details,
body:not(.marketing-home) .manager-account-card:focus-within .banned-account-details {
  margin-top: 10px !important;
  max-height: 220px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body:not(.marketing-home) .manager-card-actions [data-toggle-account-details] {
  display: none !important;
}

/* Sidebar control: keep the collapse button centered in the gutter, not over content. */
body:not(.marketing-home) .app-shell {
  column-gap: 36px !important;
}

body:not(.marketing-home) .sidebar-collapse-toggle,
body:not(.marketing-home) .sidebar-collapse-toggle:hover,
body:not(.marketing-home) .sidebar-collapse-toggle:focus-visible {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.13) !important;
  color: #101820 !important;
  display: inline-grid !important;
  height: 38px !important;
  justify-content: center !important;
  left: 282px !important;
  overflow: visible !important;
  padding: 0 !important;
  place-items: center !important;
  position: fixed !important;
  right: auto !important;
  top: 50dvh !important;
  transform: translate(-50%, -50%) !important;
  transition: background-color 160ms ease, border-color 160ms ease, border-radius 160ms ease, box-shadow 160ms ease, color 160ms ease !important;
  width: 38px !important;
  z-index: 1000 !important;
}

body:not(.marketing-home).sidebar-collapsed .sidebar-collapse-toggle,
body:not(.marketing-home).sidebar-collapsed .sidebar-collapse-toggle:hover,
body:not(.marketing-home).sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
  left: 96px !important;
  transform: translate(-50%, -50%) !important;
}

body:not(.marketing-home) .sidebar-collapse-toggle:hover,
body:not(.marketing-home) .sidebar-collapse-toggle:focus-visible {
  background: #101820 !important;
  border-color: #101820 !important;
  border-radius: 13px !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18) !important;
  color: #fff !important;
  outline: 0 !important;
}

body:not(.marketing-home) .sidebar-collapse-toggle span {
  align-items: center !important;
  border: 0 !important;
  display: inline-flex !important;
  height: auto !important;
  justify-content: center !important;
  transform: none !important;
  width: auto !important;
}

body:not(.marketing-home) .sidebar-collapse-icon {
  display: block !important;
  height: 20px !important;
  transform: none !important;
  transition: transform 160ms ease !important;
  width: 20px !important;
}

body:not(.marketing-home) .sidebar-collapse-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.8 !important;
}

body:not(.marketing-home).sidebar-collapsed .sidebar-collapse-icon {
  transform: rotate(180deg) !important;
}

body:not(.marketing-home) .sidebar-collapse-toggle::after {
  background: #101820 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18) !important;
  color: #fff !important;
  content: attr(data-tooltip) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  left: calc(100% + 10px) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  padding: 9px 10px !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(4px, -50%) !important;
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease !important;
  visibility: hidden !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .sidebar-collapse-toggle:hover::after,
body:not(.marketing-home) .sidebar-collapse-toggle:focus-visible::after {
  opacity: 1 !important;
  transform: translate(0, -50%) !important;
  visibility: visible !important;
}

body:not(.marketing-home).app-booting .sidebar-collapse-toggle,
body:not(.marketing-home).auth-required .sidebar-collapse-toggle,
body:not(.marketing-home).policy-required .sidebar-collapse-toggle,
body:not(.marketing-home).guest-preview .sidebar-collapse-toggle,
body:not(.marketing-home).stripe-instructions-active .sidebar-collapse-toggle {
  display: none !important;
}

@media (max-width: 900px) {
  body:not(.marketing-home) .app-shell,
  body:not(.marketing-home).sidebar-collapsed .app-shell {
    column-gap: 0 !important;
  }

  body:not(.marketing-home) .sidebar-collapse-toggle {
    display: none !important;
  }
}

/* Listing price cleanup: keep markdown pricing in a clear vertical hierarchy. */
body:not(.marketing-home) .seller-listing-card .listing-price-panel {
  align-content: start !important;
  align-items: start !important;
  gap: 8px !important;
  padding: 12px 14px !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack {
  align-items: start !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price,
body:not(.marketing-home) .seller-listing-card .listing-current-price {
  align-items: baseline !important;
  display: flex !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price {
  color: #64736f !important;
  order: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-current-price {
  color: #008a3d !important;
  order: 2 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-original-price > span,
body:not(.marketing-home) .seller-listing-card .listing-current-price > span {
  color: inherit !important;
  flex: 0 0 auto !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack s {
  color: #64736f !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-price-stack strong {
  color: #008a3d !important;
  font-size: 1.7rem !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
}

body:not(.marketing-home) .seller-listing-card .listing-discount-text {
  align-self: start !important;
  background: rgba(0, 138, 61, 0.1) !important;
  border-radius: 999px !important;
  color: #007338 !important;
  display: inline-flex !important;
  font-size: 0.74rem !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin-top: 1px !important;
  max-width: 100% !important;
  order: 3 !important;
  padding: 4px 8px !important;
}

/* Card action button cleanup: consistent text-to-button ratio and a clear details icon. */
body:not(.marketing-home) .want-card .card-actions,
body:not(.marketing-home) .seller-listing-card .card-actions {
  gap: 9px !important;
}

body:not(.marketing-home) .card-actions > button,
body:not(.marketing-home) .card-actions > a {
  align-items: center !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  gap: 7px !important;
  height: 40px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .card-actions .make-offer,
body:not(.marketing-home) .card-actions .make-listing-offer,
body:not(.marketing-home) .card-actions .card-message-action,
body:not(.marketing-home) .card-actions .save-card-action,
body:not(.marketing-home) .card-actions .pin-request {
  font-size: 0.82rem !important;
}

body:not(.marketing-home) .card-actions .make-offer,
body:not(.marketing-home) .card-actions .make-listing-offer {
  padding-inline: 14px !important;
}

body:not(.marketing-home) .details-action-icon {
  display: inline-grid !important;
  flex: 0 0 15px !important;
  gap: 3px !important;
  width: 15px !important;
}

body:not(.marketing-home) .details-action-icon span {
  background: currentColor !important;
  border-radius: 999px !important;
  display: block !important;
  height: 2px !important;
  width: 15px !important;
}

body:not(.marketing-home) .details-action-text,
body:not(.marketing-home) .save-action-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not(.marketing-home) .card-actions .save-card-action > span[aria-hidden="true"],
body:not(.marketing-home) .card-actions .pin-request > span[aria-hidden="true"] {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 0.82rem !important;
  height: 15px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 15px !important;
}

body:not(.marketing-home) .card-actions .trash-card-action,
body:not(.marketing-home) .card-actions .manager-card-delete-action {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  width: 40px !important;
}

@media (max-width: 430px) {
  body:not(.marketing-home) .card-actions > button,
  body:not(.marketing-home) .card-actions > a {
    font-size: 0.78rem !important;
    padding-inline: 10px !important;
  }
}

/* Unified Activity hub: buyer and seller work share one page with clear lanes. */
body:not(.marketing-home) #requestsView.active-view {
  display: grid !important;
  gap: 18px !important;
  width: min(100%, 1420px) !important;
  margin-inline: auto !important;
}

body:not(.marketing-home) .unified-activity-hero {
  align-items: center !important;
  animation: activityFadeUp 260ms ease both !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(249, 115, 22, 0.08)),
    #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08) !important;
  display: flex !important;
  gap: 18px !important;
  justify-content: space-between !important;
  padding: 22px !important;
}

body:not(.marketing-home) .unified-activity-hero h2 {
  font-size: clamp(2rem, 4vw, 3.8rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  margin: 4px 0 8px !important;
  max-width: 780px !important;
}

body:not(.marketing-home) .unified-activity-hero p {
  color: #4f5d63 !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

body:not(.marketing-home) .unified-activity-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
}

body:not(.marketing-home) .unified-activity-actions .dashboard-create-action {
  border-radius: 12px !important;
  min-height: 42px !important;
  white-space: nowrap !important;
}

body:not(.marketing-home) .unified-activity-actions .buyer-action {
  background: #2563eb !important;
}

body:not(.marketing-home) .unified-activity-actions .seller-action {
  background: #ea580c !important;
}

body:not(.marketing-home) .unified-activity-overview {
  animation: activityFadeUp 300ms ease both !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.marketing-home) .unified-activity-summary {
  --activity-accent: #2563eb;
  --activity-soft: rgba(37, 99, 235, 0.08);
  background: linear-gradient(135deg, var(--activity-soft), #fff) !important;
  border: 1px solid color-mix(in srgb, var(--activity-accent) 20%, rgba(15, 23, 42, 0.08)) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06) !important;
  display: grid !important;
  gap: 10px !important;
  padding: 18px !important;
}

body:not(.marketing-home) .unified-activity-summary.seller-summary {
  --activity-accent: #ea580c;
  --activity-soft: rgba(249, 115, 22, 0.1);
}

body:not(.marketing-home) .activity-side-badge {
  align-items: center !important;
  background: var(--activity-accent) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  font-weight: 950 !important;
  justify-content: center !important;
  justify-self: start !important;
  letter-spacing: 0 !important;
  min-height: 26px !important;
  padding: 0 12px !important;
}

body:not(.marketing-home) .unified-activity-summary > strong {
  color: var(--activity-accent) !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  line-height: 0.9 !important;
}

body:not(.marketing-home) .unified-activity-summary p {
  color: #4f5d63 !important;
  font-size: 0.95rem !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .unified-activity-summary div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body:not(.marketing-home) .unified-activity-summary div span {
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  color: #203034 !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  padding: 6px 9px !important;
}

body:not(.marketing-home) .unified-activity-grid {
  align-items: start !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.marketing-home) .unified-activity-column {
  --activity-accent: #2563eb;
  --activity-soft: rgba(37, 99, 235, 0.07);
  --activity-border: rgba(37, 99, 235, 0.2);
  align-content: start !important;
  animation: activityFadeUp 340ms ease both !important;
  background: linear-gradient(180deg, var(--activity-soft), rgba(255, 255, 255, 0.92)) !important;
  border: 1px solid var(--activity-border) !important;
  border-top: 5px solid var(--activity-accent) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06) !important;
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

body:not(.marketing-home) .seller-activity-column {
  --activity-accent: #ea580c;
  --activity-soft: rgba(249, 115, 22, 0.08);
  --activity-border: rgba(234, 88, 12, 0.2);
}

body:not(.marketing-home) .activity-lane-header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  padding: 4px 4px 0 !important;
}

body:not(.marketing-home) .activity-lane-header > span {
  align-items: center !important;
  background: var(--activity-accent) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 0.75rem !important;
  font-weight: 950 !important;
  height: 30px !important;
  justify-content: center !important;
  min-width: 64px !important;
  padding: 0 12px !important;
}

body:not(.marketing-home) .activity-lane-header h3 {
  font-size: clamp(1.15rem, 2vw, 1.6rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body:not(.marketing-home) .activity-lane-header p {
  color: #5b676a !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  margin: 3px 0 0 !important;
}

body:not(.marketing-home) .activity-column-section {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

body:not(.marketing-home) .activity-column-section .activity-section-heading {
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
}

body:not(.marketing-home) .activity-column-section .activity-section-heading strong {
  color: #111820 !important;
  font-size: 1rem !important;
}

body:not(.marketing-home) .activity-column-section .activity-section-heading span {
  color: #5b676a !important;
  font-size: 0.86rem !important;
}

body:not(.marketing-home) .activity-post-section .dashboard-card.offer-row {
  background: #fff !important;
  border-left: 4px solid var(--activity-accent) !important;
  border-radius: 14px !important;
  padding: 14px !important;
}

body:not(.marketing-home) .activity-response-section .dashboard-card.offer-row {
  background:
    linear-gradient(90deg, var(--activity-soft), rgba(255, 255, 255, 0.96)) !important;
  border: 1px solid var(--activity-border) !important;
  border-left: 6px solid var(--activity-accent) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 12px !important;
}

body:not(.marketing-home) .activity-response-section .dashboard-card.offer-row:hover,
body:not(.marketing-home) .activity-response-section .dashboard-card.offer-row:focus-within,
body:not(.marketing-home) .activity-post-section .dashboard-card.offer-row:hover,
body:not(.marketing-home) .activity-post-section .dashboard-card.offer-row:focus-within {
  border-color: var(--activity-border) !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08) !important;
  transform: translateY(-1px) !important;
}

body:not(.marketing-home) .activity-post-section .offer-row-main,
body:not(.marketing-home) .activity-response-section .offer-row-main {
  align-items: center !important;
  border-bottom: 0 !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) minmax(118px, auto) !important;
  padding: 0 !important;
}

body:not(.marketing-home) .activity-post-section .activity-row-titleline h3,
body:not(.marketing-home) .activity-response-section .activity-row-titleline h3 {
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
  line-height: 1.12 !important;
  min-width: 0 !important;
}

body:not(.marketing-home) .activity-post-section .offer-row-main p,
body:not(.marketing-home) .activity-response-section .offer-row-main p {
  color: #526064 !important;
  display: -webkit-box !important;
  font-size: 0.9rem !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
  margin-top: 3px !important;
  max-width: 620px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body:not(.marketing-home) .activity-response-section .panel-label {
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid var(--activity-border) !important;
  color: var(--activity-accent) !important;
}

body:not(.marketing-home) .activity-post-section .row-price-stack,
body:not(.marketing-home) .activity-response-section .row-price-stack {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  justify-items: start !important;
  min-width: 118px !important;
  padding: 10px !important;
}

body:not(.marketing-home) .activity-post-section .row-price,
body:not(.marketing-home) .activity-response-section .row-price {
  color: var(--activity-accent) !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

body:not(.marketing-home) .activity-response-section .activity-expanded-panel,
body:not(.marketing-home) .activity-post-section .activity-expanded-panel {
  border-color: var(--activity-border) !important;
}

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

@media (prefers-reduced-motion: reduce) {
  body:not(.marketing-home) .unified-activity-hero,
  body:not(.marketing-home) .unified-activity-overview,
  body:not(.marketing-home) .unified-activity-column {
    animation: none !important;
  }
}

@media (max-width: 1180px) {
  body:not(.marketing-home) .unified-activity-grid,
  body:not(.marketing-home) .unified-activity-overview {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body:not(.marketing-home) .unified-activity-hero {
    align-items: stretch !important;
    display: grid !important;
    padding: 16px !important;
  }

  body:not(.marketing-home) .unified-activity-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.marketing-home) .activity-lane-header {
    align-items: flex-start !important;
    display: grid !important;
  }

  body:not(.marketing-home) .activity-post-section .offer-row-main,
  body:not(.marketing-home) .activity-response-section .offer-row-main {
    grid-template-columns: 1fr !important;
  }

  body:not(.marketing-home) .activity-post-section .row-price-stack,
  body:not(.marketing-home) .activity-response-section .row-price-stack {
    width: 100% !important;
  }
}