/* selling pages (2026-11 redesign). Loaded site-wide after shell.css.
   Owns: listing form, photos, my listings, bulk upload, seller order and
   invoice pages, seller payment pages, sales report, seller setup.
   Every class here is prefixed sell- (or photo- for the photo editor) so it
   can't collide with another page group. Tokens only; no raw hex. */

/* ---------- Page widths + back link ---------- */
.sell-page { max-width: 760px; }
.sell-page--wide { max-width: 980px; }
.sell-page--narrow { max-width: 560px; }
.sell-back {
    display: inline-flex; align-items: center; gap: 0.25rem;
    min-height: 32px; margin: 0 0 0.75rem;
    color: var(--text-2); font-size: var(--fs-small); font-weight: 500; text-decoration: none;
}
.sell-back:hover { color: var(--text); text-decoration: underline; }
.sell-back svg { width: 16px; height: 16px; }
@media (pointer: coarse) { .sell-back { min-height: var(--tap); } }
.sell-meta { margin: 0.375rem 0 0; color: var(--text-2); font-size: var(--fs-small); }
.sell-ref { font-family: var(--font-mono); font-size: var(--fs-small); color: var(--text-2); }

/* ---------- Form building blocks ---------- */
.sell-form { max-width: none; margin: 0; }
.sell-form > * + * { margin-top: 0; }
.sell-section { padding: 1.75rem 0 0.5rem; border-top: 1px solid var(--border); }
.sell-section:first-of-type { border-top: 0; padding-top: 0.5rem; }
.sell-section > h2 { margin: 0 0 0.25rem; font-size: var(--fs-large); }
.sell-section-lede { margin: 0 0 1.25rem; color: var(--text-2); font-size: var(--fs-small); }
.sell-field { margin: 0 0 1.25rem; }
.sell-field > label, .sell-label {
    display: block; margin: 0 0 0.375rem;
    font-family: var(--font-sans); font-size: var(--fs-body); font-weight: 600;
    color: var(--text); text-transform: none; letter-spacing: normal;
}
.sell-optional { font-weight: 400; color: var(--text-2); }
.sell-field input[type="text"], .sell-field input[type="email"], .sell-field input[type="number"],
.sell-field input[type="tel"], .sell-field select, .sell-field textarea {
    display: block; width: 100%; padding: 0.625rem 0.75rem; box-sizing: border-box;
}
.sell-field textarea { resize: vertical; }
.sell-field--money input { max-width: 14rem; }
.sell-field--short input, .sell-field--short select { max-width: 14rem; }
.sell-hint { display: block; margin: 0.375rem 0 0; color: var(--text-2); font-size: var(--fs-small); line-height: 1.5; }
.sell-field .errorlist, .sell-fieldset .errorlist {
    margin: 0.375rem 0 0; padding: 0; background: none; border: 0;
    color: var(--danger); font-size: var(--fs-small); font-weight: 500;
}
.sell-field .errorlist li, .sell-fieldset .errorlist li { max-width: none; }
.sell-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; }
.sell-field-row--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 599.98px) {
    .sell-field-row, .sell-field-row--3 { grid-template-columns: 1fr; }
}

/* Radio / checkbox groups */
.sell-fieldset { border: 0; padding: 0; margin: 0 0 1.25rem; min-width: 0; }
.sell-fieldset > legend { padding: 0; margin: 0 0 0.5rem; font-weight: 600; font-size: var(--fs-body); color: var(--text); }
.sell-choices { display: grid; gap: 0.5rem; }
.sell-choices--inline { grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.sell-choice {
    display: flex; align-items: flex-start; gap: 0.75rem;
    min-height: var(--tap); padding: 0.625rem 0.875rem;
    border: 1px solid var(--field-border); border-radius: var(--radius-md);
    background: var(--surface); cursor: pointer;
    font-family: var(--font-sans); font-size: var(--fs-body); font-weight: 400;
    text-transform: none; letter-spacing: normal; color: var(--text);
}
.sell-choice:hover { background: var(--surface-hi); }
.sell-choice:has(input:checked) { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.sell-choice input { flex: 0 0 auto; margin: 0.125rem 0 0; }
.sell-choice-text { display: flex; flex-direction: column; gap: 0.125rem; }
.sell-choice-text strong { font-weight: 600; }
.sell-choice-text small { color: var(--text-2); font-size: var(--fs-small); }
.sell-check {
    display: flex; align-items: flex-start; gap: 0.625rem;
    min-height: var(--tap); padding: 0.375rem 0; cursor: pointer;
    font-family: var(--font-sans); font-size: var(--fs-body); font-weight: 400;
    text-transform: none; letter-spacing: normal; color: var(--text);
}
.sell-check input { flex: 0 0 auto; margin: 0.125rem 0 0; }
.sell-check-row { display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem; }

/* Disclosure ("More options", state exclusions) */
.sell-disclosure { margin: 0 0 1.25rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.sell-disclosure > summary {
    display: flex; align-items: center; gap: 0.5rem; min-height: var(--tap); padding: 0 1rem;
    cursor: pointer; font-weight: 600; color: var(--text); list-style: none;
}
.sell-disclosure > summary::-webkit-details-marker { display: none; }
.sell-disclosure > summary::before {
    content: ""; flex: 0 0 auto; width: 0.5rem; height: 0.5rem;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(-45deg); margin-right: 0.25rem;
}
.sell-disclosure[open] > summary::before { transform: rotate(45deg); }
.sell-disclosure-body { padding: 0.25rem 1rem 1rem; }

/* Cost explanation next to a price or before a commit button */
.sell-cost {
    margin: 0 0 1.25rem; padding: 0.75rem 1rem;
    border-left: 3px solid var(--accent); background: var(--accent-soft);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    color: var(--text); font-size: var(--fs-small); line-height: 1.5;
}
.sell-cost p { margin: 0; }
.sell-cost p + p { margin-top: 0.375rem; }
.sell-fee-preview { display: block; margin-top: 0.375rem; color: var(--text); font-size: var(--fs-small); }

/* Actions row */
.sell-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 1.5rem 0 0; }
.sell-actions form { margin: 0; }
@media (max-width: 599.98px) {
    .sell-actions > .btn, .sell-actions > form, .sell-actions > form > .btn { width: 100%; }
}

/* Notices (status, warnings) */
.sell-notice {
    display: flex; align-items: flex-start; gap: 0.75rem;
    margin: 0 0 1.25rem; padding: 0.875rem 1rem;
    border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface);
    font-size: var(--fs-small); line-height: 1.5; color: var(--text);
}
.sell-notice > svg { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 0.0625rem; color: var(--text-2); }
.sell-notice p { margin: 0; }
.sell-notice p + p, .sell-notice p + .sell-actions { margin-top: 0.5rem; }
.sell-notice h2, .sell-notice h3 { margin: 0 0 0.25rem; font-size: var(--fs-body); }
.sell-notice[hidden] { display: none; }
.sell-notice--warn { background: var(--amber-soft); border-color: transparent; }
.sell-notice--warn > svg { color: var(--amber-text); }
.sell-notice--ok { background: var(--accent-soft); border-color: transparent; }
.sell-notice--ok > svg { color: var(--accent-deep); }
[data-theme="dark"] .sell-notice--ok > svg { color: var(--accent-2); }
.sell-notice--error { background: var(--red-soft); border-color: transparent; }
.sell-notice--error > svg { color: var(--danger); }
.sell-notice .sell-actions { margin-top: 0.75rem; }

/* Status list (payment methods you accept, setup state) */
.sell-status-list { list-style: none; margin: 0 0 1.5rem; padding: 0; border-top: 1px solid var(--border); }
.sell-status-list > li {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem;
    max-width: none; padding: 0.875rem 0; border-bottom: 1px solid var(--border);
}
.sell-status-main { flex: 1 1 260px; min-width: 0; }
.sell-status-main strong { display: block; }
.sell-status-main span { display: block; color: var(--text-2); font-size: var(--fs-small); }
.sell-status-list .tag { flex: 0 0 auto; }

/* Method blocks on payment pages */
.sell-method { padding: 1.25rem 0; border-top: 1px solid var(--border); }
.sell-method:first-of-type { border-top: 0; }
.sell-method-head { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin: 0 0 0.5rem; }
.sell-method-head h2 { margin: 0; font-size: var(--fs-large); }
.sell-method p { margin: 0 0 0.75rem; color: var(--text-2); }
.sell-method p strong, .sell-method p code { color: var(--text); }
.sell-method .stripe-connect-mount { margin-top: 1rem; }
.sell-step-title { margin: 1.5rem 0 0.5rem; font-size: var(--fs-large); }

/* ---------- Photo editor (moved from edit_photos inline <style>) ---------- */
.photo-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem; margin: 1rem 0;
}
.photo-grid:empty { display: none; }
.photo-tile {
    position: relative; aspect-ratio: 1 / 1;
    background: var(--surface-hi); border-radius: var(--radius-md);
    overflow: hidden; cursor: grab; user-select: none;
}
.photo-tile img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(var(--photo-dim)); }
.photo-tile-ghost { opacity: 0.4; }
.photo-delete {
    position: absolute; top: 4px; right: 4px;
    width: 36px; height: 36px; padding: 0;
    display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 18px;
    background: var(--scrim); color: var(--on-accent);
    font-size: 20px; line-height: 1; cursor: pointer;
}
[data-theme="dark"] .photo-delete { color: var(--text); }
.photo-delete svg { width: 18px; height: 18px; }
.photo-delete:hover:not(:disabled) { background: var(--danger); color: var(--on-danger); }
.photo-delete:disabled { opacity: 0.35; cursor: not-allowed; }
@media (pointer: coarse) { .photo-delete { width: var(--tap); height: var(--tap); border-radius: 22px; } }
.photo-cover-tag {
    position: absolute; bottom: 6px; left: 6px; display: none;
    padding: 0.125rem 0.5rem; border-radius: 999px;
    background: var(--surface); color: var(--text);
    font-size: var(--fs-caption); font-weight: 600;
}
.photo-tile.is-cover .photo-cover-tag { display: block; }
.photo-tile-uploading {
    cursor: default; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.75rem;
}
.photo-tile-pending, .photo-tile-failed {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; padding: 0.5rem; box-sizing: border-box; text-align: center;
    font-size: var(--fs-small); color: var(--text-2); background: var(--surface-hi);
}
.photo-tile-failed { background: var(--amber-soft); color: var(--amber-text); }
.photo-progress { width: 80%; height: 6px; background: var(--border); border-radius: 3px; overflow: hidden; }
.photo-progress-bar { height: 100%; width: 0; background: var(--accent); transition: width 0.15s; }
.photo-progress-label {
    margin-top: 0.5rem; max-width: 100%; font-size: var(--fs-caption); color: var(--text-2);
    text-align: center; word-break: break-all;
}
.photo-dropzone {
    display: flex; flex-direction: column; align-items: center; gap: 0.375rem;
    padding: 2rem 1rem; text-align: center; cursor: pointer;
    border: 2px dashed var(--field-border); border-radius: var(--radius-lg);
    background: var(--surface); color: var(--text);
    font-family: var(--font-sans); font-size: var(--fs-body); font-weight: 600;
    text-transform: none; letter-spacing: normal;
}
.photo-dropzone svg { width: 28px; height: 28px; color: var(--text-2); }
.photo-dropzone small { font-weight: 400; color: var(--text-2); font-size: var(--fs-small); }
.photo-dropzone:hover, .photo-dropzone.is-dragging { border-color: var(--accent); background: var(--accent-soft); }
.photo-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.photo-status { min-height: 1.5em; margin: 0.5rem 0; font-size: var(--fs-small); }
.photo-status[data-kind="error"] { color: var(--danger); font-weight: 600; }
.photo-hint { margin: 1rem 0 0; }
.sell-danger-zone { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); }
.sell-danger-zone h2 { margin: 0 0 0.25rem; font-size: var(--fs-body); }
.sell-danger-zone p { margin: 0 0 0.75rem; color: var(--text-2); font-size: var(--fs-small); }

/* ---------- My listings: rows grouped by state ---------- */
.sell-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 0 0 1.5rem; }
.sell-head h1 { margin: 0; }
.sell-head-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.sell-head-actions form { margin: 0; }
.sell-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0 0 1.25rem; }
.sell-group { margin: 0 0 2rem; }
.sell-group > h2 { display: flex; align-items: baseline; gap: 0.5rem; margin: 0 0 0.5rem; font-size: var(--fs-large); }
.sell-group-count { color: var(--text-2); font-weight: 500; font-size: var(--fs-body); }
.sell-rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border); }
.sell-row {
    display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 0.5rem 1rem;
    align-items: start; max-width: none; padding: 1rem 0; border-bottom: 1px solid var(--border);
}
.sell-row-thumb {
    display: block; width: 80px; height: 80px; border-radius: var(--radius-md); overflow: hidden;
    background: var(--surface-hi); color: var(--text-3);
}
.sell-row-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(var(--photo-dim)); }
.sell-row-thumb .sell-thumb-empty { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sell-row-body { min-width: 0; }
.sell-row-title { margin: 0; font-size: var(--fs-body); font-weight: 600; line-height: 1.35; }
.sell-row-title a { color: var(--text); text-decoration: none; }
.sell-row-title a:hover { text-decoration: underline; }
.sell-row-latin { margin: 0.125rem 0 0; font-style: italic; color: var(--text-2); font-size: var(--fs-small); }
.sell-row-tags { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: 0.375rem 0 0; }
.sell-row-facts { list-style: none; display: flex; flex-wrap: wrap; gap: 0.125rem 1rem; margin: 0.375rem 0 0; padding: 0; color: var(--text-2); font-size: var(--fs-small); }
.sell-row-facts li { max-width: none; }
.sell-row-price { text-align: right; white-space: nowrap; }
.sell-row-price .price { display: block; font-size: var(--fs-large); font-weight: 700; color: var(--text); }
.sell-row-price small { display: block; color: var(--text-2); font-size: var(--fs-small); }
.sell-row-actions { grid-column: 2 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.sell-row-actions form { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.sell-row-actions .btn { min-height: 36px; padding: 0 0.875rem; font-size: var(--fs-small); }
@media (pointer: coarse) { .sell-row-actions .btn { min-height: var(--tap); } }
.sell-row-actions .sell-check { min-height: 36px; padding: 0; font-size: var(--fs-small); color: var(--text-2); }
.sell-row-note { font-size: var(--fs-small); color: var(--text-2); }
.sell-row-note > summary { cursor: pointer; min-height: 36px; display: inline-flex; align-items: center; }
.sell-row-note p { margin: 0.375rem 0 0; max-width: 44ch; line-height: 1.5; }
@media (max-width: 599.98px) {
    .sell-row { grid-template-columns: 64px minmax(0, 1fr); }
    .sell-row-thumb { width: 64px; height: 64px; }
    .sell-row-price { grid-column: 2; text-align: left; }
    .sell-row-price .price { display: inline; margin-right: 0.375rem; }
    .sell-row-price small { display: inline; }
    .sell-row-actions { grid-column: 1 / -1; }
}
.sell-empty { padding: 2rem 0; }
.sell-empty h2 { margin: 0 0 0.375rem; font-size: var(--fs-large); }
.sell-empty p { margin: 0 0 1rem; color: var(--text-2); }
.sell-empty ol { margin: 0 0 1.25rem; padding-left: 1.25rem; color: var(--text-2); }
.sell-empty ol li + li { margin-top: 0.25rem; }

/* ---------- Seller order + invoice ---------- */
.sell-next {
    margin: 0 0 1.75rem; padding: 1.25rem;
    border: 2px solid var(--accent); border-radius: var(--radius-lg); background: var(--surface);
}
.sell-next > h2 { margin: 0 0 0.375rem; font-size: var(--fs-large); }
.sell-next > p { margin: 0 0 1rem; color: var(--text-2); }
.sell-next address { font-style: normal; line-height: 1.5; color: var(--text); margin: 0 0 1rem; }
.sell-next--done { border-color: var(--border); border-width: 1px; }
.sell-next .sell-actions { margin-top: 0.5rem; }
.sell-block { margin: 0 0 1.75rem; }
.sell-block > h2 { margin: 0 0 0.5rem; font-size: var(--fs-large); }
.sell-block > p { color: var(--text-2); }
.sell-money { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1rem 1.25rem; background: var(--surface); margin: 0 0 1.75rem; }
.sell-money-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem; }
.sell-money-head h2 { margin: 0; font-size: var(--fs-body); font-weight: 600; color: var(--text-2); }
.sell-money-total { font-size: var(--fs-h2); font-weight: 700; line-height: 1; color: var(--text); font-variant-numeric: tabular-nums; }
.sell-money table { width: 100%; margin-top: 0.75rem; border-collapse: collapse; font-size: var(--fs-small); }
.sell-money td { padding: 0.25rem 0; }
.sell-money td:first-child { color: var(--text-2); }
.sell-money td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.sell-money-note { margin: 0.75rem 0 0; padding-top: 0.5rem; border-top: 1px solid var(--border); color: var(--text-2); font-size: var(--fs-small); line-height: 1.5; }
.sell-steps { margin: 0 0 1.75rem; }
.sell-contact { margin: 1.75rem 0 0; color: var(--text-2); font-size: var(--fs-small); }
.sell-contact form { display: inline; margin: 0; }
.sell-contact p { margin: 0 0 0.5rem; }

/* ---------- Tables (transactions, sales, bulk preview) ---------- */
.sell-table { width: 100%; border-collapse: collapse; font-size: var(--fs-small); }
.sell-table th {
    text-align: left; padding: 0.5rem 0.5rem; border-bottom: 1px solid var(--field-border);
    color: var(--text-2); font-weight: 600; font-size: var(--fs-small); white-space: nowrap;
}
.sell-table td { padding: 0.75rem 0.5rem; border-bottom: 1px solid var(--border); vertical-align: top; }
.sell-table th:first-child, .sell-table td:first-child { padding-left: 0; }
.sell-table th:last-child, .sell-table td:last-child { padding-right: 0; }
.sell-table .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sell-table .center { text-align: center; }
.sell-table .nowrap { white-space: nowrap; }
.sell-table a { color: var(--text); }
.sell-table .sell-sub { display: block; margin-top: 0.125rem; color: var(--text-2); font-size: var(--fs-caption); }
.sell-table .sell-sub a { color: var(--text-2); }
.sell-table ul { margin: 0; padding-left: 1.125rem; color: var(--danger); }
.sell-table form { margin: 0; }
@media (max-width: 599.98px) {
    .sell-table--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .sell-table--stack tr { display: block; padding: 0.75rem 0; border-bottom: 1px solid var(--border); }
    .sell-table--stack td { display: flex; justify-content: space-between; gap: 1rem; padding: 0.25rem 0; border: 0; text-align: right; }
    .sell-table--stack td.num { white-space: normal; }
    .sell-table--stack td::before { content: attr(data-label); color: var(--text-2); font-weight: 600; text-align: left; }
    .sell-table--stack td[data-label=""]::before { content: none; }
}
.sell-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.25rem; }
.sell-tabs .tag { margin-left: 0.25rem; }
.sell-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: 1.25rem 0 0; color: var(--text-2); font-size: var(--fs-small); }
.sell-legend { margin: 1.25rem 0 0; font-size: var(--fs-small); color: var(--text-2); }
.sell-legend > summary { cursor: pointer; min-height: 32px; display: inline-flex; align-items: center; font-weight: 600; color: var(--text); }
.sell-legend p { margin: 0.5rem 0 0; line-height: 1.6; }

/* ---------- Sales report ---------- */
.sell-stats {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;
    margin: 0 0 2rem; border-top: 1px solid var(--border); border-left: 1px solid var(--border);
}
.sell-stat { padding: 0.875rem 1rem; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.sell-stat dt { color: var(--text-2); font-size: var(--fs-small); font-weight: 500; }
.sell-stat dd { margin: 0.25rem 0 0; }
.sell-stat-value { display: block; font-size: var(--fs-h3); font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.sell-stat-sub { display: block; color: var(--text-2); font-size: var(--fs-small); }
@media (max-width: 599.98px) { .sell-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sell-chart { margin: 0 0 0.5rem; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius-lg); }
.sell-chart-bars { display: grid; grid-template-columns: repeat(13, 1fr); gap: 0.25rem; align-items: end; height: 160px; }
.sell-chart-col { display: flex; align-items: flex-end; height: 100%; }
.sell-chart-bar { width: 100%; height: var(--bar, 0%); background: var(--accent); border-radius: 3px 3px 0 0; }
.sell-chart-bar--some { min-height: 4px; }
.sell-chart-bar--none { visibility: hidden; }
.sell-chart-labels { display: grid; grid-template-columns: repeat(13, 1fr); gap: 0.25rem; margin-top: 0.5rem; text-align: center; color: var(--text-2); font-size: var(--fs-caption); }
@media (max-width: 599.98px) { .sell-chart-labels span:nth-child(even) { visibility: hidden; } }
.sell-report-block { margin: 0 0 2rem; }
.sell-report-block > h2 { margin: 0 0 0.75rem; font-size: var(--fs-large); }
.sell-report-block > p { color: var(--text-2); font-size: var(--fs-small); }
.sell-figure { font-size: var(--fs-h3); font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; margin: 0; }

/* ---------- Seller setup / address confirm ---------- */
.sell-address-options { display: grid; gap: 0.75rem; margin: 0 0 1.5rem; }
.sell-address-option {
    display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem;
    border: 1px solid var(--field-border); border-radius: var(--radius-lg); background: var(--surface); cursor: pointer;
    font-family: var(--font-sans); font-size: var(--fs-body); font-weight: 400; text-transform: none; letter-spacing: normal; color: var(--text);
}
.sell-address-option:has(input:checked) { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.sell-address-option input { margin-top: 0.125rem; flex: 0 0 auto; }
.sell-address-option strong { display: block; margin: 0 0 0.25rem; }
.sell-address-option address { font-style: normal; line-height: 1.5; }
.sell-address-option small { display: block; margin-top: 0.375rem; color: var(--text-2); font-size: var(--fs-small); }

/* Bulk upload steps */
.sell-steps-list { list-style: none; counter-reset: sellstep; margin: 1.5rem 0; padding: 0; }
.sell-steps-list > li { counter-increment: sellstep; position: relative; max-width: none; padding: 0 0 1.5rem 2.75rem; }
.sell-steps-list > li::before {
    content: counter(sellstep); position: absolute; left: 0; top: 0;
    width: 2rem; height: 2rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center;
    background: var(--accent-soft); color: var(--accent-deep); font-weight: 700;
}
[data-theme="dark"] .sell-steps-list > li::before { color: var(--accent-2); }
.sell-steps-list h2 { margin: 0.25rem 0 0.375rem; font-size: var(--fs-large); }
.sell-steps-list p { color: var(--text-2); }
.sell-file { display: block; margin: 0.25rem 0 0; font-size: var(--fs-body); }
.sell-sample { margin: 0; padding-left: 1.25rem; color: var(--text-2); }
.sell-sample li + li { margin-top: 0.25rem; }