/* ==========================================================================
   1. GŁÓWNY KOLOR AKCENTÓW (Zastępuje domyślny niebieski)
   ========================================================================== */

/* Kolor głównych przycisków akcji */
.btn-primary, 
.ui-button.ui-widget.ui-state-default.ui-button-text-only {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
}

/* Kolor przycisków po najechaniu myszką */
.btn-primary:hover, 
.ui-button.ui-widget.ui-state-default.ui-button-text-only:hover {
    background-color: #e64a19 !important;
    border-color: #e64a19 !important;
}

/* Linki i aktywne ikony */
a, 
.text-primary,
.nav-link.active {
    color: #ff5722 !important;
}

/* ==========================================================================
   2. LEWE MENU BOCZNE (F积DERY I SEKCE)
   ========================================================================== */

/* Tło całego lewego paska menu */
#layout-sidebar, 
.sidebar,
.header-links {
    background-color: #222222 !important;
}

/* Kolor tekstu i ikon w menu bocznym */
#layout-sidebar .listitem a,
#layout-sidebar .sidebar-menu a {
    color: #ffffff !important;
}

/* Podświetlenie wybranego folderu (np. Odebrane) */
#layout-sidebar .listitem.selected,
#layout-sidebar .listitem.selected > a {
    background-color: #ff5722 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   3. LISTA WIADOMOŚCI
   ========================================================================== */

/* Tło nieprzeczytanej wiadomości */
.messagelist tr.unread {
    background-color: #fff3cd !important;
}

/* Kolor zaznaczonej wiadomości na liście */
.messagelist tr.selected td {
    background-color: #ffe0b2 !important;
    color: #000000 !important;
}

/* ==========================================================================
   4. OSTATECZNA ZMIANA TŁA STRONY LOGOWANIA
   ========================================================================== */

/* Zaatakowanie klas strukturalnych Elastic dla ekranu logowania */
html, 
body.template-login, 
.layout-login,
#layout.layout-login {
    background-color: #f0f2f5 !important;
    background: #f0f2f5 !important;
}

/* Wymuszenie przezroczystości głównego kontenera, aby odsłonić szare tło */
.layout-login #layout-content {
    background-color: transparent !important;
    background: transparent !important;
}

/* Formularz logowania (biała karta na środku) */
.layout-login .card,
.layout-login .welcome-box,
.layout-login form {
    background-color: #ffffff !important; 
    border: 1px solid #e1e4e8 !important;  
    border-radius: 8px !important;         
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}