/* Alineado con Admin Center: slate-950 / slate-900 / indigo */

:root {
  --pi-bg: #020617;
  --pi-surface: #0f172a;
  --pi-border: #1e293b;
  --pi-text: #f1f5f9;
  --pi-muted: #94a3b8;
  --pi-accent: #6366f1;
  --pi-accent-hover: #818cf8;
  --theme-color: var(--pi-accent);
}

body {
  background-color: var(--pi-bg) !important;
  color: var(--pi-text) !important;
}

.sidebar,
.sidebar-toggle {
  background-color: var(--pi-surface) !important;
  border-color: var(--pi-border) !important;
  color: var(--pi-muted) !important;
}

.sidebar-nav li a,
.app-sub-sidebar li a {
  color: var(--pi-muted) !important;
}

.sidebar-nav li.active > a,
.app-sub-sidebar li.active > a {
  color: var(--pi-text) !important;
  border-color: var(--pi-accent) !important;
}

.sidebar-nav li a:hover {
  color: var(--pi-text) !important;
}

.search input {
  background: var(--pi-bg) !important;
  border: 1px solid var(--pi-border) !important;
  color: var(--pi-text) !important;
}

.search .search-keyword {
  color: var(--pi-accent) !important;
}

.markdown-section {
  color: #e2e8f0 !important;
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3 {
  color: var(--pi-text) !important;
  border-color: var(--pi-border) !important;
}

.markdown-section a {
  color: var(--pi-accent) !important;
}

.markdown-section a:hover {
  color: var(--pi-accent-hover) !important;
}

.markdown-section code {
  background: var(--pi-surface) !important;
  color: #e2e8f0 !important;
}

.markdown-section pre {
  background: var(--pi-surface) !important;
  border: 1px solid var(--pi-border) !important;
}

.markdown-section blockquote {
  border-color: var(--pi-accent) !important;
  color: var(--pi-muted) !important;
}

.markdown-section table tr:nth-child(2n) {
  background: var(--pi-surface) !important;
}

.markdown-section table th,
.markdown-section table td {
  border-color: var(--pi-border) !important;
}

.app-name-link img {
  filter: brightness(1.05);
}

/* Panel principal */
.content {
  padding-top: 1rem;
}

/* Búsqueda plugin */
.panel {
  border-color: var(--pi-border) !important;
}