/* XpoolX Dark Mode - Blue accent (#1585c4) */
[data-theme="dark"] {
  color-scheme: dark;
}

[data-theme="dark"] body {
  background-color: #1a1a2e !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .page,
[data-theme="dark"] .content-out {
  background-color: #1a1a2e !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .panel,
[data-theme="dark"] .well,
[data-theme="dark"] .modal-content {
  background-color: #16213e !important;
  color: #e0e0e0 !important;
  border-color: #2a3a5c !important;
}

[data-theme="dark"] .table,
[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
  color: #e0e0e0 !important;
  border-color: #2a3a5c !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,0.03) !important;
}

[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .main-table th,
[data-theme="dark"] thead th {
  background-color: #0d1b2a !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] a {
  color: #64b5f6 !important;
}

[data-theme="dark"] a:hover {
  color: #90caf9 !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #1e2d4a !important;
  color: #e0e0e0 !important;
  border-color: #2a3a5c !important;
}

[data-theme="dark"] .alert-info {
  background-color: #1e2d4a !important;
  border-color: #2a3a5c !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .algo-info-panel .info-card {
  background-color: #16213e !important;
  border-color: #2a3a5c !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .page-ftr {
  background-color: #0d1b2a !important;
  color: #999 !important;
}

[data-theme="dark"] .chat-popup .form-container {
  background-color: #16213e !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] #chatLog {
  background-color: #1e2d4a !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .tab-content {
  background-color: #16213e !important;
  color: #e0e0e0 !important;
}

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

[data-theme="dark"] .nav-tabs .nav-link.active {
  background-color: #16213e !important;
  color: #64b5f6 !important;
  border-color: #2a3a5c #2a3a5c #16213e !important;
}

[data-theme="dark"] hr {
  border-color: #2a3a5c !important;
}

[data-theme="dark"] code {
  background-color: #1e2d4a !important;
  color: #64b5f6 !important;
}

[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-light {
  background-color: #1e2d4a !important;
  color: #e0e0e0 !important;
  border-color: #2a3a5c !important;
}

/* Dark mode toggle button - floating */
.dark-mode-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  background-color: #1585c4;
  border: none;
  color: #fff;
  font-size: 1.3em;
  cursor: pointer;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  transition: background-color 0.3s, transform 0.2s;
}
.dark-mode-toggle:hover {
  transform: scale(1.1);
}
.dark-mode-toggle:focus {
  outline: none;
}