/* ── VORUTO MARKETPLACE CSS ── */
:root {
    --m-bg:#f8fafc; --m-accent:#6366f1; --m-green:#10b981; --m-red:#ef4444;
    --m-gold:#fbbf24; --m-panel:#ffffff; --m-border:#e2e8f0; --sidebar-w:256px;
}
body.page-template-page-marketplace { background:var(--m-bg); font-family:'Plus Jakarta Sans',sans-serif; margin:0; padding-top:0 !important; }
body.page-template-page-marketplace .site-content { margin-top:0 !important; padding:0 !important; max-width:100% !important; }
body.page-template-page-marketplace #page { margin-top:0 !important; padding-top:0 !important; }
body.page-template-page-marketplace .content-area,
body.page-template-page-marketplace #primary,
body.page-template-page-marketplace #main,
body.page-template-page-marketplace .inside-article,
body.page-template-page-marketplace .entry-content { padding:0 !important; margin-top:0 !important; }

/* ── TICKER ─────────────────────────────────────────────────────────────────── */
.ticker-inline-wrap { width:100%; height:52px; background:#0f172a; border-bottom:1px solid rgba(99,102,241,.25); overflow:hidden; display:flex; align-items:center; position:relative; }
.ticker-live-badge  { position:absolute; left:0; top:0; bottom:0; width:108px; background:#0f172a; display:flex; align-items:center; padding-left:18px; gap:8px; z-index:5; border-right:1px solid rgba(255,255,255,.06); flex-shrink:0; }
.ticker-live-dot    { width:7px; height:7px; border-radius:50%; background:#10b981; flex-shrink:0; box-shadow:0 0 0 0 rgba(16,185,129,.5); animation:livePulse 1.8s ease-out infinite; }
@keyframes livePulse { 0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)} }
.ticker-live-label  { font-size:9px; font-weight:800; color:#94a3b8; text-transform:uppercase; letter-spacing:1.5px; }
.ticker-inline-wrap::before,.ticker-inline-wrap::after { content:''; position:absolute; top:0; bottom:0; width:50px; z-index:4; pointer-events:none; }
.ticker-inline-wrap::before { left:108px; background:linear-gradient(90deg,#0f172a,transparent); }
.ticker-inline-wrap::after  { right:0;    background:linear-gradient(-90deg,#0f172a,transparent); }
.ticker-track { display:flex; white-space:nowrap; padding-left:130px; animation:tkScroll 55s linear infinite; align-items:center; }
.ticker-track:hover { animation-play-state:paused; }
@keyframes tkScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.t-item       { display:inline-flex; align-items:center; gap:9px; padding:0 22px 0 0; margin-right:22px; border-right:1px solid rgba(255,255,255,.06); text-decoration:none; color:inherit; }
.t-thumb-wrap { display:block; flex-shrink:0; width:26px; height:36px; border-radius:3px; overflow:hidden; }
.t-thumb      { width:100%; height:100%; object-fit:cover; display:block; }
.t-dot        { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.t-dot-sold   { background:#10b981; } .t-dot-listed { background:#6366f1; }
.t-item-body  { display:flex; flex-direction:column; gap:2px; }
.t-card-name  { font-size:11px; font-weight:700; color:#e2e8f0; max-width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; transition:color .15s; }
.t-card-name:hover { color:#818cf8; }
.t-item-meta  { display:flex; align-items:center; gap:6px; }
.t-price      { font-size:10px; font-weight:800; color:#10b981; font-variant-numeric:tabular-nums; }
.t-seller     { font-size:9px; color:#475569; font-weight:600; }
.t-type-pill  { font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; padding:1px 5px; border-radius:3px; }
.t-type-sold   { background:rgba(16,185,129,.15); color:#34d399; }
.t-type-listed { background:rgba(99,102,241,.15); color:#818cf8; }

/* ── HERO ────────────────────────────────────────────────────────────────────── */
.hero-dash   { background:#fff; padding:24px 20px; border-bottom:1px solid var(--m-border); }
.hero-flex   { max-width:1500px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.hero-brand h1 { font-size:22px; font-weight:900; color:#0f172a; margin:0; letter-spacing:-.5px; }
.hero-brand p  { font-size:13px; color:#64748b; margin:4px 0 0; font-weight:500; }
.hero-my-store-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 7px 16px;
    background: #6366f1;
    color: #fff;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .15s;
}
.hero-my-store-btn:hover { background: #4f46e5; color: #fff; }
.kpi-row     { display:flex; gap:20px; }
.kpi-mini    { border-left:2px solid #f1f5f9; padding-left:16px; display:flex; flex-direction:column; }
.kpi-lbl     { font-size:9px; text-transform:uppercase; color:#94a3b8; font-weight:800; letter-spacing:1px; margin-bottom:3px; }
.kpi-val     { font-size:16px; font-weight:900; color:#0f172a; line-height:1; }
.kpi-trend   { font-size:9px; font-weight:800; margin-top:3px; }
.trend-green{color:var(--m-green)} .trend-blue{color:#3b82f6} .trend-gold{color:var(--m-gold)}

/* ── LAYOUT ──────────────────────────────────────────────────────────────────── */
.v-wrapper   { max-width:1500px; margin:0 auto; padding-top:var(--header-height,105px); }
@keyframes fadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

/* ── BARRA HORIZONTAL DE FILTROS ─────────────────────────────────────────────── */
.mkp-hz-bar {
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    padding:6px 20px; background:#fff; border-bottom:1px solid var(--m-border);
    position:sticky; top:var(--header-height,105px); z-index:200;
}

/* Busca */
.mkp-hz-search { flex-shrink:0; flex:0 0 auto; max-width:420px; min-width:280px; flex-grow:1; }
.mkp-search-wrap {
    display:flex; align-items:center; gap:7px; position:relative;
    background:#f8fafc; border:1.5px solid var(--m-border);
    border-radius:8px; padding:6px 10px; transition:border-color .15s; width:100%;
}
.mkp-search-wrap:focus-within { border-color:var(--m-accent); }
.search-icon      { color:#94a3b8; flex-shrink:0; }
.mkp-search-wrap .mkp-search-input { border:none; background:none; outline:none; font-size:12px !important; color:#0f172a; width:100%; min-width:120px; padding:0 !important; margin:0; height:auto !important; box-shadow:none; }
.mkp-search-input::placeholder { color:#94a3b8; }
.search-clear-btn { color:#94a3b8; text-decoration:none; font-size:16px; line-height:1; flex-shrink:0; padding:0 2px; transition:color .12s; }
.search-clear-btn:hover { color:#dc2626; }

/* Busca Inteligente (10A.1): "você quis dizer" + histórico */
.mkp-search-suggestion { flex-basis:100%; padding:6px 20px 0; font-size:12px; color:#64748b; }
.mkp-search-suggestion a { color:var(--m-accent); font-weight:700; text-decoration:none; }
.mkp-search-suggestion a:hover { text-decoration:underline; }
.mkp-search-history {
    display:none; position:absolute; top:calc(100% + 4px); left:0; right:0; z-index:250;
    background:#fff; border:1px solid var(--m-border); border-radius:8px;
    box-shadow:0 8px 20px rgba(0,0,0,.08); overflow:hidden;
}
.mkp-search-history.open { display:block; }
.mkp-search-history-item {
    display:flex; align-items:center; gap:8px; padding:8px 12px; font-size:12px; color:#334155;
    cursor:pointer; border-bottom:1px solid #f1f5f9;
}
.mkp-search-history-item:last-child { border-bottom:none; }
.mkp-search-history-item:hover { background:#f8fafc; }

/* Pills */
#mkp-filter-form { display:contents; }
.mkp-pills { display:flex; align-items:center; gap:5px; flex-wrap:wrap; flex:1; }
.mkp-pill  { position:relative; }
.mkp-pill-btn {
    display:flex; align-items:center; gap:4px;
    padding:5px 10px; border:1px solid var(--m-border);
    border-radius:6px; background:#fff; font-size:11px; font-weight:700;
    color:#475569; cursor:pointer; white-space:nowrap; transition:.12s; font-family:inherit;
}
.mkp-pill-btn:hover { border-color:#a5b4fc; color:#4338ca; background:#f8faff; }
.mkp-pill.is-active .mkp-pill-btn { background:#ede9fe; border-color:#a5b4fc; color:#4338ca; }
#pill-price .mkp-pill-btn {
    background:#f8fafc; border-color:#cbd5e1; font-weight:800; letter-spacing:.01em;
}
#pill-price.is-active .mkp-pill-btn { background:#ede9fe; border-color:#a5b4fc; color:#4338ca; }
.ph-val  { font-weight:900; max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; }
.ph-arr  { font-size:8px; color:#94a3b8; margin-left:1px; transition:transform .2s; flex-shrink:0; }
.mkp-pill.is-open .ph-arr { transform:rotate(180deg); }
.ph-dot  { width:5px; height:5px; border-radius:50%; background:var(--m-accent); flex-shrink:0; display:inline-block; margin-left:2px; }

/* Dropdown de pill */
.mkp-pill-menu {
    display:none; position:absolute; top:calc(100% + 6px); left:0;
    min-width:200px; background:#fff; border:1px solid var(--m-border);
    border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.1);
    padding:8px; z-index:300; animation:fadeIn .15s ease;
}
.mkp-pill.is-open .mkp-pill-menu { display:block; }
.mkp-pill-price { min-width:220px; }
.mkp-pill-scroll .scroll-list { max-height:220px; overflow-y:auto; }

/* Limpar todos */
.hz-clear-all { font-size:11px; font-weight:700; color:#94a3b8; text-decoration:none; white-space:nowrap; padding:5px 8px; border-radius:6px; transition:.12s; flex-shrink:0; }
.hz-clear-all:hover { color:#dc2626; background:#fee2e2; }

/* Filter zone: tinted panel that wraps label + filter dropdowns */
.mkp-filter-zone { display:flex; align-items:center; gap:6px; flex-wrap:wrap; background:#f5f3ff; border-radius:8px; padding:5px 10px; }

/* Aviso de inserção de imagem */
.mkp-onboard-notice {
    display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px;
    padding:10px 16px; margin:14px 0 0; font-size:12px; color:#0369a1;
}
.mkp-onboard-notice svg { flex-shrink:0; color:#0284c7; }
.mkp-onboard-notice p { margin:0; line-height:1.5; }
.mkp-onboard-notice a { color:#0284c7; font-weight:700; text-decoration:underline; white-space:nowrap; }
.mkp-onboard-notice a:hover { color:#0c4a6e; }

/* Acordeões (CA sidebar) */
.mkp-acc     { border-bottom:1px solid #f8fafc; }
.mkp-acc-hd  { width:100%; background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:5px; padding:10px 14px; font-size:10px; font-weight:900; color:#64748b; text-align:left; text-transform:uppercase; letter-spacing:.08em; transition:color .15s; }
.mkp-acc-hd:hover { color:#0f172a; }
.acc-arrow   { margin-left:auto; font-size:9px; color:#cbd5e1; transition:transform .2s; }
.mkp-acc.open .acc-arrow { transform:rotate(180deg); }
.acc-dot     { width:5px; height:5px; border-radius:50%; background:var(--m-accent); flex-shrink:0; }
.mkp-acc-body{ display:none; padding:2px 10px 10px; }
.mkp-acc.open .mkp-acc-body { display:block; }

/* Price range */
.price-range-row { display:flex; align-items:center; gap:5px; margin-bottom:7px; }
.price-inp   { width:0; flex:1; border:1px solid var(--m-border); border-radius:6px; padding:5px 7px; font-size:12px; outline:none; color:#0f172a; }
.price-inp:focus { border-color:var(--m-accent); }
.price-sep   { font-size:11px; color:#94a3b8; flex-shrink:0; }
.mkp-pill-menu .btn-apply { width:100%; background:#6366f1; background-image:none; color:#fff; border:none; border-radius:6px; padding:7px; font-size:11px; font-weight:700; cursor:pointer; transition:background .15s; transform:none; box-shadow:none; }
.mkp-pill-menu .btn-apply:hover { background:#4f46e5; background-image:none; transform:none; box-shadow:none; }

/* Opções de filtro */
.mkp-row-opt { display:flex; align-items:center; gap:6px; padding:5px 4px; border-radius:6px; cursor:pointer; transition:background .12s; width:100%; }
.mkp-row-opt:hover { background:#f8fafc; }
.mkp-row-opt.sel  { background:#ede9fe; }
.sr-only     { position:absolute; width:1px; height:1px; clip:rect(0,0,0,0); overflow:hidden; }
.opt-label   { font-size:12px; color:#334155; flex:1; line-height:1.3; }
.opt-count   { font-size:10px; color:#94a3b8; font-weight:700; background:#f1f5f9; padding:1px 5px; border-radius:4px; flex-shrink:0; }
.lang-flag   { font-size:14px; line-height:1; }

/* Grade pills */
.grade-pill    { font-size:9px; font-weight:900; padding:1px 5px; border-radius:4px; flex-shrink:0; }
.g-sealed { background:#e0f2fe; color:#0369a1; }
.g-graded { background:#e0e7ff; color:#3730a3; }
.g-m      { background:#bbf7d0; color:#14532d; }
.g-nm     { background:#dcfce7; color:#15803d; }
.g-sp     { background:#fef9c3; color:#854d0e; }
.g-mp     { background:#ffedd5; color:#9a3412; }
.g-d      { background:#f1f5f9; color:#475569; }
/* legado — mantidos para dados históricos */
.g-hp  { background:#fee2e2; color:#991b1b; }
.g-lp  { background:#e0f2fe; color:#0369a1; }
.g-dmg { background:#f1f5f9; color:#475569; }
.gc-badge { font-size:9px; font-weight:900; padding:1px 5px; border-radius:3px; background:#e0e7ff; color:#3730a3; flex-shrink:0; }

/* Valor sem pill (só cor azul escura) */
.price-plain { color:#1e40af; font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; }

/* Set search + scroll lists */
.set-search-inp { width:100%; border:1px solid var(--m-border); border-radius:6px; padding:5px 8px; font-size:12px; outline:none; margin-bottom:5px; box-sizing:border-box; }
.set-search-inp:focus { border-color:var(--m-accent); }
.scroll-list { max-height:220px; overflow-y:auto; }

/* Clear link */
.clear-link  { display:block; font-size:11px; color:var(--m-accent); margin-top:6px; text-decoration:none; }
.clear-link:hover { text-decoration:underline; }

/* ── MAIN ────────────────────────────────────────────────────────────────────── */
.mkp-main { padding:0 20px 60px; }

/* Top bar */
.mkp-top-bar,.mkp-tabs-bar { display:flex; align-items:flex-end; justify-content:space-between; padding:10px 0 0; border-bottom:2px solid var(--m-border); }
.mkp-tabs    { display:flex; align-items:flex-end; gap:2px; }
.mkp-tabs-right { display:flex; align-items:center; gap:8px; padding-bottom:8px; flex-shrink:0; }
.mkp-tab     { display:flex; align-items:center; gap:6px; padding:9px 16px 11px; font-size:12px; font-weight:800; color:#64748b; text-decoration:none; border-bottom:2px solid transparent; margin-bottom:-2px; letter-spacing:.03em; transition:color .15s; white-space:nowrap; }
.mkp-tab:hover { color:#0f172a; }
.mkp-tab.active { color:var(--m-accent); border-bottom-color:var(--m-accent); }
.mkp-tabs-sep { width:1px; height:20px; background:#e2e8f0; margin:0 6px 10px; flex-shrink:0; align-self:flex-end; }
.mkp-view-toggle { display:flex; gap:3px; padding-bottom:8px; margin-left:2px; }
.vtoggle-btn { background:none; border:1px solid var(--m-border); border-radius:6px; padding:5px 7px; cursor:pointer; color:#94a3b8; display:flex; align-items:center; transition:.15s; }
.vtoggle-btn:hover { color:#475569; background:#f8fafc; }
.vtoggle-btn.active { background:var(--m-accent); border-color:var(--m-accent); color:#fff; }

/* Results bar */
.mkp-results-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 0 8px; border-bottom:1px solid #f1f5f9; margin-bottom:2px; }
.results-count { font-size:11px; font-weight:900; color:#64748b; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.af-tags { display:flex; flex-wrap:wrap; gap:4px; flex:1; }
.af-tag  { display:inline-flex; align-items:center; gap:3px; background:#ede9fe; color:#4338ca; font-size:10px; font-weight:700; padding:2px 7px; border-radius:20px; }
.af-tag a{ color:#6366f1; text-decoration:none; margin-left:2px; font-weight:900; }
.af-tag a:hover { color:#dc2626; }
.sort-form   { flex-shrink:0; }
.mkp-results-bar .sort-form { margin-left:auto; }
.sort-select { border:1px solid var(--m-border); border-radius:6px; padding:4px 8px; font-size:11px; color:#475569; background:#fff; outline:none; cursor:pointer; }
.sort-select:focus { border-color:var(--m-accent); }

/* ── VIEWS ───────────────────────────────────────────────────────────────────── */
.mkp-view { display:none; }
.mkp-view.active { display:block; animation:fadeIn .2s ease; }

/* ── TABLE (LISTA) ───────────────────────────────────────────────────────────── */
.mkp-table   { width:100%; border-collapse:collapse; }
.mkp-table thead th { font-size:9px; font-weight:900; color:#94a3b8; text-transform:uppercase; letter-spacing:.1em; padding:9px 8px; border-bottom:1px solid var(--m-border); text-align:left; white-space:nowrap; background:#fafafa; }
.th-card  { width:42%; }
.th-m     { text-align:center; }
.th-avail { text-align:center; width:80px; }
.mkp-row  { cursor:pointer; transition:background .1s; }
.mkp-row:hover { background:#f8fafc; }
.mkp-row td { padding:7px 8px; border-bottom:1px solid #f8fafc; vertical-align:middle; }
.td-card  {}
.td-m     { font-size:12px; font-weight:700; color:#64748b; text-align:center; font-variant-numeric:tabular-nums; white-space:nowrap; }
.td-floor { color:#0f172a !important; font-weight:900; }
.td-avail { text-align:center; }
.dash-val { color:#cbd5e1; }
.avail-badge { font-size:11px; font-weight:900; color:var(--m-accent); background:#ede9fe; padding:2px 9px; border-radius:20px; }
.no-results  { padding:48px; text-align:center; color:#94a3b8; font-size:14px; }

/* Row card cell */
.row-card-wrap { display:flex; align-items:center; gap:10px; }
.row-thumb     { width:30px; height:42px; object-fit:cover; border-radius:3px; flex-shrink:0; transition:width .2s,height .2s; }
.row-thumb-lg  { width:42px; height:58px; }
.row-card-text { display:flex; flex-direction:column; gap:2px; min-width:0; }
.row-name      { font-size:13px; font-weight:800; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.row-num       { font-size:10px; font-weight:600; color:#94a3b8; }
.row-meta      { font-size:10px; color:#94a3b8; font-weight:600; display:flex; align-items:center; gap:4px; }
.row-setcode   { background:#f1f5f9; color:#475569; padding:1px 5px; border-radius:3px; font-weight:900; font-size:9px; text-transform:uppercase; }
.row-flag      { font-size:11px; }

/* Expanded rows */
.mkp-table.expanded .mkp-row td { padding:11px 8px; }
.mkp-table.expanded .row-name   { font-size:14px; }

/* ── GRID ────────────────────────────────────────────────────────────────────── */
.mkp-grid-view { padding-top:14px; }
.mkp-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.mkp-gc   { background:#fff; border:1px solid var(--m-border); border-radius:12px; overflow:hidden; text-decoration:none; transition:.2s; display:flex; flex-direction:column; }
.mkp-gc:hover { transform:translateY(-6px); box-shadow:0 20px 40px -10px rgba(0,0,0,.1); border-color:#c7d2fe; }
.gc-img-wrap { position:relative; padding-top:142%; background:#f8fafc; overflow:hidden; }
.gc-img      { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; transition:.5s; }
.mkp-gc:hover .gc-img { transform:scale(1.06); }
.gc-info     { padding:8px 10px 10px; display:flex; flex-direction:column; gap:3px; }
.gc-info-hd  { display:flex; align-items:center; gap:5px; min-width:0; }
.gc-flag     { font-size:13px; flex-shrink:0; line-height:1; }
.gc-name     { flex:1; min-width:0; font-size:11px; font-weight:800; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gc-num      { font-size:9px; font-weight:600; color:#94a3b8; }
.gc-pricing  { display:flex; align-items:center; justify-content:space-between; margin-top:4px; }
.gc-price    { font-size:12px; font-weight:900; color:var(--m-green); }
.gc-avail    { font-size:10px; color:var(--m-accent); font-weight:700; }

/* ── PAGINAÇÃO ───────────────────────────────────────────────────────────────── */
.mkp-pagination { display:flex; align-items:center; justify-content:center; gap:4px; padding:24px 0; flex-wrap:wrap; }
.pag-btn   { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 8px; border-radius:8px; font-size:12px; font-weight:700; color:#64748b; background:#fff; border:1px solid var(--m-border); text-decoration:none; transition:.15s; white-space:nowrap; }
.pag-btn:hover  { background:#f1f5f9; color:#0f172a; }
.pag-btn.active { background:var(--m-accent); color:#fff; border-color:var(--m-accent); }
.pag-dot   { color:#94a3b8; padding:0 4px; }

/* ── PAINEL DE OFERTAS ────────────────────────────────────────────────────────── */
.mkp-overlay {
    display:none; position:fixed; inset:0; background:rgba(0,0,0,.45);
    z-index:2000; backdrop-filter:blur(2px);
}
.mkp-overlay.active { display:block; }

.mkp-panel {
    position:fixed; top:0; right:-580px; width:560px; max-width:100vw; height:100vh;
    background:#fff; z-index:2001; display:flex; flex-direction:column;
    box-shadow:-4px 0 32px rgba(0,0,0,.18); transition:right .3s cubic-bezier(.4,0,.2,1);
    overflow:hidden;
}
.mkp-panel.active { right:0; }

.mkp-panel-hd {
    display:flex; align-items:flex-start; justify-content:space-between;
    padding:18px 20px 14px; border-bottom:1px solid var(--m-border); flex-shrink:0;
}
.mkp-panel-card { display:flex; align-items:center; gap:14px; }
.panel-thumb-wrap { width:60px; height:84px; flex-shrink:0; }
.panel-thumb { width:60px; height:84px; object-fit:contain; border-radius:6px; }
.panel-card-name { font-size:15px; font-weight:700; color:#0f172a; line-height:1.3; }
.panel-card-sub  { font-size:12px; color:#64748b; margin-top:3px; }

.mkp-panel-close {
    flex-shrink:0; width:30px; height:30px; display:flex; align-items:center;
    justify-content:center; font-size:22px; font-weight:300; color:#94a3b8;
    background:none; border:none; cursor:pointer; border-radius:6px; line-height:1;
    transition:.15s; margin-left:8px;
}
.mkp-panel-close:hover { background:#f1f5f9; color:#0f172a; }

.mkp-panel-metrics {
    display:flex; align-items:center; gap:0; flex-shrink:0;
    background:#f8fafc; border-bottom:1px solid var(--m-border);
}
.pm-item {
    display:flex; flex-direction:column; align-items:center; gap:2px;
    flex:1; padding:10px 6px; border-right:1px solid var(--m-border);
}
.pm-item:last-child { border-right:none; }
.pm-lbl { font-size:9px; font-weight:700; letter-spacing:.06em; color:#94a3b8; text-transform:uppercase; }
.pm-val { font-size:12px; font-weight:700; color:#0f172a; white-space:nowrap; }
.pm-floor { color:var(--m-accent); }
.pm-avail { color:var(--m-green); }

.mkp-panel-body { flex:1; overflow-y:auto; padding:16px 20px 24px; }

.panel-loading { text-align:center; color:#94a3b8; padding:40px 0; font-size:13px; }
.panel-error   { text-align:center; color:var(--m-red); padding:40px 0; font-size:13px; }
.panel-empty   { text-align:center; color:#94a3b8; padding:40px 0; font-size:13px; }

.panel-table { width:100%; border-collapse:collapse; font-size:12px; }
.panel-table thead th {
    padding:7px 10px; text-align:left; font-size:10px; font-weight:700;
    letter-spacing:.06em; color:#94a3b8; text-transform:uppercase;
    border-bottom:1px solid var(--m-border); white-space:nowrap;
}
.panel-th-price { text-align:right; }
.panel-table tbody tr { border-bottom:1px solid #f1f5f9; transition:.1s; }
.panel-table tbody tr:hover { background:#f8fafc; }
.panel-table tbody td { padding:9px 10px; vertical-align:middle; }
.panel-price-box {
    display:inline-block; background:var(--m-accent); color:#fff;
    font-size:12px; font-weight:700; padding:3px 8px; border-radius:6px; white-space:nowrap;
}
.panel-seller { color:var(--m-accent); font-size:11px; font-weight:600; }
.panel-since  { color:#94a3b8; font-size:11px; white-space:nowrap; }
.panel-lang   { font-size:10px; font-weight:700; color:#475569; }
.panel-td-var { color:#64748b; font-size:11px; max-width:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.panel-grade-badge { display:inline-flex; align-items:center; background:#e2e8f0; color:#475569; font-size:10px; font-weight:700; padding:1px 5px; border-radius:4px; margin-left:4px; }
.panel-sales-hd {
    font-size:11px; font-weight:700; letter-spacing:.06em; color:#94a3b8;
    text-transform:uppercase; padding:18px 0 8px; margin-top:4px;
    border-top:1px solid var(--m-border);
}
/* Listing rows (new card-style layout) */
.panel-listings { display:flex; flex-direction:column; gap:10px; }
.panel-listing-row {
    display:flex; align-items:center; gap:12px; padding:12px 14px;
    background:#f8fafc; border-radius:10px; border:1px solid var(--m-border);
    transition:.15s;
}
.panel-listing-row:hover { background:#eef2ff; border-color:#c7d2fe; }
.pl-left  { display:flex; flex-direction:column; gap:5px; min-width:90px; }
.pl-center { flex:1; display:flex; flex-direction:column; gap:3px; }
.pl-right { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.pl-var   { font-size:10px; color:#94a3b8; }
.pl-seller { font-size:12px; font-weight:700; color:var(--m-accent); text-decoration:none; }
.pl-seller:hover { text-decoration:underline; }
.pl-since { font-size:11px; color:#94a3b8; }
.pl-cta   { display:flex; align-items:center; gap:5px; }
.panel-online-dot { color:var(--m-green); font-size:10px; }
.panel-price-sold { background:var(--m-green); }

/* CTA Buttons */
/* SVG icon inside buttons */
.btn-ico { width:14px; height:14px; display:block; flex-shrink:0; }

.cta-buy {
    display:inline-flex; align-items:center; padding:5px 12px; border-radius:7px;
    background:var(--m-accent); color:#fff; font-size:11px; font-weight:700;
    text-decoration:none; white-space:nowrap; transition:.15s;
    border:1.5px solid var(--m-accent); cursor:pointer;
}
.cta-buy:hover   { background:#4f46e5; border-color:#4f46e5; color:#fff; }
.cta-buy.loading { opacity:.7; cursor:not-allowed; pointer-events:none; }
.cta-buy.in-cart { background:var(--m-green); cursor:default; pointer-events:none; }
.cta-msg, .cta-chat {
    display:inline-flex; align-items:center; justify-content:center;
    width:28px; height:28px; border-radius:7px;
    text-decoration:none; transition:.15s; border:1px solid var(--m-border);
    color:#64748b; background:#fff; cursor:pointer; padding:0;
}
.cta-msg:hover  { background:#e0e7ff; border-color:var(--m-accent); color:var(--m-accent); }
.cta-chat       { color:var(--m-green); border-color:var(--m-green); background:#f0fdf4; }
.cta-chat:hover { background:#d1fae5; }

/* ── PERFIL DO VENDEDOR ────────────────────────────────────────────────────────── */
.v-wrapper.seller-page { max-width:1500px; margin:0 auto; padding:calc(var(--header-height,105px) + 24px) 20px 60px; }
.sp-header { background:#fff; border:1px solid var(--m-border); border-radius:14px; padding:0 0 0 0; margin-bottom:20px; overflow:hidden; }
.sp-back { display:inline-flex; align-items:center; gap:5px; font-size:12px; color:#64748b; text-decoration:none; margin:16px 0 12px 24px; transition:.15s; }
.sp-back:hover { color:var(--m-accent); }

/* 3-col grid: avatar | info | cta */
.sp-hd-inner {
    display:grid;
    grid-template-columns: auto 1fr auto;
    align-items:flex-start;
    gap:0 20px;
    padding:0 24px 20px;
}
.sp-avatar-col { padding-top:4px; }
.sp-avatar-wrap { position:relative; flex-shrink:0; }
.sp-avatar { width:96px; height:96px; border-radius:50%; object-fit:cover; border:3px solid var(--m-border); display:block; }
.sp-online-dot {
    position:absolute; bottom:5px; right:5px; width:14px; height:14px;
    border-radius:50%; background:#cbd5e1; border:2px solid #fff;
}
.sp-online-dot.online { background:var(--m-green); }
.sp-info { min-width:0; }
.sp-name-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:2px; }
.sp-name { font-size:22px; font-weight:900; color:#0f172a; margin:0; }
.sp-online-label { display:inline-block; font-size:11px; color:var(--m-green); font-weight:700; }
.sp-meta-row { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:6px; }
.sp-since { font-size:12px; color:#94a3b8; }
.sp-dot { color:#cbd5e1; font-size:12px; }
.sp-location { font-size:12px; color:#64748b; }

/* Stats — full-width bar below hd-inner */
.sp-stats-bar {
    display:flex;
    flex-wrap:wrap;
    gap:0;
    border-top:1px solid var(--m-border);
    background:#fafafa;
}
.sp-stats-bar .sp-stat {
    flex:1;
    min-width:80px;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:14px 8px;
    border-right:1px solid var(--m-border);
}
.sp-stats-bar .sp-stat:last-child { border-right:none; }

/* Legacy sp-stats-grid kept for backward compat */
.sp-stats-grid { display:flex; flex-wrap:wrap; gap:4px 20px; align-items:center; }
.sp-stat { display:flex; flex-direction:column; align-items:center; padding:6px 10px; border-radius:8px; }
.sp-stat-nps { background:#f8faff; border:1px solid #e0e7ff; transition:.15s; }
.sp-stat-nps:hover { border-color:var(--m-accent); }
.ss-val { font-size:20px; font-weight:800; color:#0f172a; }
.ss-value { font-size:14px; }
.ss-lbl { font-size:10px; font-weight:600; letter-spacing:.06em; color:#94a3b8; text-transform:uppercase; }
/* NPS score colours */
.nps-great { color:var(--m-green)!important; }
.nps-ok    { color:var(--m-gold)!important; }
.nps-bad   { color:var(--m-red)!important; }
.nps-na    { color:#94a3b8!important; }
.sp-cta-hd { display:flex; flex-direction:column; gap:8px; align-items:flex-end; padding-top:4px; }
.sp-btn-msg, .sp-btn-chat {
    display:inline-flex; align-items:center; gap:6px; padding:8px 16px;
    border-radius:8px; font-size:12px; font-weight:700; text-decoration:none; transition:.15s;
    border:none; cursor:pointer; font-family:inherit;
}
.sp-btn-msg  { background:var(--m-accent); color:#fff; }
.sp-btn-msg:hover { background:#4f46e5; color:#fff; }
.sp-btn-chat { background:#f0fdf4; color:var(--m-green); border:1px solid var(--m-green); }
.sp-btn-chat:hover { background:#d1fae5; }
.sp-btn-msg .btn-ico, .sp-btn-chat .btn-ico { width:15px; height:15px; }

.sp-tabs { display:flex; gap:4px; margin-bottom:16px; }
.sp-tab {
    display:inline-flex; align-items:center; gap:7px; padding:9px 18px;
    border-radius:9px; font-size:13px; font-weight:600; color:#64748b;
    text-decoration:none; background:#fff; border:1px solid var(--m-border); transition:.15s;
}
.sp-tab:hover, .sp-tab.active { background:var(--m-accent); color:#fff; border-color:var(--m-accent); }
.sp-tab .btn-ico { width:15px; height:15px; }
.sp-tab.active .btn-ico, .sp-tab:hover .btn-ico { stroke:#fff; }
.sp-tab-cnt { background:rgba(255,255,255,.25); padding:1px 6px; border-radius:10px; font-size:10px; font-weight:700; }
.sp-tab:not(.active) .sp-tab-cnt { background:#f1f5f9; color:#64748b; }

/* ── NPS DETAIL PANEL ─────────────────────────────────────────────────────── */
.sp-nps-detail { display:none; margin-top:16px; padding-top:16px; border-top:1px solid var(--m-border); }
.sp-nps-detail.open { display:block; }
.sp-nps-empty { font-size:12px; color:#94a3b8; margin:0; }
.sp-nps-bar { display:flex; height:10px; border-radius:8px; overflow:hidden; gap:2px; margin-bottom:8px; }
.sp-nps-segment { min-width:4px; border-radius:4px; }
.sp-nps-segment.nps-great { background:var(--m-green); }
.sp-nps-segment.nps-ok    { background:var(--m-gold); }
.sp-nps-segment.nps-bad   { background:var(--m-red); }
.sp-nps-legend { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px; font-size:11px; font-weight:600; }
.sp-reviews { display:flex; flex-direction:column; gap:8px; }
.sp-review-row { display:flex; align-items:baseline; gap:10px; font-size:12px; padding:8px 12px; background:#f8faff; border-radius:8px; flex-wrap:wrap; }
.sp-rev-score  { font-weight:800; font-size:13px; }
.sp-rev-buyer  { font-weight:600; color:#64748b; }
.sp-rev-comment{ font-style:italic; color:#475569; flex:1; }

/* ── LAYOUT SELLER (reutiliza .ca-layout já definido) ─────────────────────── */
.sp-layout { display:grid; grid-template-columns:180px 1fr; gap:20px; align-items:start; }
.sp-sidebar { background:#fff; border:1px solid var(--m-border); border-radius:12px; padding:16px; position:sticky; top:calc(var(--header-height,105px) + 12px); }

/* ── SORT BAR ─────────────────────────────────────────────────────────────── */
.sf-sort-bar { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.sf-sort-lbl { font-size:11px; color:#94a3b8; font-weight:600; margin-right:4px; }
.sf-sort-opt {
    padding:5px 12px; border-radius:8px; font-size:11px; font-weight:700; color:#64748b;
    background:#fff; border:1px solid var(--m-border); text-decoration:none; transition:.15s; white-space:nowrap;
}
.sf-sort-opt:hover { border-color:var(--m-accent); color:var(--m-accent); }
.sf-sort-opt.active { background:var(--m-accent); color:#fff; border-color:var(--m-accent); }

/* ── AGRUPAMENTO POR SET ──────────────────────────────────────────────────── */
.sf-set-group { margin-bottom:20px; }
.sf-set-hd {
    display:flex; align-items:center; gap:10px; font-size:12px; font-weight:800;
    color:#334155; text-transform:uppercase; letter-spacing:.05em;
    padding:8px 12px; background:#f8faff; border-radius:8px; margin-bottom:8px;
    border-left:3px solid var(--m-accent);
}
.sf-set-cnt { font-weight:600; color:#94a3b8; font-size:11px; text-transform:none; letter-spacing:0; }

.td-cta { white-space:nowrap; }
.sp-row-cta { display:flex; align-items:center; gap:5px; }

/* ── PÁGINA DO ATIVO ────────────────────────────────────────────────────────── */
.v-wrapper.ca-page { max-width:1500px; margin:0 auto; padding:var(--header-height,105px) 20px 60px; }

.ca-header {
    background:#fff; border:1px solid var(--m-border); border-radius:14px;
    padding:20px 24px; margin-bottom:20px; margin-top:16px;
}
.ca-hd-inner { display:flex; align-items:flex-start; gap:24px; }
.ca-img-wrap { flex-shrink:0; position:relative; cursor:zoom-in; border-radius:20px; overflow:hidden; box-shadow:0 20px 40px -10px rgba(0,0,0,.35); background:#fff; padding:8px; border:1px solid rgba(255,255,255,.5); transition:transform .3s; }
.ca-img-wrap:hover { transform:translateY(-4px); }
.ca-img { width:240px; height:336px; object-fit:contain; border-radius:12px; display:block; }
.ca-img-wrap:hover .ca-img { box-shadow:none; }

/* Zoom popup on hover */
.ca-img-zoom {
    display:none; position:fixed; z-index:99990;
    pointer-events:none;
}
.ca-img-zoom img {
    width:320px; height:448px; object-fit:contain; border-radius:16px;
    box-shadow:0 24px 80px rgba(0,0,0,.35);
    display:block;
}
.ca-img-wrap:hover .ca-img-zoom { display:block; }
.ca-hd-info { flex:1; min-width:0; }
.ca-hd-top { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.ca-name { font-size:22px; font-weight:800; color:#0f172a; margin:0; }
.ca-code { font-size:13px; font-weight:700; color:#64748b; background:#f1f5f9; padding:3px 8px; border-radius:6px; }
.ca-bookmark { background:none; border:none; font-size:20px; color:#94a3b8; cursor:pointer; transition:.15s; padding:0; line-height:1; }
.ca-bookmark:hover { color:var(--m-gold); }

.ca-badges { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.ca-badge { display:inline-flex; align-items:center; font-size:10px; font-weight:700; padding:3px 8px; border-radius:5px; letter-spacing:.04em; text-transform:uppercase; }
.ca-set-badge    { background:#e0e7ff; color:#4338ca; }
.ca-rarity-badge { background:#fef3c7; color:#92400e; }

/* Card Info Grid (Stage/Number/Illustrator/Collection/HP/Type/Weakness) */
.ca-info-grid { margin:10px 0 12px; background:#fff; border:1px solid var(--m-border); border-radius:10px; overflow:hidden; }
.ca-info-row { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); border-bottom:1px solid #f1f5f9; }
.ca-info-row-2col { grid-template-columns:repeat(2,1fr); }
.ca-info-row:last-child { border-bottom:none; }
.ca-info-cell { padding:10px 14px; border-right:1px solid #f1f5f9; }
.ca-info-cell:last-child { border-right:none; }
.ca-info-label { display:block; font-size:9px; font-weight:800; letter-spacing:.08em; color:#94a3b8; text-transform:uppercase; margin-bottom:4px; }
.ca-info-val { display:flex; flex-direction:column; font-size:13px; font-weight:700; color:#0f172a; }
.ca-info-val small { font-size:11px; font-weight:600; color:#94a3b8; margin-top:2px; }
.ca-info-stats { display:flex; border-top:1px solid #f1f5f9; }
.ca-stat-cell { flex:1; padding:10px 14px; border-right:1px solid #f1f5f9; display:flex; flex-direction:column; gap:5px; }
.ca-stat-cell:last-child { border-right:none; }
.ca-stat-val { display:inline-flex; align-items:center; font-size:14px; font-weight:900; color:#0f172a; gap:4px; }
/* VRT Passport ID */
.ca-vrt-id { display:block; font-size:9px; font-weight:700; color:#94a3b8; letter-spacing:.05em; font-family:monospace; margin-top:2px; }

.ca-collectors-btn {
    display:inline-flex; align-items:center; gap:6px; background:none; border:none;
    padding:4px 0; font-size:12px; color:#64748b; cursor:pointer; margin-bottom:12px;
    transition:.15s;
}
.ca-collectors-btn:hover { color:var(--m-accent); }
.ca-collectors-btn strong { color:#0f172a; }

/* MÉTRICAS */
.ca-metrics {
    display:flex; align-items:stretch; gap:0; background:#f8fafc;
    border:1px solid var(--m-border); border-radius:10px; margin-bottom:12px;
    overflow:hidden; flex-wrap:wrap;
}
.ca-metric {
    display:flex; flex-direction:column; align-items:center; gap:3px;
    padding:10px 12px; flex:1; border-right:1px solid var(--m-border); min-width:70px;
}
.ca-metric:last-child { border-right:none; }
.cam-lbl { font-size:9px; font-weight:700; letter-spacing:.06em; color:#94a3b8; text-transform:uppercase; white-space:nowrap; }
.cam-val { font-size:13px; font-weight:800; color:#0f172a; white-space:nowrap; }
.cam-floor  { color:var(--m-accent); }
.cam-supply { color:var(--m-green); }
.cam-demand { color:var(--m-gold); cursor:pointer; }

/* DISTRIBUIÇÃO */
.ca-dist { display:flex; gap:5px; flex-wrap:wrap; }
.ca-dist-pill { cursor:default; }
.ca-lang-pill { display:inline-flex; align-items:center; gap:3px; background:#f1f5f9; border:1px solid var(--m-border); padding:2px 7px; border-radius:5px; font-size:11px; }
.ca-lang-pill strong { color:#0f172a; }

/* ── CARD PAGE PREMIUM HEADER (card-view style) ────────────────────────────── */
.ca-ph-header { background:#fff; border-radius:12px; padding:14px 16px; border:1px solid #e2e8f0; box-shadow:0 4px 12px rgba(0,0,0,.06); margin-bottom:10px; }
.ca-ph-set-row { display:flex; align-items:center; gap:8px; margin-bottom:8px; flex-wrap:wrap; }
.ca-ph-set-pill { background:#f1f5f9; padding:5px 12px; border-radius:20px; font-size:11px; font-weight:700; color:#475569; border:1px solid #e2e8f0; white-space:nowrap; }
.rarity-pill { padding:6px 12px; border-radius:8px; font-size:11px; font-weight:800; display:inline-flex; align-items:center; gap:6px; text-transform:uppercase; letter-spacing:.05em; white-space:nowrap; }
.rarity-rare { background:#f8fafc; color:#475569; border:1px solid #e2e8f0; }
.rarity-ultra { background:#fffbeb; color:#b45309; border:1px solid #fde68a; }
.ca-ph-set-logo { max-height:56px; max-width:200px; object-fit:contain; display:block; margin-left:auto; }
.ca-ph-title-row { display:flex; align-items:center; gap:10px; }
.ca-ph-title { font-size:26px; font-weight:900; color:#0f172a; margin:4px 0 6px 0; letter-spacing:-.8px; flex:1; line-height:1.15; }
.ca-ph-meta { background:#fff; border-radius:12px; padding:14px 16px; border:1px solid #e2e8f0; box-shadow:0 4px 12px rgba(0,0,0,.06); margin-bottom:10px; }
.ca-meta-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; margin-bottom:10px; }
.ca-meta-item { display:flex; flex-direction:column; gap:2px; padding:8px 12px; border-right:1px solid #f1f5f9; border-bottom:1px solid #f1f5f9; background:#fff; }
.ca-meta-item:nth-child(even) { border-right:none; }
.ca-meta-item:nth-last-child(-n+2) { border-bottom:none; }
.ca-meta-lbl { font-size:8px; font-weight:800; color:#94a3b8; text-transform:uppercase; letter-spacing:.08em; }
.ca-meta-val { font-size:12px; font-weight:700; color:#1e293b; display:flex; align-items:center; gap:4px; }
.ca-meta-val-col { flex-direction:column; align-items:flex-start; gap:2px; }
.ca-meta-date { font-size:11px; font-weight:600; color:#94a3b8; }
.ca-stats-row { display:flex; gap:6px; flex-wrap:wrap; }
.ca-stat-box { flex:1; min-width:70px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:8px 12px; display:flex; flex-direction:column; gap:4px; }
.ca-stat-lbl { font-size:8px; color:#94a3b8; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.ca-stat-val2 { font-size:15px; font-weight:800; color:#1e293b; display:inline-flex; align-items:center; gap:5px; line-height:1; }

/* TABS */
.ca-tabs { display:flex; gap:4px; margin-bottom:16px; }
.ca-tab {
    display:inline-flex; align-items:center; gap:7px; padding:9px 18px;
    border-radius:9px; font-size:13px; font-weight:600; color:#64748b;
    text-decoration:none; background:#fff; border:1px solid var(--m-border); transition:.15s;
}
.ca-tab .btn-ico { width:15px; height:15px; }
.ca-tab.active .btn-ico, .ca-tab:hover .btn-ico { stroke:#fff; }
.ca-tab:hover, .ca-tab.active { background:var(--m-accent); color:#fff; border-color:var(--m-accent); }
.ca-tab-cnt { background:rgba(255,255,255,.25); padding:1px 6px; border-radius:10px; font-size:10px; font-weight:700; }
.ca-tab:not(.active) .ca-tab-cnt { background:#f1f5f9; color:#64748b; }

/* LAYOUT */
.ca-layout { display:grid; grid-template-columns:200px 1fr; gap:20px; align-items:start; }
.ca-sidebar { background:#fff; border:1px solid var(--m-border); border-radius:12px; padding:12px 14px; position:sticky; top:calc(var(--header-height,105px) + 12px); }
.ca-main { min-width:0; }

/* FILTROS */
.ca-filter-group { margin-bottom:10px; }
.ca-filter-lbl { display:block; font-size:9px; font-weight:700; letter-spacing:.06em; color:#94a3b8; text-transform:uppercase; margin-bottom:4px; }
.ca-check-opt {
    display:flex; align-items:center; gap:6px; padding:3px 6px; border-radius:6px;
    cursor:pointer; font-size:11px; color:#475569; transition:.12s; margin-bottom:1px;
}
.ca-check-opt:hover { background:#f1f5f9; }
.ca-check-opt.sel { background:#e0e7ff; }
.ca-opt-label { flex:1; font-size:11px; }
.ca-opt-cnt { font-size:9px; font-weight:700; color:#94a3b8; background:#f1f5f9; padding:1px 4px; border-radius:8px; }
.ca-price-range { display:flex; align-items:center; gap:4px; }
.ca-price-in { width:60px; padding:4px 6px; border:1px solid var(--m-border); border-radius:6px; font-size:11px; background:#f8fafc; color:#0f172a; }
.ca-range-sep { color:#94a3b8; font-size:11px; flex-shrink:0; }
.ca-clear-filter { display:block; font-size:11px; color:var(--m-red); text-decoration:none; margin-top:4px; }
.ca-clear-filter:hover { text-decoration:underline; }
.ca-clear-all { display:block; text-align:center; font-size:11px; color:var(--m-red); text-decoration:none; margin-top:6px; }
.ca-apply-btn {
    width:100%; padding:10px; border-radius:8px;
    background:#6366f1 !important; background-image:none !important;
    color:#fff !important; font-size:13px; font-weight:700;
    border:none !important; cursor:pointer; transition:background .15s; margin-top:6px;
    box-shadow:none !important; transform:none !important; letter-spacing:0;
}
.ca-apply-btn:hover { background:#4f46e5 !important; background-image:none !important; }

/* TABELA DO ATIVO */
.ca-table { width:100%; table-layout:auto; }
.ca-table thead th { padding:9px 10px; }
.ca-table .mkp-row td { padding:9px 10px; }
.ca-table .td-card { min-width:180px; }
.ca-table .td-cta  { padding-left:6px; padding-right:6px; }
.ca-table .th-card { min-width:180px; }
.th-cta { width:130px; }
.td-cta { vertical-align:middle; }

/* Coluna Vendedor na tabela do card ativo */
.ca-table .td-vendor { min-width:110px; text-align:left; }
.ca-table .td-vendor .pl-seller { font-size:12px; font-weight:700; }

/* Deals table: mobile-only elements (ocultos no desktop) */
.ca-vndr-price { display:none; }
.ca-vndr-bot   { display:none; }   /* VRT aparece na coluna Passport no desktop */
.ca-mob-only   { display:none; }
.ca-vrt-id { display:inline; font-size:10px; color:#94a3b8; font-family:monospace; letter-spacing:.02em; }

/* OWNERS LIST */
.ca-owners-list { display:flex; flex-direction:column; gap:8px; }
.ca-owner-row { display:flex; align-items:center; gap:12px; padding:10px 14px; background:#f8fafc; border-radius:10px; border:1px solid var(--m-border); }
.ca-owner-av  { width:44px; height:44px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.ca-owner-info { flex:1; display:flex; flex-direction:column; gap:2px; }
.ca-owner-cta  { display:flex; gap:5px; }

/* PAINEL WISHLIST (popup) */
.ca-wl-panel {
    position:fixed; top:50%; right:-440px; transform:translateY(-50%);
    width:380px; max-width:95vw; max-height:80vh; background:#fff; z-index:2001;
    border-radius:14px; box-shadow:0 8px 40px rgba(0,0,0,.2);
    display:flex; flex-direction:column; overflow:hidden;
    transition:right .3s cubic-bezier(.4,0,.2,1);
}
.ca-wl-panel.active { right:20px; }
.ca-wl-hd {
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 18px; border-bottom:1px solid var(--m-border); font-size:13px;
    font-weight:700; color:#0f172a; flex-shrink:0;
}
.ca-wl-body { overflow-y:auto; padding:12px 16px 16px; display:flex; flex-direction:column; gap:8px; }

/* ══════════════════════════════════════════════════════════════════════════════
   MOBILE — RESPONSIVO COMPLETO
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── CA SIDEBAR TOGGLE (card asset + seller) ──────────────────────────────────── */
.ca-sidebar-toggle {
    display:none; width:calc(100% + 32px); margin:-16px -16px 14px;
    align-items:center; justify-content:space-between; gap:8px;
    padding:12px 16px; background:none; border:none; border-bottom:1px solid var(--m-border);
    cursor:pointer; font-size:13px; font-weight:700; color:#0f172a; font-family:inherit;
    transition:background .12s;
}
.ca-sidebar-toggle:hover { background:#f8fafc; }
.ca-sidebar-toggle-lbl { display:flex; align-items:center; gap:7px; }
.ca-sidebar-toggle-dot { width:7px; height:7px; border-radius:50%; background:var(--m-accent); display:none; }
.ca-sidebar-toggle.has-filters .ca-sidebar-toggle-dot { display:block; }
.cts-arrow { transition:transform .2s; flex-shrink:0; }
.ca-sidebar.open .cts-arrow { transform:rotate(180deg); }

/* ════════════════════ ≤ 1024px ════════════════════ */
@media(max-width:1024px){
    .mkp-grid { grid-template-columns:repeat(4,1fr); }
}

/* ════════════════════ ≤ 960px ════════════════════ */
@media(max-width:960px){
    .mkp-main   { padding:0 14px 40px; }
    .hide-md    { display:none !important; }
    .mkp-grid   { grid-template-columns:repeat(3,1fr); gap:12px; }

    /* Filter bar: scroll horizontal — !important vence o flex-wrap:wrap do inline <style> do PHP */
    .mkp-hz-bar,.mkp-unified-bar { flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; gap:6px; padding:8px 14px; }
    .mkp-filter-zone { flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:6px; padding:5px 8px; flex-shrink:0; }
    .mkp-pills  { flex-wrap:nowrap; }
    .mkp-tabs-bar { flex-wrap:nowrap; }
    .mkp-tabs-right { gap:5px; }
    .results-count,.sort-label { display:none; }

    /* Hero KPIs */
    .hero-flex  { flex-direction:column; align-items:flex-start; gap:14px; }
    .kpi-row    {
        display:grid; grid-template-columns:1fr 1fr; gap:0;
        border:1px solid #f1f5f9; border-radius:10px; overflow:hidden; width:100%;
    }
    .kpi-mini {
        border-left:none; padding:12px 14px;
        border-right:1px solid #f1f5f9; border-bottom:1px solid #f1f5f9;
    }
    .kpi-mini:nth-child(even)   { border-right:none; }
    .kpi-mini:nth-last-child(-n+2) { border-bottom:none; }

    /* CA sidebar → collapsible */
    .ca-layout  { grid-template-columns:1fr; }
    .ca-sidebar { position:static; overflow:hidden; }
    .ca-sidebar-toggle { display:flex; }
    .ca-sidebar form   { display:none; }
    .ca-sidebar.open form { display:block; }
    .ca-metrics { flex-wrap:wrap; }
    .ca-metric  { flex:0 0 25%; }

    /* Tabs: scroll horizontal */
    .ca-tabs { overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; padding-bottom:2px; }
    .sp-tabs { overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; }
    .ca-tab, .sp-tab { white-space:nowrap; flex-shrink:0; }

    /* Seller header tablet */
    .sp-stats-grid { flex-wrap:wrap; gap:8px 20px; }
    .sp-hd-inner   { grid-template-columns: auto 1fr; gap:14px; padding:0 18px 18px; }
    .sp-cta-hd     { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; align-items:flex-start; padding-top:0; }
    .sp-header     { }

    /* Sort bar: scroll horizontal */
    .sf-sort-bar { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
    .sf-sort-lbl { flex-shrink:0; }
}

/* ════════════════════ ≤ 768px ════════════════════ */
@media(max-width:768px){
    /* Ticker compact */
    .ticker-inline-wrap { height:40px; }
    .ticker-live-badge  { width:84px; padding-left:12px; }
    .ticker-inline-wrap::before { left:84px; }
    .ticker-track       { padding-left:100px; animation-duration:44s; }

    /* Hero KPI compact */
    .kpi-val  { font-size:14px; }
    .kpi-lbl  { font-size:8px; letter-spacing:.5px; }
    .kpi-trend{ font-size:8px; }
    .kpi-mini { padding:10px 12px; }

    /* Seller header */
    .sp-avatar { width:66px; height:66px; }
    .sp-name   { font-size:17px; }

    /* Panel metrics compact */
    .pm-item { padding:8px 4px; }
    .pm-lbl  { font-size:8px; }
    .pm-val  { font-size:11px; }
}

/* ════════════════════ ≤ 640px ════════════════════ */
@media(max-width:640px){
    /* Ticker mínimo */
    .ticker-live-label  { display:none; }
    .ticker-live-badge  { width:48px; gap:0; justify-content:center; padding-left:0; }
    .ticker-inline-wrap::before { left:48px; }
    .ticker-track       { padding-left:60px; }

    /* Hero dash */
    .hero-dash     { padding:10px 14px; }
    .hero-brand h1 { font-size:14px; margin-bottom:4px; }
    .hero-brand p  { display:none; }
    .hero-btn-row  { gap:6px; margin-top:8px; }
    .hero-my-store-btn,.hero-add-card-btn { padding:6px 11px; font-size:11px; height:30px; border-radius:7px; }
    .kpi-val       { font-size:13px; }
    .kpi-mini      { padding:9px 10px; }

    /* Tabs marketplace */
    .mkp-tabs  { overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; }
    .mkp-tab   { padding:8px 10px; font-size:11px; gap:4px; white-space:nowrap; flex-shrink:0; }
    .vtoggle-btn { padding:5px; }
    .hide-sm   { display:none !important; }

    /* LISTING TABLES: row → card (sem scroll horizontal) */
    .mkp-table:not(.hist-table),
    .mkp-table:not(.hist-table) tbody { display:block; }
    .mkp-table:not(.hist-table) thead { display:none; }
    .mkp-table:not(.hist-table) .mkp-row {
        display:flex; flex-wrap:wrap; align-items:center;
        gap:5px 8px; padding:10px 12px;
        border-bottom:1px solid var(--m-border);
    }
    .mkp-table:not(.hist-table) .mkp-row:last-child { border-bottom:none; }
    .mkp-table:not(.hist-table) .td-card {
        flex:0 0 100%; order:1;
        padding:0 0 7px; border-bottom:1px solid #f1f5f9;
    }
    .mkp-table:not(.hist-table) .td-m    { flex:0 0 auto; order:2; padding:0; font-size:12px; text-align:left; }
    .mkp-table:not(.hist-table) .td-avail{ flex:0 0 auto; order:2; margin-left:auto; padding:0; text-align:right; }
    .mkp-table:not(.hist-table) .row-name { white-space:normal; overflow:visible; }

    /* Grid 2 colunas */
    .mkp-grid  { grid-template-columns:repeat(2,1fr); gap:8px; }
    .gc-info   { padding:7px 8px 9px; }
    .gc-name   { font-size:10px; }
    .gc-price  { font-size:11px; }
    .row-name  { font-size:12px; }

    /* Resultados */
    .results-count { font-size:10px; }
    .sort-select   { font-size:12px; padding:5px 7px; }
    .mkp-results-bar { gap:6px; }

    /* Filter bar compact */
    .mkp-hz-bar,.mkp-unified-bar { padding:6px 10px; gap:5px; }
    .mkp-pills   { gap:4px; }
    .mkp-pill-btn{ padding:5px 9px; font-size:10px; }
    .mkp-filter-zone { padding:4px 7px; gap:4px; flex-shrink:0; }
    .mqs-btn { padding:5px 9px; font-size:11px; }
    .mkp-filter-lbl { font-size:9px; }

    /* Panel como bottom-sheet */
    .mkp-panel {
        top:auto; bottom:-100%; right:0; left:0; width:100%; height:92vh;
        border-radius:22px 22px 0 0; box-shadow:0 -8px 40px rgba(0,0,0,.18);
        transition:bottom .3s cubic-bezier(.4,0,.2,1);
    }
    .mkp-panel.active { bottom:0; right:auto; }
    .mkp-panel-hd     { padding:14px 16px 10px; }
    .mkp-panel-metrics { flex-wrap:wrap; }
    .pm-item { flex:0 0 33.33%; border-bottom:1px solid var(--m-border); }
    .pm-item:nth-child(n+4) { border-bottom:none; }
    .panel-listing-row { flex-direction:column; align-items:flex-start; }
    .pl-right { width:100%; flex-direction:row; justify-content:space-between; align-items:center; }
    .panel-card-name { font-size:13px; }
    .panel-card-sub  { font-size:11px; }

    /* CA page header: coluna no mobile — imagem proeminente em cima */
    .ca-header   { padding:12px 14px 16px; margin-top:0; border-radius:0; border-left:none; border-right:none; }
    .ca-hd-inner { flex-direction:column; gap:0; align-items:stretch; }
    .ca-img-wrap { align-self:center; margin-bottom:16px; }
    .ca-img      { width:220px; height:308px; }
    .ca-img-zoom { display:none !important; }
    .ca-hd-info  { flex:1; min-width:0; }
    .ca-ph-title { font-size:19px; letter-spacing:-.3px; }
    .ca-ph-set-logo { max-height:40px; max-width:140px; }
    .ca-name     { font-size:15px; line-height:1.3; }
    .ca-code     { font-size:11px; }
    .ca-tab      { font-size:11px; padding:7px 12px; gap:5px; }

    /* WL panel como bottom sheet */
    .ca-wl-panel { top:auto; bottom:-100%; right:0; left:0; width:100%; border-radius:22px 22px 0 0; transform:none; transition:bottom .3s; }
    .ca-wl-panel.active { bottom:0; right:0; }

    /* Seller */
    .v-wrapper.seller-page { padding:calc(var(--header-height,105px) + 0px) 0 60px; }
    .v-wrapper.ca-page { padding:var(--header-height,105px) 0 60px; }
    .sp-header { border-radius:0; border-left:none; border-right:none; margin-bottom:0; }
    .sp-back { margin:12px 0 8px 14px; font-size:11px; }
    .sp-hd-inner   { grid-template-columns:auto 1fr; gap:10px; padding:0 14px 14px; }
    .sp-cta-hd     { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; gap:6px; padding-top:0; }
    .sp-avatar { width:72px; height:72px; }
    .sp-name { font-size:17px; }
    .sp-stats-bar { flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .sp-stats-bar .sp-stat { flex-shrink:0; min-width:64px; padding:10px 6px; }
    .ss-val { font-size:16px; }
    .ss-lbl { font-size:9px; }
    .sp-btn-msg, .sp-btn-chat { flex:1; justify-content:center; padding:7px 10px; font-size:11px; }
    .sp-stats-grid { gap:6px 12px; }
    .sp-stat       { padding:4px 8px; }
    .sp-tabs { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; gap:4px; margin:12px 14px 12px; }
    .sp-tab { flex-shrink:0; padding:7px 14px; font-size:12px; }
    .sp-chips-row { padding:0 14px 10px; flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .sp-chip { flex-shrink:0; }
    .sp-chips-sep { flex-shrink:0; }
    .mkp-main { padding:0 14px 60px; }
    .sf-sort-opt   { padding:5px 8px; font-size:10px; }

    /* Stats bar: força coluna + star cell com espaço suficiente para SVG 78px + score */
    .sp-stats-bar .sp-stat { flex-direction:column !important; }
    .sp-stats-bar .sp-stat:first-child { min-width:110px !important; }
    .sp-stats-bar .sp-stat:first-child .ss-val span[style] { font-size:14px !important; }

    /* CA deals table: layout 2 colunas — vendedor(+cond+lang) | CTA */
    .ca-deals-table .mkp-row { display:flex !important; flex-wrap:nowrap !important; align-items:center; gap:8px; padding:10px 12px; }
    .ca-deals-table .td-vendor { flex:1 1 0 !important; order:0 !important; display:flex !important; flex-direction:column !important; gap:4px; min-width:0; align-items:flex-start; }
    .ca-deals-table .ca-vndr-top { display:flex !important; align-items:center; gap:5px; flex-wrap:nowrap; }
    .ca-deals-table .ca-vndr-bot { display:flex !important; align-items:center; gap:8px; margin-top:2px; }
    .ca-deals-table .ca-vrt-id { font-size:10px; color:#94a3b8; font-family:monospace; }
    .ca-deals-table .ca-vndr-price { display:inline-flex !important; }
    .ca-deals-table .ca-vndr-price .price-plain { font-size:12px; font-weight:700; color:#0f172a; }
    /* CTA: coluna direita */
    .ca-deals-table .td-cta { flex:0 0 auto !important; order:0 !important; margin-left:0 !important; padding:0; display:flex !important; gap:5px; align-items:center; }
    /* Ocultar todas as outras colunas standalone no mobile */
    .ca-deals-table .td-m:not(.td-vendor) { display:none !important; }
    /* Duplicatas mobile visíveis dentro de ca-vndr-top */
    .ca-deals-table .ca-mob-only { display:inline-flex !important; align-items:center; gap:3px; }
    /* Vendor name styles */
    .td-vendor .pl-seller { color:var(--m-accent,#6366f1); font-weight:700; font-size:11px; text-decoration:none; }
    .td-vendor .panel-online-dot { font-size:7px; color:#22c55e; line-height:1; }
    /* History table: scroll compacto (colunas curtas) */
    .hist-table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .hist-table thead, .hist-table tbody { display:table; width:100%; min-width:360px; }
    .hist-table .mkp-row { display:table-row; }
    .hist-table .mkp-row td { padding:7px 8px; }

    /* Metrics 2 colunas compactas */
    .ca-metrics { gap:0; }
    .ca-metric  { flex:0 0 50%; border-bottom:1px solid var(--m-border); padding:9px 12px; border-right:none; }
    .ca-metric:nth-child(odd) { border-right:1px solid var(--m-border); }
    .ca-metric:last-child { border-right:none; }
    .ca-metric:nth-last-child(-n+2) { border-bottom:none; }
    .cam-lbl { font-size:9px; }
    .cam-val { font-size:14px; }

    /* Toast com safe-area */
    .mkp-toast {
        bottom:calc(16px + env(safe-area-inset-bottom, 0px));
        max-width:calc(100vw - 32px); white-space:normal;
        flex-direction:column; gap:8px; border-radius:14px; text-align:center;
    }
    .mkp-toast-link {
        border-left:none; padding-left:0;
        border-top:1px solid rgba(255,255,255,.15); padding-top:7px;
        width:100%; text-align:center;
    }

    /* Load more */
    .mkp-loadmore-btn { padding:10px 20px; font-size:12px; }
}

/* ══════════════════════════════════════════════════════════════
   GUEST GATE MODAL
══════════════════════════════════════════════════════════════ */
.mkp-guest-gate {
    position:fixed; inset:0; z-index:9000;
    background:rgba(15,23,42,.55); backdrop-filter:blur(4px);
    display:flex; align-items:center; justify-content:center;
    opacity:0; pointer-events:none;
    transition:opacity .22s ease;
}
.mkp-guest-gate.active { opacity:1; pointer-events:all; }

.mkp-gate-box {
    background:#fff; border-radius:22px;
    padding:40px 32px 32px;
    max-width:380px; width:calc(100% - 32px);
    box-shadow:0 24px 64px rgba(0,0,0,.22);
    text-align:center; position:relative;
    animation:gateIn .25s cubic-bezier(.4,0,.2,1);
}
@keyframes gateIn { from { transform:scale(.92) translateY(12px); opacity:0; } to { transform:scale(1) translateY(0); opacity:1; } }

.mkp-gate-close {
    position:absolute; top:14px; right:14px;
    background:none; border:none; cursor:pointer;
    width:30px; height:30px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:20px; color:#94a3b8; line-height:1;
    transition:.15s;
}
.mkp-gate-close:hover { background:#f1f5f9; color:#475569; }

.mkp-gate-icon {
    width:68px; height:68px; border-radius:50%;
    background:linear-gradient(135deg,#ede9fe,#e0e7ff);
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 20px;
    color:var(--m-accent,#6366f1);
}
.mkp-gate-title {
    font-size:21px; font-weight:900; color:#0f172a;
    margin:0 0 10px; letter-spacing:-.02em;
}
.mkp-gate-msg {
    font-size:14px; color:#64748b; margin:0 0 26px;
    line-height:1.65;
}
.mkp-gate-ctas { display:flex; flex-direction:column; gap:10px; }
.mkp-gate-btn {
    display:block; padding:13px 20px; border-radius:12px;
    font-size:14px; font-weight:700; text-decoration:none;
    text-align:center; transition:.15s; cursor:pointer;
}
.mkp-gate-login  { background:var(--m-accent,#6366f1); color:#fff; border:none; }
.mkp-gate-login:hover  { background:#4f46e5; }
.mkp-gate-register { background:#f8fafc; color:#1e293b; border:1px solid var(--m-border,#e2e8f0); }
.mkp-gate-register:hover { background:#f1f5f9; }

@media(max-width:480px){
    .mkp-guest-gate { align-items:flex-end; }
    .mkp-gate-box { border-radius:22px 22px 0 0; max-width:100%; width:100%; padding:32px 20px 28px; padding-bottom:calc(28px + env(safe-area-inset-bottom,0px)); }
}

/* ════════════════════ ≤ 480px ════════════════════ */
@media(max-width:480px){
    .kpi-val       { font-size:12px; }
    .sf-sort-opt   { padding:4px 7px; font-size:10px; }
    .ca-tab, .sp-tab { padding:7px 10px; font-size:11px; }
    .ca-tab-cnt, .sp-tab-cnt { display:none; }
    .row-thumb     { width:24px; height:34px; }
    .row-name      { font-size:11px; }
    .row-meta      { font-size:9px; }
    .mkp-grid      { gap:7px; }
    .gc-info       { padding:6px 7px 8px; }
    .pag-btn       { min-width:32px; height:32px; font-size:11px; }
    .sp-header     { padding:12px 14px; }
    .sp-avatar     { width:56px; height:56px; }
    .sp-name       { font-size:15px; }
    .ss-val        { font-size:14px; }
    .sp-tabs a, .ca-tabs a { padding:7px 9px; font-size:10px; gap:4px; }
    .btn-ico       { width:12px; height:12px; }
    .ca-img        { width:180px; height:252px; }
    .ca-img-zoom   { display:none !important; }
    .ca-name       { font-size:15px; }
}

/* ── TOAST NOTIFICAÇÃO ───────────────────────────────────────────────────────── */
.mkp-toast {
    position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(20px);
    background:#0f172a; color:#f8fafc; padding:12px 20px; border-radius:12px;
    display:flex; align-items:center; gap:12px; font-size:13px; font-weight:600;
    box-shadow:0 8px 30px rgba(0,0,0,.25); z-index:99999;
    opacity:0; pointer-events:none; transition:opacity .25s, transform .25s;
    white-space:nowrap;
}
.mkp-toast.show {
    opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0);
}
.mkp-toast-link {
    color:#818cf8; text-decoration:none; font-weight:700; border-left:1px solid rgba(255,255,255,.15); padding-left:12px;
}
.mkp-toast-link:hover { color:#a5b4fc; }

/* ── LOAD MORE BUTTON ────────────────────────────────────────────────────────── */
.mkp-loadmore-wrap { display:flex; justify-content:center; padding:20px 0 10px; }
.mkp-loadmore-btn {
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 28px; border-radius:10px;
    background:#fff; border:1.5px solid var(--m-border);
    font-size:13px; font-weight:700; color:#475569;
    cursor:pointer; transition:.15s;
}
.mkp-loadmore-btn:hover { border-color:var(--m-accent); color:var(--m-accent); }
.mkp-loadmore-btn:disabled { opacity:.5; cursor:not-allowed; }
.sf-lm-count { font-weight:400; color:#94a3b8; font-size:12px; }
.mkp-end-msg { color:#94a3b8; font-size:11px; font-weight:800; letter-spacing:2px; text-align:center; margin:10px 0; padding:10px 0; }

/* ── SPRINT 6: PROPOSTA DE PREÇO ─────────────────────────────────────────────── */
.cta-offer {
    display:inline-flex; align-items:center; padding:5px 12px; border-radius:7px;
    background:transparent; color:var(--m-accent); font-size:11px; font-weight:700;
    white-space:nowrap; transition:.15s; border:1.5px solid var(--m-accent); cursor:pointer;
}
.cta-offer:hover { background:var(--m-accent); color:#fff; }

/* Offer modal overlay */
.offer-modal {
    position:fixed; top:50%; left:50%; transform:translate(-50%,-60%) scale(.96);
    width:min(480px,95vw); background:#fff; border-radius:20px;
    box-shadow:0 24px 80px rgba(0,0,0,.22); z-index:99998;
    opacity:0; pointer-events:none;
    transition:opacity .22s, transform .22s;
}
.offer-modal.active { opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1); }
.offer-modal-hd {
    display:flex; align-items:center; justify-content:space-between;
    padding:20px 24px 0; border-bottom:1px solid #f1f5f9; padding-bottom:14px;
}
.offer-modal-title { font-size:16px; font-weight:800; color:#0f172a; margin:0; }
.offer-modal-body { padding:18px 24px; }
.offer-modal-card-name { font-size:15px; font-weight:700; color:#1e293b; margin:0 0 2px; }
.offer-modal-seller { font-size:12px; color:#64748b; margin:0 0 12px; }
.offer-modal-ask { font-size:13px; color:#475569; margin:0 0 16px; }
.offer-field { display:flex; flex-direction:column; gap:5px; margin-bottom:12px; }
.offer-field label { font-size:12px; font-weight:600; color:#64748b; }
.offer-price-input, .offer-msg-input {
    width:100%; padding:10px 14px; border:1.5px solid #e2e8f0; border-radius:10px;
    font-size:14px; color:#0f172a; background:#f8fafc;
    transition:border-color .15s; box-sizing:border-box;
}
.offer-price-input:focus, .offer-msg-input:focus {
    border-color:var(--m-accent); outline:none; background:#fff;
}
.offer-msg-input { resize:vertical; min-height:64px; font-family:inherit; }
.offer-modal-note { font-size:11px; color:#94a3b8; margin:4px 0 0; line-height:1.5; }
.offer-modal-ft {
    display:flex; gap:10px; padding:14px 24px 20px; border-top:1px solid #f1f5f9; justify-content:flex-end;
}
.offer-btn-cancel {
    padding:9px 18px; border-radius:10px; border:1.5px solid #e2e8f0;
    background:#fff; color:#64748b; font-size:13px; font-weight:600; cursor:pointer;
    transition:.15s;
}
.offer-btn-cancel:hover { border-color:#94a3b8; color:#475569; }
.offer-btn-send {
    padding:9px 22px; border-radius:10px; border:none;
    background:var(--m-accent); color:#fff; font-size:13px; font-weight:700;
    cursor:pointer; transition:.15s;
}
.offer-btn-send:hover { background:#4f46e5; }
.offer-btn-send:disabled { opacity:.6; cursor:not-allowed; }

/* ── Sprint 8: Seller Profile ─────────────────────────────────────────────── */
.sp-banner {
    height: 160px;
    background-size: cover;
    background-position: center;
    border-radius: 14px;
    margin-bottom: -20px;
}
.sp-name-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}
.sp-level-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: .3px;
    white-space: nowrap;
}
.sp-bio {
    font-size: 13px;
    color: var(--m-text-sub, #64748b);
    line-height: 1.55;
    margin: 8px 0 6px;
    max-width: 540px;
}
/* ── LEGACY (kept for backward compat) ──────────────────────────────────── */
.sp-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 4px;
}
.sp-spec-chip {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1.5px solid transparent;
    background: rgba(99,102,241,.1);
    color: #6366f1;
    letter-spacing: .2px;
}

/* ── CHIP ROW — horizontal, uma linha, cores por categoria ─────────────── */
.sp-chips-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 5px 0 4px;
}
.sp-chips-sep {
    width: 1px;
    height: 13px;
    background: #e2e8f0;
    flex-shrink: 0;
    margin: 0 1px;
    border-radius: 1px;
}
.sp-chip {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 20px;
    border: 1.5px solid transparent;
    letter-spacing: .1px;
    white-space: nowrap;
    line-height: 1.5;
}
.sp-socials {
    display: flex;
    gap: 10px;
    margin: 10px 0 4px;
    flex-wrap: wrap;
}
.sp-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.sp-social-link:hover { background: #e2e8f0; color: #1e293b; }
.sp-ig:hover  { background: #fce7f3; color: #e1306c; }
.sp-yt:hover  { background: #fee2e2; color: #ff0000; }
.sp-dc:hover  { background: #ede9fe; color: #5865f2; }
.sp-web:hover { background: #dbeafe; color: #2563eb; }
.sp-btn-follow {
    padding: 9px 20px;
    border-radius: 10px;
    border: 1.5px solid #6366f1;
    background: #6366f1;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}
.sp-btn-follow:hover { background: #4f46e5; border-color: #4f46e5; }
.sp-btn-follow.following {
    background: transparent;
    color: #64748b;
    border-color: #e2e8f0;
}
.sp-btn-follow.following:hover {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fca5a5;
}
.sp-btn-follow:disabled { opacity: .6; cursor: not-allowed; }

/* Wishlist: full-width, no sidebar */
.ca-layout.wl-full { grid-template-columns: 1fr !important; }
.ca-layout.wl-full .ca-sidebar { display: none !important; }

/* ── SPRINT 8 FIXES ── */
.qty-badge {
    display: inline-block;
    background: #6366f1;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    padding: 1px 5px;
    margin-left: 4px;
    vertical-align: middle;
    line-height: 1.6;
}

/* Wishlist "No Mkt" column */
.th-mkt-av { white-space: nowrap; text-align: center; }
.td-mkt-av { text-align: center; }
.wl-mkt-check {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #16a34a;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.wl-mkt-check:hover { text-decoration: underline; }
.wl-mkt-price { color: #16a34a; }
.wl-mkt-no { color: #cbd5e1; font-size: 13px; }