/* MuVelox Season 4 - Dark Fantasy */
:root{
  --red:#b5151d;--red2:#6d090e;--blue:#1267cf;--blue2:#082f66;
  --panel:#10141a;--panel2:#171c24;--line:#343b46;--text:#e7eaf0;--muted:#9da6b3;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Verdana,Tahoma,Arial,sans-serif}
body{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(33,44,60,.85),transparent 42%),
    linear-gradient(180deg,#080a0d 0,#11151a 52%,#080a0d 100%)!important;
  background-attachment:fixed!important;font-size:12px;
}
.mv-wrap{
  width:1080px;margin:0 auto 34px;background:#0c1015;
  border-left:1px solid #29303a;border-right:1px solid #29303a;
  box-shadow:0 0 45px rgba(0,0,0,.9)
}
.mv-header{
  height:250px!important;position:relative!important;
  background:#090b0e url('../images/velox/muvelox-dark-header.jpg') no-repeat center top!important;
  background-size:cover!important;
  border-bottom:1px solid #454b55;
}
.mv-header:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:45px;
  background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none
}
.mv-brand-integrated{display:none!important}
.mv-menu{
  height:58px!important;background:linear-gradient(#151a21,#080a0d)!important;
  border-top:1px solid #454b55!important;border-bottom:2px solid #050607!important;
  box-shadow:0 5px 15px rgba(0,0,0,.65)!important
}
.mv-menu-inner{height:58px!important;display:flex;align-items:stretch;justify-content:center;padding:0 12px!important}
.mv-menu a{
  min-width:105px;height:58px!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#d8dde5!important;text-decoration:none!important;text-transform:uppercase;
  font:bold 11px Tahoma,Verdana,sans-serif!important;
  border-left:1px solid #202630;border-right:1px solid #07090c;border-bottom:3px solid transparent!important;
  text-shadow:0 1px 2px #000;transition:.18s ease
}
.mv-menu a:hover{
  color:#fff!important;background:linear-gradient(#291115,#12090b)!important;
  border-bottom-color:var(--red)!important;box-shadow:inset 0 0 18px rgba(181,21,29,.22)
}
.mv-menu .mv-highlight{
  background:linear-gradient(#12233a,#091321)!important;border-bottom-color:var(--blue)!important
}
.mv-menu .mv-highlight:last-of-type{
  background:linear-gradient(#351216,#17090b)!important;border-bottom-color:var(--red)!important
}
.mv-body{
  display:flex;gap:18px;padding:20px 22px 28px!important;
  background:linear-gradient(180deg,#0b0f14,#11161d)!important;align-items:flex-start
}
.mv-main{width:710px!important;min-height:580px;color:#dce1e8}
.mv-sidebar{width:306px!important}
.mv-box{
  margin:0 0 15px!important;background:linear-gradient(#151a21,#0d1117)!important;
  border:1px solid #333b46!important;box-shadow:0 4px 13px rgba(0,0,0,.45)!important
}
.mv-box-title{
  padding:10px 12px!important;color:#f4f5f7!important;text-transform:uppercase!important;
  font:bold 12px Tahoma,Verdana,sans-serif!important;
  background:linear-gradient(90deg,#3b090d 0,#171b22 24%,#10141a 100%)!important;
  border-bottom:1px solid #3b424d!important;border-left:4px solid var(--red)!important
}
.mv-box:nth-child(even) .mv-box-title{
  background:linear-gradient(90deg,#082e63 0,#171b22 24%,#10141a 100%)!important;
  border-left-color:var(--blue)!important
}
.mv-box-content{padding:10px 12px!important;color:#d6dbe2!important}
.mv-status{display:flex;justify-content:space-between;padding:9px 11px!important;border-bottom:1px solid #242b34!important;color:#c8ced7!important}
.mv-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.mv-online{background:#5dd22b;box-shadow:0 0 7px #5dd22b}.mv-offline{background:#d52b34}
.mv-info{list-style:none!important;margin:0!important;padding:0!important;color:#c3cad3!important}
.mv-info li{padding:8px 2px!important;border-bottom:1px solid #252c35!important}
.mv-info strong{float:right;color:#fff!important}
.mv-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mv-button{
  display:block;padding:10px 6px!important;text-align:center;text-decoration:none!important;
  color:#fff!important;font-weight:bold!important;border-radius:2px!important;
  background:linear-gradient(#2676d2,#10458e)!important;border:1px solid #327fd5!important;
  text-shadow:0 1px 2px #000
}
.mv-button.secondary{background:linear-gradient(#c8262f,#861218)!important;border-color:#d0373f!important}
.mv-main>div,.mv-main>section{border-color:#303844}
.mv-main .bg-neutral-100\/80,.mv-main .bg-neutral-100{
  background:#11161d!important;color:#e5e8ed!important;border:1px solid #303844!important
}
.mv-main .bg-neutral-200\/50,.mv-main .bg-neutral-200{
  background:linear-gradient(90deg,#35090d,#171c23)!important;color:#fff!important
}
.mv-main .bg-yellow-300{background:#151b23!important;color:#cfd5dd!important;border:1px solid #303844!important}
.mv-main .text-black,.mv-main .text-neutral-900{color:#e8ebef!important}
.mv-main a{color:#75b4ff!important}.mv-main a:hover{color:#ff6269!important}
.mv-main input,.mv-main select,.mv-main textarea,.mv-sidebar input,.mv-sidebar select{
  background:#e9edf3!important;color:#1a1d22!important;border:1px solid #59616d!important
}
.mv-footer{
  min-height:105px!important;padding:18px!important;
  background:linear-gradient(#0c1015,#050607)!important;border-top:1px solid #3b424d!important;
  color:#aeb6c1!important;display:flex;align-items:center;justify-content:center
}
.mv-footer-inner{display:flex;align-items:center;gap:18px}
.mv-footer-logo{width:118px;height:auto;mix-blend-mode:screen;filter:drop-shadow(0 2px 4px #000)}
.mv-footer p{margin:3px 0!important}
.mv-footer a{color:#6baeff!important}

/* Deixa os blocos gerados pelos plugins coerentes com o tema escuro */
.mv-main [class*="bg-neutral-"]{background-color:#141a22!important;color:#e8ebef!important}
.mv-main [class*="border-neutral-"]{border-color:#303844!important}
.mv-main [class*="text-neutral-"]{color:#dce1e8!important}
.mv-main .shadow,.mv-main .drop-shadow{box-shadow:0 3px 10px rgba(0,0,0,.35)!important}

@media(max-width:1120px){
  .mv-wrap{width:96%}.mv-body{flex-direction:column}.mv-main,.mv-sidebar{width:100%!important}
  .mv-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mv-box{margin-bottom:0!important}
  .mv-menu-inner{flex-wrap:wrap;height:auto!important}.mv-menu{height:auto!important}.mv-menu a{min-width:auto;flex:1 1 105px}
}
@media(max-width:720px){
  .mv-wrap{width:100%;margin:0}.mv-header{height:180px!important;background-size:cover!important}
  .mv-body{padding:12px!important}.mv-sidebar{display:block}.mv-box{margin-bottom:12px!important}
  .mv-menu a{height:42px!important;font-size:10px!important}.mv-footer-inner{flex-direction:column;text-align:center}
}
