/* XLX Dark Mode */
:root { --bg:#1c1c1e; --bg2:#2c2c2e; --bg3:#3a3a3c; --text:#e5e5ea; --text-muted:#8e8e93; --border:#48484a; --link:#5ac8fa; --green:#30d158; --red:#ff453a; --amber:#ffd60a; }

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

/* Navbar */
[data-theme="dark"] .navbar-info { background-color: #1a1a2e !important; border-color: var(--border) !important; }
[data-theme="dark"] .navbar-fixed-top { border-color: var(--border) !important; }
[data-theme="dark"] .navbar a,
[data-theme="dark"] .navbar-brand { color: var(--text) !important; }

/* Sidebar */
[data-theme="dark"] .col-sm-3,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .nav-sidebar,
[data-theme="dark"] .nav-sidebar > li > a { background-color: var(--bg2) !important; color: var(--text) !important; }
[data-theme="dark"] .nav-sidebar > li.active > a { background-color: var(--bg3) !important; color: #fff !important; }

/* Tables */
[data-theme="dark"] .table { color: var(--text) !important; }
[data-theme="dark"] .table > thead > tr > th,
[data-theme="dark"] .table > tbody > tr > td,
[data-theme="dark"] .table > tbody > tr > th { border-color: var(--border) !important; background-color: var(--bg) !important; color: var(--text) !important; }
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td { background-color: var(--bg2) !important; }
[data-theme="dark"] .table-hover > tbody > tr:hover > td { background-color: var(--bg3) !important; }

/* Panels / wells */
[data-theme="dark"] .panel { background-color: var(--bg2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .panel-heading { background-color: var(--bg3) !important; border-color: var(--border) !important; color: var(--text) !important; }
[data-theme="dark"] .panel-body { background-color: var(--bg2) !important; }
[data-theme="dark"] .well { background-color: var(--bg2) !important; border-color: var(--border) !important; color: var(--text) !important; }

/* Tabs */
[data-theme="dark"] .nav-tabs { border-color: var(--border) !important; }
[data-theme="dark"] .nav-tabs > li > a { color: var(--text-muted) !important; background-color: var(--bg2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .nav-tabs > li.active > a { color: var(--text) !important; background-color: var(--bg3) !important; border-bottom-color: var(--bg3) !important; }

/* Links / buttons / inputs */
[data-theme="dark"] a { color: var(--link) !important; }
[data-theme="dark"] .btn { background-color: var(--bg3) !important; border-color: var(--border) !important; color: var(--text) !important; }
[data-theme="dark"] input[type="text"] { background-color: var(--bg2) !important; border-color: var(--border) !important; color: var(--text) !important; }

/* Footer */
[data-theme="dark"] .footer,
[data-theme="dark"] footer { background-color: var(--bg2) !important; color: var(--text-muted) !important; border-color: var(--border) !important; }

/* Status colours */
[data-theme="dark"] [style*="color:#090"] { color: var(--green) !important; }
[data-theme="dark"] [style*="color:red"],
[data-theme="dark"] [style*="color:#f00"] { color: var(--red) !important; }
[data-theme="dark"] [style*="color:orange"],
[data-theme="dark"] [style*="color:#f80"] { color: var(--amber) !important; }

/* Theme toggle button */
#xlx-theme-toggle {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 4px !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 20px !important;
  margin-top: 13px !important;
  padding: 2px 10px !important;
}

/* Apply / form buttons */
[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] input[type="submit"],
[data-theme="dark"] button[type="submit"] {
  background-color: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}