/* © 2026 bladept696 — Centro de Comando / Hash Commander. Todos os direitos reservados.
   é proibido copiar, modificar, redistribuir ou publicar este ficheiro, no todo ou em parte, sem autorização escrita do autor.
   https://github.com/bladept696/centro-de-comando-v3 */
/* Painel da mempool compacto (~150 px): cubos 118x70 numa linha, linha AGORA fina, mini-barras por baixo.
   Carrega depois de mempool.css / mempool-holo.css / mempool-cenas.css; o prefixo "body.mpk" (classe posta por mempool-compacto.js)
   dá-lhe prioridade sobre os três estilos (clássico, Sci-Fi, Cósmico). Os gráficos grandes só aparecem com body.mpk-graf (botão 📊). */
body.mpk .blocks-container{ padding:10px 18px 8px; }
body.mpk .blocks-container .blocks-toolbar{ margin-bottom:4px; gap:10px; flex-wrap:wrap; }
body.mpk .mp-style-btn, body.mpk .mpk-btn{ cursor:pointer; font-size:11px; padding:3px 10px; border-radius:999px; border:1px solid var(--line-strong); background:var(--panel-2); color:var(--text); }
body.mpk .mpk-btn[aria-pressed="true"]{ border-color:var(--cyan); color:var(--cyan); }
body.mp-scifi.mpk .mpk-btn{ background:#06222acc; border:1px solid #3fe0ff66; color:#bff8ff; }
body.mp-cosmo.mpk .mpk-btn{ background:#0a1a3a99; border:1px solid #7fb0ff55; color:#e6f2ff; }

/* cadeia numa só linha */
body.mpk .blocks-scroll.mp-chain{ gap:10px; padding:4px 6px 6px; align-items:flex-start; }
body.mpk .mp-block{ width:118px; gap:3px; padding-top:0; perspective:none; }
body.mpk .mp-block::before, body.mpk .mp-block::after{ display:none; }
body.mpk .mp-block .mp-cube{ width:118px; height:70px; border-radius:9px; transform:none; box-shadow:none; }
body.mpk .mp-block .mp-cube::before{ display:none; }
body.mpk .mp-block .mp-hf{ display:none; }
body.mpk .mp-block:hover .mp-cube{ transform:translateY(-2px); }
body.mpk .mp-block .mp-cube::after{ display:block; content:''; position:absolute; top:8px; bottom:8px; right:6px; width:4px; height:auto; transform:none; border:none; border-radius:3px; background:none; }
body.mpk .mp-block .mp-fill{ left:auto; right:6px; width:4px; bottom:8px; height:calc(var(--fill-h,0%) * .78); border-radius:3px; opacity:1; background:var(--liq,#3df0b0) !important; box-shadow:none; transform:none; -webkit-mask-image:none; mask-image:none; }
body.mpk .mp-block .mp-fill::before{ display:none; }
body.mpk .mp-block .mp-face, body.mpk .mp-block .mp-face.mp-has-gauge{ inset:0; transform:none; z-index:1; gap:1px; padding:5px 16px 5px 8px; align-items:flex-start; justify-content:center; text-align:left; border-radius:9px; }
body.mpk .mp-block .mp-face::after{ display:none; }
body.mpk .mp-gauge{ right:12px; top:6px; bottom:6px; width:6px; z-index:2; transform:none; }
body.mpk .mp-dot{ width:7px; height:7px; margin-bottom:-3px; }
body.mpk .mp-h{ font-size:13px; line-height:1.15; }
body.mpk .mp-fee{ font-size:12px; line-height:1.15; }
body.mpk .mp-range{ font-size:9px; line-height:1.15; }
body.mpk .mp-tx{ font-size:10px; line-height:1.15; margin:0; padding:0; border:none; background:none; letter-spacing:0; text-transform:none; white-space:nowrap; }
body.mpk .mp-confirmed .mp-range{ display:none; }
body.mpk .mp-l3{ display:flex; align-items:center; max-width:100%; min-width:0; font-size:9px; line-height:1.15; }
body.mpk .mp-l3 .mp-tx{ flex:0 0 auto; }
body.mpk .mp-pl{ display:flex; align-items:center; gap:3px; min-width:0; color:var(--cyan); font-size:9px; text-transform:none; letter-spacing:0; }
body.mpk .mp-pl .mp-sepdot{ flex:0 0 auto; white-space:pre; color:var(--muted); }
body.mpk .mp-pl img{ width:11px; height:11px; border-radius:3px; background:#081119; object-fit:contain; flex:0 0 auto; }
body.mpk .mp-pl .mp-pool{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.mpk .mp-block .mp-foot{ width:118px; max-width:118px; min-height:0; margin:0; padding:0; border:none; background:none; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; font-size:9px; line-height:1.2; text-align:center; flex-wrap:wrap; }
body.mpk .mp-time{ font-size:9px; line-height:1.2; }
body.mpk .mp-mybest{ font-size:9px; min-height:0; line-height:1.2; }
body.mpk .mp-mybest:empty{ display:none; }

/* linha AGORA fina e baixa */
body.mpk .mp-sep{ min-width:34px; gap:3px; }
body.mpk .mp-sep-line{ flex:0 0 auto; height:56px; min-height:0; width:2px; border-left-width:2px; }
body.mp-scifi.mpk .mp-sep-line{ min-height:0; width:2px; }
body.mpk .mp-sep-lbl{ font-size:9px; letter-spacing:.1em; }
body.mpk .mp-sep-time{ font-size:9px; }

/* Sci-Fi: ecrã mais baixo */
body.mp-scifi.mpk .blocks-container{ padding:12px 22px 8px !important; border-radius:22px / 36px !important; }
body.mp-scifi.mpk .blocks-scroll.mp-chain{ padding:4px 6px 6px; gap:10px; align-items:flex-start; }
body.mp-scifi.mpk .mp-block .mp-cube{ width:118px; height:70px; }
body.mp-scifi.mpk .mp-block .mp-fill{ background:linear-gradient(to top, #0fb894, #5dffd2) !important; box-shadow:0 0 8px #3dffc8aa; }
body.mp-scifi.mpk .mp-block .mp-cube::after{ border:1px solid #6ff4ff40; right:6px; width:4px; }
body.mp-scifi.mpk .mp-block .mp-face, body.mp-scifi.mpk .mp-block .mp-face.mp-has-gauge{ padding:5px 16px 5px 8px; }
body.mp-scifi.mpk .mp-h{ font-size:13px; }
body.mp-scifi.mpk .mp-fee{ font-size:12px; }
body.mp-scifi.mpk .mp-range{ font-size:9px; }
body.mp-scifi.mpk .mp-tx, body.mp-scifi.mpk .mp-foot, body.mp-scifi.mpk .mp-time{ font-size:9px; }

/* Cósmico: cubos de vidro planos (a geometria 3D não cabe em 70 px) */
body.mp-cosmo.mpk .blocks-container{ border-radius:16px; }
body.mp-cosmo.mpk .blocks-scroll.mp-chain{ gap:12px; padding:6px 8px 6px; }
body.mp-cosmo.mpk .mp-block .mp-cube{ transform:none; animation:mpkFloat 7s ease-in-out infinite !important; }
body.mp-cosmo.mpk .mp-block .mp-face{ border-radius:9px; }
body.mp-cosmo.mpk .mp-block .mp-foot{ background:none; border:none; box-shadow:none; margin:0; padding:0; font:600 9px 'Space Grotesk',sans-serif; color:#d4e4f7; }
body.mp-cosmo.mpk .mp-h{ font-size:13px; }
body.mp-cosmo.mpk .mp-fee{ font-size:12px; }
body.mp-cosmo.mpk .mp-range{ font-size:9px; }
body.mp-cosmo.mpk .mp-tx{ font-size:10px; }
body.mp-cosmo.mpk .mp-pl, body.mp-cosmo.mpk .mp-pl .mp-pool{ color:#fff; }
@keyframes mpkFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-3px); } }
@media (prefers-reduced-motion: reduce){ body.mp-cosmo.mpk .mp-block .mp-cube{ animation:none !important; } }
body.perf-mode.mp-cosmo.mpk .mp-block .mp-cube{ animation:none !important; }

/* mini-barras */
.mpk-mini{ display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap; margin-top:4px; font-size:10px; color:var(--muted); position:relative; z-index:2; }
.mpk-mini svg{ display:block; }
.mpk-mini .mpk-l{ letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.mpk-mini .mpk-r{ margin-left:auto; text-align:right; }
body.mp-scifi .mpk-mini{ color:#7fe9f4; font-family:'JetBrains Mono',monospace; }
body.mp-cosmo .mpk-mini{ color:#b9cdea; }

/* gráficos grandes: escondidos por omissão, em todos os estilos */
body.mpk:not(.mpk-graf) .sf-charts{ display:none; }
body.mpk.mpk-graf .sf-charts{ display:grid; grid-template-columns:1fr 1fr; gap:28px; position:relative; z-index:2; margin:6px 10px 0; }
body.mpk.mpk-graf .sf-chart{ position:relative; height:118px; padding:8px 10px 4px; border-radius:10px; border:1px solid var(--line-strong); background:var(--panel-2); }
body.mpk.mpk-graf .sf-chart b{ display:block; font:700 9.5px 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
body.mpk.mpk-graf .sf-chart canvas{ display:block; width:100%; height:90px; }
body.mp-scifi.mpk.mpk-graf .sf-chart{ border-color:#3fe0ff2e; background:linear-gradient(180deg, #06222a80, #03111680); }
body.mp-scifi.mpk.mpk-graf .sf-chart b{ color:#7fe9f4; }
body.mp-cosmo.mpk.mpk-graf .sf-chart{ border-color:#7fb0ff33; background:#0a1a3a55; }
body.mp-cosmo.mpk.mpk-graf .sf-chart b{ color:#b9cdea; }

/* telemóvel */
@media (max-width:640px){
  body.mpk .blocks-container{ padding:8px 10px 6px; }
  body.mp-scifi.mpk .blocks-container{ padding:10px 12px 6px !important; border-radius:18px / 24px !important; }
  .mpk-mini{ gap:6px 10px; }
  .mpk-mini svg{ width:110px; }
  .mpk-mini .mpk-r{ margin-left:0; width:100%; text-align:left; }
  body.mpk.mpk-graf .sf-charts{ grid-template-columns:1fr; gap:10px; }
}