/* Wymuszenie dark na całej aplikacji (w tym /login) */
:root { color-scheme: dark !important; }
html, body { background:#0f172a !important; color:#e5e7eb !important; }
a { color:#93c5fd; }
hr { border-color:#263244; }
button, .btn {
  background:#1f2937; color:#e5e7eb; border:1px solid #334155;
  border-radius:10px; padding:.6rem .9rem;
}
input, textarea, select {
  background:#0b1220; color:#e5e7eb;
  border:1px solid #263244; border-radius:10px;
}
input::placeholder, textarea::placeholder { color:#9aa4b2; }
label { color:#cfe1ff; }
.aw-card, .card, .panel, .modal, .sheet, .sheet-content {
  background:#0b1220; border:1px solid #1f2937; border-radius:16px;
}
.navbar, header, .site-header { background:#0b1220; }
.toast, .alert { background:#111827; border-color:#263244; color:#e5e7eb; }
/* drobny spacing w menu (na wszelki wypadek) */
.aw-nav{display:flex !important; gap:14px !important; align-items:center}
.aw-nav a+a{margin-left:14px !important}

/* --- LOGIN / AUTH: wymuś ciemne tło na wszystkich typowych kontenerach --- */
html, body { min-height:100%; }
#root, #app, main, .app, .layout, .page, .content, .container, .wrapper,
.auth, .auth-page, .auth-layout, .login, .login-page, .login-layout,
.main-content, .page-content {
  background:#0f172a !important;
  color:#e5e7eb !important;
  min-height:100vh;
}

/* kontenery logowania – wyśrodkuj pion/poziom, gdy istnieją */
.auth-center, .auth-wrapper, .auth-container, .login-wrapper, .login-container {
  display:flex; align-items:center; justify-content:center;
  min-height:calc(100vh - 80px);
}

/* karta logowania – spójna z resztą serwisu */
.auth-card, .login-card, .card, .panel, .sheet, .modal {
  background:#0b1220 !important;
  border:1px solid #1f2937 !important;
  border-radius:16px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

/* formularz: pola, placeholdery, przyciski */
form input, form textarea, form select {
  background:#0b1220 !important; color:#e5e7eb !important;
  border:1px solid #263244 !important; border-radius:10px !important;
}
form input::placeholder, form textarea::placeholder { color:#9aa4b2 !important; }
form button, form .btn {
  background:#1f2937 !important; color:#e5e7eb !important;
  border:1px solid #334155 !important; border-radius:10px !important;
}

/* na wszelki wypadek: każdy „container*” niech będzie przezroczysty/ciemny */
div[class*="container"] {
  background:transparent !important; color:inherit !important;
}

/* ====== /login – twarde ciemne tło + jasny tekst (przebija Tailwindowe bg/text) ====== */
.route-login body,
.route-login #root, 
.route-login #app,
.route-login .min-h-screen,
.route-login .app, .route-login .layout, .route-login .page,
.route-login .content, .route-login .container, .route-login .wrapper,
.route-login .auth, .route-login .auth-page, .route-login .auth-layout,
.route-login .login, .route-login .login-page, .route-login .login-layout,
.route-login .main-content, .route-login .page-content {
  background-color:#0f172a !important;
  color:#e5e7eb !important;
}

/* Dowolne klasy tła „jasne” – zabijamy je na /login */
.route-login .bg-white,
.route-login .bg-gray-50, .route-login .bg-slate-50, .route-login .bg-zinc-50, .route-login .bg-neutral-50,
.route-login [class*="bg-gray-"], .route-login [class*="bg-slate-"], .route-login [class*="bg-zinc-"], .route-login [class*="bg-neutral-"] {
  background-color:#0f172a !important;
}

/* Dowolne „ciemne” kolory tekstu – robimy jasne na /login */
.route-login .text-black, .route-login .text-gray-800, .route-login .text-slate-800, .route-login .text-zinc-800, .route-login .text-neutral-800,
.route-login [class*="text-gray-8"], .route-login [class*="text-slate-8"], .route-login [class*="text-zinc-8"], .route-login [class*="text-neutral-8"] {
  color:#e5e7eb !important;
}

/* Karta logowania i formularz – spójne z resztą serwisu */
.route-login .auth-card, .route-login .login-card, .route-login .card, .route-login .panel, .route-login .sheet, .route-login .modal {
  background:#0b1220 !important;
  border:1px solid #1f2937 !important;
  border-radius:16px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}
.route-login form input, .route-login form textarea, .route-login form select {
  background:#0b1220 !important; color:#e5e7eb !important;
  border:1px solid #263244 !important; border-radius:10px !important;
}
.route-login form input::placeholder, .route-login form textarea::placeholder { color:#9aa4b2 !important; }
.route-login form button, .route-login form .btn {
  background:#1f2937 !important; color:#e5e7eb !important;
  border:1px solid #334155 !important; border-radius:10px !important;
}

/* ===== /login: zabij jasne tła (bg-gray-50 itp.) i jasne kolory tekstu ===== */
.route-login body,
.route-login #root,
.route-login #app,
.route-login main,
.route-login .min-h-screen,
.route-login .app, .route-login .layout, .route-login .page,
.route-login .content, .route-login .container, .route-login .wrapper,
.route-login .auth, .route-login .auth-page, .route-login .auth-layout,
.route-login .login, .route-login .login-page, .route-login .login-layout,
.route-login .main-content, .route-login .page-content {
  background:#0f172a !important;
  color:#e5e7eb !important;
  min-height:100vh;
}

/* Zdejmij wszystkie jasne „bg-*” z Tailwinda na loginie (ALE zostaw przyciski) */
.route-login [class*="bg-"]:not(button):not(.btn):not([role="button"]) {
  background:#0f172a !important;
}
.route-login .bg-white,
.route-login .bg-gray-50, .route-login .bg-slate-50, .route-login .bg-zinc-50, .route-login .bg-neutral-50 {
  background:#0f172a !important;
}

/* Zdejmij jasne text-* */
.route-login .text-black, 
.route-login .text-gray-800, .route-login .text-slate-800, .route-login .text-zinc-800, .route-login .text-neutral-800,
.route-login [class*="text-gray-8"], .route-login [class*="text-slate-8"], .route-login [class*="text-zinc-8"], .route-login [class*="text-neutral-8"] {
  color:#e5e7eb !important;
}

/* Karta logowania */
.route-login .auth-card, .route-login .login-card, .route-login .card, .route-login .panel, .route-login .sheet, .route-login .modal {
  background:#0b1220 !important;
  border:1px solid #1f2937 !important;
  border-radius:16px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

/* Formularz */
.route-login form input, .route-login form textarea, .route-login form select {
  background:#0b1220 !important; 
  color:#e5e7eb !important;
  border:1px solid #263244 !important; 
  border-radius:10px !important;
}
.route-login form input::placeholder, .route-login form textarea::placeholder { color:#9aa4b2 !important; }
.route-login form button, .route-login form .btn {
  background:#1f2937 !important; 
  color:#e5e7eb !important;
  border:1px solid #334155 !important; 
  border-radius:10px !important;
}

/* Gdyby coś upierało się przy bieli — absolutny „kill switch” dla samego tła */
.route-login .bg-white, 
.route-login [style*="background-color: rgb(249 250 251"] {
  background:#0f172a !important;
}

/* ===== login + rejestracja ===== */
.route-login body,
.route-register body,
.route-rejestracja body,
.route-login #root, .route-register #root, .route-rejestracja #root,
.route-login main,  .route-register main,  .route-rejestracja main,
.route-login .min-h-screen, .route-register .min-h-screen, .route-rejestracja .min-h-screen,
.route-login .app, .route-register .app, .route-rejestracja .app,
.route-login .content, .route-register .content, .route-rejestracja .content {
  background:#0f172a !important;
  color:#e5e7eb !important;
  min-height:100vh;
}

/* zdejmij jasne tła */
.route-login [class*="bg-"]:not(button):not(.btn):not([role="button"]),
.route-register [class*="bg-"]:not(button):not(.btn):not([role="button"]),
.route-rejestracja [class*="bg-"]:not(button):not(.btn):not([role="button"]) {
  background:#0f172a !important;
}
.route-login .bg-white, .route-register .bg-white, .route-rejestracja .bg-white,
.route-login .bg-gray-50, .route-register .bg-gray-50, .route-rejestracja .bg-gray-50 {
  background:#0f172a !important;
}

/* jasny tekst → jasny w ciemnym motywie */
.route-login .text-black, .route-register .text-black, .route-rejestracja .text-black,
.route-login .text-gray-800, .route-register .text-gray-800, .route-rejestracja .text-gray-800 {
  color:#e5e7eb !important;
}

/* karta/formularz */
.route-login .auth-card, .route-register .auth-card, .route-rejestracja .auth-card,
.route-login .login-card, .route-register .login-card, .route-rejestracja .login-card,
.route-login .card, .route-register .card, .route-rejestracja .card {
  background:#0b1220 !important;
  border:1px solid #1f2937 !important;
  border-radius:16px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}
.route-login form input, .route-register form input, .route-rejestracja form input,
.route-login form textarea, .route-register form textarea, .route-rejestracja form textarea,
.route-login form select, .route-register form select, .route-rejestracja form select {
  background:#0b1220 !important; color:#e5e7eb !important;
  border:1px solid #263244 !important; border-radius:10px !important;
}
.route-login form input::placeholder, .route-register form input::placeholder, .route-rejestracja form input::placeholder,
.route-login form textarea::placeholder, .route-register form textarea::placeholder, .route-rejestracja form textarea::placeholder {
  color:#9aa4b2 !important;
}
.route-login form button, .route-register form button, .route-rejestracja form button,
.route-login form .btn,    .route-register form .btn,    .route-rejestracja form .btn {
  background:#1f2937 !important; color:#e5e7eb !important;
  border:1px solid #334155 !important; border-radius:10px !important;
}