/* =============================================================================
   ReservaAI Admin — dark mode global (todos os módulos)
   Padrão: Home (#111 cards + borda) + Cockpit (border-only onde definido)
   Ativo: body.admin-page.admin-cockpit-theme-dark
   Carregar depois de cockpit-dark.css
   ============================================================================= */

/* --- Fundação: remove glass branco de styles.css (.admin-sidebar, .admin-panel, .admin-hero) --- */
.admin-page.admin-cockpit-theme-dark .admin-panel,
.admin-page.admin-cockpit-theme-dark .admin-hero {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .admin-main,
.admin-page.admin-cockpit-theme-dark .admin-content {
  background: transparent !important;
  color: var(--ra-text);
}

/* --- Shell: topbar, hero, bottom nav --- */
.admin-page.admin-cockpit-theme-dark .topbar,
.admin-page.admin-cockpit-theme-dark .topbar.scrolled {
  background: rgba(5, 5, 5, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

.admin-page.admin-cockpit-theme-dark .admin-mobile-menu-button {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark .admin-content > .admin-hero.admin-hero-dashboard {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-search input,
.admin-page.admin-cockpit-theme-dark .admin-hero-notify,
.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-menu {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-search input::placeholder {
  color: var(--ra-text-faint);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-left h1,
.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-meta,
.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-now,
.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-name {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-meta,
.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-now {
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-notify-menu,
.admin-page.admin-cockpit-theme-dark .admin-hero-profile-menu {
  background: #111111;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-profile-menu-item {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-hero-profile-menu-item:hover {
  background: rgba(0, 255, 136, 0.1);
}

.admin-page.admin-cockpit-theme-dark .admin-bottom-nav {
  background: rgba(5, 5, 5, 0.92);
  border-top-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
}

.admin-page.admin-cockpit-theme-dark .admin-bottom-nav-item {
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .admin-bottom-nav-item.is-active,
.admin-page.admin-cockpit-theme-dark .admin-bottom-nav-item--cockpit.is-active {
  color: var(--cockpit-neon);
}

/* --- Cards internos dos módulos (padrão Home #111 + borda) --- */
.admin-page.admin-cockpit-theme-dark .card,
.admin-page.admin-cockpit-theme-dark .ra-card,
.admin-page.admin-cockpit-theme-dark .auth-trust-row span {
  background: var(--cockpit-card-solid) !important;
  border-color: var(--cockpit-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-panel-head h2,
.admin-page.admin-cockpit-theme-dark .admin-panel-head h1,
.admin-page.admin-cockpit-theme-dark .admin-panel-head strong {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-panel-head p,
.admin-page.admin-cockpit-theme-dark .admin-panel-head span {
  color: var(--ra-text-soft);
}

/* --- Formulários --- */
.admin-page.admin-cockpit-theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.admin-page.admin-cockpit-theme-dark select,
.admin-page.admin-cockpit-theme-dark textarea,
.admin-page.admin-cockpit-theme-dark .ra-input,
.admin-page.admin-cockpit-theme-dark .clients-field input,
.admin-page.admin-cockpit-theme-dark .clients-field select,
.admin-page.admin-cockpit-theme-dark .audit-panel-field input,
.admin-page.admin-cockpit-theme-dark .audit-panel-field select {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark input::placeholder,
.admin-page.admin-cockpit-theme-dark textarea::placeholder {
  color: var(--ra-text-faint);
}

.admin-page.admin-cockpit-theme-dark input:focus,
.admin-page.admin-cockpit-theme-dark select:focus,
.admin-page.admin-cockpit-theme-dark textarea:focus,
.admin-page.admin-cockpit-theme-dark .ra-input:focus {
  border-color: rgba(0, 255, 136, 0.45);
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12);
  outline: none;
}

.admin-page.admin-cockpit-theme-dark label,
.admin-page.admin-cockpit-theme-dark .operator-config-field span,
.admin-page.admin-cockpit-theme-dark .audit-panel-field span {
  color: var(--ra-text-soft);
}

/* --- Botões --- */
.admin-page.admin-cockpit-theme-dark .ra-btn,
.admin-page.admin-cockpit-theme-dark .btn,
.admin-page.admin-cockpit-theme-dark .secondary-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .ra-btn:hover,
.admin-page.admin-cockpit-theme-dark .btn:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark .secondary-btn:hover {
  border-color: rgba(0, 255, 136, 0.28);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark .ra-btn-primary,
.admin-page.admin-cockpit-theme-dark .btn-primary,
.admin-page.admin-cockpit-theme-dark .primary-btn {
  background: #00ff88;
  color: #04130a;
  border: none;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28);
}

.admin-page.admin-cockpit-theme-dark .ra-btn-primary:hover,
.admin-page.admin-cockpit-theme-dark .btn-primary:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark .primary-btn:hover {
  background: #00e676;
  box-shadow: 0 10px 26px rgba(0, 255, 136, 0.34);
}

.admin-page.admin-cockpit-theme-dark .btn-ghost,
.admin-page.admin-cockpit-theme-dark .ra-btn-ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--ra-text);
}

/* --- Tabelas --- */
.admin-page.admin-cockpit-theme-dark table,
.admin-page.admin-cockpit-theme-dark .audit-panel-table-wrap,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-table-scroll {
  background: transparent;
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark th,
.admin-page.admin-cockpit-theme-dark .audit-panel-table th {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark td,
.admin-page.admin-cockpit-theme-dark .audit-panel-table td {
  border-color: rgba(255, 255, 255, 0.06);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

/* --- Superfícies compartilhadas (KPIs, cards de módulo) --- */
.admin-page.admin-cockpit-theme-dark .operator-config-kpi,
.admin-page.admin-cockpit-theme-dark .operator-config-card,
.admin-page.admin-cockpit-theme-dark .audit-panel-kpi,
.admin-page.admin-cockpit-theme-dark .audit-panel-filters,
.admin-page.admin-cockpit-theme-dark .security-admin-kpi,
.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-card,
.admin-page.admin-cockpit-theme-dark .plano-uso-card,
.admin-page.admin-cockpit-theme-dark .plano-uso-kpi,
.admin-page.admin-cockpit-theme-dark .plano-uso-topbar,
.admin-page.admin-cockpit-theme-dark .services-pro-card,
.admin-page.admin-cockpit-theme-dark .clients-pro-toolbar,
.admin-page.admin-cockpit-theme-dark .clients-pro-table-wrap,
.admin-page.admin-cockpit-theme-dark .clients-pro-detail-panel,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .card,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .kpi-card,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .revenue-card,
.admin-page.admin-cockpit-theme-dark .admin-sales-card,
.admin-page.admin-cockpit-theme-dark .admin-sales-panel-card,
.admin-page.admin-cockpit-theme-dark .inventory-pro-card,
.admin-page.admin-cockpit-theme-dark .inventory-pro-toolbar,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-panel,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .metric-card,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .chart-card,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insight-card,
.admin-page.admin-cockpit-theme-dark .admin-quick-agenda-shell,
.admin-page.admin-cockpit-theme-dark .admin-quick-agenda-item,
.admin-page.admin-cockpit-theme-dark .mobile-agenda-page,
.admin-page.admin-cockpit-theme-dark .calendar-sidebar-card,
.admin-page.admin-cockpit-theme-dark .calendar-admin-metrics .calendar-metric-card,
.admin-page.admin-cockpit-theme-dark .clients-list-wrap,
.admin-page.admin-cockpit-theme-dark .clients-dashboard-panel,
.admin-page.admin-cockpit-theme-dark .clients-list-item,
.admin-page.admin-cockpit-theme-dark .clients-list-panel,
.admin-page.admin-cockpit-theme-dark .clients-feedback,
.admin-page.admin-cockpit-theme-dark .clients-empty-state,
.admin-page.admin-cockpit-theme-dark .clients-pro-list-item,
.admin-page.admin-cockpit-theme-dark .payments-webhooks-table-wrap,
.admin-page.admin-cockpit-theme-dark .security-admin-card,
.admin-page.admin-cockpit-theme-dark .pro-detail-panel {
  background: var(--cockpit-card-solid) !important;
  border-color: var(--cockpit-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--ra-text);
}

/* --- Tipografia hardcoded em módulos --- */
.admin-page.admin-cockpit-theme-dark .operator-config-summary strong,
.admin-page.admin-cockpit-theme-dark .calendar-admin-period strong,
.admin-page.admin-cockpit-theme-dark .payments-webhooks-head h2,
.admin-page.admin-cockpit-theme-dark .admin-sales-title,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-header h1,
.admin-page.admin-cockpit-theme-dark .audit-panel-summary-copy strong,
.admin-page.admin-cockpit-theme-dark .security-admin-summary-copy strong,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .kpi-card strong,
.admin-page.admin-cockpit-theme-dark .clients-pro-head h2 {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .operator-config-summary span,
.admin-page.admin-cockpit-theme-dark .calendar-admin-period span,
.admin-page.admin-cockpit-theme-dark .payments-webhooks-head p,
.admin-page.admin-cockpit-theme-dark .admin-sales-sub,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-header p,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .kpi-card small,
.admin-page.admin-cockpit-theme-dark .calendar-sidebar-card span,
.admin-page.admin-cockpit-theme-dark .calendar-stage-head span {
  color: var(--ra-text-soft);
}

/* --- Tabs --- */
.admin-page.admin-cockpit-theme-dark .operator-config-tab,
.admin-page.admin-cockpit-theme-dark .admin-sales-tab,
.admin-page.admin-cockpit-theme-dark .services-pro-tab {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .operator-config-tab.is-active,
.admin-page.admin-cockpit-theme-dark .admin-sales-tab.is-active,
.admin-page.admin-cockpit-theme-dark .services-pro-tab.is-active {
  background: rgba(0, 255, 136, 0.1);
  border-color: rgba(0, 255, 136, 0.28);
  color: var(--cockpit-neon);
}

/* --- Calendário --- */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="calendario"] .admin-panel[data-admin-panel="calendario"].card {
  background: transparent;
  border: none;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark .calendar-admin-nav-actions .btn,
.admin-page.admin-cockpit-theme-dark .calendar-admin-view-switch .calendar-view-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .calendar-admin-view-switch .calendar-view-chip.is-active {
  background: rgba(0, 255, 136, 0.12);
  border-color: rgba(0, 255, 136, 0.28);
  color: var(--cockpit-neon);
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day-head,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-head,
.admin-page.admin-cockpit-theme-dark .calendar-stage-head {
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-slot-empty,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-body {
  background: transparent;
}

/* --- Insights --- */
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-content {
  background: transparent !important;
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-insights-panel .date-filter,
.admin-page.admin-cockpit-theme-dark .admin-insights-panel .secondary-btn {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-insights-panel .primary-btn {
  background: #00ff88;
  color: #04130a;
}

/* --- Financeiro --- */
.admin-page.admin-cockpit-theme-dark .admin-financeiro-inner {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .page,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-page {
  background: transparent !important;
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .filter-btn,
.admin-page.admin-cockpit-theme-dark .admin-financeiro-panel .chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text-soft);
}

/* --- Vendas / estoque --- */
.admin-page.admin-cockpit-theme-dark .admin-sales-shell,
.admin-page.admin-cockpit-theme-dark .inventory-pro-shell {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-modal,
.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-section {
  background: #111111;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text);
}

/* --- Plano e uso --- */
.admin-page.admin-cockpit-theme-dark .plano-uso-shell {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .plano-uso-help-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text);
}

/* --- WhatsApp / Mensagens --- */
.admin-page.admin-cockpit-theme-dark .whatsapp-topbar {
  background: linear-gradient(180deg, rgba(0, 255, 136, 0.22), rgba(0, 255, 136, 0.08));
  border-bottom: 1px solid rgba(0, 255, 136, 0.2);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .chat-preview-screen {
  background: rgba(255, 255, 255, 0.03);
}

.admin-page.admin-cockpit-theme-dark .mini-bubble,
.admin-page.admin-cockpit-theme-dark .client-bubble,
.admin-page.admin-cockpit-theme-dark .bot-bubble {
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark .client-bubble {
  background: rgba(0, 255, 136, 0.12);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .bot-bubble {
  background: rgba(255, 255, 255, 0.06);
  color: var(--ra-text);
}

/* --- Agenda rápida --- */
.admin-page.admin-cockpit-theme-dark .admin-quick-agenda-list,
.admin-page.admin-cockpit-theme-dark .mobile-agenda-card {
  background: var(--cockpit-card-solid);
  border-color: var(--cockpit-border);
}

.admin-page.admin-cockpit-theme-dark .agenda-fab {
  background: #00ff88;
  color: #04130a;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.32);
}

/* --- Modais genéricos --- */
.admin-page.admin-cockpit-theme-dark .modal,
.admin-page.admin-cockpit-theme-dark .modal-content,
.admin-page.admin-cockpit-theme-dark .calendar-modal,
.admin-page.admin-cockpit-theme-dark .inventory-editor-modal,
.admin-page.admin-cockpit-theme-dark dialog {
  background: #111111;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .modal-backdrop,
.admin-page.admin-cockpit-theme-dark ::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

/* --- Badges / status --- */
.admin-page.admin-cockpit-theme-dark .ra-badge-success {
  background: rgba(0, 255, 136, 0.12);
  color: #6ee7b7;
  border: 1px solid rgba(0, 255, 136, 0.28);
}

.admin-page.admin-cockpit-theme-dark .ra-badge-warning {
  background: rgba(245, 158, 11, 0.14);
  color: #fcd34d;
  border: 1px solid rgba(245, 158, 11, 0.28);
}

.admin-page.admin-cockpit-theme-dark .ra-badge-danger {
  background: rgba(239, 68, 68, 0.14);
  color: #fecaca;
  border: 1px solid rgba(239, 68, 68, 0.28);
}

.admin-page.admin-cockpit-theme-dark .ra-status-badge {
  border-color: rgba(255, 255, 255, 0.12);
}

/* --- Pagamentos webhooks --- */
.admin-page.admin-cockpit-theme-dark .payments-webhooks-shell {
  color: var(--ra-text);
}

/* --- Config / serviços / profissionais / usuários --- */
.admin-page.admin-cockpit-theme-dark .operator-config-shell,
.admin-page.admin-cockpit-theme-dark .services-pro-shell {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .operator-config-list-item,
.admin-page.admin-cockpit-theme-dark .services-pro-row {
  border-color: rgba(255, 255, 255, 0.06);
}

.admin-page.admin-cockpit-theme-dark .operator-config-list-item:hover,
.admin-page.admin-cockpit-theme-dark .services-pro-row:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* --- Clientes --- */
.admin-page.admin-cockpit-theme-dark .clients-list-item.is-active,
.admin-page.admin-cockpit-theme-dark .clients-list-item:hover,
.admin-page.admin-cockpit-theme-dark .clients-pro-list-item.is-active,
.admin-page.admin-cockpit-theme-dark .clients-pro-list-item:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.22) !important;
}

.admin-page.admin-cockpit-theme-dark .clients-list-segments button.is-active {
  background: rgba(0, 255, 136, 0.12) !important;
  color: var(--cockpit-neon) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
}

.admin-page.admin-cockpit-theme-dark .clients-pro-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* --- Segurança & auditoria --- */
.admin-page.admin-cockpit-theme-dark .security-admin-shell,
.admin-page.admin-cockpit-theme-dark .audit-panel-shell {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .audit-panel-empty {
  color: var(--ra-text-soft);
}

/* --- Scrollbar sutil (WebKit) --- */
.admin-page.admin-cockpit-theme-dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

.admin-page.admin-cockpit-theme-dark ::-webkit-scrollbar-track {
  background: transparent;
}

/* --- Calendário: grade e canvas --- */
.admin-page.admin-cockpit-theme-dark .calendar-admin-canvas {
  background: rgba(255, 255, 255, 0.02);
}

.admin-page.admin-cockpit-theme-dark .calendar-time-header,
.admin-page.admin-cockpit-theme-dark .calendar-time-corner,
.admin-page.admin-cockpit-theme-dark .calendar-time-day-head,
.admin-page.admin-cockpit-theme-dark .calendar-time-hour-label,
.admin-page.admin-cockpit-theme-dark .calendar-time-grid-line,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day-head,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-head,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-scroll {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark .calendar-time-day-head span,
.admin-page.admin-cockpit-theme-dark .calendar-time-day-head small {
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .calendar-time-day-head strong {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .calendar-time-day-head.is-today strong {
  background: rgba(0, 255, 136, 0.18);
  color: var(--cockpit-neon);
}

.admin-page.admin-cockpit-theme-dark .calendar-time-hour-label {
  color: var(--ra-text-faint);
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-head strong,
.admin-page.admin-cockpit-theme-dark .calendar-sidebar-card strong {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-sales-card-head h3 {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-sales-card-head small,
.admin-page.admin-cockpit-theme-dark .admin-sales-card-hint {
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark .plano-uso-card-label,
.admin-page.admin-cockpit-theme-dark .plano-uso-card-value {
  color: var(--ra-text);
}

/* --- Dropdowns / detalhes --- */
.admin-page.admin-cockpit-theme-dark details > summary,
.admin-page.admin-cockpit-theme-dark .admin-nav-submenu,
.admin-page.admin-cockpit-theme-dark .admin-sidebar-locale-menu {
  background: #111111;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .admin-nav-submenu-item:hover {
  background: rgba(0, 255, 136, 0.08);
}

/* --- Kill switch: gradientes/claros hardcoded em toolbars SaaS --- */
.admin-page.admin-cockpit-theme-dark [class*="-toolbar"],
.admin-page.admin-cockpit-theme-dark [class*="-filter-card"],
.admin-page.admin-cockpit-theme-dark [class*="-filter-panel"],
.admin-page.admin-cockpit-theme-dark [class*="-kpi"]:not(.admin-cockpit-kpi-card):not(.admin-home-kpi-card),
.admin-page.admin-cockpit-theme-dark [class*="-card"]:not(.admin-cockpit-card):not(.calendar-event-card):not([class*="calendar-booking"]) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.admin-page.admin-cockpit-theme-dark .operator-config-toolbar,
.admin-page.admin-cockpit-theme-dark .audit-panel-toolbar,
.admin-page.admin-cockpit-theme-dark .security-admin-toolbar,
.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-admin-toolbar,
.admin-page.admin-cockpit-theme-dark .calendar-auto-update-toggle {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-admin-stage {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

/* =============================================================================
   Agenda / Calendário — dark mode completo (mata fundos brancos de styles.css)
   ============================================================================= */
.admin-page.admin-cockpit-theme-dark .calendar-admin-shell,
.admin-page.admin-cockpit-theme-dark .calendar-admin-body,
.admin-page.admin-cockpit-theme-dark #adminCalendarRoot {
  background: transparent !important;
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-head,
.admin-page.admin-cockpit-theme-dark .calendar-admin-toolbar,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-topbar,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-header,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-axis-spacer,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-day-section,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-day {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-head strong,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-day-picker,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-head strong,
.admin-page.admin-cockpit-theme-dark .calendar-time-day-head strong,
.admin-page.admin-cockpit-theme-dark .calendar-time-event .calendar-time-event-mobile-title {
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-head span,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-title-wrap small,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-head small,
.admin-page.admin-cockpit-theme-dark .calendar-time-event .calendar-time-event-mobile-meta,
.admin-page.admin-cockpit-theme-dark .calendar-time-event .calendar-time-event-mobile-service,
.admin-page.admin-cockpit-theme-dark .calendar-time-event .calendar-time-event-mobile-owner,
.admin-page.admin-cockpit-theme-dark .calendar-time-axis-label {
  color: var(--ra-text-soft) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-nav,
.admin-page.admin-cockpit-theme-dark .calendar-stage-nav-button,
.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-icon-btn,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-menu-toggle,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ra-text-soft) !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-nav-button:hover,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-icon-btn:hover,
.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter:hover {
  border-color: rgba(0, 255, 136, 0.28) !important;
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-nav-button-today,
.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter.is-active,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day.is-selected {
  background: rgba(0, 255, 136, 0.16) !important;
  border-color: rgba(0, 255, 136, 0.35) !important;
  color: var(--cockpit-neon) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day.is-selected strong,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day.is-selected span {
  color: var(--cockpit-neon) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-resource-new-appt-btn {
  background: #00ff88 !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-resource-bulk-btn,
.admin-page.admin-cockpit-theme-dark .calendar-stage-bulk-fallback {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--ra-text) !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-admin-canvas,
.admin-page.admin-cockpit-theme-dark .calendar-time-header,
.admin-page.admin-cockpit-theme-dark .calendar-time-corner,
.admin-page.admin-cockpit-theme-dark .calendar-time-day-head,
.admin-page.admin-cockpit-theme-dark .calendar-time-axis,
.admin-page.admin-cockpit-theme-dark .calendar-time-slot,
.admin-page.admin-cockpit-theme-dark .calendar-time-slot.is-even,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-body,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-scroll,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-grid {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-time-event,
.admin-page.admin-cockpit-theme-dark .calendar-event-card,
.admin-page.admin-cockpit-theme-dark .calendar-event-pill,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-event-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-event-card[data-tone="combo-confirmed-delayed"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-event-card[data-tone="combo-confirmed-in-progress"],
.admin-page.admin-cockpit-theme-dark .calendar-event-card[data-tone="blocked"],
.admin-page.admin-cockpit-theme-dark .calendar-event-card[data-tone="in-progress"] {
  background: rgba(255, 255, 255, 0.05) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-column,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-head,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-menu-panel {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-column.is-off {
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.02),
    rgba(255, 255, 255, 0.02) 8px,
    rgba(255, 255, 255, 0.04) 8px,
    rgba(255, 255, 255, 0.04) 16px
  ) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-menu-panel button {
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-event-popover {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-event-popover strong {
  color: var(--ra-text) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-event-popover span,
.admin-page.admin-cockpit-theme-dark .calendar-event-popover p,
.admin-page.admin-cockpit-theme-dark .calendar-event-popover small {
  color: var(--ra-text-soft) !important;
}

/* Grade recurso / compromissos (principal fonte de branco na Agenda Central) */
.admin-page.admin-cockpit-theme-dark .calendar-event-card[data-tone],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-event-card[data-tone],
.admin-page.admin-cockpit-theme-dark .calendar-sidebar-item[data-tone] {
  background: #111111 !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-axis,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-axis-spacer,
.admin-page.admin-cockpit-theme-dark .calendar-time-axis,
.admin-page.admin-cockpit-theme-dark .calendar-time-column {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment,
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone] {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left-width: 5px !important;
  border-left-style: solid !important;
  border-left-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
  color: #f1f5f9 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="confirmed"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-pending"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-in-progress"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="in-progress"] {
  border-left-color: #00ff88 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-delayed"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="delayed"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="pending"] {
  border-left-color: #f97316 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-completed"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="completed"] {
  border-left-color: #3b82f6 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="cancelled"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-cancelled"] {
  border-left-color: #ef4444 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="blocked"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment.is-block {
  border-left-color: #64748b !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-client {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-time {
  color: #e2e8f0 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-service {
  color: #64748b !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status {
  background: transparent !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="confirmed"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="in-progress"] {
  border-color: rgba(0, 255, 136, 0.55) !important;
  color: #00ff88 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="completed"] {
  border-color: rgba(59, 130, 246, 0.55) !important;
  color: #60a5fa !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="pending"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="delayed"] {
  border-color: rgba(249, 115, 22, 0.55) !important;
  color: #fb923c !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="cancelled"],
.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="no-show"] {
  border-color: rgba(239, 68, 68, 0.55) !important;
  color: #f87171 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="blocked"] {
  border-color: rgba(148, 163, 184, 0.45) !important;
  color: #94a3b8 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-mark span {
  color: rgba(0, 255, 136, 0.72) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-mark.is-hour span {
  color: #00ff88 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-time-axis-label {
  color: #00ff88 !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-slot-line {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-mobile-empty,
.admin-page.admin-cockpit-theme-dark .calendar-sidebar-empty,
.admin-page.admin-cockpit-theme-dark .calendar-slot-empty {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ra-text-soft) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-admin-period strong,
.admin-page.admin-cockpit-theme-dark .calendar-stage-legend span,
.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter {
  color: var(--ra-text-soft) !important;
}

.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter.is-active {
  color: var(--cockpit-neon) !important;
}

/* Calendário: painel + hero com especificidade extra */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="calendario"] .admin-content > .admin-hero.admin-hero-dashboard,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="calendario"] .admin-panel[data-admin-panel="calendario"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="calendario"] .calendar-admin-stage {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="calendario"] .calendar-admin-stage {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px;
}