/* Destruitor Idle — aba Moedas do leilao e a janela Transferir moedas (public/moedas.js). Usa as cores, as janelas e as
   pecas do leilao (leilao.css: lx-*) e da loja (loja.css: .mo, o icone da moeda). Celular: 360/375 px sem rolar de lado. */
.mc { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mc-top .mc-saldo .mo { width: 18px; height: 18px; margin: 0; vertical-align: -4px; }
.mc .mo { width: 16px; height: 16px; margin: 0 0 0 2px; vertical-align: -3px; }
.kpis.lx-kpis.mc-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mc-kpis .kpi small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ptabs.mc-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 0; }
.g .ptabs.mc-tabs button { letter-spacing: .06em; padding: 8px 4px; }

/* o livro: uma linha por oferta */
.mc-bar { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.mc-h3 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--gold-2); }
.g .btn.mc-lock { opacity: .8; }
.g .btn.small.on { border-color: var(--gold); color: var(--gold-2); }
.mc-rows { display: grid; gap: 4px; }
.mc-row { display: grid; grid-template-columns: minmax(0, 1fr) 90px 130px 150px minmax(96px, auto); align-items: center; gap: 10px;
  padding: 6px 10px; border-radius: 6px; background: #121624; border: 1px solid #2c3346; min-width: 0; }
.mc-row.mine { border-color: #31406a; }
.mc-row.on { border-color: var(--gold); background: #19160e; }
.mc-row.mc-th { background: none; border-color: transparent; padding-top: 0; padding-bottom: 0; font-size: 11px; color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.mc-row.mc-hist { grid-template-columns: minmax(0, 1fr) auto; }
.mc-who { min-width: 0; }
.mc-who b { display: block; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-who small, .mc-p small, .mc-t small { display: block; color: var(--dim); font-size: 11.5px; }
.mc-q, .mc-p, .mc-t { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mc-q { color: #c9cfdd; }
.mc-p b { color: var(--gold-2); }
.mc-a { display: flex; justify-content: flex-end; align-items: center; gap: 6px; flex-wrap: wrap; }
.mc-x { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; }

/* painel: aceitar uma oferta / criar uma oferta / o aviso do Premium */
.mc-panel { background: #19160e; border: 1px solid var(--gold); border-radius: 8px; padding: 10px 12px; display: grid; gap: 4px; }
.mc-ph { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; padding-right: 30px; position: relative; }
.mc-ph b { color: var(--gold-2); font-size: 15px; }
.g .mc-close { position: absolute; right: -4px; top: -4px; width: 28px; height: 28px; border-radius: 5px; color: var(--dim); background: none; border: 0; }
.g .mc-close:hover { background: #262b3c; color: var(--txt); }
.mc-panel label.field { margin-top: 6px; }
.mc-fgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 0 14px; }
.mc-panel .lx-in input[type=number] { width: 150px; max-width: 100%; }
.mc-total { margin: 8px 0 0; }
.mc-acts { justify-content: flex-end; margin-top: 6px; }
.mc-conf { margin-top: 8px; padding: 10px 12px; border-radius: 8px; background: #10131d; border: 1px solid #6b5626; }
.mc-conf p { margin: 0 0 6px; }
.mc-conf .row { justify-content: flex-end; }
.mc-prem p { margin: 0; }
.mc-dias { justify-self: start; }
.mc-dias button { min-width: 72px; }
.mc-foot { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; padding-top: 6px; border-top: 1px solid #2c3346; }
.mc-foot .btn { display: inline-flex; align-items: center; gap: 4px; }

/* janela Transferir moedas (por cima da loja e do leilao) */
.modal-bg.mc-trbg { z-index: 30; }
.modal.mc-tr { z-index: 31; width: min(440px, calc(100vw - 16px)); max-height: calc(100vh - 24px); display: flex; flex-direction: column; }
.mc-tr .modal-b { display: grid; gap: 2px; }
.mc-tr input[type=text] { width: 100%; }
.mc-tr .lx-in input[type=number] { width: 160px; max-width: 100%; }
.mc-trconf { display: grid; gap: 6px; }
.mc-trconf .kv { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.mc-trconf .kv span { font-size: 12px; }
.mc-trconf .kv b { text-align: right; overflow-wrap: anywhere; }
.mc-aviso { margin: 6px 0 0; padding: 8px 10px; border-radius: 6px; background: #3a1d1b; border: 1px solid #5a2a26; color: #ffcfc8; font-size: 13px; }
.mc-ok p { margin: 4px 0 8px; color: var(--ok); }

/* loja: o atalho para vender moedas no leilao */
.g .lj-mleilao { background: none; border: 0; padding: 0; color: var(--gold-2); font-size: 12.5px; text-decoration: underline; cursor: pointer; text-align: left; }
.lj-mgold { margin: 4px 0 0; padding: 6px 10px; border-radius: 6px; background: #121a14; border: 1px solid #24502e; color: #a8e6b1; font-size: 13px;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; align-self: flex-start; }

@media (max-width: 759px) {
  .kpis.lx-kpis.mc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ptabs.mc-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: 2px 10px; }
  .mc-row.mc-th { display: none; }
  .mc-row .mc-q { grid-column: 1; grid-row: 2; text-align: left; }
  .mc-row .mc-p { grid-column: 2; grid-row: 1; }
  .mc-row .mc-t { grid-column: 2; grid-row: 2; }
  .mc-row .mc-a { grid-column: 3; grid-row: 1 / span 2; }
  .mc-row.mc-cx .mc-a { grid-column: 1 / -1; grid-row: 3; }
  .mc-row.mc-hist .mc-t { grid-row: 1; }
  .mc-fgrid { grid-template-columns: minmax(0, 1fr); }
  .lj-foot .lj-mleilao { display: none; }
}
.mc-bar .mc-conta { margin-left: 6px; }
.mc-foot .btn .mo { margin: 0; }