/**
 * ERP Admin — dark premium unificado (referencia: nosotros.php / belleza-public-dark.css).
 * Elimina paneles blancos en modo claro y refuerza Obsidian en oscuro.
 * Solo CSS — sin lógica.
 */

/* —— Tokens públicos en módulos admin (modo claro u oscuro) —— */
html[data-belleza-surface="light"]:has(body.crud-admin-saas),
html[data-belleza-surface="light"]:has(body.reportes-dashboard-saas),
html[data-belleza-surface="light"]:has(body.facturar-admin-saas),
html[data-belleza-surface="light"]:has(body.disponibilidad-admin-page),
html[data-belleza-surface="light"]:has(body.cfg-admin-page),
html[data-belleza-surface="light"]:has(.admin-app),
html[data-belleza-surface="light"]:has(body:has(.header-panel)),
html[data-belleza-surface="light"]:has(body:has(#panelCitasTable)) {
  color-scheme: dark;
}

body.crud-admin-saas,
body.reportes-dashboard-saas,
body.facturar-admin-saas,
body.disponibilidad-admin-page,
body.cfg-admin-page,
body.usuarios-admin-saas,
body.gastos-admin-saas,
body.caja-diaria-saas,
body.historial-pagos-saas,
body.libro-caja-saas,
body.productos-admin-saas,
body.empleados-admin-saas,
body.clientes-admin-saas,
body.servicios-admin-saas,
html:has(.admin-app) body,
body:has(.header-panel),
body:has(#panelCitasTable) {
  --erp-bg-primary: #0c1118;
  --erp-bg-secondary: #141b26;
  --erp-bg-card: #1a2332;
  --erp-glass-1: rgba(10, 15, 25, 0.5);
  --erp-glass-2: rgba(12, 17, 24, 0.55);
  --erp-glass-3: rgba(15, 23, 35, 0.6);
  --erp-bg-card-glass: var(--erp-glass-2);
  --erp-glass-border: rgba(42, 53, 68, 0.48);
  --erp-glass-glow: 0 0 0 1px rgba(196, 165, 116, 0.07), 0 10px 36px rgba(0, 0, 0, 0.34);
  --erp-bg-input: #121a26;
  --erp-bg-hover: #222d3d;
  --erp-text-primary: #f1f5f9;
  --erp-text-secondary: #cbd5e1;
  --erp-text-muted: #94a3b8;
  --erp-border: #2a3544;
  --erp-accent: #c4a574;
  --erp-accent-hover: #d4b896;
  --erp-cta-text: #ff5c7a;
  --erp-cta-text-hover: #ff6d88;
  --erp-cta-shadow: 0 0 6px rgba(255, 77, 109, 0.35), 0 1px 2px rgba(0, 0, 0, 0.28);
  --erp-shadow-card: 0 10px 36px rgba(0, 0, 0, 0.32);
  --erp-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.32);

  --background: var(--erp-bg-primary) !important;
  --surface-card: var(--erp-bg-card) !important;
  --surface-input: var(--erp-bg-input) !important;
  --surface-hover: var(--erp-bg-hover) !important;
  --surface-light: var(--erp-bg-card) !important;
  --surface-dark: var(--erp-bg-secondary) !important;
  --text-primary: var(--erp-text-primary) !important;
  --text-secondary: var(--erp-text-secondary) !important;
  --text-muted: var(--erp-text-muted) !important;
  --text-dark: var(--erp-text-primary) !important;
  --border-dark: var(--erp-border) !important;
  --border-light: color-mix(in srgb, var(--erp-border) 65%, var(--erp-bg-card)) !important;
  --saas-comp-text: var(--erp-text-secondary) !important;
  --saas-comp-text-muted: var(--erp-text-muted) !important;
  --saas-comp-surface: var(--erp-bg-card) !important;
  --saas-comp-border: var(--erp-border) !important;
  --theme-highlight: var(--erp-accent) !important;
}

/* —— Shell / fondo (como .page-wrapper público) —— */
body.crud-admin-saas,
body.reportes-dashboard-saas,
body.facturar-admin-saas,
body.disponibilidad-admin-page,
body.cfg-admin-page,
body.usuarios-admin-saas,
html:has(.admin-app) body,
body:has(.header-panel),
body:has(#panelCitasTable) {
  background:
    radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--erp-accent) 12%, transparent), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--erp-accent) 8%, transparent), transparent 50%),
    linear-gradient(165deg, var(--erp-bg-secondary) 0%, var(--erp-bg-primary) 48%, #080b10 100%) !important;
  color: var(--erp-text-secondary) !important;
}

/* —— Cards “Quién Soy” (.section-content) —— */
body.crud-admin-saas .card-panel,
body.crud-admin-saas .saas-card,
body.crud-admin-saas .saas-card-premium,
body.crud-admin-saas .card,
body.reportes-dashboard-saas .card-panel,
body.reportes-dashboard-saas .saas-card,
body.reportes-dashboard-saas .reportes-kpi-card,
body.reportes-dashboard-saas .reportes-filter-card,
body.reportes-dashboard-saas .chart-card,
body.facturar-admin-saas .card-panel,
body.facturar-admin-saas .saas-card,
body.facturar-admin-saas .pos-panel,
body.facturar-admin-saas .pos-cart,
body.disponibilidad-admin-page .card-soft,
body.cfg-admin-page .cfg-card-panel,
body.cfg-admin-page .cfg-card,
body.empleados-admin-saas .empleados-form-card,
body.empleados-admin-saas .empleados-list-card,
html[data-belleza-surface="light"] .card-panel:not(.saas-card),
html[data-belleza-surface="light"] .saas-kpi-card-base,
html[data-belleza-surface="light"] .reportes-kpi-card,
body:has(.header-panel) .filters-card,
body:has(.header-panel) .table-card,
body:has(#panelCitasTable) .table-card,
html[data-belleza-surface="light"] body.crud-admin-saas .card-panel.saas-card,
html[data-belleza-surface="light"] body.crud-admin-saas .card-panel:not(.saas-card),
html[data-belleza-surface="light"] body.reportes-dashboard-saas .saas-card,
html[data-belleza-surface="light"] body.reportes-dashboard-saas .chart-card,
html[data-belleza-surface="light"] body.reportes-dashboard-saas .reportes-filter-card,
html[data-theme="obsidian-lux"] .saas-card,
html[data-theme="obsidian-lux"] .card-panel {
  background: var(--erp-glass-2) !important;
  border: 1px solid var(--erp-glass-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--erp-glass-glow) !important;
  color: var(--erp-text-secondary) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Glass elevado (headers internos de card) */
body.crud-admin-saas .saas-card-header,
body.reportes-dashboard-saas .saas-card-header,
body.cfg-admin-page .cfg-card-head,
body.facturar-admin-saas .pos-cart-header {
  background: var(--erp-glass-3) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-primary) !important;
}

/* —— Headers top-bar —— */
body.crud-admin-saas [class$="-top-bar"],
body.reportes-dashboard-saas .reportes-page-header,
body.reportes-dashboard-saas .productos-top-bar,
body.facturar-admin-saas .facturar-top-bar,
body:has(.header-panel) .header-panel {
  background: linear-gradient(135deg, var(--erp-bg-secondary) 0%, var(--erp-bg-card) 100%) !important;
  border: 1px solid var(--erp-border) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .saas-page-title,
body.reportes-dashboard-saas .saas-page-title,
body:has(.header-panel) .header-panel h2 {
  color: var(--erp-text-primary) !important;
}

/* —— Formularios / inputs —— */
body.crud-admin-saas .form-control,
body.crud-admin-saas .form-select,
body.crud-admin-saas textarea.form-control,
body.crud-admin-saas .saas-input,
body.crud-admin-saas .saas-select,
body.reportes-dashboard-saas .form-control,
body.reportes-dashboard-saas .form-select,
body.facturar-admin-saas .form-control,
body.facturar-admin-saas .form-select,
body.disponibilidad-admin-page .select-pro,
body.cfg-admin-page .form-control,
body.cfg-admin-page .form-select,
body:has(#panelCitasTable) .form-control,
body:has(#panelCitasTable) .form-select {
  background-color: var(--erp-bg-input) !important;
  color: var(--erp-text-primary) !important;
  border-color: var(--erp-border) !important;
}

body.crud-admin-saas .form-control::placeholder,
body.reportes-dashboard-saas .form-control::placeholder,
body.facturar-admin-saas .form-control::placeholder {
  color: var(--erp-text-muted) !important;
  opacity: 1 !important;
}

body.crud-admin-saas .form-label,
body.crud-admin-saas label:not(.btn),
body.reportes-dashboard-saas .form-label,
body.facturar-admin-saas .form-label,
body.cfg-admin-page label:not(.btn) {
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .form-control:focus,
body.crud-admin-saas .form-select:focus,
body.crud-admin-saas .saas-input:focus,
body.reportes-dashboard-saas .form-control:focus,
body.facturar-admin-saas .form-control:focus,
body.disponibilidad-admin-page .select-pro:focus {
  border-color: color-mix(in srgb, var(--erp-accent) 55%, var(--erp-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--erp-accent) 18%, transparent) !important;
}

/* —— Tablas —— */
body.crud-admin-saas .table,
body.reportes-dashboard-saas .table,
body.facturar-admin-saas .table,
body:has(#panelCitasTable) .table {
  color: var(--erp-text-secondary) !important;
  --bs-table-bg: transparent;
  --bs-table-color: var(--erp-text-secondary);
  --bs-table-border-color: var(--erp-border);
  --bs-table-striped-bg: color-mix(in srgb, var(--erp-bg-hover) 40%, transparent);
  --bs-table-hover-bg: color-mix(in srgb, var(--erp-bg-hover) 70%, transparent);
}

body.crud-admin-saas .table thead th,
body.reportes-dashboard-saas .table thead th,
body.facturar-admin-saas .table thead th,
body:has(#panelCitasTable) .table thead th {
  background-color: color-mix(in srgb, var(--erp-bg-hover) 90%, var(--erp-bg-card)) !important;
  color: var(--erp-text-primary) !important;
  border-color: var(--erp-border) !important;
}

body.crud-admin-saas .table td,
body.crud-admin-saas .table th,
body.reportes-dashboard-saas .table td,
body.reportes-dashboard-saas .table th,
body:has(#panelCitasTable) .table td,
body:has(#panelCitasTable) .table th {
  border-color: var(--erp-border) !important;
}

body.crud-admin-saas .table tbody tr:hover td,
body.reportes-dashboard-saas .table tbody tr:hover td,
body:has(#panelCitasTable) .table tbody tr:hover td {
  background-color: color-mix(in srgb, var(--erp-bg-hover) 75%, transparent) !important;
}

body.crud-admin-saas .table-striped > tbody > tr:nth-of-type(odd) > *,
body.reportes-dashboard-saas .table-striped > tbody > tr:nth-of-type(odd) > *,
body:has(#panelCitasTable) .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: transparent;
  background-color: color-mix(in srgb, var(--erp-glass-1) 65%, transparent) !important;
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .table td,
body.crud-admin-saas .table th,
body.reportes-dashboard-saas .table td,
body.reportes-dashboard-saas .table th {
  background-color: transparent;
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .input-group-text,
body.reportes-dashboard-saas .input-group-text,
body.cfg-admin-page .input-group-text {
  background: var(--erp-glass-3) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .list-group-item,
body.reportes-dashboard-saas .list-group-item {
  background: var(--erp-glass-2) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-secondary) !important;
}

/* —— CTA principal (oscuro + borde dorado + texto neón) —— */
body.crud-admin-saas .btn-primary,
body.crud-admin-saas .saas-btn-primary,
body.reportes-dashboard-saas .btn-primary,
body.reportes-dashboard-saas .reportes-btn-pill.btn-primary,
body.facturar-admin-saas .btn-primary,
body.facturar-admin-saas .btn-facturar,
body.disponibilidad-admin-page .btn-guardar,
body.cfg-admin-page .btn-primary,
body.empleados-admin-saas .btn-primary,
body:has(#panelCitasTable) .btn-primary,
html[data-belleza-surface="light"] body.crud-admin-saas .btn-primary,
html[data-belleza-surface="light"] body.crud-admin-saas .saas-btn-primary {
  background: linear-gradient(145deg, #0f141c 0%, var(--erp-bg-card) 55%, #121a26 100%) !important;
  color: var(--erp-cta-text) !important;
  font-weight: 600 !important;
  text-shadow: var(--erp-cta-shadow) !important;
  border: 1px solid color-mix(in srgb, var(--erp-accent) 52%, var(--erp-border)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--erp-accent) 10%, transparent),
    0 8px 24px rgba(0, 0, 0, 0.38),
    0 0 18px color-mix(in srgb, var(--erp-accent) 16%, transparent) !important;
}

body.crud-admin-saas .btn-primary:hover,
body.crud-admin-saas .saas-btn-primary:hover,
body.reportes-dashboard-saas .btn-primary:hover,
body.facturar-admin-saas .btn-primary:hover,
body.disponibilidad-admin-page .btn-guardar:hover,
body.cfg-admin-page .btn-primary:hover,
html[data-belleza-surface="light"] body.crud-admin-saas .btn-primary:hover,
html[data-belleza-surface="light"] body.crud-admin-saas .saas-btn-primary:hover {
  background: linear-gradient(145deg, #121a26 0%, #222d3d 100%) !important;
  color: var(--erp-cta-text-hover) !important;
  border-color: color-mix(in srgb, var(--erp-accent-hover) 62%, var(--erp-border)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--erp-accent) 18%, transparent),
    0 10px 28px rgba(0, 0, 0, 0.42),
    0 0 22px color-mix(in srgb, var(--erp-accent) 22%, transparent) !important;
  filter: none !important;
}

/* Secundarios — neutros oscuros */
body.crud-admin-saas .btn-secondary,
body.crud-admin-saas .saas-btn-secondary,
body.crud-admin-saas .btn-outline-secondary,
body.crud-admin-saas a.crud-btn-salir,
body.reportes-dashboard-saas .btn-secondary,
body.facturar-admin-saas .btn-secondary {
  background: var(--erp-bg-hover) !important;
  color: var(--erp-text-secondary) !important;
  border: 1px solid var(--erp-border) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.crud-admin-saas .btn-secondary:hover,
body.crud-admin-saas .saas-btn-secondary:hover,
body.crud-admin-saas a.crud-btn-salir:hover {
  background: color-mix(in srgb, var(--erp-bg-hover) 80%, var(--erp-bg-card)) !important;
  color: var(--erp-text-primary) !important;
  border-color: color-mix(in srgb, var(--erp-border) 100%, var(--erp-accent) 12%) !important;
}

/* Modales */
body.crud-admin-saas .modal-content,
body.reportes-dashboard-saas .modal-content,
body.clientes-admin-saas .modal-content {
  background: var(--erp-bg-card) !important;
  border: 1px solid var(--erp-border) !important;
  color: var(--erp-text-secondary) !important;
  box-shadow: var(--erp-shadow-soft) !important;
}

body.crud-admin-saas .modal-header,
body.crud-admin-saas .modal-footer {
  background: var(--erp-bg-hover) !important;
  border-color: var(--erp-border) !important;
}

/* Shell index (sidebar) */
html:has(.admin-app) .admin-main,
html:has(.admin-app) .admin-frame-wrap {
  background: transparent !important;
}

html:has(.admin-app) .admin-sidebar {
  background: linear-gradient(180deg, var(--erp-bg-secondary), #080b10) !important;
  border-right: 1px solid var(--erp-border) !important;
}

html:has(.admin-app) .admin-nav-item {
  color: var(--erp-text-secondary) !important;
}

html:has(.admin-app) .admin-nav-item:hover,
html:has(.admin-app) .admin-nav-item.active {
  color: var(--erp-text-primary) !important;
  background: color-mix(in srgb, var(--erp-accent) 14%, transparent) !important;
}

/* Overrides legacy blancos */
html[data-belleza-surface="light"] body.reportes-dashboard-saas .admin-design-system-card,
html[data-belleza-surface="light"] .admin-unified-saas .card-standard,
body.facturar-admin-saas .pos-product-card,
body.facturar-admin-saas .pos-search-results,
body.empleados-admin-saas .empleados-filtros-wrap {
  background: var(--erp-bg-card) !important;
  border-color: var(--erp-border) !important;
  color: var(--erp-text-secondary) !important;
}

body.cfg-admin-page .cfg-tile,
body.cfg-admin-page .cfg-section {
  background: var(--erp-bg-card-glass) !important;
  border-color: var(--erp-border) !important;
}

.text-muted,
.small.text-muted {
  color: var(--erp-text-muted) !important;
}

/* =========================================================
   TIPOGRAFÍA — contraste global (nada ilegible)
========================================================= */
body.crud-admin-saas,
body.reportes-dashboard-saas,
body.facturar-admin-saas,
body.disponibilidad-admin-page,
body.cfg-admin-page,
body.usuarios-admin-saas,
body:has(.header-panel),
body:has(#panelCitasTable) {
  --bs-body-color: var(--erp-text-secondary);
  --bs-heading-color: var(--erp-text-primary);
}

body.crud-admin-saas h1,
body.crud-admin-saas h2,
body.crud-admin-saas h3,
body.crud-admin-saas h4,
body.crud-admin-saas h5,
body.crud-admin-saas h6,
body.crud-admin-saas .saas-page-title,
body.crud-admin-saas .saas-section-title,
body.reportes-dashboard-saas h1,
body.reportes-dashboard-saas h2,
body.reportes-dashboard-saas .saas-page-title,
body.reportes-dashboard-saas .reportes-page-title,
body.facturar-admin-saas h1,
body.facturar-admin-saas h2,
body.cfg-admin-page h1,
body.cfg-admin-page h2,
body.cfg-admin-page h3,
body.cfg-admin-page .saas-page-title,
body.cfg-admin-page .cfg-section-title,
body.usuarios-admin-saas .saas-page-title,
body:has(.header-panel) h2,
body:has(#panelCitasTable) h2 {
  color: var(--erp-text-primary) !important;
}

body.crud-admin-saas p,
body.crud-admin-saas li,
body.crud-admin-saas .form-text,
body.crud-admin-saas .saas-subtitle,
body.reportes-dashboard-saas p,
body.reportes-dashboard-saas .reportes-kpi-label,
body.facturar-admin-saas p,
body.cfg-admin-page p,
body.cfg-admin-page .form-text,
body.cfg-admin-page small,
body.disponibilidad-admin-page p,
body.disponibilidad-admin-page label,
body:has(.header-panel) p {
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .form-label,
body.crud-admin-saas label:not(.btn):not(.form-check-label),
body.reportes-dashboard-saas .form-label,
body.facturar-admin-saas label:not(.btn),
body.cfg-admin-page .form-label,
body.cfg-admin-page label:not(.btn),
body.disponibilidad-admin-page .calendar-title,
body.disponibilidad-admin-page .weekday,
body.cfg-admin-page .cfg-social-url-label,
body:has(#panelCitasTable) label {
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .form-check-label,
body.cfg-admin-page .form-check-label {
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .form-control::placeholder,
body.reportes-dashboard-saas .form-control::placeholder,
body.facturar-admin-saas .form-control::placeholder,
body.cfg-admin-page .form-control::placeholder,
body.cfg-admin-page .cfg-social-input::placeholder,
body.disponibilidad-admin-page .form-control::placeholder {
  color: var(--erp-text-muted) !important;
  opacity: 1 !important;
}

/* Forzar texto oscuro legacy → claro */
body.crud-admin-saas,
body.reportes-dashboard-saas,
body.facturar-admin-saas,
body.cfg-admin-page {
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas [class*="text-dark"],
body.reportes-dashboard-saas [class*="text-dark"],
body.cfg-admin-page [class*="text-dark"] {
  color: var(--erp-text-primary) !important;
}

html[data-belleza-surface="light"] .crud-admin-saas [class$="-top-bar"] .saas-page-title,
html[data-belleza-surface="light"] .servicios-admin-saas .form-label.saas-label,
html[data-belleza-surface="light"] .empleados-admin-saas .form-label.saas-label,
html[data-belleza-surface="light"] .productos-admin-saas .productos-section-title.saas-section-title {
  color: var(--erp-text-primary) !important;
}

/* =========================================================
   MODO CLARO CONFIG — anular fondos lavados del skin-light
========================================================= */
html[data-belleza-surface="light"] body.crud-admin-saas,
html[data-belleza-surface="light"] body.reportes-dashboard-saas,
html[data-belleza-surface="light"] body.facturar-admin-saas,
html[data-belleza-surface="light"] body.cfg-admin-page,
html[data-belleza-surface="light"] body.disponibilidad-admin-page,
html[data-belleza-surface="light"] body.usuarios-admin-saas {
  background:
    radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, #c4a574 12%, transparent), transparent 55%),
    linear-gradient(165deg, #141b26 0%, #0c1118 48%, #080b10 100%) !important;
  color: var(--erp-text-secondary) !important;
}

html[data-belleza-surface="light"] .clientes-admin-saas .modal-cliente-saas .modal-header,
html[data-belleza-surface="light"] .clientes-admin-saas .modal-cliente-saas .modal-content,
html[data-belleza-surface="light"] .clientes-admin-saas .modal-cliente-saas .modal-footer {
  background: var(--erp-glass-2) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-secondary) !important;
}

html[data-belleza-surface="light"] .clientes-admin-saas .modal-cliente-saas .modal-title {
  color: var(--erp-text-primary) !important;
}

/* =========================================================
   CONFIGURACIÓN — cards sociales, temas, paneles
========================================================= */
body.cfg-admin-page .cfg-card-panel,
body.cfg-admin-page .cfg-card-head,
body.cfg-admin-page .cfg-card-body,
body.cfg-admin-page .cfg-social-row,
body.cfg-admin-page .cfg-social-row.is-off,
body.cfg-admin-page .cfg-social-row__header,
body.cfg-admin-page .cfg-social-url-wrap.cfg-social-row__body,
body.cfg-admin-page .cfg-social-row__footer,
body.cfg-admin-page .cfg-theme-card,
body.cfg-admin-page .cfg-tile,
body.cfg-admin-page .cfg-section,
body.cfg-admin-page .cfg-preview-box,
body.cfg-admin-page .cfg-upload-zone {
  background: var(--erp-glass-2) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-secondary) !important;
  box-shadow: var(--erp-glass-glow) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.cfg-admin-page .cfg-card-head {
  background: var(--erp-glass-3) !important;
  border-bottom: 1px solid var(--erp-glass-border) !important;
  color: var(--erp-text-primary) !important;
}

body.cfg-admin-page .cfg-theme-card__name,
body.cfg-admin-page .cfg-social-brand__name,
body.cfg-admin-page .cfg-section-title,
body.cfg-admin-page .cfg-card-head {
  color: var(--erp-text-primary) !important;
}

body.cfg-admin-page .cfg-theme-card__font,
body.cfg-admin-page .cfg-theme-card--custom .cfg-theme-card__name,
body.cfg-admin-page .cfg-theme-card--custom .cfg-theme-card__font,
body.cfg-admin-page .cfg-social-url-label,
body.cfg-admin-page .cfg-social-row.is-off .cfg-social-brand__name,
body.cfg-admin-page .cfg-social-row.is-off .cfg-social-row__footer {
  color: var(--erp-text-muted) !important;
}

body.cfg-admin-page .cfg-social-input,
body.cfg-admin-page .cfg-social-row.is-off .cfg-social-input {
  background: var(--erp-glass-1) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-primary) !important;
}

body.cfg-admin-page .cfg-social-row:not(.is-off) .cfg-social-row__footer {
  color: color-mix(in srgb, var(--erp-accent) 45%, var(--erp-text-secondary)) !important;
  background: var(--erp-glass-1) !important;
}

body.cfg-admin-page .cfg-social-brand__icon {
  background: var(--erp-glass-3) !important;
  color: var(--erp-text-secondary) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.cfg-admin-page .cfg-social-switch__track {
  background: var(--erp-glass-1) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

body.cfg-admin-page .cfg-social-switch-input:checked + .cfg-social-switch__track {
  background: linear-gradient(90deg, color-mix(in srgb, var(--erp-accent) 82%, #121a26), var(--erp-accent)) !important;
  border: 1px solid color-mix(in srgb, var(--erp-accent) 35%, transparent) !important;
}

/* Formulario citas: acento rosa (no sobrescribir con dorado ERP) */
body.cfg-admin-page .cfg-form-citas .cfg-social-switch-input:checked + .cfg-social-switch__track {
  background: linear-gradient(135deg, #c2185b, var(--erp-cta-text, #ff5c7a)) !important;
  border-color: color-mix(in srgb, var(--erp-cta-text, #ff5c7a) 40%, transparent) !important;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.25),
    0 0 14px color-mix(in srgb, var(--erp-cta-text, #ff5c7a) 40%, transparent) !important;
}

body.cfg-admin-page .cfg-form-citas .cfg-social-switch__track {
  background: var(--erp-bg-input) !important;
  border: 1px solid var(--erp-border) !important;
}

body.cfg-admin-page .cfg-form-citas .cfg-social-switch__thumb {
  background: #f1f5f9 !important;
}

body.cfg-admin-page .cfg-social-switch__thumb {
  background: #e2e8f0 !important;
}

/* Facturar / reportes / design system legacy */
body.facturar-admin-saas .pos-product-card,
body.facturar-admin-saas .pos-search-results,
body.facturar-admin-saas .pos-cart-body,
body.facturar-admin-saas .pos-totals,
body.reportes-dashboard-saas .admin-design-system-card,
body.reportes-dashboard-saas .reportes-empty-state,
html[data-belleza-surface="light"] body.reportes-dashboard-saas .card,
html[data-belleza-surface="light"] .admin-unified-saas .card-standard {
  background: var(--erp-glass-2) !important;
  border: 1px solid var(--erp-glass-border) !important;
  color: var(--erp-text-secondary) !important;
  backdrop-filter: blur(14px);
}

body.facturar-admin-saas .pos-product-card h6,
body.facturar-admin-saas .pos-product-card .pos-product-name,
body.facturar-admin-saas .pos-totals strong {
  color: var(--erp-text-primary) !important;
}

body.facturar-admin-saas .pos-product-card small,
body.facturar-admin-saas .text-muted {
  color: var(--erp-text-muted) !important;
}

/* Disponibilidad */
html[data-belleza-surface="light"] .disponibilidad-admin-page .card-soft,
html[data-belleza-surface="light"] .disponibilidad-admin-page .time-item,
html[data-belleza-surface="light"] .disponibilidad-admin-page .select-pro {
  background: var(--erp-glass-2) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-primary) !important;
}

html[data-belleza-surface="light"] .disponibilidad-admin-page .calendar-day {
  background: var(--erp-glass-1) !important;
  color: var(--erp-text-secondary) !important;
  border-color: var(--erp-glass-border) !important;
}

html[data-belleza-surface="light"] .disponibilidad-admin-page .calendar-day.available-high {
  background: color-mix(in srgb, var(--erp-accent) 14%, var(--erp-glass-1)) !important;
  color: var(--erp-text-primary) !important;
}

/* Alertas / badges legibles */
body.crud-admin-saas .alert,
body.reportes-dashboard-saas .alert,
body.cfg-admin-page .alert {
  background: var(--erp-glass-3) !important;
  border-color: var(--erp-glass-border) !important;
  color: var(--erp-text-secondary) !important;
}

body.crud-admin-saas .alert-info {
  color: var(--erp-text-primary) !important;
}

/* Inputs readonly / disabled */
body.crud-admin-saas .form-control:disabled,
body.crud-admin-saas .form-control[readonly],
body.cfg-admin-page .form-control:disabled {
  background: var(--erp-glass-1) !important;
  color: var(--erp-text-muted) !important;
  border-color: var(--erp-glass-border) !important;
}

/* Historial cliente — override inline legacy */
body.crud-admin-saas .card-panel {
  background: var(--erp-glass-2) !important;
  border: 1px solid var(--erp-glass-border) !important;
  box-shadow: var(--erp-glass-glow) !important;
  color: var(--erp-text-secondary) !important;
}

/* Catch-all suave: bloques con fondo casi blanco en admin */
body.crud-admin-saas .bg-white,
body.crud-admin-saas .bg-light,
body.reportes-dashboard-saas .bg-white,
body.reportes-dashboard-saas .bg-light,
body.cfg-admin-page .bg-white,
body.cfg-admin-page .bg-light,
body.facturar-admin-saas .bg-white,
body.facturar-admin-saas .bg-light {
  background: var(--erp-glass-2) !important;
  color: var(--erp-text-secondary) !important;
}

/* Obsidian — reforzar glass en cards */
html[data-theme="obsidian-lux"] .saas-card,
html[data-theme="obsidian-lux"] .card-panel,
html[data-theme="obsidian-lux"] .reportes-kpi-card,
html[data-theme="obsidian-lux"] .chart-card {
  background: rgba(12, 17, 24, 0.55) !important;
  border: 1px solid rgba(42, 53, 68, 0.48) !important;
  box-shadow: 0 0 0 1px rgba(196, 165, 116, 0.07), 0 10px 36px rgba(0, 0, 0, 0.34) !important;
}