/* Sidebar accordion — categorized menu groups for the practitioner and
   client dashboard sidebars (.dashboard-menu). Category headers start
   collapsed and expand on click; the category containing the current page
   is server-rendered already open (see sidebar_doctor.blade.php /
   sidebar_patient.blade.php). Toggle behaviour: assets/js/sidebar-accordion.js */

.dashboard-menu .sidebar-cat > a.sidebar-cat-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.dashboard-menu .sidebar-cat-toggle-label {
    display: flex;
    align-items: center;
}

.dashboard-menu .sidebar-cat-arrow {
    font-size: 12px !important;
    width: auto !important;
    margin: 0 0 0 8px !important;
    color: #b0b0b0;
    transition: transform .2s ease;
    flex-shrink: 0;
}

.dashboard-menu .sidebar-cat.open > a.sidebar-cat-toggle .sidebar-cat-arrow {
    transform: rotate(180deg);
}

.dashboard-menu .sidebar-cat.has-active > a.sidebar-cat-toggle,
.dashboard-menu .sidebar-cat.has-active > a.sidebar-cat-toggle .sidebar-cat-arrow {
    color: #0de0fe;
}

.dashboard-menu .sidebar-cat-menu {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background: rgba(13, 224, 254, .03);
}

.dashboard-menu .sidebar-cat-menu > li {
    position: relative;
}

.dashboard-menu .sidebar-cat-menu > li > a {
    padding: 12px 20px 12px 46px;
    font-size: 13.5px;
}

.dashboard-menu .sidebar-cat-menu > li > a i {
    font-size: 14px !important;
    width: 14px !important;
}

.dashboard-menu .sidebar-cat-menu > li.active > a,
.dashboard-menu .sidebar-cat-menu > li:hover > a {
    color: #0de0fe;
}

.dashboard-menu .sidebar-cat-toggle .unread-msg {
    position: static;
    transform: none;
    -webkit-transform: none;
    margin-left: 8px;
    flex-shrink: 0;
}