/* Danxis 13.4 — Sidebar de Configurações + heróis azuis */

/* remove o menu interno antigo e expande a área útil */
#view-settings .settings-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
#view-settings .settings-nav {
  display: none !important;
}
#view-settings .settings-form {
  min-width: 0 !important;
}

/* Heróis azuis, mantendo visual bonito e limpo */
#settings-users .users-hero,
#settings-approval-workflow .wf-hero {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 55, 110, 0.28) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #0a2a63 0%, #10478d 58%, #1f89c6 100%) !important;
  box-shadow: 0 18px 34px rgba(10, 42, 99, 0.18) !important;
}
#settings-users .users-hero::after,
#settings-approval-workflow .wf-hero::after {
  content: '';
  position: absolute;
  right: -36px;
  top: -30px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0));
  pointer-events: none;
}
#settings-users .users-hero span,
#settings-approval-workflow .wf-hero-copy > span {
  color: rgba(255,255,255,.9) !important;
}
#settings-users .users-hero h3,
#settings-users .users-hero p,
#settings-approval-workflow .wf-hero h3,
#settings-approval-workflow .wf-hero p,
#settings-approval-workflow .wf-hero-copy,
#settings-approval-workflow .wf-hero-copy * {
  color: #fff !important;
}
#settings-users .users-hero p,
#settings-approval-workflow .wf-hero p {
  opacity: .93 !important;
}
#settings-approval-workflow .wf-hero-badge {
  display: flex !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  box-shadow: none !important;
}
#settings-approval-workflow .wf-hero-badge strong,
#settings-approval-workflow .wf-hero-badge span {
  color: #fff !important;
}

/* submenu lateral de configurações */
#settingsSidebarSubmenu {
  display: grid;
  gap: 6px;
  margin: 8px 0 2px;
  padding: 0 0 0 12px;
}
#settingsSidebarSubmenu .settings-subitem {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.9);
  font: 600 13px/1.25 Calibri, "Segoe UI", Arial, sans-serif;
  text-align: left;
  cursor: pointer;
  transition: .18s ease;
}
#settingsSidebarSubmenu .settings-subitem::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(91, 205, 255, .88);
  box-shadow: 0 0 0 3px rgba(91,205,255,.12);
  flex: 0 0 auto;
}
#settingsSidebarSubmenu .settings-subitem:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(91,205,255,.18);
  color: #fff;
}
#settingsSidebarSubmenu .settings-subitem.active {
  background: linear-gradient(90deg, rgba(39,160,230,.16), rgba(39,160,230,.08));
  border-color: rgba(62,190,255,.28);
  color: #fff;
}
#settingsSidebarSubmenu .settings-subitem.active::before {
  background: #6de0ff;
  box-shadow: 0 0 0 4px rgba(109,224,255,.13);
}

/* deixa o botão Configurações como item pai visual */
#settingsNavItem.dx-settings-parent {
  position: relative;
}
#settingsNavItem.dx-settings-parent::after {
  content: '▾';
  margin-left: auto;
  color: rgba(255,255,255,.75);
  font-size: 12px;
}

/* o questionário não aparece mais como menu isolado */
#questionnaireNavItem.dx-hidden-questionnaire {
  display: none !important;
}

/* mantém suporte visualmente bonito */
.sidebar-footer .support-card {
  background: linear-gradient(180deg, rgba(23,91,166,1) 0%, rgba(16,65,124,1) 100%) !important;
}

@media (max-width: 1024px) {
  #settingsSidebarSubmenu {
    padding-left: 8px;
  }
}