
/* Painel Impulso - acabamento final global
   Não remove módulos nem altera a lógica; apenas padroniza visual, navs, tabelas, cards, botões, modais e responsividade. */
:root{
  --pi-bg:#05050f;
  --pi-bg2:#090a18;
  --pi-card:rgba(255,255,255,.065);
  --pi-card2:rgba(255,255,255,.085);
  --pi-line:rgba(255,255,255,.13);
  --pi-text:#ffffff;
  --pi-muted:#b9bfd5;
  --pi-purple:#7c3cff;
  --pi-blue:#14d9ff;
  --pi-pink:#ff2fb3;
  --pi-green:#19e6a5;
  --pi-radius:22px;
}

html,body{
  color:var(--pi-text);
  background:
    radial-gradient(circle at 16% 10%, rgba(124,60,255,.14), transparent 28%),
    radial-gradient(circle at 84% 14%, rgba(255,47,179,.12), transparent 28%),
    linear-gradient(180deg,#05050f 0%,#070816 45%,#05050f 100%);
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);
  background-size:22px 22px;
  opacity:.28;
}

a{color:#58a6ff}
a:hover{color:#14d9ff}

.card,
.modal-content{
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 16% 8%, rgba(124,60,255,.12), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(20,217,255,.055), transparent 30%),
    rgba(255,255,255,.045)!important;
  color:#fff!important;
  box-shadow:0 22px 64px rgba(0,0,0,.28)!important;
}

.card-header,
.modal-header{
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
}

.card-title,
.modal-title,
.page-title{
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:-.02em;
}

.form-control,
select.form-control,
textarea.form-control,
.selectize-input{
  color:#fff!important;
  background:rgba(5,5,15,.82)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.selectize-input.focus{
  border-color:rgba(20,217,255,.45)!important;
  box-shadow:0 0 0 3px rgba(20,217,255,.08), inset 0 1px 0 rgba(255,255,255,.05)!important;
}

label,.form-label,.custom-control-label{
  color:rgba(255,255,255,.82)!important;
  font-weight:850!important;
}

.btn-primary,
.btn-info,
button[type="submit"].btn-primary,
a.btn-primary{
  color:#fff!important;
  border:0!important;
  background:linear-gradient(135deg,#7c3cff 0%,#b23cff 48%,#ff2fb3 100%)!important;
  box-shadow:0 14px 32px rgba(124,60,255,.22),0 0 24px rgba(255,47,179,.09)!important;
  border-radius:14px!important;
  font-weight:900!important;
}

.btn-secondary,
.btn-default{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.075)!important;
  border-radius:14px!important;
}

.table{
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
.table th,
.table td{
  color:rgba(255,255,255,.86)!important;
  border-color:rgba(255,255,255,.075)!important;
}
.table thead th,
.table thead td{
  color:rgba(255,255,255,.74)!important;
  background:rgba(255,255,255,.045)!important;
  font-weight:950!important;
}
.table-hover tbody tr:hover td{
  background:rgba(124,60,255,.08)!important;
}

.dropdown-menu{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  background:#101522!important;
  box-shadow:0 20px 48px rgba(0,0,0,.42)!important;
  overflow:hidden;
}
.dropdown-item{
  color:#fff!important;
  font-weight:800!important;
}
.dropdown-item:hover{
  background:linear-gradient(135deg,rgba(124,60,255,.30),rgba(20,217,255,.10))!important;
}

/* NAVS */
#headerMenuCollapse .nav-link{
  position:relative;
  min-height:46px;
  border-radius:15px;
  margin:3px 10px;
  color:rgba(255,255,255,.82)!important;
  border:1px solid transparent;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#headerMenuCollapse .nav-link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.10)!important;
}
#headerMenuCollapse .nav-link.active,
#headerMenuCollapse .nav-link.is-open{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(124,60,255,.72),rgba(255,47,179,.50))!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 12px 28px rgba(124,60,255,.22)!important;
}
#headerMenuCollapse .nav-link.submenu:after,
#headerMenuCollapse .submenu-orders > .nav-link:after,
#headerMenuCollapse .submenu-support > .nav-link:after,
#headerMenuCollapse .submenu-user > .nav-link:after,
#headerMenuCollapse .submenu-admin > .nav-link:after{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid rgba(255,255,255,.72);
  border-bottom:2px solid rgba(255,255,255,.72);
  transform:translateY(-60%) rotate(45deg);
  transition:transform .18s ease;
}
#headerMenuCollapse .nav-link.is-open:after,
#headerMenuCollapse .nav-link.active:after{
  transform:translateY(-25%) rotate(225deg);
}
#headerMenuCollapse .submenu-menu{
  margin:5px 10px 8px 22px;
  padding:8px;
  border-left:1px solid rgba(124,60,255,.40);
  border-radius:14px;
  background:rgba(255,255,255,.030);
}
#headerMenuCollapse .submenu-menu .dropdown-item{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:11px!important;
  background:transparent!important;
}
#headerMenuCollapse .submenu-menu .dropdown-item:hover{
  background:rgba(255,255,255,.065)!important;
}

/* TOPBAR */
.rld-topbar,
.header.top{
  backdrop-filter:blur(16px);
}
.rld-topbar .header-toggler,
.rld-topbar .header-icon,
.rld-topbar .dropdown{
  border-color:rgba(255,255,255,.13)!important;
}

/* API */
.pi-api-page .card,
.api__table{
  overflow:hidden;
}
.pi-api-secret-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.pi-api-secret{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border-radius:12px;
  background:rgba(5,5,15,.72);
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
  letter-spacing:.04em;
}
.pi-api-eye{
  width:36px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#7c3cff,#ff2fb3);
  cursor:pointer;
}

/* Footer */
.container-footer,
.pi-footer-wrap,
.footer,
.footer_bottom{
  border-top:0!important;
  box-shadow:none!important;
}
.container-footer:before,
.container-footer:after,
.pi-footer-wrap:before,
.pi-footer-wrap:after,
.footer:before,
.footer:after{
  display:none!important;
  content:none!important;
}

/* mobile geral */
@media(max-width:767px){
  .card{border-radius:20px!important}
  .card-header,.card-body{padding-left:15px!important;padding-right:15px!important}
  .page-header,.page-title{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
  .table-responsive{border:0!important}
  .modal-dialog{margin:12px!important}
  #headerMenuCollapse .nav-link{margin-left:8px;margin-right:8px}
}

/* V2 override: botões sem rosa e sem riscos laterais */
.btn-primary,.btn-info,button[type='submit'].btn-primary,a.btn-primary{background:linear-gradient(135deg,#7c3cff 0%,#3f7cff 48%,#14d9ff 100%)!important}.btn:before,.btn:after,.btn-primary:before,.btn-primary:after,button:before,button:after{display:none!important;content:none!important;border:0!important;box-shadow:none!important}
