/* ══════════════════════════════════════════════════════════════════════════════
   GREEN CARBON - ENTERPRISE GLOBAL THEME ENGINE
   Centralized Dual-Mode Token Engine for Tables, Sidebar, Cards & Navigation
   ══════════════════════════════════════════════════════════════════════════════ */

:root {
  /* Dynamic Primary Brand Tokens (populated via BrandingService) */
  --olam-primary: #059138;
  --olam-primary-hover: #036b29;
  --olam-primary-dark: #036b29;
  --olam-primary-soft: rgba(5, 145, 56, 0.12);
  --olam-primary-muted: rgba(5, 145, 56, 0.35);
  --olam-accent: #3dd66d;

  --primary: var(--olam-primary);
  --primary-hover: var(--olam-primary-hover);
  --primary-dark: var(--olam-primary-dark);

  --olam-sidebar-active-bg: var(--olam-primary-soft);
  --olam-sidebar-active-text: var(--olam-primary);
  --olam-sidebar-active-border: var(--olam-primary);

  /* Semantic Feedback & Validation Tokens */
  --olam-text-muted: #64748b;
  --olam-danger: #dc2626;
  --olam-success: #16a34a;
  --olam-warning: #d97706;
  --olam-info: #0284c7;
}

/* ── 1. UNIFIED DATATABLES & TABLE HEADER TOKENS (LIGHT & DARK MODE) ── */
table thead th,
table.dataTable thead th,
table.display thead th,
table#example3 thead th,
table.farmer-table thead th,
table.data-table thead th,
.table thead th,
.olam-table-header,
[data-theme="light"] table.dataTable thead th,
[data-theme-version="light"] table.dataTable thead th,
[data-theme="light"] .table thead th,
[data-theme-version="light"] .table thead th,
[data-theme="dark"] table.dataTable thead th,
[data-theme-version="dark"] table.dataTable thead th,
[data-theme="dark"] .table thead th,
[data-theme-version="dark"] .table thead th {
  background-color: var(--olam-primary) !important;
  background: var(--olam-primary) !important;
  color: #ffffff !important;
  border-color: var(--olam-primary-dark) !important;
  font-weight: 700 !important;
}

table thead th a,
table.dataTable thead th a,
table.display thead th a,
.table thead th a,
[data-theme="light"] table.dataTable thead th a,
[data-theme-version="light"] table.dataTable thead th a,
[data-theme="dark"] table.dataTable thead th a,
[data-theme-version="dark"] table.dataTable thead th a {
  color: #ffffff !important;
}

/* Light Mode Table Rows & Cells */
[data-theme="light"] table.dataTable tbody tr,
[data-theme-version="light"] table.dataTable tbody tr,
[data-theme="light"] .table tbody tr,
[data-theme-version="light"] .table tbody tr {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="light"] table.dataTable tbody tr:nth-child(even),
[data-theme-version="light"] table.dataTable tbody tr:nth-child(even) {
  background-color: #f8fafc !important;
}

[data-theme="light"] table.dataTable tbody tr:hover,
[data-theme-version="light"] table.dataTable tbody tr:hover,
[data-theme="light"] .table tbody tr:hover {
  background-color: #f1f5f9 !important;
}

[data-theme="light"] table.dataTable tbody td,
[data-theme-version="light"] table.dataTable tbody td,
[data-theme="light"] .table tbody td {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

/* Dark Mode Table Rows & Cells */

[data-theme="dark"] table.dataTable tbody tr,
[data-theme-version="dark"] table.dataTable tbody tr,
[data-theme="dark"] .table tbody tr,
[data-theme-version="dark"] .table tbody tr {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

[data-theme="dark"] table.dataTable tbody tr:nth-child(even),
[data-theme-version="dark"] table.dataTable tbody tr:nth-child(even) {
  background-color: #0f172a !important;
}

[data-theme="dark"] table.dataTable tbody tr:hover,
[data-theme-version="dark"] table.dataTable tbody tr:hover,
[data-theme="dark"] .table tbody tr:hover {
  background-color: #334155 !important;
}

[data-theme="dark"] table.dataTable tbody td,
[data-theme-version="dark"] table.dataTable tbody td,
[data-theme="dark"] .table tbody td {
  border-color: #334155 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length select,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_length select,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_filter input {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate {
  color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GLOBAL DATATABLES & BOOTSTRAP PAGINATION DESIGN SYSTEM
   Standardized across all Index & DataTables pages
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Remove harsh outer borders, shadows, and boxes from DataTables & Bootstrap pagination containers */
.dataTables_wrapper .dataTables_paginate,
.dataTables_paginate,
div.dataTables_wrapper div.dataTables_paginate {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: right !important;
}

.dataTables_wrapper .dataTables_paginate .pagination,
.dataTables_paginate .pagination,
.pagination,
ul.pagination {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 4px !important;
  display: flex !important;
  align-items: center !important;
}

.pagination .page-item,
.dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* 2. Standardized pill-style pagination items (light theme & default) */
.pagination .page-item .page-link,
.pagination .page-link,
.dataTables_paginate .paginate_button a,
.dataTables_paginate a.paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button a {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  border: 1px solid var(--olam-border, #cbd5e1) !important;
  background: var(--olam-surface, #ffffff) !important;
  color: var(--olam-text, #334155) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all .15s ease !important;
  margin: 0 2px !important;
}

/* 3. Hover state for non-active items */
.pagination .page-item:not(.active):not(.disabled) .page-link:hover,
.pagination .page-link:not(.active):not(.disabled):hover,
.dataTables_paginate .paginate_button:not(.current):not(.disabled) a:hover,
.dataTables_paginate a.paginate_button:not(.current):not(.disabled):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled),
.dataTables_wrapper .dataTables_paginate .paginate_button a:hover:not(.current):not(.disabled) {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

/* 4. Active state (Report Brand Green) */
.pagination .page-item.active .page-link,
.pagination .page-link.active,
.dataTables_paginate .paginate_button.active a,
.dataTables_paginate .paginate_button.current,
.dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.active a,
.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover {
  background: var(--olam-primary, #059138) !important;
  border-color: var(--olam-primary, #059138) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(5, 145, 56, 0.3) !important;
  cursor: default !important;
}

/* 5. Disabled state */
.pagination .page-item.disabled .page-link,
.pagination .page-link.disabled,
.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled a,
.dataTables_paginate a.paginate_button.disabled,
.dataTables_paginate a.paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate span .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate span .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.disabled:hover {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  background: var(--olam-surface, #ffffff) !important;
  border: 1px solid var(--olam-border, #e2e8f0) !important;
  color: var(--olam-text-muted, #94a3b8) !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

/* 6. Dark Theme overrides */
[data-theme="dark"] .pagination .page-item .page-link,
[data-theme="dark"] .pagination .page-link,
[data-theme="dark"] .dataTables_paginate .paginate_button a,
[data-theme="dark"] .dataTables_paginate a.paginate_button,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button a,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button,
[data-theme-version="dark"] .pagination .page-item .page-link,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--olam-surface, #1e293b) !important;
  border-color: var(--olam-border, #334155) !important;
  color: var(--olam-text, #cbd5e1) !important;
}

[data-theme="dark"] .pagination .page-item:not(.active):not(.disabled) .page-link:hover,
[data-theme="dark"] .dataTables_paginate .paginate_button:not(.current):not(.disabled) a:hover,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled),
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button:hover:not(.current):not(.disabled),
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link,
[data-theme="dark"] .dataTables_paginate .paginate_button.active a,
[data-theme="dark"] .dataTables_paginate .paginate_button.current,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.active a,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.current,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--olam-primary, #059138) !important;
  border-color: var(--olam-primary, #059138) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 4px rgba(5, 145, 56, 0.4) !important;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link,
[data-theme="dark"] .dataTables_paginate .paginate_button.disabled,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.disabled,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  background: var(--olam-surface, #1e293b) !important;
  border-color: var(--olam-border, #334155) !important;
  color: #64748b !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* ── 3. SIDEBAR NAVIGATION (LIGHT & DARK MODE) ── */
.sidebar .sb-item.active {
  background: var(--olam-primary-soft) !important;
  color: var(--olam-primary) !important;
  border-left-color: var(--olam-primary) !important;
}

.sidebar .sb-item.active i.fa {
  color: var(--olam-primary) !important;
}

.sidebar .sb-sub-item.active {
  color: var(--olam-primary) !important;
  background: var(--olam-primary-soft) !important;
  border-left-color: var(--olam-primary) !important;
  font-weight: 700 !important;
}

.sidebar .sb-item:hover {
  background: var(--olam-primary-soft);
  color: var(--olam-primary);
}

/* Dark Mode Active Sidebar Menu Item - White Text */
[data-theme="dark"] .sidebar .sb-item.active,
[data-theme-version="dark"] .sidebar .sb-item.active,
[data-theme="dark"] .sidebar .sb-sub-item.active,
[data-theme-version="dark"] .sidebar .sb-sub-item.active {
  background: var(--olam-primary, #059138) !important;
  color: #ffffff !important;
  border-left-color: var(--olam-accent, #3dd66d) !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .sidebar .sb-item.active i.fa,
[data-theme-version="dark"] .sidebar .sb-item.active i.fa,
[data-theme="dark"] .sidebar .sb-sub-item.active i.fa,
[data-theme-version="dark"] .sidebar .sb-sub-item.active i.fa {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ── 4. MODULE STATUS TABS ── */

/* ALL TAB (DYNAMIC THEME PRIMARY COLOR) */
.crop-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected),
.f360-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected) {
  color: var(--olam-primary) !important;
}
.crop-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected) i.fa,
.f360-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected) i.fa {
  color: var(--olam-primary) !important;
}
.crop-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected):hover,
.f360-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected):hover {
  background: var(--olam-primary-soft) !important;
  color: var(--olam-primary) !important;
}
.crop-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected).active,
.f360-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected).active {
  color: var(--olam-primary) !important;
  border-bottom-color: var(--olam-primary) !important;
  background: var(--olam-primary-soft) !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .crop-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected).active,
[data-theme-version="dark"] .crop-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected).active,
[data-theme="dark"] .f360-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected).active,
[data-theme-version="dark"] .f360-status-tab:not(.tab-approved):not(.tab-pending):not(.tab-rejected).active {
  color: var(--olam-accent, #3dd66d) !important;
  border-bottom-color: var(--olam-accent, #3dd66d) !important;
  background: var(--olam-primary-soft) !important;
}

/* APPROVED TAB (FIXED THEME-IMMUNE GREEN) */
.crop-status-tab.tab-approved,
.f360-status-tab.tab-approved {
  color: #10b981 !important;
}
.crop-status-tab.tab-approved.active,
.f360-status-tab.tab-approved.active {
  color: #10b981 !important;
  border-bottom-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.16) !important;
  font-weight: 700 !important;
}

/* PENDING TAB (FIXED THEME-IMMUNE AMBER) */
.crop-status-tab.tab-pending,
.f360-status-tab.tab-pending {
  color: #f59e0b !important;
}
.crop-status-tab.tab-pending.active,
.f360-status-tab.tab-pending.active {
  color: #f59e0b !important;
  border-bottom-color: #f59e0b !important;
  background: rgba(245, 158, 11, 0.16) !important;
  font-weight: 700 !important;
}

/* REJECTED TAB (FIXED THEME-IMMUNE RED) */
.crop-status-tab.tab-rejected,
.f360-status-tab.tab-rejected {
  color: #ef4444 !important;
}
.crop-status-tab.tab-rejected.active,
.f360-status-tab.tab-rejected.active {
  color: #ef4444 !important;
  border-bottom-color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.16) !important;
  font-weight: 700 !important;
}

.crop-status-tab .tab-count,
.f360-status-tab .tab-count {
  display: none !important;
}

/* Brand Logo Container */
.olam-brand-logo, .brand-logo img {
  max-height: 42px;
  object-fit: contain;
}

/* ── 5. SECURITY AUDIT TRAIL & RBAC TABS ── */
.rbac-nav-tabs .nav-link {
  color: #475569 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  transition: all 0.2s ease !important;
}

[data-theme="dark"] .rbac-nav-tabs .nav-link,
[data-theme-version="dark"] .rbac-nav-tabs .nav-link {
  color: #cbd5e1 !important;
}

.rbac-nav-tabs .nav-link.active,
[data-theme="dark"] .rbac-nav-tabs .nav-link.active,
[data-theme-version="dark"] .rbac-nav-tabs .nav-link.active {
  background-color: var(--olam-primary, #059138) !important;
  color: #ffffff !important;
}

.rbac-table-header th {
  background-color: var(--olam-primary, #059138) !important;
  color: #ffffff !important;
  border-color: var(--olam-primary-dark, #036b29) !important;
  font-weight: 700 !important;
}

/* ── 6. QUICK PRESETS BAR (PERMISSION MATRIX) ── */
.rbac-preset-bar {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="dark"] .rbac-preset-bar,
[data-theme-version="dark"] .rbac-preset-bar {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .rbac-preset-bar .text-muted,
[data-theme-version="dark"] .rbac-preset-bar .text-muted {
  color: #94a3b8 !important;
}

[data-theme="dark"] .btn-preset.btn-outline-primary {
  color: #38bdf8 !important;
  border-color: #0284c7 !important;
}
[data-theme="dark"] .btn-preset.btn-outline-success {
  color: #34d399 !important;
  border-color: #059138 !important;
}
[data-theme="dark"] .btn-preset.btn-outline-info {
  color: #818cf8 !important;
  border-color: #4f46e5 !important;
}
[data-theme="dark"] .btn-preset.btn-outline-danger {
  color: #f87171 !important;
  border-color: #dc2626 !important;
}

/* ── DYNAMIC ENTERPRISE PRELOADER WITH FAVICON ── */
.olam-preloader-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 999999 !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(4px);
}

[data-theme="dark"] .olam-preloader-overlay,
[data-theme-version="dark"] .olam-preloader-overlay {
  background-color: rgba(15, 23, 42, 0.92) !important;
}

.olam-preloader-overlay.olam-preloader-hidden,
.olam-preloader-hidden,
div.olam-preloader-hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.olam-preloader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.olam-preloader-spinner-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.olam-preloader-spinner {
  width: 80px;
  height: 80px;
  border: 4px solid var(--olam-primary-soft, rgba(5, 145, 56, 0.15));
  border-top-color: var(--olam-primary, #059138);
  border-right-color: var(--olam-primary, #059138);
  border-radius: 50%;
  animation: olamSpin 0.9s linear infinite;
}

.olam-preloader-favicon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffffff;
  padding: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: olamPulse 1.6s ease-in-out infinite;
}

[data-theme="dark"] .olam-preloader-favicon-box,
[data-theme-version="dark"] .olam-preloader-favicon-box {
  background: #1e293b;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

.olam-preloader-favicon {
  max-width: 28px;
  max-height: 28px;
  object-fit: contain;
}

.olam-preloader-text {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--olam-primary, #059138);
  letter-spacing: 0.5px;
}

[data-theme="dark"] .olam-preloader-text,
[data-theme-version="dark"] .olam-preloader-text {
  color: var(--olam-accent, #3dd66d) !important;
}

@keyframes olamSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes olamPulse {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.12); }
}

/* ══════════════════════════════════════════════════════════════════════════════
   GLOBAL UNIFIED MINIMAL MODAL DESIGN ENGINE (Light & Dark Theme)
   Follows Validation & Image Popup Standard
   ══════════════════════════════════════════════════════════════════════════════ */
.modal-backdrop.show {
  opacity: 0.75 !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.modal.fade .modal-dialog,
.modal.fade.show .modal-dialog,
.modal-dialog.modal-dialog-centered,
.modal.fade.show .modal-dialog.modal-dialog-centered {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - 60px) !important;
  margin: 30px auto !important;
}

.modal-content {
  border-radius: 16px !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  overflow: hidden !important;
}

.modal-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 16px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.modal-header .modal-title {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

.modal-header .close {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fee2e2 !important;
  border: 1.5px solid #fca5a5 !important;
  color: #dc2626 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 1px 3px rgba(220, 38, 38, 0.12) !important;
  transition: all 0.2s ease !important;
}

.modal-header .close span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: -2px !important;
}

.modal-header .close:hover {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
  transform: rotate(90deg) scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35) !important;
}

.modal-body {
  padding: 20px 24px !important;
  color: #1e293b !important;
}

.modal-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 14px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* ── Dark Mode Unified Modals ── */
[data-theme="dark"] .modal-content,
[data-theme-version="dark"] .modal-content {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .modal-header,
[data-theme-version="dark"] .modal-header {
  background: #0f172a !important;
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .modal-header .modal-title,
[data-theme-version="dark"] .modal-header .modal-title {
  color: #f8fafc !important;
}

[data-theme="dark"] .modal-header .close,
[data-theme-version="dark"] .modal-header .close {
  background: rgba(220, 38, 38, 0.2) !important;
  border-color: #ef4444 !important;
  color: #f87171 !important;
}

[data-theme="dark"] .modal-header .close:hover,
[data-theme-version="dark"] .modal-header .close:hover {
  background: #dc2626 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .modal-body,
[data-theme-version="dark"] .modal-body {
  color: #e2e8f0 !important;
}

[data-theme="dark"] .modal-footer,
[data-theme-version="dark"] .modal-footer {
  background: #0f172a !important;
  border-top-color: #334155 !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   GLOBAL VALIDATION MESSAGES & VALIDATION ICONS ENGINE (LIGHT & DARK MODE)
   Ensures High-Clarity Error Messages, Password Checklists, Badges & Alerts
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── 1. Form Validation Error Feedback & Icons (Light Mode Default) ── */
.invalid-feedback,
label.error,
em.invalid-feedback,
span.invalid-feedback,
div.invalid-feedback {
  color: #dc2626 !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

.invalid-feedback:not(:has(i)):not(:has(svg))::before,
label.error:not(:has(i)):not(:has(svg))::before,
span.invalid-feedback:not(:has(i)):not(:has(svg))::before {
  content: '\f06a';
  font-family: 'FontAwesome';
  font-size: 0.82rem;
  color: #dc2626 !important;
  font-weight: 900;
  margin-right: 5px;
  display: inline-block;
  vertical-align: baseline;
}

.invalid-feedback i,
.invalid-feedback .fa,
label.error i,
label.error .fa,
span.invalid-feedback i,
span.invalid-feedback .fa {
  color: #dc2626 !important;
  margin-right: 4px;
}

/* ── 2. Form Validation Valid Feedback (Light Mode Default) ── */
.valid-feedback {
  color: #15803d !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

.valid-feedback:not(:has(i)):not(:has(svg))::before {
  content: '\f058';
  font-family: 'FontAwesome';
  font-size: 0.82rem;
  color: #16a34a !important;
  margin-right: 5px;
  display: inline-block;
  vertical-align: baseline;
}

.valid-feedback i,
.valid-feedback .fa {
  color: #16a34a !important;
  margin-right: 4px;
}

/* ── 3. Dark Mode Form Feedback ── */
[data-theme="dark"] .invalid-feedback,
[data-theme-version="dark"] .invalid-feedback,
[data-theme="dark"] label.error,
[data-theme-version="dark"] label.error,
[data-theme="dark"] span.invalid-feedback,
[data-theme-version="dark"] span.invalid-feedback,
[data-theme="dark"] div.invalid-feedback,
[data-theme-version="dark"] div.invalid-feedback {
  color: #f87171 !important;
}

[data-theme="dark"] .invalid-feedback:not(:has(i)):not(:has(svg))::before,
[data-theme-version="dark"] .invalid-feedback:not(:has(i)):not(:has(svg))::before,
[data-theme="dark"] label.error:not(:has(i)):not(:has(svg))::before,
[data-theme-version="dark"] label.error:not(:has(i)):not(:has(svg))::before,
[data-theme="dark"] span.invalid-feedback:not(:has(i)):not(:has(svg))::before,
[data-theme-version="dark"] span.invalid-feedback:not(:has(i)):not(:has(svg))::before {
  color: #f87171 !important;
}

[data-theme="dark"] .invalid-feedback i,
[data-theme-version="dark"] .invalid-feedback i,
[data-theme="dark"] .invalid-feedback .fa,
[data-theme-version="dark"] .invalid-feedback .fa,
[data-theme="dark"] label.error i,
[data-theme-version="dark"] label.error i {
  color: #f87171 !important;
}

[data-theme="dark"] .valid-feedback,
[data-theme-version="dark"] .valid-feedback {
  color: #4ade80 !important;
}

[data-theme="dark"] .valid-feedback:not(:has(i)):not(:has(svg))::before,
[data-theme-version="dark"] .valid-feedback:not(:has(i)):not(:has(svg))::before,
[data-theme="dark"] .valid-feedback i,
[data-theme-version="dark"] .valid-feedback i {
  color: #4ade80 !important;
}

/* ── 4. Form Control Border & Focus on Validation State ── */
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc2626 !important;
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2) !important;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #16a34a !important;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2) !important;
}

[data-theme="dark"] .form-control.is-invalid,
[data-theme-version="dark"] .form-control.is-invalid,
[data-theme="dark"] .was-validated .form-control:invalid,
[data-theme-version="dark"] .was-validated .form-control:invalid {
  border-color: #ef4444 !important;
}
[data-theme="dark"] .form-control.is-invalid:focus,
[data-theme-version="dark"] .form-control.is-invalid:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25) !important;
}

[data-theme="dark"] .form-control.is-valid,
[data-theme-version="dark"] .form-control.is-valid,
[data-theme="dark"] .was-validated .form-control:valid,
[data-theme-version="dark"] .was-validated .form-control:valid {
  border-color: #22c55e !important;
}
[data-theme="dark"] .form-control.is-valid:focus,
[data-theme-version="dark"] .form-control.is-valid:focus {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25) !important;
}

/* ── 5. Password Show/Hide Toggle & Input Icons ── */
.show-pass,
.show-pass .input-group-text {
  cursor: pointer !important;
}
.show-pass .input-group-text i,
.show-pass i,
#password-status,
#confirmId-status,
#pass-status,
#cnfpass-status,
#old_password-status {
  color: #475569 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  transition: color 0.15s ease, transform 0.15s ease;
}

.show-pass:hover .input-group-text i,
.show-pass:hover i,
#password-status:hover,
#confirmId-status:hover,
#pass-status:hover,
#cnfpass-status:hover,
#old_password-status:hover {
  color: #0f172a !important;
  transform: scale(1.1);
}

.input-group-prepend .input-group-text i,
.input-group-prepend .input-group-text .fa {
  color: #475569 !important;
}

[data-theme="dark"] .show-pass .input-group-text i,
[data-theme-version="dark"] .show-pass .input-group-text i,
[data-theme="dark"] .show-pass i,
[data-theme-version="dark"] .show-pass i,
[data-theme="dark"] #password-status,
[data-theme-version="dark"] #password-status,
[data-theme="dark"] #confirmId-status,
[data-theme-version="dark"] #confirmId-status,
[data-theme="dark"] #pass-status,
[data-theme-version="dark"] #pass-status,
[data-theme="dark"] #cnfpass-status,
[data-theme-version="dark"] #cnfpass-status,
[data-theme="dark"] #old_password-status,
[data-theme-version="dark"] #old_password-status {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .show-pass:hover .input-group-text i,
[data-theme-version="dark"] .show-pass:hover .input-group-text i,
[data-theme="dark"] .show-pass:hover i,
[data-theme-version="dark"] .show-pass:hover i {
  color: #ffffff !important;
}

[data-theme="dark"] .input-group-prepend .input-group-text i,
[data-theme-version="dark"] .input-group-prepend .input-group-text i,
[data-theme="dark"] .input-group-prepend .input-group-text .fa,
[data-theme-version="dark"] .input-group-prepend .input-group-text .fa {
  color: #cbd5e1 !important;
}

/* ── 6. Alert Banners & Icon Contrast ── */
.alert {
  border-radius: 8px !important;
  font-weight: 500 !important;
}

.alert-danger {
  background-color: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #991b1b !important;
}
.alert-danger i,
.alert-danger .fa {
  color: #dc2626 !important;
}

.alert-success {
  background-color: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
}
.alert-success i,
.alert-success .fa {
  color: #16a34a !important;
}

.alert-warning {
  background-color: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #92400e !important;
}
.alert-warning i,
.alert-warning .fa {
  color: #d97706 !important;
}

.alert-info {
  background-color: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #075985 !important;
}
.alert-info i,
.alert-info .fa {
  color: #0284c7 !important;
}

[data-theme="dark"] .alert-danger,
[data-theme-version="dark"] .alert-danger {
  background-color: rgba(239, 68, 68, 0.15) !important;
  border: 1px solid rgba(239, 68, 68, 0.35) !important;
  color: #fca5a5 !important;
}
[data-theme="dark"] .alert-danger i,
[data-theme-version="dark"] .alert-danger i,
[data-theme="dark"] .alert-danger .fa,
[data-theme-version="dark"] .alert-danger .fa {
  color: #f87171 !important;
}

[data-theme="dark"] .alert-success,
[data-theme-version="dark"] .alert-success {
  background-color: rgba(34, 197, 94, 0.15) !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  color: #86efac !important;
}
[data-theme="dark"] .alert-success i,
[data-theme-version="dark"] .alert-success i,
[data-theme="dark"] .alert-success .fa,
[data-theme-version="dark"] .alert-success .fa {
  color: #4ade80 !important;
}

[data-theme="dark"] .alert-warning,
[data-theme-version="dark"] .alert-warning {
  background-color: rgba(245, 158, 11, 0.15) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  color: #fde68a !important;
}
[data-theme="dark"] .alert-warning i,
[data-theme-version="dark"] .alert-warning i,
[data-theme="dark"] .alert-warning .fa,
[data-theme-version="dark"] .alert-warning .fa {
  color: #fbbf24 !important;
}

[data-theme="dark"] .alert-info,
[data-theme-version="dark"] .alert-info {
  background-color: rgba(14, 165, 233, 0.15) !important;
  border: 1px solid rgba(14, 165, 233, 0.35) !important;
  color: #7dd3fc !important;
}
[data-theme="dark"] .alert-info i,
[data-theme-version="dark"] .alert-info i,
[data-theme="dark"] .alert-info .fa,
[data-theme-version="dark"] .alert-info .fa {
  color: #38bdf8 !important;
}

/* ── 7. SweetAlert2 Validation & Modal Icons ── */
.swal2-icon.swal2-error {
  border-color: #dc2626 !important;
  color: #dc2626 !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #dc2626 !important;
}
.swal2-icon.swal2-success {
  border-color: #16a34a !important;
  color: #16a34a !important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #16a34a !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border: .25em solid rgba(22, 163, 74, 0.3) !important;
}
.swal2-icon.swal2-warning {
  border-color: #d97706 !important;
  color: #d97706 !important;
}
.swal2-icon.swal2-info {
  border-color: #0284c7 !important;
  color: #0284c7 !important;
}

[data-theme="dark"] .swal2-icon.swal2-error,
[data-theme-version="dark"] .swal2-icon.swal2-error {
  border-color: #f87171 !important;
  color: #f87171 !important;
}
[data-theme="dark"] .swal2-icon.swal2-error [class^='swal2-x-mark-line'],
[data-theme-version="dark"] .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #f87171 !important;
}
[data-theme="dark"] .swal2-icon.swal2-success,
[data-theme-version="dark"] .swal2-icon.swal2-success {
  border-color: #4ade80 !important;
  color: #4ade80 !important;
}
[data-theme="dark"] .swal2-icon.swal2-success [class^='swal2-success-line'],
[data-theme-version="dark"] .swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #4ade80 !important;
}
[data-theme="dark"] .swal2-icon.swal2-warning,
[data-theme-version="dark"] .swal2-icon.swal2-warning {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}
[data-theme="dark"] .swal2-icon.swal2-info,
[data-theme-version="dark"] .swal2-icon.swal2-info {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

/* ==========================================================================
   TOASTR NOTIFICATION CONTAINER & CRISP ICONS (LIGHT & DARK MODE)
   ========================================================================== */
#toast-container {
  position: fixed !important;
  z-index: 999999 !important;
  pointer-events: none !important;
}

#toast-container > div,
#toast-container > .toast,
.toast {
  pointer-events: auto !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 12px 0 !important;
  padding: 14px 20px 14px 54px !important;
  min-height: 56px !important;
  width: 380px !important;
  max-width: 90vw !important;
  border-radius: 12px !important;
  background-position: 16px center !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
  opacity: 0.98 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

#toast-container > div:hover,
#toast-container > .toast:hover {
  box-shadow: 0 14px 35px -5px rgba(0, 0, 0, 0.18), 0 6px 12px -2px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
  opacity: 1 !important;
}

#toast-container .toast-title {
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  margin-bottom: 2px !important;
  color: inherit !important;
}

#toast-container .toast-message {
  font-weight: 500 !important;
  word-wrap: break-word !important;
  color: inherit !important;
}

#toast-container .toast-close-button {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 0.6 !important;
  transition: opacity 0.15s ease, color 0.15s ease !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  color: #64748b !important;
}

#toast-container .toast-close-button:hover {
  opacity: 1 !important;
}

#toast-container .toast-progress {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  opacity: 0.85 !important;
}

/* --- LIGHT MODE TOAST ICONS & BORDERS --- */
body #toast-container > .toast-success,
body .toast.toast-success,
#toast-container > .toast-success {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #bbf7d0 !important;
  border-left: 4px solid #16a34a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2316a34a'/%3E%3Cpath d='M7 12.5l3.5 3.5 7-7' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
}
body #toast-container > .toast-success .toast-progress,
#toast-container > .toast-success .toast-progress { background-color: #16a34a !important; }

body #toast-container > .toast-error,
body .toast.toast-error,
#toast-container > .toast-error {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #fecaca !important;
  border-left: 4px solid #dc2626 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23dc2626'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
}
body #toast-container > .toast-error .toast-progress,
#toast-container > .toast-error .toast-progress { background-color: #dc2626 !important; }

body #toast-container > .toast-warning,
body .toast.toast-warning,
#toast-container > .toast-warning {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #fde68a !important;
  border-left: 4px solid #d97706 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23d97706'/%3E%3Cpath d='M12 7v6' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16.5' r='1.2' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
body #toast-container > .toast-warning .toast-progress,
#toast-container > .toast-warning .toast-progress { background-color: #d97706 !important; }

body #toast-container > .toast-info,
body .toast.toast-info,
#toast-container > .toast-info {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #bfdbfe !important;
  border-left: 4px solid #2563eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%232563eb'/%3E%3Ccircle cx='12' cy='7.5' r='1.2' fill='%23ffffff'/%3E%3Cpath d='M12 11v6' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
body #toast-container > .toast-info .toast-progress,
#toast-container > .toast-info .toast-progress { background-color: #2563eb !important; }

/* --- DARK MODE TOAST ICONS & BORDERS --- */
[data-theme="dark"] #toast-container > .toast-success,
[data-theme-version="dark"] #toast-container > .toast-success {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(74, 222, 128, 0.3) !important;
  border-left: 4px solid #4ade80 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2322c55e'/%3E%3Cpath d='M7 12.5l3.5 3.5 7-7' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
}
[data-theme="dark"] #toast-container > .toast-success .toast-close-button,
[data-theme-version="dark"] #toast-container > .toast-success .toast-close-button { color: #94a3b8 !important; }
[data-theme="dark"] #toast-container > .toast-success .toast-progress,
[data-theme-version="dark"] #toast-container > .toast-success .toast-progress { background-color: #4ade80 !important; }

[data-theme="dark"] #toast-container > .toast-error,
[data-theme-version="dark"] #toast-container > .toast-error {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(248, 113, 113, 0.3) !important;
  border-left: 4px solid #f87171 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23ef4444'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
}
[data-theme="dark"] #toast-container > .toast-error .toast-close-button,
[data-theme-version="dark"] #toast-container > .toast-error .toast-close-button { color: #94a3b8 !important; }
[data-theme="dark"] #toast-container > .toast-error .toast-progress,
[data-theme-version="dark"] #toast-container > .toast-error .toast-progress { background-color: #f87171 !important; }

[data-theme="dark"] #toast-container > .toast-warning,
[data-theme-version="dark"] #toast-container > .toast-warning {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(251, 191, 36, 0.3) !important;
  border-left: 4px solid #fbbf24 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23f59e0b'/%3E%3Cpath d='M12 7v6' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16.5' r='1.2' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
[data-theme="dark"] #toast-container > .toast-warning .toast-close-button,
[data-theme-version="dark"] #toast-container > .toast-warning .toast-close-button { color: #94a3b8 !important; }
[data-theme="dark"] #toast-container > .toast-warning .toast-progress,
[data-theme-version="dark"] #toast-container > .toast-warning .toast-progress { background-color: #fbbf24 !important; }

[data-theme="dark"] #toast-container > .toast-info,
[data-theme-version="dark"] #toast-container > .toast-info {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(96, 165, 250, 0.3) !important;
  border-left: 4px solid #60a5fa !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%233b82f6'/%3E%3Ccircle cx='12' cy='7.5' r='1.2' fill='%23ffffff'/%3E%3Cpath d='M12 11v6' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
[data-theme="dark"] #toast-container > .toast-info .toast-close-button,
[data-theme-version="dark"] #toast-container > .toast-info .toast-close-button { color: #94a3b8 !important; }
[data-theme="dark"] #toast-container > .toast-info .toast-progress,
[data-theme-version="dark"] #toast-container > .toast-info .toast-progress { background-color: #60a5fa !important; }