:root {
    --listings-ink: var(--market-ink);
    --listings-muted: var(--market-muted);
    --listings-border: var(--market-border);
    --listings-surface: var(--color-bg-100);
    --listings-accent: var(--market-primary);
}

.listings-shell { display: grid; gap: 1.25rem; }
.listings-header { display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid var(--listings-border); }
.listings-header h1, .customer-listings-header h1 { margin: 0; color: var(--listings-ink); font-size: 1.8rem; }
.listings-header p, .customer-listings-header p { margin: .35rem 0 0; color: var(--listings-muted); }
.listings-panel { padding: 1.2rem; border: 1px solid var(--listings-border); border-radius: .5rem; background: #fff; }
.listings-panel h2 { margin: 0 0 1rem; font-size: 1.15rem; color: var(--listings-ink); }
.listings-panel--form { max-width: 52rem; }
.listings-panel--narrow { max-width: 38rem; }
.listings-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .8rem; }
.listings-muted { color: var(--listings-muted); }
.listings-eyebrow { margin: 0 0 .35rem; color: var(--listings-accent); font-size: .82rem; font-weight: 700; text-transform: uppercase; }
.listings-form { display: grid; gap: 1rem; }

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