/* =========================================================
   MUSITE — MEDIEVAL DALDEGAM RED v2
   Apenas camada visual. Não altera PHP, banco, rotas ou funções.
   Paleta: Bordô escuro + Preto + Branco/Cinza + vermelho de destaque.
========================================================= */
:root{
  --moss-950:#170307;
  --moss-900:#22050a;
  --moss-800:#31070d;
  --moss-700:#470a12;
  --moss-600:#650d17;
  --moss-500:#7a1b25;
  --ivory:#f5f5f5;
  --paper:#ededee;
  --line:#4a4e53;
  --ink:#ececee;
  --bronze:#d4d6d9;
}

html{
  background:#090b0e url("../img/background.png?v=20260924.7") center top / cover fixed no-repeat !important;
  min-height:100%;
}
body{
  background-color:#090b0e!important;
  background-image:
    linear-gradient(rgba(210,13,28,.12),rgba(210,13,28,.12)),
    url("../img/background.png?v=20260924.7")!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  min-height:100vh!important;
  color:var(--ink)!important;
}

/* Moldura geral: o cabeçalho deixa de ser um bloco verde pesado. */
#header-logo{
  /* Header transparente: integra a logo diretamente ao fundo do site. */
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:54px 24px 18px!important;
  box-shadow:none!important;
}
#header-logo:before{
  display:none!important;
}
#header-logo:after{
  content:"✦  THE LAND OF LEGENDS  ✦"!important;
  position:absolute!important;top:10px!important;left:0!important;right:0!important;
  text-align:center!important;color:rgba(251,250,245,.72)!important;
  font:700 9px Georgia,serif!important;letter-spacing:3px!important;
}
#header-logo .logo-wrap img{
  filter:drop-shadow(0 8px 4px rgba(0,0,0,.42))!important;
}
#header-logo .logo-wrap img:hover{filter:drop-shadow(0 10px 5px rgba(0,0,0,.48))!important;}

#video-title{
  color:var(--moss-900)!important;
  text-shadow:none!important;
  font-family:Georgia,serif!important;
}
#video-box{
  border:2px solid var(--moss-700)!important;
  border-radius:7px!important;
  background:var(--moss-950)!important;
  box-shadow:0 8px 20px rgba(210,13,28,.25),0 0 0 3px rgba(185,154,90,.18)!important;
}
#video-box:hover{box-shadow:0 10px 24px rgba(210,13,28,.32),0 0 0 3px rgba(185,154,90,.28)!important;}

/* Status online */
#mu-online-status{background:transparent!important;}
.mu-online-box{
  background:linear-gradient(180deg,#fff,#f1f0e8)!important;
  border:1px solid var(--moss-800)!important;
  border-radius:6px!important;
  box-shadow:0 7px 16px rgba(0,0,0,.25)!important;
}
.mu-online-icon{background:var(--moss-800)!important;}
.mu-online-label,.mu-online-number,.mu-online-progress-title,.mu-online-progress-max{color:var(--moss-900)!important;}
.mu-online-progress{background:#d9ddd6!important;border-color:#aeb7ab!important;}
.mu-online-fill{background:linear-gradient(90deg,#6c3d3d,#9b5757,#b89a59)!important;}

/* Menu medieval: branco + moldura musgo, sem aparência de barra cinza. */
nav{
  background:transparent!important;
  opacity:1!important;
  border:0!important;
}
nav:before,nav:after{color:var(--bronze)!important;}
#d_c_menu{
  max-width:1000px!important;height:62px!important;
  background:linear-gradient(180deg,var(--moss-800),var(--moss-950))!important;
  border:1px solid rgba(185,154,90,.55)!important;
  border-radius:0 0 9px 9px!important;
  box-shadow:0 9px 20px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#h_list ul{gap:7px!important;}
#h_list ul li a{
  color:#f7f5ed!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:700!important;font-size:13px!important;
  letter-spacing:1px!important;
  padding:11px 12px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  text-shadow:0 1px 2px #1a0e0e!important;
}
#h_list ul li a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(185,154,90,.45)!important;
}
.menu-icon{filter:grayscale(.15)!important;}
.d_cleanner{display:none!important;}

/* Estrutura de todas as páginas */
#sidebar_left,#sidebar_right,#main{box-sizing:border-box!important;}
.side_left,.side_right,#main .contentBox,.paneluser,.quadros,.d_c_info{
  background:var(--ivory)!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}
.topbar{
  height:auto!important;padding:10px 12px!important;
  background:linear-gradient(180deg,var(--moss-700),var(--moss-900))!important;
  border-bottom:3px solid var(--bronze)!important;
  border-radius:0!important;
}
.topbar h3{color:#fff!important;font-family:Georgia,serif!important;font-weight:700!important;letter-spacing:1px!important;}
.r_bottom{background:linear-gradient(90deg,var(--moss-950),var(--bronze),var(--moss-950))!important;}

/* Títulos e textos */
#main .contentBox h2,.side_right h2,.d_c_info h2{
  color:var(--moss-900)!important;
  border-bottom:1px solid var(--bronze)!important;
  font-family:Georgia,'Times New Roman',serif!important;
}
p{color:#6c3c3c!important;}
p a,.side_right h2 a{color:var(--moss-700)!important;}
p a:hover,.side_right h2 a:hover{color:#8b6c32!important;}

/* Login / botões */
.panel{background:var(--ivory)!important;border:1px solid var(--line)!important;}
.panel h1{color:var(--moss-900)!important;}
.panel .panel-account{background:#f1f2eb!important;border-color:#cbd2c8!important;color:var(--moss-900)!important;}
.panel .btn-panel-user,.panel .btn-deslogar,.button,#menu_cp li,.legend-title{
  background:linear-gradient(180deg,var(--moss-700),var(--moss-950))!important;
  border-color:var(--moss-950)!important;
  color:#fff!important;
}
.panel .btn-panel-user:hover,.button:hover,#menu_cp li:hover{background:linear-gradient(180deg,var(--moss-600),var(--moss-800))!important;}
.panel .btn-panel-user a,.panel .btn-deslogar a,#menu_cp a{color:#fff!important;}

/* Tabelas, rankings, downloads, formulários */
.t_down,.paneluser table,.quadros table{background:#fff!important;border-color:#c8cec5!important;color:var(--ink)!important;}
.t_down th{background:var(--moss-800)!important;color:#fff!important;border-color:var(--moss-800)!important;}
.t_down td{border-color:#d9ddd6!important;}
.paneluser table tr:nth-child(2n+1){background:#eef1eb!important;}
.paneluser table tr td:hover{background:#e0e7dc!important;}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=file],select,textarea{
  border-color:#c3cbc1!important;background:#fff!important;color:#ececee!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--moss-600)!important;box-shadow:0 0 0 3px rgba(210,13,28,.12)!important;}

/* Blocos personalizados que estavam usando roxo/azul: harmonizados. */
.gallery-box,.mu-server-box{background:var(--ivory)!important;border-color:var(--moss-700)!important;box-shadow:0 5px 14px rgba(0,0,0,.14)!important;}
.gallery-box h2{color:var(--moss-900)!important;font-family:Georgia,serif!important;}
.gallery-box p{color:#6a3b3b!important;}
.gallery-btn{background:var(--moss-800)!important;color:#fff!important;border:1px solid var(--bronze)!important;}
.gallery-btn:hover{background:var(--moss-600)!important;}
.mu-server-title{background:linear-gradient(180deg,var(--moss-700),var(--moss-950))!important;border-color:var(--bronze)!important;}
.mu-server-list li:nth-child(even){background:#eef1eb!important;}
.mu-server-list li:nth-child(odd){background:#fafbf7!important;}
.mu-server-list li:hover{background:#e2e9df!important;}
.mu-server-left,.mu-server-right{color:var(--moss-900)!important;}
.mu-server-icon{color:var(--bronze)!important;}
.mu-server-separator{background:linear-gradient(90deg,var(--moss-950),var(--bronze),var(--moss-950))!important;}
.staff_table tr{background:#f8f9f4!important;}
.staff_table tr:hover{background:#e8eee5!important;}
.staff_table td{border-bottom-color:#d5dbd1!important;}
.staff_name{color:var(--moss-900)!important;}
#equipe{background:linear-gradient(180deg,var(--moss-700),var(--moss-950))!important;border-color:var(--bronze)!important;}

/* Notícias/avisos e caixas de conteúdo */
.p_notice{border-bottom-color:#d3d9d0!important;}
#news-box{background:#f7f7f1!important;border-color:#c9d0c5!important;color:var(--moss-900)!important;}

/* Rodapé */
#footer_main{background:var(--moss-900)!important;color:#d8dadd!important;border:0!important;}
#footer{background:var(--moss-950)!important;color:#d8dadd!important;border-top:1px solid var(--bronze)!important;}
#footer p,#footer a{color:#d8dadd!important;}

/* Admin, quando a página usa a classe existente */
.admin-page #main > .contentBox,.admin-page #main > .admin-content-box,.admin-page #main > form,.admin-page #main > .quadros,.admin-page #main > .paneluser{border-color:#cbd2c7!important;background:#fff!important;}
.admin-page #main .contentBox > h2,.admin-page #main .contentBox > h3,.admin-page #main > .quadros > h2,.admin-page #main > .paneluser > h2,.admin-page #main h2.noMargin{background:linear-gradient(180deg,var(--moss-700),var(--moss-900))!important;color:#fff!important;border-bottom-color:var(--bronze)!important;}
.admin-page #main table th{background:var(--moss-800)!important;}
.admin-page #main input[type=submit],.admin-page #main input[type=button],.admin-page #main button,.admin-page #main .button,.admin-page #main a.button{background:var(--moss-800)!important;border-color:var(--moss-950)!important;color:#fff!important;}
.admin-page #main input[type=submit]:hover,.admin-page #main input[type=button]:hover,.admin-page #main button:hover,.admin-page #main .button:hover,.admin-page #main a.button:hover{background:var(--moss-600)!important;border-color:var(--moss-700)!important;}

/* Evita que detalhes de outras páginas fiquem roxos/vermelhos sem necessidade. */
#main a{color:var(--moss-700)!important;}
#main a:hover{color:#80652f!important;}

@media(max-width:800px){
  #header-logo{padding:42px 12px 14px!important;border-radius:10px 10px 0 0!important;}
  #d_c_menu{border-radius:0 0 8px 8px!important;}
}


/* =========================================================
   AJUSTE FINAL — BARRA DE JOGADORES ONLINE
   Mesma proporção do menu + visual integrado ao tema.
========================================================= */

/* A barra acompanha exatamente a largura visual do menu. */
#mu-online-status{
  width:calc(100% + 40px)!important;
  max-width:1000px!important;
  height:54px!important;
  min-height:54px!important;
  margin:0 auto!important;
  margin-left:-20px!important;
  box-sizing:border-box!important;
}

/* Sem branco: agora a barra usa o mesmo verde musgo do menu. */
.mu-online-box{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  padding:7px 14px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#470a12 0%,#22050a 55%,#170307 100%)!important;
  border:1px solid rgba(185,154,90,.52)!important;
  border-radius:5px!important;
  box-shadow:
    0 5px 14px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}

/* Acabamento medieval discreto */
.mu-online-box:after{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(185,154,90,.65),transparent)!important;
}

/* Ícone integrado ao verde, sem círculo cinza/branco. */
.mu-online-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  background:radial-gradient(circle,#650d17,#31070d 62%,#170307)!important;
  border-color:rgba(185,154,90,.38)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.08),0 0 8px rgba(0,0,0,.18)!important;
}

.mu-online-icon span{
  filter:none!important;
  opacity:.95!important;
}

/* Textos combinando com o menu */
.mu-online-label{
  color:#d9dfd5!important;
}
.mu-online-number{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.65)!important;
}
.mu-online-number small{
  color:#c0c9bd!important;
}
.mu-online-progress-title{
  color:#d2d9ce!important;
}
.mu-online-progress-max{
  color:#b7c0b4!important;
}

/* Barra de progresso em verde musgo, não cinza/branca. */
.mu-online-progress{
  background:#211313!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.65)!important;
}
.mu-online-fill{
  background:linear-gradient(90deg,#650d17,#9b5757,#d4d6d9)!important;
  box-shadow:0 0 7px rgba(210,13,28,.28)!important;
}

/* Remove o espaço entre jogadores online e menu. */
nav{
  margin-top:0!important;
}

/* Em telas menores, mantém o encaixe sem criar largura excessiva. */
@media screen and (max-width:600px){
  #mu-online-status{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    height:auto!important;
    min-height:54px!important;
  }
  .mu-online-box{
    height:auto!important;
    min-height:54px!important;
  }
}


/* ==========================================================
   MULAHAP - PAINEL FINAL / DARK MOSS THEME
   Correção estrutural do menu + contraste + caixas alinhadas
   ========================================================== */
:root{
 --mh-bg:#1b0d0d;
 --mh-bg2:#291414;
 --mh-panel:#2f1818;
 --mh-panel2:#3b2020;
 --mh-border:#7f6a35;
 --mh-gold:#d4d6d9;
 --mh-white:#f4f3eb;
 --mh-muted:#b9c5b8;
 --mh-input:#221010;
}

/* Área central de todas as páginas */
#content #main{color:var(--mh-white)!important;}
#content #main a{color:#d8c47d;}
#content #main a:hover{color:#fff;}

/* Menu do painel do usuário */
#main #menu_cp.user-panel-nav{background:var(--mh-bg)!important;border:1px solid var(--mh-border)!important;color:var(--mh-white)!important;}
#menu_cp.user-panel-nav .nav-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;background:#201010!important;gap:7px!important;padding:8px!important;align-items:stretch!important;}
#menu_cp.user-panel-nav .nav-list li{min-width:0!important;width:auto!important;height:auto!important;}
#menu_cp.user-panel-nav .nav-list a{height:46px!important;min-height:46px!important;background:linear-gradient(#3b2020,#291414)!important;border:1px solid #7a4444!important;border-left:3px solid #7a4444!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 2px 5px rgba(0,0,0,.3)!important;}
#menu_cp.user-panel-nav .nav-list a:before{background:#4a2a2a!important;color:#e7d58f!important;border:1px solid #7a4545!important;}
#menu_cp.user-panel-nav .nav-list a:hover{background:linear-gradient(#563030,#341b1b)!important;border-color:var(--mh-gold)!important;color:#fff!important;}
#menu_cp.user-panel-nav .nav-list a.active{background:linear-gradient(#643939,#3a2020)!important;border-color:var(--mh-gold)!important;color:#fff!important;}

/* Comprar Cash's - destaque */
#menu_cp.user-panel-nav .nav-list li.buy-cash-item{grid-column:span 2!important;}
#menu_cp.user-panel-nav .nav-list a.buy-cash{height:62px!important;min-height:62px!important;padding:8px 12px!important;border:1px solid var(--mh-gold)!important;border-left:4px solid #ef1725!important;background:radial-gradient(circle at 20% 50%,rgba(210,13,28,.25),transparent 45%),linear-gradient(180deg,#583131,#251010)!important;box-shadow:0 0 0 1px rgba(198,170,98,.08) inset,0 5px 14px rgba(0,0,0,.28)!important;}
#menu_cp.user-panel-nav .nav-list a.buy-cash:before{flex:0 0 34px!important;width:34px!important;height:34px!important;line-height:34px!important;border-radius:50%!important;background:#5e3535!important;color:#ffe9a4!important;border:1px solid var(--mh-gold)!important;font-size:10px!important;}
#menu_cp.user-panel-nav .nav-list a.buy-cash span{display:block!important;min-width:0!important;}
#menu_cp.user-panel-nav .nav-list a.buy-cash strong{display:block!important;color:#fff!important;font-size:12px!important;letter-spacing:.4px!important;text-transform:uppercase!important;}
#menu_cp.user-panel-nav .nav-list a.buy-cash small{display:block!important;color:#c9d6c7!important;font-size:9px!important;font-weight:normal!important;margin-top:3px!important;}
#menu_cp.user-panel-nav .nav-list a.buy-cash:hover{background:radial-gradient(circle at 20% 50%,rgba(210,13,28,.35),transparent 48%),linear-gradient(180deg,#703d3d,#331717)!important;transform:translateY(-1px)!important;}

/* Dashboard escuro: nada de painel branco estourando o layout */
#main .user-dashboard{background:linear-gradient(180deg,#301919,#1f1010)!important;color:var(--mh-white)!important;border:1px solid var(--mh-border)!important;box-shadow:0 10px 28px rgba(0,0,0,.35)!important;}
#main .user-head{border-bottom-color:#724040!important;}
#main .user-head h2{color:#fff!important;text-shadow:0 1px 2px #000!important;}
#main .user-head p,#main .user-account-id{color:#bdcabc!important;}
#main .user-head-badge{background:#1b0c0c!important;border-color:var(--mh-gold)!important;color:#dfe8dd!important;}
#main .user-grid{gap:10px!important;}
#main .user-stat{background:linear-gradient(180deg,#3b2121,#2a1616)!important;border:1px solid #794444!important;border-top:2px solid var(--mh-gold)!important;color:#fff!important;}
#main .user-stat span{color:#cfa9a9!important;}
#main .user-stat strong{color:#fff!important;}
#main .user-section h3{color:#fff!important;border-bottom-color:var(--mh-gold)!important;}
#main .user-table{background:#211010!important;}
#main .user-table th{background:linear-gradient(#512d2d,#291717)!important;color:#fff!important;border-color:#6e5d32!important;}
#main .user-table td{background:#2d1818!important;color:#edf2ea!important;border-color:#512d2d!important;}
#main .user-table tr:nth-child(even) td{background:#371e1e!important;}
#main .user-quick a{background:linear-gradient(#583131,#291414)!important;border-color:var(--mh-gold)!important;color:#fff!important;}

/* Boxes, tabelas, formulários e mensagens das demais páginas */
#content #main .contentBox,
#content #main .box,
#content #main .module,
#content #main .panel,
#content #main fieldset{background:linear-gradient(180deg,#301a1a,#211010)!important;color:#edf2ea!important;border-color:var(--mh-border)!important;box-shadow:0 7px 18px rgba(0,0,0,.3)!important;}
#content #main .contentBox h1,#content #main .contentBox h2,#content #main .contentBox h3,
#content #main .box h1,#content #main .box h2,#content #main .box h3,
#content #main fieldset legend{background:linear-gradient(#502d2d,#291616)!important;color:#fff!important;border-bottom-color:var(--mh-gold)!important;}
#content #main table{color:#edf2ea!important;border-color:#784444!important;}
#content #main table th{background:#3a2020!important;color:#fff!important;border-color:#6f6036!important;}
#content #main table td{background:#291515!important;color:#e8eee7!important;border-color:#502d2d!important;}
#content #main table tr:nth-child(even) td{background:#331c1c!important;}
#content #main input[type=text],#content #main input[type=password],#content #main input[type=email],#content #main input[type=number],#content #main input[type=file],#content #main select,#content #main textarea{background:#1e0e0e!important;color:#fff!important;border:1px solid #824949!important;}
#content #main input::placeholder,#content #main textarea::placeholder{color:#b67c7c!important;}
#content #main input[type=submit],#content #main input[type=button],#content #main button,#content #main .button{background:linear-gradient(#583131,#291414)!important;color:#fff!important;border:1px solid var(--mh-gold)!important;}
#content #main input[type=submit]:hover,#content #main input[type=button]:hover,#content #main button:hover,#content #main .button:hover{background:#703c3c!important;}

/* Menu administrativo: todos os blocos com a mesma grade */
#content.admin-page #menu_cp ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;background:#1e0e0e!important;border:1px solid #724040!important;padding:8px!important;}
#content.admin-page #menu_cp li{min-width:0!important;flex:initial!important;width:auto!important;background:none!important;border:0!important;}
#content.admin-page #menu_cp li a{min-height:42px!important;background:linear-gradient(#482929,#291414)!important;border:1px solid #804848!important;color:#fff!important;border-radius:4px!important;}
#content.admin-page #menu_cp li a:hover{background:#683a3a!important;border-color:var(--mh-gold)!important;}

@media(max-width:900px){
 #menu_cp.user-panel-nav .nav-list,#content.admin-page #menu_cp ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 #menu_cp.user-panel-nav .nav-list li.buy-cash-item{grid-column:span 2!important;}
}
@media(max-width:600px){
 #menu_cp.user-panel-nav .nav-list,#content.admin-page #menu_cp ul{grid-template-columns:1fr!important;}
 #menu_cp.user-panel-nav .nav-list li.buy-cash-item{grid-column:auto!important;}
}