html.night { color-scheme: dark; background: #0b1220; }
html.night body { background: #0b1220 !important; color: #e8eef7; }

html.night .bg-gray-50,
html.night .bg-gray-100,
html.night .bg-slate-50,
html.night .bg-slate-100,
html.night .card-body.bg-gray-50,
html.night .card-header { background-color: #121c2d !important; color: #e8eef7 !important; border-color: #2c3d56 !important; }
html.night .bg-gray-50,
html.night .bg-gray-100,
html.night .min-h-screen { background-color: #0b1220 !important; }

html.night .bg-white,
html.night .card,
html.night aside.bg-white,
html.night header.bg-white { background-color: #162032 !important; }

html.night .bg-gray-200 { background-color: #243246 !important; }

html.night .text-gray-900,
html.night .text-gray-800,
html.night .text-slate-900,
html.night .text-slate-800,
html.night .text-gray-700,
html.night .text-slate-700 { color: #e8eef7 !important; }

html.night .text-gray-600,
html.night .text-slate-600 { color: #c5d0e0 !important; }

html.night .text-gray-500,
html.night .text-slate-500,
html.night .text-gray-400,
html.night .text-slate-400 { color: #93a4bb !important; }

html.night .border-gray-200,
html.night .border-gray-300,
html.night .border-slate-200 { border-color: #2c3d56 !important; }

html.night .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
html.night .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #2c3d56 !important; }

html.night .nav-link { color: #c5d0e0 !important; }
html.night .nav-link:hover { background: #243246 !important; color: #93c5fd !important; }
html.night .router-link-exact-active.nav-link,
html.night .router-link-exact-active.nav-link:hover { background: #2563eb !important; color: #fff !important; }

html.night .form-input,
html.night .form-textarea,
html.night .form-select,
html.night .form-multiselect,
html.night input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html.night select,
html.night textarea {
  background-color: #0f172a !important;
  color: #e8eef7 !important;
  border-color: #2c3d56 !important;
}
html.night input::placeholder,
html.night textarea::placeholder { color: #93a4bb !important; }
html.night option { background: #0f172a; color: #e8eef7; }

html.night .th { color: #93a4bb !important; }
html.night .btn-secondary { background: #243246 !important; color: #e8eef7 !important; }
html.night .btn-secondary:hover { background: #334155 !important; }

html.night .bg-blue-50,
html.night .bg-blue-100 { background-color: #1e3a5f !important; }
html.night .bg-green-50,
html.night .bg-green-100 { background-color: #14532d !important; }
html.night .bg-red-50,
html.night .bg-red-100 { background-color: #7f1d1d !important; }
html.night .bg-yellow-50,
html.night .bg-yellow-100 { background-color: #713f12 !important; }
html.night .bg-purple-50,
html.night .bg-purple-100 { background-color: #4c1d95 !important; }
html.night .bg-orange-50,
html.night .bg-orange-100 { background-color: #7c2d12 !important; }
html.night .bg-indigo-100 { background-color: #312e81 !important; }
html.night .bg-pink-100 { background-color: #831843 !important; }
html.night .bg-cyan-100 { background-color: #164e63 !important; }
html.night .bg-teal-100 { background-color: #134e4a !important; }
html.night .bg-rose-100 { background-color: #881337 !important; }
html.night .bg-sky-100 { background-color: #0c4a6e !important; }

html.night .text-blue-800,
html.night .text-blue-900 { color: #bfdbfe !important; }
html.night .text-green-800,
html.night .text-green-900 { color: #bbf7d0 !important; }
html.night .text-red-700,
html.night .text-red-800,
html.night .text-red-900 { color: #fecaca !important; }
html.night .text-yellow-800,
html.night .text-yellow-900 { color: #fde68a !important; }
html.night .text-purple-700,
html.night .text-purple-800 { color: #e9d5ff !important; }
html.night .text-orange-800 { color: #fed7aa !important; }
html.night .text-cyan-800 { color: #a5f3fc !important; }
html.night .text-teal-800 { color: #99f6e4 !important; }

#poeki-night-toggle {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 60;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  font: 600 13px/1 system-ui, sans-serif;
  color: #0f172a;
  background: #e2e8f0;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
  cursor: pointer;
}
html.night #poeki-night-toggle { background: #2563eb; color: #fff; }

html.night .tab-link { color: #c5d0e0 !important; }
html.night .tab-link:hover { color: #e8eef7 !important; border-color: #2c3d56 !important; }