/**
 * Grow — layout system refresh
 * Carregado por último. Afeta chrome, listas, formulários, tabelas e login
 * sem reescrever as views de cada módulo.
 */

:root {
  --grow-accent: #5b73e8;
  --grow-accent-soft: rgba(91, 115, 232, 0.14);
  --grow-radius: 14px;
  --grow-radius-sm: 10px;
  --grow-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 28px rgba(15, 23, 42, 0.06);
}

body.admin-view,
body.team-member-view,
body.client-view {
  --ui-radius: var(--grow-radius);
  --ui-radius-sm: var(--grow-radius-sm);
  --ui-shadow: var(--grow-shadow);
}

/* ── Canvas ───────────────────────────────────────────── */
body.admin-view,
body.team-member-view,
body.client-view {
  background:
    radial-gradient(1200px 480px at 0% -10%, rgba(91, 115, 232, 0.08), transparent 55%),
    var(--ui-bg) !important;
}

body[data-color="1E202D"].admin-view,
body[data-color="1e202d"].admin-view,
body[data-color="1E202D"].team-member-view,
body[data-color="1e202d"].team-member-view,
body[data-color="1E202D"].client-view,
body[data-color="1e202d"].client-view {
  background: #1e202d !important;
}

body.admin-view .page-content,
body.team-member-view .page-content,
body.client-view .page-content {
  padding: 18px 22px 28px !important;
}

body.dashboard-page .page-content,
body.dashboard-page #page-content {
  padding: 0 !important;
}

@media (max-width: 767px) {
  body.admin-view .page-content,
  body.team-member-view .page-content,
  body.client-view .page-content {
    padding: 12px 12px 88px !important;
  }
}

/* ── Sidebar ──────────────────────────────────────────── */
.sidebar.sidebar--grow,
.sidebar {
  border-right: 1px solid var(--ui-border) !important;
}

.sidebar-brand .dashboard-image {
  max-height: 32px;
  width: auto;
}

.sidebar-menu li a {
  position: relative;
  border-left: none !important;
  border-radius: 10px !important;
  margin: 2px 12px !important;
  padding: 0.58rem 0.8rem !important;
}

.sidebar-menu li ul li a {
  margin: 2px 12px 2px 18px !important;
  padding: 0.46rem 0.75rem 0.46rem 1.85rem !important;
}

body[data-color="F2F2F2"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="f2f2f2"] .sidebar-menu > li.active:not(.expand) > a,
body:not([data-color]) .sidebar-menu > li.active:not(.expand) > a,
body[data-color=""] .sidebar-menu > li.active:not(.expand) > a {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

body[data-color="F2F2F2"] .sidebar-menu > li.active:not(.expand) > a .icon,
body[data-color="f2f2f2"] .sidebar-menu > li.active:not(.expand) > a .icon,
body:not([data-color]) .sidebar-menu > li.active:not(.expand) > a .icon,
body[data-color=""] .sidebar-menu > li.active:not(.expand) > a .icon {
  color: #0f172a !important;
}

body[data-color="F2F2F2"] .sidebar-menu > li.active:not(.expand) > a::before,
body[data-color="f2f2f2"] .sidebar-menu > li.active:not(.expand) > a::before,
body:not([data-color]) .sidebar-menu > li.active:not(.expand) > a::before,
body[data-color=""] .sidebar-menu > li.active:not(.expand) > a::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 4px;
  background: #4f7cff;
  border-radius: 0 4px 4px 0;
}

body[data-color="1E202D"] .sidebar,
body[data-color="1e202d"] .sidebar,
body[data-color="1E202D"] .sidebar-brand,
body[data-color="1e202d"] .sidebar-brand,
body[data-color="1E202D"] .sidebar-scroll,
body[data-color="1e202d"] .sidebar-scroll {
  background: #1e202d !important;
  border-color: #2a303c !important;
}

body[data-color="1E202D"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="1e202d"] .sidebar-menu > li.active:not(.expand) > a {
  background: rgba(91, 115, 232, 0.22) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(147, 168, 255, 0.22);
}

body[data-color="1E202D"] .sidebar-menu li a:hover,
body[data-color="1e202d"] .sidebar-menu li a:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

.sidebar-group-label {
  list-style: none;
  pointer-events: none;
  margin: 10px 12px 2px !important;
  padding: 8px 8px 4px !important;
}

.sidebar-group-label__text {
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

body[data-color="1E202D"] .sidebar-group-label__text,
body[data-color="1e202d"] .sidebar-group-label__text {
  color: #7b8498;
}

body.sidebar-toggled .sidebar-group-label {
  display: none;
}

/* ── Topbar ───────────────────────────────────────────── */
.navbar-custom {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body[data-color="1E202D"] .navbar-custom,
body[data-color="1e202d"] .navbar-custom {
  background: rgba(30, 32, 45, 0.96) !important;
  border-bottom-color: #2a303c !important;
}

#default-navbar .navbar-nav .nav-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px !important;
  border-radius: 10px !important;
  transition: background 0.16s ease, color 0.16s ease;
}

#default-navbar .navbar-nav .nav-link:hover,
#default-navbar .navbar-nav .nav-link:focus {
  background: rgba(15, 23, 42, 0.06);
}

body[data-color="1E202D"] #default-navbar .navbar-nav .nav-link:hover,
body[data-color="1e202d"] #default-navbar .navbar-nav .nav-link:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

#default-navbar #user-dropdown {
  height: auto !important;
  min-height: 40px;
  min-width: auto !important;
  width: auto !important;
  justify-content: flex-start !important;
  gap: 8px;
  padding: 2px 10px 2px 4px !important;
  border-radius: 12px !important;
}

#default-navbar #user-dropdown .user-name {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 160px;
  line-height: 1.15;
  overflow: hidden;
}

#default-navbar #user-dropdown .user-name-text {
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}

#default-navbar #user-dropdown .user-name-role {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #8b93a7;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  #default-navbar #user-dropdown .user-name {
    display: none !important;
  }
}

#default-navbar #user-dropdown .avatar-xs {
  width: 28px;
  height: 28px;
}

#default-navbar .navbar-nav .nav-link .badge.up {
  top: 4px;
  right: 4px;
}

#default-navbar .container-fluid {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

#default-navbar .navbar-collapse {
  display: flex !important;
  flex: 1 1 auto;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  position: relative;
}

#default-navbar .grow-topbar-left {
  flex: 0 0 auto;
  align-items: center;
}

.grow-topbar-title {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
  color: var(--ui-text, #1e293b);
}

body[data-color="1E202D"] .grow-topbar-title,
body[data-color="1e202d"] .grow-topbar-title {
  color: #eef0f6;
}

.grow-topbar-search-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 420px;
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  padding: 0;
}

#default-navbar .grow-topbar-search,
.grow-topbar-search-wrap > a.grow-topbar-search {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 16px 0 20px !important;
  border-radius: 999px !important;
  border: none !important;
  background: #f1f5f9 !important;
  box-shadow: none;
  color: #64748b !important;
  text-decoration: none !important;
  line-height: 1;
}

body[data-color="1E202D"] #default-navbar .grow-topbar-search,
body[data-color="1e202d"] #default-navbar .grow-topbar-search {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  color: #8b93a7 !important;
}

#default-navbar .grow-topbar-search:hover,
#default-navbar .grow-topbar-search:focus {
  background: #e2e8f0 !important;
  color: #475569 !important;
}
body[data-color="1E202D"] #default-navbar .grow-topbar-search:hover,
body[data-color="1e202d"] #default-navbar .grow-topbar-search:hover,
body[data-color="1E202D"] #default-navbar .grow-topbar-search:focus,
body[data-color="1e202d"] #default-navbar .grow-topbar-search:focus {
  background: #2a2f3c !important;
  color: #c5cad8 !important;
}

.grow-topbar-search__label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.grow-topbar-search__icon,
.grow-topbar-search svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0;
  stroke: #9aa3b5 !important;
  stroke-width: 1.75;
  opacity: 1;
}

.grow-topbar-left,
.grow-topbar-right {
  position: relative;
  z-index: 4;
}

.grow-topbar-right {
  margin-left: auto;
}

#default-navbar .grow-quick-add.nav-link {
  width: 36px;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: #4f7cff !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(79, 124, 255, 0.35);
}

#default-navbar .grow-quick-add.nav-link:hover,
#default-navbar .grow-quick-add.nav-link:focus,
body[data-color="1E202D"] #default-navbar .grow-quick-add.nav-link:hover,
body[data-color="1e202d"] #default-navbar .grow-quick-add.nav-link:hover {
  background: #3d6af0 !important;
  color: #fff !important;
}

#default-navbar .grow-quick-add .icon {
  color: #fff !important;
}

@media (max-width: 991px) {
  .grow-topbar-search-wrap,
  .grow-topbar-title {
    display: none !important;
  }
}

/* ── Cabeçalhos de página / listas ────────────────────── */
.page-title.clearfix,
.ui-page-header {
  padding: 14px 18px !important;
  background: transparent !important;
  border-bottom: 1px solid var(--ui-border) !important;
}

.ui-page-header__icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
  color: #4338ca;
  box-shadow: inset 0 0 0 1px rgba(91, 115, 232, 0.16);
}

body[data-color="1E202D"] .ui-page-header__icon,
body[data-color="1e202d"] .ui-page-header__icon {
  background: linear-gradient(135deg, rgba(91, 115, 232, 0.28), rgba(91, 115, 232, 0.1)) !important;
  color: #93a8ff !important;
  box-shadow: inset 0 0 0 1px rgba(147, 168, 255, 0.22);
}

.ui-page-header__title,
.page-title h1 {
  font-size: 1.2rem !important;
  letter-spacing: -0.03em;
}

.page-wrapper > .card,
#page-content > .card,
.page-content > .card,
.ui-list-card {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--grow-radius) !important;
  box-shadow: var(--grow-shadow) !important;
  overflow: hidden;
}

.title-button-group .btn-default {
  background: var(--ui-surface) !important;
}

.title-button-group .btn:has(.icon-16):first-child,
.title-button-group a.btn-default:last-child {
  /* keep all buttons consistent; primary-looking last add action */
}

.title-button-group a.btn-default:has(svg.feather-plus-circle),
.title-button-group a.btn-default:has(i[data-feather="plus-circle"]) {
  background: var(--grow-accent) !important;
  border-color: var(--grow-accent) !important;
  color: #fff !important;
}

.title-button-group a.btn-default:has(svg.feather-plus-circle):hover,
.title-button-group a.btn-default:has(i[data-feather="plus-circle"]):hover {
  filter: brightness(1.06);
  color: #fff !important;
}

/* ── Filtros ──────────────────────────────────────────── */
.filter-section-container {
  padding: 12px 16px !important;
  background: var(--ui-surface-muted);
  border-bottom: 1px solid var(--ui-border);
}

.filter-item-box {
  margin: 4px !important;
}

.filter-section-container .btn,
.filter-section-container .dropdown-toggle,
.filter-section-container .select2-choice {
  border-radius: 9px !important;
  min-height: 36px;
}

body[data-color="1E202D"] .filter-section-container,
body[data-color="1e202d"] .filter-section-container {
  background: #222733 !important;
  border-bottom-color: #2f3541 !important;
}

/* ── Tabelas ──────────────────────────────────────────── */
table.dataTable thead th,
table.display thead th {
  font-size: 0.6875rem !important;
  letter-spacing: 0.06em !important;
  background: var(--ui-surface-muted) !important;
}

table.dataTable tbody td,
table.display tbody td {
  padding: 0.78rem 0.9rem !important;
}

table.dataTable tbody tr,
table.display tbody tr {
  transition: background 0.12s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 8px !important;
  border: 0 !important;
  padding: 0.35rem 0.65rem !important;
  margin: 0 2px !important;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--grow-accent) !important;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  padding: 10px 16px 14px;
  font-size: 0.8125rem;
  color: var(--ui-text-muted);
}

.dataTables_wrapper .dataTables_filter input {
  background: var(--ui-surface);
  min-width: 200px;
}

/* ── Formulários ──────────────────────────────────────── */
.form-control,
.select2-container .select2-choice {
  border-radius: 10px !important;
  min-height: 40px;
}

.form-control:focus {
  border-color: #818cf8 !important;
}

.general-form .form-group,
.modal-body .form-group {
  margin-bottom: 1rem;
}

/* ── Modais ───────────────────────────────────────────── */
.modal-backdrop.show {
  opacity: 0.55;
  backdrop-filter: blur(6px);
}

.modal-content {
  border-radius: 16px !important;
  border: 1px solid var(--ui-border) !important;
}

.modal-header {
  padding: 1.05rem 1.3rem !important;
}

.modal-footer .btn {
  min-width: 96px;
}

/* ── Tabs ─────────────────────────────────────────────── */
.nav-tabs {
  gap: 6px;
  padding: 0 8px;
}

.nav-tabs .nav-link {
  border-radius: 10px 10px 0 0 !important;
  padding: 0.7rem 1rem !important;
}

.nav-tabs .nav-link.active {
  box-shadow: inset 0 -2px 0 var(--grow-accent);
}

.nav-tabs.title,
.nav-tabs.bg-white.title {
  padding: 10px 14px 0 !important;
  border-radius: var(--grow-radius) var(--grow-radius) 0 0 !important;
}

/* ── Listas / settings ────────────────────────────────── */
.list-group-item {
  border-color: var(--ui-border) !important;
  padding: 0.85rem 1.05rem;
}

.settings .list-group-item,
.list-group.settings-menu .list-group-item {
  border-radius: 10px !important;
  margin-bottom: 4px;
  border: 1px solid transparent !important;
}

.list-group-item.active,
.list-group-item.active:hover {
  background: var(--grow-accent-soft) !important;
  color: #4338ca !important;
  border-color: transparent !important;
}

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

/* ── Progresso, avatares, empty ───────────────────────── */
.progress {
  height: 8px;
  border-radius: 999px;
  background: var(--ui-surface-subtle);
  overflow: hidden;
}

.progress-bar {
  border-radius: 999px;
}

.avatar,
.avatar-xs,
.avatar-sm {
  box-shadow: 0 0 0 2px var(--ui-surface);
}

.text-off,
.empty-state,
.no-data {
  color: var(--ui-text-muted) !important;
}

/* ── Botão primário ───────────────────────────────────── */
.btn-primary {
  background: var(--grow-accent) !important;
  border-color: var(--grow-accent) !important;
  box-shadow: 0 1px 2px rgba(91, 115, 232, 0.25);
}

.btn-primary:hover,
.btn-primary:focus {
  background: #4d66dd !important;
  border-color: #4d66dd !important;
}

/* ── Login ────────────────────────────────────────────── */
body.signin-page {
  min-height: 100vh;
  background:
    radial-gradient(900px 420px at 12% -8%, rgba(91, 115, 232, 0.18), transparent 50%),
    radial-gradient(800px 380px at 100% 110%, rgba(16, 185, 129, 0.12), transparent 46%),
    linear-gradient(180deg, #eef2ff 0%, #f5f7fb 100%) !important;
}

body.signin-page .form-signin {
  max-width: 440px;
  padding: 32px 16px 48px;
}

body.signin-page .grow-signin {
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden;
}

body.signin-page .grow-signin .card-header {
  background: transparent !important;
  border-bottom: none !important;
  padding: 2rem 1.75rem 0.5rem !important;
}

body.signin-page .grow-signin .card-header img {
  max-height: 44px;
}

body.signin-page .grow-signin .card-body {
  padding: 0.75rem 1.85rem 1.85rem !important;
}

body.signin-page .grow-signin .form-label {
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ui-text-muted);
}

body.signin-page .grow-signin .form-control {
  min-height: 46px;
  border-radius: 12px !important;
}

body.signin-page .grow-signin .btn-primary {
  height: 48px;
  border-radius: 12px !important;
  margin-top: 8px;
}

body.signin-page .grow-signin-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-top: 14px;
  font-size: 0.875rem;
}

body[data-color="1E202D"].signin-page,
body[data-color="1e202d"].signin-page {
  background:
    radial-gradient(900px 420px at 12% -8%, rgba(91, 115, 232, 0.22), transparent 50%),
    linear-gradient(180deg, #14171e 0%, #1c1f26 100%) !important;
}

body[data-color="1E202D"].signin-page .grow-signin,
body[data-color="1e202d"].signin-page .grow-signin {
  background: #252932 !important;
  border-color: #2f3541 !important;
}

/* ── Mobile dock ──────────────────────────────────────── */
.mobile-bottom-menu {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(16px);
  border-top: 1px solid var(--ui-border) !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06);
}

body[data-color="1E202D"] .mobile-bottom-menu,
body[data-color="1e202d"] .mobile-bottom-menu {
  background: rgba(27, 31, 40, 0.94) !important;
  border-top-color: #2f3541 !important;
}

/* ── Dark canvas ──────────────────────────────────────── */
body[data-color="1E202D"].admin-view,
body[data-color="1e202d"].admin-view,
body[data-color="1E202D"].team-member-view,
body[data-color="1e202d"].team-member-view,
body[data-color="1E202D"].client-view,
body[data-color="1e202d"].client-view {
  background:
    radial-gradient(1000px 420px at 0% -12%, rgba(91, 115, 232, 0.12), transparent 50%),
    #171a21 !important;
}

body[data-color="1E202D"] .page-title,
body[data-color="1e202d"] .page-title,
body[data-color="1E202D"] .ui-page-header,
body[data-color="1e202d"] .ui-page-header {
  background: transparent !important;
}

body[data-color="1E202D"] table.dataTable thead th,
body[data-color="1e202d"] table.dataTable thead th {
  background: #222733 !important;
  color: #9aa3bc !important;
}

body[data-color="1E202D"] .form-control,
body[data-color="1e202d"] .form-control,
body[data-color="1E202D"] .select2-container .select2-choice,
body[data-color="1e202d"] .select2-container .select2-choice {
  background: #2a303c !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .input-group-text,
body[data-color="1e202d"] .input-group-text {
  background: #2a303c !important;
  border-color: #3d4452 !important;
  color: #aeb6ce !important;
}

body[data-color="1E202D"] .dataTables_wrapper .dataTables_paginate .paginate_button,
body[data-color="1e202d"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #aeb6ce !important;
}

body[data-color="1E202D"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body[data-color="1e202d"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
}

body[data-color="1E202D"] .modal-content,
body[data-color="1e202d"] .modal-content {
  background: #252932 !important;
  border-color: #2f3541 !important;
}

body[data-color="1E202D"] .select2-drop,
body[data-color="1e202d"] .select2-drop {
  background: #252932 !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .select2-results .select2-highlighted,
body[data-color="1e202d"] .select2-results .select2-highlighted {
  background: rgba(91, 115, 232, 0.28) !important;
  color: #fff !important;
}

/* ── Views de lista (título antigo vira toolbar) ──────── */
.page-title.clearfix > h1,
.page-title.clearfix > h4,
.nav-tabs.title .title-tab h4,
.nav-tabs.title .title-tab .pl15 {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  color: var(--ui-text) !important;
}

.nav-tabs.title,
.nav-tabs.bg-white.title,
.grow-tabs {
  background: var(--ui-surface) !important;
  border: 1px solid var(--ui-border) !important;
  border-bottom: 1px solid var(--ui-border) !important;
  box-shadow: var(--grow-shadow);
}

.card.border-top-0.rounded-top-0,
.card.border-top-0.rounded-top-0.ui-list-card {
  border-top: none !important;
  border-radius: 0 0 var(--grow-radius) var(--grow-radius) !important;
}

.todo-input-box {
  margin-bottom: 16px;
}

.todo-input-box .form-control {
  min-height: 46px;
  border-radius: 12px 0 0 12px !important;
}

.todo-input-box .btn {
  min-height: 46px;
  border-radius: 0 12px 12px 0 !important;
}

.message-view .card,
.content-sidebar .list-group-item {
  border-radius: 12px !important;
}

.content-sidebar .list-group-item {
  margin-bottom: 6px;
  border: 1px solid var(--ui-border) !important;
  font-weight: 600;
}

.dashed-row .form-group {
  padding: 14px 4px;
  border-bottom: 1px dashed var(--ui-border);
}

.settings-nav-link.active,
.settings-nav-link.active:hover {
  background: var(--grow-accent-soft) !important;
  color: #4338ca !important;
}

/* ── Tema claro: superfícies ──────────────────────────── */
body:not([data-color="1E202D"]):not([data-color="1e202d"]) .ui-list-card,
body:not([data-color="1E202D"]):not([data-color="1e202d"]) #page-content > .card {
  background: #fff;
}

body:not([data-color="1E202D"]):not([data-color="1e202d"]) table.dataTable tbody tr:nth-child(even) td {
  background: #fafbfe;
}

/* ── Tema escuro: views restantes ─────────────────────── */
body[data-color="1E202D"] .text-dark,
body[data-color="1e202d"] .text-dark,
body[data-color="1E202D"] .text-default,
body[data-color="1e202d"] .text-default {
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .table,
body[data-color="1e202d"] .table,
body[data-color="1E202D"] table.display,
body[data-color="1e202d"] table.display {
  color: #eef0f6 !important;
}

body[data-color="1E202D"] table.dataTable tbody tr.odd td,
body[data-color="1e202d"] table.dataTable tbody tr.odd td,
body[data-color="1E202D"] table.dataTable tbody tr.even td,
body[data-color="1e202d"] table.dataTable tbody tr.even td {
  background: transparent !important;
  color: #eef0f6 !important;
  border-bottom-color: #2f3541 !important;
}

body[data-color="1E202D"] .nav-tabs.title,
body[data-color="1e202d"] .nav-tabs.title,
body[data-color="1E202D"] .nav-tabs.bg-white.title,
body[data-color="1e202d"] .nav-tabs.bg-white.title,
body[data-color="1E202D"] .grow-tabs,
body[data-color="1e202d"] .grow-tabs {
  background: #252932 !important;
  border-color: #2f3541 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

body[data-color="1E202D"] .nav-tabs.title .title-tab h4,
body[data-color="1e202d"] .nav-tabs.title .title-tab h4,
body[data-color="1E202D"] .page-title.clearfix > h1,
body[data-color="1e202d"] .page-title.clearfix > h1,
body[data-color="1E202D"] .page-title.clearfix > h4,
body[data-color="1e202d"] .page-title.clearfix > h4 {
  color: #eef0f6 !important;
}

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

body[data-color="1E202D"] .nav-tabs .nav-link.active,
body[data-color="1e202d"] .nav-tabs .nav-link.active {
  color: #eef0f6 !important;
  background: #2a303c !important;
  border-color: #2f3541 !important;
}

body[data-color="1E202D"] .dropdown-menu,
body[data-color="1e202d"] .dropdown-menu {
  background: #252932 !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .datepicker,
body[data-color="1e202d"] .datepicker,
body[data-color="1E202D"] .datepicker-dropdown,
body[data-color="1e202d"] .datepicker-dropdown {
  background: #252932 !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .todo-input-box .form-control,
body[data-color="1e202d"] .todo-input-box .form-control {
  background: #2a303c !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .content-sidebar .list-group-item,
body[data-color="1e202d"] .content-sidebar .list-group-item,
body[data-color="1E202D"] .message-view .card,
body[data-color="1e202d"] .message-view .card,
body[data-color="1E202D"] .message-view .card-header,
body[data-color="1e202d"] .message-view .card-header {
  background: #252932 !important;
  border-color: #2f3541 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .datatable-search,
body[data-color="1e202d"] .datatable-search {
  background: #2a303c !important;
  border: 1px solid #3d4452 !important;
  color: #eef0f6 !important;
  border-radius: 10px;
}

body[data-color="1E202D"] .dashed-row .form-group,
body[data-color="1e202d"] .dashed-row .form-group {
  border-bottom-color: #2f3541 !important;
}

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

body[data-color="1E202D"] .settings-nav-link:hover,
body[data-color="1e202d"] .settings-nav-link:hover {
  color: #eef0f6 !important;
  background: rgba(255, 255, 255, 0.05) !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: #c7d2fe !important;
}

body[data-color="1E202D"] .kanban-item,
body[data-color="1e202d"] .kanban-item {
  background: #252932 !important;
  border-color: #2f3541 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .kanban-col,
body[data-color="1e202d"] .kanban-col {
  background: #1b1f28 !important;
}

body[data-color="1E202D"] .box,
body[data-color="1e202d"] .box,
body[data-color="1E202D"] .box-content,
body[data-color="1e202d"] .box-content {
  background: transparent !important;
  border-color: #2f3541 !important;
}

body[data-color="1E202D"] .note-editor,
body[data-color="1e202d"] .note-editor,
body[data-color="1E202D"] .note-editor .note-toolbar,
body[data-color="1e202d"] .note-editor .note-toolbar,
body[data-color="1E202D"] .note-editor .note-editing-area .note-editable,
body[data-color="1e202d"] .note-editor .note-editing-area .note-editable {
  background: #2a303c !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .grid-button > .card,
body[data-color="1e202d"] .grid-button > .card,
body[data-color="1E202D"] .ui-list-card,
body[data-color="1e202d"] .ui-list-card {
  background: #252932 !important;
  border-color: #2f3541 !important;
}

body[data-color="1E202D"] .title-button-group .btn-default,
body[data-color="1e202d"] .title-button-group .btn-default {
  background: #2f3541 !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .title-button-group a.btn-default:has(svg.feather-plus-circle),
body[data-color="1e202d"] .title-button-group a.btn-default:has(svg.feather-plus-circle),
body[data-color="1E202D"] .title-button-group a.btn-default:has(i[data-feather="plus-circle"]),
body[data-color="1e202d"] .title-button-group a.btn-default:has(i[data-feather="plus-circle"]) {
  background: var(--grow-accent) !important;
  border-color: var(--grow-accent) !important;
  color: #fff !important;
}

body[data-color="1E202D"] .modal-header,
body[data-color="1e202d"] .modal-header,
body[data-color="1E202D"] .modal-footer,
body[data-color="1e202d"] .modal-footer,
body[data-color="1E202D"] .modal-body,
body[data-color="1e202d"] .modal-body {
  background: #252932 !important;
  border-color: #2f3541 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .form-check-label,
body[data-color="1e202d"] .form-check-label,
body[data-color="1E202D"] .col-form-label,
body[data-color="1e202d"] .col-form-label {
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .alert-success,
body[data-color="1e202d"] .alert-success {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.28) !important;
  color: #6ee7b7 !important;
}

body[data-color="1E202D"] .alert-danger,
body[data-color="1e202d"] .alert-danger {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #fca5a5 !important;
}

body[data-color="1E202D"] .progress,
body[data-color="1e202d"] .progress {
  background: #2f3541 !important;
}

/* ── Match do print: chrome e painel ──────────────────── */
html[data-color="1E202D"],
html[data-color="1e202d"],
body[data-color="1E202D"],
body[data-color="1e202d"] {
  background: #1e202d !important;
}

body[data-color="1E202D"] .sidebar,
body[data-color="1e202d"] .sidebar,
body[data-color="1E202D"] .sidebar-brand,
body[data-color="1e202d"] .sidebar-brand,
body[data-color="1E202D"] .sidebar-scroll,
body[data-color="1e202d"] .sidebar-scroll,
body[data-color="1E202D"] .navbar-custom,
body[data-color="1e202d"] .navbar-custom {
  background: #1e202d !important;
  border-color: #2a303c !important;
}

body[data-color="1E202D"] .page-container,
body[data-color="1e202d"] .page-container,
body[data-color="1E202D"] .scrollable-page,
body[data-color="1e202d"] .scrollable-page,
body[data-color="1E202D"] .page-content,
body[data-color="1e202d"] .page-content,
body[data-color="1E202D"] .default-bg,
body[data-color="1e202d"] .default-bg {
  background: #232632 !important;
}

body[data-color="1E202D"] .dashboard-view.dashboard-view--modern,
body[data-color="1e202d"] .dashboard-view.dashboard-view--modern {
  --dash-canvas: #232632;
  --dash-surface: #252932;
  --dash-text: #f4f6fb;
  --dash-muted: #9aa3b5;
  background: #232632 !important;
}

body[data-color="1E202D"] .sidebar-menu > li.active:not(.expand) > a,
body[data-color="1e202d"] .sidebar-menu > li.active:not(.expand) > a {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body[data-color="1E202D"] .sidebar-menu > li.active:not(.expand) > a::before,
body[data-color="1e202d"] .sidebar-menu > li.active:not(.expand) > a::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 4px;
  background: #4f7cff;
  border-radius: 0 4px 4px 0;
}

body[data-color="1E202D"] .card,
body[data-color="1e202d"] .card {
  border: none !important;
  border-radius: 14px !important;
}

body[data-color="1E202D"] .widget-container .card,
body[data-color="1e202d"] .widget-container .card,
body[data-color="1E202D"] .card.dashboard-icon-widget,
body[data-color="1e202d"] .card.dashboard-icon-widget {
  background: #252932 !important;
  box-shadow: none !important;
}

body[data-color="1E202D"] .card.dashboard-icon-widget .card-body,
body[data-color="1e202d"] .card.dashboard-icon-widget .card-body {
  border-radius: 14px !important;
}

body[data-color="1E202D"] .widget-details h1,
body[data-color="1e202d"] .widget-details h1,
body[data-color="1E202D"] .box-content h3,
body[data-color="1e202d"] .box-content h3,
body[data-color="1E202D"] .box-content h4,
body[data-color="1e202d"] .box-content h4,
body[data-color="1E202D"] .dashboard-view .widget-container .box-content h3,
body[data-color="1e202d"] .dashboard-view .widget-container .box-content h4 {
  color: #f4f6fb !important;
}

body[data-color="1E202D"] #default-navbar #user-dropdown .user-name-text,
body[data-color="1e202d"] #default-navbar #user-dropdown .user-name-text {
  color: #eef0f6 !important;
}

body[data-color="1E202D"] #default-navbar #user-dropdown .user-name-role,
body[data-color="1e202d"] #default-navbar #user-dropdown .user-name-role {
  color: #8b93a7 !important;
}

#default-navbar {
  min-height: 56px;
  position: relative;
}

#default-navbar .navbar-collapse {
  min-height: 56px;
}

#default-navbar .grow-topbar-extra {
  display: none !important;
}

body[data-color="1E202D"] .ai-assistant-root--docked .ai-assistant-launcher,
body[data-color="1e202d"] .ai-assistant-root--docked .ai-assistant-launcher {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #eef0f6 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  font-weight: 600;
}

body[data-color="1E202D"] .ai-assistant-root--docked .ai-assistant-launcher:hover,
body[data-color="1e202d"] .ai-assistant-root--docked .ai-assistant-launcher:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: none;
}

.dashboard-view .dashboard-ticket-status-row {
  border-radius: 999px !important;
  padding: 8px 12px !important;
  margin: 0 0 6px !important;
  background: rgba(15, 23, 42, 0.04);
  border-bottom: none !important;
}

body[data-color="1E202D"] .dashboard-view .dashboard-ticket-status-row,
body[data-color="1e202d"] .dashboard-view .dashboard-ticket-status-row {
  background: rgba(255, 255, 255, 0.04);
}

.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(1) {
  background: #ffcc00 !important;
  color: #1e202d !important;
}

.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(2) {
  background: #ff4d4d !important;
  color: #fff !important;
}

.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(3) {
  background: #3b5bcc !important;
  color: #fff !important;
}

.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(1) .dashboard-ticket-status-row-label,
.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(1) .dashboard-ticket-status-row-value {
  color: #1e202d !important;
}

.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(1) .color-tag,
.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(2) .color-tag,
.dashboard-view .dashboard-ticket-status-col:first-child > .dashboard-ticket-status-row:nth-child(3) .color-tag {
  display: none !important;
}

body[data-color="1E202D"] .dashboard-view .dashboard-invoice-overview-rows .widget-progress-bar,
body[data-color="1e202d"] .dashboard-view .dashboard-invoice-overview-rows .widget-progress-bar {
  background: #1c1f29 !important;
  height: 6px;
  border-radius: 999px;
}

.dashboard-view .widget-container > .card,
.dashboard-view .widget-container > a > .card,
.dashboard-view .widget-container .dashboard-icon-widget {
  border-radius: 16px !important;
}

body[data-color="1E202D"] .dashboard-view .project-overview-widget .progress,
body[data-color="1e202d"] .dashboard-view .project-overview-widget .progress {
  height: 28px !important;
  border-radius: 14px !important;
  background: #1c1f29 !important;
  border: 1px solid #66c2b4 !important;
  box-shadow: none !important;
  padding: 2px;
}

body[data-color="1E202D"] .dashboard-view .project-overview-widget .progress-bar,
body[data-color="1e202d"] .dashboard-view .project-overview-widget .progress-bar,
body[data-color="1E202D"] .dashboard-view .progress-bar-grow,
body[data-color="1e202d"] .dashboard-view .progress-bar-grow {
  background: linear-gradient(90deg, #66c2b4, #2ec4b6) !important;
  color: #0b1220 !important;
  border-radius: 12px !important;
}

.dashboard-view .dashboard-team-overview-widget .progress {
  display: none !important;
}

.dashboard-view .dashboard-income-line-wrap {
  min-height: 128px;
  margin-top: 8px;
}

.dashboard-view .dashbaord-header-area,
.dashboard-view .dashboard-header {
  min-height: 0;
}

/* Editor rico em tarefas — modo escuro */
body[data-color="1E202D"] .note-editor,
body[data-color="1e202d"] .note-editor,
body[data-color="1E202D"] .note-editor .note-toolbar,
body[data-color="1e202d"] .note-editor .note-toolbar,
body[data-color="1E202D"] .note-editor .note-editing-area .note-editable,
body[data-color="1e202d"] .note-editor .note-editing-area .note-editable,
body[data-color="1E202D"] .note-editor .note-statusbar,
body[data-color="1e202d"] .note-editor .note-statusbar {
  background: #2a303c !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .note-editor .note-btn,
body[data-color="1e202d"] .note-editor .note-btn {
  background: #323948 !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .note-editor .dropdown-menu,
body[data-color="1e202d"] .note-editor .dropdown-menu {
  background: #252932 !important;
  border-color: #3d4452 !important;
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .note-editor .dropdown-menu > li > a,
body[data-color="1e202d"] .note-editor .dropdown-menu > li > a {
  color: #eef0f6 !important;
}

body[data-color="1E202D"] .comment-text,
body[data-color="1e202d"] .comment-text,
body[data-color="1E202D"] .rich-text-container,
body[data-color="1e202d"] .rich-text-container {
  color: #eef0f6;
}


