:root {
  --zapzi-bg: #070f1d;
  --zapzi-bg-soft: #0b1424;
  --zapzi-surface: rgba(17, 27, 45, 0.94);
  --zapzi-surface-strong: #111b2d;
  --zapzi-border: rgba(148, 163, 184, 0.16);
  --zapzi-border-strong: rgba(148, 163, 184, 0.24);
  --zapzi-text: #f8fafc;
  --zapzi-muted: #9fb0c7;
  --zapzi-accent: #ff8a00;
  --zapzi-accent-strong: #e87400;
  --zapzi-ring: rgba(255, 138, 0, 0.18);
  --zapzi-blue: #2563eb;
  --zapzi-success: #16a34a;
  --zapzi-danger: #dc2626;
  --zapzi-radius: 14px;
  --zapzi-radius-sm: 10px;
  --zapzi-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.22);
  --zapzi-shadow-card: 0 18px 48px rgba(0, 0, 0, 0.28);
}

body.login-page,
body.register-page,
body.admin-page,
body.panel-page,
body.user-panel,
body.landing {
  color: var(--zapzi-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.login-page,
body.register-page,
body.admin-page,
body.panel-page,
body.user-panel,
body.landing {
  background:
    radial-gradient(900px 460px at 8% -8%, rgba(255, 138, 0, 0.08), transparent 58%),
    radial-gradient(760px 420px at 96% 0%, rgba(37, 99, 235, 0.08), transparent 54%),
    linear-gradient(180deg, #09111f 0%, var(--zapzi-bg) 100%) !important;
}

body.login-page button,
body.register-page button,
body.admin-page button,
body.panel-page button,
body.user-panel button,
body.landing .btn,
body.admin-page .btn,
body.panel-page .btn {
  border-radius: 12px;
  font-weight: 750;
  letter-spacing: 0;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

body.login-page button:hover,
body.register-page button:hover,
body.admin-page button:hover,
body.panel-page button:hover,
body.user-panel button:hover,
body.landing .btn:hover {
  transform: translateY(-1px);
}

body.login-page button:focus-visible,
body.register-page button:focus-visible,
body.admin-page button:focus-visible,
body.panel-page button:focus-visible,
body.user-panel button:focus-visible,
body.landing a:focus-visible,
body.landing button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--zapzi-ring) !important;
}

body.admin-page .btn,
body.panel-page .btn,
body.panel-page .content-section button[type="submit"],
body.register-page .primary-btn,
body.login-page .login-submit,
body.landing .btn.primary {
  border: 1px solid rgba(255, 138, 0, 0.72) !important;
  background: linear-gradient(180deg, #ffad3d 0%, var(--zapzi-accent) 100%) !important;
  color: #1f1607 !important;
  box-shadow: 0 12px 26px rgba(255, 138, 0, 0.2) !important;
}

body.admin-page .btn:hover,
body.panel-page .btn:hover,
body.panel-page .content-section button[type="submit"]:hover,
body.register-page .primary-btn:hover,
body.login-page .login-submit:hover,
body.landing .btn.primary:hover {
  border-color: rgba(255, 173, 61, 0.92) !important;
  background: linear-gradient(180deg, #ffbb5c 0%, #ff920f 100%) !important;
  box-shadow: 0 16px 32px rgba(255, 138, 0, 0.24) !important;
}

body.admin-page .btn.btn-ghost,
body.panel-page .btn.btn-ghost,
body.landing .btn.ghost,
body.user-panel .header-logout,
body.user-panel #userToggleSidebar {
  border: 1px solid var(--zapzi-border) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: var(--zapzi-text) !important;
  box-shadow: 0 8px 22px rgba(18, 28, 45, 0.06) !important;
}

body.admin-page .btn.btn-ghost:hover,
body.panel-page .btn.btn-ghost:hover,
body.landing .btn.ghost:hover,
body.user-panel .header-logout:hover,
body.user-panel #userToggleSidebar:hover {
  border-color: rgba(255, 138, 0, 0.32) !important;
  color: var(--zapzi-accent-strong) !important;
  background: #ffffff !important;
}

body.login-page input,
body.register-page input,
body.admin-page input,
body.panel-page input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body.panel-page textarea,
body.panel-page select,
body.landing input {
  border-color: var(--zapzi-border) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: var(--zapzi-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

body.login-page input:focus,
body.register-page input:focus,
body.admin-page input:focus,
body.panel-page input:focus,
body.panel-page textarea:focus,
body.panel-page select:focus,
body.landing input:focus {
  border-color: rgba(255, 138, 0, 0.54) !important;
  box-shadow: 0 0 0 4px var(--zapzi-ring) !important;
}

body.login-page .login-card,
body.login-page .login-tabs,
body.register-page .register-card,
body.register-page .register-hero-inner,
body.admin-page .admin-card,
body.admin-page .admin-header-inner,
body.panel-page form,
body.panel-page .audience-metric-card,
body.panel-page .messages-list-panel,
body.panel-page .messages-detail-panel,
body.panel-page .connections-table,
body.panel-page .connections-empty,
body.panel-page .backup-refined-card,
body.panel-page .backup-refined-panel,
body.panel-page .labels-refined-toolbar,
body.panel-page .labels-refined-empty-card,
body.panel-page .summary-card,
body.panel-page .api-keys-refined,
body.panel-page .message-modal-card,
body.user-panel main.content,
body.landing .feature-card,
body.landing .trust-card,
body.landing .panel-card,
body.landing .cta-card,
body.landing .preview-card {
  border: 1px solid var(--zapzi-border) !important;
  background: var(--zapzi-surface) !important;
  box-shadow: var(--zapzi-shadow-card) !important;
  backdrop-filter: blur(18px);
}

body.panel-page .audience-metric-card,
body.panel-page .messages-list-panel,
body.panel-page .messages-detail-panel,
body.panel-page .connections-table,
body.panel-page .connections-empty,
body.panel-page .backup-refined-card,
body.panel-page .backup-refined-panel,
body.panel-page .labels-refined-toolbar,
body.panel-page .labels-refined-empty-card,
body.panel-page .summary-card,
body.panel-page .api-keys-refined,
body.panel-page .message-modal-card {
  border-radius: 18px !important;
}

body.panel-page header.header.panel-topbar,
body.user-panel > header,
body.landing .nav {
  border-bottom: 1px solid var(--zapzi-border) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 10px 32px rgba(18, 28, 45, 0.07) !important;
  backdrop-filter: blur(18px);
}

body.panel-page .sidebar,
body.admin-page .admin-sidebar,
body.user-panel .sidebar {
  background: linear-gradient(180deg, #101827 0%, #0b1220 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 14px 0 36px rgba(18, 28, 45, 0.14) !important;
}

body.panel-page .sidebar a,
body.panel-page .sidebar-group .sidebar-toggle,
body.admin-page .admin-nav-link,
body.user-panel .sidebar a {
  border-radius: 12px !important;
}

body.panel-page .sidebar a.active,
body.panel-page .sidebar-submenu a.active,
body.panel-page .sidebar-group.open .sidebar-toggle,
body.admin-page .admin-nav-link.active,
body.user-panel .sidebar a.active {
  background: linear-gradient(90deg, rgba(255, 138, 0, 0.22), rgba(255, 255, 255, 0.06)) !important;
  border-color: rgba(255, 138, 0, 0.2) !important;
  box-shadow: inset 3px 0 0 var(--zapzi-accent) !important;
}

body.panel-page .content h2,
body.panel-page .content h3,
body.admin-page h1,
body.admin-page h2,
body.register-page h1,
body.register-page h2,
body.login-page h1,
body.landing h1,
body.landing h2,
body.landing h3 {
  letter-spacing: 0;
}

body.panel-page li,
body.panel-page .message-item,
body.panel-page .flow-card,
body.admin-page .admin-user-row,
body.user-panel .grid > div {
  border-color: var(--zapzi-border) !important;
  box-shadow: var(--zapzi-shadow-soft) !important;
}

body.login-page.theme-dark input,
body.login-page.theme-dark .login-card,
body.login-page.theme-dark .login-tabs {
  border-color: rgba(148, 163, 184, 0.16) !important;
  background: rgba(13, 24, 39, 0.9) !important;
  color: #e7eef7 !important;
}

/* Keep the flow builder high-contrast, but make the surrounding page lighter. */
body.panel-page[data-section="funis"] .content-wrapper,
body.panel-page[data-section="funis"] .content,
body.panel-page[data-section="funis"] #funis.content-section {
  background:
    radial-gradient(900px 460px at 12% -10%, rgba(255, 138, 0, 0.12), transparent 58%),
    linear-gradient(180deg, #fbfcfe 0%, #f3f5f9 100%) !important;
}

#funis .flow-home-header,
#funis .flow-builder-header,
#funis .flow-meta {
  border-color: var(--zapzi-border) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: var(--zapzi-shadow-card) !important;
}

#funis .flow-home-title h2,
#funis .flow-builder-heading,
#funis .flow-card-title {
  color: var(--zapzi-text) !important;
}

#funis .flow-home-title p,
#funis .flow-card-meta,
#funis .flow-meta-label {
  color: var(--zapzi-muted) !important;
}

#funis .flow-meta-input {
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--zapzi-text) !important;
  border-color: var(--zapzi-border) !important;
}

#funis .flow-meta-radio {
  background: rgba(241, 245, 249, 0.76) !important;
  border-color: var(--zapzi-border) !important;
}

#funis .flow-meta-radio label {
  color: var(--zapzi-text) !important;
}

#funis .flow-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--zapzi-border) !important;
  box-shadow: var(--zapzi-shadow-soft) !important;
}

#funis .flow-card-badge,
#funis .flow-meta-row code {
  background: rgba(255, 138, 0, 0.08) !important;
  border-color: rgba(255, 138, 0, 0.16) !important;
  color: #a45600 !important;
}

body.panel-page.theme-dark header.header.panel-topbar {
  background: rgba(11, 18, 32, 0.9) !important;
}

body.panel-page.theme-dark .sidebar {
  box-shadow: 14px 0 36px rgba(0, 0, 0, 0.24) !important;
}

/* Dark theme must win over the global light polish. */
body.panel-page.theme-dark {
  --zapzi-bg: #08111f;
  --zapzi-bg-soft: #0b1424;
  --zapzi-surface: rgba(17, 27, 45, 0.94);
  --zapzi-surface-strong: #111b2d;
  --zapzi-border: rgba(148, 163, 184, 0.16);
  --zapzi-border-strong: rgba(148, 163, 184, 0.24);
  --zapzi-text: #f8fafc;
  --zapzi-muted: #9fb0c7;
  --zapzi-ring: rgba(255, 138, 0, 0.18);
  --zapzi-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.22);
  --zapzi-shadow-card: 0 18px 48px rgba(0, 0, 0, 0.28);
  background:
    radial-gradient(900px 460px at 8% -8%, rgba(255, 138, 0, 0.08), transparent 58%),
    radial-gradient(760px 420px at 96% 0%, rgba(37, 99, 235, 0.08), transparent 54%),
    linear-gradient(180deg, #09111f 0%, #070f1d 100%) !important;
  color: var(--zapzi-text) !important;
}

body.panel-page.theme-dark .content-wrapper,
body.panel-page.theme-dark .content,
body.panel-page.theme-dark .content-section,
body.panel-page.theme-dark[data-section] .content-wrapper,
body.panel-page.theme-dark[data-section] .content,
body.panel-page.theme-dark[data-section] .content-section {
  background: #070f1d !important;
  color: var(--zapzi-text) !important;
}

body.panel-page.theme-dark form,
body.panel-page.theme-dark .audience-metric-card,
body.panel-page.theme-dark .audience-toolbar,
body.panel-page.theme-dark .audience-empty,
body.panel-page.theme-dark .audience-item,
body.panel-page.theme-dark .messages-list-panel,
body.panel-page.theme-dark .messages-detail-panel,
body.panel-page.theme-dark .connections-table,
body.panel-page.theme-dark .connections-empty,
body.panel-page.theme-dark .backup-refined-card,
body.panel-page.theme-dark .backup-refined-panel,
body.panel-page.theme-dark .labels-refined-toolbar,
body.panel-page.theme-dark .labels-refined-empty-card,
body.panel-page.theme-dark .summary-card,
body.panel-page.theme-dark .api-keys-refined,
body.panel-page.theme-dark .message-modal-card,
body.panel-page.theme-dark .chat-support,
body.panel-page.theme-dark .chat-contacts,
body.panel-page.theme-dark .chat-window,
body.panel-page.theme-dark .chat-empty-state,
body.panel-page.theme-dark .chat-input,
body.panel-page.theme-dark .comprovante-card,
body.panel-page.theme-dark .confirmacao-card,
body.panel-page.theme-dark .confirmacao-list .comprovante-item,
body.panel-page.theme-dark .settings-panel,
body.panel-page.theme-dark .date-range-card,
body.panel-page.theme-dark .tag-picker-panel,
body.panel-page.theme-dark .modal-card,
body.panel-page.theme-dark .cleanup-modal-card,
body.panel-page.theme-dark .label-modal-card {
  border-color: var(--zapzi-border) !important;
  background: var(--zapzi-surface) !important;
  color: var(--zapzi-text) !important;
  box-shadow: var(--zapzi-shadow-card) !important;
}

body.panel-page.theme-dark .audience-toolbar,
body.panel-page.theme-dark .chat-contacts,
body.panel-page.theme-dark .chat-window,
body.panel-page.theme-dark .confirmacao-card,
body.panel-page.theme-dark .settings-panel,
body.panel-page.theme-dark .date-range-card,
body.panel-page.theme-dark .tag-picker-panel {
  background: rgba(16, 27, 45, 0.94) !important;
}

body.panel-page.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body.panel-page.theme-dark textarea,
body.panel-page.theme-dark select,
body.panel-page.theme-dark .date-range-display,
body.panel-page.theme-dark .tag-picker-button,
body.panel-page.theme-dark .labels-refined-filter,
body.panel-page.theme-dark .settings-input,
body.panel-page.theme-dark .integration-input,
body.panel-page.theme-dark .flow-meta-input,
body.panel-page.theme-dark .flow-node-input,
body.panel-page.theme-dark .flow-node-select,
body.panel-page.theme-dark #comprovante-pagamento .confirmacao-card-body textarea,
body.panel-page.theme-dark #atendimento .chat-input textarea {
  border-color: var(--zapzi-border) !important;
  background: rgba(8, 17, 31, 0.78) !important;
  color: var(--zapzi-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.panel-page.theme-dark .messages-search,
body.panel-page.theme-dark .audience-search-bar,
body.panel-page.theme-dark .chat-contacts-search,
body.panel-page.theme-dark .labels-refined-search,
body.panel-page.theme-dark .gpt-search,
body.panel-page.theme-dark .sales-refined-input,
body.panel-page.theme-dark .integrations-refined-input,
body.panel-page.theme-dark .chatgpt-refined-input,
body.panel-page.theme-dark #mensagens .messages-search,
body.panel-page.theme-dark[data-section="atendimento"] #atendimento .chat-contacts-search,
body.panel-page.theme-dark[data-section="etiquetas"] #etiquetas .labels-refined-search {
  border-color: var(--zapzi-border) !important;
  background: rgba(8, 17, 31, 0.76) !important;
  color: var(--zapzi-text) !important;
  box-shadow: none !important;
}

body.panel-page.theme-dark .messages-search input,
body.panel-page.theme-dark .audience-search-bar input,
body.panel-page.theme-dark .chat-contacts-search input,
body.panel-page.theme-dark .labels-refined-search input,
body.panel-page.theme-dark .gpt-search input,
body.panel-page.theme-dark .sales-refined-input input,
body.panel-page.theme-dark .integrations-refined-input input,
body.panel-page.theme-dark .chatgpt-refined-input input,
body.panel-page.theme-dark #mensagens .messages-search input,
body.panel-page.theme-dark[data-section="atendimento"] #atendimento .chat-contacts-search input,
body.panel-page.theme-dark[data-section="atendimento"] #atendimento .chat-contacts-search input:focus,
body.panel-page.theme-dark[data-section="etiquetas"] #etiquetas .labels-refined-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--zapzi-text) !important;
  box-shadow: none !important;
}

body.panel-page.theme-dark input::placeholder,
body.panel-page.theme-dark textarea::placeholder,
body.panel-page.theme-dark .messages-search input::placeholder,
body.panel-page.theme-dark .audience-search-bar input::placeholder,
body.panel-page.theme-dark .chat-contacts-search input::placeholder {
  color: rgba(203, 213, 225, 0.52) !important;
}

body.panel-page.theme-dark input:focus,
body.panel-page.theme-dark textarea:focus,
body.panel-page.theme-dark select:focus,
body.panel-page.theme-dark .date-range-display:focus,
body.panel-page.theme-dark .messages-search:focus-within,
body.panel-page.theme-dark .audience-search-bar:focus-within,
body.panel-page.theme-dark .chat-contacts-search:focus-within,
body.panel-page.theme-dark .labels-refined-search:focus-within {
  border-color: rgba(255, 138, 0, 0.56) !important;
  box-shadow: 0 0 0 4px var(--zapzi-ring) !important;
}

body.panel-page.theme-dark .btn.btn-ghost,
body.panel-page.theme-dark .flow-btn:not(.primary),
body.panel-page.theme-dark .flow-action-btn,
body.panel-page.theme-dark .audience-toolbar .btn.btn-ghost,
body.panel-page.theme-dark .message-actions button,
body.panel-page.theme-dark .message-actions .btn-edit,
body.panel-page.theme-dark .message-actions .btn-delete,
body.panel-page.theme-dark .confirmacao-list .comprovante-item-btn,
body.panel-page.theme-dark .label-modal-close,
body.panel-page.theme-dark .icon-btn {
  border-color: var(--zapzi-border) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #dbe7f6 !important;
  box-shadow: none !important;
}

body.panel-page.theme-dark .btn.btn-ghost:hover,
body.panel-page.theme-dark .flow-btn:not(.primary):hover,
body.panel-page.theme-dark .flow-action-btn:hover,
body.panel-page.theme-dark .message-actions button:hover,
body.panel-page.theme-dark .message-actions .btn-edit:hover,
body.panel-page.theme-dark .message-actions .btn-delete:hover {
  border-color: rgba(255, 138, 0, 0.44) !important;
  background: rgba(255, 138, 0, 0.12) !important;
  color: #ffbe66 !important;
}

body.panel-page.theme-dark .content h2,
body.panel-page.theme-dark .content h3,
body.panel-page.theme-dark .audience-metric-value,
body.panel-page.theme-dark .audience-name,
body.panel-page.theme-dark .message-detail-title,
body.panel-page.theme-dark .confirmacao-card-title h3,
body.panel-page.theme-dark .flow-card-title,
body.panel-page.theme-dark .flow-home-title h2,
body.panel-page.theme-dark .flow-builder-heading {
  color: var(--zapzi-text) !important;
}

body.panel-page.theme-dark .content p,
body.panel-page.theme-dark .audience-metric-label,
body.panel-page.theme-dark .audience-metric-note,
body.panel-page.theme-dark .audience-range,
body.panel-page.theme-dark .audience-pagination-info,
body.panel-page.theme-dark .chat-contact-meta,
body.panel-page.theme-dark .confirmacao-card-body p,
body.panel-page.theme-dark .confirmacao-card-body small,
body.panel-page.theme-dark .flow-home-title p,
body.panel-page.theme-dark .flow-card-meta,
body.panel-page.theme-dark .flow-meta-label {
  color: var(--zapzi-muted) !important;
}

body.panel-page.theme-dark[data-section="funis"] .content-wrapper,
body.panel-page.theme-dark[data-section="funis"] .content,
body.panel-page.theme-dark[data-section="funis"] #funis.content-section {
  background:
    radial-gradient(900px 460px at 12% -10%, rgba(255, 138, 0, 0.08), transparent 58%),
    linear-gradient(180deg, #09111f 0%, #070f1d 100%) !important;
}

body.panel-page.theme-dark #funis .flow-home-header,
body.panel-page.theme-dark #funis .flow-builder-header,
body.panel-page.theme-dark #funis .flow-meta,
body.panel-page.theme-dark #funis .flow-card {
  border-color: var(--zapzi-border) !important;
  background: rgba(17, 27, 45, 0.94) !important;
  color: var(--zapzi-text) !important;
  box-shadow: var(--zapzi-shadow-card) !important;
}

body.panel-page.theme-dark #funis .flow-empty {
  border-color: var(--zapzi-border) !important;
  background: rgba(17, 27, 45, 0.94) !important;
  color: #c4d2e5 !important;
}

body.panel-page.theme-dark #funis .flow-meta-radio {
  border-color: var(--zapzi-border) !important;
  background: rgba(8, 17, 31, 0.68) !important;
}

body.panel-page.theme-dark #funis .flow-meta-radio label {
  color: #dbe7f6 !important;
}

body.panel-page.theme-dark #funis .flow-card-badge,
body.panel-page.theme-dark #funis .flow-meta-row code {
  border-color: rgba(255, 138, 0, 0.22) !important;
  background: rgba(255, 138, 0, 0.12) !important;
  color: #ffc266 !important;
}

@media (max-width: 768px) {
  body.panel-page .content,
  body.panel-page[data-section] .content {
    padding: 1rem !important;
  }

  body.login-page .login-card,
  body.register-page .register-card {
    padding: 1.6rem !important;
    border-radius: 18px !important;
  }

  body.landing .nav {
    border-radius: 0 !important;
  }
}

/* Dark-only product theme. Light mode is intentionally unavailable. */
body.login-page.theme-dark,
body.register-page.theme-dark,
body.admin-page.theme-dark,
body.user-panel.theme-dark,
body.landing.theme-dark {
  --zapzi-bg: #070f1d;
  --zapzi-bg-soft: #0b1424;
  --zapzi-surface: rgba(17, 27, 45, 0.94);
  --zapzi-surface-strong: #111b2d;
  --zapzi-border: rgba(148, 163, 184, 0.16);
  --zapzi-border-strong: rgba(148, 163, 184, 0.24);
  --zapzi-text: #f8fafc;
  --zapzi-muted: #9fb0c7;
  --zapzi-ring: rgba(255, 138, 0, 0.18);
  --zapzi-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.22);
  --zapzi-shadow-card: 0 18px 48px rgba(0, 0, 0, 0.28);
  background:
    radial-gradient(900px 460px at 8% -8%, rgba(255, 138, 0, 0.08), transparent 58%),
    radial-gradient(760px 420px at 96% 0%, rgba(37, 99, 235, 0.08), transparent 54%),
    linear-gradient(180deg, #09111f 0%, #070f1d 100%) !important;
  color: var(--zapzi-text) !important;
}

body.login-page.theme-dark .login-theme-toggle,
body.panel-page.theme-dark .settings-item-toggle {
  display: none !important;
}

body.register-page.theme-dark .register-shell,
body.register-page.theme-dark .register-panel,
body.admin-page.theme-dark .admin-content,
body.admin-page.theme-dark .admin-main,
body.user-panel.theme-dark,
body.user-panel.theme-dark main.content,
body.landing.theme-dark main {
  background: transparent !important;
  color: var(--zapzi-text) !important;
}

body.login-page.theme-dark .login-card,
body.login-page.theme-dark .login-tabs,
body.register-page.theme-dark .register-card,
body.register-page.theme-dark .register-hero-inner,
body.admin-page.theme-dark .admin-header-inner,
body.admin-page.theme-dark .admin-card,
body.admin-page.theme-dark .admin-user-row,
body.admin-page.theme-dark .admin-key-output,
body.user-panel.theme-dark main.content,
body.user-panel.theme-dark .summary-card,
body.user-panel.theme-dark .connections-table,
body.user-panel.theme-dark .modal-card,
body.landing.theme-dark .preview-card,
body.landing.theme-dark .preview-card-mini,
body.landing.theme-dark .feature-card,
body.landing.theme-dark .trust-card,
body.landing.theme-dark .panel-card,
body.landing.theme-dark .cta-card,
body.landing.theme-dark .metric {
  border-color: var(--zapzi-border) !important;
  background: var(--zapzi-surface) !important;
  color: var(--zapzi-text) !important;
  box-shadow: var(--zapzi-shadow-card) !important;
}

body.register-page.theme-dark .register-hero {
  background:
    radial-gradient(620px 360px at 20% 10%, rgba(255, 138, 0, 0.18), transparent 58%),
    linear-gradient(135deg, #0d1728 0%, #121f33 52%, #1a2438 100%) !important;
}

body.admin-page.theme-dark {
  --admin-bg: var(--zapzi-bg);
  --admin-surface: var(--zapzi-surface);
  --admin-border: var(--zapzi-border);
  --admin-text: var(--zapzi-text);
  --admin-muted: var(--zapzi-muted);
  --admin-sidebar: #0b1220;
  --admin-sidebar-border: rgba(148, 163, 184, 0.14);
  --admin-sidebar-text: #e5edf7;
  --admin-sidebar-muted: #9fb0c7;
}

body.admin-page.theme-dark .admin-sidebar,
body.user-panel.theme-dark .sidebar {
  background: linear-gradient(180deg, #0b1220 0%, #08101e 100%) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  box-shadow: 14px 0 36px rgba(0, 0, 0, 0.24) !important;
}

body.user-panel.theme-dark > header,
body.landing.theme-dark .nav {
  border-color: var(--zapzi-border) !important;
  background: rgba(8, 17, 31, 0.86) !important;
  color: var(--zapzi-text) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(18px);
}

body.login-page.theme-dark input,
body.register-page.theme-dark input,
body.admin-page.theme-dark input,
body.user-panel.theme-dark input,
body.user-panel.theme-dark textarea,
body.landing.theme-dark input,
body.register-page.theme-dark .input-wrap,
body.user-panel.theme-dark .modal-body input,
body.user-panel.theme-dark .input-inline input {
  border-color: var(--zapzi-border) !important;
  background: rgba(8, 17, 31, 0.78) !important;
  color: var(--zapzi-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.login-page.theme-dark input::placeholder,
body.register-page.theme-dark input::placeholder,
body.admin-page.theme-dark input::placeholder,
body.user-panel.theme-dark input::placeholder,
body.user-panel.theme-dark textarea::placeholder,
body.landing.theme-dark input::placeholder {
  color: rgba(203, 213, 225, 0.52) !important;
}

body.login-page.theme-dark input:focus,
body.register-page.theme-dark input:focus,
body.admin-page.theme-dark input:focus,
body.user-panel.theme-dark input:focus,
body.user-panel.theme-dark textarea:focus,
body.landing.theme-dark input:focus,
body.register-page.theme-dark .input-wrap:focus-within {
  border-color: rgba(255, 138, 0, 0.56) !important;
  box-shadow: 0 0 0 4px var(--zapzi-ring) !important;
}

body.register-page.theme-dark .brand-name,
body.register-page.theme-dark .register-card h2,
body.register-page.theme-dark .field label,
body.admin-page.theme-dark .admin-title h1,
body.admin-page.theme-dark .admin-card h2,
body.admin-page.theme-dark .admin-user-info strong,
body.user-panel.theme-dark h1,
body.user-panel.theme-dark h2,
body.user-panel.theme-dark h3,
body.landing.theme-dark h1,
body.landing.theme-dark h2,
body.landing.theme-dark h3,
body.landing.theme-dark .preview-card-mini strong {
  color: var(--zapzi-text) !important;
}

body.register-page.theme-dark .subtitle,
body.register-page.theme-dark .terms,
body.admin-page.theme-dark .admin-title p,
body.admin-page.theme-dark .admin-card-subtitle,
body.admin-page.theme-dark .admin-users-header p,
body.admin-page.theme-dark .admin-user-info span,
body.admin-page.theme-dark .admin-user-key,
body.user-panel.theme-dark p,
body.user-panel.theme-dark small,
body.landing.theme-dark p,
body.landing.theme-dark .lead,
body.landing.theme-dark .muted,
body.landing.theme-dark .cta-note {
  color: var(--zapzi-muted) !important;
}

body.admin-page.theme-dark .btn.btn-ghost,
body.user-panel.theme-dark .header-logout,
body.user-panel.theme-dark #userToggleSidebar,
body.user-panel.theme-dark .btn-secondary,
body.user-panel.theme-dark .action-btn,
body.user-panel.theme-dark .icon-btn,
body.landing.theme-dark .btn.ghost {
  border-color: var(--zapzi-border) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #dbe7f6 !important;
  box-shadow: none !important;
}

body.admin-page.theme-dark .btn.btn-ghost:hover,
body.user-panel.theme-dark .header-logout:hover,
body.user-panel.theme-dark #userToggleSidebar:hover,
body.user-panel.theme-dark .btn-secondary:hover,
body.user-panel.theme-dark .action-btn:hover,
body.user-panel.theme-dark .icon-btn:hover,
body.landing.theme-dark .btn.ghost:hover {
  border-color: rgba(255, 138, 0, 0.44) !important;
  background: rgba(255, 138, 0, 0.12) !important;
  color: #ffbe66 !important;
}

body.user-panel.theme-dark .bg-white,
body.user-panel.theme-dark .bg-gray-50,
body.user-panel.theme-dark .bg-gray-100,
body.user-panel.theme-dark .surface-light {
  background-color: rgba(17, 27, 45, 0.94) !important;
}

body.user-panel.theme-dark .text-gray-900,
body.user-panel.theme-dark .text-gray-800,
body.user-panel.theme-dark .text-gray-700 {
  color: var(--zapzi-text) !important;
}

body.user-panel.theme-dark .text-gray-600,
body.user-panel.theme-dark .text-gray-500,
body.user-panel.theme-dark .text-gray-400 {
  color: var(--zapzi-muted) !important;
}

body.user-panel.theme-dark .border-gray-100,
body.user-panel.theme-dark .border-gray-200 {
  border-color: var(--zapzi-border) !important;
}

body.landing.theme-dark .logo,
body.landing.theme-dark .nav-links a,
body.landing.theme-dark .footer,
body.landing.theme-dark .footer a {
  color: var(--zapzi-text) !important;
}

body.landing.theme-dark .footer {
  border-color: var(--zapzi-border) !important;
  background: rgba(8, 17, 31, 0.72) !important;
}

/* High-contrast chips for dark-only UI. */
body.panel-page.theme-dark .inicio-refined-kicker,
body.panel-page.theme-dark .inicio-refined-badges span,
body.panel-page.theme-dark .inicio-refined-summary-label,
body.panel-page.theme-dark .badge-tipo,
body.panel-page.theme-dark .audience-badge,
body.panel-page.theme-dark .chat-contact-badge,
body.panel-page.theme-dark .comprovante-pill,
body.panel-page.theme-dark .status-badge,
body.panel-page.theme-dark .tag-pill,
body.panel-page.theme-dark .flow-card-badge,
body.panel-page.theme-dark .flow-decision-tag,
body.panel-page.theme-dark .flow-meta-row code,
body.panel-page.theme-dark .admin-tag {
  border: 1px solid rgba(125, 171, 255, 0.28) !important;
  background: rgba(37, 99, 235, 0.16) !important;
  color: #dbeafe !important;
  text-shadow: none !important;
}

body.panel-page.theme-dark .inicio-refined-badges span {
  min-height: 36px;
  padding: 0.4rem 0.9rem;
  font-weight: 800;
}

body.panel-page.theme-dark .status-badge.is-success {
  border-color: rgba(34, 197, 94, 0.42) !important;
  background: rgba(34, 197, 94, 0.16) !important;
  color: #86efac !important;
}

body.panel-page.theme-dark .status-badge.is-warning {
  border-color: rgba(250, 204, 21, 0.46) !important;
  background: rgba(250, 204, 21, 0.15) !important;
  color: #fde047 !important;
}

body.panel-page.theme-dark .status-badge.is-error {
  border-color: rgba(248, 113, 113, 0.46) !important;
  background: rgba(248, 113, 113, 0.14) !important;
  color: #fca5a5 !important;
}

body.panel-page.theme-dark .inicio-refined-hero {
  background:
    radial-gradient(620px 300px at 18% 8%, rgba(255, 138, 0, 0.12), transparent 58%),
    linear-gradient(135deg, rgba(17, 27, 45, 0.98), rgba(12, 22, 38, 0.96)) !important;
}

body.panel-page.theme-dark .inicio-refined-hero-content h3,
body.panel-page.theme-dark .inicio-refined-header h2 {
  color: #f8fafc !important;
}

body.panel-page.theme-dark .inicio-refined-hero-content p,
body.panel-page.theme-dark .inicio-refined-header p {
  color: #b9c8dc !important;
}

body.panel-page.theme-dark .inicio-refined-stat-label,
body.panel-page.theme-dark .inicio-refined-summary-card p {
  color: #aebdd2 !important;
}

/* Search fields draw the shell; the nested input must stay invisible. */
body.panel-page.theme-dark #audiencia .audience-search-bar input,
body.panel-page.theme-dark #atendimento .chat-contacts-search input,
body.panel-page.theme-dark #mensagens .messages-search input,
body.panel-page.theme-dark #audios .messages-search input,
body.panel-page.theme-dark #etiquetas .labels-refined-search input,
body.panel-page.theme-dark #assistente-gpt .gpt-search input,
body.panel-page.theme-dark .messages-search input,
body.panel-page.theme-dark .audience-search-bar input,
body.panel-page.theme-dark .chat-contacts-search input,
body.panel-page.theme-dark .labels-refined-search input,
body.panel-page.theme-dark .gpt-search input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--zapzi-text) !important;
  box-shadow: none !important;
}

body.panel-page.theme-dark #audiencia .audience-search-bar,
body.panel-page.theme-dark #atendimento .chat-contacts-search,
body.panel-page.theme-dark #mensagens .messages-search,
body.panel-page.theme-dark #audios .messages-search,
body.panel-page.theme-dark #etiquetas .labels-refined-search,
body.panel-page.theme-dark #assistente-gpt .gpt-search {
  overflow: hidden;
  border-color: rgba(148, 163, 184, 0.2) !important;
  background: rgba(8, 17, 31, 0.82) !important;
}

/* Sales dashboard inspired layout. */
body.panel-page[data-section="vendas"] #vendas .sales-refined {
  width: min(1180px, 100%);
  max-width: none !important;
  gap: 1.15rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-header {
  align-items: center !important;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  background: rgba(17, 27, 45, 0.88);
  box-shadow: var(--zapzi-shadow-card) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-title h2 {
  color: #f8fafc !important;
  font-size: 1.85rem !important;
  margin-bottom: 0.25rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-title p {
  color: #9fb0c7 !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-actions {
  border-color: rgba(148, 163, 184, 0.14) !important;
  background: rgba(8, 17, 31, 0.52) !important;
  border-radius: 15px !important;
  margin-left: auto;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-toggle {
  background: rgba(255, 255, 255, 0.05) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-toggle .sales-tab-btn {
  color: #aebdd2 !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-toggle .sales-tab-btn.active {
  background: rgba(255, 138, 0, 0.95) !important;
  color: #1d1407 !important;
  box-shadow: 0 10px 24px rgba(255, 138, 0, 0.22) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-search {
  background: linear-gradient(180deg, #ffad3d 0%, #ff8a00 100%) !important;
  color: #1f1607 !important;
  border: 1px solid rgba(255, 173, 61, 0.7) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  margin-bottom: 0;
}

body.panel-page[data-section="vendas"] #vendas #vendasTabEfetuadas.sales-tab-panel.active {
  display: flex;
  flex-direction: column;
  gap: 1.45rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card,
body.panel-page[data-section="vendas"] #vendas .sales-chart-panel,
body.panel-page[data-section="vendas"] #vendas .sales-refined-card,
body.panel-page[data-section="vendas"] #vendas .sales-refined-results {
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: linear-gradient(180deg, rgba(17, 27, 45, 0.94), rgba(13, 22, 38, 0.94)) !important;
  box-shadow: var(--zapzi-shadow-soft) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card {
  min-height: 126px;
  padding: 1.15rem;
  border-radius: 18px;
  display: grid;
  align-content: space-between;
  gap: 0.65rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #9fb0c7;
  font-size: 0.78rem;
  font-weight: 800;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card-top i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  color: #dbeafe;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card strong {
  color: #f8fafc;
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  line-height: 1;
  margin-top: 0.1rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card small {
  color: #90a4bf;
  font-size: 0.76rem;
  font-weight: 700;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card.is-approved .sales-dashboard-card-top i {
  background: rgba(34, 197, 94, 0.14);
  color: #86efac;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card.is-pending .sales-dashboard-card-top i {
  background: rgba(250, 204, 21, 0.14);
  color: #fde68a;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card.is-total .sales-dashboard-card-top i {
  background: rgba(96, 165, 250, 0.14);
  color: #bfdbfe;
}

body.panel-page[data-section="vendas"] #vendas .sales-dashboard-card.is-ticket .sales-dashboard-card-top i {
  background: rgba(168, 85, 247, 0.16);
  color: #e9d5ff;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-grid {
  grid-template-columns: minmax(0, 2.25fr) minmax(320px, 0.9fr) !important;
  gap: 1.35rem !important;
  align-items: start;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-results {
  order: 1;
  min-height: 0 !important;
  border-radius: 20px !important;
  padding: 1.25rem !important;
  gap: 1.1rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-sidebar {
  order: 2;
  gap: 1.35rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-card {
  border-radius: 18px !important;
  padding: 1.15rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-card-title,
body.panel-page[data-section="vendas"] #vendas .sales-results-header h3,
body.panel-page[data-section="vendas"] #vendas .sales-list-title h4,
body.panel-page[data-section="vendas"] #vendas .sales-chart-header h4 {
  color: #f8fafc !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-results-header {
  align-items: flex-start !important;
  margin-bottom: 0.15rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-results-count {
  background: rgba(37, 99, 235, 0.16) !important;
  border-color: rgba(125, 171, 255, 0.28) !important;
  color: #dbeafe !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-panel {
  border-radius: 18px;
  padding: 1.15rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-header,
body.panel-page[data-section="vendas"] #vendas .sales-list-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-header h4,
body.panel-page[data-section="vendas"] #vendas .sales-list-title h4 {
  margin: 0;
  font-size: 0.98rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-header span,
body.panel-page[data-section="vendas"] #vendas .sales-list-title span {
  color: #8ea0b9;
  font-size: 0.76rem;
  font-weight: 700;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-legend {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-legend i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-legend i.is-approved {
  background: #ff6b35;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-legend i.is-pending {
  background: #7c3aed;
  opacity: 0.6;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-grid {
  min-height: 282px;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.85rem 0.75rem 0.35rem;
  border-radius: 14px;
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 107, 53, 0.13), transparent 34%),
    radial-gradient(circle at 38% 62%, rgba(236, 72, 153, 0.1), transparent 42%),
    linear-gradient(rgba(148, 163, 184, 0.11) 1px, transparent 1px) 0 0 / 100% 25%,
    rgba(8, 17, 31, 0.58);
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-day {
  min-height: 172px;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 0.55rem;
  align-items: end;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-bars {
  height: 152px;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 0.22rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-bar {
  width: 13px;
  min-height: 10px;
  border-radius: 999px 999px 4px 4px;
  display: block;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-bar.is-approved {
  background: linear-gradient(180deg, #a78bfa, #7c3aed);
  box-shadow: 0 0 18px rgba(124, 58, 237, 0.28) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-bar.is-pending {
  background: linear-gradient(180deg, #fde047, #eab308);
  box-shadow: 0 0 18px rgba(234, 179, 8, 0.22) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-day small {
  color: #9fb0c7;
  text-align: center;
  font-size: 0.68rem;
  font-weight: 800;
}

body.panel-page[data-section="vendas"] #vendas .sales-chart-empty,
body.panel-page[data-section="vendas"] #vendas .sales-category-empty {
  grid-column: 1 / -1;
  align-self: center;
  justify-self: center;
  color: #9fb0c7;
  font-weight: 700;
  text-align: center;
  padding: 1rem;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-chart-wrap {
  min-width: 100%;
  width: max-content;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-chart-wrap svg {
  display: block;
  width: 100%;
  min-width: 720px;
  height: 280px;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-grid {
  stroke: rgba(148, 163, 184, 0.12);
  stroke-width: 1;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-guide {
  stroke: rgba(148, 163, 184, 0.12);
  stroke-width: 1;
  stroke-dasharray: 3 7;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-path {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.24));
}

body.panel-page[data-section="vendas"] #vendas .sales-line-area {
  pointer-events: none;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-path.is-approved {
  stroke: #ff6b35;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-area.is-approved {
  fill: url("#salesApprovedGradient");
}

body.panel-page[data-section="vendas"] #vendas .sales-line-path.is-pending {
  stroke: rgba(124, 58, 237, 0.35);
}

body.panel-page[data-section="vendas"] #vendas .sales-line-area.is-pending {
  fill: url("#salesPendingGradient");
}

body.panel-page[data-section="vendas"] #vendas .sales-line-point {
  stroke: #0b1220;
  stroke-width: 3;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-point.is-approved {
  fill: #ff6b35;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-point.is-pending {
  fill: #7c3aed;
  opacity: 0.5;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-label {
  fill: #9fb0c7;
  font-size: 11px;
  font-weight: 800;
  text-anchor: middle;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-value-label {
  fill: rgba(159, 176, 199, 0.72);
  font-size: 10px;
  font-weight: 800;
  text-anchor: end;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-marker-label {
  paint-order: stroke;
  stroke: rgba(8, 17, 31, 0.94);
  stroke-width: 5px;
  font-size: 10px;
  font-weight: 800;
  text-anchor: middle;
  pointer-events: none;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-marker-label.is-approved {
  fill: #ffb38a;
}

body.panel-page[data-section="vendas"] #vendas .sales-line-marker-label.is-pending {
  fill: #c4b5fd;
}

body.panel-page[data-section="vendas"] #vendas .integration-sales-list {
  max-height: 360px;
  padding-right: 0.25rem !important;
  min-height: 130px;
}

body.panel-page[data-section="vendas"] #vendas .integration-sale {
  border-color: rgba(148, 163, 184, 0.14) !important;
  background: rgba(8, 17, 31, 0.62) !important;
  padding: 1rem !important;
}

body.panel-page[data-section="vendas"] #vendas .integration-sale-empty {
  width: min(420px, 100%);
  margin: 0 auto !important;
  padding: 1.65rem 2rem !important;
  border-radius: 16px !important;
  background: rgba(17, 27, 45, 0.7) !important;
}

body.panel-page[data-section="vendas"] #vendas .integration-sale-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

body.panel-page[data-section="vendas"] #vendas .integration-sale-title > span:first-child {
  color: #f8fafc;
  font-weight: 850;
}

body.panel-page[data-section="vendas"] #vendas .integration-sale-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 0.75rem;
  margin-top: 0.75rem;
}

body.panel-page[data-section="vendas"] #vendas .integration-sale-meta span {
  min-width: 0;
  color: #9fb0c7;
  font-size: 0.76rem;
}

body.panel-page[data-section="vendas"] #vendas .sale-meta-value {
  color: #dbe7f6;
}

body.panel-page[data-section="vendas"] #vendas .sales-donut {
  display: grid;
  place-items: center;
  margin: 0.85rem auto 1.1rem;
  position: relative;
  width: 156px;
  height: 156px;
}

body.panel-page[data-section="vendas"] #vendas .sales-donut-ring {
  width: 156px;
  height: 156px;
  border-radius: 50%;
  background:
    var(--sales-product-gradient, conic-gradient(#a78bfa 0 34%, #bef264 34% 62%, #60a5fa 62% 81%, #facc15 81% 100%));
  box-shadow: inset 0 0 0 22px rgba(8, 17, 31, 0.95), 0 18px 34px rgba(0, 0, 0, 0.22) !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-donut-center {
  position: absolute;
  inset: 42px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  background: rgba(17, 27, 45, 0.92);
}

body.panel-page[data-section="vendas"] #vendas .sales-donut-center strong {
  color: #f8fafc;
  font-size: 1.25rem;
  line-height: 1;
}

body.panel-page[data-section="vendas"] #vendas .sales-donut-center span {
  color: #9fb0c7;
  font-size: 0.68rem;
  font-weight: 800;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-list {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
  overflow: hidden;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-fields {
  gap: 1.05rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-filter-group label {
  margin-bottom: 0.55rem !important;
}

body.panel-page[data-section="vendas"] #vendas .sales-refined-input input,
body.panel-page[data-section="vendas"] #vendas .sales-refined-input select,
body.panel-page[data-section="vendas"] #vendas .sales-refined-input .date-range-display {
  min-height: 46px !important;
}

body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input input.integration-input,
body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input select.integration-input,
body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input .date-range-display {
  border-color: rgba(148, 163, 184, 0.16) !important;
  background: rgba(8, 17, 31, 0.82) !important;
  background-color: rgba(8, 17, 31, 0.82) !important;
  background-image: none !important;
  color: #f8fafc !important;
  color-scheme: dark;
  box-shadow: none !important;
}

body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input input.integration-input:focus,
body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input select.integration-input:focus,
body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input .date-range-display:focus {
  border-color: rgba(255, 138, 0, 0.58) !important;
  background: rgba(8, 17, 31, 0.9) !important;
  background-color: rgba(8, 17, 31, 0.9) !important;
  background-image: none !important;
  box-shadow: 0 0 0 4px rgba(255, 138, 0, 0.14) !important;
}

body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input input.integration-input:-webkit-autofill,
body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input input.integration-input:-webkit-autofill:hover,
body.panel-page.theme-dark[data-section="vendas"] #vendas .sales-refined-input input.integration-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f8fafc !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(8, 17, 31, 0.96) inset !important;
  box-shadow: 0 0 0 1000px rgba(8, 17, 31, 0.96) inset !important;
  caret-color: #f8fafc;
  transition: background-color 9999s ease-out;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-row {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-row-top {
  display: block;
  min-width: 0;
  color: #dbe7f6;
  font-size: 0.78rem;
  font-weight: 800;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-row-top span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-row-top strong {
  color: #f8fafc;
  white-space: nowrap;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-progress {
  height: 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
  overflow: hidden;
}

body.panel-page[data-section="vendas"] #vendas .sales-category-progress span {
  height: 100%;
  border-radius: inherit;
  display: block;
  background: linear-gradient(90deg, #bef264, #a78bfa);
}

body.panel-page[data-section="vendas"] #vendas .sales-category-row small {
  color: #8ea0b9;
  font-weight: 700;
}

body.panel-page.theme-dark[data-section="funis"] #funis input.flow-meta-input,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-node-input,
body.panel-page.theme-dark[data-section="funis"] #funis select.flow-node-select {
  border-color: rgba(148, 163, 184, 0.18) !important;
  background: rgba(8, 17, 31, 0.88) !important;
  background-color: rgba(8, 17, 31, 0.88) !important;
  background-image: none !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc;
  color-scheme: dark;
}

body.panel-page.theme-dark[data-section="funis"] #funis input.flow-meta-input::placeholder,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-node-input::placeholder {
  color: rgba(203, 213, 225, 0.58) !important;
  -webkit-text-fill-color: rgba(203, 213, 225, 0.58) !important;
}

body.panel-page.theme-dark[data-section="funis"] #funis input.flow-meta-input:focus,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-node-input:focus,
body.panel-page.theme-dark[data-section="funis"] #funis select.flow-node-select:focus {
  border-color: rgba(255, 138, 0, 0.58) !important;
  background: rgba(8, 17, 31, 0.94) !important;
  background-color: rgba(8, 17, 31, 0.94) !important;
  box-shadow: 0 0 0 4px rgba(255, 138, 0, 0.14) !important;
}

body.panel-page.theme-dark[data-section="funis"] #funis input.flow-meta-input:-webkit-autofill,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-meta-input:-webkit-autofill:hover,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-meta-input:-webkit-autofill:focus,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-node-input:-webkit-autofill,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-node-input:-webkit-autofill:hover,
body.panel-page.theme-dark[data-section="funis"] #funis input.flow-node-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f8fafc !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(8, 17, 31, 0.96) inset !important;
  box-shadow: 0 0 0 1000px rgba(8, 17, 31, 0.96) inset !important;
  caret-color: #f8fafc;
  transition: background-color 9999s ease-out;
}

@media (max-width: 980px) {
  body.panel-page[data-section="vendas"] #vendas .sales-dashboard-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.panel-page[data-section="vendas"] #vendas .sales-refined-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.panel-page[data-section="vendas"] #vendas .sales-dashboard-cards {
    grid-template-columns: 1fr;
  }

  body.panel-page[data-section="vendas"] #vendas .sales-chart-grid {
    overflow-x: auto;
    grid-template-columns: repeat(7, 54px);
  }

  body.panel-page[data-section="vendas"] #vendas .integration-sale-meta {
    grid-template-columns: 1fr;
  }
}