/* =========================================================
   Mishkah Admin - Sidebar Brand Area
   ========================================================= */

.sidebar-brand {
    width: 100% !important;
    height: auto !important;
    padding: 10px 8px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    gap: 10px !important;
}


/* =========================================================
   Center Identity
   ========================================================= */

.center-brand-container {
    width: 100% !important;
    min-height: 105px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px 6px !important;

    border-radius: 8px !important;
}

.center-brand-image {
    max-height: 65px !important;
    max-width: 150px !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    display: block !important;
    margin: 0 auto 6px auto !important;
}

.center-brand-name {
    display: block !important;

    width: 100% !important;

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   Mishkah Platform Identity - Sidebar
   ========================================================= */

.platform-brand-container {
    width: 100% !important;
    min-height: 105px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px 6px !important;

    border-radius: 8px !important;
}

.platform-brand-image {
    max-height: 65px !important;
    max-width: 150px !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    display: block !important;
    margin: 0 auto 6px auto !important;
}

.platform-brand-name {
    display: block !important;

    width: 100% !important;

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   Login Page - Mishkah Logo
   ========================================================= */

.login-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin-bottom: 20px !important;
}

.login-logo img {
    display: block !important;

    max-height: 140px !important;
    max-width: 300px !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    margin: 0 auto !important;
}

/* =====================================================
   Mishkah - Sidebar Color
   ===================================================== */

#jazzy-sidebar {
    background-color: #198754 !important;
}

/* Sidebar text */
#jazzy-sidebar .nav-link,
#jazzy-sidebar .brand-text,
#jazzy-sidebar .user-panel .info a {
    color: #ffffff !important;
}

/* Sidebar icons */
#jazzy-sidebar .nav-link i {
    color: #ffffff !important;
}

/* Hover */
#jazzy-sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Active menu */
#jazzy-sidebar .nav-link.active {
    background-color: rgba(255, 255, 255, 0.20) !important;
    color: #ffffff !important;
}