/* [project]/src/modules/btp_governance/styles/governance.css [app-client] (css) */
.alvo-governance {
  color: var(--foreground);
}

.alvo-governance-shell {
  border: 1px solid var(--border);
  box-shadow: var(--om-shadow-sm);
  background: var(--om-surface-2) !important;
}

.alvo-governance [class*="bg-white"], .alvo-governance [class*="bg-slate-50"], .alvo-governance [class*="bg-slate-100"] {
  background-color: var(--card) !important;
}

.alvo-governance [class*="border-slate-"], .alvo-governance [class*="ring-slate-"] {
  border-color: var(--border) !important;
}

.alvo-governance [class*="text-slate-900"], .alvo-governance [class*="text-slate-800"], .alvo-governance [class*="text-slate-700"] {
  color: var(--foreground) !important;
}

.alvo-governance [class*="text-slate-600"], .alvo-governance [class*="text-slate-500"], .alvo-governance [class*="text-slate-400"], .alvo-governance [class*="text-slate-300"] {
  color: var(--muted-foreground) !important;
}

.alvo-governance :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

.alvo-governance :is(button, a) {
  transition: color .16s, background-color .16s, border-color .16s, box-shadow .16s;
}

.dark .alvo-governance {
  color: var(--foreground);
}

.dark .alvo-governance [class*="bg-slate-"]:not([class*="bg-slate-900/"]), .dark .alvo-governance [class*="bg-white"] {
  background-color: var(--card) !important;
}

.dark .alvo-governance [class*="hover:bg-slate-"]:hover {
  background-color: var(--accent) !important;
}