/* Dark theme for the signed-in pages. GENERATED by scripts/gen-dark-css.js; do not edit the
   generated blocks by hand. The theme is chosen with the button in the top bar and shared with the
   landing page through localStorage key "lunar-theme". Light mode is untouched: every rule here
   needs html[data-theme="dark"]. */

html[data-theme="dark"] {
  color-scheme: dark;
  --lx-bg: #0b1020;
  --lx-surface: #141a2e;
  --lx-surface-2: #1a2138;
  --lx-border: #2a3350;
  --lx-border-soft: #222a45;
  --lx-text: #e6e9f5;
  --lx-text-2: #aab2cc;
  --lx-text-3: #7f89a8;
  --lx-ring: 0 0 0 3px rgba(129, 140, 248, .35);
  --shadow-card: 0 0 0 1px rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .35);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);
  --slate-50: #141a2e;
  --slate-100: #1a2138;
  --slate-200: #2a3350;
  --slate-300: #3a4568;
  --slate-400: #7f89a8;
  --slate-500: #9aa3bf;
  --slate-600: #aab2cc;
  --slate-700: #cbd2e6;
  --slate-800: #e6e9f5;
  --slate-900: #f1f3fb;
  --bs-body-bg: #0b1020;
  --bs-body-color: #e6e9f5;
  --bs-border-color: #2a3350;
}

html[data-theme="dark"] body { background: var(--lx-bg); color: var(--lx-text); }

/* Bootstrap pieces used all over the app */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .toast { background-color: var(--lx-surface); color: var(--lx-text); border-color: var(--lx-border); }
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer { background-color: var(--lx-surface-2) !important; color: var(--lx-text); border-color: var(--lx-border); }
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body { color: var(--lx-text) !important; }
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .form-text { color: var(--lx-text-2) !important; }
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] hr { border-color: var(--lx-border) !important; }
html[data-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: var(--lx-text); --bs-table-border-color: var(--lx-border); --bs-table-striped-bg: rgba(255,255,255,.03); --bs-table-hover-bg: rgba(255,255,255,.05); color: var(--lx-text); }
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]) { background-color: var(--lx-surface-2); color: var(--lx-text); border-color: var(--lx-border); }
html[data-theme="dark"] .form-control::placeholder { color: var(--lx-text-3); }
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-select:disabled { background-color: var(--lx-surface); color: var(--lx-text-3); }
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-secondary { background-color: var(--lx-surface-2); color: var(--lx-text); border-color: var(--lx-border); }
html[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
html[data-theme="dark"] .dropdown-item { color: var(--lx-text); }
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus { background-color: var(--lx-surface-2); color: var(--lx-text); }
html[data-theme="dark"] .alert-info { background-color: rgba(6,182,212,.12); color: #67e8f9; border-color: rgba(6,182,212,.35); }
html[data-theme="dark"] .alert-success { background-color: rgba(16,185,129,.12); color: #6ee7b7; border-color: rgba(16,185,129,.35); }
html[data-theme="dark"] .alert-danger { background-color: rgba(239,68,68,.12); color: #fca5a5; border-color: rgba(239,68,68,.35); }
html[data-theme="dark"] .alert-warning { background-color: rgba(245,158,11,.12); color: #fcd34d; border-color: rgba(245,158,11,.35); }
html[data-theme="dark"] img.invert-on-dark { filter: invert(1); }

/* The theme button in the top bar */
.lx-theme-toggle { width: 36px; height: 36px; display: inline-grid; place-items: center; border-radius: 10px; border: 1px solid var(--lx-border, #e5e7eb); background: var(--lx-surface, #fff); color: var(--lx-text-2, #475569); cursor: pointer; }
.lx-theme-toggle:hover { color: var(--lx-text, #0f172a); }
.lx-theme-toggle .ico-sun { display: none; }
html[data-theme="dark"] .lx-theme-toggle .ico-sun { display: inline; }
html[data-theme="dark"] .lx-theme-toggle .ico-moon { display: none; }

/* ---- Generated from the CSS in site.css and the views ---- */

/* surfaces that are white in light mode */
html[data-theme="dark"] #installmentsTable tbody tr,
html[data-theme="dark"] #paymentsTable tbody tr,
html[data-theme="dark"] #productsTable tbody tr,
html[data-theme="dark"] .active-plan-card,
html[data-theme="dark"] .alert-card,
html[data-theme="dark"] .alerts-widget,
html[data-theme="dark"] .autocomplete-results,
html[data-theme="dark"] .availability-toggle::after,
html[data-theme="dark"] .billing-toggle .btn-toggle.active,
html[data-theme="dark"] .btn-bump,
html[data-theme="dark"] .btn-cancel,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-danger,
html[data-theme="dark"] .btn-outline-dark,
html[data-theme="dark"] .btn-outline-info,
html[data-theme="dark"] .btn-outline-light,
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-success,
html[data-theme="dark"] .btn-outline-warning,
html[data-theme="dark"] .btn-plan-downgrade,
html[data-theme="dark"] .btn-plan-outline,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .chart-container,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .data-card,
html[data-theme="dark"] .date-display,
html[data-theme="dark"] .db-thumb img,
html[data-theme="dark"] .direction-card,
html[data-theme="dark"] .exp-card,
html[data-theme="dark"] .faq-card,
html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .gold-display,
html[data-theme="dark"] .inv-card,
html[data-theme="dark"] .invoice-container,
html[data-theme="dark"] .item-status-btn,
html[data-theme="dark"] .kot-card,
html[data-theme="dark"] .lang-switch-compact select.lang-switch-select,
html[data-theme="dark"] .location-card,
html[data-theme="dark"] .location-toggle .toggle-btn.active,
html[data-theme="dark"] .logo-container img,
html[data-theme="dark"] .lunar-loader-container,
html[data-theme="dark"] .lx-chip,
html[data-theme="dark"] .lx-filters,
html[data-theme="dark"] .lx-kpi,
html[data-theme="dark"] .lx-panel,
html[data-theme="dark"] .lx-segmented .active,
html[data-theme="dark"] .lx-segmented .btn-check:checked+.btn,
html[data-theme="dark"] .lx-segmented [aria-pressed=true],
html[data-theme="dark"] .lx-settings-nav a.active,
html[data-theme="dark"] .lx-settings-nav a:hover,
html[data-theme="dark"] .lx-table-cards tbody tr,
html[data-theme="dark"] .lx-tile,
html[data-theme="dark"] .lx-workspace-btn,
html[data-theme="dark"] .menu-add,
html[data-theme="dark"] .menu-category-tab,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-header.bg-danger,
html[data-theme="dark"] .modal-header.bg-dark,
html[data-theme="dark"] .modal-header.bg-info,
html[data-theme="dark"] .modal-header.bg-primary,
html[data-theme="dark"] .modal-header.bg-success,
html[data-theme="dark"] .modal-header.bg-warning,
html[data-theme="dark"] .nav-pills .nav-link.active,
html[data-theme="dark"] .nav-pills .show>.nav-link,
html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .od-page-btn,
html[data-theme="dark"] .od-preset.active,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .pet-calendar .fc .fc-button,
html[data-theme="dark"] .pet-type-btn,
html[data-theme="dark"] .pl-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .pw-modal,
html[data-theme="dark"] .pw-plan,
html[data-theme="dark"] .qr-container,
html[data-theme="dark"] .qty-btn,
html[data-theme="dark"] .quick-action-card,
html[data-theme="dark"] .reminders-panel,
html[data-theme="dark"] .responsive-table tbody tr,
html[data-theme="dark"] .rx-add:hover,
html[data-theme="dark"] .rx-filter-tab,
html[data-theme="dark"] .rx-order-card,
html[data-theme="dark"] .rx-table,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .search-box input:focus,
html[data-theme="dark"] .search-box kbd,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .section-header,
html[data-theme="dark"] .shops-table-card,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .sub-hero,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .table-header,
html[data-theme="dark"] .toggle-container .toggle-btn.active,
html[data-theme="dark"] .type-option label,
html[data-theme="dark"] body {
  background-color: var(--lx-surface) !important;
}

/* translucent white bars (top header) */
html[data-theme="dark"] .admin-badge,
html[data-theme="dark"] .brand-icon,
html[data-theme="dark"] .glass,
html[data-theme="dark"] .inv-hero::before,
html[data-theme="dark"] .invoice-badge,
html[data-theme="dark"] .invoice-label-badge,
html[data-theme="dark"] .logo-container,
html[data-theme="dark"] .submit-bar,
html[data-theme="dark"] .top-header {
  background-color: rgba(20, 26, 46, .86) !important;
}

/* soft grey surfaces */
html[data-theme="dark"] .activity-item:hover,
html[data-theme="dark"] .alert-light,
html[data-theme="dark"] .alert-secondary,
html[data-theme="dark"] .autocomplete-item:hover,
html[data-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.bg-secondary,
html[data-theme="dark"] .badge.text-bg-light,
html[data-theme="dark"] .badge.text-bg-secondary,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .billing-toggle,
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .btn-bump:hover,
html[data-theme="dark"] .btn-cancel:hover,
html[data-theme="dark"] .btn-plan-downgrade:hover,
html[data-theme="dark"] .btn-plan-outline:hover,
html[data-theme="dark"] .category-tag,
html[data-theme="dark"] .company-info-bar,
html[data-theme="dark"] .data-card-header,
html[data-theme="dark"] .imp-thumb,
html[data-theme="dark"] .info-bar,
html[data-theme="dark"] .inv-empty-icon,
html[data-theme="dark"] .inv-table tr:hover td,
html[data-theme="dark"] .item-img,
html[data-theme="dark"] .item-qty,
html[data-theme="dark"] .item-status.served,
html[data-theme="dark"] .items-table th,
html[data-theme="dark"] .kot-time,
html[data-theme="dark"] .location-toggle,
html[data-theme="dark"] .lx-bar,
html[data-theme="dark"] .lx-delta.is-flat,
html[data-theme="dark"] .lx-segmented,
html[data-theme="dark"] .lx-soft-slate,
html[data-theme="dark"] .menu-item-img,
html[data-theme="dark"] .menu-item-row:hover,
html[data-theme="dark"] .nav-pills,
html[data-theme="dark"] .no-logo-brand,
html[data-theme="dark"] .od-presets,
html[data-theme="dark"] .od-sale-badge,
html[data-theme="dark"] .payment-info,
html[data-theme="dark"] .pet-calendar .fc .fc-button:hover,
html[data-theme="dark"] .product-img,
html[data-theme="dark"] .product-img-placeholder,
html[data-theme="dark"] .qty-btn:hover,
html[data-theme="dark"] .rank-badge.default,
html[data-theme="dark"] .rank-medal,
html[data-theme="dark"] .role-Viewer,
html[data-theme="dark"] .session-code-display,
html[data-theme="dark"] .shops-table th,
html[data-theme="dark"] .shops-table tr:hover,
html[data-theme="dark"] .status-pill.expired,
html[data-theme="dark"] .table > thead,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table>thead.table-dark>tr>th,
html[data-theme="dark"] .table>thead.table-light>tr>th,
html[data-theme="dark"] .table>thead>tr>th,
html[data-theme="dark"] .thank-you-section,
html[data-theme="dark"] .toggle-container,
html[data-theme="dark"] .top-products-table th,
html[data-theme="dark"] .top-products-table tr:hover,
html[data-theme="dark"] a.lx-list-item:hover,
html[data-theme="dark"] body {
  background-color: var(--lx-surface-2) !important;
}

/* headings and body text */
html[data-theme="dark"] #productsTable .line-total,
html[data-theme="dark"] .activity-title,
html[data-theme="dark"] .alert-light,
html[data-theme="dark"] .alert-secondary,
html[data-theme="dark"] .alert-value,
html[data-theme="dark"] .badge.text-dark,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-dark,
html[data-theme="dark"] .btn-outline-light,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .category-info h3,
html[data-theme="dark"] .category-stat .value,
html[data-theme="dark"] .chart-container h3,
html[data-theme="dark"] .col-form-label,
html[data-theme="dark"] .data-card-header h3,
html[data-theme="dark"] .date-display,
html[data-theme="dark"] .detail-label,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .form-field label:not(.form-check-label),
html[data-theme="dark"] .form-group label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] .form-label-sm,
html[data-theme="dark"] .gold-display,
html[data-theme="dark"] .info-value,
html[data-theme="dark"] .inv-table td,
html[data-theme="dark"] .item-status-btn,
html[data-theme="dark"] .lang-switch-compact select.lang-switch-select,
html[data-theme="dark"] .location-card h4,
html[data-theme="dark"] .location-metric .value,
html[data-theme="dark"] .lunar-text,
html[data-theme="dark"] .lx-chip,
html[data-theme="dark"] .lx-user-btn,
html[data-theme="dark"] .mobile-menu-toggle,
html[data-theme="dark"] .od-page-btn,
html[data-theme="dark"] .owner-name,
html[data-theme="dark"] .pet-calendar .fc .fc-button,
html[data-theme="dark"] .product-name,
html[data-theme="dark"] .pw-features,
html[data-theme="dark"] .search-box input,
html[data-theme="dark"] .shop-address,
html[data-theme="dark"] .shop-name,
html[data-theme="dark"] .slot-info-title,
html[data-theme="dark"] .stat-card .value,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .stats-mini .value,
html[data-theme="dark"] .summary-card .value,
html[data-theme="dark"] .summary-item .value,
html[data-theme="dark"] .table,
html[data-theme="dark"] .total-row.grand,
html[data-theme="dark"] .type-option label,
html[data-theme="dark"] body,
html[data-theme="dark"] label.form-label {
  color: var(--lx-text) !important;
}

/* secondary text */
html[data-theme="dark"] #installmentsTable tbody td::before,
html[data-theme="dark"] #paymentsTable tbody td::before,
html[data-theme="dark"] #productsTable tbody tr td::before,
html[data-theme="dark"] .alert-label,
html[data-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.bg-secondary,
html[data-theme="dark"] .badge.text-bg-light,
html[data-theme="dark"] .badge.text-bg-secondary,
html[data-theme="dark"] .billing-toggle .btn-toggle,
html[data-theme="dark"] .billing-toggle .btn-toggle:not(.active):hover,
html[data-theme="dark"] .brand-address,
html[data-theme="dark"] .breadcrumb-item a,
html[data-theme="dark"] .btn-plan-downgrade,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .category-tag,
html[data-theme="dark"] .company-detail,
html[data-theme="dark"] .date-cell,
html[data-theme="dark"] .db-letters button,
html[data-theme="dark"] .db-meta,
html[data-theme="dark"] .db-meta code,
html[data-theme="dark"] .details-column h4,
html[data-theme="dark"] .exp-card p,
html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .footer-brand,
html[data-theme="dark"] .footer-tagline,
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly],
html[data-theme="dark"] .form-select:disabled,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .header-icon-btn,
html[data-theme="dark"] .info-item,
html[data-theme="dark"] .info-label,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .inv-empty-icon,
html[data-theme="dark"] .item-notes,
html[data-theme="dark"] .item-status.served,
html[data-theme="dark"] .items-table th,
html[data-theme="dark"] .kot-table,
html[data-theme="dark"] .kot-time,
html[data-theme="dark"] .label-category,
html[data-theme="dark"] .location-toggle .toggle-btn,
html[data-theme="dark"] .lx-back,
html[data-theme="dark"] .lx-delta.is-flat,
html[data-theme="dark"] .lx-empty-text,
html[data-theme="dark"] .lx-field-row-help,
html[data-theme="dark"] .lx-filter>label,
html[data-theme="dark"] .lx-kpi-foot,
html[data-theme="dark"] .lx-kpi-label,
html[data-theme="dark"] .lx-kv dt,
html[data-theme="dark"] .lx-list-meta,
html[data-theme="dark"] .lx-panel-sub,
html[data-theme="dark"] .lx-report .table tfoot th,
html[data-theme="dark"] .lx-segmented .btn,
html[data-theme="dark"] .lx-segmented a,
html[data-theme="dark"] .lx-segmented button,
html[data-theme="dark"] .lx-settings-nav a,
html[data-theme="dark"] .lx-soft-slate,
html[data-theme="dark"] .lx-table-cards tbody tr>td:before,
html[data-theme="dark"] .lx-tile-text,
html[data-theme="dark"] .lx-toolbar-sub,
html[data-theme="dark"] .lx-workspace-meta,
html[data-theme="dark"] .menu-category-tab,
html[data-theme="dark"] .nav-pills .nav-link,
html[data-theme="dark"] .nav-tabs .nav-link,
html[data-theme="dark"] .no-logo-brand,
html[data-theme="dark"] .od-feed-sub,
html[data-theme="dark"] .od-pagination-info,
html[data-theme="dark"] .od-perm,
html[data-theme="dark"] .od-preset,
html[data-theme="dark"] .od-report-cell .l,
html[data-theme="dark"] .od-sale-badge,
html[data-theme="dark"] .od-top-row span:first-child,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .pd-row-label,
html[data-theme="dark"] .pd-stat-label,
html[data-theme="dark"] .pet-calendar .fc .fc-daygrid-day-number,
html[data-theme="dark"] .pet-type-btn,
html[data-theme="dark"] .pl-card-stats span,
html[data-theme="dark"] .pl-sku,
html[data-theme="dark"] .plan-billed,
html[data-theme="dark"] .plan-desc,
html[data-theme="dark"] .plan-feature,
html[data-theme="dark"] .plan-limit-text,
html[data-theme="dark"] .powered-by,
html[data-theme="dark"] .product-info-label,
html[data-theme="dark"] .quantity-helper,
html[data-theme="dark"] .rank-badge.silver,
html[data-theme="dark"] .rank-medal,
html[data-theme="dark"] .rank-medal.rank-2,
html[data-theme="dark"] .reminder-details,
html[data-theme="dark"] .responsive-table tbody td::before,
html[data-theme="dark"] .role-Viewer,
html[data-theme="dark"] .role-desc-item,
html[data-theme="dark"] .rx-add,
html[data-theme="dark"] .rx-filter-tab,
html[data-theme="dark"] .rx-table-meta,
html[data-theme="dark"] .shops-table th,
html[data-theme="dark"] .sidebar .nav-link,
html[data-theme="dark"] .sidebar .nav-link .lx-nav-badge,
html[data-theme="dark"] .sidebar .nav-link:hover i,
html[data-theme="dark"] .slot-info-sub,
html[data-theme="dark"] .stat-card .label,
html[data-theme="dark"] .stat-content p,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .status-pill.expired,
html[data-theme="dark"] .sub-hero-sub,
html[data-theme="dark"] .sub-slot-lbl,
html[data-theme="dark"] .submit-bar .submit-summary,
html[data-theme="dark"] .summary-card .label,
html[data-theme="dark"] .summary-item .label,
html[data-theme="dark"] .table > thead th,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table>thead.table-dark>tr>th,
html[data-theme="dark"] .table>thead.table-light>tr>th,
html[data-theme="dark"] .table>thead>tr>th,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .thank-you-message,
html[data-theme="dark"] .toggle-container .toggle-btn,
html[data-theme="dark"] .top-products-table th,
html[data-theme="dark"] .user-role {
  color: var(--lx-text-2) !important;
}

/* faint text */
html[data-theme="dark"] #productsTable th,
html[data-theme="dark"] .activity-meta,
html[data-theme="dark"] .btn-logout,
html[data-theme="dark"] .category-stat .label,
html[data-theme="dark"] .db-input > i,
html[data-theme="dark"] .db-thumb,
html[data-theme="dark"] .dropdown-header,
html[data-theme="dark"] .dropdown-item i.bi,
html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer-links,
html[data-theme="dark"] .footer-text,
html[data-theme="dark"] .imp-thumb-empty,
html[data-theme="dark"] .inv-table th,
html[data-theme="dark"] .kot-item.ready .item-name,
html[data-theme="dark"] .kot-item.served .item-name,
html[data-theme="dark"] .location-label,
html[data-theme="dark"] .location-metric .label,
html[data-theme="dark"] .location-toggle .toggle-btn i,
html[data-theme="dark"] .lx-kpi-value small,
html[data-theme="dark"] .lx-section-label,
html[data-theme="dark"] .lx-settings-nav a i,
html[data-theme="dark"] .lx-user-btn .bi-chevron-down,
html[data-theme="dark"] .lx-workspace-chevron,
html[data-theme="dark"] .mic-btn,
html[data-theme="dark"] .od-perm.off,
html[data-theme="dark"] .od-table-empty,
html[data-theme="dark"] .owner-email,
html[data-theme="dark"] .pd-stat-value small,
html[data-theme="dark"] .pet-calendar .fc .fc-col-header-cell-cushion,
html[data-theme="dark"] .pl-search > i,
html[data-theme="dark"] .pl-thumb,
html[data-theme="dark"] .plan-price .cur,
html[data-theme="dark"] .plan-price .mo,
html[data-theme="dark"] .powered-text,
html[data-theme="dark"] .product-category,
html[data-theme="dark"] .product-img-placeholder,
html[data-theme="dark"] .pw-features li.is-off,
html[data-theme="dark"] .pw-price small,
html[data-theme="dark"] .rank-badge.default,
html[data-theme="dark"] .rx-section-label,
html[data-theme="dark"] .rx-table-num small,
html[data-theme="dark"] .search-box i,
html[data-theme="dark"] .search-box input::-moz-placeholder,
html[data-theme="dark"] .search-box input::placeholder,
html[data-theme="dark"] .search-box kbd,
html[data-theme="dark"] .search-box>i,
html[data-theme="dark"] .section-header h2 i,
html[data-theme="dark"] .shop-location,
html[data-theme="dark"] .sidebar .nav-link i,
html[data-theme="dark"] .sidebar-brand-subtitle,
html[data-theme="dark"] .sidebar-toggle,
html[data-theme="dark"] .sl-search > i,
html[data-theme="dark"] .stats-mini .label,
html[data-theme="dark"] .sub-slot-val small,
html[data-theme="dark"] .toggle-container .toggle-btn i,
html[data-theme="dark"] .type-option label i {
  color: var(--lx-text-3) !important;
}

/* light borders */
html[data-theme="dark"] #installmentsTable tbody tr,
html[data-theme="dark"] #paymentsTable tbody tr,
html[data-theme="dark"] #productsTable tbody tr,
html[data-theme="dark"] #productsTable tbody tr td:first-child,
html[data-theme="dark"] #productsTable tbody tr td:last-child,
html[data-theme="dark"] .activity-item,
html[data-theme="dark"] .barcode-label,
html[data-theme="dark"] .btn-plan-outline:hover,
html[data-theme="dark"] .card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .chart-container,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .data-card,
html[data-theme="dark"] .data-card-header,
html[data-theme="dark"] .details-section,
html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .form-check-input,
html[data-theme="dark"] .info-bar,
html[data-theme="dark"] .items-table td,
html[data-theme="dark"] .location-card,
html[data-theme="dark"] .location-metrics,
html[data-theme="dark"] .lx-tile:hover,
html[data-theme="dark"] .menu-category-tab:hover,
html[data-theme="dark"] .nav-tabs .nav-link:hover,
html[data-theme="dark"] .pet-calendar .fc .fc-button:hover,
html[data-theme="dark"] .pet-type-btn:hover,
html[data-theme="dark"] .plan-card:hover,
html[data-theme="dark"] .policy-section .border-start,
html[data-theme="dark"] .responsive-table tbody tr,
html[data-theme="dark"] .rx-add,
html[data-theme="dark"] .rx-table:hover,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .shops-table td,
html[data-theme="dark"] .shops-table th,
html[data-theme="dark"] .shops-table-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .summary-item,
html[data-theme="dark"] .table > tbody td,
html[data-theme="dark"] .table > thead th,
html[data-theme="dark"] .top-products-table td,
html[data-theme="dark"] .total-row.grand,
html[data-theme="dark"] .totals-section,
html[data-theme="dark"] .type-option label:hover,
html[data-theme="dark"] .upload-drop-zone {
  border-color: var(--lx-border) !important;
}