/* /Layout/MainLayout.razor.rz.scp.css */
[b-4dfs38qcal] .nav-link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    border-radius: 0.5rem;
    /* transparent border on every item so active/inactive rows share geometry */
    border-left: 3px solid transparent;
    color: rgb(107 114 128);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-4dfs38qcal] .nav-link:hover {
    background-color: rgb(243 244 246);
    color: rgb(17 24 39);
}

[b-4dfs38qcal] .nav-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.6);
}

:global(.dark)[b-4dfs38qcal]  .nav-link {
    /* midway between slate-400 and slate-300 for a touch more contrast */
    color: rgb(170 184 201);
}

:global(.dark)[b-4dfs38qcal]  .nav-link:hover {
    background-color: rgb(51 65 85 / 0.5);
    color: rgb(241 245 249);
}

[b-4dfs38qcal] .nav-link-active {
    background-color: rgb(20 184 166 / 0.1) !important;
    color: rgb(20 184 166) !important;
    border-left-color: rgb(20 184 166);
}

:global(.dark)[b-4dfs38qcal]  .nav-link-active {
    background-color: rgb(20 184 166 / 0.1) !important;
    color: rgb(45 212 191) !important;
}