/* ==========================================================================
   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;
}