/* VNet Minimal - Readability 1.0 */
/* Light and Dark typography improvements */

/* ===== Sidebar ===== */

#sidebar .nav-main-link {
    font-size: 14px !important;
    font-weight: 550 !important;
    line-height: 1.6 !important;
}

#sidebar .nav-main-link-name {
    font-size: 14px !important;
    font-weight: 550 !important;
}

#sidebar .nav-main-heading {
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: .3px;
}

#sidebar .nav-main-link-icon {
    font-size: 17px !important;
}

/* ===== Subscription details ===== */

#main-container .block:has(.progress.mb-1)
.font-size-sm {
    font-size: 13.5px !important;
    line-height: 1.85 !important;
    font-weight: 500 !important;
}

#main-container .block:has(.progress.mb-1)
.text-muted {
    font-size: 13.5px !important;
    font-weight: 500 !important;
}

/* Usage information */
#main-container .block:has(.progress.mb-1)
.font-w600 {
    font-size: 13px !important;
    font-weight: 650 !important;
}

/* ===== Shortcut cards ===== */

#main-container .v2board-shortcuts-item > div:first-child {
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
}

#main-container .v2board-shortcuts-item .description {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    opacity: 1 !important;
}

/* ===== Light mode ===== */

html:not([data-darkreader-scheme="dark"])
#main-container .v2board-shortcuts-item .description {
    color: #64748B !important;
}

html:not([data-darkreader-scheme="dark"])
#main-container .block:has(.progress.mb-1) .text-muted {
    color: #65758C !important;
}

/* ===== DarkReader dark mode ===== */

html[data-darkreader-scheme="dark"]
#sidebar .nav-main-link,
html[data-darkreader-scheme="dark"]
#sidebar .nav-main-link-name {
    color: #D1DAE6 !important;
}

html[data-darkreader-scheme="dark"]
#sidebar .nav-main-heading {
    color: #AEBBCC !important;
}

html[data-darkreader-scheme="dark"]
#main-container .v2board-shortcuts-item > div:first-child {
    color: #F0F4FA !important;
}

html[data-darkreader-scheme="dark"]
#main-container .v2board-shortcuts-item .description {
    color: #C2CEDC !important;
}

html[data-darkreader-scheme="dark"]
#main-container .block:has(.progress.mb-1) .text-muted,
html[data-darkreader-scheme="dark"]
#main-container .block:has(.progress.mb-1) .font-size-sm {
    color: #C2CEDC !important;
}

/* ===== Mobile ===== */

@media (max-width: 768px) {
    #sidebar .nav-main-link,
    #sidebar .nav-main-link-name {
        font-size: 14px !important;
    }

    #main-container .v2board-shortcuts-item .description {
        font-size: 13px !important;
    }
}