/* =============================================================================
   Cockpit — modo escuro. Ativo com body.admin-page.admin-cockpit-theme-dark
   Carregar depois de styles / theme / tablet.
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Background cinematográfico — Linear / Stripe / enterprise SaaS
   --------------------------------------------------------------------------- */
.admin-page.admin-cockpit-theme-dark {
  position: relative;
  isolation: isolate;
  background-color: #050505;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.016) 1px, transparent 1px),
    radial-gradient(circle at 12% 8%, rgba(0, 255, 136, 0.08) 0%, transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(0, 255, 136, 0.05) 0%, transparent 32%),
    radial-gradient(ellipse 95% 65% at 50% -18%, rgba(0, 255, 136, 0.05) 0%, transparent 58%),
    linear-gradient(135deg, #050505 0%, #0b0f0c 42%, #101411 100%);
  background-size:
    72px 72px,
    72px 72px,
    auto,
    auto,
    auto,
    auto;
  background-attachment: fixed;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}

.admin-page.admin-cockpit-theme-dark::before,
.admin-page.admin-cockpit-theme-dark::after {
  content: "";
  position: fixed;
  pointer-events: none;
  z-index: 0;
  filter: blur(120px);
}

/* Glow lateral direito — light leak discreto */
.admin-page.admin-cockpit-theme-dark::before {
  top: 6%;
  right: -12%;
  width: min(48vw, 580px);
  height: min(68vh, 780px);
  background: radial-gradient(
    circle,
    rgba(0, 255, 136, 0.12) 0%,
    rgba(0, 255, 136, 0.04) 42%,
    transparent 72%
  );
  opacity: 0.4;
}

/* Ambiente superior esquerdo */
.admin-page.admin-cockpit-theme-dark::after {
  top: -16%;
  left: -10%;
  width: min(40vw, 480px);
  height: min(46vh, 540px);
  background: radial-gradient(circle, rgba(0, 255, 136, 0.07) 0%, transparent 70%);
  opacity: 0.34;
}

.admin-page.admin-cockpit-theme-dark .admin-main {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .admin-page.admin-cockpit-theme-dark::before,
  .admin-page.admin-cockpit-theme-dark::after {
    filter: blur(80px);
    opacity: 0.22;
  }
}

.admin-page.admin-cockpit-theme-dark {
  color-scheme: dark;

  --cockpit-neon: #00ff88;
  --cockpit-neon-soft: #22c55e;
  --cockpit-neon-glow: rgba(0, 255, 136, 0.35);
  --cockpit-bg: #050505;
  --cockpit-bg-elevated: #0b0f0c;
  --cockpit-card: rgba(17, 24, 39, 0.72);
  --cockpit-card-solid: #111111;
  --cockpit-card-alt: #0f172a;
  --cockpit-border: rgba(255, 255, 255, 0.08);
  --cockpit-border-strong: rgba(255, 255, 255, 0.12);
  --cockpit-text: #ffffff;
  --cockpit-text-soft: #94a3b8;
  --cockpit-danger: #ef4444;
  --cockpit-warn: #f59e0b;

  --ra-bg: var(--cockpit-bg-elevated);
  --ra-surface: var(--cockpit-card-solid);
  --ra-border: rgba(255, 255, 255, 0.08);
  --ra-text: var(--cockpit-text);
  --ra-text-soft: var(--cockpit-text-soft);
  --ra-text-faint: #64748b;
  --ra-primary: var(--cockpit-neon);
  --ra-primary-dark: var(--cockpit-neon-soft);
  --ra-primary-soft: rgba(0, 255, 136, 0.12);
  --ra-shadow-sm: 0 10px 32px rgba(0, 0, 0, 0.55);
  --ra-shadow-md: 0 22px 48px rgba(0, 0, 0, 0.62);

  --ra-success: var(--cockpit-neon-soft);
  --ra-success-bg: rgba(0, 255, 136, 0.12);
  --ra-success-text: #6ee7b7;
  --ra-warning: var(--cockpit-warn);
  --ra-warning-bg: rgba(245, 158, 11, 0.14);
  --ra-warning-text: #fcd34d;
  --ra-danger: #f87171;
  --ra-danger-bg: rgba(239, 68, 68, 0.14);
  --ra-danger-text: #fecaca;
  --ra-info-bg: rgba(0, 255, 136, 0.1);
  --ra-info-text: #86efac;

  --chart-bg: rgba(255, 255, 255, 0.03);
  --chart-border: rgba(255, 255, 255, 0.08);
  --chart-text: #ffffff;
  --chart-text-muted: #64748b;

  color: var(--cockpit-text);
}

.admin-page.admin-cockpit-theme-dark .admin-content {
  background-color: transparent;
  color: var(--cockpit-text);
}

/* Hero — todos os módulos (border-only) */
.admin-page.admin-cockpit-theme-dark .admin-content > .admin-hero.admin-hero-dashboard {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-left h1,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-left h1,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-left h1 {
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-meta,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-meta,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-now,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-now {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-name,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-name {
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-user span,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-user span {
  color: #8899b5;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search input,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search input {
  border-color: #334155;
  background: #1a2230;
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search input::placeholder,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search input::placeholder {
  color: #64748b;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-dropdown,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-dropdown {
  border-color: #334155;
  background: #1a2230;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-suggestion,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-suggestion,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-result,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-result {
  border-color: #334155;
  background: #111827;
  color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-result strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-result strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-results-head span,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-results-head span {
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-result p,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-result p,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search-empty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search-empty {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify {
  border-color: #334155;
  background: #1a2230;
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify-menu,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify-menu {
  border-color: #334155;
  background: #151b26;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-menu,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-menu {
  border-color: #334155;
  background: #1a2230;
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-menu:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-menu:hover {
  border-color: #475569;
  background: #243044;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-avatar--photo,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-avatar--photo {
  border-color: #475569;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-avatar--icon,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-avatar--icon {
  background: #334155;
  color: #e2e8f0;
  border-color: #475569;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-profile-menu,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-profile-menu {
  border-color: #334155;
  background: #151b26;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-profile-menu-item,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-profile-menu-item {
  color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-profile-menu-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-profile-menu-item:hover {
  background: rgba(59, 130, 246, 0.18);
}

/* Menu do avatar: refresh shimmer no painel */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-page[data-admin-cockpit-refreshing="true"]::after,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-page[data-admin-cockpit-refreshing="true"]::after {
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(59, 130, 246, 0.12) 42%,
    rgba(59, 130, 246, 0.2) 50%,
    rgba(59, 130, 246, 0.12) 58%,
    transparent 100%
  );
}

/* KPI hover (cor fixa no premium) */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-card[data-home-action]:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-card[data-home-action]:hover {
  border-color: rgba(96, 165, 250, 0.45);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="green"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="green"] {
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="violet"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="violet"] {
  background: rgba(139, 92, 246, 0.2);
  color: #c4b5fd;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="amber"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="amber"] {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="success"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="success"] {
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="pink"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="pink"] {
  background: rgba(236, 72, 153, 0.18);
  color: #f9a8d4;
}

/* Listas / agenda — fundos claros fixos */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upcoming-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-agenda-item,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-agenda-item {
  background: #1a2230;
  border-color: var(--ra-border);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-card:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upcoming-card:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-agenda-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-agenda-item:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(96, 165, 250, 0.4);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-empty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upcoming-empty {
  background: #151c28;
  border-color: var(--ra-border);
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-carousel-nav,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upcoming-carousel-nav {
  background: #1a2230;
  border-color: var(--ra-border);
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-list-item,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-list-item {
  background: #1a2230;
  border-color: var(--ra-border);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-list-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-list-item:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(96, 165, 250, 0.4);
}

/* Ações «próximo atendimento» */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions {
  border-top-color: #2a3344;
}

/* Botões de ação — ver bloco «Premium Neon v2» mais abaixo */

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--ghost-detail,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--ghost-detail,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda > .admin-next-client-btn--ghost-detail,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda > .admin-next-client-btn--ghost-detail {
  background: #1a2230;
  border-color: #475569;
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--ghost-detail:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--ghost-detail:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda > .admin-next-client-btn--ghost-detail:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda > .admin-next-client-btn--ghost-detail:hover:not(:disabled) {
  background: #243044;
  border-color: #64748b;
}

/* Cartão resumo carrinho */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-summary {
  background: #1a2230;
  border-color: rgba(59, 130, 246, 0.45);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary__chev,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-summary__chev {
  color: #64748b;
}

/* Cronómetro situação */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-timer {
  border-color: rgba(34, 197, 94, 0.4);
  background: linear-gradient(180deg, rgba(22, 101, 52, 0.35) 0%, #1a2230 72%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 2px 10px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer__badge,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-timer__badge {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer[data-service-time-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-timer[data-service-time-tone="warn"] {
  border-color: rgba(251, 191, 36, 0.45);
  background: linear-gradient(180deg, rgba(120, 53, 15, 0.45) 0%, #1a2230 72%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 2px 10px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer[data-service-time-tone="warn"] .admin-cockpit-situation-timer__badge,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-timer[data-service-time-tone="warn"] .admin-cockpit-situation-timer__badge {
  background: rgba(245, 158, 11, 0.22);
  color: #fcd34d;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer[data-service-time-tone="danger"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-timer[data-service-time-tone="danger"] {
  border-color: rgba(248, 113, 113, 0.5);
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.42) 0%, #1a2230 72%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 2px 10px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer[data-service-time-tone="danger"] .admin-cockpit-situation-timer__badge,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-timer[data-service-time-tone="danger"] .admin-cockpit-situation-timer__badge {
  background: rgba(239, 68, 68, 0.2);
  color: #fecaca;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-details-icon-btn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-details-icon-btn {
  color: #93c5fd;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-details-icon-btn:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-details-icon-btn:hover {
  color: #bfdbfe;
}

/* Painel upsell (desktop) */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-panel--upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-panel--upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-cockpit-upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-cockpit-upsell:not([hidden]) {
  border-color: rgba(129, 140, 248, 0.35);
  background: linear-gradient(180deg, rgba(30, 27, 75, 0.55) 0%, #141a24 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Carrossel de sugestões: cartões e controlos (espelha @media ≥641 em styles.css) */
@media (min-width: 641px) {
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-all,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-all {
    color: #93c5fd;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-all:hover,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-all:hover {
    color: #bfdbfe;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card {
    border-color: rgba(51, 65, 85, 0.95);
    background: #1a2230;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card:hover,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card:hover {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__media,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__media {
    background: rgba(59, 130, 246, 0.16);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__ph,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__ph {
    color: #93c5fd;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__name,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__name {
    color: #f1f5f9;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__category,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__category,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__desc,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__desc {
    color: #94a3b8;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__presentation,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__presentation {
    color: #94a3b8;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__price,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__price {
    color: #f8fafc;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card-stock,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card-stock {
    background: rgba(30, 41, 59, 0.95);
    color: #cbd5e1;
    border-color: rgba(51, 65, 85, 0.95);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card-stock--ok,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card-stock--ok {
    color: #86efac;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.45);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card-stock--low,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card-stock--low {
    color: #fcd34d;
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(245, 158, 11, 0.45);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card-stock--out,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card-stock--out {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(248, 113, 113, 0.45);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card__add:disabled,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-card__add:disabled {
    background: #334155;
    border-color: rgba(71, 85, 105, 0.85);
    color: #94a3b8;
    opacity: 1;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-scroll,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-scroll {
    border-color: rgba(51, 65, 85, 0.95);
    background: #1a2230;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
    color: #e2e8f0;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-scroll:hover:not(:disabled),
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-scroll:hover:not(:disabled) {
    border-color: rgba(96, 165, 250, 0.45);
    color: #93c5fd;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-loading,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-loading {
    color: #94a3b8;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card[data-cockpit-upsell-active='true'],
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card[data-cockpit-upsell-active='true'] {
    border-color: rgba(96, 165, 250, 0.55);
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.48),
      0 0 0 2px rgba(59, 130, 246, 0.22),
      0 0 0 1px rgba(96, 165, 250, 0.12);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card:hover:not([data-cockpit-upsell-active='true']),
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card:hover:not([data-cockpit-upsell-active='true']) {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.48);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card[data-cockpit-upsell-active='true']:hover,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"]
    .admin-cockpit-upsell-viewport--coverflow
    .admin-cockpit-upsell-card[data-cockpit-upsell-active='true']:hover {
    box-shadow:
      0 20px 44px rgba(0, 0, 0, 0.52),
      0 0 0 2px rgba(59, 130, 246, 0.28),
      0 0 0 1px rgba(96, 165, 250, 0.16);
  }

  /* Painel situação — sombra no desktop */
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-panel--situation,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-panel--situation {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  }
}

/* Semana — barras e gráfico legado */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-week-bar,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-week-bar {
  background: linear-gradient(180deg, #60a5fa, #2563eb);
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.25);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-week-line-dot,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-week-line-dot {
  stroke: #1a2230;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-week-line-value,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-week-line-value {
  fill: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-dashboard-panel .btn.btn-ghost,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-dashboard-panel .btn.btn-ghost {
  background: transparent;
  border-color: #334155;
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-dashboard-panel .btn.btn-ghost:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-dashboard-panel .btn.btn-ghost:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: #475569;
  color: #e2e8f0;
}

/* Resumo semana — cartão gráfico sombra fixa */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-week-summary-chart-card.admin-week-chart-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-week-summary-chart-card.admin-week-chart-card {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* Tablet: cartão «Situação» — integrado ao fundo (border-only) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next {
  background: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-fit-in-btn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-fit-in-btn {
  background: #0f172a;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-fit-in-btn:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-fit-in-btn:hover:not(:disabled) {
  background: #1e293b;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
}

/* Atenção / notificações dentro do menu sino (textos) */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify-menu .admin-cockpit-attention-head strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify-menu .admin-cockpit-attention-head strong {
  color: var(--ra-text);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify-menu .admin-cockpit-attention-head span,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify-menu .admin-cockpit-attention-head span,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify-menu .admin-cockpit-attention-item small,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify-menu .admin-cockpit-attention-item small {
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify-menu .admin-cockpit-attention-item,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify-menu .admin-cockpit-attention-item {
  background: #1a2230;
  border-color: var(--ra-border);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify-menu .admin-cockpit-attention-item strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify-menu .admin-cockpit-attention-item strong {
  color: var(--ra-text);
}

/* Modais carrinho / produtos cockpit */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-modal-section,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-modal-section {
  border-color: #334155;
  background: #1a2230;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-modal-section-count,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-modal-section-count {
  background: #243044;
  border-color: #334155;
  color: var(--ra-text-soft);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-modal-section-icon--service,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-modal-section-icon--service {
  background: rgba(99, 102, 241, 0.22);
  color: #a5b4fc;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-modal-total-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-modal-total-card {
  background: linear-gradient(135deg, #1e3a5f 0%, #172554 100%);
  border-color: rgba(59, 130, 246, 0.35);
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-modal-line,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-modal-line {
  border-color: #2a3344;
  background: #141c28;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-modal-line:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-modal-line:hover {
  background: #1e293b;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-products-modal-row,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-products-modal-row {
  border-color: #2a3344;
  background: #141c28;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-products-modal-row:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-products-modal-row:hover {
  background: #1e293b;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-products-modal-thumb--ph,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-products-modal-thumb--ph {
  background: #334155;
  color: #94a3b8;
}

/* Badges de atraso / alerta — melhor contraste no escuro */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="atrasado"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="atrasado"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="pending"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="pending"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="late"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="late"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="delayed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="delayed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="overdue"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="overdue"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="atrasado"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="atrasado"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="pending"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="pending"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="late"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="late"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="delayed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="delayed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="overdue"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="overdue"] {
  background: rgba(245, 158, 11, 0.22);
  color: #fde68a;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="atrasado"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="atrasado"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="pending"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="pending"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="warn"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="warn"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="late"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="late"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="delayed"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="delayed"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-operational-badge[data-tone="overdue"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-operational-badge[data-tone="overdue"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="atrasado"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="atrasado"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="pending"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="pending"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="warn"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="warn"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="late"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="late"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="delayed"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="delayed"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="overdue"]::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-agenda .admin-operational-badge[data-tone="overdue"]::before {
  background: rgba(253, 230, 138, 0.2);
  color: #fde68a;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-next-client-aside-value.is-warn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-next-client-aside-value.is-warn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-inline-status[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-inline-status[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next .admin-sync-pill[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next .admin-sync-pill[data-tone="warn"] {
  color: #fde68a;
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.18);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sync-pill,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sync-pill {
  background: rgba(34, 197, 94, 0.18);
  color: #86efac;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] #adminNextClientDelayBadge[data-tone="warn"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] #adminNextClientDelayBadge[data-tone="warn"] {
  color: #fde68a;
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.18);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal {
  background: linear-gradient(180deg, #1a2230 0%, #141c28 100%);
  border-color: #2a3344;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 22px 56px rgba(0, 0, 0, 0.55),
    0 8px 24px rgba(37, 99, 235, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-head,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-head {
  border-bottom-color: #2a3344;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-footer,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-footer {
  border-top-color: #2a3344;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-head strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-head strong {
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-kicker,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-kicker,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-hint,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-hint {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-preview-wrap,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-preview-wrap {
  background: linear-gradient(145deg, #1a2230, #121722);
  border-color: #334155;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-feedback[data-tone='neutral'],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-feedback[data-tone='neutral'] {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-feedback[data-tone='success'],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-feedback[data-tone='success'] {
  color: #86efac;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-feedback[data-tone='warn'],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-feedback[data-tone='warn'] {
  color: #fcd34d;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal .btn.btn-ghost,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal .btn.btn-ghost {
  border-color: #475569 !important;
  color: #e2e8f0 !important;
  background: #1e293b !important;
  -webkit-text-fill-color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal .btn.btn-ghost:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal .btn.btn-ghost:hover:not(:disabled) {
  border-color: #64748b !important;
  color: #f8fafc !important;
  background: #334155 !important;
  -webkit-text-fill-color: #f8fafc;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal .btn.btn-ghost.admin-cockpit-client-avatar-modal-btn-remove,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal .btn.btn-ghost.admin-cockpit-client-avatar-modal-btn-remove {
  border-color: rgba(248, 113, 113, 0.45) !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca;
  background: linear-gradient(180deg, #3f1d1d 0%, #4c1d1d 100%) !important;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal .btn.btn-ghost.admin-cockpit-client-avatar-modal-btn-remove:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal .btn.btn-ghost.admin-cockpit-client-avatar-modal-btn-remove:hover:not(:disabled) {
  border-color: rgba(248, 113, 113, 0.75) !important;
  color: #fee2e2 !important;
  -webkit-text-fill-color: #fee2e2;
  background: linear-gradient(180deg, #4c1d1d 0%, #5b1f1f 100%) !important;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-client-avatar-modal-webcam-wrap,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-client-avatar-modal-webcam-wrap {
  background: #020617;
}

/* ===== Detalhes da venda (dark) ===== */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-modal,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-modal {
  background: linear-gradient(180deg, #1a2230 0%, #141c28 100%);
  border: 1px solid #2a3344;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 22px 56px rgba(0, 0, 0, 0.55);
  color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-modal-head strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-modal-head strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-cell strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-cell strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-head,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-head,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-list li > .title,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-list li > .title,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-list li > .price,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-list li > .price,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-total-row--final,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-total-row--final {
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-cell,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-cell {
  background: #131b27;
  border-color: #2a3344;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-cell-label,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-cell-label,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-cell-sub,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-cell-sub,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-list li > .qty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-list li > .qty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-empty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-empty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-head span:last-child,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-head span:last-child,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-total-row,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-total-row,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-total-row small,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-total-row small {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-modal-kicker,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-modal-kicker {
  color: #60a5fa;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-list,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-list {
  background: #0f172a;
  border-color: #2a3344;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-list li,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-list li {
  border-bottom-color: #1f2937;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-items-empty,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-items-empty {
  border-color: #334155;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-totals,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-totals {
  border-top-color: #2a3344;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-total-row--final strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-total-row--final strong {
  color: #60a5fa;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-override-note,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-override-note {
  background: #0a3340;
  color: #67e8f9;
  border-color: #155e75;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-modal-close,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-modal-close {
  background: #1e293b;
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-modal-close:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-modal-close:hover {
  background: #334155;
  color: #f8fafc;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-actions .btn.btn-ghost,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-actions .btn.btn-ghost {
  border-color: #475569 !important;
  color: #e2e8f0 !important;
  background: #1e293b !important;
  -webkit-text-fill-color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sale-details-actions .btn.btn-ghost:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sale-details-actions .btn.btn-ghost:hover:not(:disabled) {
  border-color: #64748b !important;
  color: #f8fafc !important;
  background: #334155 !important;
  -webkit-text-fill-color: #f8fafc;
}

/* ===== Alterar valor do atendimento (dark) ===== */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-modal,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-modal {
  background: linear-gradient(180deg, #1a2230 0%, #141c28 100%);
  border: 1px solid #2a3344;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 22px 56px rgba(0, 0, 0, 0.55);
  color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-modal-head strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-modal-head strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-field--readonly strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-field--readonly strong {
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-modal-sub,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-modal-sub,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-field > label,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-field > label {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-optional,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-optional,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-note-counter,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-note-counter {
  color: #64748b;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-modal-close,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-modal-close {
  background: #1e293b;
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-modal-close:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-modal-close:hover {
  background: #334155;
  color: #f8fafc;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-input,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-input,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-select,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-select,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-note,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-note {
  background: #0f172a;
  border-color: #334155;
  color: #f1f5f9;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-input-prefix,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-input-prefix {
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-input:focus,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-input:focus,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-select:focus,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-select:focus,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-note:focus,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-note:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-banner,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-banner {
  background: #14242b;
  color: #6ee7b7;
  border-color: #1f3a3a;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-banner[data-tone='warn'],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-banner[data-tone='warn'] {
  background: #2a1f10;
  color: #fcd34d;
  border-color: #4a3417;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-banner[data-tone='info'],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-banner[data-tone='info'] {
  background: #11203a;
  color: #93c5fd;
  border-color: #1e3a5f;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-actions .btn.btn-ghost,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-actions .btn.btn-ghost {
  border-color: #475569 !important;
  color: #e2e8f0 !important;
  background: #1e293b !important;
  -webkit-text-fill-color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-adjust-amount-actions .btn.btn-ghost:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-adjust-amount-actions .btn.btn-ghost:hover:not(:disabled) {
  border-color: #64748b !important;
  color: #f8fafc !important;
  background: #334155 !important;
  -webkit-text-fill-color: #f8fafc;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-next-payment-amount-edit,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-next-payment-amount-edit {
  background: #1e1b3a;
  border-color: #3b3470;
  color: #c7d2fe;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-next-payment-amount-edit:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-next-payment-amount-edit:hover {
  background: #2a2655;
  border-color: #4f47a8;
  color: #e0e7ff;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-next-payment-amount-edit.is-adjusted,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-next-payment-amount-edit.is-adjusted {
  background: #0a3340;
  color: #67e8f9;
  border-color: #155e75;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-next-payment-amount-edit.is-adjusted:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-next-payment-amount-edit.is-adjusted:hover {
  background: #134252;
  border-color: #0e7490;
  color: #cffafe;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-next-payment-amount-adjusted-badge,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-next-payment-amount-adjusted-badge {
  background: #0a3340;
  color: #67e8f9;
  border-color: #155e75;
}

/* =============================================================================
   Cockpit Premium Neon — Linear / Stripe / Vercel (v2)
   Glass, glow verde, sidebar, cards, ações, upsell, tablet
   ============================================================================= */

.admin-page.admin-cockpit-theme-dark .admin-shell {
  gap: 0;
  align-items: stretch;
  background: transparent;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-shell,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-shell {
  background: transparent;
}

/* Sidebar integrada — mesma superfície da tela (mockup glass rail) */
.admin-page.admin-cockpit-theme-dark .admin-sidebar {
  background: transparent;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 1.15rem 0.85rem;
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark .admin-sidebar-brand-text {
  color: #f8fafc;
}

.admin-page.admin-cockpit-theme-dark .admin-sidebar-brand-icon {
  background: rgba(0, 209, 102, 0.1);
  border-color: rgba(0, 209, 102, 0.22);
  color: #00e676;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark .admin-sidebar-locale-trigger {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark .admin-sidebar-locale-trigger:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

.admin-page.admin-cockpit-theme-dark .admin-sidebar-toggle {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark .admin-sidebar-help {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item:not(.is-active) {
  border-color: transparent;
  background: transparent;
  color: #94a3b8;
  opacity: 1;
  box-shadow: none;
  transform: none;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item:not(.is-active) .admin-nav-icon {
  background: transparent;
  border-color: transparent;
  color: #64748b;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item:hover:not(:disabled):not(.is-active) {
  border-color: rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: #cbd5e1;
  box-shadow: none;
  transform: none;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item:hover:not(:disabled):not(.is-active) .admin-nav-icon {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item.is-active {
  border: 1px solid rgba(0, 209, 102, 0.42);
  background: rgba(0, 209, 102, 0.06);
  color: #ffffff;
  box-shadow: 0 0 18px rgba(0, 209, 102, 0.1);
  transform: none;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item.is-active:hover {
  border-color: rgba(0, 209, 102, 0.48);
  box-shadow: 0 0 22px rgba(0, 209, 102, 0.14);
}

.admin-page.admin-cockpit-theme-dark .admin-nav-item.is-active .admin-nav-icon {
  background: rgba(0, 209, 102, 0.12);
  border-color: rgba(0, 209, 102, 0.28);
  color: #00e676;
  box-shadow: 0 0 12px rgba(0, 209, 102, 0.12);
}

.admin-page.admin-cockpit-theme-dark .admin-nav-quick-btn {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-quick-btn:hover:not(:disabled):not(.is-locked) {
  border-color: rgba(0, 209, 102, 0.28);
  background: rgba(0, 209, 102, 0.06);
  color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark .admin-nav-quick-icon {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-nav-quick-btn:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-nav-quick-btn:hover {
  border-color: rgba(0, 209, 102, 0.28);
  background: rgba(0, 209, 102, 0.06);
}

.admin-page.admin-cockpit-theme-dark .admin-content > .admin-hero.admin-hero-dashboard {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search input:focus,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search input:focus {
  border-color: rgba(0, 255, 136, 0.45);
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-profile-menu-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-profile-menu-item:hover {
  background: rgba(0, 255, 136, 0.1);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-dashboard-panel.admin-panel,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-dashboard-panel.admin-panel {
  background: transparent;
  border: none;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card {
  background: var(--cockpit-card, rgba(17, 24, 39, 0.72));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--cockpit-border, rgba(255, 255, 255, 0.05));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02) inset,
    0 18px 44px rgba(0, 0, 0, 0.42),
    0 0 40px rgba(0, 255, 136, 0.04);
  transition:
    border-color 0.22s ease,
    box-shadow 0.28s ease,
    transform 0.22s ease;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card:hover {
  border-color: rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-head h2,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-head h2 {
  color: var(--cockpit-text, #fff);
  letter-spacing: -0.02em;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-head h2::before,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-head h2::before {
  background: var(--cockpit-neon, #00ff88);
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.45);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next {
  background: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-panel--situation,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-panel--situation {
  background: transparent;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-main strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-main strong {
  color: #fff;
  letter-spacing: -0.025em;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-main p,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-main p,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-main small,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-main small {
  color: var(--cockpit-text-soft, #94a3b8);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-avatar,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-avatar {
  border: 1px solid rgba(0, 255, 136, 0.22);
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.12);
}

/* Ações principais — Cockpit mockup (verde contido, glow suave) */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn {
  border-radius: 12px;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--primary,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--primary {
  background: #00d166;
  color: #ffffff;
  border: none;
  font-weight: 600;
  box-shadow: 0 4px 16px rgba(0, 209, 102, 0.32);
  transition:
    transform 0.18s ease,
    box-shadow 0.22s ease,
    filter 0.18s ease,
    background-color 0.18s ease;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--primary .admin-next-client-btn-icon,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--primary .admin-next-client-btn-icon {
  color: #ffffff;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--primary:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--primary:hover:not(:disabled) {
  background: #00e676;
  filter: none;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 209, 102, 0.38);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--primary:disabled,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--primary:disabled {
  background: rgba(0, 209, 102, 0.22);
  color: rgba(255, 255, 255, 0.42);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--secondary,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--secondary {
  background: transparent;
  border: 1px solid rgba(0, 209, 102, 0.38);
  color: #00e676;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--secondary .admin-next-client-btn-icon,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--secondary .admin-next-client-btn-icon {
  color: #00e676;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:hover:not(:disabled) {
  background: rgba(0, 209, 102, 0.05);
  border-color: rgba(0, 209, 102, 0.48);
  color: #34d399;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:hover:not(:disabled) .admin-next-client-btn-icon,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:hover:not(:disabled) .admin-next-client-btn-icon {
  color: #34d399;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:disabled,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:disabled {
  background: transparent;
  border-color: rgba(0, 209, 102, 0.16);
  color: rgba(0, 230, 118, 0.28);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:disabled .admin-next-client-btn-icon,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--secondary:disabled .admin-next-client-btn-icon {
  color: rgba(0, 230, 118, 0.28);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--danger,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--danger {
  background: transparent;
  border: 1px solid rgba(239, 68, 68, 0.55);
  color: #ef4444;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--danger .admin-next-client-btn-icon,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--danger .admin-next-client-btn-icon {
  color: #ef4444;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--danger:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--danger:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.72);
  color: #f87171;
  box-shadow: 0 0 18px rgba(239, 68, 68, 0.14);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--danger:disabled,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn--danger:disabled {
  background: transparent;
  border-color: rgba(239, 68, 68, 0.22);
  color: rgba(239, 68, 68, 0.38);
}

/* Navegação Anterior · Atual · Próximo — pill escuro integrado */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav--segmented,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav--segmented {
  background: rgba(22, 22, 22, 0.92);
  border-color: rgba(255, 255, 255, 0.05);
  padding: 0.22rem 0.24rem;
  gap: 0.08rem;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav--segmented .admin-cockpit-situation-nav-btn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav--segmented .admin-cockpit-situation-nav-btn {
  color: #64748b;
  background: transparent;
  border: none;
  box-shadow: none;
  font-weight: 600;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav--segmented .admin-cockpit-situation-nav-btn:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav--segmented .admin-cockpit-situation-nav-btn:hover:not(:disabled) {
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.04);
  border-color: transparent;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav--segmented .admin-cockpit-situation-nav-btn:disabled,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav--segmented .admin-cockpit-situation-nav-btn:disabled {
  opacity: 0.34;
  color: #475569;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav-current,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav-current {
  background: transparent;
  color: #ffffff;
  font-weight: 700;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] button.admin-cockpit-situation-nav-current--btn:not(:disabled):hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] button.admin-cockpit-situation-nav-current--btn:not(:disabled):hover {
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] button.admin-cockpit-situation-nav-current--btn:focus-visible,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] button.admin-cockpit-situation-nav-current--btn:focus-visible {
  outline-color: rgba(0, 255, 136, 0.45);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav-current-pos,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-situation-nav-current-pos {
  color: #64748b;
  opacity: 1;
  font-weight: 600;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions-foot--after-detail,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions-foot--after-detail {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* Status badges — Confirmado / Atrasado / Aguardando retorno (mockup premium) */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge {
  box-shadow: none;
  background: rgba(255, 255, 255, 0.03);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge:hover {
  transform: translateY(-1px);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="confirmed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="confirmed"] {
  color: #00ff88;
  background: rgba(0, 255, 136, 0.08);
  border-color: rgba(0, 255, 136, 0.4);
  box-shadow: 0 0 16px rgba(0, 255, 136, 0.1);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="delayed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="delayed"] {
  color: #fb923c;
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.44);
  box-shadow: 0 0 14px rgba(245, 158, 11, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="awaiting-reply"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="awaiting-reply"] {
  color: #60a5fa;
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.44);
  box-shadow: 0 0 14px rgba(59, 130, 246, 0.1);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="pending"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="pending"] {
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.4);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="in-service"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="in-service"] {
  color: #2dd4bf;
  background: rgba(45, 212, 191, 0.08);
  border-color: rgba(45, 212, 191, 0.42);
  box-shadow: 0 0 16px rgba(45, 212, 191, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="completed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="completed"] {
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.08);
  border-color: rgba(167, 139, 250, 0.38);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="paid"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="paid"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="whatsapp-replied"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="whatsapp-replied"] {
  color: #34d399;
  background: rgba(52, 211, 153, 0.08);
  border-color: rgba(52, 211, 153, 0.38);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="no-show"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="no-show"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="cancelled"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="cancelled"] {
  color: #f87171;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.42);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge[data-status="blocked"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge[data-status="blocked"] {
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.32);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .ra-status-badge.is-pulse,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-status-badge.is-pulse {
  animation: ra-status-badge-pulse-dark 2.4s ease-in-out infinite;
}

@keyframes ra-status-badge-pulse-dark {
  0%,
  100% {
    box-shadow: 0 0 14px rgba(45, 212, 191, 0.08);
  }

  50% {
    box-shadow: 0 0 14px rgba(45, 212, 191, 0.08), 0 0 0 4px rgba(45, 212, 191, 0.16);
  }
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-operational-badge[data-tone="confirmado"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-operational-badge[data-tone="confirmado"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-operational-badge[data-tone="confirmed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-operational-badge[data-tone="confirmed"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-operational-badge[data-tone="ok"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-operational-badge[data-tone="ok"] {
  color: var(--cockpit-neon, #00ff88);
  border-color: rgba(0, 255, 136, 0.35);
  background: rgba(0, 255, 136, 0.1);
  box-shadow: 0 0 14px rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-card:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upcoming-card:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-agenda-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-agenda-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-list-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-list-item:hover {
  background: rgba(0, 255, 136, 0.06);
  border-color: rgba(0, 255, 136, 0.22);
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.06);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-card .admin-cockpit-upcoming-time,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upcoming-card .admin-cockpit-upcoming-time,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-agenda-item .admin-cockpit-agenda-time,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-agenda-item .admin-cockpit-agenda-time {
  color: var(--cockpit-neon, #00ff88);
  text-shadow: 0 0 18px rgba(0, 255, 136, 0.25);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-card {
  background: rgba(17, 24, 39, 0.68);
  border: 1px solid var(--cockpit-border, rgba(255, 255, 255, 0.05));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-card[data-home-action]:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-card[data-home-action]:hover {
  border-color: rgba(0, 255, 136, 0.28);
  box-shadow: 0 0 28px rgba(0, 255, 136, 0.1);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="green"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="green"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-icon[data-tone="success"],
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-kpi-icon[data-tone="success"] {
  background: rgba(0, 255, 136, 0.14);
  color: var(--cockpit-neon, #00ff88);
  box-shadow: 0 0 16px rgba(0, 255, 136, 0.15);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-sync-pill,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-sync-pill {
  background: rgba(0, 255, 136, 0.12);
  color: #6ee7b7;
  border: 1px solid rgba(0, 255, 136, 0.22);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-summary {
  border-color: rgba(0, 255, 136, 0.35);
  background: rgba(0, 255, 136, 0.06);
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary__total,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-summary__total {
  color: var(--cockpit-neon, #00ff88);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-fit-in-btn,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-fit-in-btn {
  background: rgba(0, 255, 136, 0.12);
  border-color: rgba(0, 255, 136, 0.35);
  color: var(--cockpit-neon, #00ff88);
  box-shadow: 0 0 16px rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-fit-in-btn:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-fit-in-btn:hover:not(:disabled) {
  background: rgba(0, 255, 136, 0.2);
  border-color: rgba(0, 255, 136, 0.55);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-week-bar,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-week-bar {
  background: linear-gradient(180deg, #00ff88, #22c55e);
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.22);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-panel--upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-panel--upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-cockpit-upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-cockpit-upsell:not([hidden]) {
  border-color: rgba(0, 255, 136, 0.18);
  background:
    radial-gradient(ellipse 90% 70% at 50% 0%, rgba(0, 255, 136, 0.07) 0%, transparent 60%),
    rgba(15, 23, 42, 0.88);
}

@media (min-width: 641px) {
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero {
    background: rgba(17, 24, 39, 0.85);
    border-color: rgba(0, 255, 136, 0.28);
    box-shadow:
      0 18px 44px rgba(0, 0, 0, 0.48),
      0 0 0 1px rgba(0, 255, 136, 0.1),
      0 0 48px rgba(0, 255, 136, 0.06);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__name,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__name {
    color: #fff;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__category,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__category {
    color: #94a3b8;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__desc,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__desc {
    color: #94a3b8;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__price-whole,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__price-whole,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__price-currency,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__price-currency {
    color: var(--cockpit-neon, #00ff88);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__add,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__add {
    background: linear-gradient(135deg, #00ff88 0%, #22c55e 100%);
    color: #04130a;
    box-shadow: 0 8px 24px rgba(0, 255, 136, 0.28);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__visual,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__visual {
    background: linear-gradient(180deg, rgba(0, 255, 136, 0.06) 0%, rgba(15, 23, 42, 0.4) 100%);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__reco,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__reco {
    background: linear-gradient(180deg, rgba(0, 255, 136, 0.1) 0%, rgba(15, 23, 42, 0.5) 100%);
    border-color: rgba(0, 255, 136, 0.2);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__reco-title,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__reco-title,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__detail-title,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__detail-title {
    color: #6ee7b7;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero__check,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-hero__check {
    color: var(--cockpit-neon, #00ff88);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-scroll,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-scroll {
    background: rgba(17, 24, 39, 0.9);
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-scroll:hover:not(:disabled),
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-scroll:hover:not(:disabled) {
    border-color: rgba(0, 255, 136, 0.4);
    color: var(--cockpit-neon, #00ff88);
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.15);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-all,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-upsell-all {
    color: #6ee7b7;
  }
}

/* Tablet bancada — herda tokens neon quando modo escuro ativo */
@media (min-width: 768px) and (max-width: 1280px) {
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card-next {
    border-radius: 24px;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-tablet-paid-mount .ra-status-badge,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-tablet-paid-mount .ra-status-badge {
    background: rgba(0, 255, 136, 0.12);
    color: #6ee7b7;
    border-color: rgba(0, 255, 136, 0.28);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary--head-pill,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-summary--head-pill {
    background: rgba(0, 255, 136, 0.08);
    border-color: rgba(0, 255, 136, 0.28);
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions-main .admin-next-client-btn,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions-main .admin-next-client-btn {
    border-radius: 12px;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions-foot .admin-cockpit-situation-nav,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions-foot .admin-cockpit-situation-nav {
    max-width: 100%;
  }

  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary--head-pill .admin-cockpit-cart-summary__total,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-cart-summary--head-pill .admin-cockpit-cart-summary__total {
    color: var(--cockpit-neon, #00ff88);
  }

  body.admin-page.admin-cockpit-theme-dark[data-admin-tablet-nav="open"] aside.admin-sidebar#adminSidebar {
    background: rgba(5, 5, 5, 0.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
  }

  body.admin-page.admin-cockpit-theme-dark[data-admin-tablet-nav="open"] .admin-mobile-sidebar-scrim {
    background: rgba(0, 0, 0, 0.55) !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-next-actions .admin-next-client-btn,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-cockpit-card,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-nav-item,
  .admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-nav-item {
    transition-duration: 0.2s;
  }
}

/* =============================================================================
   Home premium — modo escuro (cards, hero, gráficos)
   ============================================================================= */

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] {
  --admin-home-accent: var(--cockpit-neon, #00ff88);
  --admin-home-accent-soft: rgba(0, 255, 136, 0.12);
  --admin-home-accent-mid: rgba(0, 255, 136, 0.28);
  --chart-bg: rgba(255, 255, 255, 0.03);
  --chart-border: rgba(255, 255, 255, 0.08);
  --chart-text-muted: #64748b;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__eyebrow-icon {
  background: rgba(0, 255, 136, 0.12);
  color: var(--cockpit-neon, #00ff88);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__title,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__stat strong {
  color: #ffffff;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__stat:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__stat:hover strong,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__stat:focus-visible strong {
  color: var(--cockpit-neon, #00ff88);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__stat:focus-visible {
  outline-color: rgba(0, 255, 136, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__avatar-img,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__avatar-initials {
  border-color: rgba(0, 255, 136, 0.28);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 24px rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__avatar-initials {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.85), rgba(34, 197, 94, 0.65));
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__revenue {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__revenue-tag {
  color: #6ee7b7;
  background: rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__goal-progress {
  background: rgba(255, 255, 255, 0.06);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__goal-bar {
  background: linear-gradient(90deg, #00ff88, #22c55e);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card.ra-kpi-card:hover {
  border-color: rgba(0, 255, 136, 0.28);
  box-shadow: 0 0 24px rgba(0, 255, 136, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card--violet .admin-home-kpi-card__icon {
  background: rgba(167, 139, 250, 0.14);
  color: #c4b5fd;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card--blue .admin-home-kpi-card__icon {
  background: rgba(59, 130, 246, 0.14);
  color: #93c5fd;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card--teal .admin-home-kpi-card__icon {
  background: rgba(45, 212, 191, 0.14);
  color: #5eead4;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card--amber .admin-home-kpi-card__icon {
  background: rgba(245, 158, 11, 0.14);
  color: #fcd34d;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card--green .admin-home-kpi-card__icon {
  background: rgba(0, 255, 136, 0.14);
  color: #6ee7b7;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-panel-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-quick-actions,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-chart-card {
  background: var(--cockpit-card, rgba(17, 24, 39, 0.72));
  border-color: var(--cockpit-border, rgba(255, 255, 255, 0.05));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-line-curve {
  stroke: var(--cockpit-neon, #00ff88);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-dot.is-active {
  fill: var(--cockpit-neon, #00ff88);
  stroke: #0b0f0c;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-dot.is-quiet {
  fill: #475569;
  stroke: #0b0f0c;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-foot {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-revenue-head span {
  color: var(--cockpit-neon, #00ff88);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-heatmap-cell {
  background: rgba(0, 255, 136, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-service-row__track {
  background: rgba(255, 255, 255, 0.06);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-service-row__fill {
  background: linear-gradient(90deg, #00ff88, #22c55e);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-quick-btn.ra-btn:first-child {
  background: linear-gradient(135deg, #00ff88, #22c55e);
  color: #04130a;
  border: none;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--warn {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.28);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--accent {
  background: rgba(0, 255, 136, 0.08);
  border-color: rgba(0, 255, 136, 0.22);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--info {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.28);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--success {
  background: rgba(0, 255, 136, 0.08);
  border-color: rgba(0, 255, 136, 0.22);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card h3 {
  color: #f8fafc;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-btn.ra-btn {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-btn.ra-btn:hover {
  border-color: rgba(0, 255, 136, 0.35);
  color: var(--cockpit-neon, #00ff88);
}

/* Home — refinamento mockup (Linear/Stripe: outline badges, ghost buttons) */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-content > .admin-hero.admin-hero-dashboard {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-search input,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-notify,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-hero-dashboard-menu {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-panel-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-kpi-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-quick-actions,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .ra-chart-card {
  background: #111111;
  border-color: #1a1a1a;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__revenue {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__revenue-tag {
  color: #00ff88;
  background: transparent;
  border: 1px solid rgba(0, 255, 136, 0.42);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] [data-home-data-source="partial"]::after {
  content: "PARCIAL";
  color: #00ff88;
  background: transparent;
  border: 1px solid rgba(0, 255, 136, 0.42);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] [data-home-data-source="demo"]::after {
  content: "ESTIMATIVA";
  color: #fb923c;
  background: transparent;
  border: 1px solid rgba(251, 146, 60, 0.45);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__avatar-col::before {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 255, 136, 0.34) 0%, rgba(0, 255, 136, 0.08) 42%, transparent 72%);
  pointer-events: none;
  z-index: 0;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__avatar-img,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__avatar-initials {
  position: relative;
  z-index: 1;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-quick-btn.ra-btn:first-child {
  background: #00ff88;
  color: #ffffff;
  border: 1px solid rgba(0, 255, 136, 0.72);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 4px 22px rgba(0, 255, 136, 0.32),
    0 0 28px rgba(0, 255, 136, 0.18);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-quick-btn.ra-btn:not(:first-child) {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-quick-btn.ra-btn:not(:first-child):hover {
  border-color: rgba(0, 255, 136, 0.35);
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.03);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-btn.ra-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--warn {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(251, 146, 60, 0.32);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--accent,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--success {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(0, 255, 136, 0.24);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-insight-card--info {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(59, 130, 246, 0.28);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-plot {
  background: #050505;
  border-color: #1a1a1a;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-area-fill {
  fill: rgba(0, 255, 136, 0.16);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-week-chart .admin-week-chart-line-curve {
  filter: drop-shadow(0 0 6px rgba(0, 255, 136, 0.45));
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__spark svg polyline {
  stroke: #00ff88;
  filter: drop-shadow(0 0 4px rgba(0, 255, 136, 0.4));
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-hero__spark svg polygon {
  fill: rgba(0, 255, 136, 0.18);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="home"] .admin-home-top-client-avatar {
  background: rgba(0, 255, 136, 0.12);
  color: #00ff88;
  border: 1px solid rgba(0, 255, 136, 0.22);
}

/* Cockpit (Atendimentos) — border-only: mesma superfície do fundo, só borda delimita */
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-content {
  --cockpit-card: transparent;
  --cockpit-card-solid: transparent;
  --ra-surface: transparent;
  --chart-bg: transparent;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-content > .admin-hero.admin-hero-dashboard,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-week-summary-chart-card.admin-week-chart-card {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card:hover {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-kpi-card[data-home-action]:hover {
  border-color: rgba(0, 255, 136, 0.22);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-search input,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-notify,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-hero-dashboard-menu {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-card,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-agenda-item,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-list-item {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-card:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-agenda-item:hover,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-list-item:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-empty {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.06);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upcoming-carousel-nav {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--ghost-detail,
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda > .admin-next-client-btn--ghost-detail {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-actions .admin-next-client-btn--ghost-detail:hover:not(:disabled),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-agenda > .admin-next-client-btn--ghost-detail:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.16);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-cart-summary {
  background: rgba(0, 255, 136, 0.04);
  border-color: rgba(0, 255, 136, 0.22);
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-card:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.12);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-week-chart-plot {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.06);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-week-summary-chart-card.admin-week-chart-card {
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-cockpit-upsell:not([hidden]),
.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-next-panel--upsell:not([hidden]) {
  background: transparent;
  box-shadow: none;
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-hero {
  background: transparent;
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.08);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer {
  background: linear-gradient(180deg, rgba(22, 101, 52, 0.35) 0%, transparent 72%);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer[data-service-time-tone="warn"] {
  background: linear-gradient(180deg, rgba(120, 53, 15, 0.45) 0%, transparent 72%);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-timer[data-service-time-tone="danger"] {
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.42) 0%, transparent 72%);
}

.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-situation-nav--segmented {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-card-next {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none;
  }
}

/* Hero top bar — border-only em todos os módulos (reforço final) */
body.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);
}

body.admin-page.admin-cockpit-theme-dark .admin-panel,
body.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;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="calendario"] .admin-panel[data-admin-panel="calendario"].card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-left h1,
body.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-name {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-meta,
body.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-now {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-hero-search input,
body.admin-page.admin-cockpit-theme-dark .admin-hero-notify,
body.admin-page.admin-cockpit-theme-dark .admin-hero-dashboard-menu {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-hero-search input::placeholder {
  color: #64748b !important;
}

/* =============================================================================
   Agenda / Calendário — dark mode (em cockpit-dark.css para deploy Docker)
   ============================================================================= */
body.admin-page.admin-cockpit-theme-dark #adminCalendarRoot,
body.admin-page.admin-cockpit-theme-dark .calendar-admin-shell,
body.admin-page.admin-cockpit-theme-dark .calendar-admin-body,
body.admin-page.admin-cockpit-theme-dark .calendar-admin-stage,
body.admin-page.admin-cockpit-theme-dark .calendar-admin-canvas,
body.admin-page.admin-cockpit-theme-dark .calendar-stage-head,
body.admin-page.admin-cockpit-theme-dark .calendar-admin-toolbar,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-day,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-topbar,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-header,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-axis-spacer,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-body,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-agenda-scroll,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-grid,
body.admin-page.admin-cockpit-theme-dark .calendar-time-header,
body.admin-page.admin-cockpit-theme-dark .calendar-time-corner,
body.admin-page.admin-cockpit-theme-dark .calendar-time-day-head,
body.admin-page.admin-cockpit-theme-dark .calendar-time-axis,
body.admin-page.admin-cockpit-theme-dark .calendar-time-column,
body.admin-page.admin-cockpit-theme-dark .calendar-time-slot,
body.admin-page.admin-cockpit-theme-dark .calendar-time-slot.is-even,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-axis {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: 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;
}

body.admin-page.admin-cockpit-theme-dark #adminCalendarRoot[data-calendar-layout="mobile"] .calendar-admin-canvas {
  background: transparent !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-stage-head strong,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-day-picker,
body.admin-page.admin-cockpit-theme-dark .calendar-time-day-head strong,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-client,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-time {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-stage-head span,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-title-wrap small,
body.admin-page.admin-cockpit-theme-dark .calendar-time-axis-label,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-service,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-mark span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-stage-nav,
body.admin-page.admin-cockpit-theme-dark .calendar-stage-nav-button,
body.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-icon-btn,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day,
body.admin-page.admin-cockpit-theme-dark #adminCalendarRoot[data-calendar-layout="mobile"] .calendar-mobile-week-day {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-stage-nav-button-today,
body.admin-page.admin-cockpit-theme-dark .calendar-stage-legend-filter.is-active,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day.is-selected,
body.admin-page.admin-cockpit-theme-dark #adminCalendarRoot[data-calendar-layout="mobile"] .calendar-mobile-week-day.is-selected {
  background: rgba(0, 255, 136, 0.16) !important;
  border-color: rgba(0, 255, 136, 0.35) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day.is-selected strong,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-week-day.is-selected span {
  color: #00ff88 !important;
}

body.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;
}

body.admin-page.admin-cockpit-theme-dark .calendar-resource-bulk-btn,
body.admin-page.admin-cockpit-theme-dark .calendar-stage-bulk-fallback {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-time-event,
body.admin-page.admin-cockpit-theme-dark .calendar-event-card,
body.admin-page.admin-cockpit-theme-dark .calendar-event-pill,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-event-card,
body.admin-page.admin-cockpit-theme-dark .calendar-time-shell.calendar-time-shell-mobile .calendar-time-event-mobile,
body.admin-page.admin-cockpit-theme-dark .calendar-time-shell.calendar-time-shell-mobile .calendar-time-event-mobile[data-tone] {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  color: #f1f5f9 !important;
}

/* Compromissos — cards premium (mockup: #111 + barra esquerda + badge outline) */
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment,
body.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;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="confirmed"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-pending"] {
  border-left-color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-in-progress"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="in-progress"] {
  border-left-color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-delayed"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="delayed"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="pending"] {
  border-left-color: #f97316 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-completed"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="completed"] {
  border-left-color: #3b82f6 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-confirmed-no-show"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-calendar-attendance-no-show="true"] {
  border-left-color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="cancelled"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="combo-cancelled"] {
  border-left-color: #ef4444 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment[data-tone="blocked"],
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment.is-block {
  border-left-color: #64748b !important;
  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;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-client {
  color: #ffffff !important;
  font-weight: 800 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-time {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-service {
  color: #64748b !important;
}

/* Badges de status — outline (sem fill claro) */
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status {
  background: transparent !important;
  font-weight: 700 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="confirmed"],
body.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;
}

body.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;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="pending"],
body.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;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-appointment-status[data-badge-tone="cancelled"],
body.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;
}

body.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;
}

/* Eixo de horários — neon green */
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-mark span {
  color: rgba(0, 255, 136, 0.72) !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-mark.is-hour span {
  color: #00ff88 !important;
  font-weight: 800 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-time-axis-label {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-column,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-operator-head,
body.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;
}

body.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;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-time-axis,
body.admin-page.admin-cockpit-theme-dark .calendar-mobile-resource-axis-spacer {
  background: rgba(255, 255, 255, 0.03) !important;
}

body.admin-page.admin-cockpit-theme-dark .calendar-mobile-empty,
body.admin-page.admin-cockpit-theme-dark .calendar-sidebar-empty,
body.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: #94a3b8 !important;
}

/* =============================================================================
   Clientes — dark mode premium (mockup: cards #111 + borda, badges outline)
   ============================================================================= */

/* Painel raiz: remove o card branco */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="clientes"] .admin-panel[data-admin-panel="clientes"].card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-shell {
  color: #f1f5f9 !important;
}

/* Toolbar de filtros (Empresa / Filtrar por / De / Até / Limpar) */
body.admin-page.admin-cockpit-theme-dark .clients-pro-toolbar {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-tenant,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date-field,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-tenant > span,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date-field > span,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date > span {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-tenant select,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date-field select,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date input {
  background: transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-tenant select option,
body.admin-page.admin-cockpit-theme-dark .clients-pro-date-field select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-clear {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-clear:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* Feedback (avisos no topo) */
body.admin-page.admin-cockpit-theme-dark .clients-feedback {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-feedback[data-tone="warn"] {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #fca5a5 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-feedback[data-tone="success"] {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
  color: #00ff88 !important;
}

/* Tabs Clientes/Grupos */
body.admin-page.admin-cockpit-theme-dark .clients-pro-shell-tablist {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-shell-tab {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-shell-tab.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

/* Painel da lista de clientes (sticky lateral) */
body.admin-page.admin-cockpit-theme-dark .pro-list-panel,
body.admin-page.admin-cockpit-theme-dark .clients-pro-list-panel {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list-search {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list-search input {
  background: transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list-search input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list-search:focus-within {
  border-color: rgba(0, 255, 136, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list-add-mini {
  background: rgba(0, 255, 136, 0.12) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list-add-mini:hover {
  background: rgba(0, 255, 136, 0.18) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14) !important;
}

/* Itens da lista */
body.admin-page.admin-cockpit-theme-dark .pro-item {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-item.is-active {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-item.is-active::before {
  background: #00ff88 !important;
}

/* Detail panel (card grande à direita) */
body.admin-page.admin-cockpit-theme-dark .pro-profile-card,
body.admin-page.admin-cockpit-theme-dark .clients-pro-card {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-hero,
body.admin-page.admin-cockpit-theme-dark .clients-pro-hero {
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-hero-title,
body.admin-page.admin-cockpit-theme-dark .pro-hero-headlines strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-hero-contacts,
body.admin-page.admin-cockpit-theme-dark .pro-hero-contacts span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-hero-avatar-wrap > .pro-hero-avatar {
  border: 4px solid #111111 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-online-dot {
  border: 3px solid #111111 !important;
}

/* Botão Editar — verde neon outline */
body.admin-page.admin-cockpit-theme-dark .pro-hero-action {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(0, 255, 136, 0.35) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-hero-action:hover {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
  transform: none !important;
  box-shadow: 0 0 18px rgba(0, 255, 136, 0.18) !important;
}

/* Botão Deletar — vermelho outline */
body.admin-page.admin-cockpit-theme-dark .clients-pro-secondary-action {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-secondary-action:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-secondary-action.is-danger {
  background: transparent !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-secondary-action.is-danger:hover {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.55) !important;
  color: #fca5a5 !important;
}

/* KPI strip (6 cards: Agendamentos, No-show, Cancelamentos, Última visita, Próxima visita, Receita total) */
body.admin-page.admin-cockpit-theme-dark .clients-pro-kpi {
  background: rgba(255, 255, 255, 0.03) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-kpi-label {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-kpi-value {
  color: #ffffff !important;
}

/* Tabs do dashboard (Agendamentos, Pagamentos, Pacote, Sobre, ...) */
body.admin-page.admin-cockpit-theme-dark .pro-tabs,
body.admin-page.admin-cockpit-theme-dark .clients-pro-tabs {
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-tab {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-tab:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .pro-tab.is-active {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

/* Conteúdo + cards internos (Próximos agendamentos, Histórico, etc.) */
body.admin-page.admin-cockpit-theme-dark .clients-pro-content {
  background: transparent !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-content-empty {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-section {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-section-highlight {
  background: rgba(0, 255, 136, 0.06) !important;
  background-image: none !important;
  border-color: rgba(0, 255, 136, 0.22) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-section-head strong,
body.admin-page.admin-cockpit-theme-dark .clients-pro-section-value {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-section-tag {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-list-row {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-list-row-date {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-list-row-title {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-fact {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-fact-label {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-fact-value,
body.admin-page.admin-cockpit-theme-dark .clients-pro-note {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-muted {
  color: #64748b !important;
}

/* Grupos */
body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-layout {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-head {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-head-title {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-create,
body.admin-page.admin-cockpit-theme-dark .clients-pro-group-row {
  background: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-create:hover,
body.admin-page.admin-cockpit-theme-dark .clients-pro-group-row:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-group-row-main {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .clients-pro-group-row-desc,
body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-create-text,
body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-create-plus,
body.admin-page.admin-cockpit-theme-dark .clients-pro-groups-create-icon {
  color: #94a3b8 !important;
}

/* =============================================================================
   Vendas / Produtos — dark mode (mockup: cards #111 + step badge verde neon)
   ============================================================================= */

/* Painel raiz */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="vendas"] .admin-panel[data-admin-panel="vendas"].card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-shell {
  color: #f1f5f9 !important;
}

/* Header (badge Vendas + título) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-head-copy .badge {
  background: rgba(0, 255, 136, 0.1) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-sub {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-sub code {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}

/* Filial selector + Voltar */
body.admin-page.admin-cockpit-theme-dark .admin-sales-branch {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-branch select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-branch select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-back {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-back:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* Tabs (Nova venda / Estoque / Histórico) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-tabs {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-tab {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-tab:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-tab.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

/* Cards principais (1, 2, 3, 4) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-card,
body.admin-page.admin-cockpit-theme-dark .admin-sales-panel-card,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-card-head h3,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-card-head small,
body.admin-page.admin-cockpit-theme-dark .admin-sales-card-hint,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table-sub,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-status,
body.admin-page.admin-cockpit-theme-dark .admin-sales-muted {
  color: #94a3b8 !important;
}

/* Step badges (1, 2, 3, 4) — círculo verde neon */
body.admin-page.admin-cockpit-theme-dark .admin-sales-step {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-step--muted {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

/* Toolbar busca + categoria */
body.admin-page.admin-cockpit-theme-dark .admin-sales-search {
  background: transparent !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-field-compact select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-field-compact select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

/* Cards de produto na listagem do catálogo */
body.admin-page.admin-cockpit-theme-dark .admin-sales-product-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-product-thumb {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-product-thumb-fallback {
  background: linear-gradient(135deg, #1f2937, #374151) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-product-body strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-product-meta {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-warn {
  color: #fbbf24 !important;
}

/* Quantidade (+/-) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-qty {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-qty-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-qty-btn:hover:not(:disabled) {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-qty-val {
  color: #f1f5f9 !important;
}

/* Foot do catálogo + Limpar venda */
body.admin-page.admin-cockpit-theme-dark .admin-sales-catalog-foot {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-clear {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-clear:hover {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

/* Tabela do carrinho / movimentações */
body.admin-page.admin-cockpit-theme-dark .admin-sales-table-wrap,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table-scroll {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-table th,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table thead th {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #94a3b8 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-table td,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table tbody td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-cart-empty,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-empty {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-origin span {
  color: #cbd5e1 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-icon-btn {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-icon-btn:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #f87171 !important;
}

/* Totais */
body.admin-page.admin-cockpit-theme-dark .admin-sales-total-row {
  color: #cbd5e1 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-total-row strong {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-discount-row input {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-total-main {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-total-main strong {
  color: #00ff88 !important;
}

/* Form fields (3 — Cliente e colaborador / 4 — Associação) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-field,
body.admin-page.admin-cockpit-theme-dark .admin-sales-check {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-field select,
body.admin-page.admin-cockpit-theme-dark .admin-sales-field textarea,
body.admin-page.admin-cockpit-theme-dark .admin-sales-field input {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-field input::placeholder,
body.admin-page.admin-cockpit-theme-dark .admin-sales-field textarea::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-field select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-field select:focus,
body.admin-page.admin-cockpit-theme-dark .admin-sales-field textarea:focus,
body.admin-page.admin-cockpit-theme-dark .admin-sales-field input:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-char {
  color: #64748b !important;
}

/* Cliente picado / busca */
body.admin-page.admin-cockpit-theme-dark .admin-sales-customer-picked {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.22) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-customer-results {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-customer-results li {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* Mini buttons (Trocar / Novo cliente) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-mini {
  background: rgba(0, 255, 136, 0.12) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mini:hover {
  background: rgba(0, 255, 136, 0.18) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
}

/* Inline hint com ícone de info */
body.admin-page.admin-cockpit-theme-dark .admin-sales-inline-hint {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-info-icon {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-inline-hint strong {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-inline-hint code {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}

/* Finalizar venda — botão verde primary */
body.admin-page.admin-cockpit-theme-dark .admin-sales-submit,
body.admin-page.admin-cockpit-theme-dark .admin-sales-submit.btn.btn-primary {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-submit:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 28px rgba(0, 255, 136, 0.4) !important;
}

/* Feedback */
body.admin-page.admin-cockpit-theme-dark .admin-sales-feedback,
body.admin-page.admin-cockpit-theme-dark .admin-sales-movements-feedback {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-feedback[data-tone="warn"] {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #fca5a5 !important;
}

/* Histórico — movimentações badges (mantém cores semânticas, mas escurece o fundo) */
body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge--sale {
  background: rgba(244, 63, 94, 0.14) !important;
  color: #fb7185 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge--adjustment {
  background: rgba(245, 158, 11, 0.14) !important;
  color: #fbbf24 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge--loss {
  background: rgba(168, 85, 247, 0.14) !important;
  color: #c084fc !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge--return {
  background: rgba(34, 197, 94, 0.14) !important;
  color: #4ade80 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge--initial {
  background: rgba(59, 130, 246, 0.14) !important;
  color: #60a5fa !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-sales-mv-badge--other {
  background: rgba(148, 163, 184, 0.14) !important;
  color: #cbd5e1 !important;
}

/* =============================================================================
   Estoque (inventory) — usado dentro de Vendas via tab Estoque
   ============================================================================= */
body.admin-page.admin-cockpit-theme-dark .inventory-pro-card,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-toolbar,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-table-wrap,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-detail-panel {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-card h3,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-card h2,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-card strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-card p,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-card span,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-card small {
  color: #94a3b8 !important;
}

/* =============================================================================
   Financeiro — dashboard dark (mockup: KPIs verde/laranja, gráficos neon)
   ============================================================================= */

/* Painel raiz */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="financeiro"] .admin-panel[data-admin-panel="financeiro"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page {
  background: transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page h1 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page p {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page h2 {
  color: #ffffff !important;
}

/* Filtros topo (data + Filtrar) */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .date-filter,
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .filter-btn,
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .table-actions button {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .filter-btn {
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .date-filter:hover,
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .filter-btn:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* Popover de datas */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .finance-date-range-popover {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .finance-date-range-row label {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .finance-date-range-row input[type="date"] {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .finance-date-apply.btn-primary-like {
  background: #00ff88 !important;
  color: #04130a !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .finance-date-apply.btn-primary-like:hover {
  background: #00e07a !important;
}

/* Todos os .card do financeiro (KPIs, gráficos, tabelas) → #111 */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

/* KPIs */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card small {
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* KPI por tom (Faturamento total + Receita = verde, Comissões = laranja).
   O JS adiciona data-kpi="..." OU a ordem dos cards define tom — usamos :nth-child fallback */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card:nth-child(1) {
  border-color: rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card:nth-child(1) strong,
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card:nth-child(2) strong {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card:nth-child(3) strong {
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .kpi-card .growth {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .sparkline {
  background: linear-gradient(180deg, rgba(0, 255, 136, 0.16), rgba(0, 255, 136, 0)) !important;
}

/* Gráfico de faturamento (linha) */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .card-header select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .card-header select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .chart-legend {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .chart-legend span {
  background: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .line-chart {
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 100% 25%,
    linear-gradient(180deg, rgba(0, 255, 136, 0.08), rgba(0, 255, 136, 0)) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .line-chart::before {
  background: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .line-chart::after {
  color: #64748b !important;
}

/* Donut "Faturamento por profissional" */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .donut {
  background: conic-gradient(
    #00ff88 0 34%,
    #22c55e 34% 62%,
    #8b5cf6 62% 82%,
    #f59e0b 82% 95%,
    rgba(255, 255, 255, 0.08) 95% 100%
  ) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .donut > div {
  background: #111111 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .donut span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .donut strong {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .professional-row,
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .payment-row {
  color: #f1f5f9 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Tabela Faturamento detalhado */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .table-actions input {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .table-actions input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .table-actions button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .table-actions button:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* Tabs (Todos / Serviços / Produtos / Serviço + Produto / Pacotes) */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .tabs {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .tabs button {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .tabs button:hover {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .tabs .selected {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

/* Tabela */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page table {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page th {
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-size: 0.72rem !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page td {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page tbody tr:hover td {
  background: rgba(255, 255, 255, 0.02) !important;
}

/* Badges (mantém significado semântico em tons dark) */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .badge.service {
  background: rgba(59, 130, 246, 0.14) !important;
  color: #60a5fa !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .badge.product {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .badge.pix {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .badge.cardpay {
  background: rgba(168, 85, 247, 0.14) !important;
  color: #c084fc !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .badge.cash {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

/* Paginação */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .pagination {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .pagination button {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .pagination button:hover:not(:disabled) {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .pagination .current {
  background: rgba(0, 255, 136, 0.14) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
  color: #00ff88 !important;
}

/* Right column (Faturamento por categoria, Formas de pagamento) */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .right-column .card {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .progress-top {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .progress-bar {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .progress-bar span {
  background: #00ff88 !important;
}

/* Floating action button */
body.admin-page.admin-cockpit-theme-dark .admin-financeiro-page .floating-btn {
  background: #00ff88 !important;
  color: #04130a !important;
  box-shadow: 0 12px 28px rgba(0, 255, 136, 0.32) !important;
}

/* =============================================================================
   Pagamentos e webhooks — dark mode (mockup: KPIs por status, cards #111)
   ============================================================================= */

/* Painel raiz */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="pagamentos-webhooks"] .admin-panel[data-admin-panel="pagamentos-webhooks"].card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-shell {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-head h2 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-head p {
  color: #94a3b8 !important;
}

/* Status pill no header */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-head .admin-inline-status {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-head .admin-inline-status[data-tone="success"] {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-head .admin-inline-status[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.1) !important;
  border-color: rgba(251, 146, 60, 0.32) !important;
  color: #fb923c !important;
}

/* KPIs (Aprovado / Pendente / Expirado / Cancelado) */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi span {
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-weight: 700 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi-count {
  color: #64748b !important;
}

/* Aprovado — verde neon */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="green"] {
  border-color: rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="green"] strong {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="green"] span::before {
  background: rgba(0, 255, 136, 0.18) !important;
}

/* Pendente — laranja */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="amber"] {
  border-color: rgba(251, 146, 60, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="amber"] strong {
  color: #fb923c !important;
}

/* Expirado — azul (mockup) */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="orange"] {
  border-color: rgba(96, 165, 250, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="orange"] strong {
  color: #60a5fa !important;
}

/* Cancelado — vermelho */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="red"] {
  border-color: rgba(239, 68, 68, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-kpi[data-tone="red"] strong {
  color: #f87171 !important;
}

/* Card de filtros */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-card {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters label span {
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters input,
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters input:focus,
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filters select:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
  outline: none !important;
}

/* Filtros — botões (Limpar / Atualizar / Exportar CSV / Exportar XLSX) */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-actions .btn.btn-ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-actions .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-actions .btn.btn-ghost:focus-visible {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-actions .btn.btn-primary {
  background: #00ff88 !important;
  background-image: none !important;
  border: none !important;
  color: #04130a !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-filter-actions .btn.btn-primary:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 28px rgba(0, 255, 136, 0.4) !important;
}

/* Tabela */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-table-card,
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-table-wrap {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-table {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-table th {
  background: transparent !important;
  color: #64748b !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-table td {
  color: #f1f5f9 !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-row:hover,
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-row:hover td {
  background: rgba(255, 255, 255, 0.03) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-muted,
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-gateway-note {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-mp-id {
  color: #60a5fa !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-empty {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-amount-total {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-amount-empty {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

/* Status pills na tabela (delivered, failed, retrying, etc.) */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="delivered"],
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="approved"] {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="failed"],
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="cancelled"] {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="retrying"] {
  background: rgba(168, 85, 247, 0.14) !important;
  color: #c084fc !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="pending"] {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-status[data-tone="expired"] {
  background: rgba(96, 165, 250, 0.14) !important;
  color: #60a5fa !important;
}

/* Método de pagamento (pix, card, neutral) */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-payment-method.is-pix {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-payment-method.is-card {
  background: rgba(96, 165, 250, 0.14) !important;
  color: #60a5fa !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-payment-method.is-neutral {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-action {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-action:hover:not(:disabled) {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* Paginação */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-pagination {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-page {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-page:hover {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-page.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
  color: #00ff88 !important;
}

/* Select de itens por página */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-pagination select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-pagination select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

/* Modal de detalhe */
body.admin-page.admin-cockpit-theme-dark .payments-webhooks-detail-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-detail-modal {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .payments-webhooks-detail-head {
  background: #111111 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* =============================================================================
   Relatórios / Insights — dark mode (mockup: cards #111, neon green accents)
   ============================================================================= */

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="relatorios-insights"] .admin-panel.admin-insights-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-content {
  background: transparent !important;
  background-image: none !important;
  color: #f1f5f9 !important;
}

/* Header */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-header h1 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-header p {
  color: #94a3b8 !important;
}

/* Botões do header (Período / Comparar período / Filtros) */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .date-filter,
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .secondary-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .date-filter:hover,
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .secondary-btn:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .primary-btn {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .primary-btn:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 28px rgba(0, 255, 136, 0.4) !important;
}

/* Painel de filtros */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-panel {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-field {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-field input,
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-field select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-field select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-field input:focus,
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-filter-field select:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
  outline: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-compare-hint {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-banner[data-tone="bad"] {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-banner[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.1) !important;
  border-color: rgba(251, 146, 60, 0.3) !important;
  color: #fb923c !important;
}

/* KPIs */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .kpi-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .kpi-label {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .kpi-card h3 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .kpi-card p {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .kpi-card p.is-bad {
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .kpi-card p.is-neutral {
  color: #94a3b8 !important;
}

/* Ícones por tone */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .success .kpi-icon {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .warning .kpi-icon {
  background: rgba(251, 191, 36, 0.14) !important;
  color: #fbbf24 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .danger .kpi-icon {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .purple .kpi-icon {
  background: rgba(168, 85, 247, 0.14) !important;
  color: #c084fc !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .teal .kpi-icon {
  background: rgba(45, 212, 191, 0.14) !important;
  color: #2dd4bf !important;
}

/* Cards de analytics + bottom-grid */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .card-header h3 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .card-header span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .metric-big {
  color: #ffffff !important;
}

/* Placeholder dos gráficos: fundo sutil */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .chart-placeholder {
  background: rgba(255, 255, 255, 0.02) !important;
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-chart-empty {
  color: #64748b !important;
}

/* Gráficos SVG — recolore para tom neon/dark
   - chartDuration: azul (#2563eb) → neon verde
   - chartDelay: roxo (#8b5cf6) mantido
   - chartOverflow: laranja (#f59e0b) mantido
   - noShowDonut: indigo (#6366f1) → neon verde, anel base translúcido */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel #insightsChartDuration svg path[stroke="#2563eb"] {
  stroke: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel #insightsChartDuration svg stop[stop-color="#2563eb"] {
  stop-color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel #insightsNoShowDonut svg circle[stroke="#6366f1"] {
  stroke: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel #insightsNoShowDonut svg circle[stroke="#e5e7eb"] {
  stroke: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-donut-wrap .admin-insights-gauge-label {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .donut-placeholder {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-noshow-foot {
  color: #94a3b8 !important;
}

/* Lista de atendimentos por dia da semana */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-week-row {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-week-row.is-total {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-track {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-track span {
  background: #00ff88 !important;
}

/* Qualidade dos dados */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-quality-list li {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-quality-list span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .admin-insights-quality-list strong {
  color: #ffffff !important;
}

/* Tabelas (Desempenho por profissional / serviço) */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-table th {
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .analytics-table td {
  color: #f1f5f9 !important;
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-table-empty {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-link-btn {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-link-btn:hover {
  color: #00e07a !important;
  text-decoration: underline;
}

/* Card de resumo (gradient azul → neon verde escuro) */
body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-summary-card {
  background: linear-gradient(90deg, rgba(0, 255, 136, 0.08) 0%, #111111 60%) !important;
  border: 1px solid rgba(0, 255, 136, 0.22) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-summary-icon {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-summary-card h3 {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-insights-panel .insights-summary-card p {
  color: #cbd5e1 !important;
}

/* =============================================================================
   Menu "Empresa" — dark mode global para todos os submódulos
   Aplica-se a:
     - Empresa (configuracoes-operador)
     - Informações adicionais (informacoes-adicionais)
     - Pacote de Serviços (servicos)
     - Equipe / Profissionais (profissionais)
     - Usuários (usuarios)
     - Plano e Uso (plano-uso)
     - Auditoria (auditoria)
   ============================================================================= */

/* Painel raiz transparente nos 7 módulos */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .admin-panel[data-admin-panel="configuracoes-operador"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .admin-panel[data-admin-panel="informacoes-adicionais"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .admin-panel[data-admin-panel="whatsapp-api"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .admin-panel[data-admin-panel="servicos"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-panel[data-admin-panel="profissionais"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .admin-panel[data-admin-panel="usuarios"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .admin-panel[data-admin-panel="plano-uso"].card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .admin-panel[data-admin-panel="auditoria"].card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Helper: agrupador para reaproveitar em quase tudo (escopos limitados aos 7 painéis) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .admin-content,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .admin-content {
  color: #f1f5f9;
}

/* ---- Hero/head copy (config-pro-head, services-pro-head, tenant-kb-pro-head, admin-panel-head) ---- */
body.admin-page.admin-cockpit-theme-dark .config-pro-head-copy h2,
body.admin-page.admin-cockpit-theme-dark .services-pro-head-copy h2,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-pro-head-copy h2,
body.admin-page.admin-cockpit-theme-dark .config-pro-page-title,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-panel-head h2,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .admin-panel-head h2 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .config-pro-head-copy p,
body.admin-page.admin-cockpit-theme-dark .services-pro-head-copy p,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-pro-head-copy p,
body.admin-page.admin-cockpit-theme-dark .config-pro-page-lead {
  color: #94a3b8 !important;
}

/* Badge pequeno usado nos heads ("Equipe da operação", "Auditoria", "Rastreabilidade") */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-panel-head .badge,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .admin-panel-head .badge,
body.admin-page.admin-cockpit-theme-dark .audit-panel-summary-copy .badge,
body.admin-page.admin-cockpit-theme-dark .operator-config-summary .badge {
  background: rgba(0, 255, 136, 0.1) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .audit-panel-summary-copy strong,
body.admin-page.admin-cockpit-theme-dark .operator-config-summary strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .audit-panel-summary-copy span,
body.admin-page.admin-cockpit-theme-dark .operator-config-summary span {
  color: #94a3b8 !important;
}

/* Status pill (.admin-inline-status) — base translúcida + variantes tonais */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .admin-inline-status,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .admin-inline-status,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .admin-inline-status,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-inline-status,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .admin-inline-status,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .admin-inline-status,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .admin-inline-status {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-inline-status[data-tone="success"] {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-inline-status[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.1) !important;
  border-color: rgba(251, 146, 60, 0.3) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark .admin-inline-status[data-tone="danger"] {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

/* ---- Cards base (operator-config-card / services-pro-card / tenant-kb-*-card / pro-list-panel / pro-detail-panel / pro-profile-card) ---- */
body.admin-page.admin-cockpit-theme-dark .operator-config-card,
body.admin-page.admin-cockpit-theme-dark .services-pro-card,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-form-card,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-legacy-card,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-list-card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-panel,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-detail-panel,
body.admin-page.admin-cockpit-theme-dark .users-pro-list-panel,
body.admin-page.admin-cockpit-theme-dark .users-pro-detail-panel,
body.admin-page.admin-cockpit-theme-dark .users-pro-card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-profile-card,
body.admin-page.admin-cockpit-theme-dark .audit-panel-shell,
body.admin-page.admin-cockpit-theme-dark .audit-panel-toolbar,
body.admin-page.admin-cockpit-theme-dark .audit-panel-table-wrap {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

/* Cabeçalhos dos cards */
body.admin-page.admin-cockpit-theme-dark .operator-config-card-head,
body.admin-page.admin-cockpit-theme-dark .services-pro-card-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-card-head span,
body.admin-page.admin-cockpit-theme-dark .services-pro-card-head span {
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-card-head strong,
body.admin-page.admin-cockpit-theme-dark .services-pro-card-head strong {
  color: #ffffff !important;
}

/* ---- Tabs (config-pro-segmented-tabs / config-pro-tab / pro-tabs / pro-tab) ---- */
body.admin-page.admin-cockpit-theme-dark .config-pro-segmented-tabs,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .pro-tabs,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-tabs {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .config-pro-tab,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .pro-tab,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-tab {
  background: transparent !important;
  color: #94a3b8 !important;
  border: none !important;
}

body.admin-page.admin-cockpit-theme-dark .config-pro-tab:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .pro-tab:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-tab:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.admin-page.admin-cockpit-theme-dark .config-pro-tab.is-active,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .pro-tab.is-active,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-tab.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

/* ---- Form fields (operator-config-field, tenant-kb-field, users-pro-tenant, audit-panel-field) ---- */
body.admin-page.admin-cockpit-theme-dark .operator-config-field > span,
body.admin-page.admin-cockpit-theme-dark .config-pro-tenant > span,
body.admin-page.admin-cockpit-theme-dark .services-pro-tenant > span,
body.admin-page.admin-cockpit-theme-dark .users-pro-tenant > span,
body.admin-page.admin-cockpit-theme-dark .users-pro-role > span,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field > span,
body.admin-page.admin-cockpit-theme-dark .operator-config-hint {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="text"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="number"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="email"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="tel"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="search"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="time"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="date"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="url"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field input[type="password"],
body.admin-page.admin-cockpit-theme-dark .operator-config-field select,
body.admin-page.admin-cockpit-theme-dark .operator-config-field textarea,
body.admin-page.admin-cockpit-theme-dark .config-pro-tenant select,
body.admin-page.admin-cockpit-theme-dark .services-pro-tenant select,
body.admin-page.admin-cockpit-theme-dark .users-pro-tenant select,
body.admin-page.admin-cockpit-theme-dark .users-pro-role select,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field input,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-field input::placeholder,
body.admin-page.admin-cockpit-theme-dark .operator-config-field textarea::placeholder,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-field select option,
body.admin-page.admin-cockpit-theme-dark .config-pro-tenant select option,
body.admin-page.admin-cockpit-theme-dark .services-pro-tenant select option,
body.admin-page.admin-cockpit-theme-dark .users-pro-tenant select option,
body.admin-page.admin-cockpit-theme-dark .users-pro-role select option,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-field input:focus,
body.admin-page.admin-cockpit-theme-dark .operator-config-field select:focus,
body.admin-page.admin-cockpit-theme-dark .operator-config-field textarea:focus,
body.admin-page.admin-cockpit-theme-dark .config-pro-tenant select:focus,
body.admin-page.admin-cockpit-theme-dark .services-pro-tenant select:focus,
body.admin-page.admin-cockpit-theme-dark .users-pro-tenant select:focus,
body.admin-page.admin-cockpit-theme-dark .users-pro-role select:focus,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field input:focus,
body.admin-page.admin-cockpit-theme-dark .audit-panel-field select:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
  outline: none !important;
}

/* Dias da semana (operator-config-days) */
body.admin-page.admin-cockpit-theme-dark .operator-config-days {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-days label {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

/* ---- Buttons base (btn / btn-ghost / btn-primary / pro-btn-primary / pro-btn-ghost / services-pro-secondary-action / pro-hero-action / users-pro-* / config-pro-save-main / plano-uso-btn) ---- */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .btn.btn-ghost,
body.admin-page.admin-cockpit-theme-dark .pro-btn-ghost,
body.admin-page.admin-cockpit-theme-dark .services-pro-secondary-action,
body.admin-page.admin-cockpit-theme-dark .users-pro-refresh,
body.admin-page.admin-cockpit-theme-dark .users-pro-secondary-action {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .btn.btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark .pro-btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark .services-pro-secondary-action:hover,
body.admin-page.admin-cockpit-theme-dark .users-pro-refresh:hover,
body.admin-page.admin-cockpit-theme-dark .users-pro-secondary-action:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .btn.btn-primary,
body.admin-page.admin-cockpit-theme-dark .pro-btn-primary,
body.admin-page.admin-cockpit-theme-dark .config-pro-save-main,
body.admin-page.admin-cockpit-theme-dark .services-pro-save,
body.admin-page.admin-cockpit-theme-dark .pro-hero-action,
body.admin-page.admin-cockpit-theme-dark .pro-list-add-mini {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="auditoria"] .btn.btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark .pro-btn-primary:hover,
body.admin-page.admin-cockpit-theme-dark .config-pro-save-main:hover,
body.admin-page.admin-cockpit-theme-dark .services-pro-save:hover,
body.admin-page.admin-cockpit-theme-dark .pro-hero-action:hover,
body.admin-page.admin-cockpit-theme-dark .pro-list-add-mini:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 28px rgba(0, 255, 136, 0.4) !important;
}

/* ---- KPI strips (config-pro-kpi-strip / users-pro-kpis / audit-panel-kpis / plano-uso-history-totals) ---- */
body.admin-page.admin-cockpit-theme-dark .config-pro-kpi-strip > *,
body.admin-page.admin-cockpit-theme-dark .users-pro-kpis > *,
body.admin-page.admin-cockpit-theme-dark .audit-panel-kpis > *,
body.admin-page.admin-cockpit-theme-dark .plano-uso-history-totals > *,
body.admin-page.admin-cockpit-theme-dark .plano-uso-structure-grid > * {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .config-pro-kpi-strip strong,
body.admin-page.admin-cockpit-theme-dark .users-pro-kpis strong,
body.admin-page.admin-cockpit-theme-dark .audit-panel-kpis strong,
body.admin-page.admin-cockpit-theme-dark .plano-uso-history-totals strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .config-pro-kpi-strip span,
body.admin-page.admin-cockpit-theme-dark .users-pro-kpis span,
body.admin-page.admin-cockpit-theme-dark .audit-panel-kpis span,
body.admin-page.admin-cockpit-theme-dark .plano-uso-history-totals span,
body.admin-page.admin-cockpit-theme-dark .plano-uso-structure-grid span {
  color: #94a3b8 !important;
}

/* ---- Tabelas (plano-uso-invoices-table / audit-panel-table / members-table) ---- */
body.admin-page.admin-cockpit-theme-dark .plano-uso-invoices-table,
body.admin-page.admin-cockpit-theme-dark .audit-panel-table,
body.admin-page.admin-cockpit-theme-dark .members-table {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-invoices-table th,
body.admin-page.admin-cockpit-theme-dark .audit-panel-table th,
body.admin-page.admin-cockpit-theme-dark .members-table th {
  background: transparent !important;
  color: #64748b !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-invoices-table td,
body.admin-page.admin-cockpit-theme-dark .audit-panel-table td,
body.admin-page.admin-cockpit-theme-dark .members-table td {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-invoices-table tr:hover td,
body.admin-page.admin-cockpit-theme-dark .audit-panel-table tr:hover td,
body.admin-page.admin-cockpit-theme-dark .members-table tr:hover td {
  background: rgba(255, 255, 255, 0.03) !important;
}

/* ---- Lists (operator-config-list / services-pro-list / tenant-kb-list / pro-list) ---- */
body.admin-page.admin-cockpit-theme-dark .operator-config-list > *,
body.admin-page.admin-cockpit-theme-dark .services-pro-list > *,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-list > *,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list > * {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-list > *:hover,
body.admin-page.admin-cockpit-theme-dark .services-pro-list > *:hover,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-list > *:hover {
  background: rgba(0, 255, 136, 0.04) !important;
  border-color: rgba(0, 255, 136, 0.18) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item.is-active {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .tenant-kb-empty {
  color: #94a3b8 !important;
}

/* ---- Pro hero / avatar (usuários) ---- */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-title,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-empty strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-empty p,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-contacts {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-avatar {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
}

/* ---- Plano e Uso — específicos ---- */
body.admin-page.admin-cockpit-theme-dark .plano-uso-topbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-eyebrow {
  color: #00ff88 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-topbar h2,
body.admin-page.admin-cockpit-theme-dark .plano-uso-hero-plan-name,
body.admin-page.admin-cockpit-theme-dark .plano-uso-hero-price,
body.admin-page.admin-cockpit-theme-dark .plano-uso-section-head h3 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-topbar-sub,
body.admin-page.admin-cockpit-theme-dark .plano-uso-hero-meta,
body.admin-page.admin-cockpit-theme-dark .plano-uso-section-period,
body.admin-page.admin-cockpit-theme-dark .plano-uso-section-head p,
body.admin-page.admin-cockpit-theme-dark .plano-uso-card-label,
body.admin-page.admin-cockpit-theme-dark .plano-uso-hero-features li {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-plan-pill {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-status-badge,
body.admin-page.admin-cockpit-theme-dark .plano-uso-health-pill,
body.admin-page.admin-cockpit-theme-dark .plano-uso-cycle-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-status-badge[data-tone="success"],
body.admin-page.admin-cockpit-theme-dark .plano-uso-health-pill[data-tone="success"] {
  background: rgba(0, 255, 136, 0.12) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-status-badge[data-tone="warn"],
body.admin-page.admin-cockpit-theme-dark .plano-uso-health-pill[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.12) !important;
  border-color: rgba(251, 146, 60, 0.32) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-status-badge[data-tone="danger"],
body.admin-page.admin-cockpit-theme-dark .plano-uso-health-pill[data-tone="danger"] {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-hero,
body.admin-page.admin-cockpit-theme-dark .plano-uso-section,
body.admin-page.admin-cockpit-theme-dark .plano-uso-card,
body.admin-page.admin-cockpit-theme-dark .plano-uso-payment-block,
body.admin-page.admin-cockpit-theme-dark .plano-uso-alerts-section {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-gauge-track {
  stroke: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-gauge-fill {
  stroke: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-gauge-pct {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-btn--ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-btn--ghost:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-btn--outline {
  background: rgba(0, 255, 136, 0.06) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-btn--outline:hover {
  background: rgba(0, 255, 136, 0.12) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-btn--primary {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-empty {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-feedback {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-skeleton-hero,
body.admin-page.admin-cockpit-theme-dark .plano-uso-skeleton-row {
  background: rgba(255, 255, 255, 0.04) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-payment-modal-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-payment-modal-panel,
body.admin-page.admin-cockpit-theme-dark .plano-uso-manage-panel {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-manage-section-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .plano-uso-modal-eyebrow {
  color: #00ff88 !important;
}

/* ---- Tenant KB (Informações adicionais) — caixas auxiliares ---- */
body.admin-page.admin-cockpit-theme-dark .tenant-kb-org-box,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-operational-banner,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-readonly-note {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .tenant-kb-examples {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .tenant-kb-char-counter,
body.admin-page.admin-cockpit-theme-dark .tenant-kb-legacy-lead {
  color: #94a3b8 !important;
}

/* ---- Feedbacks (security-admin-feedback etc.) ---- */
body.admin-page.admin-cockpit-theme-dark .security-admin-feedback {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

/* ---- Profissionais — operator-config-toolbar ---- */
body.admin-page.admin-cockpit-theme-dark .operator-config-toolbar,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-panel-head {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

/* ---- Auditoria — paginação / detalhes ---- */
body.admin-page.admin-cockpit-theme-dark .audit-panel-filters {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .audit-panel-filter-actions {
  color: inherit;
}

/* ---- Inventory / Service Packages editor modal (compartilhado por servicos) ---- */
body.admin-page.admin-cockpit-theme-dark .inventory-editor-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-editor-modal,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-modal {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-head-copy strong,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-section-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-kicker {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-lead,
body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-optional,
body.admin-page.admin-cockpit-theme-dark .service-packages-credits-hint {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-editor-field > span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-editor-field input,
body.admin-page.admin-cockpit-theme-dark .inventory-editor-field select,
body.admin-page.admin-cockpit-theme-dark .inventory-editor-field textarea {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-editor-field input:focus,
body.admin-page.admin-cockpit-theme-dark .inventory-editor-field select:focus,
body.admin-page.admin-cockpit-theme-dark .inventory-editor-field textarea:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
  outline: none !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-close {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark .inventory-pro-editor-close:hover {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

/* =============================================================================
   Empresa (configuracoes-operador) — refinamentos premium (mock)
   ============================================================================= */

/* Title da página */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-page-title {
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* KPI cards — leading neon dot/ring (sem ícone real, evoca o ícone do mock) */
body.admin-page.admin-cockpit-theme-dark .operator-config-kpis {
  gap: 0.9rem !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-kpi {
  position: relative;
  padding: 1rem 1.05rem 1rem 3.4rem !important;
  display: grid;
  gap: 0.2rem;
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-kpi::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.36);
  box-shadow: 0 0 16px rgba(0, 255, 136, 0.18) inset;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-kpi span {
  color: #64748b !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-kpi strong {
  color: #ffffff !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  margin-top: 0.1rem !important;
}

body.admin-page.admin-cockpit-theme-dark .operator-config-kpi p {
  color: #94a3b8 !important;
  font-size: 0.78rem !important;
  margin: 0.2rem 0 0 !important;
}

/* Tabs — pill ativo cheio com glow neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-segmented-tabs {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 0.35rem !important;
  border-radius: 14px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-tab {
  background: transparent !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 10px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-tab:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-tab.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.18) !important;
}

/* Card-mãe "Configurações gerais" — sem fundo, deixa os subcards aparecerem */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] [data-operator-tab-target] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] [data-operator-tab-target] > .operator-config-card-head {
  background: transparent !important;
  border-bottom: none !important;
  padding: 0 0 0.3rem !important;
}

/* Subcards dos campos (override do styles.css que pinta de branco) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field-inline {
  position: relative;
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 3px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  padding: 14px 16px 14px 18px !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field-inline:hover {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(0, 255, 136, 0.2) !important;
  border-left-color: rgba(0, 255, 136, 0.4) !important;
}

/* Linha "ativa" — quando o checkbox está marcado, accent neon na borda esquerda */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field-inline:has(> input[type="checkbox"]:checked) {
  border-color: rgba(0, 255, 136, 0.18) !important;
  border-left-color: #00ff88 !important;
  background: rgba(0, 255, 136, 0.03) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field-inline > span:first-of-type {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field-inline > .operator-config-hint {
  color: #94a3b8 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field-inline > input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  accent-color: #00ff88 !important;
  cursor: pointer;
}

/* Subcards dos campos NÃO-inline (com select / input) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] [data-operator-tab-target="gerais"] .operator-config-field:not(.operator-config-field-inline) {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-surface,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-tip-card {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-surface-title,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-tip-card strong,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-dropzone strong {
  color: #f8fafc !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-lead,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-surface-sub,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-save-hint,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-tip-card p {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-field-label {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-field input {
  background: #0a0a0a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-form-grid--readonly .company-geral-field input {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-dropzone {
  background: #0f0f0f !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .company-geral-pro-logo-ring {
  background: #0a0a0a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field > span:first-of-type {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px;
}

/* Inputs/selects internos dos subcards: sem fundo extra (já vivem dentro do card #111) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field input,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-field select {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 24px !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

/* Mas para "operator-config-days" e form-grid-compact (time inputs), manter input visível */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-form-grid-compact .operator-config-field input {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  min-height: 38px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-days {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-days label {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-days input {
  accent-color: #00ff88 !important;
}

/* Header da página — botões com ícones (mock) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-head {
  padding-bottom: 4px;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-tenant,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .config-pro-tenant {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  min-height: 44px !important;
  justify-content: center;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-tenant:focus-within,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .config-pro-tenant:focus-within {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-tenant select,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .config-pro-tenant select {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #f1f5f9 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-tenant select option,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .config-pro-tenant select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-tenant > span,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="informacoes-adicionais"] .config-pro-tenant > span {
  color: #64748b !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

/* users-pro-tenant / users-pro-role — wrapper escuro */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-tenant,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-role {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  min-height: 44px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-tenant select,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-role select {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #f1f5f9 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-tenant select option,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-role select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .services-pro-secondary-action {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  min-height: 44px !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .services-pro-secondary-action:hover {
  background: rgba(0, 255, 136, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-save-main {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .config-pro-save-main:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 32px rgba(0, 255, 136, 0.42) !important;
}

/* Card-head eyebrow + título (CONFIGURAÇÃO PRINCIPAL / Motor da agenda...) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-card-head span {
  color: #64748b !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-card-head strong {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
}

/* Tablists devem ser pills cheios igual ao mock */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="configuracoes-operador"] .operator-config-tab.is-active {
  padding: 0.55rem 1rem !important;
}

/* =============================================================================
   Pacote de Serviços (servicos) — refinamentos premium (mock)
   ============================================================================= */

/* Header — Empresa / Unidade pílulas + botões */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-head-copy h2 {
  color: #ffffff !important;
  font-weight: 700 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-head-copy p {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-tenant {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  min-height: 44px !important;
  justify-content: center;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-tenant:focus-within {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-tenant > span {
  color: #64748b !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-tenant select {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #f1f5f9 !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-tenant select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-secondary-action {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  min-height: 44px !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-secondary-action:hover {
  background: rgba(0, 255, 136, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-add,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .pro-hero-action {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 0 18px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-add:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .pro-hero-action:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 32px rgba(0, 255, 136, 0.42) !important;
}

/* Tabs Serviços / Pacote de Serviços */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-module-tabs {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 0.35rem !important;
  border-radius: 14px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-module-tabs .pro-tab {
  background: transparent !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 10px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-module-tabs .pro-tab:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-module-tabs .pro-tab.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.18) !important;
}

/* "Salvar serviços" como outline (igual ao mock, com ícone à esquerda já vindo do HTML) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-save.btn.btn-primary {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  min-height: 40px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-save.btn.btn-primary:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
}

/* Card "Catálogo da unidade" */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-services-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 1.1rem !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-card-head strong {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-card-head span {
  color: #64748b !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Service rows — premium dark com ícone via ::before */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row {
  position: relative;
  background: #0d0d0d !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 16px 18px 16px 78px !important;
  grid-template-columns: minmax(220px, 2fr) minmax(120px, 1fr) minmax(120px, 1fr) auto !important;
  gap: 16px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row:focus-within {
  background: rgba(0, 255, 136, 0.02) !important;
  border-color: rgba(0, 255, 136, 0.24) !important;
}

/* Ícone "tesoura" via ::before como flourish premium do mock */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgba(0, 255, 136, 0.08);
  border: 1px solid rgba(0, 255, 136, 0.3);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300ff88'><path d='M9.64 11.05 4.34 5.75 5.75 4.34l5.3 5.3 2.95-2.95a3.5 3.5 0 1 1 1.41 1.41l-2.95 2.95 2.95 2.95a3.5 3.5 0 1 1-1.41 1.41l-2.95-2.95-5.3 5.3-1.41-1.41 5.3-5.3Zm6.86-3.55a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: 0 0 18px rgba(0, 255, 136, 0.16) inset;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row .operator-config-field span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row .operator-config-field input {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row .operator-config-field input:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
  outline: none !important;
}

/* Botão "Remover" — outline vermelho com ícone (no mock é só o trash) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row .btn.btn-ghost[data-service-remove] {
  background: transparent !important;
  border: 1px solid rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
  border-radius: 10px !important;
  height: 40px !important;
  padding: 0 14px !important;
  font-weight: 700 !important;
  align-self: end !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .operator-config-row .btn.btn-ghost[data-service-remove]:hover {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
}

/* Status row sem fundo extra */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .services-pro-status-row {
  background: transparent !important;
}

/* Service packages (aba "Pacote de Serviços") — cards do plano */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .service-packages-plan-card.services-pro-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .service-packages-credits-lines {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .inventory-editor-toggle,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="servicos"] .inventory-pro-editor-toggle {
  color: #f1f5f9 !important;
}

/* =============================================================================
   Profissionais / Equipe — dark mode premium (mock)
   ============================================================================= */

/* Painel de profissionais herda muito do "pro-*" (compartilhado com usuários).
   Aqui forçamos todo o conjunto também no painel profissionais. */

/* Card-mãe + toolbar do top */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-card-professionals {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .admin-panel-head {
  background: transparent !important;
  border: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-toolbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-summary strong,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-card-head strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-summary span,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-card-head span {
  color: #64748b !important;
}

/* Toolbar superior — Empresa pill + "Atualizar dados" */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-actions .operator-config-field {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  min-height: 44px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-actions .operator-config-field > span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-actions .operator-config-field select {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .operator-config-actions .operator-config-field select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] #operatorConfigProfessionalsRefresh,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] #operatorConfigAddProfessional {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
  border-radius: 12px !important;
  height: 44px !important;
  padding: 0 16px !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] #operatorConfigProfessionalsRefresh:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] #operatorConfigAddProfessional:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* ---- pro-page: painel lista + painel detalhe ---- */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-panel,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-profile-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-empty {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-empty strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-empty p {
  color: #94a3b8 !important;
}

/* Busca + add mini */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-search,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-search {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-search input,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-search input {
  background: transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-search input::placeholder,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-search input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-search:focus-within,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-search:focus-within {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-add-mini {
  background: transparent !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-add-mini:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
}

/* Items da lista (funcionários) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item.is-active {
  background: rgba(0, 255, 136, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 22px rgba(0, 255, 136, 0.14) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item.is-active::before {
  background: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item-name {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item-role {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-item-avatar > .operator-pro-avatar {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

/* Status pill na lista */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-status-on {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-status-off {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-status-busy {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

/* Botão "Adicionar funcionário" (card dashed no fim da lista) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-add {
  background: transparent !important;
  border: 1px dashed rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-add:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-list-empty {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

/* Hero do detalhe (avatar grande + nome + badges) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-hero {
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-hero-avatar-wrap > .pro-hero-avatar {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  border: 4px solid rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 32px rgba(0, 255, 136, 0.22) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-online-dot {
  background: #00ff88 !important;
  border-color: #0a0a0a !important;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.6) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-hero-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-verified {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-hero-contacts {
  color: #94a3b8 !important;
}

/* Badges (BARBER / Barber Lab / Ativo) — outline neon do mock */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-badge {
  background: transparent !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-badge-role {
  background: rgba(0, 255, 136, 0.08) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-badge-branch {
  background: rgba(0, 255, 136, 0.08) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-badge-status.is-on {
  background: rgba(0, 255, 136, 0.08) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-badge-status.is-off {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

/* Ver agenda — primary neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-hero-action {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-hero-action:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 32px rgba(0, 255, 136, 0.42) !important;
}

/* Tabs (Serviços / Horário / Comissão / POS / Editar perfil) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-tabs {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-tab {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-tab:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-tab.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

/* Toolbar da aba Serviços (search + "Editar serviços") */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-ghost:hover,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-ghost[aria-pressed="true"] {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-primary {
  background: #00ff88 !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-primary:hover {
  background: #00e07a !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-danger {
  background: transparent !important;
  border: 1px solid rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-btn-danger:hover {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
}

/* Cards de serviços do profissional */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-card {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-card:hover {
  background: rgba(0, 255, 136, 0.03) !important;
  border-color: rgba(0, 255, 136, 0.28) !important;
  box-shadow: none !important;
}

/* Barra colorida lateral — substituída por neon no dark */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-card::before {
  background: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-icon {
  background: rgba(0, 255, 136, 0.1) !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-name {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-duration {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-price {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-menu {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-service-menu:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-empty {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px dashed rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

/* Editor de serviços (toggle off/on) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-head strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-head small,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-hint {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-option {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-option:hover {
  background: rgba(0, 255, 136, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-option.is-checked {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-services-editor-empty {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px dashed rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

/* Fact grid / horários (compartilhado com outras abas) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-schedule-grid > *,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="profissionais"] .pro-tab-content {
  color: #f1f5f9 !important;
}

/* =============================================================================
   Usuários — refinamentos premium (mock)
   ============================================================================= */

/* Toolbar superior — fundo transparente (apenas pílulas no escuro) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-toolbar {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 0 !important;
}

/* Refresh "Atualizar" — outline branco com hover neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-refresh {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
  border-radius: 12px !important;
  height: 44px !important;
  padding: 0 16px !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-refresh:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

/* Cards de lista + detalhe — raio 20px */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-panel,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-list-panel,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-profile-card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-card {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}

/* Empty state (Selecione um usuário) — card escuro */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-empty,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-empty {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-empty strong,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-empty strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-empty p,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-empty p {
  color: #94a3b8 !important;
}

/* Busca + add-mini (esquerda) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-search {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-search input {
  background: transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-search input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-search:focus-within {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-add-mini {
  background: transparent !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-list-add-mini:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
}

/* Items da lista */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item.is-active {
  background: rgba(0, 255, 136, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 22px rgba(0, 255, 136, 0.14) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item.is-active::before {
  background: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item-name {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item-role {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-item-avatar > .operator-pro-avatar {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

/* Status pill na lista (Ativo / Inativo / Ocupado) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-status-on {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-status-off {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-status-busy {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

/* Hero do usuário (avatar + nome + badges) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-hero {
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-hero .pro-hero-avatar,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-avatar-wrap > .pro-hero-avatar {
  background: rgba(0, 255, 136, 0.14) !important;
  background-image: none !important;
  color: #00ff88 !important;
  border: 4px solid rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 32px rgba(0, 255, 136, 0.22) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-online-dot {
  background: #00ff88 !important;
  border-color: #0a0a0a !important;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.6) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-verified {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-contacts {
  color: #94a3b8 !important;
}

/* Badges (Proprietário / Ativo) — outline neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-badge {
  background: rgba(0, 255, 136, 0.08) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-badge-status.is-off {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

/* "Editar perfil" — sólido neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-action {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.32) !important;
  border-radius: 12px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .pro-hero-action:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 32px rgba(0, 255, 136, 0.42) !important;
}

/* "Inativar usuário" — outline branco com tom vermelho no hover */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-secondary-action {
  background: transparent !important;
  border: 1px solid rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-secondary-action:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #fca5a5 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-secondary-action.is-deactivate {
  background: transparent !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-secondary-action.is-deactivate:hover {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #fca5a5 !important;
}

/* KPI strip do detalhe */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-kpi {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-kpi-label {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-kpi-value {
  color: #ffffff !important;
}

/* Fact grid — cards com accent neon na borda esquerda + ::before como slot de ícone */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-fact-grid {
  gap: 12px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-fact {
  position: relative;
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 14px 16px 14px 60px !important;
  gap: 4px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-fact::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  box-shadow: 0 0 14px rgba(0, 255, 136, 0.14) inset;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-fact-label {
  color: #64748b !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-fact-value {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="usuarios"] .users-pro-muted {
  color: #64748b !important;
}

/* =============================================================================
   Plano e Uso — refinamentos premium (mock)
   ============================================================================= */

/* Topbar — sem fundo */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-topbar {
  background: transparent !important;
  border: none !important;
  padding-bottom: 8px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-eyebrow {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-topbar-title-row h2 {
  color: #ffffff !important;
  font-weight: 800 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-topbar-sub {
  color: #94a3b8 !important;
}

/* Pílulas Plan ("Teste") e Status ("Em Trial") */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-plan-pill {
  background: rgba(0, 255, 136, 0.1) !important;
  background-image: none !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-status-badge {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-status-badge[data-tone="success"] {
  background: rgba(0, 255, 136, 0.1) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-status-badge[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.1) !important;
  border-color: rgba(251, 146, 60, 0.32) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-status-badge[data-tone="danger"] {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-status-badge[data-tone="info"] {
  background: rgba(96, 165, 250, 0.1) !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
  color: #60a5fa !important;
}

/* Botões da topbar */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-btn--ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-btn--ghost:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-btn--outline {
  background: rgba(0, 255, 136, 0.06) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-btn--outline:hover {
  background: rgba(0, 255, 136, 0.12) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-btn--primary {
  background: #00ff88 !important;
  background-image: none !important;
  color: #04130a !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-btn--primary:hover {
  background: #00e07a !important;
  box-shadow: 0 12px 32px rgba(0, 255, 136, 0.42) !important;
}

/* Hero card */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero {
  background: #111111 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-card-label {
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-plan-name {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-cycle-pill {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-price {
  color: #00ff88 !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-meta {
  color: #94a3b8 !important;
}

/* Feature checks (Agendamentos / Profissionais / Unidades / WhatsApp) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-features li {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-check {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
}

/* Banner do trial dentro do hero ("2 dias restantes…") */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-trial {
  background: rgba(0, 255, 136, 0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-hero-trial-text {
  color: #00ff88 !important;
}

/* Mini bars do hero (Mensagens / Agendamentos) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-mini-bar {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-mini-bar-track {
  background: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-mini-bar-track span {
  background: linear-gradient(90deg, #00ff88, #00cc6f) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-mini-bar[data-tone="warn"] .plano-uso-mini-bar-track span {
  background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-mini-bar[data-tone="danger"] .plano-uso-mini-bar-track span {
  background: linear-gradient(90deg, #f87171, #ef4444) !important;
}

/* Gauge */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-gauge-track {
  stroke: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-gauge-fill {
  stroke: #00ff88 !important;
  filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.4));
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-gauge[data-tone="warn"] .plano-uso-gauge-fill {
  stroke: #fbbf24 !important;
  filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.4));
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-gauge[data-tone="danger"] .plano-uso-gauge-fill {
  stroke: #f87171 !important;
  filter: drop-shadow(0 0 10px rgba(248, 113, 113, 0.4));
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-gauge[data-tone="muted"] .plano-uso-gauge-fill {
  stroke: #64748b !important;
  filter: none;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-gauge-pct {
  color: #ffffff !important;
}

/* Health pill (Atenção etc.) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-health-pill[data-tone="success"] {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-health-pill[data-tone="warn"] {
  background: rgba(251, 191, 36, 0.14) !important;
  color: #fbbf24 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-health-pill[data-tone="danger"] {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #f87171 !important;
}

/* Section heads (Consumo do período / Alertas / Forma de cobrança / Estrutura contratada) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-section-head h3 {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-section-head p {
  color: #94a3b8 !important;
}

/* Select "Últimos 30 dias" */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-select select {
  background: rgba(255, 255, 255, 0.04) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 8px 30px 8px 12px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-select select option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

/* Usage cards (Mensagens 12/3.000, Agendamentos 36/300) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card:hover {
  border-color: rgba(0, 255, 136, 0.32) !important;
  background: rgba(0, 255, 136, 0.02) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-icon {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-icon--professionals,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-icon--units,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-icon--whatsapp,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-icon--bots {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.28) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-label {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-numbers strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-divider {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-percent {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card[data-tone="warn"] .plano-uso-usage-percent {
  color: #fbbf24 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card[data-tone="danger"] .plano-uso-usage-percent {
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card[data-tone="muted"] .plano-uso-usage-percent {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-bar {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-bar-fill {
  background: linear-gradient(90deg, #00ff88, #00cc6f) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card[data-tone="warn"] .plano-uso-usage-bar-fill {
  background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-card[data-tone="danger"] .plano-uso-usage-bar-fill {
  background: linear-gradient(90deg, #f87171, #ef4444) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-usage-remaining {
  color: #64748b !important;
}

/* History totals mini (Mensagens 12, Agendamentos 36) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-history-item {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-history-label {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-history-item strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-history-dot {
  background: #00ff88 !important;
  box-shadow: 0 0 8px rgba(0, 255, 136, 0.5) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-history-item[data-tone="appointments"] .plano-uso-history-dot {
  background: #00ff88 !important;
}

/* Alertas */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.06) !important;
  border-color: rgba(251, 146, 60, 0.32) !important;
  border-left: 3px solid #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert[data-tone="info"] {
  background: rgba(96, 165, 250, 0.06) !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
  border-left: 3px solid #60a5fa !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert[data-tone="success"] {
  background: rgba(0, 255, 136, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.32) !important;
  border-left: 3px solid #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert-icon {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert[data-tone="warn"] .plano-uso-alert-icon {
  background: rgba(251, 146, 60, 0.16) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert[data-tone="info"] .plano-uso-alert-icon {
  background: rgba(96, 165, 250, 0.14) !important;
  color: #60a5fa !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert[data-tone="success"] .plano-uso-alert-icon {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert-body strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-alert-body p {
  color: #94a3b8 !important;
}

/* Pay summary / Pay cards */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-pay-card {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-pay-card:hover:not(.plano-uso-pay-card--static) {
  border-color: rgba(0, 255, 136, 0.32) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-pay-card-kicker {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-pay-card strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-pay-card small {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-recurring-banner {
  background: rgba(0, 255, 136, 0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-recurring-banner p {
  color: #f1f5f9 !important;
}

/* Estrutura contratada — 4 cards no fim */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-structure-grid {
  gap: 12px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-structure-card {
  position: relative;
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  padding: 18px 18px 18px 70px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-structure-card::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  box-shadow: 0 0 16px rgba(0, 255, 136, 0.14) inset;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-structure-card strong {
  color: #ffffff !important;
  font-size: 1.6rem !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-structure-label {
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-structure-card small {
  color: #64748b !important;
}

/* Support footer */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-support-footer {
  background: rgba(255, 255, 255, 0.02) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Card title row helper */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-card-title {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-muted {
  color: #64748b !important;
}

/* Skeleton (loader inicial) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-skeleton-hero,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="plano-uso"] .plano-uso-skeleton-row {
  background: linear-gradient(90deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.04) 50%, rgba(255,255,255,0.02) 100%) !important;
  background-size: 200% 100% !important;
}

/* =============================================================================
   Mensagens / WhatsApp (whats-pro-*) — dark mode premium (mock 3 colunas)
   ============================================================================= */

/* Painel raiz transparente + esconde o panel-head antigo (overview-strip etc) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .admin-panel[data-admin-panel="bot-whatsapp"].card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .admin-panel[data-admin-panel="bot-whatsapp"] > .admin-panel-head,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .admin-panel[data-admin-panel="bot-whatsapp"] > .bot-overview-strip {
  display: none !important;
}

/* Shell — 3 colunas escuro premium */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-card {
  --whats-green: #00ff88;
  --whats-green-deep: #00ff88;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-shell {
  background: #0a0a0a !important;
  border-radius: 16px !important;
}

/* --------- Sidebar (esquerda) — Conversas --------- */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-sidebar {
  background: #0f0f0f !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-sidebar-head {
  background: #111111 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  position: relative;
}

/* Pseudo "Conversas" heading apoiando o mock */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-sidebar-head::before {
  content: 'Conversas';
  display: block;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 0.5rem;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-tenant {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-tenant option {
  background: #111111 !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-tenant:focus {
  border-color: rgba(0, 255, 136, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.12) !important;
}

/* Pill "Conexão ativa" */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-live {
  background: rgba(0, 255, 136, 0.1) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-live[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.1) !important;
  border-color: rgba(251, 146, 60, 0.32) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-live[data-tone="error"] {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-live-dot {
  background: #00ff88 !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.2), 0 0 8px rgba(0, 255, 136, 0.6) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-live[data-tone="warn"] .whats-pro-live-dot {
  background: #fb923c !important;
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.22) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-live[data-tone="error"] .whats-pro-live-dot {
  background: #f87171 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.22) !important;
}

/* Botões circulares de ícone */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-icon-btn {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-icon-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-icon-btn.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-icon-btn-primary {
  background: rgba(0, 255, 136, 0.14) !important;
  border: 1px solid rgba(0, 255, 136, 0.4) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-icon-btn-primary:hover:not(:disabled) {
  background: rgba(0, 255, 136, 0.22) !important;
  color: #00ff88 !important;
  box-shadow: 0 0 16px rgba(0, 255, 136, 0.32) !important;
}

/* Toggle hint */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-toggle-hint {
  background: #0f0f0f !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
}

/* Busca */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-search-row {
  background: #0f0f0f !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-search-icon {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-search {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: transparent !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-search::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-search:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(0, 255, 136, 0.4) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1) !important;
}

/* Filtros (Todas / Não lidas / IA / Grupos / Fechadas) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-filters {
  background: #0f0f0f !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-filter {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-filter:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-filter.is-active {
  background: rgba(0, 255, 136, 0.14) !important;
  border-color: rgba(0, 255, 136, 0.4) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-filter-count {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-filter.is-active .whats-pro-filter-count {
  background: #00ff88 !important;
  color: #04130a !important;
}

/* Sync card */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-sync {
  background: #0f0f0f !important;
  color: #94a3b8 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-sync[data-tone="success"] {
  background: rgba(0, 255, 136, 0.08) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-sync[data-tone="error"] {
  background: rgba(239, 68, 68, 0.08) !important;
  color: #f87171 !important;
}

/* Lista de conversas */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-list {
  background: #0f0f0f !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-empty {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-item:hover {
  background: rgba(255, 255, 255, 0.03) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-item.is-active {
  background: rgba(0, 255, 136, 0.06) !important;
  box-shadow: inset 0 0 24px rgba(0, 255, 136, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-item.is-active::before {
  background: #00ff88 !important;
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.6) !important;
  width: 3px !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-row strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-time {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-item.has-unread .whats-pro-chat-time {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-preview {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-preview-icon {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-preview-icon.is-read {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-typing,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-typing-dots span {
  color: #00ff88 !important;
  background: #00ff88;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-avatar.is-online::after {
  background: #00ff88 !important;
  box-shadow: 0 0 0 2px #0f0f0f, 0 0 6px rgba(0, 255, 136, 0.6) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-badge {
  background: #00ff88 !important;
  color: #04130a !important;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.4);
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-tag {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-window[data-tone="open"] {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-window[data-tone="closing"] {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-chat-window[data-tone="closed"] {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
}

/* --------- Thread (centro) --------- */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread {
  background:
    radial-gradient(circle at 20% 10%, rgba(0, 255, 136, 0.04), transparent 28%),
    radial-gradient(circle at 80% 90%, rgba(0, 255, 136, 0.03), transparent 30%),
    #0a0a0a !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-empty {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-empty-icon {
  background: rgba(0, 255, 136, 0.1) !important;
  color: #00ff88 !important;
  box-shadow: 0 0 24px rgba(0, 255, 136, 0.2) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-empty strong {
  color: #ffffff !important;
}

/* Header da conversa */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-head {
  background: #111111 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-id-copy strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-meta {
  color: #00ff88 !important;
  font-weight: 600 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-avatar.is-online::after {
  background: #00ff88 !important;
  box-shadow: 0 0 0 2px #111111, 0 0 6px rgba(0, 255, 136, 0.6) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-status {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-status[data-tone="warn"] {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-status[data-tone="error"] {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-window[data-tone="open"] {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-window[data-tone="closing"] {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-window[data-tone="closed"] {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
}

/* Debug / Error */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-debug {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px dashed rgba(255, 255, 255, 0.08) !important;
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-thread-error {
  background: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

/* Janela WhatsApp warning */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning {
  background: linear-gradient(180deg, rgba(239, 68, 68, 0.06), rgba(239, 68, 68, 0.12)) !important;
  border-top: 1px solid rgba(239, 68, 68, 0.24) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning[data-tone="closing"] {
  background: linear-gradient(180deg, rgba(251, 146, 60, 0.06), rgba(251, 146, 60, 0.12)) !important;
  border-top-color: rgba(251, 146, 60, 0.3) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning-icon {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning[data-tone="closing"] .whats-pro-window-warning-icon {
  background: rgba(251, 146, 60, 0.18) !important;
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning-copy strong {
  color: #f87171 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning[data-tone="closing"] .whats-pro-window-warning-copy strong {
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-warning-copy p {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-window-template-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
}

/* Mensagens — fundo escuro com leve textura neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-messages {
  background: transparent !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-messages::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Separador de dia ("Hoje") */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-day-separator {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

/* Bubbles */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  color: #f1f5f9 !important;
}

/* Inbound (Cliente) — cinza escuro */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-row.is-inbound .whats-pro-bubble {
  background: #1f2937 !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-row.is-inbound .whats-pro-bubble-author {
  color: #94a3b8 !important;
}

/* Outbound (Equipe/IA) — verde neon */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-row.is-outbound .whats-pro-bubble {
  background: rgba(0, 255, 136, 0.14) !important;
  border: 1px solid rgba(0, 255, 136, 0.32) !important;
  color: #ecfff5 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-row.is-outbound .whats-pro-bubble-author {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-text {
  color: inherit !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-row.is-inbound .whats-pro-bubble-foot {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-row.is-outbound .whats-pro-bubble-foot {
  color: rgba(0, 255, 136, 0.72) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-foot svg {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-bubble-foot.is-read svg {
  color: #00ff88 !important;
}

/* Quick actions (Sugerir horários / Criar agendamento / etc) */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-quick {
  background: rgba(17, 17, 17, 0.85) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-quick-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-quick-pill:hover {
  background: rgba(0, 255, 136, 0.12) !important;
  border-color: rgba(0, 255, 136, 0.5) !important;
  color: #00ff88 !important;
}

/* Composer */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer {
  background: #111111 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-icon {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-icon:hover:not(:disabled) {
  background: rgba(0, 255, 136, 0.1) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-input {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: transparent !important;
  color: #f1f5f9 !important;
  box-shadow: none !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-input:focus {
  border-color: rgba(0, 255, 136, 0.4) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer.is-locked .whats-pro-composer-input {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer.is-locked .whats-pro-composer-input::placeholder {
  color: #64748b !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-send {
  background: #00ff88 !important;
  color: #04130a !important;
  box-shadow: 0 6px 18px rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-composer-send:hover:not(:disabled) {
  background: #00e07a !important;
  box-shadow: 0 8px 24px rgba(0, 255, 136, 0.42) !important;
}

/* --------- CRM panel (direita) — Contato + Insights + Notas + Tags + Ações --------- */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm {
  background: #0f0f0f !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-head {
  background: linear-gradient(180deg, #111111, #0f0f0f) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-avatar {
  box-shadow: 0 0 24px rgba(0, 255, 136, 0.2) !important;
  border: 2px solid rgba(0, 255, 136, 0.32) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-head strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-head span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-section h4 {
  color: #94a3b8 !important;
}

/* KPI cards de Insights */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-kpis article {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-kpis article span {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-kpis article strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-window-state[data-tone="open"] {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-window-state[data-tone="closing"] {
  color: #fb923c !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-window-state[data-tone="closed"] {
  color: #f87171 !important;
}

/* Tags */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-tag {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-tag-green {
  background: rgba(0, 255, 136, 0.14) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-tag-blue {
  background: rgba(59, 130, 246, 0.16) !important;
  color: #60a5fa !important;
}

/* Notas */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-notes {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px dashed rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

/* Ações rápidas */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-action {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-action:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.4) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="bot-whatsapp"] .whats-pro-crm-action svg {
  color: #00ff88 !important;
}

/* =============================================================================
   Cockpit Upsell — Spotlight Premium (mock AI sales cockpit)
   Aplica em LIGHT e DARK theme. Card mantem identidade premium independente
   do tema externo (estilo Stripe + Linear + Apple).
   ============================================================================= */

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight {
  --ups-blue: #2563eb;
  --ups-blue-deep: #1d4ed8;
  --ups-blue-light: #3b82f6;
  --ups-ink: #0f172a;
  --ups-muted: #64748b;
  --ups-line: rgba(15, 23, 42, 0.08);
  --ups-card-bg: #ffffff;
  --ups-stage-bg: radial-gradient(120% 90% at 50% 110%, rgba(37, 99, 235, 0.55) 0%, rgba(15, 23, 42, 0.0) 60%), linear-gradient(180deg, #0b1428 0%, #0a0f1f 60%, #060912 100%);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: 100%;
}

/* ----- Header ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 0.25rem 0.5rem 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-head-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.18rem !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--ups-ink) !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-title-icon {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: var(--ups-blue);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-title-chip {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 0.5rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12);
  color: var(--ups-blue);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-sub {
  margin: 0 !important;
  font-size: 0.82rem !important;
  color: var(--ups-muted) !important;
  font-weight: 500 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-all {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.32rem !important;
  height: 32px !important;
  padding: 0 0.78rem !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--ups-blue) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.18s ease, border-color 0.18s ease !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-all:hover {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
}

/* ----- Hero card — 3 colunas premium ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero {
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.36fr) minmax(0, 0.22fr) !important;
  height: clamp(22rem, 44vh, 27rem) !important;
  min-height: clamp(22rem, 44vh, 27rem) !important;
  max-height: clamp(22rem, 44vh, 27rem) !important;
  border-radius: 22px !important;
  border: 1px solid var(--ups-line) !important;
  background: var(--ups-card-bg) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 24px 60px rgba(15, 23, 42, 0.16),
    0 4px 14px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
}

/* ----- Coluna 1: VISUAL premium ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__visual {
  position: relative !important;
  background: var(--ups-stage-bg) !important;
  border-right: 1px solid var(--ups-line) !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__stage {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 14%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.55) 0%, rgba(59, 130, 246, 0) 65%);
  filter: blur(8px);
  pointer-events: none;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__media-inner {
  position: relative;
  z-index: 2;
  max-height: 88%;
  aspect-ratio: 4 / 5;
  filter: drop-shadow(0 24px 32px rgba(0, 0, 0, 0.45));
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__media-inner--ph {
  color: rgba(255, 255, 255, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__stock-float {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: 26px;
  padding: 0 0.65rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: -0.005em;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__stock-float .admin-cockpit-upsell-hero__stock-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.22);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__stock-float--low .admin-cockpit-upsell-hero__stock-dot {
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__stock-float--out {
  background: rgba(239, 68, 68, 0.18);
  border-color: rgba(239, 68, 68, 0.32);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__stock-float--out .admin-cockpit-upsell-hero__stock-dot {
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.28);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__insight {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  max-width: calc(100% - 28px);
  padding: 0.55rem 0.75rem;
  border-radius: 14px;
  background: rgba(10, 14, 28, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__insight-icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.32);
  color: #93c5fd;
  flex-shrink: 0;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__insight-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__insight-copy strong {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: -0.005em;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__insight-copy span {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.3;
}

/* ----- Coluna 2: INFO ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__main {
  padding: 1.35rem 1.45rem !important;
  gap: 0.68rem !important;
  border-right: 1px solid var(--ups-line) !important;
  background: transparent !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__ai-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  width: fit-content;
  height: 26px;
  padding: 0 0.7rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.1);
  color: var(--ups-blue);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__head {
  gap: 0.32rem !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__name {
  font-size: clamp(1.45rem, 1.9vw, 1.85rem) !important;
  font-weight: 800 !important;
  color: var(--ups-ink) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__category {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: var(--ups-muted) !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__desc {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: var(--ups-muted) !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 1 !important;
}

/* 4 features horizontais com icone circular */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6rem;
  list-style: none;
  margin: 0.1rem 0 0;
  padding: 0;
  flex: 0 0 auto;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.32rem;
  text-align: center;
  min-width: 0;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__feature-icon {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.1);
  color: var(--ups-blue);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__feature-label {
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--ups-muted);
  line-height: 1.25;
  letter-spacing: -0.005em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Reco card AI compat */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
  padding: 0.7rem 0.85rem !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.06) 0%, rgba(59, 130, 246, 0.04) 100%) !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  box-shadow: none !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco-icon {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(37, 99, 235, 0.16);
  color: var(--ups-blue);
  flex-shrink: 0;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco-text {
  margin: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: var(--ups-ink) !important;
  line-height: 1.45 !important;
  -webkit-line-clamp: 3 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco-text strong {
  color: var(--ups-blue);
  font-weight: 800;
}

/* ----- Coluna 3: ASIDE — preço, margem, CTA ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__aside {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.55rem !important;
  padding: 1.35rem 1.25rem !important;
  background: linear-gradient(180deg, rgba(248, 250, 255, 1) 0%, rgba(241, 245, 255, 1) 100%) !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-label {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--ups-muted);
  line-height: 1.3;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-wrap {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.08rem !important;
  padding: 0.1rem 0 !important;
  line-height: 1 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-currency {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--ups-blue) !important;
  margin-top: 0.55rem !important;
  align-self: flex-start !important;
  padding-bottom: 0 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-whole {
  font-size: clamp(3rem, 4.2vw, 3.75rem) !important;
  font-weight: 800 !important;
  color: var(--ups-blue) !important;
  letter-spacing: -0.04em !important;
  line-height: 0.9 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-cents {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--ups-blue-light) !important;
  align-self: flex-end !important;
  padding-bottom: 0.5rem !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__margin {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #047857;
  font-size: 0.78rem;
  font-weight: 600;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.42rem !important;
  width: 100% !important;
  min-height: 52px !important;
  margin-top: 0.5rem !important;
  padding: 0 1rem !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, var(--ups-blue) 0%, var(--ups-blue-deep) 100%) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em !important;
  cursor: pointer !important;
  box-shadow:
    0 10px 28px rgba(37, 99, 235, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
  transition: transform 0.18s ease, box-shadow 0.22s ease !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__add:hover:not(:disabled) {
  transform: translateY(-1px) !important;
  box-shadow:
    0 14px 36px rgba(37, 99, 235, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.14) inset !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__add:disabled {
  background: #cbd5e1 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__lock {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  color: var(--ups-muted);
  font-size: 0.75rem;
  font-weight: 500;
}

/* ----- Peek cards (laterais) ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-peek {
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid var(--ups-line) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06) !important;
  opacity: 0.55 !important;
  filter: blur(0.4px) !important;
  transform: scale(0.86) !important;
  transition: opacity 0.32s ease, transform 0.32s ease, filter 0.32s ease !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-peek:hover {
  opacity: 0.85 !important;
  filter: blur(0) !important;
  transform: scale(0.92) !important;
  cursor: pointer;
}

/* ----- Dots ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  padding: 0.25rem 0 0.05rem !important;
  height: 16px !important;
  min-height: 16px !important;
  line-height: 0 !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-dot {
  flex: 0 0 auto !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(15, 23, 42, 0.18) !important;
  cursor: pointer !important;
  box-shadow: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
  transition: background 0.18s ease, transform 0.18s ease, width 0.22s ease !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-dot:hover {
  background: rgba(15, 23, 42, 0.32) !important;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-dot.is-active {
  width: 22px !important;
  min-width: 22px !important;
  border-radius: 999px !important;
  background: var(--ups-blue) !important;
}

/* ----- Impact bar (footer) ----- */
.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1.1rem;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid var(--ups-line);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(37, 99, 235, 0.1);
  color: var(--ups-blue);
  flex-shrink: 0;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy strong {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--ups-ink);
  letter-spacing: -0.005em;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy p {
  margin: 0;
  font-size: 0.82rem;
  color: var(--ups-muted);
  line-height: 1.4;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy p span {
  color: var(--ups-blue);
  font-weight: 700;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  height: 36px;
  padding: 0 0.95rem;
  border: 1px solid var(--ups-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ups-ink);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease;
  flex-shrink: 0;
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__btn:hover {
  background: rgba(37, 99, 235, 0.06);
  border-color: rgba(37, 99, 235, 0.28);
  color: var(--ups-blue);
}

.admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__btn svg {
  color: var(--ups-blue);
}

/* ===== DARK THEME — ajustes leves para o "spotlight card" sobressair ===== */
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight {
  --ups-ink: #f1f5f9;
  --ups-muted: #94a3b8;
  --ups-line: rgba(255, 255, 255, 0.08);
  --ups-card-bg: #0f0f0f;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero {
  box-shadow:
    0 0 0 1px rgba(0, 255, 136, 0.12),
    0 28px 60px rgba(0, 0, 0, 0.6) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__aside {
  background: linear-gradient(180deg, #111111 0%, #0a0a0a 100%) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-currency,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-whole,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-cents {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__ai-chip,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__feature-icon,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco-icon {
  background: rgba(0, 255, 136, 0.12) !important;
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.06) 0%, rgba(0, 255, 136, 0.03) 100%) !important;
  border-color: rgba(0, 255, 136, 0.22) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__reco-text strong,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-title-chip,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-all,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-title-icon {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-title-chip {
  background: rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__add {
  background: linear-gradient(180deg, #00ff88 0%, #00d674 100%) !important;
  color: #04130a !important;
  box-shadow: 0 10px 28px rgba(0, 255, 136, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__add:hover:not(:disabled) {
  box-shadow: 0 14px 36px rgba(0, 255, 136, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-peek {
  background: #0f0f0f !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-dot {
  background: rgba(255, 255, 255, 0.12);
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-dot.is-active {
  background: #00ff88;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact {
  background: #0f0f0f !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy strong {
  color: #ffffff !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy p {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__copy p span,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__icon,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__btn svg {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__icon {
  background: rgba(0, 255, 136, 0.12) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="dashboards"] .admin-cockpit-upsell-impact__btn:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-color: rgba(0, 255, 136, 0.3) !important;
  color: #00ff88 !important;
}

/* ===== Responsivo — abaixo de 1100px o aside vira inline ===== */
@media (max-width: 1100px) {
  .admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero {
    grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr) !important;
    grid-template-rows: 1fr auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__aside {
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.6rem 1rem !important;
    border-top: 1px solid var(--ups-line) !important;
  }
  .admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__price-label,
  .admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__lock {
    display: none !important;
  }
  .admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__add {
    margin-left: auto !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 220px !important;
  }
}

@media (max-width: 760px) {
  .admin-page[data-admin-panel-active="dashboards"] .admin-cockpit-upsell--spotlight .admin-cockpit-upsell-hero__features {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =============================================================================
   WhatsApp API (whatsapp-api) — dark mode premium
   ============================================================================= */

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .admin-content {
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-title,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-section-title,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-connection-value strong,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-info-card strong,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-field-label {
  color: #f8fafc !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-breadcrumb,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-lead,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-sync,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-section-sub,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-kicker,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-save-hint,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-micro-hint,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-field-hint,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-char-counter,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-info-card p,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-info-list {
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-surface,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-info-card,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-tenant-pill,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-readonly-note,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-empty {
  background: rgba(17, 17, 17, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-connection-col {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-refresh-btn,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-upload-btn,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-help-link {
  background: #0f0f0f !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #93c5fd !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-dropzone {
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(37, 99, 235, 0.12), transparent 55%),
    #0f0f0f !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-dropzone strong {
  color: #f8fafc !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-preview-ring {
  background: #0a0a0a !important;
  border-color: rgba(37, 211, 102, 0.35) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-limits-card {
  background: linear-gradient(165deg, rgba(0, 255, 136, 0.08) 0%, #111111 100%) !important;
  border-color: rgba(0, 255, 136, 0.22) !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-limits-card h3,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-limits-card li strong {
  color: #00ff88 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-field input,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-field select,
body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-field textarea {
  background: #0a0a0a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

body.admin-page.admin-cockpit-theme-dark[data-admin-panel-active="whatsapp-api"] .wa-api-pro-save-row {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}