/* ==========================================================
   VENVAS HUB THEME (global) — Roxo + Azul / Glass / Clean
   Escopo: body.venvas-theme (não afeta se não tiver a classe)
   ========================================================== */

body.venvas-theme{
  --vv-primary: #7c3aed;
  --vv-secondary: #38bdf8;
  --vv-accent: #a855f7;

  --vv-bg: #070a16;
  --vv-surface: rgba(255,255,255,.05);
  --vv-surface-2: rgba(255,255,255,.035);
  --vv-border: rgba(255,255,255,.12);
  --vv-border-2: rgba(255,255,255,.08);

  --vv-text: rgba(255,255,255,.92);
  --vv-muted: rgba(255,255,255,.66);

  --vv-radius: 18px;
  --vv-radius-lg: 22px;
  --vv-shadow: 0 18px 46px rgba(0,0,0,.45);

  background: var(--vv-bg) !important;
  color: var(--vv-text);
  min-height: 100vh;
}

/* Fundo clean com aurora + grid quadradinhos */
body.venvas-theme::before,
body.venvas-theme::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
body.venvas-theme::after{
  background:
    radial-gradient(900px 560px at 20% 12%, rgba(124,58,237,.20), transparent 60%),
    radial-gradient(900px 560px at 82% 22%, rgba(56,189,248,.16), transparent 62%),
    radial-gradient(900px 560px at 60% 92%, rgba(168,85,247,.12), transparent 62%),
    linear-gradient(180deg, #070a16 0%, #060817 55%, #070a16 100%);
}
body.venvas-theme::before{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: .10;
  mask-image: radial-gradient(closest-side at 50% 20%, black 28%, transparent 90%);
}

/* garante que o conteúdo fique acima do background */
body.venvas-theme .layout-wrapper,
body.venvas-theme .layout-container,
body.venvas-theme .layout-page,
body.venvas-theme .content-wrapper,
body.venvas-theme main,
body.venvas-theme .container,
body.venvas-theme .container-xxl{
  position: relative;
  z-index: 1;
}

/* Links */
body.venvas-theme a{ color: rgba(56,189,248,.92); }
body.venvas-theme a:hover{ color: rgba(168,85,247,.92); }

/* ==========================================================
   Tours/Tutoriais (Shepherd) — DESATIVADOS
   - Remove overlays e também esconde botões de “Ajuda/Tour”
   ========================================================== */
body.venvas-theme .shepherd-element,
body.venvas-theme .shepherd-modal-overlay-container{
  display: none !important;
}

/* Botões que iniciam tours (IDs presentes no painel) */
body.venvas-theme #btnCheckoutHelp,
body.venvas-theme #btnCustomersHelp,
body.venvas-theme #btnApiHelp,
body.venvas-theme #btnFinHelp,
body.venvas-theme #btnTxHelp,
body.venvas-theme #btnHelp,
body.venvas-theme #btnStartTour{
  display: none !important;
}

/* Navbar (fundo igual card) */
body.venvas-theme #layout-navbar,
body.venvas-theme .navbar.bg-navbar-theme{
  background: var(--vv-surface) !important;
  border: 1px solid var(--vv-border) !important;
  backdrop-filter: blur(12px);
  box-shadow: var(--vv-shadow);
}

/* Sidebar/menu (sem mexer em posição/scroll) */
body.venvas-theme #layout-menu,
body.venvas-theme .layout-menu.bg-menu-theme{
  background: rgba(255,255,255,.04) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(12px);
}

/* Cards glass (global) */
body.venvas-theme .card{
  border-radius: var(--vv-radius-lg) !important;
  border: 1px solid var(--vv-border) !important;
  background: var(--vv-surface) !important;
  box-shadow: var(--vv-shadow) !important;
  backdrop-filter: blur(12px);
}
body.venvas-theme .card-header,
body.venvas-theme .card-footer{
  background: transparent !important;
  border-color: var(--vv-border-2) !important;
}
body.venvas-theme .card-title,
body.venvas-theme h1, body.venvas-theme h2, body.venvas-theme h3, body.venvas-theme h4, body.venvas-theme h5{
  color: var(--vv-text);
}

/* Botões (deixa o primary com gradiente roxo/azul) */
body.venvas-theme .btn{
  border-radius: 14px !important;
  transition: transform .15s ease, filter .15s ease, background-color .15s ease, border-color .15s ease;
}
body.venvas-theme .btn:hover{ transform: translateY(-1px); }

body.venvas-theme .btn-primary,
body.venvas-theme .btn.btn-primary{
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(124,58,237,.95), rgba(56,189,248,.80)) !important;
  color: #0b1020 !important;
  font-weight: 900 !important;
}
body.venvas-theme .btn-primary:hover{ filter: brightness(1.05); }

body.venvas-theme .btn-outline-primary{
  border: 1px solid rgba(255,255,255,.14) !important;
  color: var(--vv-text) !important;
  background: rgba(255,255,255,.05) !important;
  backdrop-filter: blur(10px);
}
body.venvas-theme .btn-outline-primary:hover{
  background: rgba(255,255,255,.08) !important;
}

/* Inputs / selects / textarea */
body.venvas-theme .form-control,
body.venvas-theme .form-select,
body.venvas-theme textarea,
body.venvas-theme input[type="text"],
body.venvas-theme input[type="email"],
body.venvas-theme input[type="password"],
body.venvas-theme input[type="number"],
body.venvas-theme input[type="date"]{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--vv-border-2) !important;
  color: var(--vv-text) !important;
  border-radius: 14px !important;
}
body.venvas-theme .form-control::placeholder{ color: rgba(255,255,255,.50) !important; }
body.venvas-theme .form-control:focus,
body.venvas-theme .form-select:focus{
  box-shadow: 0 0 0 .25rem rgba(56,189,248,.12) !important;
  border-color: rgba(56,189,248,.22) !important;
}

/* Input group / labels */
body.venvas-theme .input-group-text{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--vv-border-2) !important;
  color: rgba(255,255,255,.78) !important;
  border-radius: 14px !important;
}

/* Dropdowns */
body.venvas-theme .dropdown-menu{
  background: rgba(15,18,34,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 22px 60px rgba(0,0,0,.55);
}
body.venvas-theme .dropdown-item{
  color: rgba(255,255,255,.85) !important;
}
body.venvas-theme .dropdown-item:hover{
  background: rgba(255,255,255,.06) !important;
}

/* Modais */
body.venvas-theme .modal-content{
  background: rgba(15,18,34,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(12px);
}
body.venvas-theme .modal-header,
body.venvas-theme .modal-footer{
  border-color: rgba(255,255,255,.10) !important;
}

/* Tabelas */
body.venvas-theme .table{
  color: rgba(255,255,255,.88) !important;
}
body.venvas-theme .table thead th{
  color: rgba(255,255,255,.70) !important;
  font-weight: 900 !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .75rem;
  border-color: rgba(255,255,255,.10) !important;
}
body.venvas-theme .table td{
  border-color: rgba(255,255,255,.08) !important;
}
body.venvas-theme .table-hover tbody tr:hover{
  background: rgba(255,255,255,.04) !important;
}

/* Badges/labels (compat com temas tipo Sneat/Materio) */
body.venvas-theme .badge,
body.venvas-theme .bg-label-primary{
  border-radius: 999px;
}
body.venvas-theme .bg-label-primary{
  border: 1px solid rgba(56,189,248,.25) !important;
  background: rgba(56,189,248,.10) !important;
  color: rgba(255,255,255,.90) !important;
}
body.venvas-theme .bg-label-success{
  border: 1px solid rgba(34,197,94,.25) !important;
  background: rgba(34,197,94,.10) !important;
  color: rgba(255,255,255,.90) !important;
}
body.venvas-theme .bg-label-warning{
  border: 1px solid rgba(245,158,11,.25) !important;
  background: rgba(245,158,11,.10) !important;
  color: rgba(255,255,255,.90) !important;
}
body.venvas-theme .bg-label-danger{
  border: 1px solid rgba(239,68,68,.25) !important;
  background: rgba(239,68,68,.10) !important;
  color: rgba(255,255,255,.90) !important;
}

/* Scrollbar (opcional — discreto) */
body.venvas-theme *{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.18) transparent;
}
body.venvas-theme *::-webkit-scrollbar{ width: 8px; height: 8px; }
body.venvas-theme *::-webkit-scrollbar-track{ background: transparent; }
body.venvas-theme *::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.18);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}