/* Mercado entre jogadores (client/ui/market-view.js): mesa de negociação. Comprar (filtros em coluna + lista em linhas
   + gaveta do anúncio), Vender (inventário + formulário com recibo), Meus negócios e Alertas. O ponto forte é o
   fusível de retenção (2 min → sorteio de 3 s → à venda). Só tokens do design system (client/design/tokens.css);
   peças com contorno preto de 2 px, como o resto do terminal de contenção. */

/* ---------- janela larga e de altura fixa (o que rola são os painéis de dentro) ---------- */
.sys-win.wide { width: min(1120px, 100%); height: min(820px, calc(100dvh - var(--top-h) - 2 * var(--s-4))); }
.sys-win.wide .panel { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.mk-win { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.mk-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2); padding: var(--s-2) var(--s-3); background: var(--ink-0); }
.mk-top .wallet { display: inline-flex; align-items: center; gap: 6px; }
.mk-top .wallet b { font: var(--px-2) / 1 var(--font-pixel); font-weight: 400; -webkit-font-smoothing: none; }
.mk-top .wallet small, .mk-top-s { font-size: var(--fs-xs); color: var(--text-2); }
.mk-nav { display: flex; gap: 2px; padding: 0 var(--s-3); background: var(--ink-0); border-bottom: var(--bw) solid var(--edge); }
.mk-nav button { min-height: 40px; padding: 0 var(--s-3); color: var(--text-2); background: none; border: 0; box-shadow: none; font: var(--px-1) / 1 var(--font-pixel); letter-spacing: 0.1em; text-transform: uppercase; -webkit-font-smoothing: none; }
.mk-nav button:hover:not(:disabled) { color: var(--text); background: var(--ink-2); }
.mk-nav button[aria-selected="true"] { color: var(--text); background: var(--ink-1); box-shadow: inset 0 -3px 0 var(--bone); }
.mk-nav .tag { margin-left: 6px; vertical-align: 1px; }
.mk-badge { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 6px; padding: 0 4px; font: var(--px-1) / 1 var(--font-pixel); color: var(--edge); background: var(--warn); -webkit-font-smoothing: none; }
.mk-body { flex: 1; min-height: 0; overflow: auto; padding: var(--s-3); }
.mk-msg { margin: var(--s-2) var(--s-3) 0; padding: 6px var(--s-3); font-size: var(--fs-sm); color: var(--ok); background: var(--ink-2); border: var(--bw) solid var(--edge); box-shadow: inset 3px 0 0 var(--ok); }
.mk-msg.bad { color: var(--stamp); box-shadow: inset 3px 0 0 var(--stamp); }
.mk-warn { margin: 0; padding: 4px var(--s-2); font-size: var(--fs-sm); color: var(--warn); border: 1px dashed currentColor; }
.mk-sub { margin: 0 0 var(--s-2); font: var(--px-1) / 1 var(--font-pixel); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2); -webkit-font-smoothing: none; }
button.link { display: inline; min-height: 0; padding: 0; margin: 0; font: inherit; text-transform: none; letter-spacing: normal; color: var(--info); background: none; border: 0; box-shadow: none; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
button.link:hover:not(:disabled) { background: none; color: var(--text); }
.mk-seg-row { display: flex; gap: 4px; margin-bottom: var(--s-2); }
.mk-seg-row > button { flex: 1; }
.mk-seg-row small { color: var(--text-3); }
.mk-pane { display: grid; gap: var(--s-2); }

/* ---------- estados: carregando e vazio ---------- */
.mk-skel { height: 14px; margin-bottom: 6px; background: linear-gradient(90deg, var(--ink-2) 0, var(--ink-3) 50%, var(--ink-2) 100%); background-size: 200% 100%; animation: mk-shimmer 1.2s linear infinite; }
.mk-skel.row { height: 56px; } .mk-skel.tall { height: 140px; }
@keyframes mk-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.mk-empty { display: grid; justify-items: center; gap: var(--s-2); padding: var(--s-6) var(--s-4); text-align: center; font-size: var(--fs-sm); color: var(--text-2); border: 1px dashed var(--rule-2); }
.mk-empty b { font-size: var(--fs-md); color: var(--text); }
.mk-empty-ic { opacity: 0.6; }

/* ---------- Comprar: filtros em coluna, lista à direita ---------- */
.mk-buy { position: relative; display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: var(--s-3); height: 100%; min-height: 0; }
.mk-rail { display: grid; align-content: start; gap: var(--s-2); min-height: 0; overflow: auto; padding-right: 6px; scrollbar-width: thin; }
.mk-rail-done { display: none; }
.mk-results { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.mk-results [data-mk-results] { flex: 1; min-height: 0; overflow: hidden auto; scrollbar-width: thin; }
.mk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin-bottom: var(--s-2); }
.mk-count { margin-right: auto; font-size: var(--fs-xs); }
.mk-filters-btn { display: none; }
.mk-sort { display: flex !important; align-items: center; gap: 6px; }
.mk-sort select { min-width: 150px; }

/* filtros */
.mk-filters { display: grid; gap: var(--s-2); }
.mk-box .mk-filters { padding: var(--s-2); background: var(--ink-1); border: 1px solid var(--rule); }
.mk-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s-2); }
.mk-group { display: grid; gap: 4px; }
.mk-group > .label, .mk-range > .label { margin: 0; }
.mk-chips { display: flex; flex-wrap: wrap; gap: 3px; }
.mk-chip { min-height: 28px; padding: 2px 6px; }
.mk-chip .type { height: auto; padding: 0; border: 0; background: none; }
.mk-types { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mk-types .mk-chip { padding: 2px; justify-content: center; }
.mk-types .mk-chip .type { font-size: 0; gap: 0; } /* só o ícone do tipo na coluna estreita; o nome fica no title */
.mk-types .mk-chip .type svg, .mk-types .mk-chip .type img, .mk-types .mk-chip .type canvas { margin: 0; }
.mk-num, .mk-sel, .mk-q { display: grid; gap: 2px; min-width: 0; font-size: var(--fs-xs); color: var(--text-2); }
.mk-num input { width: 110px; max-width: 100%; }
.mk-q input { width: 100%; }
.mk-sel select { width: 100%; }
.mk-range { display: grid; gap: 2px; }
.mk-range-in { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 4px; }
.mk-range-in .mk-num > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mk-range-in .mk-num input { width: 100%; }
.mk-range-in i { color: var(--text-3); font-style: normal; }
.mk-check { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; font-size: var(--fs-sm); cursor: pointer; }
.mk-more { justify-self: start; }
.mk-more-body { display: grid; gap: var(--s-2); padding: var(--s-2); background: var(--ink-0); border: 1px solid var(--rule); }
.mk-sigs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.mk-sig input { width: 100%; }
.mk-clear { justify-self: start; }

/* lista em linhas (livro de ofertas) */
.mk-list { display: grid; background: var(--ink-1); border: var(--bw) solid var(--edge); }
.mk-row-l { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 118px 148px; align-items: center; gap: 4px var(--s-3); padding: 6px var(--s-2); border-bottom: 1px solid var(--rule); cursor: pointer; }
.mk-row-l:last-child { border-bottom: 0; }
.mk-row-l:hover { background: var(--ink-2); }
.mk-row-l.sel { background: var(--ink-2); box-shadow: inset 3px 0 0 var(--bone); }
.mk-row-l.mine { box-shadow: inset 3px 0 0 var(--info); }
.mk-row-l.div { box-shadow: inset 3px 0 0 var(--div); }
.mk-art { display: grid; place-items: center; }
.mk-main { display: grid; gap: 3px; min-width: 0; }
.mk-name { font-size: var(--fs-sm); font-weight: var(--fw-bold); overflow-wrap: anywhere; }
button.mk-name.link { color: var(--text); text-decoration: none; text-align: left; }
button.mk-name.link:hover { text-decoration: underline; }
.mk-name .badge, .mk-name .tag { margin-left: 4px; vertical-align: 1px; }
.mk-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-2); }
.mk-stats { display: flex; gap: var(--s-3); }
.mk-stat { display: grid; justify-items: end; gap: 2px; }
.mk-stat small { font: var(--px-1) / 1 var(--font-pixel); color: var(--text-3); -webkit-font-smoothing: none; }
.mk-stat b { font: var(--px-1) / 1.2 var(--font-pixel); font-weight: 400; -webkit-font-smoothing: none; }
.mk-price { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; white-space: nowrap; }
.mk-price b { font: var(--px-2) / 1 var(--font-pixel); font-weight: 400; -webkit-font-smoothing: none; }
.mk-price small { font-size: var(--fs-xs); color: var(--text-2); }
.mk-price.big b { font-size: var(--px-3); }
.mk-act { display: grid; gap: 4px; min-width: 0; }
.mk-act > * { min-width: 0; max-width: 100%; }
.mk-act .mk-buy { width: 100%; justify-content: center; }
.mk-ic { width: 44px; height: 44px; }
.mk-mine-tag { justify-self: center; color: var(--info); border-color: var(--info); }
.mk-pager { display: flex; align-items: center; justify-content: center; gap: var(--s-2); padding: var(--s-2) 0 0; }

/* traços em sigla */
.mk-traits { display: inline-flex; flex-wrap: wrap; gap: 3px; }
.mk-trait { --rc: var(--r-comum); padding: 1px 4px 2px; font: var(--px-1) / 1 var(--font-pixel); color: var(--rc); background: var(--ink-0); border: 1px solid currentColor; -webkit-font-smoothing: none; cursor: help; }
.mk-trait.r2 { --rc: var(--r-incomum); } .mk-trait.r3 { --rc: var(--r-raro); } .mk-trait.r4 { --rc: var(--r-lendario); }
.mk-trait.hunt { box-shadow: inset 0 -2px 0 var(--ok); }

/* ---------- o fusível de retenção ---------- */
.mk-fuse { --p: 0; position: relative; display: block; height: 20px; overflow: hidden; background: var(--ink-0); border: 1px solid var(--edge); box-shadow: inset 0 0 0 1px var(--rule-2); }
.mk-fuse i { position: absolute; inset: 0 auto 0 0; width: calc(var(--p) * 100%); background: repeating-linear-gradient(90deg, var(--warn) 0 4px, color-mix(in srgb, var(--warn) 62%, var(--edge)) 4px 6px); transition: width 1s linear; }
.mk-fuse b { position: relative; display: block; font: var(--px-1) / 18px var(--font-pixel); font-weight: 400; letter-spacing: 0.06em; text-align: center; color: var(--text); text-shadow: 1px 0 var(--edge), -1px 0 var(--edge), 0 1px var(--edge), 0 -1px var(--edge); -webkit-font-smoothing: none; }
.mk-fuse.draw i { width: 100%; background: var(--ok); animation: mk-blink 0.5s steps(2) infinite; }
.mk-fuse.draw b { color: var(--edge); text-shadow: none; }
.mk-fuse.open { box-shadow: inset 0 0 0 1px var(--ok); }
.mk-fuse.open b { color: var(--ok); }
@keyframes mk-blink { 50% { opacity: 0.55; } }
@media (prefers-reduced-motion: reduce) { .mk-fuse i { transition: none; } .mk-fuse.draw i, .mk-skel { animation: none; } }

/* ---------- gaveta do anúncio ---------- */
.mk-drawer { position: absolute; inset: 0 0 0 auto; z-index: 3; width: min(400px, 100%); display: grid; align-content: start; gap: var(--s-3); padding: var(--s-3); overflow: auto; background: var(--ink-1); border-left: var(--bw) solid var(--edge); box-shadow: -8px 0 0 rgb(0 0 0 / 0.35); scrollbar-width: thin; }
.mk-drawer.entering { animation: mk-in var(--dur-2) var(--ease) both; } /* só quando a gaveta abre, não a cada redesenho (keep-state.js) */
@keyframes mk-in { from { transform: translateX(24px); } }
@media (prefers-reduced-motion: reduce) { .mk-drawer.entering { animation: none; } }
.mk-drawer-x { justify-self: end; margin-bottom: calc(-1 * var(--s-3)); }
.mk-dr-head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-3); align-items: center; }
.mk-dr-name { display: block; font-size: var(--fs-lg); line-height: var(--lh-tight); }
.mk-dr-price { display: grid; gap: 6px; }
.mk-dr-price .mk-price { justify-content: flex-start; }
.mk-cta { width: 100%; min-height: var(--touch); display: flex; align-items: center; justify-content: center; gap: 6px; }
.mk-dr-sec { display: grid; gap: 6px; padding-top: var(--s-2); border-top: 1px solid var(--rule); font-size: var(--fs-sm); }
.mk-dr-sec > .label { margin: 0; }
.mk-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-2); margin: 0; }
.mk-facts dt, .mk-sigrow dt { font: var(--px-1) / 1.2 var(--font-pixel); color: var(--text-3); -webkit-font-smoothing: none; }
.mk-facts dd, .mk-sigrow dd { margin: 0; }
.mk-sigrow { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2px; margin: 0; text-align: center; padding: 4px 0; background: var(--ink-0); border: 1px solid var(--rule); }
.mk-sigrow dd { font: var(--px-1) / 1.4 var(--font-pixel); -webkit-font-smoothing: none; }
.mk-traitlist { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }

/* ---------- price check ---------- */
.mk-pc { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--fs-sm); }
.mk-pc.vip { display: grid; gap: 6px; }
.mk-pc.vip > p { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; }
.mk-pc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 4px var(--s-3); margin: 0; }
.mk-pc-grid dt { font: var(--px-1) / 1.3 var(--font-pixel); color: var(--text-3); -webkit-font-smoothing: none; }
.mk-pc-grid dd { margin: 0; }
.mk-pc-more > summary { cursor: pointer; font-size: var(--fs-xs); color: var(--text-2); }
.mk-pc-more[open] > summary { margin-bottom: 6px; }

/* ---------- Vender: inventário + formulário ---------- */
.mk-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); gap: var(--s-3); height: 100%; min-height: 0; }
.mk-inv, .mk-sellpane { min-height: 0; overflow: auto; scrollbar-width: thin; }
.mk-inv { display: grid; align-content: start; gap: var(--s-2); padding-right: 4px; }
.mk-inv-bar { display: flex; align-items: center; gap: var(--s-2); }
.mk-inv-bar .mk-q { flex: 1; }
.mk-sellpane { padding: var(--s-3); background: var(--ink-2); border: var(--bw) solid var(--edge); box-shadow: inset 0 0 0 1px var(--rule-2); }
.mk-sell { display: grid; gap: var(--s-3); }
.mk-sell-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-2); align-items: center; }
.mk-sell-head > div { display: grid; gap: 4px; min-width: 0; }
.mk-cur { display: flex; align-items: center; gap: 6px; }
.mk-pricein input { width: 100%; font: var(--px-2) / 1 var(--font-pixel); -webkit-font-smoothing: none; }
.mk-step { display: flex; align-items: center; gap: 4px; }
.mk-step input { width: 90px; text-align: center; }
.mk-suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.mk-suggest > .label { width: 100%; margin: 0; }
.mk-seg { display: flex; }
.mk-seg > .mk-chip { flex: 1; justify-content: center; }
.mk-calc { display: grid; gap: 2px; margin: 0; padding: var(--s-2); font-size: var(--fs-sm); background: var(--lcd-bg); color: var(--lcd); border: var(--bw) solid var(--edge); }
.mk-calc > div { display: flex; justify-content: space-between; gap: var(--s-2); }
.mk-calc dt { color: var(--lcd-dim); }
.mk-calc dd { margin: 0; font: var(--px-1) / 1.4 var(--font-pixel); -webkit-font-smoothing: none; }
.mk-calc .net { margin-top: 4px; padding-top: 6px; border-top: 1px dashed var(--lcd-dim); }
.mk-calc .net dt { color: var(--lcd); }
.mk-calc .net dd { display: inline-flex; align-items: center; gap: 4px; font-size: var(--px-2); line-height: 1; }
.mk-picks { display: grid; gap: 4px; }
.mk-pick { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-2); align-items: center; padding: 4px 6px; background: var(--ink-1); border: var(--bw) solid var(--edge); }
.mk-pick.sel { background: var(--ink-2); box-shadow: inset 3px 0 0 var(--bone); }
.mk-pick.off { grid-template-columns: auto minmax(0, 1fr); opacity: 0.8; background: repeating-linear-gradient(135deg, var(--ink-1) 0 8px, var(--ink-2) 8px 16px); }
.mk-pick[hidden] { display: none; }
.mk-pick-art { display: grid; place-items: center; }
.mk-pick-tx { display: grid; gap: 2px; min-width: 0; }
.mk-pick-tx b { font-size: var(--fs-sm); overflow-wrap: anywhere; }
.mk-pick-tx small { font-size: var(--fs-xs); }
.mk-pick .mk-why { color: var(--warn); }

/* ---------- Meus negócios ---------- */
.mk-mines { display: grid; gap: 6px; }
.mk-mine { display: grid; gap: 6px; padding: 6px var(--s-2); background: var(--ink-2); border: var(--bw) solid var(--edge); }
.mk-mine.st-held, .mk-mine.st-open { box-shadow: inset 3px 0 0 var(--ok); }
.mk-mine.st-off { opacity: 0.85; }
.mk-mine-h { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 148px; gap: var(--s-2) var(--s-3); align-items: center; }
.mk-mine-h:not(:has(.portrait)) { grid-template-columns: minmax(0, 1fr) auto auto; }
.mk-st { display: grid; justify-items: stretch; gap: 2px; text-align: right; font-size: var(--fs-xs); color: var(--text-2); }
.mk-st .tag { justify-self: end; }
.mk-st-row { display: flex; align-items: center; justify-content: flex-end; gap: var(--s-2); }
.mk-mine-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); padding-top: 6px; border-top: 1px solid var(--rule); }
.mk-mine-acts .mk-num input { width: 140px; }
.mk-switch[aria-pressed="true"] { color: var(--ok); }
.mk-box { display: grid; gap: var(--s-2); margin-top: var(--s-3); padding: var(--s-3); background: var(--ink-2); border: var(--bw) solid var(--edge); }
.mk-box > header { display: flex; align-items: center; justify-content: space-between; font: var(--px-1) / 1 var(--font-pixel); letter-spacing: 0.1em; text-transform: uppercase; -webkit-font-smoothing: none; }

/* tabelas (pedidos e histórico) */
.mk-table { overflow-x: auto; max-width: 100%; background: var(--ink-1); border: var(--bw) solid var(--edge); }
.mk-table table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.mk-table th { text-align: left; padding: 6px var(--s-2); font: var(--px-1) / 1.2 var(--font-pixel); color: var(--text-3); background: var(--ink-0); border-bottom: var(--bw) solid var(--edge); -webkit-font-smoothing: none; }
.mk-table td { padding: 6px var(--s-2); border-bottom: 1px solid var(--rule); vertical-align: top; }
.mk-table tr:last-child td { border-bottom: 0; }
.mk-table .n { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mk-bid, .mk-side { font: var(--px-1) / 1.2 var(--font-pixel); -webkit-font-smoothing: none; }
.mk-bid.won, .mk-side.sold { color: var(--ok); } .mk-bid.lost, .mk-bid.refunded { color: var(--stamp); } .mk-bid.pending { color: var(--warn); } .mk-side.bought { color: var(--info); }

/* ---------- exemplar (ficha e gaveta) ---------- */
.mk-hist { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; font-size: var(--fs-sm); }
.mk-hist li { display: flex; gap: var(--s-2); }
.mk-hist time { font: var(--px-1) / 1.6 var(--font-pixel); color: var(--text-3); -webkit-font-smoothing: none; }
.mk-profile { display: flex; align-items: center; gap: var(--s-2); margin: 6px 0; padding: 6px var(--s-2); background: var(--ink-2); border: var(--bw) solid var(--edge); }
.mk-profile > span { display: grid; gap: 2px; }
.mk-profile .vip-seal { margin-left: 6px; }
.mk-profile button { margin-left: auto; }

/* ---------- cartões (alto-falante no chat; aviso do alerta) ---------- */
.mk-card { display: grid; gap: 6px; padding: var(--s-2); background: var(--paper); border: var(--bw) solid var(--edge); box-shadow: inset 0 0 0 1px var(--paper-rule); min-width: 0; }
.mk-card-top { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-2); align-items: start; }
.mk-card-info { display: grid; gap: 4px; min-width: 0; }
.mk-card-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-2); padding-top: 6px; border-top: 1px solid var(--paper-rule); }
.mk-rel { font: var(--px-1) / 1.2 var(--font-pixel); color: var(--warn); -webkit-font-smoothing: none; }
.mk-rel.win { color: var(--ok); }
.mk-acts { display: flex; gap: 4px; margin-left: auto; }
.soc-log .msg.card { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 2px 4px; }
.soc-log .msg.card .mk-speaker { grid-column: 1 / -1; }
.mk-speaker { display: grid; gap: 6px; padding: 6px var(--s-2); background: var(--paper); border: var(--bw) solid var(--edge); box-shadow: inset 0 0 0 1px var(--div-deep); }
.mk-speaker-h { color: var(--div); }
.mk-speaker > button { justify-self: start; }
.mk-local { margin: var(--s-3); }

/* ---------- celular ---------- */
@media (max-width: 760px) {
  .sys-win.wide { height: calc(100dvh - var(--top-h)); }
  .mk-nav { padding: 0; overflow-x: auto; }
  .mk-nav button { padding: 0 var(--s-2); flex: 1 0 auto; }
  .mk-buy { grid-template-columns: minmax(0, 1fr); }
  .mk-rail { display: none; }
  .mk-buy.filters-open .mk-rail { position: absolute; inset: 0; z-index: 4; display: grid; padding: var(--s-2); background: var(--ink-1); }
  .mk-rail-done { display: inline-flex; justify-self: stretch; justify-content: center; }
  .mk-filters-btn { display: inline-flex; }
  .mk-row-l { grid-template-columns: 44px minmax(0, 1fr) auto; }
  .mk-stats { grid-column: 2 / -1; }
  .mk-act { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) 120px; align-items: center; }
  .mk-drawer { width: 100%; border-left: 0; box-shadow: none; }
  .mk-split { grid-template-columns: minmax(0, 1fr); height: auto; }
  .mk-inv, .mk-sellpane { overflow: visible; }
  .mk-mine-h { grid-template-columns: auto minmax(0, 1fr) auto; }
  .mk-mine-h > .mk-st { grid-column: 1 / -1; justify-items: stretch; text-align: left; }
  .mk-num input { width: 96px; }
  .mk-acts { margin-left: 0; }
}

/* Ampolas (MK-3): moeda no mercado e a janela da carteira (client/ui/wallet-view.js) */
.mk-curs { margin-bottom: var(--s-2); }
.mk-curs button { display: inline-flex; align-items: center; gap: 4px; }
.mk-cur-row { display: grid; gap: 4px; margin-bottom: var(--s-1); }
.mk-cur-row .mk-curs { margin-bottom: 0; }
.mk-top button.wallet.mk-amp { min-height: 0; padding: 2px 6px; text-transform: none; letter-spacing: 0; font: inherit; }
.mk-top button.wallet.mk-amp b { color: var(--g-anomalo); }
.mk-price.amp b { color: var(--g-anomalo); }
.wl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: var(--s-2) var(--s-3); margin: 0 0 var(--s-3); }
.wl-grid > div { padding: 6px var(--s-2); background: var(--ink-2); border: var(--bw) solid var(--edge); }
.wl-grid dt { font: var(--px-1) / 1.3 var(--font-pixel); color: var(--text-3); -webkit-font-smoothing: none; }
.wl-grid dd { display: grid; gap: 2px; margin: 4px 0 0; font-size: var(--fs-sm); }
.wl-grid small { font-size: var(--fs-xs); }
.wl-amp { display: inline-flex; align-items: center; gap: 4px; }
.wl-amp b { font: var(--px-2) / 1 var(--font-pixel); font-weight: 400; color: var(--g-anomalo); -webkit-font-smoothing: none; }
.wl-addr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--s-2); align-items: center; }
.wl-addr .label, .wl-addr small { grid-column: 1 / -1; margin: 0; }
.wl-addr code, .mk-pick code { min-width: 0; padding: 6px var(--s-2); overflow-wrap: anywhere; font: var(--px-1) / 1.4 var(--font-pixel); color: var(--lcd); background: var(--lcd-bg); border: var(--bw) solid var(--edge); -webkit-font-smoothing: none; }
.mk-pick code { padding: 0 4px; border-width: 1px; }
.wl-rules { margin: 0; padding-left: 18px; font-size: var(--fs-sm); color: var(--text-2); display: grid; gap: 2px; }
.wl-wicon { width: 16px; height: 16px; margin-right: 4px; image-rendering: auto; }
.mk-pick .ok { color: var(--ok); }