/**
 * QuoteMaker.lk — Dark Mode Theme System
 * Contiant Neo-Fintech Midnight Obsidian Architecture
 */

[data-theme="dark"],
.theme-dark {
  color-scheme: dark;
}

[data-theme="dark"] body,
body.theme-dark {
  background-color: #090D16 !important;
  color: #F1F5F9 !important;
}

/* --------------------------------------------------------------------------
   GLOBAL HEADER & NAVIGATION (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .site-header {
  background: rgba(9, 13, 22, 0.88) !important;
  border-bottom: 1px solid #1E293B !important;
}

[data-theme="dark"] .site-logo-text {
  color: #F8FAFC !important;
}

[data-theme="dark"] .nav-link,
[data-theme="dark"] .mobile-nav-link {
  color: #94A3B8 !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .mobile-nav-link:hover {
  color: #F8FAFC !important;
}

[data-theme="dark"] .user-pill-btn {
  background: #151E33 !important;
  border-color: #27354F !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .user-pill-btn:hover {
  background: #1C2844 !important;
  border-color: #384A6E !important;
}

[data-theme="dark"] .user-menu-dropdown {
  background: #111827 !important;
  border: 1px solid #1F2937 !important;
  box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .user-menu-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .user-menu-email {
  color: #94A3B8 !important;
}

[data-theme="dark"] .user-menu-item {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .user-menu-item:hover {
  background: #1F2937 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .user-menu-divider {
  border-top-color: #1F2937 !important;
}

/* --------------------------------------------------------------------------
   THEME TOGGLE SWITCH STYLES
   -------------------------------------------------------------------------- */
.header-theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid #CBD5E1;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  margin-right: 6px;
}

.header-theme-toggle-btn:hover {
  background: #F1F5F9;
  color: #7C3AED;
  border-color: #94A3B8;
  transform: translateY(-1px);
}

[data-theme="dark"] .header-theme-toggle-btn {
  background: #151E33 !important;
  border-color: #27354F !important;
  color: #F59E0B !important;
}

[data-theme="dark"] .header-theme-toggle-btn:hover {
  background: #1C2844 !important;
  border-color: #4B5E86 !important;
  color: #FBBF24 !important;
}

/* Dropdown Menu Theme Row */
.user-menu-theme-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  cursor: pointer;
  user-select: none;
  border-radius: 8px;
  margin: 2px 4px;
  transition: background 0.15s ease;
  font-size: 0.85rem;
  font-weight: 500;
  color: #334155;
}

.user-menu-theme-row:hover {
  background: #F1F5F9;
  color: #0F172A;
}

[data-theme="dark"] .user-menu-theme-row {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .user-menu-theme-row:hover {
  background: #1F2937 !important;
  color: #F8FAFC !important;
}

.user-menu-theme-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.theme-switch-pill {
  width: 36px;
  height: 20px;
  border-radius: 9999px;
  background: #CBD5E1;
  position: relative;
  transition: background 0.2s ease;
  display: inline-block;
  cursor: pointer;
}

.theme-switch-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] .theme-switch-pill {
  background: #7C3AED;
}

[data-theme="dark"] .theme-switch-thumb {
  transform: translateX(16px);
}

/* --------------------------------------------------------------------------
   WORKSPACE DASHBOARD (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .saas-workspace-wrapper {
  background-color: #090D16 !important;
}

[data-theme="dark"] .saas-workspace-wrapper::before {
  background: radial-gradient(circle, rgba(124, 58, 237, 0.12) 0%, rgba(61, 68, 233, 0.05) 50%, transparent 80%) !important;
}

[data-theme="dark"] .ws-header {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .ws-company-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-company-sub {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-company-avatar-box {
  background: #1F2937 !important;
  border-color: #374151 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ws-plan-badge {
  background: #1E1B4B !important;
  color: #A78BFA !important;
  border-color: #3730A3 !important;
}

/* KPI Bento Cards */
[data-theme="dark"] .ws-kpi-card,
[data-theme="dark"] .ws-stat-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-kpi-card:hover,
[data-theme="dark"] .ws-stat-card:hover {
  border-color: #374151 !important;
  box-shadow: 0 8px 25px -4px rgba(0, 0, 0, 0.7) !important;
  transform: translateY(-2px);
}

[data-theme="dark"] .ws-kpi-label,
[data-theme="dark"] .ws-stat-card-label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-kpi-value,
[data-theme="dark"] .ws-stat-card-val {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-stat-card-denom {
  color: #64748B !important;
}

[data-theme="dark"] .ws-stat-card-meta {
  color: #64748B !important;
}

[data-theme="dark"] .ws-stat-card-menu-btn {
  color: #64748B !important;
}

[data-theme="dark"] .ws-stat-card-menu-btn:hover {
  background: #1F2937 !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-trend-up {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34D399 !important;
}

[data-theme="dark"] .ws-trend-amber {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #FBBF24 !important;
}

[data-theme="dark"] .ws-trend-brand {
  background: rgba(139, 92, 246, 0.15) !important;
  color: #C084FC !important;
}

[data-theme="dark"] .ws-stat-badge-pro {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #C084FC !important;
  border-color: rgba(139, 92, 246, 0.4) !important;
}

[data-theme="dark"] .ws-stat-badge-trial {
  background: rgba(245, 158, 11, 0.2) !important;
  color: #FBBF24 !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
}

[data-theme="dark"] .ws-stat-badge-free {
  background: #1F2937 !important;
  color: #94A3B8 !important;
  border-color: #374151 !important;
}

[data-theme="dark"] .ws-bento-dropdown {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .ws-bento-dropdown-item {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-bento-dropdown-item:hover {
  background: #1F2937 !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-bento-dropdown-item svg {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-bento-dropdown-item:hover svg {
  color: #818CF8 !important;
}

[data-theme="dark"] .ws-bento-dropdown-divider {
  background: #1F2937 !important;
}

[data-theme="dark"] .ws-files-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-files-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-files-subtitle {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-all-files-btn {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-all-files-btn:hover {
  background: #374151 !important;
  color: #F8FAFC !important;
  border-color: #4B5563 !important;
}

[data-theme="dark"] .ws-files-table-container {
  background: #111827 !important;
  border-color: #1F2937 !important;
}

[data-theme="dark"] .ws-doc-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-doc-name:hover {
  color: #A78BFA !important;
}

[data-theme="dark"] .ws-doc-meta {
  color: #64748B !important;
}

[data-theme="dark"] .ws-client-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-client-mini-avatar {
  background: #1E1B4B !important;
  color: #A78BFA !important;
  border-color: #3730A3 !important;
}

[data-theme="dark"] .ws-doc-badge-pdf,
[data-theme="dark"] .ws-pdf-badge {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #FCA5A5 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}

[data-theme="dark"] .ws-doc-badge-pkg {
  background: rgba(99, 102, 241, 0.18) !important;
  color: #A5B4FC !important;
  border-color: rgba(99, 102, 241, 0.4) !important;
}

[data-theme="dark"] .ws-proposal-pill {
  background: rgba(99, 102, 241, 0.18) !important;
  color: #A5B4FC !important;
  border-color: rgba(99, 102, 241, 0.4) !important;
}

[data-theme="dark"] .ws-kpi-subtext {
  color: #64748B !important;
}

[data-theme="dark"] .ws-kpi-blue { background: rgba(59, 130, 246, 0.15) !important; color: #60A5FA !important; }
[data-theme="dark"] .ws-kpi-green { background: rgba(16, 185, 129, 0.15) !important; color: #34D399 !important; }
[data-theme="dark"] .ws-kpi-amber { background: rgba(245, 158, 11, 0.15) !important; color: #FBBF24 !important; }
[data-theme="dark"] .ws-kpi-purple { background: rgba(139, 92, 246, 0.15) !important; color: #C084FC !important; }

/* Tabs Bar */
[data-theme="dark"] .ws-tabs-bar {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 4px 18px -4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-tab-btn {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-tab-btn:hover {
  color: #F8FAFC !important;
  background: #1F2937 !important;
}

[data-theme="dark"] .ws-tab-btn.active {
  background: #090D16 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #374151 !important;
}

[data-theme="dark"] .ws-tab-counter {
  background: #1F2937 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-tab-btn.active .ws-tab-counter {
  background: #374151 !important;
  color: #FFFFFF !important;
}

/* Search Box & Filters */
[data-theme="dark"] .ws-search-box {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ws-search-box input {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-search-box input::placeholder {
  color: #64748B !important;
}

[data-theme="dark"] .ws-search-icon {
  color: #64748B !important;
}

[data-theme="dark"] .ws-pill {
  background: #111827 !important;
  border-color: #1F2937 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-pill:hover {
  background: #1F2937 !important;
  color: #F8FAFC !important;
  border-color: #374151 !important;
}

[data-theme="dark"] .ws-pill.active {
  background: linear-gradient(135deg, #7C3AED 0%, #4F46E5 100%) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4) !important;
}

/* Quotations Table */
[data-theme="dark"] .ws-table-wrap {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 8px 30px -8px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .ws-table thead {
  background: #0B0F19 !important;
  border-bottom-color: #1F2937 !important;
}

[data-theme="dark"] .ws-table th {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-table tbody tr {
  border-bottom-color: #1F2937 !important;
}

[data-theme="dark"] .ws-table tbody tr:hover {
  background-color: #161F33 !important;
}

[data-theme="dark"] .ws-table td {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-quote-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-quote-sub {
  color: #64748B !important;
}

[data-theme="dark"] .ws-amount-cell {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-status-select {
  background: #111827 !important;
  border-color: #374151 !important;
  color: #E2E8F0 !important;
}

[data-theme="dark"] .ws-action-link {
  background: #1E1B4B !important;
  border-color: #3730A3 !important;
  color: #C084FC !important;
}

[data-theme="dark"] .ws-action-link:hover {
  background: #7C3AED !important;
  color: #FFFFFF !important;
  border-color: #7C3AED !important;
}

[data-theme="dark"] .ws-action-btn-subtle {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-action-btn-subtle:hover {
  background: #374151 !important;
  color: #FFFFFF !important;
  border-color: #4B5563 !important;
}

[data-theme="dark"] .ws-action-btn-download {
  background: #1E293B !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
}

[data-theme="dark"] .ws-action-btn-download:hover {
  background: #2563EB !important;
  color: #FFFFFF !important;
  border-color: #2563EB !important;
}

[data-theme="dark"] .ws-action-btn-danger,
[data-theme="dark"] .ws-action-btn-subtle.ws-btn-danger {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #F87171 !important;
}

[data-theme="dark"] .ws-action-btn-danger:hover,
[data-theme="dark"] .ws-action-btn-subtle.ws-btn-danger:hover {
  background: #DC2626 !important;
  border-color: #DC2626 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-btn-outline {
  background: #111827 !important;
  border-color: #374151 !important;
  color: #E2E8F0 !important;
}

[data-theme="dark"] .ws-btn-outline:hover {
  background: #1F2937 !important;
  border-color: #7C3AED !important;
  color: #C084FC !important;
}

/* Empty Box */
[data-theme="dark"] .ws-empty-box {
  background: #111827 !important;
  border-color: #1F2937 !important;
}

[data-theme="dark"] .ws-empty-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-empty-desc {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-empty-icon {
  background: #1F2937 !important;
  color: #C084FC !important;
}

/* Profile Bento Cards & Inputs */
[data-theme="dark"] .ws-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-card-header {
  border-bottom-color: #1F2937 !important;
}

[data-theme="dark"] .ws-card-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-card-icon {
  background: #1F2937 !important;
  color: #C084FC !important;
}

[data-theme="dark"] .ws-subhead-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-subhead-desc {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-label {
  color: #E2E8F0 !important;
}

[data-theme="dark"] .ws-input {
  background: #090D16 !important;
  border-color: #2D3748 !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-input:focus {
  border-color: #8B5CF6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25) !important;
}

[data-theme="dark"] .ws-field-hint {
  color: #64748B !important;
}

[data-theme="dark"] .ws-logo-upload-box {
  background: #0E1424 !important;
  border-color: #1E293B !important;
}

[data-theme="dark"] .ws-logo-preview-box {
  background: #090D16 !important;
  border-color: #2D3748 !important;
}

[data-theme="dark"] .ws-logo-placeholder {
  color: #64748B !important;
}

[data-theme="dark"] .ws-entity-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-entity-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-entity-sub {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-entity-details {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-profile-submit-bar {
  background: #111827 !important;
  border-color: #1F2937 !important;
}

/* Modals */
[data-theme="dark"] .ws-modal::backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .ws-modal-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  color: #F8FAFC !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.9) !important;
}

[data-theme="dark"] .ws-modal-header {
  border-bottom-color: #1F2937 !important;
}

[data-theme="dark"] .ws-modal-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-modal-sub {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-modal-footer {
  border-top-color: #1F2937 !important;
}

[data-theme="dark"] .ws-modal-close {
  background: #1F2937 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-modal-close:hover {
  background: #374151 !important;
  color: #F8FAFC !important;
}

/* --------------------------------------------------------------------------
   ACCOUNT SETTINGS PAGE (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .saas-settings-wrapper {
  background-color: #090D16 !important;
}

[data-theme="dark"] .saas-page-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .saas-breadcrumb {
  color: #64748B !important;
}

[data-theme="dark"] .saas-breadcrumb a {
  color: #94A3B8 !important;
}

[data-theme="dark"] .saas-identity-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .saas-identity-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .saas-identity-subtext {
  color: #94A3B8 !important;
}

[data-theme="dark"] .saas-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .saas-card-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .saas-card-desc {
  color: #94A3B8 !important;
}

[data-theme="dark"] .saas-card-header {
  border-bottom-color: #1F2937 !important;
}

[data-theme="dark"] .saas-form-label {
  color: #E2E8F0 !important;
}

[data-theme="dark"] .saas-form-input {
  background: #090D16 !important;
  border-color: #2D3748 !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .saas-form-input:focus {
  border-color: #8B5CF6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25) !important;
}

[data-theme="dark"] .saas-tab-btn {
  color: #94A3B8 !important;
}

[data-theme="dark"] .saas-tab-btn:hover {
  color: #F8FAFC !important;
  background: #1F2937 !important;
}

[data-theme="dark"] .saas-tab-btn.active {
  background: #090D16 !important;
  color: #FFFFFF !important;
  border: 1px solid #374151 !important;
}

/* --------------------------------------------------------------------------
   FOOTER (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .saas-workspace-footer {
  background: #090D16 !important;
  border-top-color: #1F2937 !important;
  color: #64748B !important;
}

[data-theme="dark"] .saas-workspace-footer-links a {
  color: #94A3B8 !important;
}

[data-theme="dark"] .saas-workspace-footer-links a:hover {
  color: #F8FAFC !important;
}

/* --------------------------------------------------------------------------
   SIDEBAR SAAS DASHBOARD (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .page-workspace {
  background-color: #06090F !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-app-frame {
  background: #090D16 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

[data-theme="dark"] .ws-sidebar {
  background: #0B101D !important;
  border-right-color: #1A2333 !important;
}

[data-theme="dark"] .ws-brand-title {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-nav-item {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-nav-item:hover {
  background: #151E32 !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-nav-item.active {
  background: #1E293B !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ws-nav-counter {
  background: #1A2438 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-nav-item.active .ws-nav-counter {
  background: #334155 !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-sidebar-bottom {
  border-top-color: #1A2333 !important;
}

[data-theme="dark"] .ws-main-canvas {
  background: #090D16 !important;
}

[data-theme="dark"] .ws-topbar-title {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-topbar-btn-subtle {
  background: #111827 !important;
  border-color: #1F2937 !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-topbar-btn-subtle:hover {
  background: #1F2937 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-topbar-icon-btn {
  background: #111827 !important;
  border-color: #1F2937 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-topbar-icon-btn:hover {
  background: #1F2937 !important;
  color: #FFFFFF !important;
}

/* Bento Cards Dark Mode */
[data-theme="dark"] .ws-bento-dark {
  background: #0E1424 !important;
  border: 1px solid #1E293B !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-bento-light {
  background: #111827 !important;
  border: 1px solid #1F2937 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-bento-light .ws-bento-value {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-stat-card {
  background: #0E1424 !important;
  border-color: #1E293B !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .ws-stat-card:hover {
  border-color: #334155 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-stat-card-label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-stat-card-val {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-stat-card-denom {
  color: #64748B !important;
}

[data-theme="dark"] .ws-sidebar-search {
  background: #0F172A !important;
  border-color: #1E293B !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-sidebar-search input {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-btn-create-quote {
  background: #6366F1 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-badge-slate {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-bento-light .ws-bento-arrow-btn {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-bento-dropdown,
.theme-dark .ws-bento-dropdown {
  background: #1E293B !important;
  border-color: #334155 !important;
  color: #F8FAFC !important;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ws-bento-dropdown-item,
.theme-dark .ws-bento-dropdown-item {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-bento-dropdown-item:hover,
.theme-dark .ws-bento-dropdown-item:hover {
  background: #334155 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-bento-dropdown-item svg,
.theme-dark .ws-bento-dropdown-item svg {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-bento-dropdown-item:hover svg,
.theme-dark .ws-bento-dropdown-item:hover svg {
  color: #818CF8 !important;
}

[data-theme="dark"] .ws-bento-dropdown-divider,
.theme-dark .ws-bento-dropdown-divider {
  background: #334155 !important;
}

/* Plan & Usage Bento Dark Mode */
[data-theme="dark"] .ws-usage-card {
  background: #111827 !important;
  border: 1px solid #1F2937 !important;
}

[data-theme="dark"] .ws-usage-title {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-usage-pill-btn {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-usage-bar-track {
  background: repeating-linear-gradient(45deg, #1F2937, #1F2937 6px, #111827 6px, #111827 12px) !important;
}

[data-theme="dark"] .ws-stat-num {
  color: #FFFFFF !important;
}

/* Files Card Dark Mode */
[data-theme="dark"] .ws-files-card {
  background: #111827 !important;
  border: 1px solid #1F2937 !important;
}

[data-theme="dark"] .ws-files-title {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-files-search {
  background: #090D16 !important;
  border-color: #1F2937 !important;
}

[data-theme="dark"] .ws-files-search input {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-status-pills {
  background: #090D16 !important;
}

[data-theme="dark"] .ws-pill.active {
  background: #1F2937 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-all-files-btn {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-table th {
  border-bottom-color: #1F2937 !important;
  color: #64748B !important;
}

[data-theme="dark"] .ws-table td {
  border-bottom-color: #1A2333 !important;
}

[data-theme="dark"] .ws-table tr:hover td {
  background: #151E32 !important;
}

[data-theme="dark"] .ws-doc-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-client-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-action-btn-subtle {
  background: #1A2333 !important;
  border-color: #27354F !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-action-btn-subtle:hover {
  background: #222F47 !important;
  color: #FFFFFF !important;
}

/* Floating Banner Dark Mode */
[data-theme="dark"] .ws-floating-banner {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .ws-floating-text {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-floating-bold {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-floating-cta {
  background: #6366F1 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-floating-close:hover {
  color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   ACCOUNT IDENTITY BENTO (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .ws-identity-bento {
  background: #111827 !important;
  border-color: #1F2937 !important;
}

[data-theme="dark"] .ws-identity-name {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-identity-provider {
  background: #1F2937 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .ws-badge-pill-free {
  background: #1E1B4B !important;
  color: #A5B4FC !important;
}

[data-theme="dark"] .ws-badge-pill-google {
  background: #1E293B !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .ws-settings-tabs-bar {
  background: #090D16 !important;
}

[data-theme="dark"] .ws-settings-tabs-bar .ws-pill {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-settings-tabs-bar .ws-pill.active {
  background: #1E293B !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ws-topbar-btn-primary,
[data-theme="dark"] .ws-topbar-btn-primary:hover,
[data-theme="dark"] .ws-topbar-btn-primary:focus {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ws-topbar-btn-primary span,
[data-theme="dark"] .ws-topbar-btn-primary svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

[data-theme="dark"] .ws-topbar-btn-subtle {
  background: #1E293B !important;
  color: #E2E8F0 !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .ws-topbar-btn-subtle:hover,
[data-theme="dark"] .ws-topbar-btn-subtle:focus {
  background: #334155 !important;
  color: #FFFFFF !important;
  border-color: #475569 !important;
}

[data-theme="dark"] .ws-status-select {
  background-color: #1E293B;
  color: #F1F5F9;
  border-color: #334155;
}

[data-theme="dark"] .ws-manage-quote-bento {
  background: #0F172A !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .ws-manage-client-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-manage-client-email,
[data-theme="dark"] .ws-manage-micro-label,
[data-theme="dark"] .ws-manage-section-tip {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-manage-section-label {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .ws-status-action-btn {
  background: #1E293B !important;
  color: #94A3B8 !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .ws-status-action-btn.ws-btn-status-draft:hover {
  background: #334155 !important;
  border-color: #64748B !important;
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-status-action-btn.ws-btn-status-draft.active {
  background: #334155 !important;
  border-color: #94A3B8 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.3) !important;
}

[data-theme="dark"] .ws-status-action-btn.ws-btn-status-sent:hover {
  background: #1E3A8A !important;
  border-color: #60A5FA !important;
  color: #BFDBFE !important;
}
[data-theme="dark"] .ws-status-action-btn.ws-btn-status-sent.active {
  background: #1E3A8A !important;
  border-color: #3B82F6 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3) !important;
}

[data-theme="dark"] .ws-status-action-btn.ws-btn-status-accepted:hover {
  background: #064E3B !important;
  border-color: #34D399 !important;
  color: #A7F3D0 !important;
}
[data-theme="dark"] .ws-status-action-btn.ws-btn-status-accepted.active {
  background: #064E3B !important;
  border-color: #10B981 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3) !important;
}

[data-theme="dark"] .ws-status-action-btn.ws-btn-status-paid:hover {
  background: #4C1D95 !important;
  border-color: #A78BFA !important;
  color: #DDD6FE !important;
}
[data-theme="dark"] .ws-status-action-btn.ws-btn-status-paid.active {
  background: #4C1D95 !important;
  border-color: #8B5CF6 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.3) !important;
}

[data-theme="dark"] .ws-status-action-btn.ws-btn-status-declined:hover {
  background: #881337 !important;
  border-color: #F87171 !important;
  color: #FECDD3 !important;
}
[data-theme="dark"] .ws-status-action-btn.ws-btn-status-declined.active {
  background: #881337 !important;
  border-color: #EF4444 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .ws-manage-action-row {
  border-color: #334155 !important;
}

[data-theme="dark"] .ws-manage-subtle-btn:hover {
  background: #334155 !important;
  border-color: #475569 !important;
}

[data-theme="dark"] #manage-quote-dialog .ws-modal-footer,
[data-theme="dark"] #payment-reminders-dialog .ws-modal-footer {
  background: #0F172A !important;
  border-color: #334155 !important;
}

[data-theme="dark"] #payment-reminders-dialog input,
[data-theme="dark"] #payment-reminders-dialog textarea,
[data-theme="dark"] #payment-reminders-dialog select {
  background: #1E293B !important;
  color: #F8FAFC !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .ws-badge-pill-draft {
  background: #1E293B !important;
  color: #94A3B8 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .ws-badge-pill-sent {
  background: #1E3A8A !important;
  color: #93C5FD !important;
  border-color: #2563EB !important;
}
[data-theme="dark"] .ws-badge-pill-accepted {
  background: #064E3B !important;
  color: #6EE7B7 !important;
  border-color: #059669 !important;
}
[data-theme="dark"] .ws-badge-pill-paid {
  background: #4C1D95 !important;
  color: #C4B5FD !important;
  border-color: #7C3AED !important;
}
[data-theme="dark"] .ws-badge-pill-declined {
  background: #881337 !important;
  color: #FDA4AF !important;
  border-color: #E11D48 !important;
}

[data-theme="dark"] .ws-action-btn-manage {
  background: #1E1B4B !important;
  color: #A5B4FC !important;
  border-color: #4338CA !important;
}

[data-theme="dark"] .ws-action-btn-manage:hover {
  background: #4F46E5 !important;
  color: #FFFFFF !important;
}

/* Dark Mode: Language Switcher & Cards */
[data-theme="dark"] .ws-topbar-lang-btn,
[data-theme="dark"] .header-lang-btn {
  background: #131D31 !important;
  border-color: #24324D !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-topbar-lang-btn:hover,
[data-theme="dark"] .header-lang-btn:hover {
  background: #1B2945 !important;
  border-color: #384A6E !important;
}

[data-theme="dark"] .ws-lang-label {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-lang-dropdown,
[data-theme="dark"] .header-lang-dropdown {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .ws-lang-option:hover,
[data-theme="dark"] .header-lang-item:hover {
  background: #1E293B !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-lang-option.active,
[data-theme="dark"] .header-lang-item.active {
  background: #1E1B4B !important;
  color: #818CF8 !important;
}

[data-theme="dark"] .ws-lang-opt-name {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .user-menu-lang-pills {
  background: #251D30 !important;
  border-color: #3C314A !important;
}

[data-theme="dark"] .user-lang-pill {
  color: #C1B7CC !important;
}

[data-theme="dark"] .user-lang-pill:hover {
  color: #EEE8F4 !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .user-lang-pill.active {
  background: #7C3AED !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(124, 58, 237, 0.45) !important;
}

[data-theme="dark"] .ws-lang-choice-card {
  background: #111827 !important;
  border-color: #1F2937 !important;
}

[data-theme="dark"] .ws-lang-choice-card:hover {
  border-color: #374151 !important;
  background: #162032 !important;
}

[data-theme="dark"] .ws-lang-choice-card.selected {
  border-color: #6366F1 !important;
  background: #171B36 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

[data-theme="dark"] .ws-lang-card-name {
  color: #F8FAFC !important;
}

[data-theme="dark"] .ws-lang-card-desc {
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-lang-card-badge {
  background: #1F2937 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] .ws-lang-choice-card.selected .ws-lang-card-badge {
  background: #312E81 !important;
  color: #C7D2FE !important;
}

/* Workspace Help & Support Center */
[data-theme="dark"] .ws-help-guide-item {
  background: #111827 !important;
  border-color: #1F2937 !important;
}
[data-theme="dark"] .ws-help-guide-item:hover {
  border-color: #7C3AED !important;
  background: #171d2f !important;
}
[data-theme="dark"] .ws-help-guide-item h4 {
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-faq-item {
  background: #111827 !important;
  border-color: #1F2937 !important;
}
[data-theme="dark"] .ws-faq-item summary {
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-faq-item[open] {
  border-color: #374151 !important;
}
[data-theme="dark"] .ws-help-feedback-banner {
  background: linear-gradient(135deg, #161828 0%, #1e1b38 100%) !important;
  border-color: #312e81 !important;
}
[data-theme="dark"] .ws-help-feedback-banner h4 {
  color: #EEF2FF !important;
}
[data-theme="dark"] .ws-help-feedback-banner p {
  color: #A5B4FC !important;
}
[data-theme="dark"] .ws-entity-card h3 {
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-entity-card p {
  color: #94A3B8 !important;
}

/* Dark Mode Workspace Topbar & User Menu */
[data-theme="dark"] .ws-topbar-chip-btn {
  background: #111827 !important;
  border-color: #1F2937 !important;
  color: #E2E8F0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .ws-topbar-chip-btn:hover {
  background: #1F2937 !important;
  border-color: #374151 !important;
  color: #FFFFFF !important;
}
[data-theme="dark"] .ws-topbar-icon-btn {
  background: #111827 !important;
  border-color: #1F2937 !important;
  color: #94A3B8 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .ws-topbar-icon-btn:hover {
  background: #1F2937 !important;
  color: #F8FAFC !important;
  border-color: #374151 !important;
}
[data-theme="dark"] .ws-bell-dot {
  box-shadow: 0 0 0 2px #111827 !important;
}
[data-theme="dark"] .ws-topbar-sep {
  background: #1F2937 !important;
}
[data-theme="dark"] .ws-user-pill-btn {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .ws-user-pill-btn:hover {
  background: #1F2937 !important;
  border-color: #374151 !important;
}
[data-theme="dark"] .ws-user-pill-name {
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-user-avatar-pro-dot {
  border-color: #111827 !important;
}
[data-theme="dark"] .ws-user-menu-dropdown,
[data-theme="dark"] .ws-notif-dropdown {
  background: #111827 !important;
  border-color: #1F2937 !important;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.7) !important;
}
[data-theme="dark"] .ws-user-profile-card {
  background: #182032 !important;
}
[data-theme="dark"] .ws-user-profile-card:hover {
  background: #1F2937 !important;
}
[data-theme="dark"] .ws-user-card-name,
[data-theme="dark"] .ws-notif-header,
[data-theme="dark"] .ws-notif-item-title {
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-user-card-email,
[data-theme="dark"] .ws-notif-item-desc {
  color: #94A3B8 !important;
}
[data-theme="dark"] .ws-user-menu-divider,
[data-theme="dark"] .ws-notif-header {
  border-color: #1F2937 !important;
}
[data-theme="dark"] .ws-user-menu-item {
  color: #CBD5E1 !important;
}
[data-theme="dark"] .ws-user-menu-item:hover {
  background: #1F2937 !important;
  color: #F8FAFC !important;
}
[data-theme="dark"] .ws-notif-item {
  background: #182032 !important;
}

[data-theme="dark"] .qm-button-demo {
  background: #151E33 !important;
  border-color: #334155 !important;
  color: #A5B4FC !important;
}

[data-theme="dark"] .qm-button-demo:hover {
  background: #1E293B !important;
  border-color: #6366F1 !important;
  color: #FFFFFF !important;
}