/* ============================================================
   Next Play — identidade do painel (roxo do app: #7c4dff)
   Sobrepõe só as cores de destaque do tema; o resto fica igual.
   ============================================================ */
:root{
  --np-acc:  #7c4dff;
  --np-acc2: #6a3df0;
  --np-acc3: #b69bff;
}

/* Botões primários */
.btn-primary{
  background: linear-gradient(180deg, #8a5bff, var(--np-acc2)) !important;
  border-color: var(--np-acc2) !important;
}
.btn-primary:hover, .btn-primary:focus{
  background: linear-gradient(180deg, #7c4dff, #5c33d6) !important;
  border-color: #5c33d6 !important;
}
.btn-outline-primary{ color: var(--np-acc) !important; border-color: var(--np-acc) !important; }
.btn-outline-primary:hover{ background: var(--np-acc) !important; color: #fff !important; }

/* Links e destaques */
a{ }
.text-primary{ color: var(--np-acc) !important; }
.border-primary{ border-color: var(--np-acc) !important; }
.bg-primary, .badge.bg-primary{ background-color: var(--np-acc) !important; }
.nsofts-badge-primary{ background-color: rgba(124,77,255,.15) !important; color: var(--np-acc) !important; }

/* Sidebar: item ativo */
.nsofts-sidebar-nav__link.active,
.nsofts-sidebar-nav__link.active .nsofts-sidebar-nav__icon{
  color: var(--np-acc) !important;
}
.nsofts-submenu__link.active{ color: var(--np-acc) !important; }

/* Progresso, switches e paginação */
.progress-bar.bg-success{ }
.form-check-input:checked{ background-color: var(--np-acc); border-color: var(--np-acc); }
.page-item.active .page-link{ background-color: var(--np-acc); border-color: var(--np-acc); }

/* Loader */
.nsofts-loader-icon{ color: var(--np-acc) !important; }

/* Cards de resumo: leve toque premium */
.card.card-raised{ box-shadow: 0 6px 22px rgba(0,0,0,.10); }

/* Radar de renovação */
.np-radar-item{ border-left: 3px solid var(--np-acc); background: rgba(124,77,255,.07); }
.np-radar-item.np-red{ border-left-color: #dc3545; background: rgba(220,53,69,.08); }
.np-radar-item.np-amber{ border-left-color: #ffc107; background: rgba(255,193,7,.08); }

/* ============================================================
   TEMA x NAVEGADOR (principalmente celular)
   ============================================================ */
/* Declara o esquema de cores da página pro navegador:
   - impede o Chrome do celular de "inverter" as cores por conta
     própria (auto-dark), que deixava tudo com cor estranha;
   - faz os campos nativos (data, select, barra de rolagem)
     acompanharem o tema claro/escuro do painel. */
html{ color-scheme: only light; }
html:has(body.nsofts-theme-dark){ color-scheme: only dark; }

/* Nome "Next Play" no topo: legível também no modo escuro */
body.nsofts-theme-dark #nsofts_brand{ color: var(--np-acc3) !important; }

/* ============================================================
   CELULAR (menu lateral abre POR CIMA do conteúdo)
   ============================================================ */
@media (max-width: 1199.98px){
  /* Fundo escurecido atrás do menu aberto: deixa claro que ele está
     na frente e que tocar fora fecha (o JS cuida do fechamento). */
  body.nsofts-compact-sidebar::after{
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(15, 18, 25, .55);
    z-index: 999; /* abaixo do menu (1000), acima do resto */
  }

  /* Tabelas dos cadastros: rolagem horizontal em vez de estourar a tela */
  .card-body{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
}