/* Sistema visual único do painel (bloco 2.10). Mockup aprovado: docs/mockups/painel/sistema-visual.html e
   docs/mockups/dashboard/painel-lapidado.html. Ciano = principal, laranja = apoio/VIP, dourado = dono, verde = ok, vermelho = perigo.
   Este arquivo vem DEPOIS do styles.css: troca o roxo do Dashboard pelo ciano do site e traz as peças novas (prefixo pn-). */

/* ---- cores do Dashboard: o roxo sai, entra o ciano ---- */
#page-dashboard{
  --dsh-plane:#07080d;
  --dsh-bg:#0c0e16;
  --dsh-card:#10131c;
  --dsh-card2:#141826;
  --dsh-border:#222838;
  --dsh-border-strong:rgba(32,211,224,.45);
  --dsh-text:#e9edf5;
  --dsh-muted:#98a2b5;
  --dsh-accent:#20d3e0;
  --dsh-accent-strong:#20d3e0;
  --dsh-accent-soft:rgba(32,211,224,.14);
  --pn-ok:#4cc38a;
  --pn-bad:#e5726b;
  --pn-warn:#e3b341;
}
#page-dashboard.active{background:radial-gradient(1000px 460px at 12% -8%, rgba(32,211,224,.08), transparent 60%), var(--dsh-plane);}
#page-dashboard .dash-sidebar-avatar{background:linear-gradient(135deg,#20d3e0,#0e7f89);color:#04222a;}
#page-dashboard .dash-nav-btn.active{color:var(--dsh-text);}
/* texto escuro em cima do ciano (o branco do roxo não lê) */
#page-dashboard .btn,#page-dashboard .atend-composer button,#page-dashboard .cupom-seg button.active,#page-dashboard .usr-filters button.active{color:#04222a;box-shadow:none;font-weight:700;}
.wpg-confirm-ok{background:#20d3e0;color:#04222a;}
.wpg-confirm-cancel{border-color:rgba(32,211,224,.34)!important;color:#bdeff3;}
.wpg-confirm-cancel:hover{background:rgba(32,211,224,.12);}
#page-dashboard .cupom-bar,#page-dashboard .vip-bar{background:rgba(32,211,224,.16);}
#page-dashboard .vip-dates div{background:rgba(32,211,224,.07);}
#page-dashboard .perm-item button.btn-link:hover{background:rgba(32,211,224,.2);}
#page-dashboard .vip-edit{color:var(--dsh-accent);}
/* botões do Dashboard: do tamanho do texto, nunca de ponta a ponta */
#page-dashboard .btn{width:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:8px 16px;}

/* ---- menu em grupos e contadores ---- */
#page-dashboard .dash-grp{font:700 15px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dsh-muted);padding:14px 10px 4px;}
#page-dashboard .dash-grp:first-child{padding-top:2px;}
#page-dashboard .dash-nav-btn{position:relative;}
#page-dashboard .dash-bd{margin-left:auto;font:700 15px/1 ui-monospace,monospace;font-style:normal;background:var(--pn-bad);color:#fff;border-radius:99px;padding:3px 7px;}
#page-dashboard .dash-bd[hidden]{display:none;}

/* ---- Visão Geral: o que precisa de você hoje + atividade recente ---- */
#page-dashboard .pn-bloco{border:1px solid var(--dsh-border);border-radius:14px;background:var(--dsh-card);padding:16px;display:grid;gap:10px;margin-bottom:14px;}
#page-dashboard .pn-bloco[hidden]{display:none;}
#page-dashboard .pn-bloco h3{margin:0;font-size:15px;font-weight:800;color:var(--dsh-text);}
#page-dashboard .pn-hoje{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;}
#page-dashboard .pn-hc{background:var(--dsh-card2);border:1px solid var(--dsh-border);border-top:3px solid var(--dsh-accent);border-radius:12px;padding:12px;display:grid;gap:2px;}
#page-dashboard .pn-hc b{font-size:26px;line-height:1.1;color:var(--dsh-text);}
#page-dashboard .pn-hc span{color:var(--dsh-muted);font-size:15px;}
#page-dashboard .pn-hc a{color:var(--dsh-accent);font-weight:700;font-size:15px;text-decoration:none;}
#page-dashboard .pn-hc.al{border-top-color:var(--pn-bad);}
#page-dashboard .pn-hc.wn{border-top-color:var(--pn-warn);}
#page-dashboard .pn-hc.ok{border-top-color:var(--pn-ok);}
#page-dashboard .pn-lin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--dsh-border);}
#page-dashboard .pn-lin:first-of-type{border-top:0;}
#page-dashboard .pn-txt{overflow-wrap:anywhere;}
#page-dashboard .pn-lin small{display:block;color:var(--dsh-muted);}
#page-dashboard .pn-tag{border:1px solid var(--dsh-border);border-radius:99px;padding:1px 9px;font-size:15px;white-space:nowrap;color:var(--dsh-accent);}
#page-dashboard .pn-btn{border:1px solid var(--dsh-accent);background:var(--dsh-accent-soft);color:var(--dsh-accent);border-radius:10px;padding:6px 12px;font-weight:700;font-size:15px;text-decoration:none;}
#page-dashboard .pn-vazio{border:1px dashed var(--dsh-border);border-radius:12px;padding:16px;text-align:center;color:var(--dsh-muted);}

/* ---- etapa 2: o resto das abas no mesmo visual (sem sobra de roxo) ---- */
#page-dashboard .dash-sidebar-avatar{box-shadow:0 4px 14px rgba(32,211,224,.28);}
#page-dashboard .cupom-row,#page-dashboard .vip-dates div,#page-dashboard .usr-login{background:rgba(32,211,224,.06);}
#page-dashboard .vip-avatar,#page-dashboard .usr-avatar{background:linear-gradient(135deg,#20d3e0,#0e7f89);color:#04222a;}
#page-dashboard .cupom-bar i,#page-dashboard .vip-bar i{background:linear-gradient(90deg,#0e7f89,#20d3e0);}
.wpg-confirm-card{border-color:rgba(32,211,224,.28);}
.wpg-confirm-icon{background:rgba(32,211,224,.14);}
/* cartões: faixa do topo numa cor só (ciano); dourado fica só para o que é do dono */
#page-dashboard .cupom-card::before,#page-dashboard .perm-subpanel .perm-item::before{background:var(--dsh-accent);}
#page-dashboard .vip-card::before{background:var(--dsh-accent);}
#page-dashboard .cupom-card,#page-dashboard .perm-subpanel .perm-item,#page-dashboard .vip-card{background:var(--dsh-card);}
#page-dashboard .dash-card{border-radius:14px;}
#page-dashboard .dash-card:before{background:var(--dsh-accent);}
#page-dashboard .cupom-badge{color:#04222a;}
/* filtros em linha: caixa e botão do tamanho do conteúdo, alinhados */
#page-dashboard .pag-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
#page-dashboard .pag-filters select,#page-dashboard select{background:var(--dsh-card2);border:1px solid var(--dsh-border);border-radius:10px;color:var(--dsh-text);padding:8px 12px;color-scheme:dark;}
#page-dashboard input[type=text],#page-dashboard input[type=search],#page-dashboard input[type=number],#page-dashboard input[type=email],#page-dashboard textarea{background:var(--dsh-card2);border:1px solid var(--dsh-border);border-radius:10px;color:var(--dsh-text);color-scheme:dark;}
#page-dashboard input:focus,#page-dashboard select:focus,#page-dashboard textarea:focus{outline:none;border-color:var(--dsh-accent);box-shadow:0 0 0 3px rgba(32,211,224,.14);}

/* tabelas */
#page-dashboard .pag-table th{background:var(--dsh-card2);color:var(--dsh-muted);font-size:15px;letter-spacing:.08em;text-transform:uppercase;}
#page-dashboard .pag-table tbody tr:hover td{background:rgba(32,211,224,.05);}
#page-dashboard .pag-status.approved,#page-dashboard .cupom-status.is-ok{background:rgba(76,195,138,.14);color:var(--pn-ok);border-color:rgba(76,195,138,.34);}
#page-dashboard .pag-status.rejected{background:rgba(229,114,107,.14);color:var(--pn-bad);border-color:rgba(229,114,107,.34);}
#page-dashboard .pag-summary .dash-card:nth-child(1) .dash-card-num{color:var(--pn-ok);}
#page-dashboard .pag-summary .dash-card:nth-child(2) .dash-card-num{color:var(--pn-bad);}
#page-dashboard .pag-summary .dash-card:nth-child(3) .dash-card-num{color:var(--dsh-accent);}
/* estado vazio igual em todas as abas */
#page-dashboard .cupom-empty,#page-dashboard .perm-subpanel .perm-empty,#page-dashboard .perm-empty{border:1px dashed var(--dsh-border);border-radius:12px;background:transparent;color:var(--dsh-muted);}
/* perigo em vermelho */
#page-dashboard .cupom-actions button[data-cupom-del]{border-color:rgba(229,114,107,.4);color:var(--pn-bad);}

/* ---- Moderação em sub-abas ---- */
#page-dashboard .pn-abas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
#page-dashboard .pn-abas button{border:1px solid var(--dsh-border);border-radius:99px;background:transparent;color:var(--dsh-muted);padding:7px 14px;font:700 15px inherit;font-family:inherit;cursor:pointer;}
#page-dashboard .pn-abas button:hover{color:var(--dsh-text);border-color:var(--dsh-border-strong);}
#page-dashboard .pn-abas button[aria-selected=true]{background:var(--dsh-accent-soft);border-color:var(--dsh-accent);color:var(--dsh-accent);}
#page-dashboard #dashPanelModeracao .card{background:var(--dsh-card);border:1px solid var(--dsh-border);border-radius:14px;box-shadow:none;}
#page-dashboard #dashPanelModeracao .card-title{color:var(--dsh-text);font-family:inherit;font-size:15px;font-weight:800;text-transform:none;letter-spacing:0;}

/* ---- painel da pessoa (Meu perfil): coluna própria no ciano, sem os cartões grandes do topo ---- */
#page-perfil .hero{padding-bottom:4px!important;}
#page-perfil .hero h1{font-size:clamp(24px,3.4vw,32px);}
#page-perfil .discovery-hint,#page-perfil > .home-section:first-of-type{display:none;}
#page-perfil .community-env-body{grid-template-columns:220px minmax(0,1fr);gap:22px;}
#page-perfil .community-env-nav{background:#10131c;border:1px solid #222838;border-radius:14px;padding:12px 10px;gap:4px;}
#page-perfil .community-env-tab{color:#98a2b5;font-size:15px;padding:9px 12px;border-radius:10px;}
#page-perfil .community-env-tab:hover:not(:disabled){background:#141826;color:#e9edf5;}
#page-perfil .community-env-tab.active{background:rgba(32,211,224,.14);border-color:rgba(32,211,224,.45);color:#20d3e0;}
#page-perfil .community-env-tab.pn-ext::after{content:" →";opacity:.6;}
#page-perfil .community-env-tab.pn-ext:first-of-type{margin-top:0;}
#page-perfil .community-env-content .home-section,#page-perfil .perfil-identity-card{border-color:#222838;}
#page-perfil .community-env-content .btn,#page-perfil .community-env-content button.primary{background:#20d3e0;color:#04222a;box-shadow:none;font-weight:700;width:auto;}
#page-perfil .community-env-content input:focus,#page-perfil .community-env-content select:focus{outline:none;border-color:#20d3e0;box-shadow:0 0 0 3px rgba(32,211,224,.14);}
@media(max-width:760px){#page-perfil .community-env-body{grid-template-columns:1fr;}}

/* ---- menu do perfil ---- */
.discord-menu{background:#10131c;border-color:#222838;}
.discord-menu-action:hover{background:rgba(32,211,224,.12);color:#20d3e0;}
.discord-menu-label{color:#98a2b5;}
.discord-menu-action.logout{color:#e5726b;}

/* ---- sidebar: ativo no ciano, item Painel com contador ---- */
.app-sidebar-nav .tab.active{box-shadow:inset 3px 0 0 #20d3e0;}
.app-sidebar-nav .tab-painel{color:#20d3e0;}
.app-sidebar-nav .tab-painel .dash-bd{margin-left:auto;font:700 15px/1 ui-monospace,monospace;font-style:normal;background:#e5726b;color:#fff;border-radius:99px;padding:3px 7px;}
.app-sidebar-nav .tab-painel .dash-bd[hidden]{display:none;}
body.app-sidebar-collapsed .app-sidebar-nav .tab-painel .dash-bd{display:none;}

/* ---- sidebar: Jogos por dentro, Recentes, Em breve, Apoie discreto ---- */
.app-sidebar-nav .sb-sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 18px;padding-left:10px;border-left:1px solid #222838;}
.app-sidebar-nav .sb-sub[hidden]{display:none;}
.app-sidebar-nav .sb-sub-it{background:transparent;border:0;text-align:left;color:#98a2b5;font:600 15px inherit;font-family:inherit;padding:6px 8px;border-radius:8px;cursor:pointer;}
.app-sidebar-nav .sb-sub-it:hover{color:#20d3e0;background:rgba(32,211,224,.08);}
.app-sidebar-nav .sb-gr{font:700 15px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#98a2b5;padding:10px 8px 4px;}
.app-sidebar-nav .tab-vip{background:transparent;border-color:#222838;font-weight:700;color:#e3a63e;}
.app-sidebar-nav .tab-vip:hover{background:rgba(227,166,62,.08);}
body.app-sidebar-collapsed .app-sidebar-nav .sb-sub,body.app-sidebar-collapsed .app-sidebar-nav .sb-rec{display:none;}