@charset "UTF-8";
/* Dark-mode token flip — keep in sync with config/pindu-tokens.php dark[]
   Primary accent matches light mode (Pindu uses one --accent); only surfaces
   and soft tints adapt for dark canvas. */
:root {
  /* Brand — same resting/hover accent as light */
  --lw-primary-color: oklch(0.64 0.13 235);
  --lw-primary-strong-color: oklch(0.56 0.14 235);
  --lw-primary-soft-color: oklch(0.30 0.07 235);
  --lw-primary-softer-color: oklch(0.26 0.05 235);
  --lw-primary-ink-color: oklch(0.85 0.13 235);
  --lw-accent: var(--lw-primary-color);
  --lw-accent-strong: var(--lw-primary-strong-color);
  --lw-accent-soft: var(--lw-primary-soft-color);
  --lw-accent-softer: var(--lw-primary-softer-color);
  --lw-accent-ink: var(--lw-primary-ink-color);
  --lw-success-color: var(--lw-primary-color);
  --lw-success-soft-color: var(--lw-primary-soft-color);
  --lw-app-bg-color: oklch(0.16 0.005 150);
  --lw-surface-color: oklch(0.20 0.006 150);
  --lw-surface-2-color: oklch(0.22 0.006 150);
  --lw-surface-muted-color: oklch(0.24 0.006 150);
  --lw-border-color: oklch(0.30 0.006 150);
  --lw-border-strong-color: oklch(0.36 0.008 150);
  --lw-text-color: oklch(0.94 0.004 150);
  --lw-text-secondary-color: oklch(0.78 0.005 150);
  --lw-text-muted-color: oklch(0.58 0.006 150);
  --lw-text-disabled-color: oklch(0.42 0.005 150);
  --lw-warning-color: oklch(0.78 0.13 75);
  --lw-warning-soft-color: oklch(0.30 0.07 75);
  --lw-warning-ink-color: oklch(0.85 0.13 75);
  --lw-info-color: oklch(0.70 0.12 245);
  --lw-info-soft-color: oklch(0.30 0.07 245);
  --lw-info-ink-color: oklch(0.82 0.10 245);
  --lw-violet-color: oklch(0.68 0.14 290);
  --lw-violet-soft-color: oklch(0.30 0.07 290);
  --lw-violet-ink-color: oklch(0.82 0.12 290);
  --lw-danger-color: oklch(0.66 0.18 22);
  --lw-danger-soft-color: oklch(0.30 0.07 22);
  --lw-shadow-lg: 0 8px 30px oklch(0 0 0 / 0.45),
                  0 2px 8px oklch(0 0 0 / 0.25);
  --lw-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.28);
  --lw-shadow-md: 0 4px 14px oklch(0 0 0 / 0.35);
  --lw-saas-primary: var(--lw-primary-color);
  --lw-saas-pill-primary-bg: var(--lw-primary-color);
  --lw-saas-pill-primary-hover: var(--lw-primary-strong-color);
  --lw-hover-primary: var(--lw-primary-strong-color);
  --lw-hover-primary-soft: var(--lw-primary-softer-color);
  --lw-active-nav-bg: var(--lw-primary-soft-color);
  --lw-active-nav-color: var(--lw-primary-ink-color);
  --lw-focus-border: var(--lw-primary-color);
  --lw-focus-ring: var(--lw-primary-soft-color);
  --lw-link-hover: var(--lw-primary-strong-color);
  --lw-switchery-knob-shadow: 0 1px 4px oklch(0 0 0 / 0.5);
  --lw-dark-blue-color: oklch(0.20 0.006 150);
  --lw-dark-brown-color: oklch(0.16 0.005 150);
  /* Universal */
  --lw-white-color: #fff;
  --lw-black-color: #000;
  /* Legacy dark surfaces — change here only; use var() in dark-theme.scss */
  --lw-blue-color: #3F51B5;
  --lw-btn-default-bg: #3f4045;
  --lw-btn-default-border: #3f4045;
  --lw-btn-light-bg: #4f4f4f;
  --lw-btn-light-border: #4f4f4f;
  --lw-modal-bg: #050506;
  --lw-form-input-color: #aeaeae;
  --lw-text-muted-legacy: #c3c3c3;
  --lw-body-text-legacy: #d1d1d1;
  --lw-flowchart-bg: #131318;
  --lw-flowchart-text: #cfcfcf;
  --lw-selectize-active-bg: #000000;
  --lw-nav-tab-inactive-bg: #373636;
  --lw-chat-bubble-sent-bg: #1f4f3a;
  --lw-chat-bubble-received-bg: #222c32;
  --lw-chat-metadata-color: #b3b3b3;
  --lw-chat-bubble-text-color: #e9edef;
  --lw-chat-template-card-bg: #1f2c34;
  --lw-chat-template-card-text: #e9edef;
  --lw-chat-template-button-bg: #1f6646;
  --lw-chat-template-button-border: #4c7a65;
  --lw-chat-template-button-color: #00a5f4;
  --lw-chat-template-btn-bg: #2a3942;
  --lw-chat-template-btn-border: #2a3942;
  --lw-chat-template-btn-color: #e9edef;
  --lw-chat-template-btn-hover-bg: #374955;
  --lw-chat-compose-bar-bg: var(--lw-surface-color);
  --lw-chat-date-separator-bg: rgba(17, 27, 33, 0.72);
  --lw-chat-date-separator-text: rgba(233, 237, 239, 0.88);
  --lw-chat-quoted-reply-bg: rgba(255, 255, 255, 0.08);
  --lw-chat-quoted-reply-hover-bg: rgba(255, 255, 255, 0.12);
  --lw-chat-quoted-reply-text: rgba(233, 237, 239, 0.78);
  --lw-chat-user-bar-bg: #0b1014;
  --lw-chat-user-bar-border: #4b4b4b;
  /* Table action buttons (same sizing as light) */
  --lw-table-action-gap: 6px;
  --lw-table-action-btn-padding: 5px 10px;
  --lw-table-action-btn-font-size: 12.5px;
  --lw-table-action-default-bg: var(--lw-surface-color);
  --lw-table-action-default-border: var(--lw-border-color);
  --lw-table-action-default-color: var(--lw-text-color);
  --lw-table-action-light-bg: var(--lw-btn-light-bg);
  --lw-table-action-light-border: var(--lw-btn-light-border);
  --lw-table-action-light-color: var(--lw-white-color);
  /* Confirm dialog — Yes / No */
  --lw-swal-cancel-bg: var(--lw-border-color);
  --lw-swal-cancel-hover-bg: var(--lw-border-strong-color);
  /* WhatsApp phone preview — campaign wizard & template editor */
  --lw-wa-preview-header-bg: #1f2c34;
  --lw-wa-preview-header-text: #e9edef;
  --lw-wa-preview-chat-bg: #0b141a;
  --lw-wa-preview-chat-bg-image: url("../../imgs/wa-message-bg-dark.png");
  --lw-wa-preview-avatar-bg: #2a3942;
  --lw-wa-preview-avatar-color: #8696a0;
  --lw-wa-preview-bubble-bg: #1f2c34;
  --lw-wa-preview-bubble-shadow: 0 1px 0.5px oklch(0 0 0 / 0.25);
  --lw-wa-preview-text: #e9edef;
  --lw-wa-preview-muted: #8696a0;
  --lw-wa-preview-meta: #8696a0;
  --lw-wa-preview-link: #53bdeb;
  --lw-wa-preview-today-bg: oklch(0.12 0.01 200 / 0.72);
  --lw-wa-preview-today-text: #8696a0;
  --lw-wa-preview-composer-field-bg: #2a3942;
  --lw-wa-preview-composer-field-border: oklch(0 0 0 / 0.12);
  --lw-wa-preview-composer-icon: #8696a0;
  --lw-wa-preview-composer-mic: #00a884;
  --lw-wa-preview-var: #53bdeb;
  --lw-wa-preview-var-chip-bg: oklch(0.35 0.06 85);
  --lw-wa-preview-var-chip-text: oklch(0.85 0.12 85);
  --lw-wa-preview-scrollbar: oklch(0.85 0.01 200 / 0.22);
  --lw-wa-preview-location-meta-bg: #1f2c34;
  --lw-wa-preview-location-meta-border: oklch(0 0 0 / 0.18);
  --lw-wa-preview-location-map-bg: linear-gradient(135deg, #1e3a5f 0%, #1a3050 48%, #152840 100%);
  --lw-wa-preview-location-map-color: #53bdeb;
}

/* Dark-mode Bootstrap button overrides — use tokens from _lw-pindu-tokens-dark.scss only. */
.btn-default {
  background-color: var(--lw-btn-default-bg) !important;
  border-color: var(--lw-btn-default-border) !important;
  color: var(--lw-white-color) !important;
}

.btn.btn-light {
  background-color: var(--lw-btn-light-bg) !important;
  border-color: var(--lw-btn-light-border) !important;
  color: var(--lw-white-color) !important;
}

.btn-warning,
.badge.badge-warning {
  border-color: var(--lw-warning-color) !important;
  background-color: var(--lw-warning-color) !important;
  color: var(--lw-white-color) !important;
}

.btn.btn-danger {
  color: var(--lw-white-color) !important;
  background-color: var(--lw-danger-color) !important;
  border: 1px solid var(--lw-danger-color) !important;
}

html > body {
  background: var(--lw-app-bg-color) url("../../imgs/wa-message-bg-dark.png") repeat !important;
  color: var(--lw-body-text-legacy);
  color-scheme: dark;
}

html > body.lw-has-sidebar-v2 {
  background-image: none !important;
}

.btn.btn-primary, .bg-primary, .bg-success, .conversation-compose .send .circle, .page-item.active .page-link, .btn-success, .btn.btn-light.lw-save-language {
  color: var(--lw-white-color) !important;
  border-color: var(--lw-primary-color) !important;
  background-color: var(--lw-primary-color) !important;
}

.text-success, .text-primary, .text-green {
  color: var(--lw-primary-color) !important;
}

.lw-whatsapp-chat-block-container a {
  color: var(--lw-primary-color);
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
  background-color: var(--lw-primary-color) !important;
}

.input-group-append .btn.btn-outline-success {
  color: var(--lw-white-color) !important;
  border: 1px solid var(--lw-primary-color) !important;
  background: var(--lw-primary-color) !important;
}

.lw-whatsapp-chat-block-container .nav-tabs {
  border-color: 1px solid var(--lw-primary-color) !important;
}

.card, .main-content .navbar-top, .bg-gradient-default, .card-header, fieldset {
  background: var(--lw-dark-blue-color) !important;
  border: 0;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) !important;
}
.card .text-muted.text-sm span, .main-content .navbar-top .text-muted.text-sm span, .bg-gradient-default .text-muted.text-sm span, .card-header .text-muted.text-sm span, fieldset .text-muted.text-sm span {
  font-size: 16px !important;
  font-weight: 600;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--lw-white-color) !important;
}

.text-muted {
  color: var(--lw-text-muted-legacy) !important;
  text-transform: capitalize !important;
}

.bg-white,
.navbar-collapse {
  background-color: var(--lw-dark-blue-color) !important;
}

/* Scrollbar thumb intentionally NOT re-themed here.
   Global WhatsApp-style recipe in _lw-wa-scrollbar.scss uses
   `var(--lw-border-strong-color)` on a transparent track; dark-mode token
   flips at :root so the thumb stays a thin pill on every surface. */
.navbar-light .navbar-nav .nav-link, .nav-link .text-dark {
  color: var(--lw-text-muted-legacy) !important;
}
.navbar-light .navbar-nav .nav-link:hover, .nav-link .text-dark:hover {
  color: var(--lw-white-color) !important;
}

.table td, .table th {
  border-color: var(--lw-border-color) !important;
}

.thead-light th {
  background: var(--lw-dark-blue-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-white-color) !important;
}

div.dataTables_wrapper table.dataTable > tbody > tr:hover {
  background-color: var(--lw-app-bg-color) !important;
}

.text-dark, .text-blue, .lw-details-item {
  color: var(--lw-white-color) !important;
}

/* Use theme ink so light/dark/system alerts stay readable (was forced white). */
.swal2-html-container {
  color: var(--lw-text-color) !important;
}

fieldset, .card-body.card-deck .card {
  border: 1px solid var(--lw-border-color) !important;
}

fieldset legend, .btn-group .btn.btn-black.dropdown-toggle, .btn.btn-secondary {
  color: var(--lw-white-color) !important;
  background-color: var(--lw-dark-brown-color) !important;
  border: 1px solid var(--lw-border-color) !important;
}
fieldset legend .text-muted, .btn-group .btn.btn-black.dropdown-toggle .text-muted, .btn.btn-secondary .text-muted {
  color: #aba1a1 !important;
}

legend {
  cursor: pointer;
}
legend img {
  background-color: var(--lw-white-color);
}

label h3 img {
  background-color: var(--lw-white-color);
  margin-left: 10px;
}

.modal-content, .modal .modal-body, .modal-open .modal.lw-has-form .modal-footer, .selectize-dropdown {
  background-color: var(--lw-modal-bg) !important;
}
.modal-content .selectize-dropdown-content, .modal .modal-body .selectize-dropdown-content, .modal-open .modal.lw-has-form .modal-footer .selectize-dropdown-content, .selectize-dropdown .selectize-dropdown-content {
  color: var(--lw-white-color);
  cursor: pointer;
}

.modal-content .modal-header {
  border-bottom: 1px solid var(--lw-border-color);
}

.modal-open .modal.lw-has-form .modal-footer, hr, .modal-footer {
  border-top: 1px solid var(--lw-border-color) !important;
}

.card-header:first-child {
  cursor: pointer;
}

.form-control, .selectize-input.full, .selectize-input, .selectize-control.single .selectize-input.input-active {
  color: var(--lw-form-input-color) !important;
  background-color: var(--lw-dark-brown-color) !important;
  border: 1px solid var(--lw-border-color) !important;
}

.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose > div,
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .emojionearea .emojionearea-editor {
  background-color: var(--lw-surface-color) !important;
  color: var(--lw-text-color);
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .photo:after {
  border-color: transparent;
}

.lw-pindu-page--chat .conversation-compose,
.lw-pindu-page--chat .conversation-compose.lw-pindu-chat-compose {
  background: transparent !important;
  border-top: 0 !important;
}

.lw-pindu-page--chat .lw-pindu-chat-compose-bar {
  --lw-chat-compose-bar-bg: var(--lw-surface-color);
  --lw-chat-compose-bar-border: var(--lw-border-color);
  background: var(--lw-chat-compose-bar-bg) !important;
  border-color: var(--lw-chat-compose-bar-border) !important;
  box-shadow: none !important;
  color: var(--lw-text-secondary-color) !important;
}

.lw-pindu-page--chat .lw-pindu-chat-compose-tool,
.lw-pindu-page--chat .conversation-compose .lw-pindu-chat-compose-action,
.lw-pindu-page--chat .conversation-compose .photo .lw-whatsapp-bar-icon-btn {
  color: var(--lw-text-secondary-color) !important;
}

.lw-pindu-page--chat .lw-pindu-chat-compose-tool:hover,
.lw-pindu-page--chat .conversation-compose .lw-pindu-chat-compose-action:hover,
.lw-pindu-page--chat .conversation-compose .photo .lw-whatsapp-bar-icon-btn:hover {
  background: var(--lw-surface-muted-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page--chat .conversation-compose .emojionearea .emojionearea-editor:empty:before {
  color: var(--lw-text-muted-color) !important;
}

.lw-pindu-page--chat {
  --lw-chat-compose-emoji-filter: brightness(1.35) contrast(0.85);
}

.lw-pindu-page--chat .lw-pindu-chat-compose-field {
  background: transparent !important;
}

.lw-pindu-page--chat .conversation-compose .emojionearea .emojionearea-editor {
  background: transparent !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page--chat .lw-chat-message-item .message .metadata .time {
  color: var(--lw-chat-metadata-color);
}

.lw-pindu-page--chat .lw-chat-message-item .message.sent {
  background: var(--lw-chat-bubble-sent-bg) !important;
}
.lw-pindu-page--chat .lw-chat-message-item .message.sent:after {
  border-color: transparent transparent transparent var(--lw-chat-bubble-sent-bg) !important;
}

.lw-pindu-page--chat .lw-chat-message-item .message.received {
  background: var(--lw-chat-bubble-received-bg) !important;
}
.lw-pindu-page--chat .lw-chat-message-item .message.received:after {
  border-color: transparent var(--lw-chat-bubble-received-bg) transparent transparent !important;
}

.lw-pindu-page--chat .lw-pindu-chat-alert {
  background: oklch(28% 0.04 25deg) !important;
  color: oklch(82% 0.08 25deg) !important;
  border-bottom-color: oklch(38% 0.06 25deg / 0.5) !important;
}

.lw-vendor-plan-alert__banner--danger {
  background: oklch(28% 0.04 25deg) !important;
  color: oklch(82% 0.08 25deg) !important;
  border-color: oklch(38% 0.06 25deg / 0.5) !important;
}

.lw-vendor-plan-alert__banner--warning {
  background: oklch(28% 0.04 75deg) !important;
  color: oklch(86% 0.08 75deg) !important;
  border-color: oklch(38% 0.06 75deg / 0.5) !important;
}

.input-group-text {
  background-color: var(--lw-dark-blue-color) !important;
  border: 1px solid var(--lw-border-color) !important;
  margin-left: 1px;
}

.card-body.card-deck .card {
  border: 1px solid var(--lw-border-color) !important;
  padding: 0;
}
.card-body.card-deck .card .card-footer {
  background-color: var(--lw-dark-blue-color);
}

.form-control-label {
  color: #cfcfcf !important;
}

.navbar-vertical.navbar-light .navbar-nav .active > .nav-link,
.navbar-vertical.navbar-light .navbar-nav .nav-link:hover,
.navbar-vertical.navbar-light .navbar-nav .nav-link.active,
.navbar-vertical .navbar-light .navbar-nav .active > .nav-link {
  color: var(--lw-white-color) !important;
  background: rgba(0, 0, 0, 0.3882352941);
  border-left: 2px solid var(--lw-white-color);
}

.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
  border: none !important;
}

.navbar-vertical .navbar-nav .nav-item .nav-link {
  border-left: 2px solid transparent;
}

.lw-form-card-box .input-group.input-group-alternative {
  border: none;
}
.lw-form-card-box .form-control {
  border-radius: 0 !important;
}
.lw-form-card-box .card-footer {
  background-color: var(--lw-dark-blue-color);
}

.lw-guest-page .navbar-horizontal .navbar-nav .nav-link {
  color: var(--lw-white-color) !important;
}
.lw-guest-page .lw-page-dropdown button {
  background: transparent;
}

/* Match login/auth cards and dashboard surfaces — not legacy navy. */
div:where(.swal2-container) div:where(.swal2-popup) {
  background: var(--lw-surface-color) !important;
  color: var(--lw-text-color) !important;
  border-color: var(--lw-border-color) !important;
}

.nav-tabs .nav-link {
  background-color: var(--lw-nav-tab-inactive-bg);
  color: var(--lw-white-color);
}
.nav-tabs .nav-link.active {
  background-color: var(--lw-primary-color) !important;
  color: var(--lw-white-color);
}

.nav-link:hover {
  color: var(--lw-white-color);
}

.selectize-dropdown .active:not(.optgroup-header) {
  background-color: var(--lw-selectize-active-bg) !important;
  color: var(--lw-white-color);
}

.selectize-dropdown .optgroup-header,
.selectize-dropdown .optgroup-header.active {
  background-color: transparent !important;
  color: var(--lw-text-muted-color) !important;
  cursor: default;
  pointer-events: none;
}

.flowchart-operator {
  background: var(--lw-flowchart-bg) !important;
  color: var(--lw-black-color);
  border-color: var(--lw-border-color) !important;
  border-radius: 6px;
}
.flowchart-operator .flowchart-operator-title {
  font-weight: 400 !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid var(--lw-border-color) !important;
  color: var(--lw-white-color);
  background: var(--lw-black-color) !important;
}
.flowchart-operator .flowchart-operator-inputs-outputs {
  color: var(--lw-flowchart-text);
  font-weight: 500;
}

/* Pindu bot flow builder — keep token-based node chrome in dark mode */
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator {
  background: var(--lw-surface-color) !important;
  color: var(--lw-text-color);
  border-color: var(--lw-border-color) !important;
}
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator .flowchart-operator-title {
  color: var(--lw-text-color) !important;
  background: var(--lw-surface-2-color) !important;
  border-bottom-color: var(--lw-border-color) !important;
  font-weight: 700 !important;
}
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator[data-operator_id=start] .flowchart-operator-title {
  color: var(--lw-primary-color) !important;
  background: var(--lw-primary-soft-color) !important;
}
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator-body {
  background: var(--lw-surface-color);
}
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator-inputs-outputs,
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator-connector-label {
  color: var(--lw-text-secondary-color);
}
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator-outputs .flowchart-operator-connector-label {
  background: var(--lw-surface-muted-color);
  color: var(--lw-text-color);
}
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator-inputs .flowchart-operator-connector-arrow,
.lw-pindu-page .lw-pindu-bot-flow-builder .flowchart-operator-outputs .flowchart-operator-connector-arrow {
  border-left-color: var(--lw-border-color);
}

dd .lw-btn.btn.btn-sm.btn-outline-default {
  background-color: var(--lw-border-color);
  border-color: var(--lw-border-color);
  color: var(--lw-white-color);
}

.badge-success {
  background-color: var(--lw-primary-color);
  color: var(--lw-white-color);
}

fieldset pre {
  color: var(--lw-white-color);
}

.list-group-item {
  background-color: var(--lw-dark-blue-color) !important;
  border: 0;
  border-bottom: 1px solid var(--lw-border-color) !important;
  border-radius: 0;
}
.list-group-item:hover, .list-group-item:focus {
  background-color: var(--lw-black-color) !important;
}

.lw-whatsapp-chat-block-container .selectize-control.multi .selectize-input > div {
  border: 0;
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .lw-contact-list .lw-contact {
  border-radius: 0;
  border-top: 1px solid var(--lw-border-color) !important;
  border-bottom: none !important;
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
  background: var(--lw-black-color) url("../../imgs/wa-message-bg-dark.png") repeat !important;
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message {
  color: var(--lw-white-color);
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent {
  background-color: var(--lw-chat-bubble-sent-bg);
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent:after {
  border-color: transparent transparent transparent var(--lw-chat-bubble-sent-bg);
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received {
  background: var(--lw-chat-bubble-received-bg);
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received:after {
  border-color: transparent var(--lw-chat-bubble-received-bg) transparent transparent;
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .metadata .time {
  color: var(--lw-chat-metadata-color);
}
.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
  background: var(--lw-chat-user-bar-bg);
  border-bottom: 1px solid var(--lw-chat-user-bar-border);
}
.lw-whatsapp-chat-block-container .nav-tabs .nav-link {
  background-color: var(--lw-dark-blue-color);
  color: var(--lw-white-color);
}
@media (max-width: 768px) {
  .lw-whatsapp-chat-block-container .nav-tabs .nav-link {
    background-color: transparent;
  }
}
.lw-whatsapp-chat-block-container .shadow-lg {
  box-shadow: none !important;
}

.lw-pindu-page--chat .lw-pindu-chat-user-bar,
.lw-pindu-page--chat .user-bar.lw-pindu-chat-user-bar {
  background: var(--lw-surface-color) !important;
  border-bottom: 0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24) !important;
}

.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card {
  background-color: rgba(30, 119, 80, 0.5607843137) !important;
  color: #bfbfbf;
  box-shadow: none !important;
  border-radius: 5px;
}
.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer {
  border-top: 0;
}
.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .lw-whatsapp-buttons .list-group-item {
  background-color: #1f6646 !important;
}
.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .list-group-item {
  border-top: 1px solid #4c7a65;
  border-bottom: none !important;
}
.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .list-group-item a {
  color: #00a5f4;
}

.lw-whatsapp-preview > .card::after {
  border-color: transparent var(--lw-dark-blue-color) transparent transparent;
}

.btn.btn-info {
  color: var(--lw-white-color) !important;
}

/* Generic dropdowns — design tokens. Theme/locale menus have their own panel styles. */
.dropdown-menu:not(.lw-theme-mode-menu):not(.lw-locale-menu) {
  background-color: var(--lw-surface-color) !important;
  color: var(--lw-text-color) !important;
  border: 1px solid var(--lw-border-color);
  box-shadow: var(--lw-shadow-lg) !important;
}

.dropdown-menu:not(.lw-theme-mode-menu):not(.lw-locale-menu) .dropdown-item {
  color: var(--lw-text-color) !important;
}
.dropdown-menu:not(.lw-theme-mode-menu):not(.lw-locale-menu) .dropdown-item:hover, .dropdown-menu:not(.lw-theme-mode-menu):not(.lw-locale-menu) .dropdown-item:focus {
  background-color: var(--lw-surface-muted-color) !important;
  color: var(--lw-text-color) !important;
}

.dropdown-menu:not(.lw-theme-mode-menu):not(.lw-locale-menu) .dropdown-header:hover {
  background-color: transparent !important;
}

.navbar .dropdown-menu-arrow:before {
  background-color: var(--lw-surface-color) !important;
}

.alert-light {
  background-color: var(--lw-black-color) !important;
  border: 1px solid var(--lw-border-color);
}

.alert-warning, .alert-danger, .alert-default {
  border-color: var(--lw-blue-color) !important;
  background-color: var(--lw-blue-color) !important;
}

.page-link, .page-item.disabled .page-link {
  background-color: var(--lw-dark-brown-color) !important;
  border: 1px solid var(--lw-border-color) !important;
}

.form-group .input-group.input-group-alternative {
  border: none !important;
}

.badge.bg-yellow {
  background-color: var(--lw-white-color) !important;
  color: var(--lw-black-color) !important;
}

.close > span:not(.sr-only) {
  color: var(--lw-white-color) !important;
}

.input-group-append .btn.btn-outline-light {
  background: var(--lw-dark-brown-color) !important;
  color: var(--lw-white-color) !important;
  border: 1px solid var(--lw-border-color) !important;
}

.dataTables_wrapper .dataTables_length select {
  background-color: var(--lw-dark-blue-color) !important;
  color: var(--lw-white-color);
}

.badge.badge-danger {
  background-color: #f5365c !important;
  color: var(--lw-white-color);
}

.selectize-control.lw-form-field, .selectize-control.form-control {
  background-color: transparent !important;
  border: none !important;
}
.selectize-control.lw-form-field .selectize-input.full, .selectize-control.lw-form-field .selectize-input, .selectize-control.form-control .selectize-input.full, .selectize-control.form-control .selectize-input {
  border: 1px solid var(--lw-border-color) !important;
}

.fa-stripe, .fa-paypal {
  color: #5872ff;
  font-size: 20px;
}

.lw-has-form fieldset .input-group {
  border: 1px solid var(--lw-border-color);
  background-color: var(--lw-dark-brown-color);
}
.lw-has-form fieldset .input-group .lw-form-field.form-control {
  border: none !important;
}

.lw-whatsapp-preview-container {
  background: var(--lw-app-bg-color) url("../../imgs/wa-message-bg-dark.png") repeat !important;
}

/* Guest/dashboard nav uses Font Awesome bars on the toggler span — hide Bootstrap's SVG only there */
.navbar-toggler-icon.fa.fa-bars {
  background-image: none !important;
  width: auto;
  height: auto;
}

/* SaaS marketing header — keep Lucide menu icon visible on auth/landing pages */
body.lw-saas-landing .lw-saas-header .lw-saas-navbar-toggler__icon {
  display: block !important;
}

.fa.fa-bars {
  color: var(--lw-white-color);
  font-size: 21px;
  display: inline-block !important;
}

.nav-link {
  color: var(--lw-white-color);
}

.lw-light-active-mode {
  color: #1e1e25 !important;
  background: var(--lw-white-color);
}
.lw-light-active-mode:hover {
  color: var(--lw-white-color) !important;
}

.card-footer {
  background-color: var(--lw-dark-blue-color);
}

@media (max-width: 768px) {
  .lw-language-block .form-control, .lw-language-block .input-group-text {
    border: 1px solid var(--lw-border-color) !important;
  }
  .navbar-collapse .navbar-toggler span {
    background: white;
  }
}
.selectize-control.single .selectize-input:after {
  border-color: #ffffff transparent transparent transparent;
}

@media (max-width: 768px) {
  .lw-whatsapp-chat-block-container .lw-contact-list-block, .lw-whatsapp-chat-block-container .lw-contact-crm-block {
    background-color: var(--lw-black-color);
  }
}
/* Error pages use resources/views/errors/minimal.blade.php (Pindu shell). */
.custom-control-label::before {
  background-color: var(--lw-dark-blue-color);
  border: 1px solid var(--lw-border-color);
}

.selectize-input > input {
  color: #aeaeae;
}

.ElementsApp, .ElementsApp .InputElement {
  color: var(--lw-white-color);
}

.lw-list-group-border {
  border: 1px solid var(--lw-border-color) !important;
}

.emojionearea {
  background-color: transparent;
}

.chat-container {
  background-color: #202c33;
}

.emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  filter: brightness(0.6) invert(1);
}

.emojionearea .emojionearea-picker .emojionearea-filter, .emojionearea-picker, .emojionearea .emojionearea-search, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title, .emojionearea .emojionearea-picker .emojionearea-filters {
  background-color: var(--lw-dark-blue-color) !important;
}

.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose input {
  background-color: var(--lw-dark-brown-color);
}

/* The navbar uses a glass effect — light mode is white-at-82% over the
   page, dark mode needs a *dark* rgba behind the backdrop-filter. */
body.lw-has-sidebar-v2 .main-content .navbar-top {
  background-color: transparent !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top::before {
  /* Match the marketing-site header: same solid dark surface token. */
  background-color: var(--lw-surface-color);
}

/* Beat the legacy `.navbar-light .navbar-nav .nav-link { color: #000 }`
   rule (from app.css) with !important so dark ink wins.
   Text labels stay neutral; icon buttons tint primary on hover/active. */
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-title,
body.lw-has-sidebar-v2 .main-content .navbar-top .h4,
body.lw-has-sidebar-v2 .main-content .navbar-top .nav-link:not(.lw-tb-action),
body.lw-has-sidebar-v2 .main-content .navbar-top a:not(.dropdown-item):not(.lw-tb-logged-as-link):not(.lw-tb-avatar):not(.lw-tb-action):not(.lw-sb-navbar-toggle) {
  color: var(--lw-text-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .nav-link:not(.lw-tb-action):hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .nav-link:not(.lw-tb-action):focus,
body.lw-has-sidebar-v2 .main-content .navbar-top a:hover:not(.dropdown-item):not(.lw-tb-logged-as-link):not(.lw-tb-avatar):not(.lw-tb-action):not(.lw-sb-navbar-toggle),
body.lw-has-sidebar-v2 .main-content .navbar-top a:focus:not(.dropdown-item):not(.lw-tb-logged-as-link):not(.lw-tb-avatar):not(.lw-tb-action):not(.lw-sb-navbar-toggle) {
  color: var(--lw-text-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle {
  color: var(--lw-text-secondary-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:focus,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:active,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action.show,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action.active,
body.lw-has-sidebar-v2 .main-content .navbar-top .nav-link.lw-tb-action.show,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:focus,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:active {
  background: var(--lw-surface-muted-color) !important;
  color: var(--lw-primary-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:hover .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:focus .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:active .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action.show .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action.active .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .nav-link.lw-tb-action.show .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:hover .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:focus .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:active .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:hover svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:focus svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action:active svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action.show svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-action.active svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .nav-link.lw-tb-action.show svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:hover svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:focus svg.lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:active svg.lw-icon {
  color: var(--lw-primary-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .lw-icon,
body.lw-has-sidebar-v2 .main-content .navbar-top svg.lw-icon {
  color: inherit !important;
}

/* Theme / locale / sound top-bar buttons — strip only the legacy sidebar
   left accent bar; hover fill + icon tint stay on app.scss `.lw-tb-action`. */
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .nav-link,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .nav-link:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .nav-link:focus,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .nav-link.active,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .nav-link.show,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .lw-tb-action,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .lw-tb-action:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-tb-actions .lw-tb-action:focus,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .lw-sb-navbar-toggle:focus {
  border-left: none !important;
}

/* Dropdown menus need a deeper drop-shadow on the dark canvas. */
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-menu {
  box-shadow: var(--lw-shadow-lg);
}

/* Navbar dropdown rows — keep hover/click readable (don't inherit green link hover). */
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item {
  color: var(--lw-text-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item:focus,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item:active:not(.active):not(.lw-theme-mode-active):not(.lw-dark-active-mode):not(.lw-light-active-mode) {
  background: var(--lw-surface-muted-color) !important;
  color: var(--lw-text-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.active,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.lw-theme-mode-active,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.lw-dark-active-mode,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.lw-light-active-mode {
  background: var(--lw-primary-color) !important;
  color: var(--lw-white-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.active:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.lw-theme-mode-active:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.lw-dark-active-mode:hover,
body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item.lw-light-active-mode:hover {
  background: var(--lw-primary-strong-color) !important;
  color: var(--lw-white-color) !important;
}

body.lw-has-sidebar-v2 .main-content .navbar-top .dropdown-item .lw-icon {
  color: inherit !important;
}

/* ============================================================
   Pindu list pages — page header, table shell, pagination footer.

   Legacy dark-theme rules above use `!important` on generic DataTables /
   `.page-link` selectors.  The Pindu table shell is more specific in
   app.scss but loses to those `!important` hooks, so we restore the
   token-driven look here for dark mode only.
   ============================================================ */
/* Page header title + subtitle (users/partials/header.blade.php). */
.lw-pindu-page-header-title,
.lw-pindu-page-header-title.lw-page-title {
  color: var(--lw-text-color);
}

.lw-pindu-page-header-sub {
  color: var(--lw-text-muted-color);
}

/* Table row hover — beat `div.dataTables_wrapper table.dataTable>tbody>tr:hover`. */
.lw-pindu-table-shell div.dataTables_wrapper table.dataTable > tbody > tr:hover,
.lw-pindu-table-shell div.dataTables_wrapper table.dataTable > tbody > tr:hover > td,
.lw-pindu-table-shell table.dataTable tbody tr:hover,
.lw-pindu-table-shell table.dataTable tbody tr:hover > td {
  background-color: var(--lw-surface-2-color) !important;
}

/* Pagination footer row + pager pills — beat generic `.page-link` overrides. */
.lw-pindu-table-shell .dataTables_wrapper > .row:last-of-type {
  background: var(--lw-surface-2-color) !important;
  border-top-color: var(--lw-border-color) !important;
}

.lw-pindu-table-shell .pagination .page-item .page-link {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-secondary-color) !important;
}

.lw-pindu-table-shell .pagination .page-item .page-link:hover {
  background-color: var(--lw-surface-muted-color) !important;
  border-color: var(--lw-border-strong-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-table-shell .pagination .page-item.active .page-link {
  background-color: var(--lw-primary-color) !important;
  border-color: var(--lw-primary-color) !important;
  color: var(--lw-white-color) !important;
}

.lw-pindu-table-shell .pagination .page-item.disabled .page-link {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-disabled-color) !important;
  opacity: 0.4;
}

.lw-pindu-table-shell .dataTables_info,
.lw-pindu-table-shell .dataTables_info b {
  color: var(--lw-text-muted-color);
}

.lw-pindu-table-shell .dataTables_info b {
  color: var(--lw-text-color);
}

.lw-pindu-rows-per-page select.lw-pindu-table-length {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
}

@media (max-width: 1199.98px) {
  .lw-pindu-table-shell table.dataTable > thead > tr > th:last-child,
  .lw-pindu-table-shell table.dataTable > tbody > tr > td:last-child {
    box-shadow: -1px 0 0 var(--lw-border-color) inset, -8px 0 12px -10px oklch(0% 0 0deg / 0.35);
  }
}
/* ============================================================
   Pindu modals — import/export/filter/create dialogs

   Legacy dark-theme `.modal-content { background: #050506 !important }`
   and generic `.btn.btn-light` / `.btn.btn-primary` hooks fight the
   token-driven Pindu modal surfaces. Restore the Pindu recipe here.
   ============================================================ */
.lw-pindu-modal .modal-content,
.modal.lw-pindu-modal .modal-body {
  background-color: var(--lw-surface-color) !important;
}

.lw-pindu-modal .modal-content .modal-header {
  border-bottom: none !important;
}

.lw-pindu-modal .lw-pindu-modal-footer {
  background: var(--lw-surface-2-color) !important;
  border-top-color: var(--lw-border-color) !important;
}

.lw-pindu-modal .lw-pindu-modal-footer .btn-light {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-modal .lw-pindu-modal-footer .btn-light:hover,
.lw-pindu-modal .lw-pindu-modal-footer .btn-light:focus,
.lw-pindu-modal .lw-pindu-modal-footer .btn-light:active {
  background-color: var(--lw-hover-surface) !important;
  border-color: var(--lw-hover-border) !important;
  color: var(--lw-text-color) !important;
}

/* Secondary / default buttons inside modals (e.g. Syntax + Add) — beat .btn-default flat gray. */
.lw-pindu-modal .btn-default,
.lw-pindu-modal--bot-reply .lw-pindu-msg-conditional-add.btn-default {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-modal .btn-default:hover,
.lw-pindu-modal .btn-default:focus,
.lw-pindu-modal .btn-default:active,
.lw-pindu-modal--bot-reply .lw-pindu-msg-conditional-add.btn-default:hover,
.lw-pindu-modal--bot-reply .lw-pindu-msg-conditional-add.btn-default:focus,
.lw-pindu-modal--bot-reply .lw-pindu-msg-conditional-add.btn-default:active {
  background-color: var(--lw-hover-surface) !important;
  border-color: var(--lw-hover-border) !important;
  color: var(--lw-text-color) !important;
}

/* Bot-reply Selectize — beat legacy dark brown input hooks */
.lw-pindu-modal--bot-reply .selectize-input,
.lw-pindu-modal--bot-reply .selectize-input.full,
.lw-pindu-modal--bot-reply .selectize-control.single .selectize-input.input-active {
  color: var(--lw-text-color) !important;
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-modal--bot-reply .selectize-input.focus {
  border-color: var(--lw-focus-border) !important;
}

.lw-pindu-modal--bot-reply .selectize-input input {
  color: var(--lw-text-color) !important;
}

.lw-pindu-modal--bot-reply .selectize-dropdown,
.lw-pindu-modal--bot-reply .selectize-dropdown.form-control {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-modal--bot-reply .selectize-dropdown .option.active,
.lw-pindu-modal--bot-reply .selectize-dropdown .active {
  background-color: var(--lw-surface-muted-color) !important;
  color: var(--lw-text-color) !important;
}

/* Nested field panels — beat legacy dark fieldset/legend flat fills */
.lw-pindu-modal--whatsapp-flow .lw-pindu-bot-reply-nested-panel,
.lw-pindu-modal--bot-reply .lw-pindu-bot-reply-nested-panel {
  background: var(--lw-pindu-panel-bg) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px var(--lw-border-color) !important;
}

.lw-pindu-modal--whatsapp-flow .lw-pindu-bot-reply-nested-panel > legend,
.lw-pindu-modal--bot-reply .lw-pindu-bot-reply-nested-panel > legend {
  color: var(--lw-text-muted-color) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.lw-pindu-modal--whatsapp-flow .lw-pindu-bot-reply-nested-panel > legend > span,
.lw-pindu-modal--bot-reply .lw-pindu-bot-reply-nested-panel > legend > span,
.lw-pindu-modal--whatsapp-flow .lw-pindu-bot-reply-nested-panel > legend .lw-pindu-bot-reply-nested-remove,
.lw-pindu-modal--bot-reply .lw-pindu-bot-reply-nested-panel > legend .lw-pindu-bot-reply-nested-remove,
.lw-pindu-modal--whatsapp-flow .lw-pindu-bot-reply-nested-panel > legend .lw-pindu-bot-reply-nested-actions,
.lw-pindu-modal--bot-reply .lw-pindu-bot-reply-nested-panel > legend .lw-pindu-bot-reply-nested-actions {
  background: var(--lw-pindu-panel-bg) !important;
  border: 0 !important;
  color: inherit;
}

.lw-pindu-modal--whatsapp-flow .lw-pindu-bot-reply-nested-panel > legend .lw-pindu-bot-reply-nested-remove,
.lw-pindu-modal--bot-reply .lw-pindu-bot-reply-nested-panel > legend .lw-pindu-bot-reply-nested-remove {
  color: var(--lw-danger-color) !important;
}

.lw-pindu-modal--whatsapp-flow .form-control,
.lw-pindu-modal--whatsapp-flow select.form-control,
.lw-pindu-modal--whatsapp-flow textarea.form-control {
  color: var(--lw-text-color) !important;
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-modal--whatsapp-flow .lw-pindu-msg-conditional-add.btn-default,
.lw-pindu-modal--whatsapp-flow .lw-pindu-whatsapp-flow-add-option.btn-light {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
  width: auto !important;
}

.lw-pindu-modal--whatsapp-flow .lw-pindu-whatsapp-flow-add-option.btn-light:hover,
.lw-pindu-modal--whatsapp-flow .lw-pindu-whatsapp-flow-add-option.btn-light:focus,
.lw-pindu-modal--whatsapp-flow .lw-pindu-whatsapp-flow-add-option.btn-light:active {
  background-color: var(--lw-hover-surface) !important;
  border-color: var(--lw-hover-border) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-modal .lw-pindu-modal-footer .btn-primary,
.lw-pindu-modal .lw-pindu-modal-action-row .btn-primary {
  background-color: var(--lw-primary-color) !important;
  border-color: var(--lw-primary-color) !important;
  color: var(--lw-white-color) !important;
}

.lw-pindu-modal .lw-pindu-modal-footer .btn-primary:hover,
.lw-pindu-modal .lw-pindu-modal-footer .btn-primary:focus,
.lw-pindu-modal .lw-pindu-modal-footer .btn-primary:active,
.lw-pindu-modal .lw-pindu-modal-action-row .btn-primary:hover,
.lw-pindu-modal .lw-pindu-modal-action-row .btn-primary:focus,
.lw-pindu-modal .lw-pindu-modal-action-row .btn-primary:active {
  background-color: var(--lw-primary-strong-color) !important;
  border-color: var(--lw-primary-strong-color) !important;
  color: var(--lw-white-color) !important;
}

.lw-pindu-modal .lw-pindu-modal-action-row .btn-light {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-callout--warning {
  background: var(--lw-warning-soft-color) !important;
  border-color: color-mix(in oklch, var(--lw-warning-color) 40%, transparent) !important;
  color: var(--lw-warning-ink-color) !important;
}

.lw-pindu-callout--warning .lw-icon,
.lw-pindu-callout--warning .lw-icon-inline {
  color: var(--lw-warning-ink-color) !important;
}

/* Date-range picker popup (body-appended) */
.lw-authenticated-page .daterangepicker {
  background: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-authenticated-page .daterangepicker::after {
  border-bottom-color: var(--lw-surface-color) !important;
}

.lw-authenticated-page .daterangepicker.drop-up::after {
  border-top-color: var(--lw-surface-color) !important;
}

.lw-authenticated-page .daterangepicker .calendar-table {
  background: var(--lw-surface-color) !important;
}

.lw-authenticated-page .daterangepicker .drp-buttons {
  background: var(--lw-surface-2-color) !important;
  border-top-color: var(--lw-border-color) !important;
}

.lw-authenticated-page .daterangepicker .drp-buttons .cancelBtn,
.lw-authenticated-page .daterangepicker .drp-buttons .btn-default {
  background: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-authenticated-page .daterangepicker .drp-buttons .applyBtn,
.lw-authenticated-page .daterangepicker .drp-buttons .btn-primary {
  background: var(--lw-primary-color) !important;
  border-color: var(--lw-primary-color) !important;
  color: var(--lw-white-color) !important;
}

.lw-pindu-callout--success {
  background: var(--lw-primary-soft-color) !important;
  border-color: color-mix(in oklch, var(--lw-primary-color) 35%, transparent) !important;
  color: var(--lw-primary-ink-color) !important;
}

.lw-pindu-callout--success .lw-icon,
.lw-pindu-callout--success .lw-icon-inline {
  color: var(--lw-primary-ink-color) !important;
}

.lw-pindu-modal .filepond--root .filepond--panel-root,
.lw-pindu-page--contact-template .filepond--root .filepond--panel-root,
.lw-pindu-campaign-wizard .lw-template-structure-form .filepond--panel-root,
.lw-pindu-page--template-editor .filepond--root .filepond--panel-root {
  background-color: var(--lw-surface-2-color) !important;
  border-color: var(--lw-border-strong-color) !important;
}

.lw-pindu-modal .filepond--drop-label,
.lw-pindu-page--contact-template .filepond--drop-label,
.lw-pindu-campaign-wizard .lw-template-structure-form .filepond--drop-label,
.lw-pindu-page--template-editor .filepond--drop-label {
  color: var(--lw-text-secondary-color) !important;
}

.lw-pindu-modal .filepond--label-action,
.lw-pindu-page--contact-template .filepond--label-action,
.lw-pindu-campaign-wizard .lw-template-structure-form .filepond--label-action,
.lw-pindu-page--template-editor .filepond--label-action {
  color: var(--lw-text-color) !important;
  background: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-modal .filepond--label-action:hover,
.lw-pindu-page--contact-template .filepond--label-action:hover,
.lw-pindu-campaign-wizard .lw-template-structure-form .filepond--label-action:hover,
.lw-pindu-page--template-editor .filepond--label-action:hover {
  background: var(--lw-surface-muted-color) !important;
  border-color: var(--lw-border-strong-color) !important;
}

.lw-pindu-modal .filepond--item-panel,
.lw-pindu-page--contact-template .filepond--item-panel,
.lw-pindu-campaign-wizard .lw-template-structure-form .filepond--item-panel,
.lw-pindu-page--template-editor .filepond--item-panel {
  background-color: var(--lw-surface-muted-color) !important;
}

.lw-pindu-modal .filepond--file,
.lw-pindu-page--contact-template .filepond--file,
.lw-pindu-campaign-wizard .lw-template-structure-form .filepond--file,
.lw-pindu-page--template-editor .filepond--file {
  color: var(--lw-text-color) !important;
}

/* Campaign list action buttons — beat generic dark-theme button hooks. */
.lw-pindu-page .lw-pindu-table-shell .btn-default,
.lw-pindu-page .lw-pindu-table-shell .btn-dark {
  background-color: var(--lw-table-action-default-bg) !important;
  border-color: var(--lw-table-action-default-border) !important;
  color: var(--lw-table-action-default-color) !important;
}

.lw-pindu-page .lw-pindu-table-shell .btn-default:hover,
.lw-pindu-page .lw-pindu-table-shell .btn-default:focus,
.lw-pindu-page .lw-pindu-table-shell .btn-default:active,
.lw-pindu-page .lw-pindu-table-shell .btn-default.active,
.lw-pindu-page .lw-pindu-table-shell .btn-dark:hover,
.lw-pindu-page .lw-pindu-table-shell .btn-dark:focus,
.lw-pindu-page .lw-pindu-table-shell .btn-dark:active,
.lw-pindu-page .lw-pindu-table-shell .btn-dark.active {
  background-color: var(--lw-surface-muted-color) !important;
  border-color: var(--lw-border-strong-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page .lw-pindu-table-shell .btn-light {
  background-color: var(--lw-table-action-light-bg) !important;
  border-color: var(--lw-table-action-light-border) !important;
  color: var(--lw-table-action-light-color) !important;
}

.lw-pindu-page .lw-pindu-table-shell .btn-light:hover,
.lw-pindu-page .lw-pindu-table-shell .btn-light:focus,
.lw-pindu-page .lw-pindu-table-shell .btn-light:active,
.lw-pindu-page .lw-pindu-table-shell .btn-light.active {
  background-color: color-mix(in oklch, var(--lw-table-action-light-bg) 88%, white) !important;
  border-color: var(--lw-table-action-light-border) !important;
  color: var(--lw-table-action-light-color) !important;
}

.lw-pindu-page .lw-pindu-table-shell .btn-danger {
  background-color: var(--lw-danger-color) !important;
  border-color: var(--lw-danger-color) !important;
  color: var(--lw-white-color) !important;
}

/* ============================================================
   Create campaign wizard — beat legacy dark selectize / form hooks
   ============================================================ */
.lw-pindu-page .lw-pindu-campaign-wizard .form-control,
.lw-pindu-page .lw-pindu-campaign-wizard input[type=text],
.lw-pindu-page .lw-pindu-campaign-wizard input[type=datetime-local],
.lw-pindu-page .lw-pindu-campaign-wizard .selectize-input,
.lw-pindu-page .lw-pindu-campaign-wizard .selectize-input.full,
.lw-pindu-page .lw-pindu-campaign-wizard .selectize-control.single .selectize-input.input-active {
  color: var(--lw-text-color) !important;
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .selectize-input.focus {
  border-color: var(--lw-focus-border) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .selectize-input input {
  color: var(--lw-text-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .selectize-dropdown,
.lw-pindu-page .lw-pindu-campaign-wizard .selectize-dropdown.form-control {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .selectize-dropdown .option.active,
.lw-pindu-page .lw-pindu-campaign-wizard .selectize-dropdown .active {
  background-color: var(--lw-surface-muted-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .selectize-control.multi .selectize-input > div {
  background: var(--lw-surface-2-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .selectize-control.multi .selectize-input > div.active {
  background: var(--lw-primary-soft-color) !important;
  border-color: color-mix(in oklch, var(--lw-primary-color) 25%, transparent) !important;
  color: var(--lw-primary-ink-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card:hover,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card:focus,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card:active {
  background: var(--lw-surface-color) !important;
  color: var(--lw-text-color);
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card.is-selected,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card.is-selected:hover,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card.is-selected:focus,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card.is-selected:active {
  border-color: var(--lw-primary-color) !important;
  background: var(--lw-surface-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-step-card,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-panel,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-fieldset,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-switch-row {
  background: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-summary {
  background: linear-gradient(180deg, var(--lw-surface-2-color), var(--lw-surface-color)) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-step-title,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-picker-title,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-fieldset-legend {
  color: var(--lw-text-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-summary-title {
  color: var(--lw-text-muted-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-step-lead,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-personalize-lead,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card-preview {
  color: var(--lw-text-secondary-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-template-card-foot {
  color: var(--lw-text-muted-color) !important;
}

.lw-pindu-page .lw-pindu-campaign-wizard .pill-tab.active {
  background: var(--lw-surface-color) !important;
  color: var(--lw-text-color) !important;
}

/* Subscription — Monthly/Yearly toggle: in dark mode the active pill must read
   lighter than the track (Pindu pill-tabs use surface on muted; on dark canvas
   that inverts, so flip to muted active on surface track). */
.lw-pindu-page--subscription .lw-vp-billing-toggle {
  background: var(--lw-surface-color);
  border-color: var(--lw-border-strong-color);
}

.lw-pindu-page--subscription .lw-vp-billing-toggle__btn.is-active {
  background: var(--lw-surface-muted-color);
  color: var(--lw-text-color);
  border-color: var(--lw-border-strong-color);
  box-shadow: var(--lw-shadow-sm);
}

/* ============================================================
   Template create / edit — form fields + phone preview
   ============================================================ */
.lw-pindu-page--template-editor .form-control,
.lw-pindu-page--template-editor input[type=text],
.lw-pindu-page--template-editor input[type=search],
.lw-pindu-page--template-editor textarea,
.lw-pindu-page--template-editor .selectize-input,
.lw-pindu-page--template-editor .selectize-input.full,
.lw-pindu-page--template-editor .selectize-control.single .selectize-input.input-active {
  color: var(--lw-text-color) !important;
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-page--template-editor .selectize-input.focus {
  border-color: var(--lw-focus-border) !important;
}

.lw-pindu-page--template-editor .selectize-input input {
  color: var(--lw-text-color) !important;
}

.lw-pindu-page--template-editor .selectize-dropdown,
.lw-pindu-page--template-editor .selectize-dropdown.form-control {
  background-color: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page--template-editor .selectize-dropdown .option.active,
.lw-pindu-page--template-editor .selectize-dropdown .active {
  background-color: var(--lw-surface-muted-color) !important;
  color: var(--lw-text-color) !important;
}

.lw-pindu-page--template-editor .selectize-control.single .selectize-input::after {
  border-color: var(--lw-text-muted-color) transparent transparent transparent !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-editor-card,
.lw-pindu-page--template-editor .lw-pindu-template-preview-card {
  background: var(--lw-surface-color) !important;
  border-color: var(--lw-border-color) !important;
}

.lw-pindu-page--template-editor .lw-pindu-wizard-phone-heading-title {
  color: var(--lw-text-color) !important;
}

.lw-pindu-page--template-editor .lw-pindu-wizard-phone-heading-sub {
  color: var(--lw-text-muted-color) !important;
}

/* Phone preview — template editor, campaign wizard, contact send, picker modal */
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-screen,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-screen,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-screen,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-screen,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-screen {
  background: var(--lw-wa-preview-chat-bg) var(--lw-wa-preview-chat-bg-image) repeat !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-statusbar,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-header,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-statusbar,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-header,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-statusbar,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-header,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-statusbar,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-header,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-statusbar,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-header {
  background: var(--lw-wa-preview-header-bg) !important;
  color: var(--lw-wa-preview-header-text) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-avatar,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-avatar,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-avatar,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-avatar,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-avatar {
  background: var(--lw-wa-preview-avatar-bg) !important;
  color: var(--lw-wa-preview-avatar-color) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-bubble,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-cta,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-bubble,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-cta,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-bubble,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-cta,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-bubble,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-cta,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-bubble,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-cta {
  background: var(--lw-wa-preview-bubble-bg) !important;
  box-shadow: var(--lw-wa-preview-bubble-shadow) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-bubble::before,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-bubble::before,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-bubble::before,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-bubble::before,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-bubble::before {
  border-right-color: var(--lw-wa-preview-bubble-bg) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-header-text,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-text,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-header-text,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-text,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-header-text,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-text,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-header-text,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-text,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-header-text,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-text {
  color: var(--lw-wa-preview-text) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-footer-text,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-placeholder,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-footer-text,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-placeholder,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-footer-text,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-placeholder,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-footer-text,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-placeholder,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-footer-text,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-placeholder {
  color: var(--lw-wa-preview-muted) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-time,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-time,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-time,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-time,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-time {
  color: var(--lw-wa-preview-meta) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-text a,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-header-text a,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-cta,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-text a,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-header-text a,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-cta,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-text a,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-header-text a,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-cta,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-text a,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-header-text a,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-cta,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-text a,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-header-text a,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-cta {
  color: var(--lw-wa-preview-link) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-composer-field,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-composer-field,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-composer-field,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-composer-field,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-composer-field {
  background: var(--lw-wa-preview-composer-field-bg) !important;
  border-color: var(--lw-wa-preview-composer-field-border) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-composer-icon,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-composer-icon,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-composer-icon,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-composer-icon,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-composer-icon {
  color: var(--lw-wa-preview-composer-icon) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-today,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-today,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-today,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-today,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-today {
  background: var(--lw-wa-preview-today-bg) !important;
  color: var(--lw-wa-preview-today-text) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wa-var,
.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-template-var,
.lw-pindu-template-preview-phone--modal .lw-pindu-wa-var,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wa-var,
.lw-pindu-page--contact-template .lw-pindu-wa-var,
.lw-pindu-modal--template-picker .lw-pindu-wa-var {
  color: var(--lw-wa-preview-var) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-var-chip,
.lw-pindu-template-preview-phone--modal .lw-pindu-var-chip,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-var-chip,
.lw-pindu-page--contact-template .lw-pindu-var-chip,
.lw-pindu-modal--template-picker .lw-pindu-var-chip {
  background: var(--lw-wa-preview-var-chip-bg) !important;
  color: var(--lw-wa-preview-var-chip-text) !important;
}

.lw-pindu-page--template-editor .lw-pindu-template-preview-phone .lw-pindu-wizard-phone-cta--muted,
.lw-pindu-template-preview-phone--modal .lw-pindu-wizard-phone-cta--muted,
.lw-pindu-page .lw-pindu-campaign-wizard .lw-pindu-wizard-phone-cta--muted,
.lw-pindu-page--contact-template .lw-pindu-wizard-phone-cta--muted,
.lw-pindu-modal--template-picker .lw-pindu-wizard-phone-cta--muted {
  color: var(--lw-wa-preview-muted) !important;
}

/*# sourceMappingURL=dark-theme.css.map */