/* ICARE V3.1.1.2.2 — NATIVE SIDEBAR DROPDOWN
   NO JAVASCRIPT REQUIRED
*/

.icare-native-section{
    margin:4px 0;
    border-radius:10px;
}

.icare-native-section > summary{
    list-style:none;
}

.icare-native-section > summary::-webkit-details-marker{
    display:none;
}

.icare-native-summary{
    width:100%;
    display:grid;
    grid-template-columns:22px 1fr 18px;
    align-items:center;
    gap:0;
    color:var(--icare-sidebar-muted);
    padding:10px 10px;
    border-radius:10px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
    cursor:pointer;
    user-select:none;
}

.icare-native-summary:hover{
    color:#fff;
    background:rgba(255,255,255,.05);
}

.icare-native-section[open] > .icare-native-summary{
    color:#fff;
    background:rgba(255,255,255,.045);
}

.icare-native-chevron{
    text-align:center;
    transition:transform .18s ease;
}

.icare-native-section[open] .icare-native-chevron{
    transform:rotate(180deg);
}

.icare-native-items{
    display:block;
    padding:2px 0 6px 31px;
}

.icare-native-item{
    display:flex;
    align-items:center;
    gap:9px;
    text-decoration:none;
    color:var(--icare-sidebar-text);
    font-size:13px;
    padding:9px 11px;
    border-radius:9px;
    margin:2px 0;
    transition:background .15s,color .15s;
}

.icare-native-item:hover{
    background:rgba(255,255,255,.07);
    color:#fff;
}

.icare-native-item.is-active{
    background:linear-gradient(
        90deg,
        rgba(21,146,103,.34),
        rgba(21,146,103,.12)
    );
    color:#fff;
    font-weight:700;
    box-shadow:inset 3px 0 0 #4ad39e;
}

.icare-native-dot{
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:#678f7e;
}

.icare-native-item.is-active .icare-native-dot{
    background:#5ee3b0;
    box-shadow:0 0 0 4px rgba(94,227,176,.12);
}

/* Disable old JS-dropdown classes if old markup/CSS remains cached */
.icare-nav-section,
.icare-nav-section-toggle,
.icare-nav-items,
.icare-nav-item{
    /* old classes intentionally not used by V3.1.1.2.2 */
}

.icare-native-summary:focus-visible,
.icare-native-item:focus-visible{
    outline:2px solid rgba(94,227,176,.75);
    outline-offset:2px;
}