/* Sneat dashboard/admin dark theme (free template has no theme-dark.css) */

html.dark-style {
  color-scheme: dark;
}

html.dark-style body {
  background-color: #232333;
}

html.dark-style .layout-wrapper,
html.dark-style .layout-page,
html.dark-style .content-wrapper {
  background-color: #232333;
}

html.dark-style .bg-menu-theme {
  background-color: #2b2c40 !important;
  color: #a3a4cc;
}

html.dark-style .bg-menu-theme .menu-link,
html.dark-style .bg-menu-theme .menu-horizontal-prev,
html.dark-style .bg-menu-theme .menu-horizontal-next {
  color: #a3a4cc;
}

html.dark-style .bg-menu-theme .menu-link:hover,
html.dark-style .bg-menu-theme .menu-link:focus,
html.dark-style .bg-menu-theme .menu-item.active > .menu-link,
html.dark-style .bg-menu-theme .menu-item.open > .menu-toggle {
  color: #e7e7ff;
}

html.dark-style .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  background-color: rgba(105, 108, 255, 0.16) !important;
}

html.dark-style .bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(#2b2c40 41%, rgba(43, 44, 64, 0.11) 95%, rgba(43, 44, 64, 0));
}

html.dark-style .bg-menu-theme .menu-text {
  color: #cbcbe2;
}

html.dark-style .bg-navbar-theme {
  background-color: #2b2c40 !important;
  color: #a3a4cc;
}

html.dark-style .bg-navbar-theme .navbar-nav > .nav-link,
html.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link {
  color: #a3a4cc;
}

html.dark-style .bg-footer-theme,
html.dark-style .footer.bg-footer-theme {
  background-color: #2b2c40 !important;
  color: #a3a4cc;
}

html.dark-style .card {
  background-color: #2b2c40;
  color: #cbcbe2;
  --bs-card-bg: #2b2c40;
  --bs-card-border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .card-header,
html.dark-style .card-footer {
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .modal-content {
  background-color: #2b2c40;
  color: #cbcbe2;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.45);
}

html.dark-style .modal-header,
html.dark-style .modal-footer {
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .modal-title {
  color: #e7e7ff;
}

html.dark-style .modal-body {
  color: #cbcbe2;
}

html.dark-style .modal-body .text-muted,
html.dark-style .modal-header .text-muted {
  color: #a3a4cc !important;
}

html.dark-style .modal .btn-close {
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 0.75;
}

html.dark-style .modal .btn-close:hover,
html.dark-style .modal .btn-close:focus,
html.dark-style .modal .btn-close:active {
  transform: none !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  opacity: 1;
}

html.dark-style .modal .modal-header .btn-close {
  margin-top: 0;
}

html.dark-style .modal-backdrop.show {
  opacity: 0.65;
}

html.dark-style .table {
  --bs-table-bg: transparent;
  --bs-table-color: #cbcbe2;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(105, 108, 255, 0.08);
}

html.dark-style .form-control,
html.dark-style .form-select {
  background-color: #232333;
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbcbe2;
}

html.dark-style .form-control:focus,
html.dark-style .form-select:focus {
  background-color: #232333;
  border-color: #696cff;
  color: #cbcbe2;
}

html.dark-style .input-group-text {
  background-color: #232333;
  border-color: rgba(255, 255, 255, 0.12);
  color: #a3a4cc;
}

html.dark-style .dropdown-menu {
  background-color: #2b2c40;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.35);
}

html.dark-style .dropdown-item {
  color: #cbcbe2;
}

html.dark-style .dropdown-item:hover,
html.dark-style .dropdown-item:focus {
  background-color: rgba(105, 108, 255, 0.12);
  color: #e7e7ff;
}

html.dark-style .dropdown-item.active {
  background-color: rgba(105, 108, 255, 0.2);
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content,
html.dark-style .dashboard-sneat-content {
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content h1,
html.dark-style .sneat-themed-content h2,
html.dark-style .sneat-themed-content h3,
html.dark-style .sneat-themed-content h4,
html.dark-style .sneat-themed-content h5,
html.dark-style .sneat-themed-content h6 {
  color: #e7e7ff;
}

html.dark-style .text-muted {
  color: #a3a4cc !important;
}

html.dark-style .sneat-themed-content .pagination .page-link,
html.dark-style .dashboard-sneat-content .pagination .page-link {
  color: #cbcbe2;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

html.dark-style .sneat-themed-content .pagination .page-link:hover,
html.dark-style .sneat-themed-content .pagination .page-link:focus,
html.dark-style .dashboard-sneat-content .pagination .page-link:hover,
html.dark-style .dashboard-sneat-content .pagination .page-link:focus {
  color: #e7e7ff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

html.dark-style .sneat-themed-content .pagination .page-item.active .page-link,
html.dark-style .sneat-themed-content .pagination .page-item.active .page-link:hover,
html.dark-style .sneat-themed-content .pagination .page-item.active .page-link:focus,
html.dark-style .dashboard-sneat-content .pagination .page-item.active .page-link,
html.dark-style .dashboard-sneat-content .pagination .page-item.active .page-link:hover,
html.dark-style .dashboard-sneat-content .pagination .page-item.active .page-link:focus {
  color: #fff !important;
  background-color: #696cff !important;
  border-color: #696cff !important;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.35);
}

html.dark-style .sneat-themed-content .pagination .page-item.disabled .page-link,
html.dark-style .dashboard-sneat-content .pagination .page-item.disabled .page-link {
  color: #7071a0 !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-style .platform-messages-sidebar,
html.dark-style .platform-messages-main {
  background-color: #2b2c40 !important;
}

html.dark-style .platform-messages-list-item:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.02);
}

html.dark-style .layout-overlay {
  background: rgba(15, 15, 26, 0.6);
}

html.dark-style .sneat-theme-switcher-menu .dropdown-item.active {
  background-color: rgba(105, 108, 255, 0.18);
}

html.dark-style .form-label,
html.dark-style .form-check-label {
  color: #cbcbe2;
}

html.dark-style .settings-panel-nested {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .booking-team-table {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .booking-team-table__section-row td {
  color: #a3a4cc;
}

html.dark-style .settings-embed-code {
  background-color: #151521;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e7e7ff;
}

html.dark-style .practice-settings-form input[type="time"].form-control::-webkit-calendar-picker-indicator {
  filter: invert(0.85);
}

html.light-style .settings-panel-nested {
  background-color: rgba(67, 89, 113, 0.04);
  border-color: rgba(67, 89, 113, 0.12);
}

html.light-style .settings-embed-code {
  background-color: #233446;
  color: #f5f5f9;
}

/* Tailwind zinc utilities on dashboard settings (legacy forms) */
html.dark-style .sneat-themed-content .text-zinc-500,
html.dark-style .sneat-themed-content .text-zinc-600 {
  color: #a3a4cc !important;
}

html.dark-style .sneat-themed-content .text-zinc-700,
html.dark-style .sneat-themed-content .text-zinc-800,
html.dark-style .sneat-themed-content .text-zinc-900 {
  color: #cbcbe2 !important;
}

html.dark-style .sneat-themed-content input.border-zinc-300,
html.dark-style .sneat-themed-content select.border-zinc-300,
html.dark-style .sneat-themed-content textarea.border-zinc-300 {
  background-color: #232333;
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content input.border-zinc-300:focus,
html.dark-style .sneat-themed-content select.border-zinc-300:focus,
html.dark-style .sneat-themed-content textarea.border-zinc-300:focus {
  border-color: #696cff;
  outline: none;
}

html.dark-style .sneat-themed-content .border-zinc-200.bg-white,
html.dark-style .sneat-themed-content .bg-zinc-50 {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Sneat team chat (app-chat.css + dashboard-sneat-overrides light vars) */
html.dark-style .sneat-themed-content .app-chat {
  --bs-chat-bg: #20202e;
  --bs-paper-bg: #2b2c40;
  --bs-border-color: rgba(255, 255, 255, 0.08);
  --bs-box-shadow-xs: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
}

html.dark-style .sneat-themed-content .app-chat .border-end,
html.dark-style .sneat-themed-content .app-chat .border-bottom,
html.dark-style .sneat-themed-content .app-chat .border-start,
html.dark-style .sneat-themed-content .app-chat .border-top {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-style .sneat-themed-content .app-chat .app-chat-thread-panel-footer .form-control {
  background-color: #232333;
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content .app-chat .app-chat-history .chat-history-footer .form-control.message-input {
  background-color: #232333;
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content .app-chat .chat-message:not(.chat-message-right) .chat-message-text {
  color: #cbcbe2;
}

/* Sneat appointments (FullCalendar + appointments-calendar.css light paper fallback) */
html.dark-style .sneat-themed-content .app-calendar-wrapper {
  --bs-paper-bg: #2b2c40;
  --bs-heading-color: #e7e7ff;
  --bs-body-color: #cbcbe2;
  --bs-secondary-color: #a3a4cc;
  --bs-border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .appointments-page-sidebar,
html.dark-style .sneat-themed-content .app-calendar-wrapper .appointments-page-main {
  background-color: var(--bs-paper-bg);
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .border-end,
html.dark-style .sneat-themed-content .app-calendar-wrapper .border-bottom {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-style .sneat-themed-content .app-calendar-wrapper hr {
  border-color: rgba(255, 255, 255, 0.08);
  opacity: 1;
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .appointments-mini-calendar-weekdays {
  color: #a3a4cc;
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .appointments-mini-calendar-day {
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .appointments-mini-calendar-day.is-outside {
  color: #7071a0;
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .btn-outline-secondary {
  color: #cbcbe2;
  border-color: rgba(255, 255, 255, 0.2);
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .btn-outline-secondary:hover,
html.dark-style .sneat-themed-content .app-calendar-wrapper .btn-outline-secondary:focus {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.28);
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .app-calendar-wrapper .fc .fc-daygrid-day-number {
  color: var(--bs-body-color);
}

/* Sneat Kanban (pipeline deals + tasks — dashboard-sneat-overrides light paper) */
html.dark-style .sneat-themed-content .app-kanban {
  --bs-paper-bg: #2b2c40;
  --bs-heading-color: #e7e7ff;
  --bs-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.28);
}

html.dark-style .sneat-themed-content .app-kanban .kanban-wrapper .kanban-container .kanban-board .kanban-drag {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

html.dark-style .sneat-themed-content .app-kanban .kanban-wrapper .kanban-container .kanban-board .kanban-drag:empty::before {
  color: #a3a4cc;
}

html.dark-style .sneat-themed-content .app-kanban .kanban-item {
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content .app-kanban .kanban-item strong,
html.dark-style .sneat-themed-content .app-kanban .kanban-item .text-heading {
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .app-kanban .kanban-item .border-top {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-style .sneat-themed-content .app-kanban a.kanban-text {
  color: #a5a7ff;
}

/* bg-label-* (Sneat theme-default uses light pastels — unreadable in dark UI) */
html.dark-style .sneat-themed-content .bg-label-primary {
  background-color: rgba(105, 108, 255, 0.16) !important;
  color: #a5a7ff !important;
}

html.dark-style .sneat-themed-content .bg-label-secondary {
  background-color: rgba(133, 146, 163, 0.2) !important;
  color: #cbcbe2 !important;
}

html.dark-style .sneat-themed-content .bg-label-success {
  background-color: rgba(113, 221, 55, 0.16) !important;
  color: #9de668 !important;
}

html.dark-style .sneat-themed-content .bg-label-info {
  background-color: rgba(3, 195, 236, 0.14) !important;
  color: #5fdff7 !important;
}

html.dark-style .sneat-themed-content .bg-label-warning {
  background-color: rgba(255, 171, 0, 0.16) !important;
  color: #ffcb66 !important;
}

html.dark-style .sneat-themed-content .bg-label-danger {
  background-color: rgba(255, 62, 29, 0.16) !important;
  color: #ff8a75 !important;
}

/* Bootstrap alerts (lead live chat banners, task notices, etc.) */
html.dark-style .sneat-themed-content .alert-info {
  background-color: rgba(3, 195, 236, 0.12);
  border-color: rgba(3, 195, 236, 0.28);
  color: #7edcf5;
}

html.dark-style .sneat-themed-content .alert-primary {
  background-color: rgba(105, 108, 255, 0.14);
  border-color: rgba(105, 108, 255, 0.32);
  color: #c3c4ff;
}

html.dark-style .sneat-themed-content .alert-success {
  background-color: rgba(113, 221, 55, 0.12);
  border-color: rgba(113, 221, 55, 0.28);
  color: #9de668;
}

html.dark-style .sneat-themed-content .alert-warning {
  background-color: rgba(255, 171, 0, 0.12);
  border-color: rgba(255, 171, 0, 0.28);
  color: #ffcb66;
}

html.dark-style .sneat-themed-content .alert-danger {
  background-color: rgba(255, 62, 29, 0.12);
  border-color: rgba(255, 62, 29, 0.28);
  color: #ff8a75;
}

/* Lead detail — conversation / live chat */
html.dark-style .lead-detail-account .lead-detail-conversation-card .card-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .lead-detail-account .lead-detail-chat-bubble .lead-detail-chat-text {
  color: inherit;
}

html.dark-style .lead-detail-account .lead-detail-timeline .list-group-item .fw-medium {
  color: #cbcbe2;
}

html.dark-style .sales-coach-card__section-label {
  color: #a3a4cc;
}

html.dark-style .sales-coach-card__task-row {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .sales-coach-card__task-row--priority {
  background: rgba(105, 108, 255, 0.12);
  border-color: rgba(105, 108, 255, 0.28);
}

html.dark-style .sales-coach-card__quote {
  border-left-color: rgba(105, 108, 255, 0.45);
}

/* ApexCharts — options often hardcode light-theme label colors */
html.dark-style .apexcharts-canvas .apexcharts-legend-text {
  color: #cbcbe2 !important;
}

html.dark-style .apexcharts-canvas .apexcharts-text,
html.dark-style .apexcharts-canvas .apexcharts-title-text,
html.dark-style .apexcharts-canvas .apexcharts-subtitle-text {
  fill: #cbcbe2;
}

html.dark-style .apexcharts-canvas .apexcharts-datalabel,
html.dark-style .apexcharts-canvas .apexcharts-datalabel-label,
html.dark-style .apexcharts-canvas .apexcharts-datalabel-value {
  fill: #e7e7ff;
}

html.dark-style .apexcharts-canvas .apexcharts-xaxis text,
html.dark-style .apexcharts-canvas .apexcharts-yaxis text,
html.dark-style .apexcharts-canvas .apexcharts-xaxis-label,
html.dark-style .apexcharts-canvas .apexcharts-yaxis-label {
  fill: #a3a4cc !important;
}

html.dark-style .apexcharts-canvas .apexcharts-gridline,
html.dark-style .apexcharts-canvas .apexcharts-grid line,
html.dark-style .apexcharts-canvas .apexcharts-grid-borders line {
  stroke: rgba(255, 255, 255, 0.12);
}

html.dark-style .apexcharts-canvas .apexcharts-radialbar-track path {
  stroke: rgba(255, 255, 255, 0.1);
}

html.dark-style .sneat-themed-content .alert-light {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content .alert-light .alert-link {
  color: #a5a7ff;
}

html.dark-style .platform-messages-email .platform-messages-folder {
  color: #cbcbe2;
}

html.dark-style .platform-messages-email .platform-messages-folder:hover {
  color: #e7e7ff;
}

html.dark-style .platform-messages-email .platform-messages-list-item.email-marked-unread .email-list-item-subject {
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .appointments-page-sidebar,
html.dark-style .sneat-themed-content .appointments-mini-calendar-weekdays,
html.dark-style .sneat-themed-content .appointments-mini-calendar-day.is-outside {
  color: #a3a4cc;
}

/* Public legal / status / trust pages (.legal-prose) */
html.dark-style .sneat-themed-content .legal-prose {
  color: #cbcbe2;
}

html.dark-style .sneat-themed-content .legal-prose h2,
html.dark-style .sneat-themed-content .legal-prose h3,
html.dark-style .sneat-themed-content .legal-prose strong {
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .legal-prose h2:not(:first-child) {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html.dark-style .sneat-themed-content .legal-prose th {
  background-color: rgba(255, 255, 255, 0.06);
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .legal-prose th,
html.dark-style .sneat-themed-content .legal-prose td {
  border-color: rgba(255, 255, 255, 0.1);
}

html.dark-style .sneat-themed-content .legal-prose code {
  background-color: rgba(255, 255, 255, 0.08);
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .legal-prose a {
  color: #a5a7ff;
}

html.dark-style .sneat-themed-content .legal-prose a:hover {
  color: #c3c4ff;
}

html.dark-style .sneat-themed-content .status-page .table {
  --bs-table-color: #cbcbe2;
  --bs-table-bg: transparent;
  --bs-table-border-color: rgba(255, 255, 255, 0.1);
  --bs-table-hover-bg: rgba(105, 108, 255, 0.08);
}

html.dark-style .sneat-themed-content .status-page .table thead th {
  background-color: rgba(255, 255, 255, 0.06);
  color: #e7e7ff;
}

html.dark-style .sneat-themed-content .admin-organizations-list__card .card-body.border-bottom {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-style .sneat-themed-content .admin-organizations-table {
  --bs-table-color: #cbcbe2;
  --bs-table-bg: transparent;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);
  --bs-table-hover-bg: rgba(105, 108, 255, 0.08);
  --bs-table-hover-color: #cbcbe2;
}

html.dark-style .sneat-themed-content .admin-organizations-table thead th {
  background-color: rgba(255, 255, 255, 0.04);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #a1acb8;
}

html.dark-style .sneat-themed-content .admin-organizations-table tbody td {
  border-top-color: rgba(255, 255, 255, 0.08);
  background-color: #2b2c40;
  box-shadow: none;
}

html.dark-style .sneat-themed-content .admin-organizations-table__org,
html.dark-style .sneat-themed-content .admin-organizations-table__actions {
  box-shadow: none;
}

html.dark-style .sneat-themed-content .admin-organizations-table__org {
  background-color: #2b2c40;
}

html.dark-style
  .sneat-themed-content
  .admin-organizations-table__child-row
  td {
  background-color: rgba(255, 255, 255, 0.03);
}

html.dark-style
  .sneat-themed-content
  .admin-organizations-table__child-row
  .admin-organizations-table__org,
html.dark-style
  .sneat-themed-content
  .admin-organizations-table__child-row
  .admin-organizations-table__actions {
  background-color: rgba(255, 255, 255, 0.03);
}

html.dark-style
  .sneat-themed-content
  .admin-organizations-table.table-hover
  > tbody
  > tr:hover
  > * {
  --bs-table-color-state: #cbcbe2;
  --bs-table-bg-state: rgba(105, 108, 255, 0.08);
  box-shadow: none;
}

html.dark-style
  .sneat-themed-content
  .admin-organizations-table.table-hover
  > tbody
  > tr:hover
  > .admin-organizations-table__org,
html.dark-style
  .sneat-themed-content
  .admin-organizations-table.table-hover
  > tbody
  > tr:hover
  > .admin-organizations-table__actions {
  background-color: rgba(105, 108, 255, 0.08);
}

html.dark-style .sneat-themed-content .admin-organizations-table__actions {
  background-color: #2b2c40;
}