/* ==============================================================
   MU LAHAP — PAINEL DARK FINAL
   Segunda camada final: painel do usuário e páginas internas.
   Objetivo: visual Dark/White da Home, sem excesso de vinho/vermelho.
============================================================== */

:root{
  --panel-bg:#080a0d;
  --panel-bg2:#0d1014;
  --panel-surface:#111419;
  --panel-surface2:#171a1f;
  --panel-surface3:#1d2126;
  --panel-line:#30353b;
  --panel-line2:#454b52;
  --panel-text:#eceeef;
  --panel-muted:#9da4aa;
  --panel-accent:#c9cdd1;
}

/* --------------------------------------------------------------
   ESTRUTURA DOS PAINÉIS INTERNOS
-------------------------------------------------------------- */
#main .contentBox,
#main .paneluser,
#main .panel-user,
#main .photo-manager,
#main .ref-page,
#main .shopv3-page,
#main .ticket-shell,
#main .support-page,
#main .pc-layout,
#main .ph-body,
#main .pp-body,
#main .vaultBox,
#main .donation-confirm-wrap,
#main .chat-history,
#main .chat-composer,
#main .chat-content,
#main .chat-empty,
#main .account-section,
#main .characters-section,
#main .account-box,
#main .panel-account,
#main .panel-account-box{
  background:linear-gradient(180deg,var(--panel-surface2) 0%,var(--panel-surface) 52%,var(--panel-bg) 100%) !important;
  color:var(--panel-text) !important;
  border:1px solid var(--panel-line) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.035) !important;
}

#main .contentBox,
#main .paneluser,
#main .panel-user,
#main .photo-manager,
#main .ref-page,
#main .shopv3-page,
#main .ticket-shell{
  border-radius:5px !important;
}

/* --------------------------------------------------------------
   TOPO / TÍTULOS — MESMA LINGUAGEM DO HEADER
-------------------------------------------------------------- */
#main .topbar,
#main .contentBox > .topbar,
#main .panel-user > .topbar,
#main .photo-head,
#main .ref-hero,
#main .shopv3-head,
#main .ticket-shell-head,
#main .ph-head,
#main .pp-head,
#main .pc-head,
#main .paneluser > h2,
#main .paneluser > h3,
#main .contentBox > h2,
#main .contentBox > h3{
  background:linear-gradient(180deg,#171a1f 0%,#0a0c0f 100%) !important;
  color:#f1f2f3 !important;
  border-color:var(--panel-line) !important;
  border-bottom-color:#555b62 !important;
  text-shadow:0 1px 2px #000 !important;
}

#main .paneluser h2,
#main .paneluser h3,
#main .panel-user h2,
#main .panel-user h3,
#main .contentBox h2,
#main .contentBox h3,
#main .photo-head h2,
#main .ref-hero h2,
#main .shopv3-head h2{
  color:#f1f2f3 !important;
}

#main .paneluser h2,
#main .panel-user h2,
#main .contentBox h2{
  border-bottom-color:#3a4047 !important;
}

/* --------------------------------------------------------------
   MENU INTERNO DO PAINEL — DARK, LIMPO E SEM VINHO
-------------------------------------------------------------- */
#main #menu_cp.user-panel-nav{
  background:#080a0d !important;
  border:1px solid #30353b !important;
  border-radius:5px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035) !important;
}
#main #menu_cp.user-panel-nav .nav-top{
  background:linear-gradient(180deg,#171a1f 0%,#0a0c0f 100%) !important;
  border-bottom:1px solid #3b4148 !important;
}
#main #menu_cp.user-panel-nav .nav-top:after{
  background:linear-gradient(to right,transparent,#737a82,transparent) !important;
  opacity:.55 !important;
}
#main #menu_cp.user-panel-nav .nav-emblem{
  background:linear-gradient(145deg,#24292e,#0b0d10) !important;
  border-color:#555b62 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
}
#main #menu_cp.user-panel-nav .nav-subtitle{color:#aeb4b9 !important;}
#main #menu_cp.user-panel-nav .nav-status{
  background:#15181c !important;
  border-color:#454b52 !important;
  color:#dfe2e4 !important;
}
#main #menu_cp.user-panel-nav .nav-status:before{
  background:#aeb4b9 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.04) !important;
}
#main #menu_cp.user-panel-nav .featured-list,
#main #menu_cp.user-panel-nav .nav-list{
  background:#0b0e12 !important;
}
#main #menu_cp.user-panel-nav .featured-card,
#main #menu_cp.user-panel-nav .featured-cash,
#main #menu_cp.user-panel-nav .featured-ref,
#main #menu_cp.user-panel-nav .featured-market,
#main #menu_cp.user-panel-nav .featured-chat{
  background:linear-gradient(145deg,#1c2025 0%,#0b0d10 100%) !important;
  border-color:#3b4148 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 9px rgba(0,0,0,.28) !important;
}
#main #menu_cp.user-panel-nav .featured-card:before{background:radial-gradient(circle,rgba(255,255,255,.045) 0%,transparent 60%) !important;}
#main #menu_cp.user-panel-nav .featured-card:hover{
  background:linear-gradient(145deg,#292e34 0%,#101318 100%) !important;
  border-color:#737a82 !important;
  box-shadow:0 7px 18px rgba(0,0,0,.34) !important;
}
#main #menu_cp.user-panel-nav .featured-icon{
  background:linear-gradient(145deg,#2a2f34,#101318) !important;
  border-color:#555b62 !important;
  color:#eef0f1 !important;
}
#main #menu_cp.user-panel-nav .featured-action{
  background:#15181c !important;
  border-color:#454b52 !important;
  color:#dfe2e4 !important;
}
#main #menu_cp.user-panel-nav .nav-list a{
  background:linear-gradient(145deg,#1a1e23 0%,#0b0d10 100%) !important;
  border-color:#343a41 !important;
  color:#e9ebed !important;
}
#main #menu_cp.user-panel-nav .nav-list a:before{
  background:linear-gradient(145deg,#282d32,#0e1115) !important;
  border-color:#4b5158 !important;
  color:#e9ebed !important;
}
#main #menu_cp.user-panel-nav .nav-list a:after{color:#aeb4b9 !important;}
#main #menu_cp.user-panel-nav .nav-list a:hover,
#main #menu_cp.user-panel-nav .nav-list a.active{
  background:linear-gradient(145deg,#292e34 0%,#101318 100%) !important;
  border-color:#737a82 !important;
  box-shadow:0 5px 13px rgba(0,0,0,.28) !important;
}
#main #menu_cp.user-panel-nav .nav-list a:hover:before,
#main #menu_cp.user-panel-nav .nav-list a.active:before{
  background:#353a40 !important;
  border-color:#737a82 !important;
}
#main #menu_cp.user-panel-nav .nav-list a.support,
#main #menu_cp.user-panel-nav .nav-list a.support.active{
  border-left-color:#737a82 !important;
}

/* --------------------------------------------------------------
   FORMULÁRIOS E CAMPOS
-------------------------------------------------------------- */
#main .paneluser input,
#main .paneluser select,
#main .paneluser textarea,
#main .panel-user input,
#main .panel-user select,
#main .panel-user textarea,
#main .contentBox input,
#main .contentBox select,
#main .contentBox textarea,
#main .photo-manager input,
#main .photo-manager select,
#main .ticket-shell input,
#main .ticket-shell select,
#main .ticket-shell textarea,
#main .ref-page input,
#main .shopv3-page input,
#main .ph-body input,
#main .pp-body input{
  background:#080a0d !important;
  color:#eef0f1 !important;
  border-color:#454b52 !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35) !important;
}
#main .paneluser label,
#main .panel-user label,
#main .contentBox label,
#main .photo-manager label,
#main .ticket-shell label,
#main .ref-page label{
  color:#d4d8db !important;
}
#main .paneluser .form-group,
#main .panel-user .form-group{
  color:#dfe2e4 !important;
}
#main .paneluser .button,
#main .panel-user .button,
#main .photo-submit,
#main .ref-copy,
#main .shopv3-page button,
#main .ticket-primary{
  background:linear-gradient(180deg,#292e34,#0d1014) !important;
  color:#fff !important;
  border:1px solid #555b62 !important;
  box-shadow:0 3px 10px rgba(0,0,0,.35) !important;
}
#main .paneluser .button:hover,
#main .panel-user .button:hover,
#main .photo-submit:hover,
#main .ref-copy:hover,
#main .shopv3-page button:hover,
#main .ticket-primary:hover{
  background:linear-gradient(180deg,#3a4047,#14181c) !important;
  border-color:#8a9198 !important;
}

/* --------------------------------------------------------------
   TABELAS / INFORMAÇÕES
-------------------------------------------------------------- */
#main .table-info,
#main .table-characters,
#main .contentBox table,
#main .photo-manager table,
#main .ref-table,
#main .ph-table,
#main .pp-table,
#main .ticket-shell table{
  background:#090b0e !important;
  color:#e8eaec !important;
  border-color:#30353b !important;
}
#main .table-info th,
#main .table-characters th,
#main .contentBox table th,
#main .photo-manager table th,
#main .ref-table th,
#main .ph-table th,
#main .pp-table th,
#main .ticket-shell table th{
  background:linear-gradient(180deg,#20242a,#0b0d10) !important;
  color:#f1f2f3 !important;
  border-color:#424850 !important;
}
#main .table-info td,
#main .table-characters td,
#main .contentBox table td,
#main .photo-manager table td,
#main .ref-table td,
#main .ph-table td,
#main .pp-table td,
#main .ticket-shell table td{
  background:#111419 !important;
  color:#dfe2e4 !important;
  border-color:#2b3036 !important;
}
#main .table-characters tr:nth-child(even) td,
#main .table-info tr:nth-child(even) td,
#main .contentBox table tr:nth-child(even) td,
#main .ref-table tr:nth-child(even) td{background:#0c0f13 !important;}

/* --------------------------------------------------------------
   CARDS / BOXES DAS PÁGINAS INTERNAS
-------------------------------------------------------------- */
#main .ref-stat,
#main .ref-box,
#main .ref-link,
#main .ref-rules,
#main .shopv3-box,
#main .ph-card,
#main .pp-card,
#main .ticket-form,
#main .ticket-reply,
#main .ticket-upload,
#main .ticket-card,
#main .ticket-empty,
#main .ticket-waiting,
#main .ticket-closed-note,
#main .support-info-box,
#main .support-chat,
#main .pc-side,
#main .pc-main,
#main .pc-row,
#main .vaultBox,
#main .d_cleanner2{
  background:linear-gradient(180deg,#171a1f 0%,#0d1014 100%) !important;
  color:#e8eaec !important;
  border-color:#343a41 !important;
}
#main .ref-stat strong,
#main .ref-box-head strong,
#main .ref-page strong,
#main .shopv3-page strong,
#main .photo-head h2,
#main .support-info-title,
#main .ticket-detail-title h3{color:#f1f2f3 !important;}
#main .ref-stat span,
#main .ref-box-head small,
#main .ref-code,
#main .ref-rules,
#main .photo-head p,
#main .photo-help,
#main .shopv3-note,
#main .ticket-help,
#main .support-info-content,
#main .support-info-footer{color:#aeb4b9 !important;}

/* Remove vinho dos wrappers inline mais comuns */
#main [style*="#fff"],
#main [style*="#ffffff"],
#main [style*="#f5f5f5"],
#main [style*="#f4f5f6"],
#main [style*="#fafbfb"],
#main [style*="#180a0a"],
#main [style*="#2a1414"],
#main [style*="#3c2020"],
#main [style*="#522e2e"],
#main [style*="#3c1919"],
#main [style*="#381919"],
#main [style*="#291414"]{
  background-color:#111419 !important;
  color:#e8eaec !important;
}

/* Linhas/bordas claras que aparecem nos templates antigos */
#main .paneluser hr,
#main .panel-user hr,
#main .contentBox hr,
#main .photo-manager hr,
#main .ticket-shell hr,
#main .ref-page hr{
  border:0 !important;
  border-top:1px solid #30353b !important;
}

/* --------------------------------------------------------------
   ALERTAS / STATUS — CINZA, SEM VERMELHO DOMINANTE
-------------------------------------------------------------- */
#main .warning,
#main .error,
#main .notice,
#main .message,
#main .success,
#main .ticket-alert,
#main .ticket-alert-success,
#main .ticket-alert-warning{
  background:#15181c !important;
  color:#e1e4e6 !important;
  border-color:#454b52 !important;
}

/* --------------------------------------------------------------
   TEXTO GERAL DAS PÁGINAS DO PAINEL
-------------------------------------------------------------- */
#main .paneluser p,
#main .panel-user p,
#main .contentBox p,
#main .photo-manager p,
#main .ref-page p,
#main .shopv3-page p,
#main .ticket-shell p,
#main .support-page p{
  color:#b0b6bb !important;
}
#main .paneluser a,
#main .panel-user a,
#main .contentBox a,
#main .photo-manager a,
#main .ref-page a,
#main .shopv3-page a,
#main .ticket-shell a,
#main .support-page a{color:#e5e7e9 !important;}
#main .paneluser a:hover,
#main .panel-user a:hover,
#main .contentBox a:hover,
#main .photo-manager a:hover,
#main .ref-page a:hover,
#main .shopv3-page a:hover,
#main .ticket-shell a:hover,
#main .support-page a:hover{color:#fff !important;}

/* --------------------------------------------------------------
   MOBILE
-------------------------------------------------------------- */
@media(max-width:700px){
  #main .paneluser,
  #main .panel-user,
  #main .contentBox,
  #main .photo-manager,
  #main .ticket-shell{border-radius:4px !important;}
}