/*Write your custom css in this file.*/

/* PWA: no mobile, manter o convite de instalação acima do menu inferior. */
.install-pwa-button {
  display: none !important;
}

.install-pwa-button.install-pwa-button--visible {
  display: block !important;
}

body[data-color="1E202D"] .install-pwa-button.install-pwa-button--visible,
body[data-color="1e202d"] .install-pwa-button.install-pwa-button--visible {
  background: #252932 !important;
  color: #e2e8f0 !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
}

body[data-color="1E202D"] .install-pwa-button #install-pwa,
body[data-color="1e202d"] .install-pwa-button #install-pwa {
  color: #f8fafc !important;
}

@media (max-width: 767px) {
  .install-pwa-button.install-pwa-button--visible {
    position: fixed !important;
    left: 14px;
    right: 14px;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px));
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    z-index: 1085;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: 16px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.18);
    pointer-events: auto;
  }

  .install-pwa-button #install-pwa {
    flex: 1 1 auto;
    min-width: 0;
    padding: 14px 4px 14px 16px !important;
    font-weight: 700;
  }

  .install-pwa-button #mobile-web-push-enable-btn {
    margin-right: 38px;
    white-space: nowrap;
    border-radius: 999px;
    font-weight: 700;
  }

  .install-pwa-button .mobile-web-push-status {
    grid-column: 1 / -1;
    padding: 0 48px 12px 16px;
    font-size: 12px;
    line-height: 1.35;
  }

  .install-pwa-button .btn-close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 2;
  }

  #pwa-install-message-iphone {
    inset: 0;
    width: 100%;
    min-height: 100%;
    z-index: 3000 !important;
    padding: calc(80px + env(safe-area-inset-top, 0px)) 28px calc(40px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    box-sizing: border-box;
  }

  body,
  .page-container,
  .main-scrollable-page,
  .page-wrapper,
  #page-content {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .main-scrollable-page,
  .scrollable-page {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .table-responsive,
  .dataTables_wrapper,
  .kanban-container,
  .list-container {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Filtro de Status (multiSelect): limitar altura e permitir rolagem */
.filter-multi-select button.status-filter + .dropdown-menu .list-group,
.filter-multi-select .status-filter + .dropdown-menu .list-group {
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Notificações: painel lateral (desliza da direita, começa abaixo da topbar) */
:root {
  --web-notification-top: 66px;
}

.web-notification-nav {
  position: relative;
}

.web-notification-backdrop {
  position: fixed;
  inset: var(--web-notification-top, 66px) 0 env(safe-area-inset-bottom, 0px) 0;
  background: rgba(15, 23, 42, 0.35);
  z-index: 1038;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.web-notification-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.web-notification-drawer {
  position: fixed;
  top: var(--web-notification-top, 66px);
  right: 0;
  /* Incluir barra de gestos / notch na base (Safari iOS, etc.) */
  bottom: env(safe-area-inset-bottom, 0px);
  width: min(440px, 100vw);
  max-width: 100%;
  z-index: 1039;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-sizing: border-box;
  pointer-events: none;
  /* Evita swipe horizontal estranho no corpo atrás durante scroll da lista */
  touch-action: pan-y;
}

.web-notification-drawer.is-open {
  transform: translateX(0);
  pointer-events: auto;
}

.web-notification-drawer-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0 !important;
  background: #fff;
}

.web-notification-drawer .dropdown-details {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.web-notification-drawer .dropdown-details > .mb0 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.web-notification-drawer #notificaion-popup-list {
  flex: 1 1 auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  height: auto !important;
}

.web-notification-drawer .notificatio-plate-title-area {
  flex-shrink: 0;
}

.web-notification-drawer .card-footer {
  flex-shrink: 0;
}

/* Telas estreitas: painel usa toda a largura útil */
@media (max-width: 576px) {
  .web-notification-drawer {
    width: 100%;
    max-width: 100vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .web-notification-drawer,
  .web-notification-backdrop {
    transition-duration: 0.01ms;
  }
}

[dir="rtl"] .web-notification-drawer {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

[dir="rtl"] .web-notification-drawer.is-open {
  transform: translateX(0);
}

/* Cabeçalho do painel: ícones alinhados (evita quebras tipo float) */
.web-notification-list-header .web-notification-header-toolbar {
  max-width: 100%;
}

.web-notification-toolbar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 4px;
  border-radius: 8px;
  color: #4b5563;
  text-decoration: none !important;
  line-height: 1;
  position: relative;
  z-index: 2;
  cursor: pointer;
  pointer-events: auto;
}

.web-notification-toolbar-icon:hover {
  background: rgba(15, 23, 42, 0.08);
  color: #111827;
}

body[data-color="1E202D"] .web-notification-toolbar-icon,
body[data-color="1e202d"] .web-notification-toolbar-icon {
  color: #aeb6d4;
}

body[data-color="1E202D"] .web-notification-toolbar-icon:hover,
body[data-color="1e202d"] .web-notification-toolbar-icon:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

/* Abas dentro do painel de notificações */
.web-notification-tab-row {
  padding: 8px 12px 4px;
}

.web-notification-tab-row .web-notification-tab-btn {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 4px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  text-decoration: none;
  color: #374151;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
}

.web-notification-tab-row .web-notification-tab-btn.active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

.web-notification-tab-row .web-notification-tab-btn.web-notification-tab-mentions {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  vertical-align: middle;
}

.web-notification-tab-row .web-notification-tab-btn .web-notification-mentions-badge {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  padding: 0.2em 0.45em;
}

.web-notification-tab-row .web-notification-tab-btn.active .web-notification-mentions-badge {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

body[data-color="1E202D"] .web-notification-tab-row .web-notification-tab-btn,
body[data-color="1e202d"] .web-notification-tab-row .web-notification-tab-btn {
  color: #c9d0e8;
  background: #2a303c;
  border-color: #3d4452;
}

body[data-color="1E202D"] .web-notification-tab-row .web-notification-tab-btn.active,
body[data-color="1e202d"] .web-notification-tab-row .web-notification-tab-btn.active {
  color: #fff;
  background: #5b73e8;
  border-color: #5b73e8;
}

[dir="rtl"] .web-notification-tab-row .web-notification-tab-btn {
  margin-right: 0;
  margin-left: 6px;
}

/* Toast menção em comentário de tarefa (canto superior direito)
 * Tema claro: painel claro. Tema escuro (preset 1E202D): segue cores do color/1E202D.css, um degrau acima do body.
 * Sem classe .card (evita sobrescritas indesejadas). */
.task-mention-toast-stack {
  position: fixed;
  top: calc(var(--web-notification-top, 66px) + 10px);
  right: max(12px, env(safe-area-inset-right, 0px));
  z-index: 1046;
  width: min(380px, calc(100vw - 24px));
  pointer-events: none;
}

.task-mention-toast-stack .task-mention-toast {
  pointer-events: auto;
  position: relative;
  margin-bottom: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background-color: #f8fafc !important;
  color: #0f172a !important;
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.35s ease;
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.06),
    0 14px 40px rgba(15, 23, 42, 0.18) !important;
}

.task-mention-toast-stack .task-mention-toast.is-visible {
  transform: translateX(0);
  opacity: 1;
}

.task-mention-toast-inner {
  position: relative;
  z-index: 1;
}

.task-mention-toast-stack .task-mention-toast-avatar-img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border: 2px solid rgba(15, 23, 42, 0.12) !important;
  background: #ffffff !important;
}

.task-mention-toast-stack .task-mention-toast-avatar-ph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 2px solid rgba(15, 23, 42, 0.12) !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
}

.task-mention-toast-stack .task-mention-toast-mentioner {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.25;
  color: #0f172a !important;
}

.task-mention-toast-stack .task-mention-toast-subtitle {
  font-size: 11px;
  line-height: 1.35;
  color: #475569 !important;
  margin-top: 2px;
}

/* Título da tarefa: várias linhas (evita cortar cedo como text-truncate) */
.task-mention-toast-stack .task-mention-toast-task {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.35;
  color: #1d4ed8 !important;
  margin-top: 6px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.task-mention-toast-stack .task-mention-toast-preview {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 8px;
  max-height: 4.2em;
  overflow: hidden;
  color: #475569 !important;
  opacity: 1 !important;
}

/* ── Tema escuro “Noturno” (assets/css/color/1E202D.css): body ~#1C1F26, cards ~#252932, realces ~#2f3541 */
body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast {
  border: 1px solid #434a5d !important;
  background-color: #363e4f !important;
  color: #eef0f6 !important;
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.5),
    0 1px 0 rgba(255, 255, 255, 0.06) inset !important;
}

body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast-avatar-img,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast-avatar-img {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: #2a303c !important;
}

body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast-avatar-ph,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast-avatar-ph {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #323948 !important;
  color: #aeb6ce !important;
}

body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast-mentioner,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast-mentioner {
  color: #ffffff !important;
}

body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast-subtitle,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast-subtitle {
  color: #b8bfd4 !important;
}

body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast-task,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast-task {
  color: #93a8ff !important;
}

body[data-color="1E202D"] .task-mention-toast-stack .task-mention-toast-preview,
body[data-color="1e202d"] .task-mention-toast-stack .task-mention-toast-preview {
  color: #c4cbdd !important;
}

[dir="rtl"] .task-mention-toast-stack {
  right: auto;
  left: max(12px, env(safe-area-inset-left, 0px));
}

[dir="rtl"] .task-mention-toast-stack .task-mention-toast {
  transform: translateX(-120%);
}

[dir="rtl"] .task-mention-toast-stack .task-mention-toast.is-visible {
  transform: translateX(0);
}

/* Submenu aninhado (ex.: Propostas > Itens de propostas) */
.sidebar-menu li ul li.expand.open > ul {
  max-height: 1000px;
}
.sidebar-menu li ul li ul li a {
  padding-left: 2.4rem;
}

/* Sidebar — hover legível em temas escuros adicionais */
body[data-color="1D2632"] .sidebar-menu li a:hover,
body[data-color="1d2632"] .sidebar-menu li a:hover,
body[data-color="2E4053"] .sidebar-menu li a:hover,
body[data-color="2e4053"] .sidebar-menu li a:hover,
body[data-color="404040"] .sidebar-menu li a:hover,
body[data-color="555A61"] .sidebar-menu li a:hover,
body[data-color="555a61"] .sidebar-menu li a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body[data-color="1D2632"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="1d2632"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="2E4053"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="2e4053"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="404040"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="555A61"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="555a61"] .sidebar-menu > li.active:not(.expand) > a {
  color: #ffffff !important;
  background: rgba(91, 115, 232, 0.22) !important;
  border-left: 3px solid #5b73e8 !important;
  box-shadow: none !important;
}

body[data-color="1D2632"] .sidebar-menu > li.active.expand.open > a,
body[data-color="1d2632"] .sidebar-menu > li.active.expand.open > a,
body[data-color="2E4053"] .sidebar-menu > li.active.expand.open > a,
body[data-color="2e4053"] .sidebar-menu > li.active.expand.open > a,
body[data-color="404040"] .sidebar-menu > li.active.expand.open > a,
body[data-color="555A61"] .sidebar-menu > li.active.expand.open > a,
body[data-color="555a61"] .sidebar-menu > li.active.expand.open > a {
  color: #eef0f6 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
}

body[data-color="1D2632"] .sidebar-menu li ul li.active > a,
body[data-color="1d2632"] .sidebar-menu li ul li.active > a,
body[data-color="2E4053"] .sidebar-menu li ul li.active > a,
body[data-color="2e4053"] .sidebar-menu li ul li.active > a,
body[data-color="404040"] .sidebar-menu li ul li.active > a,
body[data-color="555A61"] .sidebar-menu li ul li.active > a,
body[data-color="555a61"] .sidebar-menu li ul li.active > a {
  color: #93a8ff !important;
  background: rgba(91, 115, 232, 0.15) !important;
  border-left-color: #5b73e8 !important;
}

/* Itens de propostas */
.proposal-items-page td.option {
  padding: 0.75rem 0.5rem !important;
  white-space: nowrap;
  min-width: 118px;
}
.proposal-items-page .proposal-item-row-options {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 4px;
}
.proposal-items-page .proposal-item-row-options a {
  margin: 0 !important;
  flex-shrink: 0;
}
.proposal-items-page .proposal-item-title-link {
  font-weight: 600;
}
.proposal-items-page .proposal-item-total-preview {
  background: #f8fafc;
  border: 1px dashed #dbe3ef;
}
.proposal-item-view-modal .proposal-item-view-stats {
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px 8px 0;
}
.proposal-item-view-modal .proposal-item-view-description {
  max-height: 280px;
  overflow-y: auto;
}

/* Ajuda e Banco de Conhecimentos */
.help-kb-page {
  min-height: calc(100vh - 60px);
  padding-top: 22px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.98)),
    radial-gradient(circle at top right, rgba(91, 115, 232, 0.16), transparent 35%);
}

.help-kb-hero {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 30px 24px 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.help-kb-hero__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 18px;
  background: rgba(91, 115, 232, 0.14);
  color: #5b73e8;
  box-shadow: inset 0 0 0 1px rgba(91, 115, 232, 0.18);
}

.help-kb-hero__eyebrow {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.help-kb-hero .help-search-box-container {
  max-width: 680px;
  margin: 0 auto;
}

.help-kb-hero .help-search-box-container h2 {
  margin: 4px 0 6px;
  color: #111827;
  font-size: 30px;
  font-weight: 850;
}

.help-kb-hero .help-search-box-container p {
  margin: 0 0 18px;
  color: #64748b;
}

.help-kb-search {
  position: relative;
  width: 100%;
}

.help-kb-search__icon {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 2;
  color: #94a3b8;
  transform: translateY(-50%);
}

.help-kb-search .help-search-box {
  height: 48px;
  padding: 0 18px 0 48px !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #111827;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.help-kb-home {
  padding-top: 6px;
  padding-bottom: 28px;
}

.help-kb-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 14px;
}

.help-kb-section-title h3 {
  margin: 0;
  color: #111827;
  font-weight: 850;
}

.help-kb-section-title span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.help-kb-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.help-kb-category-card {
  position: relative;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  min-height: 158px;
  padding: 18px;
  border: 1px solid #e4ebf5;
  border-radius: 20px;
  background: #fff;
  color: #334155;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.help-kb-category-card:hover {
  color: #1f2937;
  border-color: rgba(91, 115, 232, 0.35);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.09);
  transform: translateY(-2px);
}

.help-kb-category-card__icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #eef2ff;
  color: #5b73e8;
}

.help-kb-category-card__content strong {
  display: block;
  margin-bottom: 7px;
  color: #111827;
  font-size: 16px;
  font-weight: 850;
}

.help-kb-category-card__content small {
  display: -webkit-box;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
  overflow: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.help-kb-category-card__count {
  position: absolute;
  left: 78px;
  bottom: 16px;
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 11px;
  font-weight: 900;
}

.help-kb-detail-layout {
  padding-bottom: 28px;
}

.help-kb-sidebar-card,
.help-kb-content-card {
  border: 1px solid #e4ebf5;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.help-kb-sidebar-card {
  position: sticky;
  top: 82px;
  padding: 16px;
}

.help-kb-sidebar-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #111827;
  font-weight: 850;
}

.help-kb-sidebar-card h4 {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.help-kb-sidebar-card .help-kb-search .help-search-box {
  height: 42px;
  border-radius: 14px !important;
  box-shadow: none;
}

.help-catagory.list-group .list-group-item {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin-bottom: 6px;
  padding: 9px 11px;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  color: #475569;
  font-weight: 750;
}

.help-catagory.list-group .list-group-item:hover,
.help-catagory.list-group .list-group-item.active {
  text-indent: 0;
  border-left: 1px solid rgba(91, 115, 232, 0.25) !important;
  border-color: rgba(91, 115, 232, 0.25) !important;
  background: rgba(91, 115, 232, 0.1);
  color: #4f46e5;
}

#help-page-content.help-kb-content-card {
  padding: 0;
  overflow: hidden;
}

.help-kb-content-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 22px 24px;
  border-bottom: 1px solid #e8eef6;
  background:
    linear-gradient(135deg, #ffffff, #f8fbff),
    radial-gradient(circle at top right, rgba(91, 115, 232, 0.1), transparent 30%);
}

.help-kb-content-header__icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 15px;
  background: #eef2ff;
  color: #5b73e8;
}

.help-kb-content-header h2 {
  margin: 0 0 5px;
  color: #111827;
  font-weight: 850;
  line-height: 1.25;
}

.help-kb-content-header p {
  margin: 0;
  color: #64748b;
  line-height: 1.5;
}

.help-breadcrumb {
  padding: 12px 24px 0;
}

.help-breadcrumb .breadcrumb {
  margin-bottom: 0;
}

.help-kb-article-list {
  display: grid;
  gap: 10px;
  padding: 18px 24px 24px;
}

.help-kb-article-row {
  display: grid;
  grid-template-columns: 38px 1fr 20px;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid #e8eef6;
  border-radius: 15px;
  background: #fff;
  color: #334155;
  font-weight: 800;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.help-kb-article-row:hover {
  color: #4f46e5;
  border-color: rgba(91, 115, 232, 0.28);
  background: #f8fbff;
  transform: translateX(2px);
}

.help-kb-article-list__icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #f1f5f9;
  color: #5b73e8;
}

.help-kb-article-list__arrow {
  color: #94a3b8;
}

.help-kb-article-body {
  padding: 20px 24px 24px;
  color: #334155;
  font-size: 14px;
  line-height: 1.7;
}

.help-kb-article-body h1,
.help-kb-article-body h2,
.help-kb-article-body h3,
.help-kb-article-body h4 {
  color: #111827;
  font-weight: 850;
}

.help-kb-article-body a {
  font-weight: 800;
}

.help-kb-feedback {
  margin: 0 24px 24px;
  padding-top: 18px;
}

.help-kb-feedback .feedback-section {
  padding: 16px;
  border: 1px solid #e8eef6;
  border-radius: 16px;
  background: #f8fafc;
}

.help-kb-admin-page {
  padding: 18px 24px 24px !important;
}

.help-kb-admin-card {
  overflow: hidden;
  border: 1px solid #e4ebf5;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.07);
  backdrop-filter: blur(10px);
}

.help-kb-admin-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 92px;
  padding: 16px 22px !important;
  border-bottom: 1px solid #e8eef6;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(238, 246, 255, 0.58)),
    radial-gradient(circle at top right, rgba(91, 115, 232, 0.1), transparent 34%);
}

.help-kb-admin-title__content {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}

.help-kb-admin-title__icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 15px;
  background: #eef2ff;
  color: #5b73e8;
}

.help-kb-admin-title .help-kb-hero__eyebrow {
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 1;
}

.help-kb-admin-title h1 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 850;
}

.help-kb-admin-title .title-button-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin-top: 0;
}

.help-kb-admin-title .btn {
  min-height: 36px;
  padding: 8px 13px;
  border-radius: 11px;
  font-weight: 800;
}

.help-kb-admin-table {
  padding: 12px 14px 14px;
}

.help-kb-admin-table .dataTables_wrapper {
  padding-top: 0;
}

.help-kb-admin-table table.dataTable thead th {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.help-kb-admin-table table.dataTable tbody td {
  vertical-align: middle;
}

.help-kb-form-card .card-body {
  padding: 22px;
}

.help-kb-form-card .form-group label {
  color: #475569;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.help-kb-form-card .form-control,
.help-kb-form-card .select2-choice,
.help-kb-form-card .note-editor {
  border-color: #dbe5f2 !important;
  border-radius: 12px !important;
}

.help-kb-form-card .card-footer {
  border-top: 1px solid #e8eef6;
  background: rgba(248, 250, 252, 0.76);
  padding: 16px 22px;
}

body[data-color="1E202D"] .help-kb-page,
body[data-color="1e202d"] .help-kb-page {
  background:
    linear-gradient(135deg, rgba(35, 41, 54, 0.96), rgba(30, 36, 48, 0.98)),
    radial-gradient(circle at top right, rgba(91, 115, 232, 0.22), transparent 35%);
}

body[data-color="1E202D"] .help-kb-hero,
body[data-color="1e202d"] .help-kb-hero {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

body[data-color="1E202D"] .help-kb-hero .help-search-box-container h2,
body[data-color="1E202D"] .help-kb-section-title h3,
body[data-color="1E202D"] .help-kb-category-card__content strong,
body[data-color="1E202D"] .help-kb-sidebar-card__title,
body[data-color="1E202D"] .help-kb-content-header h2,
body[data-color="1E202D"] .help-kb-admin-title h1,
body[data-color="1E202D"] .help-kb-article-body h1,
body[data-color="1E202D"] .help-kb-article-body h2,
body[data-color="1E202D"] .help-kb-article-body h3,
body[data-color="1E202D"] .help-kb-article-body h4,
body[data-color="1e202d"] .help-kb-hero .help-search-box-container h2,
body[data-color="1e202d"] .help-kb-section-title h3,
body[data-color="1e202d"] .help-kb-category-card__content strong,
body[data-color="1e202d"] .help-kb-sidebar-card__title,
body[data-color="1e202d"] .help-kb-content-header h2,
body[data-color="1e202d"] .help-kb-admin-title h1,
body[data-color="1e202d"] .help-kb-article-body h1,
body[data-color="1e202d"] .help-kb-article-body h2,
body[data-color="1e202d"] .help-kb-article-body h3,
body[data-color="1e202d"] .help-kb-article-body h4 {
  color: #eef2f8;
}

body[data-color="1E202D"] .help-kb-hero__eyebrow,
body[data-color="1E202D"] .help-kb-hero .help-search-box-container p,
body[data-color="1E202D"] .help-kb-section-title span,
body[data-color="1E202D"] .help-kb-category-card__content small,
body[data-color="1E202D"] .help-kb-content-header p,
body[data-color="1E202D"] .help-kb-article-body,
body[data-color="1e202d"] .help-kb-hero__eyebrow,
body[data-color="1e202d"] .help-kb-hero .help-search-box-container p,
body[data-color="1e202d"] .help-kb-section-title span,
body[data-color="1e202d"] .help-kb-category-card__content small,
body[data-color="1e202d"] .help-kb-content-header p,
body[data-color="1e202d"] .help-kb-article-body {
  color: #aab4c5;
}

body[data-color="1E202D"] .help-kb-search .help-search-box,
body[data-color="1e202d"] .help-kb-search .help-search-box {
  border-color: #394151 !important;
  background: #1d2330 !important;
  color: #eef2f8 !important;
}

body[data-color="1E202D"] .help-kb-category-card,
body[data-color="1E202D"] .help-kb-sidebar-card,
body[data-color="1E202D"] .help-kb-content-card,
body[data-color="1E202D"] .help-kb-admin-card,
body[data-color="1E202D"] .help-kb-article-row,
body[data-color="1e202d"] .help-kb-category-card,
body[data-color="1e202d"] .help-kb-sidebar-card,
body[data-color="1e202d"] .help-kb-content-card,
body[data-color="1e202d"] .help-kb-admin-card,
body[data-color="1e202d"] .help-kb-article-row {
  border-color: #394151;
  background: #202634;
  color: #eef2f8;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

body[data-color="1E202D"] .help-kb-content-header,
body[data-color="1e202d"] .help-kb-content-header {
  border-color: #394151;
  background:
    linear-gradient(135deg, #232936, #202634),
    radial-gradient(circle at top right, rgba(91, 115, 232, 0.18), transparent 30%);
}

body[data-color="1E202D"] .help-kb-category-card__count,
body[data-color="1E202D"] .help-kb-article-list__icon,
body[data-color="1e202d"] .help-kb-category-card__count,
body[data-color="1e202d"] .help-kb-article-list__icon {
  background: #303849;
  color: #c7d2fe;
}

body[data-color="1E202D"] .help-catagory.list-group .list-group-item,
body[data-color="1e202d"] .help-catagory.list-group .list-group-item {
  color: #cbd5e1 !important;
  background: transparent !important;
}

body[data-color="1E202D"] .help-catagory.list-group .list-group-item:hover,
body[data-color="1E202D"] .help-catagory.list-group .list-group-item.active,
body[data-color="1e202d"] .help-catagory.list-group .list-group-item:hover,
body[data-color="1e202d"] .help-catagory.list-group .list-group-item.active {
  border-color: rgba(91, 115, 232, 0.38) !important;
  background: rgba(91, 115, 232, 0.18) !important;
  color: #c7d2fe !important;
}

body[data-color="1E202D"] .help-kb-article-row:hover,
body[data-color="1e202d"] .help-kb-article-row:hover {
  background: #252c3a;
  color: #c7d2fe;
}

body[data-color="1E202D"] .help-kb-feedback .feedback-section,
body[data-color="1e202d"] .help-kb-feedback .feedback-section {
  border-color: #394151;
  background: #1d2330;
}

body[data-color="1E202D"] .help-kb-admin-title,
body[data-color="1e202d"] .help-kb-admin-title,
body[data-color="1E202D"] .help-kb-form-card .card-footer,
body[data-color="1e202d"] .help-kb-form-card .card-footer {
  border-color: #394151;
  background:
    linear-gradient(135deg, rgba(35, 41, 54, 0.76), rgba(30, 36, 48, 0.78)),
    radial-gradient(circle at top right, rgba(91, 115, 232, 0.16), transparent 34%);
}

body[data-color="1E202D"] .help-kb-admin-table table.dataTable thead th,
body[data-color="1e202d"] .help-kb-admin-table table.dataTable thead th,
body[data-color="1E202D"] .help-kb-form-card .form-group label,
body[data-color="1e202d"] .help-kb-form-card .form-group label {
  color: #aab4c5;
}

body[data-color="1E202D"] .help-kb-form-card .form-control,
body[data-color="1E202D"] .help-kb-form-card .select2-choice,
body[data-color="1E202D"] .help-kb-form-card .note-editor,
body[data-color="1e202d"] .help-kb-form-card .form-control,
body[data-color="1e202d"] .help-kb-form-card .select2-choice,
body[data-color="1e202d"] .help-kb-form-card .note-editor {
  border-color: #394151 !important;
  background: #1d2330 !important;
  color: #eef2f8 !important;
}

@media (max-width: 991px) {
  .help-kb-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .help-kb-sidebar-card {
    position: static;
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .help-kb-admin-page {
    padding: 14px !important;
  }

  .help-kb-admin-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .help-kb-hero {
    padding: 24px 16px;
  }

  .help-kb-category-grid {
    grid-template-columns: 1fr;
  }

  .help-kb-category-card {
    min-height: auto;
  }

  .help-kb-content-header {
    padding: 18px;
  }

  .help-kb-article-list,
  .help-kb-article-body {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Tema escuro: deixar todos os "X" de fechamento das modais legíveis. */
body[data-color="1E202D"] .modal .btn-close,
body[data-color="1e202d"] .modal .btn-close,
body[data-color="1E202D"] #ajaxModal .btn-close,
body[data-color="1e202d"] #ajaxModal .btn-close,
body[data-color="1E202D"] .app-modal-fixed-close-button,
body[data-color="1e202d"] .app-modal-fixed-close-button,
body[data-color="1E202D"] .approval-resend-modal-close,
body[data-color="1e202d"] .approval-resend-modal-close {
  filter: invert(1) grayscale(100%) brightness(1.35) !important;
  opacity: 0.9 !important;
}

body[data-color="1E202D"] .modal .close,
body[data-color="1e202d"] .modal .close,
body[data-color="1E202D"] #ajaxModal .close,
body[data-color="1e202d"] #ajaxModal .close,
body[data-color="1E202D"] .modal [data-bs-dismiss="modal"],
body[data-color="1e202d"] .modal [data-bs-dismiss="modal"] {
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: 0.9 !important;
}

body[data-color="1E202D"] .modal .btn-close:hover,
body[data-color="1e202d"] .modal .btn-close:hover,
body[data-color="1E202D"] #ajaxModal .btn-close:hover,
body[data-color="1e202d"] #ajaxModal .btn-close:hover,
body[data-color="1E202D"] .modal .close:hover,
body[data-color="1e202d"] .modal .close:hover,
body[data-color="1E202D"] #ajaxModal .close:hover,
body[data-color="1e202d"] #ajaxModal .close:hover,
body[data-color="1E202D"] .modal [data-bs-dismiss="modal"]:hover,
body[data-color="1e202d"] .modal [data-bs-dismiss="modal"]:hover {
  opacity: 1 !important;
}

/* Settings — painel unificado (menu + conteúdo) */
.settings-page-shell {
  --settings-nav-width: 236px;
  display: grid !important;
  grid-template-columns: var(--settings-nav-width) minmax(0, 1fr);
  gap: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: stretch;
  border: 1px solid #e4eaf3;
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  min-height: calc(100vh - 150px);
}

body.sidebar-toggled .settings-page-shell {
  --settings-nav-width: 268px;
}

.settings-page-shell > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.settings-page-shell__nav {
  min-width: 0;
  border-right: 1px solid #e8edf5;
  background: #f8fafc;
}

.settings-page-shell__content > .card {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  background: transparent;
}

.settings-nav-rail {
  position: sticky;
  top: 72px;
  height: calc(100vh - 96px);
  min-height: 100%;
}

.settings-nav-rail__inner {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0 18px;
  scrollbar-width: thin;
}

.settings-nav-group + .settings-nav-group {
  border-top: 1px solid #e8edf5;
}

.settings-nav-group__toggle {
  width: 100%;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: #334155;
  transition: background 0.15s ease, color 0.15s ease;
}

.settings-nav-group__toggle:hover,
.settings-nav-group.is-open > .settings-nav-group__toggle {
  background: rgba(91, 115, 232, 0.07);
  color: #1e293b;
}

.settings-nav-group__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
}

.settings-nav-group.is-open .settings-nav-group__icon,
.settings-nav-group__toggle:hover .settings-nav-group__icon {
  color: #5b73e8;
}

.settings-nav-group__label {
  font-size: 0.8125rem;
  font-weight: 750;
  line-height: 1.3;
}

.settings-nav-group__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  transition: transform 0.2s ease;
}

.settings-nav-group.is-open .settings-nav-group__arrow,
.settings-nav-group__toggle:not(.collapsed) .settings-nav-group__arrow {
  transform: rotate(180deg);
  color: #5b73e8;
}

.settings-nav-list {
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
}

.settings-nav-link {
  display: block;
  position: relative;
  padding: 8px 14px 8px 50px;
  color: #64748b;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.settings-nav-link::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #cbd5e1;
  transform: translateY(-50%);
}

.settings-nav-link:hover {
  background: rgba(91, 115, 232, 0.06);
  color: #4f46e5;
  text-decoration: none;
}

.settings-nav-link.active {
  background: rgba(91, 115, 232, 0.12);
  color: #4338ca;
  font-weight: 700;
}

.settings-nav-link.active::before {
  width: 3px;
  height: 16px;
  left: 0;
  border-radius: 0 4px 4px 0;
  background: #5b73e8;
}

@media (max-width: 991px) {
  .settings-page-shell {
    display: block !important;
    min-height: 0;
  }

  .settings-page-shell__nav {
    border-right: 0;
    border-bottom: 1px solid #e8edf5;
  }

  .settings-nav-rail {
    position: static;
    height: auto;
    max-height: 320px;
  }
}

body[data-color="1E202D"] .settings-page-shell,
body[data-color="1e202d"] .settings-page-shell {
  border-color: #3a4150;
  background: #252932;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

body[data-color="1E202D"] .settings-page-shell__nav,
body[data-color="1e202d"] .settings-page-shell__nav {
  border-color: #3a4150;
  background: #1f2430;
}

body[data-color="1E202D"] .settings-nav-group + .settings-nav-group,
body[data-color="1e202d"] .settings-nav-group + .settings-nav-group {
  border-color: #343b49;
}

body[data-color="1E202D"] .settings-nav-group__toggle,
body[data-color="1e202d"] .settings-nav-group__toggle {
  color: #dbe2f0;
}

body[data-color="1E202D"] .settings-nav-group__toggle:hover,
body[data-color="1E202D"] .settings-nav-group.is-open > .settings-nav-group__toggle,
body[data-color="1e202d"] .settings-nav-group__toggle:hover,
body[data-color="1e202d"] .settings-nav-group.is-open > .settings-nav-group__toggle {
  background: rgba(91, 115, 232, 0.14);
  color: #f8fafc;
}

body[data-color="1E202D"] .settings-nav-group__icon,
body[data-color="1e202d"] .settings-nav-group__icon {
  color: #94a3b8;
}

body[data-color="1E202D"] .settings-nav-group.is-open .settings-nav-group__icon,
body[data-color="1E202D"] .settings-nav-group__toggle:hover .settings-nav-group__icon,
body[data-color="1e202d"] .settings-nav-group.is-open .settings-nav-group__icon,
body[data-color="1e202d"] .settings-nav-group__toggle:hover .settings-nav-group__icon {
  color: #c7d2fe;
}

body[data-color="1E202D"] .settings-nav-link,
body[data-color="1e202d"] .settings-nav-link {
  color: #a8b3c7 !important;
}

body[data-color="1E202D"] .settings-nav-link:hover,
body[data-color="1e202d"] .settings-nav-link:hover {
  background: rgba(91, 115, 232, 0.12) !important;
  color: #e0e7ff !important;
}

body[data-color="1E202D"] .settings-nav-link.active,
body[data-color="1e202d"] .settings-nav-link.active {
  background: rgba(91, 115, 232, 0.2) !important;
  color: #ffffff !important;
}

body[data-color="1E202D"] .settings-nav-link.active::before,
body[data-color="1e202d"] .settings-nav-link.active::before {
  background: #a5b4fc;
}

/* Fix: menu lateral recolhido forçava min-height fixo (1420px) no body e uma
   altura fixa (1420px) na sidebar, criando um espaço vazio embaixo em páginas
   com pouco conteúdo. Ancoramos a sidebar recolhida com position: fixed (como
   no estado expandido) e altura baseada na viewport, e damos rolagem vertical
   própria à lista de ícones para que todos (ex.: Auditoria) fiquem acessíveis
   mesmo em telas baixas — sem esticar a página nem reintroduzir espaço vazio.

   A rolagem (overflow) recortaria os submenus flutuantes, que são
   position: absolute ancorados no <li> dentro da área rolável. Por isso os
   submenus e o rótulo do item passam a ser reposicionados como position: fixed
   via JS (assets/js/collapsed-menu.js), escapando totalmente do recorte. */
@media (min-width: 991px) {
  body.sidebar-toggled {
    min-height: 100vh !important;
  }

  .sidebar-toggled .sidebar {
    position: fixed !important;
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .sidebar-toggled .sidebar-scroll {
    max-height: calc(100vh - 65px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
  }

  .sidebar-toggled .sidebar-scroll::-webkit-scrollbar {
    width: 6px;
  }

  .sidebar-toggled .sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }
}

/* Submenu flutuante reposicionado via JS (position: fixed inline). O fundo é
   copiado da .sidebar-scroll pelo JS, cobrindo qualquer tema (claro/escuro). */
.sidebar-toggled .sidebar-menu li ul.cpd-flyout {
  display: block !important;
  width: auto !important;
  min-width: 240px;
  max-width: 320px;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 6px 0 !important;
  border-radius: 3px;
  z-index: 1006;
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1) !important;
}

.sidebar-toggled .sidebar-menu li ul.cpd-flyout li {
  width: auto !important;
}

.sidebar-toggled .sidebar-menu li ul.cpd-flyout li a {
  display: flex !important;
  width: auto !important;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  margin: 2px 8px !important;
}

.sidebar-toggled .sidebar-menu li ul.cpd-flyout li a span,
.sidebar-toggled .sidebar-menu li ul.cpd-flyout li a .menu-text {
  flex: 0 1 auto !important;
  min-width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap;
}

/* Rótulo flutuante (tooltip) para itens de topo sem submenu, no menu recolhido.
   Posicionado via JS para não ser recortado pela rolagem. */
#cpd-collapsed-menu-label {
  position: fixed;
  left: 70px;
  z-index: 1006;
  display: none;
  align-items: center;
  padding: 0 16px;
  background: #fff;
  color: #383c40;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
  border-radius: 0 3px 3px 0;
  box-shadow: 3px 2px 12px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

#cpd-collapsed-menu-label.is-visible {
  display: flex;
}

/* Modo escuro: barra de rolagem do menu recolhido. O fundo do flyout e do
   rótulo é aplicado pelo JS (collapsed-menu.js) e reforçado abaixo em CSS. */
body[data-color="1E202D"] .sidebar-toggled .sidebar-scroll::-webkit-scrollbar-thumb,
body[data-color="1e202d"] .sidebar-toggled .sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
}

@media (min-width: 991px) {
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li.expand.open > ul,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li.expand.open > ul {
    background-color: #272b35 !important;
    color: #c4cbdd !important;
    border-color: #3d4454 !important;
    box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.4) !important;
  }

  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul li:hover,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul li:hover,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li:hover,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li:hover {
    background-color: transparent !important;
  }

  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul li a,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul li a,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li a span,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li a span {
    color: #c4cbdd !important;
  }

  /* Hover/foco do submenu flutuante: fundo escuro SÓLIDO (nunca branco translúcido,
     que sobre um <li> branco herdado do tema base viraria branco). .cpd-flyout eleva
     a especificidade para vencer o color/1E202D.css injetado por último via JS. */
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul li a:hover,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul li a:focus,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul li a:hover,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul li a:focus,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li a:hover,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li a:focus,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li a:hover,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li a:focus {
    color: #ffffff !important;
    background-color: #333a48 !important;
    border-radius: 6px !important;
  }

  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li.expand.open > a,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li.expand.open > a {
    color: #ffffff !important;
    background-color: #333a48 !important;
    border-radius: 6px !important;
  }

  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul li.active > a,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul li.active > a,
  body[data-color="1E202D"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li.active > a,
  body[data-color="1e202d"] .sidebar-toggled .sidebar-menu li ul.cpd-flyout li.active > a {
    color: #93a8ff !important;
    background: rgba(91, 115, 232, 0.2) !important;
    border-radius: 6px !important;
  }

  body[data-color="1E202D"] #cpd-collapsed-menu-label,
  body[data-color="1e202d"] #cpd-collapsed-menu-label {
    background: #272b35 !important;
    color: #eef0f6 !important;
    border: 1px solid #3d4454;
    box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.4) !important;
  }
}