/**
 * ERP — header superior global (index.php .admin-topbar)
 * Override: styles/admin-dashboard.css (#fff legacy)
 * Solo este contenedor — no sidebar / cards / iframe.
 */

.admin-app .admin-topbar {
  background: linear-gradient(
    135deg,
    rgba(12, 17, 24, 0.92),
    rgba(15, 23, 35, 0.88)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  margin-bottom: 14px;
}

.admin-app .admin-topbar h1,
.admin-app .admin-topbar #adminTopTitle,
.admin-app .admin-topbar .saas-topbar-module-title {
  color: #f8fafc !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-app .admin-topbar .right .text-muted,
.admin-app .admin-topbar > .text-muted {
  color: #94a3b8 !important;
  font-weight: 600;
}

/* Chip usuario — único ícono ::before (sin emoji en HTML) */
.admin-app .admin-user-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(15, 23, 35, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 999px;
  padding: 6px 12px;
}

.admin-app .admin-user-chip::before {
  content: "\f007";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 0.92rem;
  line-height: 1;
  color: #ff5c7a !important;
  text-shadow: 0 0 8px rgba(255, 92, 122, 0.18);
  flex-shrink: 0;
}

/* Obsidian — mismo criterio (texto no apagado) */
html[data-theme="obsidian-lux"] .admin-app .admin-topbar h1,
html[data-theme="obsidian-lux"] .admin-topbar h1 {
  color: #f8fafc !important;
}

html[data-theme="obsidian-lux"] .admin-app .admin-user-chip {
  background: rgba(15, 23, 35, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}