.folder-list .email-folder-tree-header {
    padding-top: 7px;
    padding-bottom: 3px;
    color: var(--text-muted-color);
    font-size: 12px;
    font-weight: 600;
    cursor: default;
}

/* Long Outlook folder names ("Kršáková _ L.Murínová", "Planovanie, Výroba") were cut to an
   ellipsis in the narrow sidebar; they wrap onto the next line instead, so the whole name is read. */
.folder-list .email-folder-tree-header .email-folder-tree-header-label,
.folder-list .email-folder-customer-contact .side-link,
.folder-list .email-folder-structured-crm .side-link,
.folder-list .email-folder-imap-mapped .side-link:not(.count) {
    display: block;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    margin-left: 1.45em;
    text-indent: -1.45em;
}

/* The theme's ".folders-container .list-group > li { padding: 0 }" outranks a two-class selector,
   which left every level flush left; the extra classes keep the Outlook-like tree indent. */
.folders-container .folder-list > li.email-folder-level-1 {
    padding-left: 14px;
}

.folders-container .folder-list > li.email-folder-level-2 {
    padding-left: 28px;
}

.folders-container .folder-list > li.email-folder-level-3 {
    padding-left: 42px;
}

.folders-container .folder-list > li.email-folder-level-4 {
    padding-left: 56px;
}

.folder-list .email-folder-imap-mapped .fa-cloud {
    color: var(--info-color);
}

.folder-list .email-folder-structured-crm .fa-sitemap,
.folder-list .email-folder-structured-crm .fa-project-diagram {
    color: var(--warning-color);
}

/* The unread count sits absolutely at the right of the row, over a full-width link: pad the
   name so it wraps before the count. */
.folder-list .email-folder-imap-mapped .side-link:not(.count),
.folder-list .email-folder-customer-contact .side-link:not(.count),
.folder-list .email-folder-structured-crm .side-link:not(.count) {
    padding-right: 48px;
}