.sidebar-applications {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.sidebar-application {
    position: relative;
    border: 1px solid var(--color-neutral-200);
    border-radius: 10px;
    padding: 7px 10px;
    background: #f9fbfc;
    overflow: hidden;
    transition: all .3s;
}
html[data-theme="dark"] .sidebar-application {
    background: var(--app-theme-surface-soft);
    border-color: var(--app-theme-border);
    color: var(--color-text-primary);
}
html[data-theme="dark"] .sidebar-application:hover,
html[data-theme="dark"] .sidebar-application:focus-within {
    background: var(--app-theme-surface-muted);
    border-color: rgba(79, 195, 215, 0.42);
    box-shadow: var(--app-theme-shadow);
}
.sidebar-application__date,
.sidebar-application__id {
    font-size: 0.8rem;
}
.sidebar-application__date,
.sidebar-application__id,
.sidebar-application__icon {
    color: var(--color-gray);
}
html[data-theme="dark"] .sidebar-application__date,
html[data-theme="dark"] .sidebar-application__id,
html[data-theme="dark"] .sidebar-application__icon {
    color: var(--color-text-muted);
}
.sidebar-application__icon {
    line-height: 1;
}
.sidebar-application__separator {
    font-size: 0.5rem;
    color: #bbbbbb;
}
html[data-theme="dark"] .sidebar-application__separator {
    color: var(--color-neutral-400);
}
.sidebar-application__fio {
    display: block;
    color: inherit;
    text-decoration: none;
}
html[data-theme="dark"] .sidebar-application .text-secondary {
    color: var(--color-text-secondary) !important;
}