.hero {
    padding: 10px 0 28px;
}

.hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr);
    gap: 24px;
    align-items: stretch;
}

.hero-copy,
.info-card,
.feature-card,
.auth-card,
.account-card,
.balance-card,
.public-listing-card,
.listing-filter-form {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--shadow);
}

.hero-copy {
    padding: 44px;
}

.eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.hero h1 {
    margin: 0 0 18px;
    font-size: 54px;
    line-height: 1.08;
    letter-spacing: -0.035em;
    max-width: 820px;
}

.hero-text {
    margin: 0;
    max-width: 760px;
    color: var(--muted);
    font-size: 18px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.hero-info {
    display: grid;
    gap: 20px;
}

.info-card,
.feature-card {
    padding: 28px;
}

.info-card h2,
.feature-card h3 {
    margin: 0 0 12px;
}

.info-card p,
.feature-card p {
    margin: 0;
    color: var(--muted);
}

.features {
    padding: 10px 0 20px;
}

.section-heading {
    margin-bottom: 22px;
}

.section-heading h2 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

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

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.features-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.auth-section,
.account-section {
    padding: 10px 0 30px;
}

.auth-card,
.account-card {
    width: 100%;
    padding: 32px;
}

.auth-card {
    max-width: 720px;
    margin: 0 auto;
}

.auth-card h1,
.account-card h1 {
    margin: 0 0 10px;
    font-size: 34px;
    line-height: 1.15;
}

.auth-subtitle {
    margin: 0 0 24px;
    color: var(--muted);
}

.auth-form {
    display: grid;
    gap: 18px;
}

.auth-form-top {
    margin-top: 16px;
}

.auth-form input[type="url"],
.auth-form input[type="email"],
.auth-form input[type="text"],
.auth-form input[type="password"],
.auth-form input[type="date"],
.auth-form input[type="datetime-local"],
.auth-form textarea,
.auth-form select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d9dee7;
    border-radius: 12px;
    background: #fff;
    font-size: 15px;
    line-height: 1.45;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.auth-form input:focus,
.auth-form textarea:focus,
.auth-form select:focus {
    outline: none;
    border-color: #45b26b;
    box-shadow: 0 0 0 3px rgba(69, 178, 107, 0.12);
}

.auth-form textarea {
    resize: vertical;
    min-height: 150px;
}

.account-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.account-header p {
    margin: 8px 0 0;
    color: var(--muted);
}

.account-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 24px;
}

.account-grid-bottom {
    margin-top: 24px;
}

.account-box {
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.account-box h2 {
    margin-top: 0;
    margin-bottom: 14px;
}

.account-box p {
    margin: 0 0 14px;
    color: var(--muted);
    line-height: 1.75;
}

.account-box p:last-child {
    margin-bottom: 0;
}

.account-box ul li {
    color: #273142;
}

.account-box .form-group {margin-top: 18px;}

.account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.account-actions--offset-top {
    margin-top: 18px;
}

.wallet-auth-box {
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
}

.wallet-auth-box h2 {
    margin: 0 0 8px;
    font-size: 22px;
}

.wallet-auth-box p {
    margin: 0 0 16px;
    color: var(--muted);
}

.wallet-login-status {
    margin-top: 14px;
    min-height: 24px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 600;
}

.wallet-login-status.success {
    color: #2e7d32;
}

.wallet-login-status.error {
    color: #b33939;
}

.listing-filter-form {
    margin-bottom: 24px;
    padding: 18px;
}

.listing-filter-grid {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    gap: 16px;
}

.listing-filter-grid-auction {
    grid-template-columns: 2fr 1fr;
}

.listing-filter-actions {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.listing-table {
    display: grid;
    gap: 16px;
}

.listing-row {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 18px;
    align-items: start;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
}

.listing-row h2 {
    margin: 0 0 8px;
    font-size: 20px;
}

.listing-row h2 a:hover,
.public-listing-title a:hover {
    color: var(--accent);
}

.listing-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.listing-row-side {
    min-width: 140px;
    text-align: right;
}

.listing-row-actions {
    margin-top: 12px;
}

 .listing-row-image {
    width: 164px;
}

.listing-row-thumb,
.listing-row-thumb-placeholder {
    width: 164px;
    height: 124px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: #f8fafc;
    object-fit: contain;
}

.listing-row-thumb {
    padding: 6px;
}

.listing-row-thumb-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 13px;
    text-align: center;
    padding: 8px;
}

.listing-description {
    color: var(--text);
    line-height: 1.7;
}

.listing-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.listing-image-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
}

.listing-image-wrap {
    position: relative;
}

.listing-image-thumb {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: #f8fafc;
}

.listing-image-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.listing-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.listing-gallery-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: #f8fafc;
}

.danger-box {
    border: 1px solid #f1c6c6;
    background: #fff8f8;
}

.public-listing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

.public-listing-card {
    display: grid;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.public-listing-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.public-listing-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f8fafc;
    overflow: hidden;
}

.public-listing-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    background: #fff;
    padding: 0;
}

.public-listing-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    color: var(--muted);
    font-size: 14px;
    background: #f8fafc;
}

.lot-detail-image-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 420px;
    height: 420px;
    background: #f8fafc;
    border: 1px dashed var(--border);
    border-radius: 16px;
    overflow: hidden;
}

.lot-detail-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #f8fafc;
    padding: 16px;
}

.public-listing-body {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.public-listing-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.public-listing-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.35;
}

.public-listing-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}

.public-listing-meta {
    font-size: 14px;
    color: var(--muted);
}

.bid-history {
    display: grid;
    gap: 10px;
}

.bid-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
}

.auction-bid-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.balance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.balance-card {
    padding: 20px;
}

.balance-card-label {
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 10px;
}

.balance-card-value {
    font-size: 28px;
    font-weight: 800;
    color: var(--text);
    line-height: 1.2;
}

.balance-card-value span {
    font-size: 16px;
    font-weight: 700;
    color: var(--muted);
    margin-left: 6px;
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.data-table th,
.data-table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    text-align: left;
    font-size: 14px;
    vertical-align: top;
}

.data-table th {
    font-weight: 700;
    color: var(--text);
    background: #fafafa;
}

.faq-top-nav,
.balance-anchor-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
    margin-bottom: 8px;
}

.faq-top-link,
.balance-anchor-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: #fff;
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.faq-top-link:hover,
.balance-anchor-link:hover {
    color: var(--accent);
    border-color: rgba(68, 189, 50, 0.28);
    background: rgba(68, 189, 50, 0.05);
}

.faq-layout {
    display: grid;
    gap: 22px;
}

.faq-section-block {
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.faq-section-heading {
    margin-bottom: 16px;
}

.faq-section-heading h2 {
    margin: 0;
    font-size: 26px;
    line-height: 1.2;
}

.faq-accordion {
    display: grid;
    gap: 12px;
}

.faq-item {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}

.faq-item[open] {
    border-color: rgba(68, 189, 50, 0.22);
    box-shadow: 0 8px 20px rgba(68, 189, 50, 0.06);
}

.faq-question {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
}

.faq-question::-webkit-details-marker {
    display: none;
}

.faq-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f7f8;
    color: var(--accent);
    font-size: 18px;
    font-weight: 700;
    transition: transform 0.2s ease;
}

.faq-item[open] .faq-icon {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 0 20px 20px;
}

.faq-answer p {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
}

.inline-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.inline-section-head h2 {
    margin: 0;
}

.mini-link {
    color: var(--accent);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.mini-link:hover {
    color: var(--accent-hover);
}

.faq-accordion-compact .faq-question {
    padding: 16px 18px;
    font-size: 15px;
}

.faq-accordion-compact .faq-answer {
    padding: 0 18px 18px;
}

.mini-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(68, 189, 50, 0.08);
    border: 1px solid rgba(68, 189, 50, 0.18);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.listing-gallery-card {
    margin-bottom: 24px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.listing-gallery-main {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: #f8fafc;
    overflow: hidden;
    cursor: zoom-in;
}

.listing-gallery-main-image {
    display: block;
    width: 100%;
    height: min(62vw, 560px);
    object-fit: contain;
    background: #f8fafc;
}

.listing-gallery-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.listing-gallery-thumb {
    width: 92px;
    height: 92px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 14px;
    background: #f8fafc;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.listing-gallery-thumb:hover {
    transform: translateY(-1px);
}

.listing-gallery-thumb.is-active {
    border-color: var(--accent);
}

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

.listing-lightbox[hidden] {
    display: none !important;
}

.listing-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.listing-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.82);
}

.listing-lightbox-dialog {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(96vw, 1280px);
    height: min(92vh, 900px);
    margin: 4vh auto;
    padding: 56px 24px 64px;
}

.listing-lightbox-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.listing-lightbox-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 18px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.32);
    background: #fff;
}

.listing-lightbox-close {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 3;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.listing-lightbox-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 52px;
    height: 52px;
    margin-top: -26px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
}

.listing-lightbox-nav.prev {
    left: 8px;
}

.listing-lightbox-nav.next {
    right: 8px;
}

.listing-lightbox-counter {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

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

.page-hero-text {
    max-width: 760px;
}

.page-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.page-card-grid > .account-box {
    height: 100%;
}

.page-wide-box {
    margin-top: 22px;
}

.page-wide-box .account-box {
    height: auto;
}

.page-cta-box {
    margin-top: 22px;
}

.page-cta-box .account-box,
.home-cta-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.faq-list {
    margin: 0;
    padding-left: 22px;
}

.faq-list li {
    margin-bottom: 12px;
    line-height: 1.7;
}

.support-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr);
    gap: 22px;
    align-items: start;
}

.support-layout > .account-box {
    height: 100%;
}

.support-info-list {
    margin: 18px 0 0;
    padding-left: 22px;
}

.support-info-list li {
    margin-bottom: 12px;
    line-height: 1.7;
}

.hero-extended .hero-copy {
    max-width: 720px;
}

.hero-inner-extended {
    align-items: start;
    gap: 28px;
}

.hero-info-extended {
    display: grid;
    gap: 16px;
}

.hero-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.hero-point {
    padding: 14px 16px;
    border: 1px solid #dfe5ec;
    border-radius: 14px;
    background: #fff;
}

.hero-point strong {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
}

.hero-point span {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #5b6678;
}

.compact-card p {
    margin-bottom: 0;
}

.home-explain,
.home-protection,
.home-categories,
.home-cta {
    padding: 24px 0 8px;
}

.register-cta-box {
    margin-top: 6px;
    padding: 20px;
    border: 1px solid #d9dee7;
    border-radius: 16px;
    background: #f8fafc;
}

.register-cta-box h2 {
    margin: 0 0 10px;
    font-size: 20px;
}

.register-cta-box p {
    margin: 0 0 16px;
    line-height: 1.7;
    color: #5b6678;
}

.register-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    font-weight: 700;
    text-decoration: none;
}

.footer-links a {
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 8px;
}
/* Listing edit redesign */
.listing-edit-page .account-grid {
    align-items: start;
}

.listing-edit-panel {
    border-radius: 24px;
}

.listing-edit-panel--sticky {
    position: sticky;
    top: 24px;
}

.listing-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.listing-panel-head h2 {
    margin: 0 0 8px;
}

.listing-panel-head p {
    margin: 0;
    color: #667287;
    line-height: 1.65;
}

.listing-panel-kicker,
.listing-type-block__badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #f0f6ec;
    color: #2d7b24;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 12px;
}

.listing-edit-meta-grid,
.listing-edit-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.listing-edit-split--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listing-meta-chip {
    padding: 14px 16px;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    background: #fafcff;
}

.listing-meta-chip span {
    display: block;
    color: #667287;
    font-size: 13px;
    margin-bottom: 6px;
}

.listing-meta-chip strong {
    color: #0f172a;
}

.listing-type-block {
    margin-top: 22px;
}

.listing-type-block__head {
    margin-bottom: 18px;
}

.listing-type-block__head h3 {
    margin: 0 0 8px;
    font-size: 28px;
}

.listing-type-block__head p {
    margin: 0;
    color: #667287;
    line-height: 1.7;
}

.listing-fee-note {
    padding: 16px 18px;
    border: 1px solid #dbe3ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfcfe 0%, #f7fafc 100%);
    margin-bottom: 18px;
}

.listing-fee-note p {
    margin: 8px 0 0;
    color: #475569;
}

.listing-fee-note__example {
    color: #0f172a;
    font-weight: 600;
}

.duration-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.duration-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 104px;
    padding: 14px;
    border: 1px solid #dbe3ef;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.duration-card:hover {
    border-color: #a3cf7a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.duration-card.is-selected {
    border-color: #39be2b;
    background: #f3fbef;
    box-shadow: inset 0 0 0 1px rgba(57, 190, 43, 0.14);
}

.duration-card input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.duration-card__days {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    color: #0f172a;
}

.duration-card__label {
    margin-top: 8px;
    color: #667287;
    font-size: 14px;
    font-weight: 600;
}

.schedule-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.schedule-card {
    padding: 16px 18px;
    border: 1px solid #dbe3ef;
    border-radius: 18px;
    background: #fafcff;
}

.schedule-card--accent {
    background: #f3fbef;
    border-color: #b7e0ab;
}

.schedule-card span {
    display: block;
    color: #667287;
    font-size: 13px;
    margin-bottom: 8px;
}

.schedule-card strong {
    display: block;
    color: #0f172a;
    line-height: 1.45;
}

.listing-submit-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.listing-submit-box .btn {
    min-width: 180px;
}

.listing-upload-box {
    padding: 18px;
    border: 1px dashed #b9c9dd;
    border-radius: 22px;
    background: linear-gradient(180deg, #fcfdff 0%, #f7fafc 100%);
}

.listing-upload-box__trigger {
    display: block;
    padding: 18px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #dbe3ef;
    cursor: pointer;
    margin-bottom: 14px;
}

.listing-upload-box__title {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.listing-upload-box__text {
    display: block;
    color: #667287;
    line-height: 1.6;
    margin-bottom: 14px;
}

.listing-upload-box__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: #39be2b;
    color: #fff;
    font-weight: 700;
}

.listing-upload-box__input {
    width: 100%;
    margin-bottom: 12px;
}

.listing-upload-box__meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #667287;
    font-size: 13px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.themed-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.themed-image-card {
    padding: 14px;
    border: 1px solid #dbe3ef;
    border-radius: 20px;
    background: #fff;
}

.themed-image-card.is-primary {
    border-color: #39be2b;
    box-shadow: inset 0 0 0 1px rgba(57, 190, 43, 0.14);
}

.themed-image-card__preview {
    position: relative;
    margin-bottom: 14px;
    border-radius: 16px;
    overflow: hidden;
    background: #f7fafc;
}

.themed-image-card__preview img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.themed-image-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(57, 190, 43, 0.92);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.themed-image-card__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.themed-image-card__actions form {
    flex: 1 1 auto;
}

.themed-image-card__actions .btn {
    width: 100%;
}

.listing-edit-panel--danger {
    align-self: start;
}

.btn-block {
    width: 100%;
}

@media (max-width: 1024px) {
    .listing-edit-panel--sticky {
        position: static;
    }

    .duration-card-grid,
    .listing-edit-split,
    .listing-edit-split--triple,
    .listing-edit-meta-grid,
    .schedule-card-grid {
        grid-template-columns: 1fr;
    }
}


/* Listing workflow cohesion */
.listing-workflow-page .account-card { padding: 32px; }
.listing-workflow-grid { align-items: start; gap: 24px; }
.listing-workflow-panel { padding: 24px; }
.listing-workflow-panel .form-group { margin-bottom: 18px; }
.listing-workflow-panel .form-group:last-child { margin-bottom: 0; }
.listing-workflow-kicker--section { margin-top: 18px; }

.listing-workflow-kicker--section { margin-top: 18px; }
.listing-workflow-fields-2--strict {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    column-gap: 16px;
    row-gap: 16px;
}
.listing-workflow-fields-2--strict > * {
    min-width: 0;
}
.listing-workflow-fields-2--strict .form-group {
    align-content: start;
}
.listing-workflow-grid-placeholder {
    min-height: 1px;
}
.listing-workflow-wallet-group {
    margin-top: 16px;
}
.listing-workflow-side-panel .listing-workflow-fields-2--strict .form-group input,
.listing-workflow-side-panel .listing-workflow-fields-2--strict .form-group select,
.listing-workflow-side-panel .listing-workflow-fields-2--strict .form-group textarea,
.listing-workflow-panel .listing-workflow-fields-2--strict .form-group input,
.listing-workflow-panel .listing-workflow-fields-2--strict .form-group select,
.listing-workflow-panel .listing-workflow-fields-2--strict .form-group textarea {
    width: 100%;
    box-sizing: border-box;
}

.listing-workflow-kicker {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    background: #edf7e8;
    color: #2c7a2c;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 14px;
}
.listing-workflow-title { margin: 0 0 10px; font-size: 18px; }
.listing-workflow-section-title { margin: 8px 0 10px; font-size: 18px; }
.listing-workflow-text, .listing-workflow-help { color: var(--muted); font-size: 14px; line-height: 1.6; }
.listing-workflow-text { margin: 0 0 18px; }
.listing-workflow-help--field { margin: 2px 0 0; }
.listing-workflow-help { margin: 10px 0 0; }
.listing-workflow-summary-grid,
.listing-workflow-fields-2,
.listing-workflow-fields-3,
.listing-duration-card-grid { display: grid; gap: 16px; }

.listing-workflow-warning-card { padding: 18px 0px; color: red;}

.form-error {
    margin-top: 8px;
    color: #c62828;
    font-size: 13px;
    line-height: 1.5;
}
.listing-date-preview {
    display: none;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
    color: #6b7280;
}
.listing-date-preview.is-active {
    display: block;
}
.listing-workflow-summary-grid, .listing-workflow-fields-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }

.listing-workflow-summary-grid:not(:has(> :nth-child(3))) {
    margin-bottom: 16px;
}
.listing-workflow-fields-2 > * { min-width: 0; }
.listing-workflow-fields-2 .form-group input,
.listing-workflow-fields-2 .form-group select,
.listing-workflow-fields-2 .form-group textarea { width: 100%; box-sizing: border-box; }
.listing-workflow-fields-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.listing-workflow-summary-card {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 12px 14px;
    background: #fafcff;
}
.listing-workflow-summary-card span {
    display: block; color: var(--muted); font-size: 12px; margin-bottom: 8px;
}
.listing-workflow-summary-card strong { display: block; font-size: 16px; line-height: 1.45; }
.listing-workflow-summary-card.is-accent { background: #f4fbf1; border-color: rgba(76,194,44,0.35); }
.listing-workflow-note-card {
    padding: 16px 18px; border-radius: 16px; border: 1px solid var(--border); background: #f8fafc; margin-bottom: 16px;
}
.listing-workflow-note-card strong { display:block; margin-bottom: 10px; }
.listing-workflow-note-card p { margin: 0 0 8px; color: var(--text); }
.listing-workflow-note-example { color: var(--muted); }
.listing-workflow-actions { margin-top: 18px; display:flex; gap:12px; }
.listing-workflow-actions .btn { width: 100%; }
.listing-duration-card-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.listing-duration-card {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 92px;
    border: 1px solid var(--border); border-radius: 16px; background: #fff; cursor: pointer; transition: .2s ease;
    text-align: center; padding: 12px;
}
.listing-duration-card input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.listing-duration-card strong { font-size: 18px; line-height: 1; margin-bottom: 6px; }
.listing-duration-card span { font-size: 12px; color: var(--muted); }
.listing-duration-card:hover { border-color: rgba(76,194,44,0.45); transform: translateY(-1px); }
.listing-duration-card.is-active { border-color: #4cc22c; box-shadow: inset 0 0 0 1px #4cc22c; background: #f4fbf1; }
.listing-row--enhanced { align-items: center; }
.listing-row-chip-line { display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 10px; }
.listing-chip { display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; background:#edf7e8; color:#2c7a2c; font-size:12px; font-weight:700; }
.listing-chip--soft { background:#f4f7fb; color:#42526b; }
.listing-chip--type { background:#f4fbf1; color:#1f6f0b; }
@media (max-width: 980px) {
  .listing-workflow-grid, .account-grid { grid-template-columns: 1fr; }
  .listing-duration-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .listing-workflow-summary-grid, .listing-workflow-fields-2, .listing-workflow-fields-3, .listing-workflow-fields-2--strict { grid-template-columns: 1fr; }
  .listing-workflow-grid-placeholder { display: none; }
}

.form-error.is-hidden { display: none; }
.listing-workflow-status-group { margin-top: 16px; }


/* Notifications */
.xa-nav__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-left: 8px;
    padding: 0 5px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.notifications-list {
    display: grid;
    gap: 14px;
}
.notification-card {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    padding: 16px 18px;
    background: #fff;
}
.notification-card.is-unread {
    border-color: rgba(0,0,0,.18);
    box-shadow: 0 6px 20px rgba(0,0,0,.04);
}
.notification-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #6b7280;
}
.notification-card__type {
    text-transform: uppercase;
    letter-spacing: .06em;
}
.notification-card__title {
    margin: 0 0 8px;
    font-size: 18px;
}
.notification-card__message {
    margin: 0 0 12px;
    color: #374151;
}

/* Notification preferences */
.notification-preferences-table-wrap {
    overflow-x: auto;
}
.notification-preferences-table {
    width: 100%;
    border-collapse: collapse;
}
.notification-preferences-table th,
.notification-preferences-table td {
    padding: 14px 12px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    text-align: left;
    vertical-align: middle;
}
.notification-preferences-table__title {
    font-weight: 700;
    margin-bottom: 6px;
}
.notification-preferences-table__description {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.45;
}
.notification-pref-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}


.settings-notification-channels {
    display: grid;
    gap: 10px;
}


.btn-sm {
    padding: 8px 12px;
    font-size: 13px;
}


/* Admin settings grid spacing */
.admin-settings-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 32px;
    align-items: start;
}

.admin-settings-grid > .account-box {
    min-width: 0;
}

@media (max-width: 1100px) {
    .admin-settings-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


.listing-filter-grid--single{grid-template-columns:1fr;}
.form-group--full{grid-column:1 / -1;}

/* My listings v1 bulk tools */
.my-listings-card {
    display: grid;
    gap: 20px;
}
.my-listings-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.my-listings-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    text-decoration: none;
    color: inherit;
    background: #fff;
}
.my-listings-tab.is-active {
    border-color: rgba(34, 197, 94, 0.45);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.18);
}
.my-listings-filter-bar {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(180px, 220px) auto;
    gap: 16px;
    align-items: end;
}
.my-listings-filter-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.my-listings-bulk-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.my-listings-select-all {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.my-listings-select-all.is-disabled {
    opacity: .55;
}
.my-listings-bulk-toolbar-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.my-listings-row {
    display: grid;
    grid-template-columns: 42px 164px minmax(0, 1fr) 240px;
    gap: 18px;
    align-items: center;
}
.my-listings-row.is-locked {
    opacity: .92;
}
.my-listings-select-col {
    display: flex;
    justify-content: center;
}
.my-listings-checkbox {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 20px;
}
.my-listings-checkbox input {
    width: 20px;
    height: 20px;
    margin: 0;
}
.my-listings-checkbox-placeholder {
    color: var(--muted);
    font-size: 18px;
    line-height: 1;
}
.my-listings-row-actions {
    justify-content: flex-end;
    flex-wrap: wrap;
}
.listing-chip--status {
    background: rgba(59, 130, 246, 0.08);
}
.listing-chip--deal {
    background: rgba(139, 92, 246, 0.1);
}
@media (max-width: 1100px) {
    .my-listings-filter-bar {
        grid-template-columns: 1fr 1fr;
    }
    .my-listings-filter-actions {
        grid-column: 1 / -1;
    }
    .my-listings-row {
        grid-template-columns: 42px 164px minmax(0, 1fr);
    }
    .listing-row-side {
        grid-column: 2 / -1;
    }
}
@media (max-width: 720px) {
    .my-listings-filter-bar {
        grid-template-columns: 1fr;
    }
    .my-listings-row {
        grid-template-columns: 42px 1fr;
    }
    .listing-row-image {
        grid-column: 2;
    }
    .listing-row-main,
    .listing-row-side {
        grid-column: 2;
    }
}


.my-listings-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.my-listings-header-actions .btn{white-space:nowrap}

/* My listings v2 bulk edit + AJAX status toggle */
.my-listings-bulk-toolbar-meta {
    color: var(--text-color, #0f172a);
}
.my-listings-bulk-panel {
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 20px;
    padding: 18px;
    background: #fff;
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}
.my-listings-bulk-panel-head h3 {
    margin: 0 0 6px;
}
.my-listings-bulk-panel-head p {
    margin: 0;
    color: var(--muted);
}
.my-listings-bulk-controls {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(220px, 260px) minmax(220px, 260px) auto;
    gap: 14px;
    align-items: end;
}
.my-listings-status-toggle-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.my-listings-status-toggle-label {
    font-size: 14px;
    color: var(--muted);
}
.my-listings-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.my-listings-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.my-listings-switch-ui {
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.45);
    position: relative;
    transition: background .2s ease;
    cursor: pointer;
}
.my-listings-switch-ui::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.22);
    transition: transform .2s ease;
}
.my-listings-switch input:checked + .my-listings-switch-ui {
    background: rgba(34, 197, 94, 0.75);
}
.my-listings-switch input:checked + .my-listings-switch-ui::after {
    transform: translateX(20px);
}
.my-listings-switch.is-disabled {
    opacity: .55;
}
.my-listings-switch.is-disabled .my-listings-switch-ui {
    cursor: not-allowed;
}
@media (max-width: 1100px) {
    .my-listings-bulk-controls {
        grid-template-columns: 1fr 1fr;
    }
    .my-listings-bulk-controls .my-listings-bulk-toolbar-actions {
        grid-column: 1 / -1;
    }
}
@media (max-width: 720px) {
    .my-listings-bulk-controls {
        grid-template-columns: 1fr;
    }
    .my-listings-status-toggle-wrap {
        justify-content: flex-start;
    }
}

/* V3.0 platform event severity badges */
.event-severity {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    background: #f2f4f7;
    color: #475467;
    white-space: nowrap;
}
.event-severity--success { background: #e9f8ef; color: #1f8f45; }
.event-severity--action_required { background: #fff7e6; color: #b86b00; }
.event-severity--warning { background: #fff1f1; color: #b42318; }
.event-severity--error { background: #ffe4e4; color: #b42318; }
.event-severity--info { background: #eef4ff; color: #3451b2; }

/* V3.1 account setup checklist + wallets */
.account-setup-box {
    margin: 18px 0;
}
.account-setup-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.account-setup-head h2 {
    margin: 0 0 6px;
}
.account-setup-head p {
    margin: 0;
    color: #667085;
}
.account-setup-score {
    white-space: nowrap;
    font-weight: 700;
    color: #1f8f45;
}
.account-setup-progress {
    height: 8px;
    background: #eef2f4;
    border-radius: 999px;
    overflow: hidden;
    margin: 16px 0;
}
.account-setup-progress span {
    display: block;
    height: 100%;
    background: #3aac59;
    border-radius: inherit;
}
.account-setup-list {
    display: grid;
    gap: 10px;
}
.account-setup-item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
}
.account-setup-item.is-done {
    background: #f3fbf5;
    border-color: #c8ecd2;
}
.account-setup-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #eef2f4;
    font-weight: 800;
    color: #475467;
}
.account-setup-item.is-done .account-setup-icon {
    background: #3aac59;
    color: #fff;
}
.account-setup-copy {
    display: grid;
    gap: 4px;
}
.account-setup-copy span {
    color: #667085;
    font-size: 13px;
}
.account-setup-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.account-setup-badge,
.wallet-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eef4ff;
    color: #3451b2;
    font-size: 12px;
    font-weight: 700;
}
.wallet-list {
    display: grid;
    gap: 14px;
}
.wallet-card {
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
    padding: 16px;
}
.wallet-card__top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}
.wallet-card h3 {
    margin: 0 0 8px;
}
.wallet-card__meta,
.wallet-card__actions,
.wallet-card__verify {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.wallet-card__meta span {
    font-size: 12px;
    color: #667085;
}
.wallet-card__address {
    margin-top: 12px;
    word-break: break-all;
}
.wallet-card__verify {
    margin-top: 12px;
}
.wallet-verification-box {
    margin-top: 14px;
    padding: 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e4e7ec;
}
.wallet-verification-box pre {
    white-space: pre-wrap;
    word-break: break-word;
    margin: 10px 0 0;
    padding: 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e4e7ec;
}
.form-group.has-error input,
.form-group.has-error textarea,
.form-group.has-error select,
.is-invalid {
    border-color: #d92d20 !important;
    box-shadow: 0 0 0 3px rgba(217, 45, 32, .08);
}
.form-error {
    margin-top: 6px;
    color: #b42318;
    font-size: 13px;
}
.btn-small {
    padding: 7px 10px;
    font-size: 13px;
}
@media (max-width: 720px) {
    .account-setup-head,
    .wallet-card__top {
        flex-direction: column;
    }
    .account-setup-item {
        grid-template-columns: 32px minmax(0, 1fr);
    }
    .account-setup-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

/* V3.1.6 wallet symbolic transaction verification */
.wallet-verification-box__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.wallet-verification-box__head--secondary {
    margin-top: 14px;
}
.wallet-symbolic-grid {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}
.wallet-symbolic-row {
    display: grid;
    grid-template-columns: minmax(130px, 190px) minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    background: #fff;
}
.wallet-symbolic-row span {
    color: #667085;
    font-size: 13px;
}
.wallet-symbolic-row code {
    white-space: normal;
    word-break: break-all;
    font-size: 13px;
    color: #101828;
}
.wallet-symbolic-row--amount code {
    font-size: 16px;
    font-weight: 700;
}
.wallet-symbolic-note {
    margin-top: 10px;
}
@media (max-width: 720px) {
    .wallet-symbolic-row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .wallet-symbolic-row .btn {
        justify-self: flex-start;
    }
}

/* V3.1.8 wallet verification: symbolic transaction only */
.wallet-verify-details {
    margin-top: 12px;
}
.wallet-verify-details summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #2e7d32;
    font-weight: 700;
    list-style: none;
}
.wallet-verify-details summary::-webkit-details-marker {
    display: none;
}
.wallet-verify-details summary::after {
    content: '▾';
    font-size: 12px;
    transition: transform .15s ease;
}
.wallet-verify-details[open] summary::after {
    transform: rotate(180deg);
}
.wallet-verification-intro {
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px dashed #d0d5dd;
}
.wallet-verification-intro p {
    margin: 6px 0 0;
    color: #475467;
    font-size: 14px;
    line-height: 1.55;
}
.wallet-verification-start-form,
.wallet-verification-refresh-form {
    margin-top: 12px;
}
.wallet-add-note {
    margin-top: 10px;
    margin-bottom: 12px;
}

/* V3.1.11 wallet verification AJAX state */
.wallet-verification-inline-message {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.45;
}
.wallet-verification-inline-message--success {
    background: #ecfdf3;
    border: 1px solid #abefc6;
    color: #067647;
}
.wallet-verification-inline-message--error {
    background: #fef3f2;
    border: 1px solid #fecdca;
    color: #b42318;
}
.wallet-verification-locked-note {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fffaeb;
    border: 1px solid #fedf89;
    color: #93370d;
    font-size: 13px;
    line-height: 1.5;
}
.wallet-verification-start-form button[disabled] {
    opacity: .75;
    cursor: wait;
}

/* V3.1.20 account structure cleanup */
.account-box-headline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}
.account-box-headline h2,
.account-box-headline p {
    margin-top: 0;
}
.account-status-pill,
.wallet-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}
.account-status-pill--success,
.wallet-status-badge--verified {
    background: #e9f8ef;
    color: #15803d;
}
.account-status-pill--warning,
.wallet-status-badge--unverified,
.wallet-status-badge--signature_pending {
    background: #fff7ed;
    color: #c2410c;
}
.wallet-status-badge--tx_pending {
    background: #eef4ff;
    color: #3451b2;
}
.wallet-status-badge--rejected {
    background: #fef3f2;
    color: #b42318;
}
.account-profile-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
}
@media (max-width: 980px) {
    .account-box-headline,
    .account-profile-grid {
        display: block;
    }
    .account-status-pill {
        margin-top: 10px;
    }
}

/* V3.1.20 notification mailbox controls */
.notification-mailbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.notification-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.notification-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    background: #fff;
    color: #1e293b;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.notification-tab span {
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    background: #f2f4f7;
    font-size: 12px;
}
.notification-tab.is-active {
    background: #eefbf0;
    border-color: #bfe8c8;
    color: #15803d;
}
.notification-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.notification-card__actions form {
    display: inline-block;
    margin: 0;
}
.notification-card.is-deleted {
    opacity: .78;
}

/* V3.1.24 account setup completion and recommendations */
.account-setup-box--complete {
    border-color: #bfe8ca;
    background: linear-gradient(135deg, #f6fff8 0%, #ffffff 58%, #f2fbf4 100%);
}
.account-setup-complete-card {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid #c8ecd2;
    border-radius: 16px;
    background: #f3fbf5;
}
.account-setup-complete-card strong,
.account-setup-recommendation strong {
    display: block;
    margin-bottom: 4px;
}
.account-setup-complete-card span,
.account-setup-recommendation span,
.account-setup-recommendations__head span {
    display: block;
    color: #667085;
    line-height: 1.55;
    font-size: 13px;
}
.account-setup-complete-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #2fac53;
    color: #fff;
    font-weight: 900;
    flex: 0 0 auto;
}
.account-setup-recommendations {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #edf0f4;
}
.account-setup-recommendations__head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 12px;
}
.account-setup-recommendations__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.account-setup-recommendation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    min-height: 132px;
    padding: 14px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
}
.account-security-note {
    margin-top: 12px;
}
.account-wallet-email-panel {
    margin-top: 18px;
}

/* V3.1.24 stronger public homepage presentation */
.hero-market-visual {
    border: 1px solid rgba(47, 172, 83, .22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 20% 10%, rgba(58, 172, 89, .18), transparent 34%),
        linear-gradient(145deg, #ffffff 0%, #f6fbf7 56%, #eef9f1 100%);
    box-shadow: 0 20px 55px rgba(16, 24, 40, .10);
    padding: 22px;
}
.hero-market-visual__top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 18px;
}
.hero-market-visual__kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #e8f7eb;
    color: #1f7a3b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.hero-market-visual__title {
    margin: 10px 0 0;
    font-size: 26px;
    line-height: 1.15;
}
.hero-market-visual__price {
    text-align: right;
}
.hero-market-visual__price span {
    display: block;
    color: #667085;
    font-size: 13px;
}
.hero-market-visual__price strong {
    display: block;
    margin-top: 4px;
    font-size: 24px;
}
.hero-market-visual__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.hero-market-visual__metric {
    padding: 14px;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: rgba(255, 255, 255, .86);
}
.hero-market-visual__metric span {
    display: block;
    color: #667085;
    font-size: 12px;
    margin-bottom: 6px;
}
.hero-market-visual__metric strong {
    display: block;
    font-size: 15px;
}
.hero-market-visual__status {
    margin-top: 14px;
    padding: 14px;
    border-radius: 16px;
    background: #101828;
    color: #fff;
    line-height: 1.55;
}
.hero-market-visual__status strong {
    display: block;
    margin-bottom: 4px;
}
.hero-point,
.feature-card,
.account-box {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.hero-point:hover,
.feature-card:hover,
.account-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 34px rgba(16, 24, 40, .08);
}

@media (max-width: 900px) {
    .account-setup-recommendations__grid,
    .hero-market-visual__grid {
        grid-template-columns: 1fr;
    }
    .hero-market-visual__top,
    .account-setup-recommendations__head {
        flex-direction: column;
    }
    .hero-market-visual__price {
        text-align: left;
    }
}

/* V3.1.32 notification full view and channel readiness */
.notification-card__message {
    white-space: normal;
    line-height: 1.65;
}
.notification-card__details {
    margin: 0 0 14px;
    border: 1px dashed rgba(22, 163, 74, .32);
    border-radius: 14px;
    background: #fbfffc;
}
.notification-card__details summary {
    cursor: pointer;
    padding: 10px 12px;
    color: #15803d;
    font-weight: 700;
}
.notification-card__full-message {
    padding: 0 12px 12px;
    color: #1f2937;
    line-height: 1.7;
    white-space: normal;
    overflow-wrap: anywhere;
}
.notification-channel-statuses {
    display: grid;
    gap: 10px;
}
.notification-channel-status {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #f8fafc;
    color: #4b5563;
}
.notification-channel-status strong {
    color: #111827;
}
.notification-channel-status.is-ready {
    border-color: #bfe8ca;
    background: #f3fcf5;
}
.notification-channel-status.is-muted {
    border-color: #e5e7eb;
    background: #f9fafb;
}
.notification-channel-status a {
    color: #15803d;
    font-weight: 700;
    text-decoration: none;
}
.notification-pref-check.is-disabled {
    opacity: .62;
}
.notification-pref-check.is-disabled input {
    cursor: not-allowed;
}

/* V3.1.35 notification preference row actions */
.notification-pref-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

#wallet-recovery-email-remove-status.success {
    color: #15803d;
    font-weight: 700;
}

#wallet-recovery-email-remove-status.error {
    color: #b91c1c;
    font-weight: 700;
}

/* V3.1.37 favorites layout polish */
.favorites-layout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 24px;
    align-items: stretch;
}

.favorites-layout-grid .account-box {
    min-height: 100%;
}

.favorites-box-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.favorites-box-head h2,
.favorites-create-card h2 {
    margin-bottom: 8px;
}

.favorites-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.favorite-tab-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border-radius: 14px;
}

.favorite-tab-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
    color: var(--text);
    font-weight: 700;
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.favorite-tab-pill small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #eef2f7;
    color: #475569;
    font-size: 12px;
}

.favorite-tab-item.is-active .favorite-tab-pill,
.favorite-tab-pill.is-active {
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}

.favorite-tab-item.is-active .favorite-tab-pill small,
.favorite-tab-pill.is-active small {
    background: rgba(255,255,255,.22);
    color: #fff;
}

.favorite-tab-delete {
    width: 36px;
    height: 36px;
    border: 1px solid #f0caca;
    border-radius: 12px;
    background: #fff7f7;
    color: #b42318;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.favorite-tab-delete:hover {
    background: #ffecec;
    border-color: #e7a4a4;
}

.favorites-create-card {
    align-self: stretch;
}

.favorites-create-form {
    display: grid;
    gap: 14px;
}

.favorites-list-grid .public-listing-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
}

.lot-watch-actions-card {
    display: grid;
    align-content: start;
}

@media (max-width: 900px) {
    .favorites-layout-grid {
        grid-template-columns: 1fr;
    }
}


/* V3.1.38 listing quick actions, favorite modal, report modal */
.lot-header-side-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.lot-visible-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.lot-heart-action,
.lot-report-visible-action {
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid #d9e1e8;
    background: #fff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 14px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.lot-heart-action__icon {
    font-size: 20px;
    line-height: 1;
    color: #94a3b8;
    transition: color .18s ease, transform .18s ease;
}

.lot-heart-action:hover,
.lot-heart-action:focus-visible {
    border-color: #35bf28;
    color: #15900c;
    background: #f1fff0;
    box-shadow: 0 10px 24px rgba(53, 191, 40, .12);
}

.lot-heart-action:hover .lot-heart-action__icon,
.lot-heart-action:focus-visible .lot-heart-action__icon {
    color: #35bf28;
    transform: scale(1.08);
}

.lot-heart-action.is-active {
    border-color: #b8efb3;
    background: #f1fff0;
    color: #12870b;
}

.lot-heart-action.is-active .lot-heart-action__icon {
    color: #35bf28;
}

.lot-heart-action.is-active:hover,
.lot-heart-action.is-active:focus-visible {
    border-color: #cbd5e1;
    background: #fff;
    color: #64748b;
}

.lot-heart-action.is-active:hover .lot-heart-action__icon,
.lot-heart-action.is-active:focus-visible .lot-heart-action__icon {
    color: #94a3b8;
}

.lot-report-visible-action {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

.lot-report-visible-action:hover,
.lot-report-visible-action:focus-visible {
    border-color: #fb923c;
    background: #ffedd5;
    color: #7c2d12;
    box-shadow: 0 10px 24px rgba(251, 146, 60, .14);
}

.lot-action-dialog {
    width: min(620px, calc(100vw - 32px));
    border: 0;
    border-radius: 24px;
    padding: 0;
    box-shadow: 0 24px 90px rgba(15, 23, 42, .30);
}

.lot-action-dialog::backdrop {
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(4px);
}

.lot-action-dialog__body {
    padding: 24px;
    display: grid;
    gap: 16px;
}

.lot-action-dialog__header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.lot-action-dialog__header h2 {
    margin: 0 0 6px;
}

.lot-action-dialog__header p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.lot-action-dialog__close {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #0f172a;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

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

.lot-modal-inline-form {
    margin-top: 8px;
}

.lot-action-dialog__footer {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.lot-report-submit-button {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

.lot-report-submit-button:hover,
.lot-report-submit-button:focus-visible {
    background: #ffedd5;
    border-color: #fb923c;
    color: #7c2d12;
}

@media (max-width: 720px) {
    .lot-header-side-actions {
        align-items: flex-start;
        width: 100%;
    }

    .lot-visible-actions,
    .lot-heart-action,
    .lot-report-visible-action {
        width: 100%;
    }

    .lot-action-dialog__footer .btn {
        width: 100%;
    }
}

/* V3.1.40 compact account profile and mobile-safe listing cards */
.account-profile-compact {
    display: grid;
    gap: 14px;
}

.account-profile-compact__row {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--text);
}

.account-profile-compact__row--split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.account-profile-compact__wallet {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    color: #475569;
    line-height: 1.55;
}

.public-listing-image {
    object-fit: contain;
    object-position: center center;
    background: #f8fafc;
    padding: 0;
}

@media (max-width: 640px) {
    .account-profile-compact__row--split {
        grid-template-columns: 1fr;
    }

    .public-listing-image-link {
        aspect-ratio: 1 / 1;
    }
}

/* V3.1.41 account profile vertical-only layout */
.account-profile-compact {
    align-content: start;
}

.account-profile-compact__row,
.account-profile-compact__row--split {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 6px;
}

.account-profile-compact__row strong {
    color: #0f172a;
}

/* V3.1.42 listing manager foundation */
.account-profile-compact {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.account-profile-compact__row,
.account-profile-compact__row--split {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
}

.public-listing-card .public-listing-image,
.listing-row-thumb,
.listing-manager-thumb img,
.listing-manager-mobile-image img {
    object-fit: cover !important;
    object-position: center center;
    padding: 0 !important;
}

.listing-manager-note,
.listing-manager-help-card {
    border: 1px dashed rgba(15, 23, 42, 0.15);
    background: #f8fafc;
    border-radius: 18px;
    padding: 16px 18px;
    color: #475569;
}

.listing-manager-note strong,
.listing-manager-help-card strong {
    display: block;
    color: #0f172a;
    margin-bottom: 6px;
}

.listing-manager-note p,
.listing-manager-help-card p {
    margin: 0;
    line-height: 1.6;
}

.my-listings-row--simple {
    grid-template-columns: 164px minmax(0, 1fr) 260px;
}

.my-listings-row--simple .listing-row-image {
    width: 164px;
}

.my-listings-list--simple .listing-row-side {
    min-width: 220px;
}

.listing-manager-filter-bar {
    grid-template-columns: minmax(0, 1fr) auto;
}

.listing-manager-desktop-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 20px;
    background: #fff;
}

.listing-manager-table {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
}

.listing-manager-table th,
.listing-manager-table td {
    padding: 16px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    text-align: left;
    vertical-align: middle;
}

.listing-manager-table th {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #64748b;
    background: #f8fafc;
}

.listing-manager-table tbody tr:last-child td {
    border-bottom: 0;
}

.listing-manager-listing-cell {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-width: 260px;
}

.listing-manager-listing-cell strong,
.listing-manager-listing-cell span {
    display: block;
}

.listing-manager-listing-cell strong {
    color: #0f172a;
    font-size: 16px;
    margin-bottom: 4px;
}

.listing-manager-listing-cell span {
    color: #64748b;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.listing-manager-thumb {
    width: 76px;
    height: 76px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 12px;
    text-align: center;
}

.listing-manager-thumb img {
    width: 100%;
    height: 100%;
    display: block;
}

.listing-manager-stats {
    display: grid;
    gap: 6px;
    color: #475569;
    font-size: 13px;
}

.listing-manager-stats strong {
    color: #0f172a;
}

.listing-manager-lock-note {
    display: block;
    margin-top: 6px;
    color: #b45309;
    font-size: 12px;
    font-weight: 700;
}

.listing-manager-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.listing-manager-mobile-cards {
    display: none;
    gap: 16px;
}

.listing-manager-mobile-card {
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 22px;
    background: #fff;
    overflow: hidden;
}

.listing-manager-mobile-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}

.listing-manager-mobile-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.listing-manager-mobile-body {
    padding: 16px;
    display: grid;
    gap: 12px;
}

.listing-manager-mobile-body h2 {
    margin: 0;
    font-size: 20px;
}

.listing-manager-actions--mobile .btn {
    flex: 1 1 auto;
}

.listing-manager-modal[hidden] {
    display: none !important;
}

.listing-manager-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.listing-manager-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.listing-manager-modal__panel {
    position: relative;
    width: min(760px, 100%);
    max-height: min(92vh, 900px);
    overflow: auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.25);
    padding: 22px;
}

.listing-manager-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.listing-manager-modal__header h2 {
    margin: 0 0 6px;
}

.listing-manager-modal__header p {
    margin: 0;
    color: #64748b;
}

.listing-manager-modal__close {
    border: 0;
    background: #f1f5f9;
    color: #0f172a;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    font-size: 24px;
    cursor: pointer;
}

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

.listing-manager-modal-grid small {
    display: block;
    margin-top: 6px;
    color: #64748b;
    line-height: 1.45;
}

.listing-manager-modal-note {
    margin-top: 16px;
    border-radius: 16px;
    padding: 14px 16px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #475569;
    line-height: 1.55;
}

.listing-manager-modal__footer {
    margin-top: 18px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

body.modal-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .listing-manager-desktop-table-wrap {
        display: none;
    }

    .listing-manager-mobile-cards {
        display: grid;
    }
}

@media (max-width: 720px) {
    .my-listings-row--simple {
        grid-template-columns: 1fr;
    }

    .my-listings-row--simple .listing-row-image,
    .my-listings-row--simple .listing-row-main,
    .my-listings-row--simple .listing-row-side {
        grid-column: 1;
        width: 100%;
        min-width: 0;
    }

    .my-listings-row--simple .listing-row-thumb,
    .my-listings-row--simple .listing-row-thumb-placeholder {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .listing-manager-filter-bar {
        grid-template-columns: 1fr;
    }

    .listing-manager-modal {
        align-items: flex-end;
        padding: 0;
    }

    .listing-manager-modal__panel {
        width: 100%;
        max-height: 92vh;
        border-radius: 24px 24px 0 0;
    }

    .listing-manager-modal-grid {
        grid-template-columns: 1fr;
    }

    .listing-manager-modal__footer .btn {
        width: 100%;
    }
}

/* V3.1.43 listing manager rules and spacing refinement */
.listing-manager-card {
    display: grid;
    gap: 22px;
}

.listing-manager-card > .alert,
.listing-manager-tabs,
.listing-manager-filter-bar,
.listing-manager-help-card,
.listing-manager-bulk-form,
.listing-manager-desktop-table-wrap,
.listing-manager-mobile-cards {
    margin-top: 0;
}

.listing-manager-bulk-form {
    display: grid;
    gap: 18px;
}

.listing-manager-bulk-card {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto minmax(220px, 280px) auto auto;
    gap: 16px;
    align-items: end;
    border: 1px dashed rgba(15, 23, 42, 0.14);
    background: #f8fafc;
    border-radius: 20px;
    padding: 18px;
}

.listing-manager-bulk-card strong {
    display: block;
    color: #0f172a;
    margin-bottom: 6px;
}

.listing-manager-bulk-card p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.listing-manager-select-all,
.listing-manager-mobile-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-weight: 700;
    cursor: pointer;
}

.listing-manager-select-all input,
.listing-manager-mobile-check input,
.listing-manager-select-column input {
    width: 18px;
    height: 18px;
    accent-color: #2fc128;
}

.listing-manager-select-column {
    width: 44px;
    text-align: center !important;
}

.listing-manager-selected-count {
    align-self: center;
    color: #0f172a;
    font-weight: 800;
    white-space: nowrap;
}

.listing-manager-table th,
.listing-manager-table td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.listing-manager-table tbody tr + tr td {
    border-top: 8px solid #f8fafc;
}

.listing-manager-mobile-check {
    padding: 14px 16px 0;
}

.listing-manager-modal-grid > [hidden],
.listing-manager-modal-grid > .is-hidden {
    display: none !important;
}

.listing-manager-modal-grid {
    gap: 20px;
}

.listing-manager-modal__panel {
    padding: 26px;
}

.listing-manager-modal-note {
    margin-top: 22px;
}

@media (max-width: 1060px) {
    .listing-manager-bulk-card {
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
    }

    .listing-manager-bulk-card > div:first-child,
    .listing-manager-bulk-card .listing-manager-bulk-action-group {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .listing-manager-card {
        gap: 18px;
    }

    .listing-manager-bulk-card {
        grid-template-columns: 1fr;
    }

    .listing-manager-selected-count {
        justify-self: start;
    }
}

/* V3.1.45 readable media, NFT expiration states and manager grid cleanup */
.public-listing-card .public-listing-image,
.public-listing-image,
.listing-row-thumb,
.listing-manager-thumb img,
.listing-manager-mobile-image img {
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    background: #f8fafc;
}

.public-listing-image-link,
.listing-manager-mobile-image,
.listing-manager-thumb,
.listing-row-thumb,
.listing-row-thumb-placeholder {
    aspect-ratio: 1 / 1;
}

.public-listing-image-link {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: #f8fafc;
}

.my-listings-row--simple .listing-row-image {
    width: 164px;
}

.my-listings-row--simple .listing-row-thumb,
.my-listings-row--simple .listing-row-thumb-placeholder {
    width: 164px;
    height: 164px;
}

.listing-manager-thumb {
    background: #f8fafc;
}

.listing-expiration {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
    background: #ecfdf5;
    color: #166534;
}

.listing-expiration--safe {
    background: #ecfdf5;
    color: #166534;
}

.listing-expiration--soon {
    background: #fff7ed;
    color: #c2410c;
}

.listing-expiration--critical,
.listing-expiration--expired {
    background: #fef2f2;
    color: #b91c1c;
}

.listing-manager-bulk-card {
    grid-template-columns: minmax(260px, 1fr) minmax(520px, auto) !important;
    align-items: center !important;
    gap: 22px !important;
}

.listing-manager-bulk-copy {
    min-width: 0;
}

.listing-manager-bulk-controls {
    display: grid;
    grid-template-columns: minmax(180px, auto) minmax(220px, 280px) auto auto;
    gap: 14px;
    align-items: end;
    justify-content: end;
}

.listing-manager-bulk-action-group {
    margin: 0;
}

.listing-manager-bulk-submit {
    white-space: nowrap;
}

.listing-manager-selected-count {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.listing-manager-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
    gap: 18px 22px !important;
}

.listing-manager-modal-grid .form-group {
    margin: 0;
}

.listing-manager-modal-grid input,
.listing-manager-modal-grid select {
    min-height: 54px;
}

@media (max-width: 1060px) {
    .listing-manager-bulk-card {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .listing-manager-bulk-controls {
        justify-content: stretch;
        grid-template-columns: 1fr 1fr;
    }

    .listing-manager-bulk-action-group,
    .listing-manager-bulk-submit,
    .listing-manager-selected-count {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .my-listings-row--simple .listing-row-image,
    .my-listings-row--simple .listing-row-thumb,
    .my-listings-row--simple .listing-row-thumb-placeholder {
        width: 100%;
    }

    .my-listings-row--simple .listing-row-thumb,
    .my-listings-row--simple .listing-row-thumb-placeholder {
        height: auto;
        max-height: none;
    }

    .listing-manager-bulk-controls,
    .listing-manager-modal-grid {
        grid-template-columns: 1fr !important;
    }

    .listing-manager-selected-count {
        min-height: auto;
    }
}

/* V3.1.46 compact listing cards and manager filters */
.my-listings-compact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.my-listing-card-v2 {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 22px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035);
}

.my-listing-card-v2__media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    min-height: 150px;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #64748b;
    text-align: center;
    text-decoration: none;
}

.my-listing-card-v2__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.my-listing-card-v2__body {
    min-width: 0;
    display: grid;
    gap: 10px;
    align-content: start;
}

.my-listing-card-v2__topline,
.my-listing-card-v2__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.my-listing-card-v2__price {
    color: #0f172a;
    white-space: nowrap;
}

.my-listing-card-v2 h2 {
    margin: 0;
    font-size: 19px;
    line-height: 1.25;
}

.my-listing-card-v2 h2 a {
    color: #0f172a;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.my-listing-card-v2__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    color: #64748b;
    font-size: 13px;
}

.listing-date-card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #f8fafc;
    overflow: hidden;
}

.listing-date-card summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    color: #475569;
    font-size: 13px;
}

.listing-date-card summary::-webkit-details-marker {
    display: none;
}

.listing-date-card summary strong {
    color: #0f172a;
    white-space: nowrap;
}

.listing-date-card__details {
    display: grid;
    gap: 7px;
    padding: 0 12px 12px;
}

.listing-date-card__details p {
    margin: 0;
    display: grid;
    gap: 3px;
    color: #64748b;
    font-size: 12px;
}

.listing-date-card__details strong {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.listing-date-card--manager {
    margin-top: 8px;
    max-width: 280px;
}

.listing-manager-filter-panel {
    border: 1px dashed rgba(15, 23, 42, 0.14);
    border-radius: 22px;
    background: #f8fafc;
    padding: 18px;
    display: grid;
    gap: 16px;
}

.listing-manager-filter-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.listing-manager-filter-panel__header strong {
    display: block;
    color: #0f172a;
    margin-bottom: 6px;
}

.listing-manager-filter-panel__header p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.listing-manager-filter-panel__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.listing-manager-filter-grid-v2 {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(180px, 1fr));
    gap: 14px;
    align-items: end;
}

.listing-manager-policy-tag,
.listing-manager-date-inline {
    display: inline-flex !important;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 12px !important;
    font-weight: 800;
    line-height: 1.25;
    background: #eef2ff;
    color: #3730a3 !important;
    overflow-wrap: anywhere;
}

.auction-organization-panel {
    margin: 16px 0;
    padding: 18px;
    border: 1px dashed rgba(65, 193, 43, 0.32);
    border-radius: 20px;
    background: #f8fff8;
}

.auction-organization-panel h3 {
    margin: 8px 0 8px;
    color: #0f172a;
}

.auction-organization-panel p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.auction-organization-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.auction-organization-item {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
    padding: 13px;
    display: grid;
    gap: 6px;
}

.auction-organization-item strong {
    color: #0f172a;
}

.auction-organization-item span {
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 1180px) {
    .my-listings-compact-grid,
    .listing-manager-filter-grid-v2 {
        grid-template-columns: 1fr;
    }

    .auction-organization-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .my-listing-card-v2 {
        grid-template-columns: 112px minmax(0, 1fr);
        padding: 12px;
        gap: 12px;
    }

    .my-listing-card-v2__media {
        width: 112px;
        min-height: 112px;
        border-radius: 16px;
    }

    .my-listing-card-v2__topline,
    .my-listing-card-v2__actions,
    .listing-manager-filter-panel__header,
    .listing-manager-filter-panel__actions {
        align-items: stretch;
        justify-content: flex-start;
    }

    .listing-manager-filter-panel__header {
        flex-direction: column;
    }

    .listing-manager-filter-panel__actions .btn,
    .my-listing-card-v2__actions .btn {
        flex: 1 1 auto;
    }
}

@media (max-width: 480px) {
    .my-listing-card-v2 {
        grid-template-columns: 1fr;
    }

    .my-listing-card-v2__media {
        width: 100%;
        min-height: 0;
    }
}

/* V3.1.47 UI declutter / progressive disclosure */
.rules-update-banner {
    background: #f0fdf4;
    border-bottom: 1px solid #bbf7d0;
    color: #14532d;
}

.rules-update-banner__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
}

.rules-update-banner__inner strong,
.rules-update-banner__inner span {
    display: block;
}

.rules-update-banner__inner span {
    color: #166534;
    font-size: 14px;
    line-height: 1.45;
    margin-top: 2px;
}

.rules-update-banner__actions,
.rules-update-banner__form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rules-update-banner__check,
.rules-confirm-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #0f172a;
}

.rules-update-banner__check span {
    margin: 0;
    font-size: 13px;
    color: #0f172a;
}

.rules-center-card {
    display: grid;
    gap: 24px;
}

.rules-center-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rules-center-doc-card,
.rules-center-section,
.rules-center-accept-card {
    border: 1px solid #dbe3f0;
    border-radius: 20px;
    padding: 18px;
    background: #fff;
}

.rules-center-doc-card {
    display: grid;
    gap: 12px;
    align-content: start;
}

.rules-center-doc-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
}

.rules-center-doc-card__top h2,
.rules-center-section h2,
.rules-center-accept-card h2 {
    margin: 0;
    font-size: 18px;
}

.rules-center-doc-card__top span {
    white-space: nowrap;
    border-radius: 999px;
    background: #eefbf0;
    color: #166534;
    font-weight: 800;
    padding: 6px 10px;
    font-size: 12px;
}

.rules-center-doc-card p,
.rules-center-section p,
.rules-center-accept-card p {
    margin: 0;
    color: #64748b;
    line-height: 1.6;
}

.rules-center-sections {
    display: grid;
    gap: 14px;
}

.rules-center-section--muted {
    background: #f8fafc;
    border-style: dashed;
}

.rules-center-accept-card {
    display: grid;
    gap: 14px;
    background: #f8fffa;
    border-color: #bbf7d0;
}

.listing-manager-filter-panel--compact {
    display: grid;
    gap: 12px;
}

.listing-manager-filter-basic-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
}

.listing-manager-filter-panel__actions--compact {
    padding-bottom: 0;
}

.listing-manager-advanced-filters,
.listing-manager-help-card--folded {
    border: 1px dashed #dbe3f0;
    border-radius: 18px;
    padding: 14px 16px;
    background: #f8fafc;
}

.listing-manager-advanced-filters summary,
.listing-manager-help-card--folded summary {
    cursor: pointer;
    font-weight: 900;
    color: #0f172a;
    display: grid;
    gap: 4px;
}

.listing-manager-advanced-filters summary small {
    color: #64748b;
    font-weight: 500;
    line-height: 1.5;
}

.listing-manager-filter-grid-v2--advanced {
    margin-top: 14px;
}

.listing-manager-help-card--folded p {
    margin: 12px 0 8px;
    color: #64748b;
    line-height: 1.55;
}

.lot-rules-compact p {
    margin: 0 0 12px;
    color: #64748b;
    line-height: 1.55;
}

.lot-rules-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.lot-rules-link-grid a {
    display: flex;
    align-items: center;
    min-height: 40px;
    border: 1px solid #dbe3f0;
    border-radius: 12px;
    padding: 9px 11px;
    text-decoration: none;
    font-weight: 800;
    color: #0f172a;
    background: #fff;
}

.lot-action-confirm-box a {
    font-weight: 900;
}

@media (max-width: 900px) {
    .rules-update-banner__inner,
    .listing-manager-filter-basic-row,
    .rules-center-grid {
        grid-template-columns: 1fr;
    }

    .rules-update-banner__actions,
    .rules-update-banner__form {
        align-items: stretch;
    }

    .rules-update-banner__actions .btn,
    .rules-update-banner__form .btn {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .lot-rules-link-grid {
        grid-template-columns: 1fr;
    }
}

/* V3.1.48 listing UI compact mode */
.my-listings-compact-grid--v3148 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.my-listing-card-v2--compact {
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    min-height: 154px;
    align-items: start;
}

.my-listing-card-v2--compact .my-listing-card-v2__media {
    width: 124px;
    min-height: 124px;
    border-radius: 16px;
}

.my-listing-card-v2--compact .my-listing-card-v2__body {
    gap: 8px;
}

.my-listing-card-v2--compact h2 {
    font-size: 18px;
}

.my-listing-card-v2__meta--compact {
    gap: 4px 10px;
    font-size: 12px;
}

.my-listing-card-v2__meta--compact span:not(:last-child)::after {
    content: "·";
    margin-left: 10px;
    color: #cbd5e1;
}

.my-listing-card-v2__timeline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: #475569;
    font-size: 13px;
    line-height: 1.35;
}

.my-listing-card-v2__timeline > span:first-child {
    font-weight: 700;
    color: #334155;
}

.listing-inline-details {
    border: 0;
    background: transparent;
    padding: 0;
}

.listing-inline-details summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    cursor: pointer;
    color: #166534;
    font-weight: 800;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.listing-inline-details summary::-webkit-details-marker {
    display: none;
}

.listing-inline-details__body {
    margin-top: 8px;
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.listing-inline-details__body p {
    margin: 0;
    display: grid;
    gap: 2px;
    color: #64748b;
    font-size: 12px;
}

.listing-inline-details__body strong {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.listing-manager-table {
    min-width: 1100px;
}

.listing-manager-table th,
.listing-manager-table td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.listing-manager-table tbody tr + tr td {
    border-top-width: 4px;
}

.listing-manager-listing-cell {
    grid-template-columns: 64px minmax(0, 1fr);
    min-width: 220px;
}

.listing-manager-thumb {
    width: 64px;
    height: 64px;
    border-radius: 14px;
}

.listing-manager-price-label {
    display: block;
    color: #64748b;
    font-size: 12px;
    margin-bottom: 4px;
}

.listing-manager-price-value {
    display: block;
    color: #0f172a;
    white-space: nowrap;
}

.listing-manager-date-cell {
    min-width: 110px;
    color: #0f172a;
    font-weight: 800;
}

.listing-manager-date-cell > span {
    display: block;
    margin-bottom: 6px;
    white-space: nowrap;
}

.listing-manager-date-cell .listing-expiration {
    font-size: 11px;
    padding: 2px 7px;
}

.listing-manager-stats {
    gap: 4px;
    font-size: 12px;
}

.listing-manager-actions {
    gap: 6px;
}

.nft-import-submit-controls--draft-only {
    align-items: center;
}

.nft-import-draft-pill {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f0fdf4;
    color: #166534;
    font-weight: 800;
    font-size: 13px;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .my-listings-compact-grid--v3148 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .my-listing-card-v2--compact {
        grid-template-columns: 104px minmax(0, 1fr);
        padding: 12px;
        gap: 12px;
        min-height: auto;
    }

    .my-listing-card-v2--compact .my-listing-card-v2__media {
        width: 104px;
        min-height: 104px;
    }

    .my-listing-card-v2--compact .my-listing-card-v2__actions {
        gap: 8px;
    }

    .nft-import-draft-pill {
        width: 100%;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .my-listing-card-v2--compact {
        grid-template-columns: 1fr;
    }

    .my-listing-card-v2--compact .my-listing-card-v2__media {
        width: 100%;
        min-height: 0;
    }
}

/* V3.1.49 module navigation / UI simplification */
.account-header--module-simple .account-actions .btn + .btn{margin-left:8px;}
.notification-mailbar--integrated{align-items:flex-start;}
.notifications-preferences-panel{display:grid;gap:18px;margin-top:6px;}
.create-source-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 20px;}
.create-source-card{display:grid;gap:8px;padding:18px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;text-decoration:none;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.04);}
.create-source-card strong{font-size:16px;}
.create-source-card span{color:#667085;line-height:1.55;}
.create-source-card--primary{border-color:#bfe8c8;background:#f4fff6;}
.create-source-card.is-active{border-style:dashed;background:#f8fafc;}
.my-listings-header-actions .btn.btn-secondary:first-child{background:#fff;}
@media (max-width: 760px){
    .create-source-panel{grid-template-columns:1fr;}
    .notification-mailbar--integrated{display:grid;gap:12px;}
}


/* V3.1.50 Listing lifecycle / create wizard architecture */
.listing-create-wizard-page .account-card{max-width:1120px;margin:0 auto}.listing-wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 28px;padding:0;list-style:none}.listing-wizard-progress li{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:#fff;color:var(--muted);font-weight:800}.listing-wizard-progress li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#eef4fb;color:#243b53;font-size:12px}.listing-wizard-progress li.is-active{border-color:rgba(65,193,43,.38);background:#f3fbef;color:#0f172a}.listing-wizard-progress li.is-active span{background:#39bf25;color:#fff}.listing-wizard-progress--compact{margin-top:4px}.listing-wizard-section{border:1px solid var(--border);border-radius:22px;padding:22px;margin-bottom:18px;background:#fff}.listing-wizard-section-head{margin-bottom:16px}.listing-wizard-section-head h2{margin:4px 0 8px;font-size:22px}.listing-wizard-section-head p{margin:0;color:var(--muted);line-height:1.55}.listing-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.listing-choice-grid--2{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-choice-card{appearance:none;text-align:left;border:1px solid var(--border);border-radius:20px;padding:18px;background:#fff;color:var(--text);display:flex;flex-direction:column;gap:8px;min-height:150px;text-decoration:none;cursor:pointer;transition:.18s ease}.listing-choice-card strong{font-size:18px}.listing-choice-card span{color:var(--muted);line-height:1.45}.listing-choice-card em{font-style:normal;display:inline-flex;align-self:flex-start;margin-top:auto;padding:4px 9px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:800}.listing-choice-card:hover,.listing-choice-card.is-active{border-color:rgba(65,193,43,.48);box-shadow:0 10px 28px rgba(15,23,42,.06);background:#fbfffa}.listing-choice-card.is-active em{background:#e7f8df;color:#248018}.listing-choice-card.is-disabled{opacity:.58;cursor:not-allowed;background:#f8fafc}.listing-choice-card--link{border-color:rgba(65,193,43,.36)}.listing-wizard-note{display:flex;gap:12px;align-items:flex-start;border:1px dashed #b8c8de;border-radius:18px;padding:14px 16px;background:#fbfdff;margin:18px 0;color:var(--muted);line-height:1.5}.listing-wizard-note strong{color:var(--text);white-space:nowrap}.listing-workflow-summary-grid--lifecycle{margin-bottom:14px}.listing-compact-disclosure{border:1px dashed #d5deea;border-radius:16px;background:#fbfdff;padding:12px 14px;margin-bottom:18px}.listing-compact-disclosure summary{cursor:pointer;font-weight:800}.listing-compact-disclosure p{margin:10px 0 0;color:var(--muted);line-height:1.55}.seo-preview-card{border:1px solid #dce7f3;border-radius:18px;background:#fbfdff;padding:14px 16px;margin:16px 0}.seo-preview-card summary{font-weight:800;cursor:pointer}.seo-preview-body{display:grid;gap:10px;margin-top:12px}.seo-preview-body div{border:1px solid #e5edf6;border-radius:14px;padding:12px;background:#fff}.seo-preview-body strong{display:block;margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.seo-preview-body span{display:block;line-height:1.45;overflow-wrap:anywhere}.seo-preview-card--edit{margin:0}.seo-preview-card--edit .seo-preview-body{margin-top:0}.listing-lifecycle-map{border:1px solid #dce7f3;border-radius:22px;background:#fbfdff;padding:18px;margin:18px 0 22px}.listing-lifecycle-map-head h2{margin:0 0 6px;font-size:20px}.listing-lifecycle-map-head p{margin:0 0 14px;color:var(--muted);line-height:1.55}.listing-lifecycle-map-steps{display:flex;flex-wrap:wrap;gap:8px}.listing-lifecycle-step{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef4fb;color:#334155;font-weight:800;font-size:13px}.listing-lifecycle-step.is-active{background:#e7f8df;color:#18720f}.listing-lifecycle-step.is-future{background:#f1f5f9;color:#64748b}
@media (max-width: 900px){.listing-wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-choice-grid,.listing-choice-grid--2{grid-template-columns:1fr}.listing-choice-card{min-height:auto}.listing-wizard-note{flex-direction:column}.listing-wizard-note strong{white-space:normal}}
@media (max-width: 520px){.listing-wizard-progress{grid-template-columns:1fr}.listing-wizard-section{padding:16px;border-radius:18px}.listing-wizard-progress li{padding:10px 12px}}

/* V3.1.51 taxonomy / template engine / revenue settings */
.listing-choice-grid--taxonomy{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-template-card{position:relative}.listing-template-card strong{display:block;line-height:1.25}.listing-template-card[data-category="physical-goods"]{border-style:dashed}.listing-template-card.is-disabled{filter:saturate(.75)}.revenue-settings-box .auth-note{max-width:920px}.revenue-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.revenue-settings-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-settings-grid .form-label{margin-top:0}.taxonomy-admin-note{border:1px dashed #d5deea;border-radius:16px;background:#fbfdff;padding:12px 14px;color:var(--muted);line-height:1.55}@media (max-width:900px){.listing-choice-grid--taxonomy,.revenue-settings-grid,.revenue-settings-grid--2{grid-template-columns:1fr}}

/* V3.1.52 MVP stabilization / trust / health center */
.feature-flag-group{border:1px solid var(--border);border-radius:16px;background:#fff;margin-top:12px;overflow:hidden}.feature-flag-group>summary{cursor:pointer;padding:14px 16px;font-weight:800;background:#f8fafc}.feature-flag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:14px}.feature-flag-card{display:block;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fbfdff}.feature-flag-card__main{display:flex;align-items:center;gap:10px}.feature-flag-card small{display:block;margin-top:8px;color:var(--muted);line-height:1.35}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.health-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:16px}.health-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.health-card__top span{font-size:11px;border-radius:999px;padding:4px 8px;font-weight:800}.health-card--ok{border-color:#bbf7d0;background:#f0fdf4}.health-card--ok span{background:#16a34a;color:#fff}.health-card--warning{border-color:#fed7aa;background:#fff7ed}.health-card--warning span{background:#f97316;color:#fff}.health-card--error{border-color:#fecaca;background:#fef2f2}.health-card--error span{background:#dc2626;color:#fff}.health-card--disabled,.health-card--info{background:#f8fafc}.health-card--disabled span,.health-card--info span{background:#64748b;color:#fff}.seller-cockpit__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.seller-cockpit__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:14px}.seller-cockpit__stats span{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:12px}.seller-cockpit__stats strong{display:block;font-size:22px}.seller-cockpit__actions{margin:14px 0 0;padding-left:18px}.seller-cockpit__actions li{margin:6px 0}.listing-quality-box{border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;padding:16px;margin:18px 0}.listing-quality-box__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.listing-quality-box__head strong{display:block}.listing-quality-box__head span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.listing-quality-box__head b{font-size:24px;color:#166534}.listing-quality-meter{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:12px 0}.listing-quality-meter span{display:block;height:100%;background:#22c55e;border-radius:999px}.listing-quality-details summary{cursor:pointer;font-weight:800}.listing-quality-details ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.listing-quality-details li{display:flex;gap:8px;align-items:center;color:#334155}.listing-quality-details li.is-done{color:#166534}.listing-quality-details li.is-missing{color:#92400e}.listing-quality-details em{margin-left:auto;font-style:normal;font-size:11px;border:1px solid #e2e8f0;border-radius:999px;padding:2px 7px;color:#64748b}.small-text{font-size:12px}.table-compact th,.table-compact td{padding:9px 10px}@media (max-width: 640px){.seller-cockpit__head{display:block}.seller-cockpit__head .btn{margin-top:10px}.feature-flag-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr}}

/* V3.1.55 Notifications UX cleanup */
.notifications-page-v2{display:grid;gap:18px;}
.notifications-header-v2{align-items:flex-start;}
.notifications-header-actions-v2{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.notifications-toolbar-v2{align-items:center;margin-bottom:4px;}
.notification-tab--action span{background:#fff3cd;color:#92400e;}
.notification-tab--action.is-active{background:#fff8e6;border-color:#f5c56b;color:#92400e;}
.notification-preferences-return{margin:-4px 0 10px;}
.notifications-list-v2{gap:12px;}
.notification-card-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:14px 16px;border-radius:18px;position:relative;overflow:visible;}
.notification-card-v2::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;background:#d9e2ec;}
.notification-card-v2.is-info::before{background:#9fb3c8;}
.notification-card-v2.is-success::before{background:#41c12b;}
.notification-card-v2.is-action-required::before{background:#f59e0b;}
.notification-card-v2.is-critical::before{background:#dc2626;}
.notification-card-v2__main{min-width:0;padding-left:6px;}
.notification-card-v2__side{display:grid;gap:12px;justify-items:end;min-width:190px;}
.notification-card-v2__meta{justify-content:flex-start;align-items:center;margin-bottom:6px;gap:8px;}
.notification-card-v2__type{font-size:11px;color:#42526e;font-weight:800;letter-spacing:.08em;}
.notification-card-v2__title{margin:0 0 6px;font-size:17px;line-height:1.25;}
.notification-card-v2__message{margin:0;color:#334155;line-height:1.45;max-width:760px;}
.notification-card-v2__date{font-size:12px;color:#667085;white-space:nowrap;}
.notification-card-v2__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.notification-action-required-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#fff3cd;color:#92400e;font-size:11px;font-weight:800;}
.notification-unread-dot{width:8px;height:8px;border-radius:999px;background:#39bf25;box-shadow:0 0 0 3px rgba(57,191,37,.12);}
.notification-more-actions{position:relative;}
.notification-more-actions summary{list-style:none;cursor:pointer;border:1px solid #dfe5ee;border-radius:999px;padding:8px 12px;background:#fff;font-weight:800;font-size:13px;line-height:1;}
.notification-more-actions summary::-webkit-details-marker{display:none;}
.notification-more-actions[open] summary{border-color:#b7c6d9;background:#f8fafc;}
.notification-more-actions__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:190px;padding:8px;border:1px solid #dfe5ee;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.14);display:grid;gap:4px;}
.notification-more-actions__menu a,.notification-more-actions__menu button{display:block;width:100%;border:0;background:transparent;color:#0f172a;text-align:left;text-decoration:none;padding:9px 10px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;}
.notification-more-actions__menu a:hover,.notification-more-actions__menu button:hover{background:#f4f7fb;}
.notification-more-actions__menu form{margin:0;display:block;}
.notifications-empty-state{display:grid;gap:6px;border:1px dashed #d5deea;border-radius:18px;background:#fbfdff;padding:22px;color:#667085;}
.notifications-empty-state strong{color:#0f172a;font-size:18px;}
@media (max-width: 760px){
    .notifications-header-v2{display:grid;gap:14px;}
    .notifications-header-actions-v2{justify-content:flex-start;}
    .notification-card-v2{grid-template-columns:1fr;gap:12px;}
    .notification-card-v2__side{justify-items:start;min-width:0;}
    .notification-card-v2__actions{justify-content:flex-start;flex-wrap:wrap;}
    .notification-more-actions__menu{left:0;right:auto;}
    .notifications-toolbar-v2{display:grid;grid-template-columns:1fr;gap:12px;}
}


/* V3.1.57 UX hotfix / admin mode cleanup */
.notifications-list-v2,
.notification-card,
.notification-card-v2 {
    overflow: visible;
}

.notifications-list-v2 {
    position: relative;
    isolation: isolate;
}

.notification-card-v2 {
    z-index: 1;
}

.notification-card-v2.is-menu-open,
.notification-card-v2:has(.notification-more-actions[open]) {
    z-index: 200;
}

.notification-more-actions {
    z-index: 201;
}

.notification-more-actions__menu {
    z-index: 220;
}

.admin-mode-bar {
    border-bottom: 1px solid #dbe7dd;
    background: linear-gradient(180deg, #f5fff6 0%, #ffffff 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.admin-mode-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.admin-mode-bar__label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    min-width: 0;
}

.admin-mode-bar__label strong {
    color: #166534;
    white-space: nowrap;
}

.admin-mode-bar__label span:last-child {
    color: #667085;
    font-size: 13px;
}

.admin-mode-bar__dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #35c622;
    box-shadow: 0 0 0 4px rgba(53, 198, 34, .14);
    flex: 0 0 auto;
}

.admin-mode-bar__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.admin-mode-bar__nav a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.admin-mode-bar__nav a:hover,
.admin-mode-bar__nav a.is-active {
    border-color: #bfe8c8;
    background: #ecfff0;
    color: #166534;
}

.xa-nav__admin-pill {
    display: inline-flex;
    align-items: center;
    width: max-content;
    margin: 2px 12px 8px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #ecfff0;
    color: #166534;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.xa-nav__menu-section--admin-mode {
    background: linear-gradient(180deg, rgba(236, 255, 240, .9), rgba(255, 255, 255, 0));
    border-radius: 12px;
}

@media (max-width: 900px) {
    .admin-mode-bar__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-mode-bar__nav {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .notification-card-v2.is-menu-open {
        z-index: 300;
    }

    .notification-more-actions__menu {
        min-width: 220px;
        max-width: calc(100vw - 40px);
    }
}