/* V540 — Market entre jogadores: explicacao da aba, livro de ofertas, venda,
   meus anuncios e entregas. Mesma paleta do Market V479/V483 (ardosia,
   dourado fino, cantos retos). */

/* V544: o Market abre por cima de BAG, Herois e Loja (vender pela BAG, "+" do Ouro).
   A caixa de confirmacao (129-notice) fica acima dele. */
#marketplaceOverlayV210{z-index:1400100!important}
/* V546: o Crisol (e a Oferenda com a revelacao do item) tambem abre na frente da BAG e de Herois. */
#alchemistMergeOverlayV160{z-index:1400100!important}
.offeringOverlayV450{z-index:1400110!important}
.itemRevealOverlayV454{z-index:1400120!important}

/* Vistas: cada aba mostra so o seu painel. */
#marketplaceOverlayV210 .mkMineV540,#marketplaceOverlayV210 .mkSellV540{display:none}
#marketplaceOverlayV210[data-view="mine"] .mkMineV540,#marketplaceOverlayV210[data-view="sell"] .mkSellV540{display:grid;gap:12px}
#marketplaceOverlayV210:is([data-view="mine"],[data-view="sell"]) :is(.marketToolbarV210,.mkCategoryInfoV540,.marketFiltersV210,.marketStatusV210,.marketGridV210,.marketPagerBarV210){display:none!important}
#marketplaceOverlayV210[data-view="activity"] .mkCategoryInfoV540{display:none!important}
#marketplaceOverlayV210:is([data-mode="enhancement"],[data-mode="cosmetics"],[data-mode="materials"],[data-mode="gold"]) :is(.marketFilterToggleV210,.marketFiltersV210){display:none!important}

/* Market fechado. */
#marketplaceOverlayV210 .mkClosedV540{margin:0 0 12px;padding:9px 14px;border:1px solid #7a5a24;background:linear-gradient(90deg,#1d150a,#0b0e0c);color:#f0cf70;font:900 12px var(--font-ui,sans-serif);letter-spacing:.12em;text-align:center}
#marketplaceOverlayV210 .mkClosedV540[hidden]{display:none}

/* Para que serve e onde se consegue. */
#marketplaceOverlayV210 .mkCategoryInfoV540{display:grid;gap:4px;margin:10px 0 12px;padding:11px 14px;border:1px solid var(--kit-line,#363b34);border-left:3px solid var(--kit-brass,#6d5935);background:var(--kit-ground,#090c0a)}
#marketplaceOverlayV210 .mkInfoTitleV540{color:var(--kit-title,#f4dc83);font:700 15px var(--font-display,Cinzel,Georgia,serif);letter-spacing:.1em}
#marketplaceOverlayV210 .mkInfoKindV540{color:var(--kit-gold,#e2c46c);font:900 11px var(--font-ui,sans-serif);letter-spacing:.1em}
#marketplaceOverlayV210 .mkCategoryInfoV540 p{margin:0;color:var(--kit-text,#d8d2bd);font:500 13px/1.5 var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkCategoryInfoV540 p strong{color:var(--kit-muted,#9f9f92);font-weight:900;letter-spacing:.04em}

/* Card de item padrao sem oferta. */
#marketplaceOverlayV210 .mkNoOffersV540 .mkArtV479>*:first-child{filter:saturate(.35) brightness(.8)}
#marketplaceOverlayV210 .mkNoOffersV540 .mkPriceValueV479{color:var(--mk-dim,#5f6d76)}

/* Livro de ofertas. */
#marketplaceOverlayV210 .mkOfferV540{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto 64px auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #121b22;font:700 13px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkOfferV540:last-child{border-bottom:0}
#marketplaceOverlayV210 .mkOfferSellerV540{overflow:hidden;color:#cfc8b0;white-space:nowrap;text-overflow:ellipsis}
#marketplaceOverlayV210 .mkOfferQtyV540{color:var(--mk-muted,#8d9ba3);font-variant-numeric:tabular-nums}
#marketplaceOverlayV210 .mkOfferPriceV540{display:inline-flex;align-items:center;gap:4px;color:var(--mk-gold-hi,#ffe092);font:700 14px var(--font-ui,sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
#marketplaceOverlayV210 .mkOfferInputV540,#marketplaceOverlayV210 .mkSellFormV540 input{width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid var(--mk-line-hi,#3a5263);background:#070b0f;color:var(--mk-text,#e2e9ec);font:700 13px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkOfferBuyV540{min-width:72px;height:32px;padding:0 12px;border:2px solid #b36a26;background:#4b210e;color:#ffd184;font:900 12px var(--font-ui,sans-serif);letter-spacing:.06em;cursor:pointer}
#marketplaceOverlayV210 .mkOfferBuyV540:disabled{border-color:#3a4650;background:#0d151b;color:var(--mk-dim,#5f6d76);cursor:not-allowed}
#marketplaceOverlayV210 .mkOfferBuyV540:not(:disabled):hover{filter:brightness(1.2)}

/* Formulario de venda. */
#marketplaceOverlayV210 .mkSellFormV540{display:grid;gap:8px;padding-bottom:12px}
#marketplaceOverlayV210 .mkSellFormV540>:not(h4){margin-inline:12px}
#marketplaceOverlayV210 .mkSellFormV540 .marketFieldV210{display:grid;gap:4px}
#marketplaceOverlayV210 .mkSellFormV540 .marketFieldV210 label{color:var(--mk-dim,#5f6d76);font:900 11px var(--font-ui,sans-serif);letter-spacing:.1em}
#marketplaceOverlayV210 .mkSellOwnedV540{margin-top:10px!important;color:var(--mk-text,#e2e9ec);font:700 13px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkSellTotalV540{min-height:16px;color:var(--mk-gold-hi,#ffe092);font:700 12px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkFeeV540{margin-block:0;color:var(--mk-muted,#8d9ba3);font:600 12px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkSellFormV540 .mkBuyV479{justify-self:start}

/* Vender: listas do que o jogador tem. */
#marketplaceOverlayV210 .mkSellTitleV540{margin:6px 0 0;color:var(--kit-gold,#e2c46c);font:900 12px var(--font-ui,sans-serif);letter-spacing:.12em}
#marketplaceOverlayV210 .mkSellGridV540{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
#marketplaceOverlayV210 .mkSellCardV540{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 10px;border:1px solid var(--kit-line,#363b34);border-left:3px solid var(--rarity,#363b34);background:#0d110e;color:var(--kit-text,#d8d2bd);text-align:left;cursor:pointer}
#marketplaceOverlayV210 .mkSellCardV540:hover,#marketplaceOverlayV210 .mkSellCardV540:focus-visible{background:#151a16;outline:1px solid color-mix(in srgb,var(--kit-gold,#e2c46c) 45%,transparent)}
#marketplaceOverlayV210 .mkClosedNoteV540{color:#f0cf70!important}

/* Meus anuncios e entregas. */
#marketplaceOverlayV210 .mkMineRowV540{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #121b22;font:700 13px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkMineRowV540 b{overflow:hidden;color:var(--mk-text,#e2e9ec);white-space:nowrap;text-overflow:ellipsis}
#marketplaceOverlayV210 .mkMineRowV540 small{color:var(--mk-muted,#8d9ba3);font:600 12px var(--font-ui,sans-serif);white-space:nowrap}
#marketplaceOverlayV210 .mkMineTagV540{padding:2px 6px;border:1px solid #2f6d48;color:#7ee2a0;font:900 11px var(--font-ui,sans-serif);letter-spacing:.06em;text-align:center}
#marketplaceOverlayV210 .mkMineRowV540[data-status="sold"] .mkMineTagV540{border-color:#7a5a24;color:#f0cf70}
#marketplaceOverlayV210 .mkMineRowV540:is([data-status="cancelled"],[data-status="expired"]) .mkMineTagV540{border-color:#3a4650;color:var(--mk-dim,#5f6d76)}
#marketplaceOverlayV210 .mkDeliveriesV540 .mkBuyV479{margin:12px!important}

/* Operacao em andamento e aviso. */
#marketplaceOverlayV210.mkBusyV540 :is(.mkBuyV479,.mkOfferBuyV540){pointer-events:none;opacity:.6}
#marketplaceOverlayV210 .mkToastV540{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:5;transform:translateX(-50%);max-width:min(560px,calc(100% - 32px));padding:10px 18px;border:1px solid #b36a26;background:#140f09;color:#ffd184;font:900 13px var(--font-ui,sans-serif);letter-spacing:.04em;text-align:center;box-shadow:0 12px 30px #000c}
#marketplaceOverlayV210 .mkToastV540.bad{border-color:#7a3226;background:#220e0b;color:#ff9a86}
#marketplaceOverlayV210 .mkToastV540[hidden]{display:none}

/* V545: historico de preco. Uma serie (dourado do kit), faixa min-max a 10%,
   grade fina e texto nos tons de texto (nunca na cor da serie). */
#marketplaceOverlayV210 .mkHistorySummaryV545{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--mk-line,#223240)}
#marketplaceOverlayV210 .mkHistorySummaryV545>div{display:grid;gap:2px;padding:8px 12px;border-left:1px solid var(--mk-line,#223240)}
#marketplaceOverlayV210 .mkHistorySummaryV545>div:first-child{border-left:0}
#marketplaceOverlayV210 .mkHistorySummaryV545 small{color:var(--mk-dim,#5f6d76);font:900 11px var(--font-ui,sans-serif);letter-spacing:.08em}
#marketplaceOverlayV210 .mkHistorySummaryV545 b{color:var(--mk-text,#e2e9ec);font:700 14px var(--font-ui,sans-serif);font-variant-numeric:tabular-nums}
#marketplaceOverlayV210 .mkHistoryWrapV545{position:relative;padding:6px 8px 2px}
#marketplaceOverlayV210 .mkHistoryChartV545{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
#marketplaceOverlayV210 .mkHistoryGridV545{stroke:#1c2731;stroke-width:1}
#marketplaceOverlayV210 .mkHistoryTickV545{fill:var(--mk-dim,#6f7d86);font:700 11px var(--font-ui,sans-serif);font-variant-numeric:tabular-nums}
#marketplaceOverlayV210 .mkHistoryEndV545{fill:var(--mk-text,#e2e9ec);font:800 12px var(--font-ui,sans-serif);font-variant-numeric:tabular-nums}
#marketplaceOverlayV210 .mkHistoryBandV545{fill:#d8ad50;fill-opacity:.1;stroke:none}
#marketplaceOverlayV210 .mkHistoryLineV545{fill:none;stroke:#d8ad50;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
#marketplaceOverlayV210 .mkHistoryDotV545{fill:#d8ad50;stroke:#070b0f;stroke-width:2}
#marketplaceOverlayV210 .mkHistoryDotV545.active{r:6}
#marketplaceOverlayV210 .mkHistoryCrossV545{stroke:#5f6d76;stroke-width:1}
#marketplaceOverlayV210 .mkHistoryHitV545{fill:transparent;cursor:crosshair}
#marketplaceOverlayV210 .mkHistoryTipV545{position:absolute;top:6px;transform:translateX(-50%);display:grid;gap:1px;min-width:140px;padding:6px 9px;border:1px solid #4a5a66;background:#070b0ff2;color:var(--mk-text,#e2e9ec);font:700 12px var(--font-ui,sans-serif);white-space:nowrap;pointer-events:none;z-index:2}
#marketplaceOverlayV210 .mkHistoryTipV545 b{color:var(--mk-gold-hi,#ffe092);font-size:12px}
#marketplaceOverlayV210 .mkHistoryTipV545[hidden]{display:none}
#marketplaceOverlayV210 .mkHistoryTableV545{padding:0 12px 10px;color:var(--mk-muted,#8d9ba3);font:600 12px var(--font-ui,sans-serif)}
#marketplaceOverlayV210 .mkHistoryTableV545 summary{cursor:pointer;padding:4px 0}
#marketplaceOverlayV210 .mkHistoryTableV545 table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
#marketplaceOverlayV210 .mkHistoryTableV545 th,#marketplaceOverlayV210 .mkHistoryTableV545 td{padding:3px 6px;border-bottom:1px solid #121b22;text-align:right}
#marketplaceOverlayV210 .mkHistoryTableV545 th:first-child,#marketplaceOverlayV210 .mkHistoryTableV545 td:first-child{text-align:left}

/* V541: contador no botao MARKET e aviso no jogo. */
#marketBtn,[data-mobile-menu-target="marketBtn"]{position:relative}
.mkBadgeV541{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:1px solid #1a0d08;border-radius:10px;background:#c9433b;color:#fff5e8;font:800 11px/1 var(--font-ui,sans-serif);box-shadow:0 2px 6px #000a;pointer-events:none}
.mkBadgeV541[hidden]{display:none}
#mkGameNoticeV541{position:fixed;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:1000300;transform:translateX(-50%);max-width:min(620px,calc(100% - 32px));padding:10px 18px;border:1px solid #b36a26;background:linear-gradient(#2a1a0c,#140f09);color:#ffd184;font:900 13px/1.4 var(--font-ui,sans-serif);letter-spacing:.03em;text-align:center;box-shadow:0 12px 30px #000c;pointer-events:none}
#mkGameNoticeV541[hidden]{display:none}

/* V563 — quem equipa a peca, no card do Market. */
#marketplaceOverlayV210 .mkClassesV563{display:block;margin:2px 0 6px;overflow:hidden;color:var(--mk-muted,#8d9ba3);font:700 11px var(--font-ui,sans-serif);letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis}

/* V551 — aviso de preco: o jogador guarda o preco que aceita pagar. */
#marketplaceOverlayV210 .mkWatchV551 .mkWatchNoteV551{margin:0 0 10px;color:var(--mk-muted,#8d9ba3);font:600 12px var(--font-ui,sans-serif);line-height:1.45}
#marketplaceOverlayV210 .mkWatchV551 .marketFieldV210{margin-bottom:10px}
#marketplaceOverlayV210 .mkWatchV551 .mkOfferBuyV540{margin-top:8px;width:100%}
#marketplaceOverlayV210 .mkWatchListV551 .mkMineRowV540{grid-template-columns:96px minmax(0,1fr) auto auto auto}

@media (max-width:760px){
  #marketplaceOverlayV210 .mkOfferV540{grid-template-columns:minmax(0,1fr) auto auto;row-gap:6px}
  #marketplaceOverlayV210 .mkOfferInputV540{grid-column:1/3}
  #marketplaceOverlayV210 .mkMineRowV540{grid-template-columns:auto minmax(0,1fr) auto;row-gap:4px}
}