:root {
  --g-primary: #6366f1;
  --g-primary-hover: #4f46e5;
  --g-primary-light: #818cf8;
  --g-bg-main: #f6f8ff;
  --g-bg-secondary: #eef2ff;
  --g-card: #ffffff;
  --g-input: #ffffff;
  --g-text: #0f172a;
  --g-text-secondary: #1f2937;
  --g-muted: #64748b;
  --g-light: #94a3b8;
  --g-border: #dbe3f0;
  --g-border-light: #e8edf6;
  --g-sidebar: #ffffff;
  --g-sidebar-text: #1f2937;
  --g-sidebar-hover: #eef2ff;
  --g-success: #10b981;
  --g-warning: #f59e0b;
  --g-danger: #dc2626;
  --g-info: #3b82f6;
  --g-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.05);
  --g-shadow-md: 0 8px 18px -10px rgb(99 102 241 / 0.25), 0 4px 10px -6px rgb(15 23 42 / 0.12);
  --g-shadow-lg: 0 18px 36px -18px rgb(99 102 241 / 0.30), 0 8px 18px -10px rgb(15 23 42 / 0.16);
}

[data-theme="dark"] {
  --g-primary: #818cf8;
  --g-primary-hover: #6366f1;
  --g-primary-light: #a5b4fc;
  --g-bg-main: #0f172a;
  --g-bg-secondary: #1e293b;
  --g-card: #1e293b;
  --g-input: #0f172a;
  --g-text: #f1f5f9;
  --g-text-secondary: #e2e8f0;
  --g-muted: #94a3b8;
  --g-light: #64748b;
  --g-border: #334155;
  --g-border-light: #475569;
  --g-sidebar: #1e293b;
  --g-sidebar-text: #e2e8f0;
  --g-sidebar-hover: #0c4a6e;
  --g-danger: #f87171;
  --g-warning: #fbbf24;
  --g-info: #60a5fa;
  --g-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
  --g-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.3);
  --g-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
}

html { scroll-behavior: smooth; }

body#page-top,
body.bg-gradient-primary {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: var(--g-text) !important;
  background: radial-gradient(circle at top left, rgb(99 102 241 / 0.08), transparent 30%),
              linear-gradient(180deg, #ffffff 0%, var(--g-bg-main) 46%, #eef2ff 100%) !important;
  transition: background-color .3s ease, color .3s ease;
}

[data-theme="dark"] body#page-top,
[data-theme="dark"] body.bg-gradient-primary {
  background: var(--g-bg-main) !important;
}

/* Shell do painel */
body#page-top #wrapper {
  display: flex;
  min-height: 100vh;
}

body#page-top #accordionSidebar.sidebar {
  position: fixed;
  z-index: 1030;
  top: 0;
  left: 0;
  width: 280px;
  height: 100vh;
  min-height: 100vh;
  margin: 0;
  padding: 24px;
  background: radial-gradient(circle at 20% 0%, rgb(99 102 241 / 0.16), transparent 32%),
              linear-gradient(180deg, rgb(255 255 255 / 0.06), transparent 22%),
              var(--g-sidebar) !important;
  border-right: 1px solid var(--g-border) !important;
  box-shadow: 18px 0 60px rgb(15 23 42 / 0.12);
  color: var(--g-sidebar-text);
  overflow-y: auto;
  transition: transform .3s ease, width .3s ease, background-color .3s ease;
}

body#page-top #accordionSidebar.sidebar::-webkit-scrollbar { width: 6px; }
body#page-top #accordionSidebar.sidebar::-webkit-scrollbar-track { background: transparent; }
body#page-top #accordionSidebar.sidebar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }

body#page-top #accordionSidebar .sidebar-brand {
  display: flex;
  height: auto;
  min-height: 0;
  padding: 18px 12px 24px;
  margin: 0 0 24px;
  border-bottom: 1px solid var(--g-border);
}

body#page-top #accordionSidebar .sidebar-brand-icon {
  width: auto;
  height: auto;
  transform: none;
}

body#page-top #accordionSidebar .sidebar-brand-icon img,
body#page-top #accordionSidebar .img-profile {
  display: block;
  width: 112px !important;
  height: 112px !important;
  object-fit: contain;
  padding: 8px;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.03));
  box-shadow: 0 18px 40px rgb(15 23 42 / 0.16), 0 0 0 1px rgb(255 255 255 / 0.08), 0 0 28px rgb(99 102 241 / 0.28);
}

body#page-top #accordionSidebar .sidebar-divider {
  display: none;
}

body#page-top #accordionSidebar .text-menu-header {
  display: block;
  padding: 0 8px;
  margin: 22px 0 10px;
  color: var(--g-muted) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body#page-top #accordionSidebar .nav-item.no-margin { margin: 0; }

body#page-top #accordionSidebar .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 8px 14px;
  margin: 0 0 6px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--g-sidebar-text) !important;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body#page-top #accordionSidebar .nav-link:hover,
body#page-top #accordionSidebar .nav-link:focus {
  color: var(--g-primary) !important;
  background: var(--g-sidebar-hover) !important;
  border-color: rgb(99 102 241 / 0.22);
  transform: translateX(4px);
  text-decoration: none;
  box-shadow: 0 10px 24px rgb(15 23 42 / 0.10);
}

body#page-top #accordionSidebar .nav-link.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--g-primary), #7c3aed) !important;
  border-color: rgb(255 255 255 / 0.30);
  box-shadow: 0 14px 32px rgb(99 102 241 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.28);
}

body#page-top #accordionSidebar .nav-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin: 0 !important;
  border-radius: 12px;
  color: var(--g-primary) !important;
  background: rgb(99 102 241 / 0.12);
  font-size: 16px;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

body#page-top #accordionSidebar .nav-link:hover i { transform: scale(1.07) rotate(-3deg); }
body#page-top #accordionSidebar .nav-link.active i { color: #ffffff !important; background: rgb(255 255 255 / 0.20); }

body#page-top #accordionSidebar .collapse-inner {
  margin: 4px 0 12px 18px;
  padding: 8px;
  background: var(--g-bg-secondary) !important;
  border: 1px solid var(--g-border);
  border-radius: 14px;
}

body#page-top #accordionSidebar .collapse-header {
  color: var(--g-muted) !important;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

body#page-top #accordionSidebar .collapse-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  color: var(--g-text-secondary) !important;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
}
body#page-top #accordionSidebar .collapse-item:hover { color: var(--g-primary) !important; background: var(--g-card); text-decoration: none; }
body#page-top #accordionSidebar .collapse-item i { color: var(--g-primary); }

body#page-top #accordionSidebar .nav-item2 {
  margin-top: 20px;
  padding: 12px !important;
  border: 1px solid rgb(99 102 241 / 0.22);
  border-radius: 14px;
  background: linear-gradient(135deg, rgb(99 102 241 / 0.13), rgb(124 58 237 / 0.08)) !important;
  color: var(--g-text) !important;
  font-size: 12px;
}
body#page-top #accordionSidebar .nav-item2 .nav-link2 { color: var(--g-muted) !important; text-decoration: none; }
body#page-top #accordionSidebar .nav-item2 b { color: var(--g-primary) !important; }

body#page-top #accordionSidebar .sticky-footer {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--g-border);
  color: var(--g-muted);
  font-size: 12px;
}

body#page-top #content-wrapper {
  width: calc(100% - 280px);
  min-height: 100vh;
  margin-left: 280px;
  background: transparent !important;
}

body#page-top #content { background: transparent !important; }

body#page-top .topbar {
  min-height: 72px;
  margin: 24px 36px 8px !important;
  padding: 12px 20px;
  border: 1px solid var(--g-border) !important;
  border-radius: 18px;
  background: var(--g-card) !important;
  box-shadow: var(--g-shadow-md) !important;
}
body#page-top .topbar h5 { color: var(--g-text) !important; font-size: 17px; font-weight: 700; }
body#page-top .topbar .navbar-nav { align-items: center; }
body#page-top .topbar .topbar-divider { height: 32px; border-left-color: var(--g-border) !important; }
body#page-top .topbar .nav-link { color: var(--g-muted) !important; }
body#page-top .topbar .nav-link:hover { color: var(--g-primary) !important; }
body#page-top .topbar .badge-danger { padding: 8px 12px; border-radius: 999px; color: #ffffff; background: var(--g-danger) !important; font-size: 11px; }

body#page-top #content > main,
body#page-top #content > .container,
body#page-top #content > .container-fluid {
  width: auto;
  max-width: 1480px;
  margin: 0 auto;
  padding: 24px 36px 42px !important;
}

body#page-top h1,
body#page-top h2,
body#page-top h3,
body#page-top h4,
body#page-top h5,
body#page-top h6 { color: var(--g-text); }
body#page-top .text-primary { color: var(--g-primary) !important; }
body#page-top .text-muted,
body#page-top .small { color: var(--g-muted) !important; }

body#page-top .card,
body#page-top .modal-content,
body#page-top .dropdown-menu {
  border: 1px solid var(--g-border) !important;
  border-radius: 16px !important;
  background: var(--g-card) !important;
  color: var(--g-text) !important;
  box-shadow: var(--g-shadow-md) !important;
}
body#page-top .card-header,
body#page-top .card-footer { background: var(--g-bg-secondary) !important; border-color: var(--g-border) !important; color: var(--g-text); }
body#page-top .card:hover { box-shadow: var(--g-shadow-lg) !important; }

body#page-top .table-responsive { border-radius: 16px; }
body#page-top table { width: 100%; color: var(--g-text) !important; background: var(--g-card) !important; }
body#page-top table thead th,
body#page-top .table thead th {
  padding: 14px 16px;
  border-color: var(--g-border) !important;
  background: var(--g-bg-secondary) !important;
  color: var(--g-muted) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
body#page-top table td,
body#page-top .table td { padding: 14px 16px; border-color: var(--g-border-light) !important; color: var(--g-text-secondary) !important; vertical-align: middle; }
body#page-top table tbody tr:hover { background: var(--g-bg-secondary) !important; }

body#page-top input,
body#page-top textarea,
body#page-top select,
body.bg-gradient-primary input,
body.bg-gradient-primary textarea,
body.bg-gradient-primary select {
  border: 1px solid var(--g-border) !important;
  border-radius: 10px !important;
  background: var(--g-input) !important;
  color: var(--g-text) !important;
}
body#page-top input:focus,
body#page-top textarea:focus,
body#page-top select:focus,
body.bg-gradient-primary input:focus,
body.bg-gradient-primary textarea:focus,
body.bg-gradient-primary select:focus {
  border-color: var(--g-primary) !important;
  box-shadow: 0 0 0 4px rgb(99 102 241 / 0.13) !important;
  outline: none;
}
body#page-top input::placeholder,
body#page-top textarea::placeholder,
body.bg-gradient-primary input::placeholder { color: var(--g-light) !important; }

body#page-top .btn,
body.bg-gradient-primary .btn { border-radius: 10px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
body#page-top .btn-primary,
body.bg-gradient-primary .btn-primary { background: var(--g-primary) !important; border-color: var(--g-primary) !important; color: #ffffff !important; }
body#page-top .btn-primary:hover,
body.bg-gradient-primary .btn-primary:hover { background: var(--g-primary-hover) !important; border-color: var(--g-primary-hover) !important; transform: translateY(-1px); box-shadow: var(--g-shadow-md); }
body#page-top .btn-success { background: var(--g-success) !important; border-color: var(--g-success) !important; }
body#page-top .btn-danger { background: var(--g-danger) !important; border-color: var(--g-danger) !important; }
body#page-top .alert { border-radius: 12px; border-color: var(--g-border); }

body#page-top .pagination .page-link { border-color: var(--g-border); color: var(--g-primary); background: var(--g-card); }
body#page-top .pagination .page-item.active .page-link { color: #fff; background: var(--g-primary); border-color: var(--g-primary); }
body#page-top .pagination .page-link:hover { background: var(--g-bg-secondary); }

.theme-toggle-btn,
.toggle-btn {
  position: fixed;
  z-index: 1100;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid var(--g-border);
  border-radius: 14px;
  color: var(--g-text);
  background: var(--g-card);
  box-shadow: var(--g-shadow-md);
  cursor: pointer;
  transition: transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease;
}
.theme-toggle-btn { top: 20px; right: 20px; }
.toggle-btn { top: 20px; left: 20px; display: none; }
.theme-toggle-btn:hover,
.toggle-btn:hover { color: var(--g-primary); border-color: var(--g-primary); transform: translateY(-1px); }
.theme-toggle-btn i,
.toggle-btn i { font-size: 18px; }

[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] body#page-top .topbar,
[data-theme="dark"] body#page-top .card,
[data-theme="dark"] body#page-top .modal-content,
[data-theme="dark"] body#page-top .dropdown-menu { background-color: var(--g-card) !important; color: var(--g-text) !important; }
[data-theme="dark"] body#page-top .text-dark,
[data-theme="dark"] body#page-top .text-gray-800,
[data-theme="dark"] body#page-top label,
[data-theme="dark"] body#page-top .modal-title { color: var(--g-text) !important; }
[data-theme="dark"] body#page-top .border-bottom,
[data-theme="dark"] body#page-top .border-top { border-color: var(--g-border) !important; }
[data-theme="dark"] body#page-top .table-striped tbody tr:nth-of-type(odd) { background-color: rgb(15 23 42 / 0.22); }
[data-theme="dark"] body#page-top .table-hover tbody tr:hover { color: var(--g-text); background-color: var(--g-bg-secondary); }

/* Tela de login: mesma linguagem visual do Gestor77 */
body.bg-gradient-primary .container { position: relative; z-index: 1; }
body.bg-gradient-primary .form-container {
  max-width: 430px;
  padding: 34px;
  border: 1px solid var(--g-border) !important;
  border-top: 4px solid var(--g-primary) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.92) !important;
  box-shadow: var(--g-shadow-lg) !important;
  backdrop-filter: blur(16px);
}
body.bg-gradient-primary .outside-image { width: 118px; max-height: 118px; object-fit: contain; }
body.bg-gradient-primary .form-title { margin: 4px 0 26px; color: var(--g-text); font-size: 22px; letter-spacing: -.02em; }
body.bg-gradient-primary .form-group { margin-bottom: 16px; }
body.bg-gradient-primary .form-control { min-height: 48px; padding: 12px 14px; }
body.bg-gradient-primary .password-toggle-icon { border-color: var(--g-border); background: var(--g-bg-secondary); color: var(--g-primary); }
body.bg-gradient-primary .forget { margin: 22px 0 0; text-align: center; }
body.bg-gradient-primary .forget img { width: 190px !important; opacity: .84; }
[data-theme="dark"] body.bg-gradient-primary .form-container { background: rgb(30 41 59 / 0.94) !important; }

@media (max-width: 992px) {
  body#page-top #accordionSidebar.sidebar { width: 260px; transform: translateX(-100%); }
  body#page-top #accordionSidebar.sidebar.open { transform: translateX(0); }
  body#page-top #content-wrapper { width: 100%; margin-left: 0; }
  body#page-top .topbar { margin: 20px 16px 8px !important; padding-left: 62px; }
  body#page-top #content > main,
  body#page-top #content > .container,
  body#page-top #content > .container-fluid { padding: 20px 16px 32px !important; }
  .toggle-btn { display: inline-flex; }
}

@media (max-width: 480px) {
  body#page-top .topbar { min-height: 64px; margin: 16px 12px 4px !important; }
  body#page-top .topbar h5 { font-size: 14px; }
  .theme-toggle-btn, .toggle-btn { width: 40px; height: 40px; top: 16px; }
  .theme-toggle-btn { right: 16px; }
  .toggle-btn { left: 16px; }
  body.bg-gradient-primary .form-container { margin: 0 16px; padding: 26px 20px; }
}

body#page-top .topbar-subtitle { display: block; margin-top: 2px; color: var(--g-muted); font-size: 11px; font-weight: 500; }
body#page-top .copyright { color: var(--g-muted); font-size: 12px; }
body#page-top .copyright a { color: var(--g-muted); }
body#page-top .copyright a:hover { color: var(--g-primary); text-decoration: none; }
body#page-top .sticky-footer { padding: 18px 36px 26px; background: transparent; }
body#page-top .modal-header,
body#page-top .modal-footer { border-color: var(--g-border) !important; }
body#page-top .close { color: var(--g-text); text-shadow: none; }
body#page-top .dropdown-menu { border-radius: 12px; }
body#page-top .form-control:disabled,
body#page-top .form-control[readonly] { background: var(--g-bg-secondary) !important; color: var(--g-muted) !important; }
@media (max-width: 992px) { body#page-top .sticky-footer { padding: 18px 16px 26px; } }

/* O menu do Gestor77 é o único controle de navegação exibido. */
body#page-top #sidebarToggleTop { display: none !important; }

/* A sidebar do Gestor77 não deve encolher por classes do tema legado. */
body#page-top #accordionSidebar.sidebar.toggled {
  width: 280px !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

@media (max-width: 992px) {
  body#page-top #accordionSidebar.sidebar.toggled {
    width: 260px !important;
    min-height: 100vh !important;
    transform: translateX(-100%);
  }
  body#page-top #accordionSidebar.sidebar.toggled.open {
    transform: translateX(0);
  }
}

body#page-top #accordionSidebar .nav-link.submenu-toggle::after {
  margin-left: auto;
  color: var(--g-muted);
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: 900;
  transition: transform .2s ease;
}

body#page-top #accordionSidebar .nav-link.submenu-toggle.collapsed::after {
  transform: rotate(-90deg);
}

/* Submenus devem aparecer dentro da sidebar, sem o posicionamento legado do SB Admin. */
body#page-top #accordionSidebar .nav-item > .collapse,
body#page-top #accordionSidebar .nav-item > .collapsing {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto;
  margin: 0 0 10px !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible;
}

body#page-top #accordionSidebar .nav-item > .collapse:not(.show):not(.open) {
  display: none !important;
}

body#page-top #accordionSidebar .nav-item > .collapse.show,
body#page-top #accordionSidebar .nav-item > .collapse.open {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body#page-top #accordionSidebar .nav-item > .collapse-inner {
  display: block !important;
  width: auto;
}

/* Tema escuro consistente para páginas legadas do painel. */
[data-theme="dark"] {
  color-scheme: dark;
}

[data-theme="dark"] body#page-top #content > main,
[data-theme="dark"] body#page-top #content > .container,
[data-theme="dark"] body#page-top #content > .container-fluid,
[data-theme="dark"] body#page-top #content > main > #main,
[data-theme="dark"] body#page-top #content > main > .row,
[data-theme="dark"] body#page-top .table-responsive {
  color: var(--g-text) !important;
  background: var(--g-card) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top #content > main,
[data-theme="dark"] body#page-top #content > .container,
[data-theme="dark"] body#page-top #content > .container-fluid {
  border-left: 1px solid var(--g-primary) !important;
  border-radius: 22px !important;
  box-shadow: var(--g-shadow-lg) !important;
}

[data-theme="dark"] body#page-top #main,
[data-theme="dark"] body#page-top main .row,
[data-theme="dark"] body#page-top main .input-group,
[data-theme="dark"] body#page-top main .input-group-prepend,
[data-theme="dark"] body#page-top main .input-group-text {
  color: var(--g-text) !important;
  background-color: transparent !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top main h1,
[data-theme="dark"] body#page-top main h2,
[data-theme="dark"] body#page-top main h3,
[data-theme="dark"] body#page-top main h4,
[data-theme="dark"] body#page-top main h5,
[data-theme="dark"] body#page-top main h6,
[data-theme="dark"] body#page-top main p,
[data-theme="dark"] body#page-top main span,
[data-theme="dark"] body#page-top main label,
[data-theme="dark"] body#page-top main strong,
[data-theme="dark"] body#page-top main .lead {
  color: var(--g-text) !important;
}

[data-theme="dark"] body#page-top main .text-muted,
[data-theme="dark"] body#page-top main .small,
[data-theme="dark"] body#page-top main small {
  color: var(--g-muted) !important;
}

[data-theme="dark"] body#page-top .table,
[data-theme="dark"] body#page-top .table-striped tbody tr:nth-of-type(odd),
[data-theme="dark"] body#page-top .table-striped tbody tr:nth-of-type(even),
[data-theme="dark"] body#page-top .table-hover tbody tr:hover {
  color: var(--g-text) !important;
  background-color: var(--g-card) !important;
}

[data-theme="dark"] body#page-top .table td,
[data-theme="dark"] body#page-top .table th,
[data-theme="dark"] body#page-top table td,
[data-theme="dark"] body#page-top table th {
  color: var(--g-text-secondary) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top .table thead th,
[data-theme="dark"] body#page-top table thead th {
  color: var(--g-text) !important;
  background: var(--g-bg-secondary) !important;
}

[data-theme="dark"] body#page-top .form-control,
[data-theme="dark"] body#page-top .custom-select,
[data-theme="dark"] body#page-top .custom-file-label,
[data-theme="dark"] body#page-top .input-group-text {
  color: var(--g-text) !important;
  background: var(--g-input) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top .form-control::placeholder {
  color: var(--g-muted) !important;
}

[data-theme="dark"] body#page-top .modal-content,
[data-theme="dark"] body#page-top .modal-header,
[data-theme="dark"] body#page-top .modal-footer,
[data-theme="dark"] body#page-top .dropdown-menu,
[data-theme="dark"] body#page-top .dropdown-item {
  color: var(--g-text) !important;
  background: var(--g-card) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top .dropdown-item:hover,
[data-theme="dark"] body#page-top .dropdown-item:focus {
  color: var(--g-text) !important;
  background: var(--g-bg-secondary) !important;
}

[data-theme="dark"] body#page-top .btn-secondary,
[data-theme="dark"] body#page-top .btn-light,
[data-theme="dark"] body#page-top .btn-default {
  color: var(--g-text) !important;
  background: var(--g-bg-secondary) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top .alert {
  color: var(--g-text) !important;
  background: var(--g-bg-secondary) !important;
}

/* Harmonização das telas legadas nos temas claro e escuro. */
body#page-top .container-fluid {
  color: var(--g-text);
}

body#page-top .card-body {
  color: var(--g-text) !important;
  background: var(--g-card) !important;
}

body#page-top .text-gray-800,
body#page-top .text-gray-900,
body#page-top .text-dark {
  color: var(--g-text) !important;
}

body#page-top .form-group label,
body#page-top .form-check-label,
body#page-top .custom-control-label,
body#page-top .control-label {
  color: var(--g-text-secondary) !important;
}

body#page-top .image-container {
  color: var(--g-text) !important;
  background: var(--g-card) !important;
  border: 1px solid var(--g-border) !important;
  box-shadow: var(--g-shadow-md) !important;
}

body#page-top .image-container p,
body#page-top .image-container h1,
body#page-top .image-container h2,
body#page-top .image-container h3,
body#page-top .image-container h4,
body#page-top .image-container h5,
body#page-top .image-container h6 {
  color: var(--g-text) !important;
}

body#page-top .image-container img,
body#page-top .preview-image {
  background: var(--g-bg-secondary) !important;
}

body#page-top label,
body#page-top select,
body#page-top input,
body#page-top textarea {
  color: var(--g-text) !important;
}

body#page-top .form-theme label,
body#page-top .form-theme select,
body#page-top .form-theme input,
body#page-top .form-theme .custom-button {
  background: var(--g-input) !important;
  border: 1px solid var(--g-border) !important;
  color: var(--g-text) !important;
}

body#page-top input[type="radio"],
body#page-top input[type="checkbox"] {
  accent-color: var(--g-primary);
}

body#page-top .input-group-text {
  color: var(--g-text-secondary) !important;
  background: var(--g-bg-secondary) !important;
  border-color: var(--g-border) !important;
}

body#page-top .card-body b,
body#page-top .card-body strong {
  color: var(--g-text) !important;
}

[data-theme="dark"] body#page-top .card-body,
[data-theme="dark"] body#page-top .image-container,
[data-theme="dark"] body#page-top .preview-image {
  background: var(--g-card) !important;
}

[data-theme="dark"] body#page-top .image-container.selected {
  box-shadow: 0 0 18px rgb(129 140 248 / 0.40) !important;
}

[data-theme="dark"] body#page-top .card-body .form-control,
[data-theme="dark"] body#page-top .card-body select,
[data-theme="dark"] body#page-top .card-body input,
[data-theme="dark"] body#page-top .card-body textarea {
  background: var(--g-input) !important;
  color: var(--g-text) !important;
  border-color: var(--g-border) !important;
}

/* Ações de tabela: roxo no tema escuro para melhorar contraste. */
[data-theme="dark"] body#page-top td a[href*="_update"] img,
[data-theme="dark"] body#page-top td a[href*="update"] img,
[data-theme="dark"] body#page-top td a[data-href*="delete"] img {
  filter: invert(67%) sepia(77%) saturate(1150%) hue-rotate(213deg) brightness(103%) contrast(101%) !important;
}

[data-theme="dark"] body#page-top td a[href*="_update"] i,
[data-theme="dark"] body#page-top td a[href*="update"] i,
[data-theme="dark"] body#page-top td a[data-href*="delete"] i,
[data-theme="dark"] body#page-top td a.btn-icon i,
[data-theme="dark"] body#page-top .btn-green,
[data-theme="dark"] body#page-top .btn-delete {
  color: #a78bfa !important;
}

[data-theme="dark"] body#page-top td a.btn-icon:hover img {
  filter: invert(77%) sepia(62%) saturate(1200%) hue-rotate(214deg) brightness(108%) contrast(104%) !important;
}

[data-theme="dark"] body#page-top td a.btn-icon:hover i {
  color: #c4b5fd !important;
}

/* Ações de tabela: mesma identidade roxa no tema claro e no escuro. */
body#page-top td a[href*="_update"] img,
body#page-top td a[href*="update"] img,
body#page-top td a[data-href*="delete"] img {
  filter: invert(39%) sepia(90%) saturate(1950%) hue-rotate(244deg) brightness(91%) contrast(96%) !important;
}

body#page-top td a[href*="_update"] i,
body#page-top td a[href*="update"] i,
body#page-top td a[data-href*="delete"] i,
body#page-top td a.btn-icon i,
body#page-top .btn-green,
body#page-top .btn-delete {
  color: #7c3aed !important;
}

body#page-top td a.btn-icon:hover img {
  filter: invert(47%) sepia(93%) saturate(1810%) hue-rotate(241deg) brightness(100%) contrast(101%) !important;
}

body#page-top td a.btn-icon:hover i {
  color: #8b5cf6 !important;
}

/* Perfil: remover a camada externa clara no tema escuro. */
[data-theme="dark"] body#page-top #content > .profile-page {
  color: var(--g-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

[data-theme="dark"] body#page-top .profile-page > .row,
[data-theme="dark"] body#page-top .profile-page .col-lg-12,
[data-theme="dark"] body#page-top .profile-page .card,
[data-theme="dark"] body#page-top .profile-page .card-header,
[data-theme="dark"] body#page-top .profile-page .card-body {
  color: var(--g-text) !important;
  background: var(--g-card) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top .profile-page .card {
  border-left: 4px solid var(--g-primary) !important;
  box-shadow: var(--g-shadow-lg) !important;
}

[data-theme="dark"] body#page-top .profile-page input[type="file"] {
  color: var(--g-text) !important;
  background: var(--g-input) !important;
  border-color: var(--g-border) !important;
}

[data-theme="dark"] body#page-top .profile-page input[type="file"]::file-selector-button {
  color: var(--g-text) !important;
  background: var(--g-bg-secondary) !important;
  border: 0 !important;
  border-right: 1px solid var(--g-border) !important;
}

[data-theme="dark"] body#page-top .profile-page input[type="file"]::-webkit-file-upload-button {
  color: var(--g-text) !important;
  background: var(--g-bg-secondary) !important;
  border: 0 !important;
  border-right: 1px solid var(--g-border) !important;
}

[data-theme="dark"] body#page-top .profile-page .text-primary,
[data-theme="dark"] body#page-top .profile-page .form-control.text-primary {
  color: var(--g-text) !important;
}

[data-theme="dark"] body#page-top .profile-page img {
  background: var(--g-bg-secondary) !important;
  border-radius: 12px;
}

/* Mensagens: cabeçalho da caixa Selecionar País com contraste correto. */
body#page-top .messages-page > .card,
body#page-top .messages-page .card-header,
body#page-top .messages-page .card-body {
  color: var(--g-text) !important;
  background: var(--g-card) !important;
  border-color: var(--g-border) !important;
}

body#page-top .messages-page .card-header {
  background: var(--g-bg-secondary) !important;
  border-bottom: 1px solid var(--g-border) !important;
}

body#page-top .messages-page .card-header h6,
body#page-top .messages-page .card-header .text-white,
body#page-top .messages-page .card-header i {
  color: var(--g-text) !important;
}

body#page-top .messages-page .card-body label,
body#page-top .messages-page .card-body strong {
  color: var(--g-text-secondary) !important;
}

body#page-top .messages-page select,
body#page-top .messages-page option {
  color: var(--g-text) !important;
  background: var(--g-input) !important;
}

[data-theme="dark"] body#page-top .messages-page > .card,
[data-theme="dark"] body#page-top .messages-page .card-header,
[data-theme="dark"] body#page-top .messages-page .card-body {
  background: var(--g-card) !important;
  color: var(--g-text) !important;
}

[data-theme="dark"] body#page-top .messages-page .card-header {
  background: var(--g-bg-secondary) !important;
}

/* Revisão transversal de contraste para componentes legados. */
body#page-top .card-header h1,
body#page-top .card-header h2,
body#page-top .card-header h3,
body#page-top .card-header h4,
body#page-top .card-header h5,
body#page-top .card-header h6,
body#page-top .card-header .text-white,
body#page-top .card-footer .text-white {
  color: var(--g-text) !important;
}

body#page-top .card-header i,
body#page-top .card-footer i {
  color: var(--g-primary) !important;
}

body#page-top .custom-file-label {
  color: var(--g-text) !important;
  background: var(--g-input) !important;
  border-color: var(--g-border) !important;
}

body#page-top .custom-file-label::after {
  color: var(--g-text-secondary) !important;
  background: var(--g-bg-secondary) !important;
  border-left-color: var(--g-border) !important;
}

body#page-top .list-group-item {
  color: var(--g-text-secondary) !important;
  background: var(--g-card) !important;
  border-color: var(--g-border) !important;
}

body#page-top .nav-tabs,
body#page-top .nav-tabs .nav-link,
body#page-top .tab-content {
  color: var(--g-text) !important;
  border-color: var(--g-border) !important;
}

body#page-top .nav-tabs .nav-link.active {
  color: var(--g-primary) !important;
  background: var(--g-card) !important;
  border-color: var(--g-border) var(--g-border) var(--g-card) !important;
}

body#page-top hr {
  border-color: var(--g-border) !important;
}

body#page-top .dataTables_wrapper,
body#page-top .dataTables_info,
body#page-top .dataTables_length,
body#page-top .dataTables_filter,
body#page-top .dataTables_paginate {
  color: var(--g-text-secondary) !important;
}

body#page-top .dataTables_wrapper select,
body#page-top .dataTables_wrapper input {
  color: var(--g-text) !important;
  background: var(--g-input) !important;
  border-color: var(--g-border) !important;
}

body#page-top .btn-outline-primary,
body#page-top .btn-outline-secondary,
body#page-top .btn-outline-success,
body#page-top .btn-outline-danger {
  color: var(--g-primary) !important;
  border-color: var(--g-primary) !important;
  background: transparent !important;
}

body#page-top .btn-outline-primary:hover,
body#page-top .btn-outline-secondary:hover,
body#page-top .btn-outline-success:hover,
body#page-top .btn-outline-danger:hover {
  color: #ffffff !important;
  background: var(--g-primary) !important;
}

/* Paginação das listagens */
.ibo-search-form {
  flex: 1 1 260px;
  min-width: 180px;
  margin: 0;
}

.ibo-search-form .form-control {
  width: 100%;
}

.ibo-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin: 18px 0 8px;
  padding: 14px 16px;
  border: 1px solid var(--g-border) !important;
  border-radius: 14px;
  background: var(--g-card) !important;
  color: var(--g-text-secondary) !important;
  box-shadow: var(--g-shadow-sm);
}

.ibo-pagination-summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 600;
}

.ibo-pagination-summary label {
  margin: 0;
  color: var(--g-muted) !important;
}

.ibo-per-page {
  min-width: 76px;
  min-height: 36px;
  padding: 5px 28px 5px 10px;
  border: 1px solid var(--g-border) !important;
  border-radius: 9px;
  background: var(--g-input) !important;
  color: var(--g-text) !important;
  font-weight: 700;
}

.ibo-page-list {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ibo-page-item,
.ibo-page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
}

.ibo-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--g-border) !important;
  border-radius: 9px;
  background: var(--g-card) !important;
  color: var(--g-primary) !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}

.ibo-page-link:hover,
.ibo-page-item.active .ibo-page-link {
  border-color: var(--g-primary) !important;
  background: var(--g-primary) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.ibo-page-item.disabled .ibo-page-link {
  opacity: .45;
  pointer-events: none;
}

.ibo-page-ellipsis {
  color: var(--g-muted);
  font-weight: 800;
}

@media (max-width: 640px) {
  .ibo-pagination {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .ibo-pagination-summary,
  .ibo-page-list {
    justify-content: center;
  }

  .ibo-page-list {
    flex-wrap: wrap;
  }
}

/* Ações das caixinhas roxas de usuários: cores semânticas nos dois temas. */
body#page-top .purple-users-table a.action-edit,
body#page-top .purple-users-table a.action-edit i {
  color: #2563eb !important;
}
body#page-top .purple-users-table a.action-delete,
body#page-top .purple-users-table a.action-delete i {
  color: #dc2626 !important;
}
body#page-top .purple-users-table a.action-edit:hover,
body#page-top .purple-users-table a.action-delete:hover {
  text-decoration: none;
}
body#page-top .purple-users-table a.action-edit:hover {
  color: #1d4ed8 !important;
  background-color: rgb(37 99 235 / 0.12) !important;
}
body#page-top .purple-users-table a.action-delete:hover {
  color: #b91c1c !important;
  background-color: rgb(220 38 38 / 0.12) !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-edit,
[data-theme="dark"] body#page-top .purple-users-table a.action-edit i {
  color: #60a5fa !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-delete,
[data-theme="dark"] body#page-top .purple-users-table a.action-delete i {
  color: #f87171 !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-edit:hover {
  color: #93c5fd !important;
  background-color: rgb(96 165 250 / 0.18) !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-delete:hover {
  color: #fca5a5 !important;
  background-color: rgb(248 113 113 / 0.18) !important;
}

body#page-top .purple-users-table a.action-edit img {
  filter: invert(35%) sepia(94%) saturate(1800%) hue-rotate(208deg) brightness(92%) contrast(96%) !important;
}
body#page-top .purple-users-table a.action-delete img {
  filter: invert(28%) sepia(92%) saturate(2500%) hue-rotate(348deg) brightness(91%) contrast(96%) !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-edit img {
  filter: invert(67%) sepia(72%) saturate(1600%) hue-rotate(190deg) brightness(104%) contrast(101%) !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-delete img {
  filter: invert(67%) sepia(65%) saturate(1700%) hue-rotate(316deg) brightness(107%) contrast(101%) !important;
}

/* Sobrescreve filtros legados somente nos botões da tabela roxa de usuários. */
body#page-top #myTable.purple-users-table td a.action-edit img {
  filter: invert(35%) sepia(94%) saturate(1800%) hue-rotate(208deg) brightness(92%) contrast(96%) !important;
}
body#page-top #myTable.purple-users-table td a.action-delete img {
  filter: invert(28%) sepia(92%) saturate(2500%) hue-rotate(348deg) brightness(91%) contrast(96%) !important;
}
[data-theme="dark"] body#page-top #myTable.purple-users-table td a.action-edit img {
  filter: invert(67%) sepia(72%) saturate(1600%) hue-rotate(190deg) brightness(104%) contrast(101%) !important;
}
[data-theme="dark"] body#page-top #myTable.purple-users-table td a.action-delete img {
  filter: invert(67%) sepia(65%) saturate(1700%) hue-rotate(316deg) brightness(107%) contrast(101%) !important;
}

/* Ações da tela all_users: Editar azul e Excluir vermelho. */
body#page-top #myTable.all-users-table td a.action-edit img {
  filter: invert(35%) sepia(94%) saturate(1800%) hue-rotate(208deg) brightness(92%) contrast(96%) !important;
}
body#page-top #myTable.all-users-table td a.action-delete img {
  filter: invert(28%) sepia(92%) saturate(2500%) hue-rotate(348deg) brightness(91%) contrast(96%) !important;
}
[data-theme="dark"] body#page-top #myTable.all-users-table td a.action-edit img {
  filter: invert(67%) sepia(72%) saturate(1600%) hue-rotate(190deg) brightness(104%) contrast(101%) !important;
}
[data-theme="dark"] body#page-top #myTable.all-users-table td a.action-delete img {
  filter: invert(67%) sepia(65%) saturate(1700%) hue-rotate(316deg) brightness(107%) contrast(101%) !important;
}

/* Lista/Quadro: componentes compartilhados entre as duas visualizações. */
body#page-top .users-card-grid .user-card {
  background: var(--g-card) !important;
  color: var(--g-text) !important;
  border-color: var(--g-border) !important;
  box-shadow: var(--g-shadow-md) !important;
}
body#page-top .users-card-grid .user-card h5,
body#page-top .users-card-grid .user-card p,
body#page-top .users-card-grid .user-card strong {
  color: var(--g-text) !important;
}
body#page-top .users-card-grid .user-card h5 { color: var(--g-primary) !important; }
body#page-top .view-switcher .btn {
  border-color: var(--g-primary) !important;
  color: var(--g-primary) !important;
  background: transparent !important;
}
body#page-top .view-switcher .btn.active,
body#page-top .view-switcher .btn:hover {
  color: #fff !important;
  background: var(--g-primary) !important;
}
body#page-top .users-card-grid a.action-edit,
body#page-top .users-card-grid a.action-delete {
  color: #7c3aed !important;
  background: transparent !important;
  border-color: transparent !important;
}
body#page-top .users-card-grid a.action-edit img,
body#page-top .users-card-grid a.action-delete img {
  filter: invert(39%) sepia(90%) saturate(1950%) hue-rotate(244deg) brightness(91%) contrast(96%) !important;
}
[data-theme="dark"] body#page-top .users-card-grid a.action-edit,
[data-theme="dark"] body#page-top .users-card-grid a.action-delete { color: #a78bfa !important; }
[data-theme="dark"] body#page-top .users-card-grid a.action-edit img,
[data-theme="dark"] body#page-top .users-card-grid a.action-delete img {
  filter: invert(67%) sepia(77%) saturate(1150%) hue-rotate(213deg) brightness(103%) contrast(101%) !important;
}

/* Ícones das ações no quadro: mesma leitura visual do modo lista. */
body#page-top .users-card-grid a.action-edit img {
  filter: invert(36%) sepia(93%) saturate(1800%) hue-rotate(198deg) brightness(92%) contrast(96%) !important;
}
body#page-top .users-card-grid a.action-delete img {
  filter: invert(31%) sepia(89%) saturate(1900%) hue-rotate(339deg) brightness(91%) contrast(99%) !important;
}
body#page-top .users-card-grid a.action-edit { color: #2563eb !important; }
body#page-top .users-card-grid a.action-delete { color: #dc2626 !important; }
[data-theme="dark"] body#page-top .users-card-grid a.action-edit img {
  filter: invert(57%) sepia(93%) saturate(2450%) hue-rotate(201deg) brightness(104%) contrast(101%) !important;
}
[data-theme="dark"] body#page-top .users-card-grid a.action-delete img {
  filter: invert(52%) sepia(82%) saturate(2470%) hue-rotate(327deg) brightness(101%) contrast(102%) !important;
}
[data-theme="dark"] body#page-top .users-card-grid a.action-edit { color: #60a5fa !important; }
[data-theme="dark"] body#page-top .users-card-grid a.action-delete { color: #f87171 !important; }

/* Controle de ativação do servidor reserva. */
body#page-top .backup-toggle-row {
  padding: 12px 14px;
  border: 1px solid var(--g-border) !important;
  border-radius: 12px;
  background: var(--g-bg-secondary) !important;
}
body#page-top .backup-toggle-row .custom-control-label {
  color: var(--g-text) !important;
  font-weight: 600;
}
body#page-top .backup-toggle-row .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--g-success) !important;
  border-color: var(--g-success) !important;
}
body#page-top .backup-toggle-row .custom-control-input:not(:checked) ~ .custom-control-label::before {
  background-color: var(--g-muted) !important;
  border-color: var(--g-muted) !important;
}


/* Polimento final dos cards e ações: identidade colorida compartilhada com o modo lista. */
:root {
  --g-card-accent-1: #4f46e5;
  --g-card-accent-2: #0891b2;
  --g-card-accent-3: #059669;
  --g-card-accent-4: #d97706;
  --g-action-edit: #2563eb;
  --g-action-edit-hover: #1d4ed8;
  --g-action-delete: #dc2626;
  --g-action-delete-hover: #b91c1c;
}

[data-theme="dark"] {
  --g-card-accent-1: #818cf8;
  --g-card-accent-2: #22d3ee;
  --g-card-accent-3: #34d399;
  --g-card-accent-4: #fbbf24;
  --g-action-edit: #60a5fa;
  --g-action-edit-hover: #93c5fd;
  --g-action-delete: #f87171;
  --g-action-delete-hover: #fca5a5;
}

body#page-top .users-card-grid .user-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--g-primary) 10%, var(--g-card)), var(--g-card) 58%) !important;
  border: 1px solid color-mix(in srgb, var(--g-primary) 24%, var(--g-border)) !important;
  border-left: 5px solid var(--g-card-accent-1) !important;
  box-shadow: 0 12px 28px rgb(15 23 42 / 0.12), 0 0 0 1px rgb(255 255 255 / 0.04) inset !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body#page-top .users-card-grid .user-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--g-card-accent-1), color-mix(in srgb, var(--g-card-accent-1) 35%, transparent));
  opacity: .9;
}
body#page-top .users-card-grid .user-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgb(15 23 42 / 0.18), 0 0 0 1px color-mix(in srgb, var(--g-card-accent-1) 30%, transparent) inset !important;
}
body#page-top .users-card-grid .user-card:nth-child(4n + 2) {
  border-left-color: var(--g-card-accent-2) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--g-card-accent-2) 12%, var(--g-card)), var(--g-card) 58%) !important;
}
body#page-top .users-card-grid .user-card:nth-child(4n + 3) {
  border-left-color: var(--g-card-accent-3) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--g-card-accent-3) 11%, var(--g-card)), var(--g-card) 58%) !important;
}
body#page-top .users-card-grid .user-card:nth-child(4n + 4) {
  border-left-color: var(--g-card-accent-4) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--g-card-accent-4) 12%, var(--g-card)), var(--g-card) 58%) !important;
}
body#page-top .users-card-grid .user-card:nth-child(4n + 2)::before { background: linear-gradient(90deg, var(--g-card-accent-2), transparent); }
body#page-top .users-card-grid .user-card:nth-child(4n + 3)::before { background: linear-gradient(90deg, var(--g-card-accent-3), transparent); }
body#page-top .users-card-grid .user-card:nth-child(4n + 4)::before { background: linear-gradient(90deg, var(--g-card-accent-4), transparent); }

/* Os ícones ficam com a mesma leitura do modo lista: editar azul, excluir vermelho. */
body#page-top .purple-users-table a.action-edit,
body#page-top .purple-users-table a.action-edit i,
body#page-top .users-card-grid a.action-edit,
body#page-top .users-card-grid a.action-edit i {
  color: var(--g-action-edit) !important;
}
body#page-top .purple-users-table a.action-delete,
body#page-top .purple-users-table a.action-delete i,
body#page-top .users-card-grid a.action-delete,
body#page-top .users-card-grid a.action-delete i {
  color: var(--g-action-delete) !important;
}
body#page-top .purple-users-table a.action-edit img,
body#page-top .users-card-grid a.action-edit img,
body#page-top #myTable.all-users-table td a.action-edit img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(96%) saturate(1944%) hue-rotate(204deg) brightness(91%) contrast(96%) !important;
}
body#page-top .purple-users-table a.action-delete img,
body#page-top .users-card-grid a.action-delete img,
body#page-top #myTable.all-users-table td a.action-delete img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(95%) saturate(2454%) hue-rotate(342deg) brightness(90%) contrast(98%) !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-edit img,
[data-theme="dark"] body#page-top .users-card-grid a.action-edit img,
[data-theme="dark"] body#page-top #myTable.all-users-table td a.action-edit img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(71%) saturate(1522%) hue-rotate(187deg) brightness(103%) contrast(101%) !important;
}
[data-theme="dark"] body#page-top .purple-users-table a.action-delete img,
[data-theme="dark"] body#page-top .users-card-grid a.action-delete img,
[data-theme="dark"] body#page-top #myTable.all-users-table td a.action-delete img {
  filter: brightness(0) saturate(100%) invert(66%) sepia(55%) saturate(1792%) hue-rotate(315deg) brightness(102%) contrast(101%) !important;
}
body#page-top .purple-users-table a.action-edit:hover,
body#page-top .users-card-grid a.action-edit:hover { color: var(--g-action-edit-hover) !important; }
body#page-top .purple-users-table a.action-delete:hover,
body#page-top .users-card-grid a.action-delete:hover { color: var(--g-action-delete-hover) !important; }