/* ==================================================================
   hyugan minecraft — o que o painel tem a mais que o dash: hero do
   servidor, console, jogadores, addons, interruptores e login.
   mesmas cores, linhas e medidas do app.css da hyugan.
   ================================================================== */
.mc-main{position:relative;z-index:1;padding-top:26px;padding-bottom:90px;min-height:calc(100dvh - 151px)}
.site-header{background:rgba(5,5,5,.86);backdrop-filter:blur(10px)}
.header-navline{background:transparent}
.brand-name span{margin-left:5px;font-weight:600}
.header-actions{gap:14px}
.mc-pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.025);font-size:11px;font-weight:700;color:#aaa;white-space:nowrap}
.mc-pill i{width:7px;height:7px;border-radius:50%;background:#555}
.mc-pill.is-on{color:#e6e6e6}.mc-pill.is-on i{background:#9dd3aa;box-shadow:0 0 10px rgba(157,211,170,.7)}
.mc-pill.is-wait i{background:#d9b26f;animation:mc-pisca 1s ease-in-out infinite}
.mc-pill.is-bad{color:#e2a0a0}.mc-pill.is-bad i{background:#e2a0a0}
@keyframes mc-pisca{50%{opacity:.25}}
.section{padding:10px 0 14px}
.mc-sec+.mc-sec{padding-top:34px}
.mc-sub{margin-top:34px}
.mc-sub .section-title{font-size:18px}

/* hero do servidor: o cristal de gelo do fx mora no .hero-visual */
.mc-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:300px;margin-bottom:18px}
.mc-hero-txt{position:relative;z-index:2;min-width:0;max-width:720px;display:grid;gap:16px}
.mc-hero .hero-kicker{margin:0}
.mc-titulo{font-size:clamp(34px,4.6vw,64px);line-height:1;font-weight:800;letter-spacing:-3px;overflow-wrap:anywhere}
.mc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:#858585}
.mc-chips .delivery-chip{position:static}
.mc-end{margin:0;max-width:520px}
.mc-end code{font-size:14px}
.mc-end span{flex:none;font-size:11px;color:#707070}
.mc-hero .hero-actions{margin-top:2px;flex-wrap:wrap}
.mc-hero .hero-actions button{cursor:pointer;font-family:inherit}
.mc-hero .hero-visual{flex:none;width:340px;height:280px;margin-right:40px}
.mc-medidores{grid-template-columns:repeat(4,minmax(0,1fr))}
.mc-medidores strong small{font-size:13px;font-weight:600;color:#626262}

/* listas de pessoas e eventos */
.mc-pessoa{min-height:44px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px;color:#8a8a8a}
.mc-pessoa:last-child{border-bottom:0}
.mc-pessoa b{flex:1;min-width:0;color:#eee;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-pessoa em{flex:none;font-style:normal;font-size:11px;color:#626262}
.mc-av{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#1b1b1b,#090909);font-size:11px;font-weight:800;color:#bbb}
.mc-av.is-on{border-color:rgba(157,211,170,.35);color:#e6e6e6;box-shadow:0 0 14px rgba(157,211,170,.12)}
.mc-ev i{width:6px;height:6px;flex:none;border-radius:50%;background:#555}
.mc-ev.is-on i{background:#9dd3aa}.mc-ev.is-bad i{background:#e2a0a0}

/* console */
.mc-console{gap:0;padding:0;overflow:hidden}
.mc-log{height:clamp(300px,58vh,640px);overflow:auto;padding:12px 14px;background:#050505;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cfcfcf;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent}
.mc-log>div{white-space:pre-wrap;overflow-wrap:anywhere}
.mc-log time{margin-right:10px;color:#4d4d4d}
.mc-log .is-warn{color:#d9b26f}.mc-log .is-bad{color:#e2a0a0}.mc-log .is-sis{color:#6f7480}.mc-log .is-jog{color:#9dd3aa}.mc-log .is-eu{color:#b6bac5}
.mc-cmd{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--line)}
.mc-cmd>span{padding-left:6px;font:700 14px ui-monospace,monospace;color:#555}
.mc-cmd input{flex:1;min-width:0;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0b0b0d;color:#f4f4f5;padding:0 12px;outline:none;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mc-cmd input:focus{border-color:rgba(255,255,255,.28)}
.mc-cmd .card-add{height:42px;padding:0 16px}
.mc-atalhos{display:flex;gap:6px;padding:0 10px 12px;overflow-x:auto;scrollbar-width:none}
.mc-atalhos .vps-mini{flex:none;padding:8px 10px}

/* jogadores */
.mc-busca{display:block;max-width:420px;margin-bottom:14px}
.mc-busca input{width:100%;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#0b0b0d;color:#f4f4f5;padding:0 13px;outline:none}
.mc-jogs{display:grid;gap:8px}
.mc-jog{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0b0b0b}
.mc-jog .mc-av{width:38px;height:38px;font-size:13px}
.mc-jog-tx{flex:1;min-width:160px;display:grid;gap:5px}
.mc-jog-tx b{font-size:14px;color:#f2f2f2;overflow-wrap:anywhere}
.mc-jog-tx span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#707070}
.mc-chip{padding:3px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.09);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#aaa}
.mc-chip.is-on{color:#9dd3aa;border-color:rgba(157,211,170,.25)}.mc-chip.is-bad{color:#e2a0a0;border-color:rgba(215,90,90,.25)}
.mc-jog-bt{display:flex;flex-wrap:wrap;gap:6px}
.mc-jog-bt .vps-mini{padding:8px 10px}
.vps-mini.is-bad{color:#e2a0a0}.vps-mini.is-bad:hover{background:rgba(175,55,55,.25);color:#fff}
.mc-jog[hidden]{display:none}

/* addons */
.mc-envio{position:relative;width:100%;display:grid;gap:6px;justify-items:center;margin-bottom:14px;padding:28px 18px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.015);color:#ddd;font:inherit;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s}
.mc-envio:hover,.mc-envio.is-sobre{border-color:rgba(182,186,197,.45);background:rgba(182,186,197,.05)}
.mc-envio b{font-size:15px}.mc-envio span{font-size:12px;color:#707070;text-align:center}
.mc-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
.mc-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f2f2f2,#b6bac5);transition:width .2s}
.mc-addons{margin-top:14px}
.mc-addon .card-img img{position:absolute;inset:0;margin:auto;width:46%;height:auto;max-height:70%;object-fit:contain;image-rendering:pixelated;border-radius:8px}
.mc-addon.is-off{opacity:.55}
.mc-addon .card-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.mc-beta{color:#d9b26f;font-weight:700}
.mc-ativo{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#aaa;cursor:pointer}

/* interruptor */
.mc-switch{appearance:none;-webkit-appearance:none;flex:none;width:42px;height:24px;border-radius:99px;background:#2a2a2e;border:1px solid rgba(255,255,255,.1);position:relative;cursor:pointer;transition:background .2s,border-color .2s}
.mc-switch::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#8a8a90;transition:transform .2s,background .2s}
.mc-switch:checked{background:#e6e6e6;border-color:#e6e6e6}
.mc-switch:checked::after{transform:translateX(18px);background:#0a0a0a}
.mc-switch:focus-visible{outline:2px solid rgba(182,186,197,.6);outline-offset:2px}
.mc-switch:disabled{opacity:.5;cursor:wait}
.mc-opcao{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer}
.mc-opcao:last-child{border-bottom:0}
.mc-opcao>span{display:grid;gap:4px;min-width:0}
.mc-opcao b{font-size:13px;font-weight:600;color:#e6e6e6}
.mc-opcao small{font-size:11px;line-height:1.45;color:#66666d}
.mc-addons-opcao{margin-bottom:6px;padding:4px 18px;border:1px solid var(--line);border-radius:10px;background:#0b0b0b}
.mc-num{width:84px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#0b0b0d;color:#f4f4f5;padding:0 10px;outline:none;text-align:right;font:inherit;font-size:13px}

/* mundo e copias */
.mc-bts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px}
.mc-bk{display:flex;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid rgba(255,255,255,.045)}
.mc-bk:last-child{border-bottom:0}
.mc-bk>div{flex:1;min-width:0;display:grid;gap:3px}
.mc-bk b{font-size:13px;color:#eee}.mc-bk span{font-size:11px;color:#707070}
.mc-bk em{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;font-style:normal}
.mc-regras-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.mc-auto{display:grid;gap:12px}
.mc-auto .gaveta-duas{gap:12px}

/* ajustes */
.mc-form{gap:0}
.mc-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;align-items:start}
.mc-campos .mc-opcao{min-height:46px;padding:0;border:0}
.account-field select{width:100%;height:46px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#0b0b0d;color:#f4f4f5;padding:0 12px;outline:none;color-scheme:dark;font:inherit;font-size:13px}
.account-field select:focus{border-color:rgba(255,255,255,.28)}
.mc-form .mc-bts{margin:22px 0 0}
.mc-form .primary-cta{border:0;cursor:pointer}
.mc-linha-form{display:flex;gap:8px;margin-top:8px}
.mc-linha-form input{flex:1;min-width:0;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#0b0b0d;color:#f4f4f5;padding:0 12px;outline:none}
.mc-linha-form .card-add{height:42px}
.vps-alerta .vps-mini{margin-left:auto}
.gaveta-hint code{font:12px ui-monospace,monospace;color:#ddd}

/* login */
.mc-login{position:relative;min-height:calc(100dvh - 120px);display:flex;align-items:center;justify-content:space-between;gap:30px}
.mc-login-card{position:relative;z-index:2;width:min(420px,100%);display:grid;gap:14px;padding:30px;border:1px solid var(--line2);border-radius:14px;background:rgba(9,9,9,.82);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mc-login-card .brand-mark{margin-bottom:6px}
.mc-login-card .mc-titulo{font-size:34px;letter-spacing:-1.5px}
.mc-login-card p{font-size:13px;line-height:1.6;color:#858585}
.mc-login-card .primary-cta{width:100%;border:0;cursor:pointer;font-size:13px}
.mc-login .hero-visual{flex:none;width:420px;height:360px;margin-right:6%}
.mc-carregando{min-height:50vh;display:grid;place-items:center;color:#555;font-size:12px;letter-spacing:2px;text-transform:uppercase}

@media(max-width:1120px){.mc-medidores{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-hero .hero-visual{width:260px;height:230px;margin-right:0}}
@media(max-width:840px){
  .site-header .header-navline{display:block;border-top:1px solid var(--line)}
  .nav-shell{height:48px}.quick-nav{gap:20px}.quick-nav .cat-item.active:after{bottom:-15px}
  .brand-name{display:block;font-size:17px}.brand-name span{display:none}
  .mc-main{padding-top:18px;min-height:calc(100dvh - 121px)}
  .mc-hero{min-height:0;padding-top:4px}
  .mc-hero .hero-visual{position:absolute;right:-30px;top:-14px;width:170px;height:170px;opacity:.85;margin:0}
  .mc-titulo{letter-spacing:-2px;padding-right:110px}
  .mc-regras-l,.mc-campos{grid-template-columns:1fr}
  .mc-login{flex-direction:column;justify-content:center;gap:0}
  .mc-login .hero-visual{order:-1;width:200px;height:170px;margin:0 auto -18px}
}
@media(max-width:520px){
  .mc-medidores{gap:10px}.mc-medidores>div{padding:14px}
  .mc-medidores strong{font-size:19px}
  .mc-pill{height:30px;padding:0 10px}
  .mc-hero .hero-actions .primary-cta,.mc-hero .hero-actions .secondary-cta{flex:1;display:inline-flex}
  .mc-log{height:calc(100dvh - 330px);min-height:280px;font-size:11.5px;padding:10px}
  .mc-jog-bt{width:100%}.mc-jog-bt .vps-mini{flex:1;text-align:center}
  .mc-bk{flex-wrap:wrap;padding:8px 0}.mc-bk em{width:100%;justify-content:flex-start}
  .mc-login-card{padding:22px}
  .mc-addon{display:flex;align-items:stretch}
  .mc-addon .card-img{width:96px;flex:none;aspect-ratio:auto;min-height:100%}
  .mc-addon .card-img:before,.mc-addon .card-img .delivery-chip{display:none}
  .mc-addon .card-img img{width:64%}
  .mc-addon .product-symbol{font-size:30px}
  .mc-addon .card-body{flex:1;min-width:0;padding:12px}
  .mc-addon .card-desc{min-height:0;-webkit-line-clamp:2}
  .mc-addon .card-footer{margin-top:10px;padding-top:10px}
  .hy-crumb{display:none}
}
