/* VULTREX SELL COINS — CLEAN REBUILD | BLACK & GOLD */
.sell-page {
    --sell-bg: #070707;
    --sell-surface: #101010;
    --sell-panel: #131313;
    --sell-raised: #191919;
    --sell-line: #292929;
    --sell-gold: #d7b56b;
    --sell-gold-light: #e6cb90;
    --sell-muted: #a6a29a;
    --sell-text: #f8f7f2;
    color: var(--sell-text);
    background: radial-gradient(ellipse at 0 4%, rgba(255, 255, 255, .025), transparent 35%), #090909;
    min-height: 100vh;
    font-family: inherit
}

.sell-page *,
.sell-page *::before,
.sell-page *::after {
    box-sizing: border-box
}

.sell-page .site-container {
    width: min(1180px, calc(100% - 36px));
    margin-inline: auto
}

.sell-page :is(button, input, textarea, select) {
    font: inherit
}

.sell-page button {
    cursor: pointer
}

.sell-page button:disabled {
    opacity: .48;
    cursor: not-allowed
}

.sell-page :is(button, input, textarea, select):focus-visible {
    outline: 2px solid var(--sell-gold);
    outline-offset: 3px
}

.sell-hero {
    position: relative;
    overflow: hidden;
    padding: 52px 0 26px;
    background: linear-gradient(130deg, rgba(181, 117, 17, .11), transparent 38%)
}

.sell-hero::before {
    content: "";
    position: absolute;
    left: -75px;
    top: 0;
    width: 220px;
    height: 1px;
    transform: rotate(-43deg);
    background: linear-gradient(90deg, transparent, var(--sell-gold), transparent);
    box-shadow: 0 0 28px rgba(255, 190, 55, .4);
    pointer-events: none
}

.sell-hero-content {
    max-width: 620px
}

.sell-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 5px 11px;
    border: 1px solid #6a5120;
    border-radius: 999px;
    background: #251d0b;
    color: var(--sell-gold-light);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em
}

.sell-hero h1 {
    font-size: clamp(32px, 4.6vw, 58px);
    line-height: 1.04;
    letter-spacing: -.045em;
    margin: 13px 0 12px;
    font-weight: 850;
    color: #fff
}

.sell-hero h1 span {
    display: block;
    color: var(--sell-gold-light)
}

.sell-hero p {
    color: var(--sell-muted);
    font-size: 14px;
    line-height: 1.7;
    max-width: 580px;
    margin: 0
}

.sell-steps {
    padding: 15px 0 23px
}

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

.sell-step-card {
    position: relative;
    min-width: 0;
    padding: 18px 17px 16px 65px;
    background: linear-gradient(145deg, #15130e, #0d0d0d);
    border: 1px solid var(--sell-line);
    border-radius: 13px;
    transition: border-color .2s, transform .2s
}

.sell-step-card:hover {
    border-color: #a47d30;
    transform: translateY(-2px)
}

.sell-step-icon {
    position: absolute;
    top: 17px;
    left: 16px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--sell-gold);
    background: #29210e;
    border-radius: 9px
}

.sell-step-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

.sell-step-number {
    position: absolute;
    right: 13px;
    top: 12px;
    color: #846a32;
    font-size: 11px;
    font-weight: 800
}

.sell-step-card h3 {
    font-size: 13px;
    margin: 0 0 4px;
    color: #f6f2e9
}

.sell-step-card p {
    font-size: 11px;
    line-height: 1.55;
    margin: 0;
    color: var(--sell-muted)
}

.sell-main-section {
    padding: 0 0 75px
}

.sell-panel {
    padding: 16px;
    background: linear-gradient(155deg, #121212, #090909);
    border: 1px solid #303030;
    border-radius: 17px;
    box-shadow: 0 0 0 1px rgba(255, 210, 94, .035), 0 15px 60px rgba(0, 0, 0, .42);
    min-width: 0
}

.sell-mode-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #272319;
    background: #0b0b0b;
    border-radius: 12px
}

.sell-mode-btn {
    min-height: 47px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #aaa59a;
    font-weight: 750;
    font-size: 13px;
    transition: background .18s, color .18s, border-color .18s
}

.sell-mode-btn:hover {
    color: var(--sell-gold-light);
    background: #1b170d
}

.sell-mode-btn.active,
.sell-mode-btn[aria-selected="true"] {
    background: #d6b16a;
    border-color: #d6b16a;
    color: #171000;
    box-shadow: 0 3px 15px rgba(208, 149, 39, .18)
}

.sell-mode-content {
    display: none;
    min-width: 0
}

.sell-mode-content.active {
    display: block
}

.sell-form-section {
    padding: 17px 0 20px;
    border-bottom: 1px solid #29251d;
    min-width: 0
}

.sell-form-section:first-child {
    padding-top: 3px
}

.sell-form-section:last-child {
    border-bottom: 0
}

.sell-section-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px
}

.sell-section-number {
    flex: none;
    display: grid;
    place-items: center;
    width: 30px;
    height: 29px;
    border-radius: 7px;
    background: #252525;
    color: #d6b16a;
    font-size: 12px;
    font-weight: 900
}

.sell-section-heading h2 {
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
    color: #fff
}

.sell-section-heading p {
    font-size: 11px;
    color: var(--sell-muted);
    margin: 3px 0 0
}

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

.sell-platform-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 69px;
    padding: 12px 14px;
    text-align: left;
    border-radius: 11px;
    border: 1px solid #37332a;
    background: #141414;
    color: #f3efe6;
    transition: border-color .18s, background .18s, box-shadow .18s
}

.sell-platform-card:hover {
    border-color: #b88b35;
    background: #1c190f
}

.sell-platform-card.active,
.sell-platform-card[aria-pressed="true"],
.sell-platform-card.selected {
    border-color: var(--sell-gold);
    background: linear-gradient(120deg, #2b210e, #14130f);
    box-shadow: inset 0 0 0 1px rgba(243, 199, 86, .14), 0 0 14px rgba(217, 164, 50, .11)
}

.sell-platform-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 39px;
    height: 39px;
    border-radius: 9px;
    background: #2b220e;
    color: var(--sell-gold)
}

.sell-platform-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8
}

.sell-platform-card strong {
    display: block;
    font-size: 13px;
    color: #f8f4ea
}

.sell-platform-card small {
    display: block;
    font-size: 10px;
    color: var(--sell-muted);
    margin-top: 3px
}

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

.sell-field {
    min-width: 0;
    margin-bottom: 13px
}

.sell-field label {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 700;
    color: #e8e2d7
}

.optional-label {
    color: #b3a47d;
    font-size: 10px;
    font-weight: 500
}

.sell-field input,
.sell-field textarea,
.sell-field select {
    width: 100%;
    min-width: 0;
    background: #0b0c0d !important;
    border: 1px solid #302e29 !important;
    color: #f7f3e9 !important;
    border-radius: 8px;
    padding: 12px 13px;
    min-height: 43px;
    outline: none;
    box-shadow: none;
    transition: border-color .2s
}

.sell-field textarea {
    min-height: 76px;
    resize: vertical
}

.sell-field input:focus,
.sell-field textarea:focus,
.sell-field select:focus {
    border-color: #d4a947 !important;
    box-shadow: 0 0 0 3px rgba(226, 179, 67, .11)
}

.sell-field input::placeholder,
.sell-field textarea::placeholder {
    color: #797770
}

.sell-field>small {
    display: block;
    color: var(--sell-muted);
    font-size: 11px;
    margin-top: 6px
}

.sell-input-suffix {
    display: flex;
    align-items: center;
    min-width: 0;
    background: #0b0c0d;
    border: 1px solid #302e29;
    border-radius: 9px;
    overflow: hidden
}

.sell-input-suffix:focus-within {
    border-color: #d4a947
}

.sell-input-suffix input {
    flex: 1;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 0
}

.sell-input-suffix>span,
.sell-input-suffix>div {
    padding: 0 12px;
    color: var(--sell-gold);
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap
}

.sell-price-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin: 15px 0
}

.sell-price-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 15px;
    background: #171717;
    border: 1px solid #303030;
    border-radius: 11px
}

.sell-price-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    background: #29210e;
    color: var(--sell-gold);
    border-radius: 8px
}

.sell-price-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7
}

.sell-price-card>div {
    min-width: 0;
    flex: 1
}

.sell-price-card span:not(.sell-price-icon):not(.sell-coin-stack) {
    display: block;
    font-size: 11px;
    color: #b4ab98
}

.sell-price-card strong {
    display: block;
    margin-top: 5px;
    color: #f5f3ee;
    font-size: clamp(15px, 2vw, 20px);
    overflow-wrap: anywhere
}

.sell-price-total {
    border-color: #6e5a36;
    background: #201d18
}

.sell-coin-stack {
    position: relative;
    display: block;
    width: 21px;
    height: 21px
}

.sell-coin-stack i {
    position: absolute;
    left: 3px;
    width: 16px;
    height: 7px;
    border: 2px solid var(--sell-gold);
    border-radius: 50%;
    background: #28200d
}

.sell-coin-stack i:nth-child(1) {
    top: 3px
}

.sell-coin-stack i:nth-child(2) {
    top: 8px
}

.sell-coin-stack i:nth-child(3) {
    top: 13px
}

.sell-checkbox,
.sell-terms {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 11px;
    line-height: 1.6;
    color: #aaa69c;
    margin: 12px 0
}

.sell-checkbox input,
.sell-terms input {
    accent-color: #d9a83d;
    flex: none;
    margin-top: 3px
}

.sell-submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 49px;
    margin-top: 16px;
    border: 1px solid #d6b16a;
    border-radius: 9px;
    background: #d6b16a;
    color: #151006;
    font-weight: 900;
    font-size: 14px;
    box-shadow: 0 5px 22px rgba(195, 139, 30, .2);
    transition: filter .2s, transform .2s
}

.sell-submit-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px)
}

.sell-form-message {
    margin: 12px 0;
    padding: 12px;
    border: 1px solid #6b4e21;
    border-radius: 9px;
    background: #241b0b;
    color: #ffe2a1;
    font-size: 12px
}

.sell-bulk-box,
.sell-bulk-launch-card,
.sell-upload-area,
.bulk-format-card {
    background: #121212;
    border: 1px solid #3d311b;
    border-radius: 12px;
    padding: 20px
}

.sell-bulk-launch-card {
    display: flex;
    align-items: center;
    gap: 15px
}

.sell-bulk-icon,
.sell-bulk-launch-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #2a210f;
    color: var(--sell-gold)
}

.sell-bulk-open-btn,
.bulk-upload-button,
.bulk-upload-submit-btn,
.bulk-template-btn,
.bulk-download-template {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    border: 1px solid #d3a343;
    border-radius: 9px;
    background: #d6b16a;
    color: #181208;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none
}

.sell-bulk-open-btn:hover,
.bulk-upload-button:hover,
.bulk-upload-submit-btn:hover,
.bulk-template-btn:hover {
    filter: brightness(1.1)
}

.sell-bulk-format,
.sell-bulk-box p,
.sell-bulk-launch-card p {
    color: var(--sell-muted);
    font-size: 12px;
    line-height: 1.65
}

.sell-mini-coins,
.sell-column-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.sell-column-tags>* {
    border: 1px solid #584421;
    border-radius: 6px;
    background: #241b0c;
    color: #f3c865;
    padding: 5px 9px;
    font-size: 11px
}

.sell-upload-area,
.bulk-dropzone,
.bulk-upload-dropzone {
    border: 1px dashed #826326;
    background: #11100d;
    border-radius: 12px;
    text-align: center;
    padding: 30px 18px;
    transition: border-color .2s, background .2s
}

.sell-upload-area:hover,
.bulk-dropzone:hover,
.bulk-upload-dropzone:hover {
    border-color: #f0c85b;
    background: #1c170c
}

.bulk-sell-modal,
.bulk-modal-backdrop,
.bulk-sell-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10000
}

.bulk-sell-modal {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(6px)
}

.bulk-sell-modal.active,
.bulk-sell-modal.open,
.bulk-sell-modal.is-open,
.bulk-sell-modal[aria-hidden="false"] {
    display: flex
}

.bulk-modal-backdrop,
.bulk-sell-backdrop {
    background: rgba(0, 0, 0, .78)
}

.bulk-modal-dialog,
.bulk-sell-dialog {
    position: relative;
    z-index: 1;
    width: min(700px, 100%);
    max-height: min(88vh, 850px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 22px;
    background: #101010;
    border: 1px solid #8b6927;
    border-radius: 17px;
    color: #f7f1e7;
    box-shadow: 0 25px 100px rgba(0, 0, 0, .75)
}

.bulk-modal-header,
.bulk-modal-heading,
.bulk-format-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px
}

.bulk-modal-close,
.bulk-cancel-btn,
.bulk-cancel-button {
    display: inline-grid;
    place-items: center;
    border: 1px solid #4b3a20;
    border-radius: 8px;
    background: #201a10;
    color: #f3d28b;
    min-width: 36px;
    min-height: 36px
}

.bulk-modal-close {
    margin-left: auto
}

.bulk-modal-title-icon,
.bulk-modal-main-icon,
.bulk-format-title-icon,
.bulk-info-icon,
.bulk-important-icon,
.bulk-security-icon,
.bulk-file-icon,
.bulk-cloud-icon,
.bulk-upload-cloud,
.bulk-selected-file-icon,
.bulk-security-badge-icon,
.bulk-notes-icon {
    color: var(--sell-gold)
}

.bulk-modal-dialog h2,
.bulk-sell-dialog h2,
.bulk-modal-dialog h3,
.bulk-sell-dialog h3 {
    color: #f9f3e8
}

.bulk-modal-dialog p,
.bulk-sell-dialog p,
.bulk-modal-dialog small,
.bulk-sell-dialog small {
    color: #aaa398;
    line-height: 1.6
}

.bulk-file-types,
.bulk-supported-formats,
.bulk-supported-list,
.bulk-modal-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

.bulk-file-type,
.bulk-file-format,
.bulk-file-limit,
.bulk-order-limit,
.bulk-security-badge,
.bulk-modal-security,
.bulk-selected-file,
.bulk-important-notes,
.bulk-notes {
    padding: 10px 12px;
    border: 1px solid #3c301a;
    background: #19160f;
    border-radius: 9px;
    color: #e5d4af;
    font-size: 12px
}

.bulk-selected-file {
    display: flex;
    align-items: center;
    gap: 9px
}

.bulk-table-wrapper {
    overflow-x: auto;
    max-width: 100%
}

.bulk-format-table,
.bulk-example-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    min-width: 420px
}

.bulk-format-table th,
.bulk-format-table td,
.bulk-example-table th,
.bulk-example-table td {
    border-bottom: 1px solid #302b22;
    padding: 10px;
    text-align: left;
    color: #d6d0c2
}

.bulk-format-table th,
.bulk-example-table th {
    background: #241b0e;
    color: #f0c768
}

.sell-batch-progress,
.sell-batch-overall,
.sell-batch-accounts,
.sell-batch-summary-card,
.sell-batch-account-item {
    padding: 15px;
    background: #151515;
    border: 1px solid #392f1e;
    border-radius: 11px;
    margin: 10px 0
}

.sell-batch-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px
}

.sell-batch-summary-card {
    min-width: 0;
    margin: 0
}

.sell-batch-progress-header,
.sell-batch-progress-meta,
.sell-batch-accounts-header,
.sell-batch-accounts-heading,
.sell-batch-account-top,
.sell-batch-account-identity,
.sell-batch-account-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap
}

.sell-batch-progress-track,
.sell-batch-account-progress-track {
    height: 9px;
    border-radius: 999px;
    background: #302719;
    overflow: hidden;
    margin-top: 10px
}

.sell-batch-progress-bar,
.sell-batch-account-progress-bar {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #a8791f, #ffe080);
    border-radius: inherit;
    transition: width .3s
}

.sell-batch-status-badge,
.sell-batch-account-status {
    display: inline-flex;
    align-items: center;
    border: 1px solid #705524;
    background: #251d0c;
    border-radius: 999px;
    padding: 5px 9px;
    color: #f0c65f;
    font-size: 11px
}

.sell-batch-counts {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 12px 0;
    color: #bfb7a7;
    font-size: 12px
}

.sell-batch-count-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d3a746;
    margin-right: 5px
}

.sell-batch-count-dot.failed {
    background: #e26565
}

.sell-batch-count-dot.completed {
    background: #d7bb70
}

.sell-batch-count-dot.processing {
    background: #e0a53e
}

.sell-batch-count-dot.review {
    background: #9f8d70
}

.sell-batch-refresh-btn,
.secondary-action-btn {
    border: 1px solid #8b682b;
    background: #241b0d;
    color: #f5d38c;
    border-radius: 8px;
    padding: 9px 13px;
    font-weight: 700
}

.sell-batch-account-list {
    display: grid;
    gap: 9px;
    max-height: 520px;
    overflow-y: auto
}

.sell-batch-account-item {
    margin: 0;
    min-width: 0
}

.sell-page :is(a) {
    color: #f4c85c
}

.sell-page :is(a):hover {
    color: #ffe799
}

.sell-page [hidden],
.bulk-sell-modal[hidden] {
    display: none !important
}


/* FIXED-SIZE ICONS: prevents inherited site-wide SVG rules from expanding fields */
.sell-page .sell-icon-input,
.sell-page .sell-icon-textarea {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.sell-page .sell-icon-textarea {
    align-items: flex-start;
}

.sell-page .sell-field-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    pointer-events: none;
    color: #9b9b9b;
    z-index: 1;
}

.sell-page .sell-field-icon svg {
    display: block;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px;
    max-height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sell-page .sell-icon-input>input,
.sell-page .sell-icon-textarea>textarea {
    width: 100%;
    padding-left: 43px !important;
}

.sell-page .sell-textarea-icon {
    top: 16px;
    transform: none;
}

.sell-page .sell-platform-check {
    display: none;
    margin-left: auto;
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d6b16a;
    color: #151515;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    line-height: 20px;
}

.sell-page .sell-platform-card.active .sell-platform-check {
    display: block;
}

.sell-page .sell-platform-copy {
    min-width: 0;
    flex: 1;
}

.sell-page .sell-amount-suffix {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.sell-page .sell-mini-coins {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    flex: none;
}

.sell-page .sell-mini-coins i {
    position: absolute;
    left: 2px;
    width: 16px;
    height: 7px;
    border: 1.5px solid #d6b16a;
    border-radius: 50%;
    background: #1b1b1b;
}

.sell-page .sell-mini-coins i:nth-child(1) {
    top: 2px;
}

.sell-page .sell-mini-coins i:nth-child(2) {
    top: 7px;
}

.sell-page .sell-mini-coins i:nth-child(3) {
    top: 12px;
}

.sell-page .sell-checkbox {
    position: relative;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.sell-page .sell-checkbox input {
    width: 18px;
    height: 18px;
    flex: none;
    margin: 1px 0 0;
    accent-color: #d6b16a;
}

.sell-page .sell-checkbox-ui {
    display: none;
}

.sell-page .sell-submit-icon,
.sell-page .sell-submit-arrow,
.sell-page .sell-bulk-btn-icon,
.sell-page .sell-bulk-btn-arrow,
.sell-page .sell-bulk-launch-icon svg,
.sell-page .sell-bulk-features svg {
    width: 19px !important;
    height: 19px !important;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sell-page .sell-bulk-launch-content {
    flex: 1;
    min-width: 0;
}

.sell-page .sell-bulk-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sell-page .sell-bulk-title-row h2 {
    font-size: 17px;
    margin: 0;
}

.sell-page .sell-bulk-badge {
    font-size: 10px;
    color: #c9b788;
    background: #23201a;
    border: 1px solid #383229;
    border-radius: 6px;
    padding: 4px 7px;
}

.sell-page .sell-bulk-features {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: #b6b6b6;
    font-size: 11px;
}

.sell-page .sell-bulk-features>span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.sell-page .sell-bulk-features svg {
    width: 14px !important;
    height: 14px !important;
}

.sell-page .sell-form-message:empty {
    display: none;
}

.sell-page .sell-form-message.success {
    border-color: #365f4c;
    background: #10261c;
    color: #a3e2bc;
}

.sell-page .sell-form-message.error {
    border-color: #6e3535;
    background: #2b1515;
    color: #ffb5b5;
}

.sell-page .sell-form-message.info {
    border-color: #484848;
    background: #1c1c1c;
    color: #e5e5e5;
}

/* Two mandatory 8-digit backup fields (works with PHP field IDs). */
.sell-page .sell-backup-codes-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.sell-page .sell-backup-codes-grid input {
    font-variant-numeric: tabular-nums;
    letter-spacing: .07em;
}

.sell-page .sell-backup-codes-grid input[aria-invalid="true"] {
    border-color: #d86b6b !important;
}

/* Bulk modal is outside .sell-page in PHP, so its icons need independent sizing. */
.bulk-sell-modal {
    --sell-gold: #d6b16a;
    --sell-muted: #aaa;
}

.bulk-sell-modal svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px;
    max-height: 20px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bulk-modal-heading {
    flex: 1;
    min-width: 0;
}

.bulk-modal-heading h2 {
    font-size: 19px;
    margin: 0 0 4px;
}

.bulk-modal-heading p {
    margin: 0;
    font-size: 12px;
}

.bulk-modal-security {
    display: flex;
    align-items: center;
    gap: 9px;
}

.bulk-modal-security strong,
.bulk-modal-security span {
    display: block;
}

.bulk-modal-close {
    flex: none;
}

.bulk-upload-dropzone {
    display: block;
    cursor: pointer;
    margin: 14px 0;
}

.bulk-file-types {
    justify-content: center;
}

.bulk-file-type {
    display: flex;
    align-items: center;
    gap: 7px;
}

.bulk-upload-cloud {
    display: grid;
    place-items: center;
    margin: 14px auto 8px;
    width: 42px;
    height: 42px;
}

.bulk-upload-cloud svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px;
    max-height: 28px;
}

.bulk-upload-center h3 {
    margin: 6px 0;
    font-size: 16px;
}

.bulk-upload-center p {
    margin: 4px 0;
}

.bulk-supported-list {
    justify-content: center;
    margin-top: 12px;
}

.bulk-supported-list>div {
    color: #aaa;
    font-size: 11px;
}

.bulk-format-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.bulk-format-heading h3 {
    margin: 0;
    font-size: 15px;
}

.bulk-format-heading p {
    margin: 4px 0 0;
}

.bulk-notes {
    display: flex;
    gap: 10px;
    margin: 13px 0;
}

.bulk-notes ul {
    padding-left: 18px;
    margin: 8px 0 0;
}

.bulk-modal-actions {
    justify-content: flex-end;
    margin-top: 16px;
}

.bulk-selected-file[hidden],
.sell-batch-progress[hidden] {
    display: none !important;
}

.bulk-sell-modal .bulk-modal-header {
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .sell-page .sell-backup-codes-grid {
        grid-template-columns: 1fr;
    }

    .bulk-modal-security {
        display: none;
    }

    .bulk-modal-dialog {
        padding: 13px;
    }

    .bulk-format-heading {
        align-items: stretch;
    }
}

@media(min-width:1000px) {
    .sell-hero {
        padding-top: 45px
    }

    .sell-step-grid {
        max-width: 100%
    }

    .sell-panel {
        padding: 21px
    }

    .sell-form-section {
        padding-block: 19px
    }
}

@media(max-width:800px) {
    .sell-step-grid {
        grid-template-columns: 1fr 1fr
    }

    .sell-batch-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width:600px) {
    .sell-page .site-container {
        width: min(100% - 24px, 1180px)
    }

    .sell-hero {
        padding: 33px 0 15px
    }

    .sell-hero h1 {
        font-size: 35px
    }

    .sell-steps {
        padding: 12px 0 17px
    }

    .sell-step-grid {
        grid-template-columns: 1fr;
        gap: 9px
    }

    .sell-step-card {
        padding: 13px 15px 13px 62px
    }

    .sell-step-icon {
        top: 12px
    }

    .sell-panel {
        padding: 11px;
        border-radius: 13px
    }

    .sell-mode-switch {
        gap: 5px;
        margin-bottom: 12px
    }

    .sell-mode-btn {
        font-size: 12px;
        min-height: 43px
    }

    .sell-platform-grid,
    .sell-form-grid,
    .sell-price-summary {
        grid-template-columns: 1fr
    }

    .sell-section-heading h2 {
        font-size: 14px
    }

    .sell-bulk-launch-card {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .bulk-modal-dialog,
    .bulk-sell-dialog {
        padding: 15px;
        max-height: 90vh
    }

    .sell-batch-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(prefers-reduced-motion:reduce) {

    .sell-page *,
    .sell-page *::before,
    .sell-page *::after {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important
    }
}

/* Fix Bulk Modal Overlay */
.bulk-sell-modal {
    isolation: isolate;
}

.bulk-sell-modal>.bulk-sell-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.70);
}

.bulk-sell-modal>.bulk-sell-dialog {
    position: relative;
    z-index: 1;
    background: #141414;
    border-color: #343434;
    color: #f4f4f4;
    scrollbar-width: thin;
    scrollbar-color: #555 #171717;
}


/* ============================================================
   VULTREX 2026 | BUY COINS MATCHING BLACK + GOLD VISUAL FINISH
   Presentation-only. Existing PHP/JS IDs and behaviors unchanged.
   ============================================================ */
.sell-page {
    --sell-bg: #070706;
    --sell-surface: #10100f;
    --sell-panel: #141413;
    --sell-raised: #1b1a17;
    --sell-line: #39301b;
    --sell-gold: #e3ba3e;
    --sell-gold-light: #f3d36c;
    --sell-muted: #a8a7a2;
    --sell-text: #f8f8f6;
    background: #080807;
}

.sell-hero {
    position: relative;
    isolation: isolate;
    padding: 62px 0 42px;
    border-bottom: 1px solid rgba(227, 186, 62, .56);
    background:
        radial-gradient(ellipse at 94% 62%, rgba(198, 134, 11, .27), transparent 34%),
        linear-gradient(117deg, #070707 0%, #0c0b08 61%, #201803 100%);
}

.sell-hero::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 165%;
    left: auto;
    right: 19%;
    top: -31%;
    transform: rotate(37deg);
    background: linear-gradient(transparent, rgba(234, 189, 65, .55), transparent);
    box-shadow: 0 0 24px rgba(234, 189, 65, .14);
    pointer-events: none;
}

.sell-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 3%;
    top: 17%;
    width: min(270px, 25vw);
    height: 220px;
    opacity: .34;
    background-image: radial-gradient(#bc922e 1px, transparent 1px);
    background-size: 13px 13px;
    mask-image: linear-gradient(90deg, transparent, #000);
    pointer-events: none;
}

.sell-hero-content {
    max-width: 760px;
}

.sell-eyebrow {
    background: rgba(30, 24, 11, .72);
    border: 1px solid #826321;
    color: #edc74f;
    letter-spacing: .23em;
}

.sell-hero h1 {
    font-size: clamp(40px, 5.8vw, 76px);
    line-height: 1.03;
    letter-spacing: -.05em;
}

.sell-hero h1 span {
    color: #e3ba3e;
}

.sell-hero p {
    font-size: 14px;
    color: #c3c3bd;
}

.sell-steps {
    padding: 22px 0 27px;
}

.sell-step-card {
    background: linear-gradient(145deg, #14130f, #0c0c0b);
    border: 1px solid #3a301b;
    border-radius: 13px;
}

.sell-step-card:hover {
    border-color: #a9852c;
}

.sell-step-icon {
    background: #2b2412;
    color: #e6bd42;
}

.sell-step-number {
    color: #e0b946;
}

.sell-panel {
    background: linear-gradient(155deg, #141413, #0b0b0a);
    border-color: #3b321f;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .32);
}

.sell-mode-switch {
    border-color: #3b311d;
    background: #090909;
}

.sell-mode-btn.active,
.sell-mode-btn[aria-selected="true"] {
    color: #15120a;
    background: linear-gradient(105deg, #c79321, #f4d66d 55%, #d9ac37);
    border-color: #e8bd46;
    box-shadow: 0 4px 19px rgba(213, 158, 33, .2);
}

.sell-form-section {
    border-bottom-color: #302a1c;
}

.sell-section-number {
    color: #17120a;
    background: linear-gradient(140deg, #f7dc76, #d9a82b);
    box-shadow: 0 2px 13px rgba(211, 166, 45, .12);
}

.sell-section-heading h2 {
    color: #fafafa;
    font-weight: 800;
}

.sell-section-heading p {
    color: #b5b5b0;
}

.sell-platform-card {
    border-color: #36332b;
    background: #131312;
}

.sell-platform-card:hover {
    border-color: #c79a30;
    background: #1b180f;
}

.sell-platform-card.active,
.sell-platform-card[aria-pressed="true"],
.sell-platform-card.selected {
    border-color: #e4b62e;
    background: linear-gradient(110deg, #33270c, #18160e);
    box-shadow: inset 0 0 0 1px rgba(238, 194, 67, .12), 0 5px 18px rgba(207, 159, 34, .09);
}

.sell-platform-icon {
    background: #2c2411;
    color: #e6bd42;
}

.sell-page .sell-platform-check {
    background: #e8bd42;
    color: #141008;
}

.sell-field label {
    color: #efeeea;
}

.sell-field input,
.sell-field textarea,
.sell-field select {
    background: #0d0d0d !important;
    border-color: #39362e !important;
    color: #fafafa !important;
}

.sell-field input:focus,
.sell-field textarea:focus,
.sell-field select:focus {
    border-color: #e0b640 !important;
    box-shadow: 0 0 0 3px rgba(224, 182, 64, .12);
}

.sell-input-suffix {
    background: #0d0d0d;
    border-color: #39362e;
}

.sell-input-suffix:focus-within {
    border-color: #e0b640;
}

.sell-price-card {
    background: #151411;
    border-color: #3b3220;
}

.sell-price-icon {
    background: #302612;
    color: #ebc34d;
}

.sell-price-card strong {
    color: #f8f6ef;
}

.sell-price-total {
    background: linear-gradient(110deg, #29210f, #181612);
    border-color: #a48029;
}

.sell-price-total strong {
    color: #f3cd58;
}

.sell-submit-btn {
    border-color: #e8bf4b;
    background: linear-gradient(105deg, #c48e1e, #f7d773 53%, #d7a62d);
    color: #151006;
    box-shadow: 0 5px 22px rgba(200, 143, 28, .17);
}

.sell-bulk-box,
.sell-bulk-launch-card,
.sell-upload-area,
.bulk-format-card {
    background: #121211;
    border-color: #40341b;
}

.sell-bulk-icon,
.sell-bulk-launch-icon {
    background: #302511;
    color: #edc44b;
}

.sell-bulk-open-btn,
.bulk-upload-button,
.bulk-upload-submit-btn,
.bulk-template-btn,
.bulk-download-template {
    border-color: #e7bd4c;
    background: linear-gradient(110deg, #d9a82e, #f4d36c);
    color: #171108;
}

.sell-page .sell-bulk-badge {
    background: #26200f;
    color: #e5c56a;
    border-color: #5a4720;
}

.sell-page .sell-mini-coins i {
    border-color: #e6bb42;
}

.sell-page .sell-backup-codes-grid {
    gap: 15px;
}

.sell-page .sell-backup-codes-grid input {
    letter-spacing: .09em;
}

.sell-page .sell-form-message.success {
    color: #a3e2bc;
}

.sell-page .sell-form-message.error {
    color: #ffb5b5;
}

/* MODAL: intentionally unscoped because markup lives outside .sell-page */
.bulk-sell-modal {
    --sell-gold: #e5b940;
    --sell-gold-light: #f4d774;
    --sell-muted: #b5b4ad;
    isolation: isolate;
    padding: clamp(12px, 2.3vw, 32px);
    background: rgba(0, 0, 0, .77);
    backdrop-filter: blur(8px);
}

.bulk-sell-modal>.bulk-sell-backdrop,
.bulk-sell-modal>.bulk-modal-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .25);
}

.bulk-sell-modal>.bulk-sell-dialog,
.bulk-sell-modal>.bulk-modal-dialog,
.bulk-sell-modal .bulk-sell-dialog,
.bulk-sell-modal .bulk-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(1180px, 100%);
    max-width: 1180px;
    max-height: min(94dvh, 1040px);
    padding: clamp(18px, 2.1vw, 30px);
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #786023;
    border-radius: 19px;
    background: linear-gradient(145deg, #151411, #0a0a09 78%);
    color: #f8f8f6;
    box-shadow: 0 24px 110px rgba(0, 0, 0, .78), 0 0 0 1px rgba(240, 197, 66, .045);
    scrollbar-width: thin;
    scrollbar-color: #6c5933 #161512;
}

.bulk-sell-modal .bulk-sell-dialog::-webkit-scrollbar,
.bulk-sell-modal .bulk-modal-dialog::-webkit-scrollbar {
    width: 8px;
}

.bulk-sell-modal .bulk-sell-dialog::-webkit-scrollbar-thumb,
.bulk-sell-modal .bulk-modal-dialog::-webkit-scrollbar-thumb {
    background: #6c5933;
    border-radius: 20px;
}

.bulk-sell-modal .bulk-modal-header {
    gap: 18px;
    margin-bottom: 22px;
}

.bulk-sell-modal .bulk-modal-heading h2 {
    font-size: clamp(20px, 2vw, 27px);
    color: #fff;
}

.bulk-sell-modal .bulk-modal-heading p {
    font-size: 13px;
    color: #bdbcb6;
}

.bulk-sell-modal .bulk-modal-security {
    border-color: #59451e;
    background: #19160f;
    color: #f5e7bf;
    border-radius: 12px;
}

.bulk-sell-modal .bulk-modal-close {
    background: #211b11;
    border-color: #57431d;
    color: #f1ce66;
    width: 43px;
    height: 43px;
}

.bulk-sell-modal .bulk-modal-close:hover {
    background: #382b12;
    border-color: #cda238;
}

.bulk-sell-modal .bulk-upload-dropzone,
.bulk-sell-modal .bulk-dropzone {
    background: radial-gradient(ellipse at 50% 80%, rgba(157, 106, 12, .12), transparent 72%), #12100b;
    border: 1px dashed #b68b2e;
    border-radius: 15px;
    padding: clamp(24px, 3vw, 40px) 22px;
    margin: 14px 0 19px;
}

.bulk-sell-modal .bulk-upload-dropzone:hover,
.bulk-sell-modal .bulk-dropzone:hover {
    background: #211b0e;
    border-color: #f2c54d;
}

.bulk-sell-modal .bulk-upload-center h3 {
    font-size: 20px;
    color: #fff;
}

.bulk-sell-modal .bulk-upload-center p {
    font-size: 14px;
    color: #c6c2b6;
}

.bulk-sell-modal .bulk-file-type {
    background: #17150f;
    border-color: #54411c;
    color: #f3d16c;
}

.bulk-sell-modal .bulk-format-card,
.bulk-sell-modal .bulk-format-section,
.bulk-sell-modal .bulk-notes,
.bulk-sell-modal .bulk-important-notes {
    background: #111110;
    border: 1px solid #3d331f;
    border-radius: 13px;
}

.bulk-sell-modal .bulk-format-card {
    padding: clamp(15px, 2vw, 24px);
}

.bulk-sell-modal .bulk-format-heading h3 {
    font-size: 18px;
    color: #fff;
}

.bulk-sell-modal .bulk-format-heading p {
    font-size: 13px;
    color: #c4c1b9;
}

.bulk-sell-modal .bulk-table-wrapper {
    overflow-x: auto;
    border-radius: 9px;
}

.bulk-sell-modal .bulk-format-table,
.bulk-sell-modal .bulk-example-table {
    min-width: 600px;
    font-size: 13px;
}

.bulk-sell-modal .bulk-format-table th,
.bulk-sell-modal .bulk-example-table th {
    background: #2b220e;
    color: #f1c34e;
    font-weight: 800;
    white-space: nowrap;
}

.bulk-sell-modal .bulk-format-table td,
.bulk-sell-modal .bulk-example-table td {
    color: #eeeae0;
}

.bulk-sell-modal .bulk-notes {
    background: #1a160e;
    border-color: #56431b;
    padding: 16px 19px;
}

.bulk-sell-modal .bulk-notes strong {
    color: #f2cd60;
}

.bulk-sell-modal .bulk-modal-dialog p,
.bulk-sell-modal .bulk-sell-dialog p,
.bulk-sell-modal .bulk-modal-dialog small,
.bulk-sell-modal .bulk-sell-dialog small {
    color: #c1bfb9;
}

.bulk-sell-modal .bulk-modal-dialog :is(button, a, input):focus-visible,
.bulk-sell-modal .bulk-sell-dialog :is(button, a, input):focus-visible {
    outline: 2px solid #e8bf4a;
    outline-offset: 3px;
}

.bulk-sell-modal .bulk-upload-button,
.bulk-sell-modal .bulk-upload-submit-btn,
.bulk-sell-modal .bulk-download-template,
.bulk-sell-modal .bulk-template-btn {
    color: #161108;
    background: linear-gradient(110deg, #d8a32b, #f4d573);
    border-color: #edc44f;
}

.bulk-sell-modal .bulk-selected-file {
    border-color: #6d5422;
    background: #221b0e;
}

.bulk-sell-modal .sell-batch-progress,
.bulk-sell-modal .sell-batch-overall,
.bulk-sell-modal .sell-batch-accounts,
.bulk-sell-modal .sell-batch-summary-card,
.bulk-sell-modal .sell-batch-account-item {
    background: #151411;
    border-color: #42351b;
}

@media (min-width:1050px) {
    .bulk-sell-modal .bulk-modal-header {
        flex-wrap: nowrap;
    }

    .bulk-sell-modal .bulk-upload-dropzone {
        min-height: 285px;
    }
}

@media (max-width:800px) {

    .bulk-sell-modal>.bulk-sell-dialog,
    .bulk-sell-modal>.bulk-modal-dialog {
        max-height: 93dvh;
        padding: 18px;
    }

    .bulk-sell-modal .bulk-modal-header {
        flex-wrap: wrap;
    }

    .bulk-sell-modal .bulk-modal-security {
        margin-left: 0;
    }

    .sell-hero {
        padding: 42px 0 28px;
    }
}

@media (max-width:600px) {
    .sell-hero h1 {
        font-size: clamp(36px, 9vw, 48px);
    }

    .sell-hero::after {
        display: none;
    }

    .bulk-sell-modal {
        padding: 9px;
    }

    .bulk-sell-modal>.bulk-sell-dialog,
    .bulk-sell-modal>.bulk-modal-dialog {
        padding: 15px;
        border-radius: 13px;
        max-height: 96dvh;
    }

    .bulk-sell-modal .bulk-modal-heading h2 {
        font-size: 19px;
    }

    .bulk-sell-modal .bulk-upload-dropzone {
        padding: 22px 12px;
    }

    .bulk-sell-modal .bulk-format-table,
    .bulk-sell-modal .bulk-example-table {
        min-width: 580px;
    }
}


/* ===========================================================
   BULK UPLOAD REFINEMENT — legibility, density and performance
   Scoped to modal; no upload/validation logic touched.
   =========================================================== */
.bulk-sell-modal {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(0, 0, 0, .86);
    font-family: inherit;
    text-rendering: optimizeLegibility;
}

.bulk-sell-modal>.bulk-sell-backdrop,
.bulk-sell-modal>.bulk-modal-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(0, 0, 0, .74);
}

.bulk-sell-modal>.bulk-sell-dialog,
.bulk-sell-modal>.bulk-modal-dialog {
    width: min(1120px, calc(100vw - 48px));
    max-height: calc(100dvh - 48px);
    padding: clamp(18px, 2.2vw, 30px);
    border: 1px solid #514323;
    border-radius: 18px;
    background: #101010;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .65);
    scrollbar-width: thin;
    scrollbar-color: #514630 transparent;
    scroll-behavior: auto;
}

.bulk-sell-modal .bulk-modal-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.bulk-sell-modal .bulk-modal-heading h2 {
    font-size: clamp(21px, 2.3vw, 29px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -.025em;
    margin: 0 0 5px;
}

.bulk-sell-modal .bulk-modal-heading p {
    font-size: 13px;
    line-height: 1.5;
    color: #bcbcbc;
}

.bulk-sell-modal .bulk-modal-security {
    flex-shrink: 0;
    padding: 10px 13px;
    background: #181611;
    border: 1px solid #45381d;
    border-radius: 10px;
    font-size: 12px;
}

.bulk-sell-modal .bulk-modal-security strong {
    font-size: 12px;
    color: #f0d17b;
}

.bulk-sell-modal .bulk-modal-security span {
    font-size: 11px;
    color: #c8c5bb;
}

.bulk-sell-modal .bulk-upload-dropzone,
.bulk-sell-modal .bulk-dropzone {
    min-height: 0 !important;
    padding: 23px 20px 25px;
    margin: 0 0 16px;
    border-radius: 13px;
    background: #16140f;
    border: 1px dashed #9b792c;
    box-shadow: none;
    transition: background-color .15s, border-color .15s;
}

.bulk-sell-modal .bulk-upload-dropzone:hover,
.bulk-sell-modal .bulk-dropzone:hover {
    background: #1b180f;
}

.bulk-sell-modal .bulk-file-types {
    gap: 8px;
}

.bulk-sell-modal .bulk-file-type {
    padding: 8px 11px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.bulk-sell-modal .bulk-upload-cloud {
    margin: 10px auto 5px;
    width: 35px;
    height: 35px;
}

.bulk-sell-modal .bulk-upload-center h3 {
    font-size: 19px;
    font-weight: 750;
    letter-spacing: -.01em;
    margin: 5px 0;
}

.bulk-sell-modal .bulk-upload-center p {
    font-size: 13px;
    line-height: 1.4;
    margin: 3px 0;
}

.bulk-sell-modal .bulk-supported-list {
    margin-top: 9px;
    gap: 10px;
}

.bulk-sell-modal .bulk-supported-list>div {
    font-size: 11px;
    color: #bbb8b0;
}

.bulk-sell-modal .bulk-format-card,
.bulk-sell-modal .bulk-format-section {
    padding: 17px 19px;
    background: #141414;
    border: 1px solid #33302a;
    border-radius: 13px;
    margin-bottom: 14px;
}

.bulk-sell-modal .bulk-format-heading {
    gap: 14px;
    margin-bottom: 11px;
}

.bulk-sell-modal .bulk-format-heading h3 {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: -.01em;
}

.bulk-sell-modal .bulk-format-heading p {
    font-size: 12px;
    color: #b7b7b7;
    margin-top: 4px;
}

.bulk-sell-modal .bulk-template-btn,
.bulk-sell-modal .bulk-download-template {
    min-height: 39px;
    font-size: 12px;
    padding: 9px 14px;
    background: #e3ba3e;
    border-color: #e3ba3e;
    color: #15120a;
    box-shadow: none;
}

.bulk-sell-modal .bulk-table-wrapper {
    overflow-x: auto;
    max-width: 100%;
}

.bulk-sell-modal .bulk-format-table,
.bulk-sell-modal .bulk-example-table {
    min-width: 640px;
    width: 100%;
    font-size: 12px;
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
}

.bulk-sell-modal .bulk-format-table th,
.bulk-sell-modal .bulk-example-table th {
    padding: 11px 12px;
    background: #282212;
    color: #e9c75e;
    font-weight: 750;
    font-size: 12px;
    white-space: nowrap;
}

.bulk-sell-modal .bulk-format-table td,
.bulk-sell-modal .bulk-example-table td {
    padding: 11px 12px;
    color: #e5e5e5;
    border-color: #303030;
}

.bulk-sell-modal .bulk-format-table tbody tr:hover,
.bulk-sell-modal .bulk-example-table tbody tr:hover {
    background: #1a1916;
}

.bulk-sell-modal .bulk-notes,
.bulk-sell-modal .bulk-important-notes {
    padding: 13px 17px;
    background: #19170f;
    border: 1px solid #4c3e21;
    border-radius: 11px;
    color: #d5d1c6;
    margin: 0;
}

.bulk-sell-modal .bulk-notes strong,
.bulk-sell-modal .bulk-important-notes strong {
    font-size: 13px;
    color: #e8c15a;
}

.bulk-sell-modal .bulk-notes ul,
.bulk-sell-modal .bulk-important-notes ul {
    margin: 6px 0 0;
    padding-left: 19px;
}

.bulk-sell-modal .bulk-notes li,
.bulk-sell-modal .bulk-important-notes li {
    font-size: 12px;
    line-height: 1.55;
    color: #cfcac0;
}

.bulk-sell-modal :is(button, a) {
    transition: background-color .15s, border-color .15s, color .15s;
}

@media(max-width:760px) {
    .bulk-sell-modal {
        padding: 9px;
    }

    .bulk-sell-modal>.bulk-sell-dialog,
    .bulk-sell-modal>.bulk-modal-dialog {
        width: 100%;
        max-height: calc(100dvh - 18px);
        padding: 16px;
        border-radius: 13px;
    }

    .bulk-sell-modal .bulk-modal-header {
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }

    .bulk-sell-modal .bulk-modal-security {
        display: none;
    }

    .bulk-sell-modal .bulk-modal-heading h2 {
        font-size: 21px;
    }

    .bulk-sell-modal .bulk-upload-dropzone {
        padding: 18px 12px;
    }

    .bulk-sell-modal .bulk-format-card {
        padding: 13px 12px;
    }

    .bulk-sell-modal .bulk-format-table,
    .bulk-sell-modal .bulk-example-table {
        min-width: 610px;
    }
}

@media(prefers-reduced-motion:reduce) {

    .bulk-sell-modal *,
    .bulk-sell-modal *::before,
    .bulk-sell-modal *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* Sell Coins refinements — compact heading and two-card price preview */
.sell-page .sell-hero h1 {
    font-size: clamp(30px, 3.5vw, 46px);
    line-height: 1.12;
    letter-spacing: -.035em;
}

.sell-page .sell-hero p {
    font-size: clamp(13px, 1.2vw, 15px);
    line-height: 1.65;
}

@media (max-width:600px) {
    .sell-page .sell-hero h1 {
        font-size: clamp(28px, 7.2vw, 36px);
    }
}

.sell-page .sell-authenticator-section {
    margin-top: 16px;
}

.sell-page .sell-authenticator-section input {
    letter-spacing: .035em;
}

/* ============================================================
   VULTREX | Premium account details + wallet settlement
   Scoped visual styles for sections 03 and 04; no JS changes.
   ============================================================ */
.sell-page .sell-account-details-card,
.sell-page .sell-wallet-settlement-card {
    position: relative;
    margin: 18px 0;
    padding: clamp(18px, 2.3vw, 28px);
    border: 1px solid rgba(224, 179, 67, .28);
    border-radius: 17px;
    background: linear-gradient(145deg, #1b1913 0%, #111110 48%, #0d0d0c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 220, 126, .045), 0 10px 30px rgba(0, 0, 0, .14);
}

.sell-page .sell-account-details-card::before,
.sell-page .sell-wallet-settlement-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    right: 22px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(241, 199, 82, .55), transparent);
    pointer-events: none;
}

.sell-page .sell-wallet-settlement-card {
    background: linear-gradient(115deg, #211c10, #14130f 55%, #111110);
    border-color: rgba(231, 190, 77, .45);
}

.sell-page .sell-premium-heading {
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.sell-page .sell-premium-heading>div {
    min-width: 0;
    flex: 1;
}

.sell-page .sell-premium-heading .sell-section-number {
    width: 36px;
    height: 36px;
    font-size: 12px;
    border-radius: 10px;
}

.sell-page .sell-premium-heading-icon {
    display: grid;
    place-items: center;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    border: 1px solid #695225;
    border-radius: 11px;
    background: #302713;
    color: #f2cb64;
}

.sell-page .sell-premium-heading-icon svg {
    display: block;
    width: 21px !important;
    height: 21px !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sell-page .sell-premium-heading h2 {
    font-size: clamp(16px, 1.5vw, 20px);
    letter-spacing: -.02em;
}

.sell-page .sell-premium-heading p {
    max-width: 760px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.6;
    color: #bfb8a7;
}

.sell-page .sell-account-details-card .sell-form-grid {
    gap: 15px;
}

.sell-page .sell-account-details-card .sell-field label {
    margin-bottom: 9px;
    font-size: 12px;
    color: #f1e9d9;
}

.sell-page .sell-account-details-card .sell-icon-input>input {
    min-height: 48px;
    border-radius: 10px;
    background: #0c0c0b !important;
    border-color: #403a2b !important;
}

.sell-page .sell-account-details-card .sell-icon-input:focus-within .sell-field-icon {
    color: #f0c45c;
}

.sell-page .sell-account-details-card .sell-icon-input>input:focus {
    border-color: #d8ac42 !important;
}

.sell-page .sell-backup-section {
    margin-top: 8px;
}

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

.sell-page .sell-backup-grid>* {
    min-width: 0;
}

.sell-page .sell-premium-field>small {
    display: block;
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.65;
    color: #b4ad9d;
}

.sell-page .sell-authenticator-section {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #30291b;
}

.sell-page .sell-authenticator-section .optional-label {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    border: 1px solid #5c4926;
    border-radius: 999px;
    background: #292112;
    color: #e1c077;
}

.sell-page .sell-wallet-settlement-card .sell-premium-heading {
    margin-bottom: 0;
}

.sell-page .sell-wallet-settlement-card .sell-premium-heading p {
    color: #d0c7b1;
}

@media (max-width: 600px) {

    .sell-page .sell-account-details-card,
    .sell-page .sell-wallet-settlement-card {
        margin: 13px 0;
        padding: 16px 13px;
        border-radius: 13px;
    }

    .sell-page .sell-premium-heading {
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 18px;
    }

    .sell-page .sell-premium-heading-icon {
        flex-basis: 33px;
        width: 33px;
        height: 33px;
    }

    .sell-page .sell-premium-heading .sell-section-number {
        width: 30px;
        height: 33px;
    }

    .sell-page .sell-backup-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* ==========================================================
   VULTREX SELL | Unified premium hero + three connected steps
   Matches sell-coins-unified-hero.php; visual changes only.
   ========================================================== */
.sell-page .sell-unified-hero {
    padding: clamp(22px, 3.5vw, 48px) 0 30px;
    border-bottom: 0;
    background: radial-gradient(ellipse at 95% 8%, rgba(205, 151, 35, .13), transparent 40%), #080808;
}

.sell-page .sell-unified-hero::before,
.sell-page .sell-unified-hero::after {
    display: none;
}

.sell-page .sell-unified-frame {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(25px, 4vw, 52px);
    border: 1px solid rgba(232, 186, 67, .55);
    border-radius: 23px;
    background: radial-gradient(ellipse at 100% 0%, rgba(215, 155, 35, .13), transparent 43%), linear-gradient(140deg, #17140e 0%, #0c0c0b 50%, #11100d 100%);
    box-shadow: inset 0 1px 0 rgba(255, 221, 125, .12), 0 16px 48px rgba(0, 0, 0, .25);
}

.sell-page .sell-unified-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 219, 116, .7), transparent);
    pointer-events: none;
}

.sell-page .sell-unified-frame .sell-hero-content {
    max-width: 770px;
}

.sell-page .sell-unified-frame .sell-hero h1 {
    margin-bottom: 14px;
}

.sell-page .sell-unified-frame .sell-steps {
    padding: 31px 0 0;
    margin-top: 31px;
    border-top: 1px solid rgba(224, 179, 67, .2);
}

.sell-page .sell-unified-frame .sell-step-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.sell-page .sell-unified-frame .sell-step-card {
    padding: 21px 18px 20px 65px;
    min-height: 110px;
    border: 1px solid rgba(219, 173, 62, .3);
    border-radius: 14px;
    background: linear-gradient(145deg, #201b11, #11110f);
    box-shadow: inset 0 1px 0 rgba(255, 226, 136, .04);
}

.sell-page .sell-unified-frame .sell-step-card:not(:last-child)::after {
    content: '→';
    position: absolute;
    z-index: 2;
    right: -23px;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    text-align: center;
    color: #e6bd42;
    font-size: 20px;
    font-weight: 700;
    pointer-events: none;
}

.sell-page .sell-unified-frame .sell-step-icon {
    top: 19px;
}

.sell-page .sell-unified-frame .sell-step-card h3 {
    font-size: 14px;
}

.sell-page .sell-unified-frame .sell-step-card p {
    font-size: 11.5px;
}

@media(max-width: 850px) {
    .sell-page .sell-unified-frame .sell-step-grid {
        gap: 12px;
    }

    .sell-page .sell-unified-frame .sell-step-card {
        padding: 56px 12px 15px;
    }

    .sell-page .sell-unified-frame .sell-step-icon {
        top: 12px;
        left: 12px;
    }

    .sell-page .sell-unified-frame .sell-step-card:not(:last-child)::after {
        right: -13px;
        width: 12px;
        font-size: 15px;
    }
}

@media(max-width: 600px) {
    .sell-page .sell-unified-hero {
        padding: 18px 0 22px;
    }

    .sell-page .sell-unified-frame {
        padding: 23px 17px;
        border-radius: 17px;
    }

    .sell-page .sell-unified-frame .sell-steps {
        padding-top: 21px;
        margin-top: 22px;
    }

    .sell-page .sell-unified-frame .sell-step-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .sell-page .sell-unified-frame .sell-step-card {
        padding: 15px 15px 15px 61px;
        min-height: 75px;
    }

    .sell-page .sell-unified-frame .sell-step-icon {
        top: 15px;
        left: 14px;
    }

    .sell-page .sell-unified-frame .sell-step-card:not(:last-child)::after {
        content: '↓';
        top: auto;
        bottom: -19px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 20px;
        font-size: 17px;
    }
}


/* ================================================================
   SELL HERO — BUY COINS VISUAL MATCH (2026-10-11)
   Full-bleed black/gold hero; clean feature steps; no outer card.
   All form, wallet, and bulk selectors below the hero stay intact.
   ================================================================ */
.sell-page .sell-buy-style-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(45px, 4vw, 72px) 0 38px;
    border-top: 0;
    border-bottom: 1px solid rgba(221, 174, 51, .6);
    background:
        linear-gradient(128deg, transparent 0 66%, rgba(227, 177, 50, .18) 66.08%, transparent 66.28%),
        linear-gradient(128deg, transparent 0 83%, rgba(236, 186, 61, .65) 83.1%, rgba(255, 211, 95, .95) 83.22%, rgba(190, 125, 24, .17) 83.45%, transparent 83.8%),
        radial-gradient(ellipse at 87% 38%, rgba(177, 115, 17, .34), transparent 43%),
        linear-gradient(105deg, #050505 0%, #080806 52%, #211808 100%);
}

.sell-page .sell-buy-style-hero::before {
    display: block;
    content: '';
    position: absolute;
    pointer-events: none;
    inset: 0 0 0 auto;
    width: 35%;
    height: 100%;
    transform: none;
    box-shadow: none;
    background-image: radial-gradient(rgba(212, 167, 49, .42) .8px, transparent 1px);
    background-size: 14px 14px;
    mask-image: linear-gradient(to right, transparent, #000);
    opacity: .38;
    z-index: -1;
}

.sell-page .sell-buy-style-hero::after {
    display: none;
}

.sell-page .sell-buy-style-hero>.site-container {
    width: min(1180px, calc(100% - 36px));
    position: relative;
    z-index: 1;
}

.sell-page .sell-buy-style-content {
    padding: 0;
    margin: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    isolation: auto;
}

.sell-page .sell-buy-style-content::before {
    display: none;
}

.sell-page .sell-buy-style-content .sell-hero-content {
    max-width: 760px;
}

.sell-page .sell-buy-style-content .sell-eyebrow {
    display: inline-flex;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #e4bb41;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .3em;
}

.sell-page .sell-buy-style-hero h1 {
    margin: 14px 0 18px;
    font-size: clamp(48px, 5.6vw, 74px);
    line-height: 1.01;
    font-weight: 900;
    letter-spacing: -.05em;
    color: #fff;
}

.sell-page .sell-buy-style-hero h1 span {
    display: block;
    color: #e3ba3e;
}

.sell-page .sell-buy-style-hero .sell-hero-content>p {
    max-width: 610px;
    margin: 0;
    color: #d0cec9;
    font-size: 14px;
    line-height: 1.7;
}

.sell-page .sell-buy-style-content .sell-unified-steps {
    padding: 0;
    margin: 29px 0 0;
    border: 0;
}

.sell-page .sell-buy-style-content .sell-step-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sell-page .sell-buy-style-content .sell-step-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 99px;
    padding: 17px 33px 17px 64px;
    border: 1px solid rgba(195, 153, 52, .42);
    border-radius: 12px;
    background: rgba(14, 13, 11, .89);
    box-shadow: none;
    backdrop-filter: none;
    transition: border-color .2s, background-color .2s;
}

.sell-page .sell-buy-style-content .sell-step-card:hover {
    transform: none;
    border-color: #e3ba3e;
    background: #1b170f;
}

.sell-page .sell-buy-style-content .sell-step-icon {
    top: 18px;
    left: 15px;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #2d2512;
    color: #e3ba3e;
}

.sell-page .sell-buy-style-content .sell-step-number {
    top: 10px;
    right: 12px;
    color: #e3ba3e;
    font-size: 10px;
}

.sell-page .sell-buy-style-content .sell-step-card h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.sell-page .sell-buy-style-content .sell-step-card p {
    margin: 0;
    color: #c5c1b8;
    font-size: 11px;
    line-height: 1.5;
}

.sell-page .sell-buy-style-content .sell-step-card:not(:last-child)::after {
    display: none;
}

.sell-page .sell-main-section {
    padding-top: 38px;
}

@media (max-width: 850px) {
    .sell-page .sell-buy-style-hero {
        padding: 46px 0 31px;
    }

    .sell-page .sell-buy-style-content .sell-step-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sell-page .sell-buy-style-content .sell-step-card {
        min-height: 82px;
        padding: 17px 37px 17px 64px;
    }

    .sell-page .sell-buy-style-content .sell-step-icon {
        top: 17px;
    }
}

@media (max-width: 600px) {
    .sell-page .sell-buy-style-hero {
        padding: 35px 0 25px;
    }

    .sell-page .sell-buy-style-hero>.site-container {
        width: calc(100% - 30px);
    }

    .sell-page .sell-buy-style-hero h1 {
        font-size: clamp(39px, 10vw, 54px);
        line-height: 1.05;
    }

    .sell-page .sell-buy-style-hero .sell-hero-content>p {
        font-size: 13px;
    }

    .sell-page .sell-buy-style-content .sell-unified-steps {
        margin-top: 23px;
    }

    .sell-page .sell-main-section {
        padding-top: 22px;
    }
}