/* ================================================================= */
/* BRANDING MAIL SPEED - IFMAIL (FULL BRIGHT THEME)                  */
/* ================================================================= */

/* --- 1. MEMUTIHKAN SIDEBAR (MENGUBAH HITAM BAWAAN JADI PUTIH) --- */

/* Latar Belakang Sidebar Utama */
html body #layout-sidebar {
    background-color: #ffffff !important; /* Putih */
    border-right: 1px solid #e6f0ff !important; /* Garis pemisah tipis */
    color: #444444 !important; /* Teks jadi gelap */
}

/* Header Sidebar (Tempat Logo Kecil) */
html body #layout-sidebar > .header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Footer Sidebar (Tempat Tombol Settings) */
html body #layout-sidebar > .footer {
    background-color: #f9f9f9 !important;
    border-top: 1px solid #eee !important;
    color: #444 !important;
}

/* Item Menu Biasa (Inbox, Sent, dll) */
html body #layout-sidebar .list-group-item {
    color: #555555 !important; /* Ubah teks jadi abu gelap */
    background-color: transparent !important;
}

/* Ikon Menu Biasa */
html body #layout-sidebar .list-group-item i {
    color: #888888 !important; /* Ubah ikon jadi abu */
}

/* Efek Hover (Saat mouse lewat) */
html body #layout-sidebar .list-group-item:hover {
    background-color: #f0f9ff !important;
    color: #38B6FF !important;
}

/* MENU AKTIF/TERPILIH (Inbox saat dibuka) */
html body #layout-sidebar .list-group-item.selected,
html body #layout-sidebar .list-group-item.active {
    background-color: #e3f2fd !important; /* Biru Muda */
    color: #0d47a1 !important; /* Biru Tua */
    border-left: 5px solid #38B6FF !important;
    font-weight: bold !important;
    border-radius: 0 20px 20px 0 !important;
}

/* Ikon Menu Aktif */
html body #layout-sidebar .list-group-item.selected i,
html body #layout-sidebar .list-group-item.active i {
    color: #38B6FF !important;
}

/* Tombol Link di Footer */
html body #layout-sidebar .footer a {
    color: #666 !important;
}


/* --- 2. WARNA UTAMA APLIKASI (TOMBOL BIRU) --- */
html body .btn-primary,
html body .ui-button.ui-priority-primary,
html body .mainaction,
html body button.btn-primary {
    background-color: #38B6FF !important;
    border-color: #38B6FF !important;
    color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body .btn-primary:hover {
    background-color: #2C2B5E !important; /* Navy */
    border-color: #2C2B5E !important;
}

/* Link dan Checkbox */
html body a { color: #38B6FF; }
html body .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #38B6FF !important;
    border-color: #38B6FF !important;
}
html body #messageloader { background-color: #38B6FF !important; }


/* --- 3. HALAMAN LOGIN (SUDAH BENAR) --- */
html body.task-login {
    background: radial-gradient(circle at center, #ffffff 10%, #e3f2fd 100%) !important;
    background-color: #e3f2fd !important;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.task-login #layout-content { margin: 0 !important; padding: 0 !important; }
body.task-login #layout {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(56, 182, 255, 0.15) !important;
    border: 1px solid rgba(56, 182, 255, 0.1) !important;
    padding: 40px 30px !important;
    max-width: 420px !important;
    width: 100% !important;
}
body.task-login #logo { margin-bottom: 30px !important; max-height: 80px !important; }
body.task-login .form-control { color: #333333 !important; font-weight: 600 !important; }