/* =========================================
   1. STRONA LOGOWANIA (Zawsze Ciemna/Modern)
   ========================================= */

/* Ukrycie domyślnego napisu */
#login h1 {
    display: none !important;
}

/* Tło całego ekranu logowania */
#login {
    background: #1a1b1e !important; 
    background-image: url('https://codari.pl/wp-content/uploads/2026/01/codari-twoj-partner-w-biznesie.jpg') !important; 
    background-size: cover !important;
    background-position: center !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Logo na ekranie logowania - z białym tłem */
#login img {
    width: 140px !important; 
    height: auto !important;
    max-width: none !important;
    margin: 0 auto 1.5rem auto !important;
    display: block !important;
    background-color: white !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
}

/* Formularz logowania */
#login form {
    max-width: 350px !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.75) !important; 
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
}

/* Pola tekstowe i przycisk na logowaniu */
#login input.input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: white !important;
    border-radius: 6px !important;
}

#login input.button {
    background-color: #2196f3 !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    width: 100% !important;
}

/* =========================================
   2. LOGO WEWNĄTRZ APLIKACJI (Side Bar)
   ========================================= */

/* Poprawka logo wewnątrz panelu */
header img {
    background-color: white !important; /* Białe tło pod logo */
    padding: 5px !important;           /* Odstęp od krawędzi białego pola */
    border-radius: 6px !important;      /* Lekkie zaokrąglenie */
    height: 40px !important;            /* Powiększenie wysokości */
    width: auto !important;             /* Zachowanie proporcji */
    margin: 5px !important;             /* Odstęp od krawędzi menu */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* Opcjonalnie: wyrównanie logo, jeśli jest w innym kontenerze */
.side-nav img, .dashboard img {
    background-color: white !important;
    border-radius: 6px !important;
    padding: 4px !important;
}