/* Unified local outline icons for navigational and actionable interface elements. */
svg.ui-icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 1.15em;
    height: 1.15em;
    vertical-align: -0.17em;
    margin-right: .32em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

svg.ui-icon--solo { margin-right: 0; }

.sidebar-menu a > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.sidebar-menu a > span:first-child svg.ui-icon {
    width: 21px;
    height: 21px;
    stroke-width: 1.85;
}

.sidebar-menu a.active > span:first-child svg.ui-icon,
.sidebar-menu a:hover > span:first-child svg.ui-icon { stroke-width: 2.15; }

body.sidebar-collapsed .sidebar-menu a > span:first-child {
    width: 28px;
    min-width: 28px;
}

.notification-btn svg.ui-icon,
.btn-icon svg.ui-icon { width: 19px; height: 19px; }

.content .page-header h2 svg.ui-icon,
.content .page-header h3 svg.ui-icon { width: .98em; height: .98em; stroke-width: 1.75; }

.content [class*="-stat-card"] > span:first-child svg.ui-icon,
.content .stat-card > span:first-child svg.ui-icon,
.content [class*="-icon"] svg.ui-icon,
.content [class*="-icon "] svg.ui-icon {
    width: .92em;
    height: .92em;
}

.auth-input-wrap > span svg.ui-icon { width: 20px; height: 20px; }
.auth-password-toggle svg.ui-icon { width: 18px; height: 18px; }

@media (prefers-reduced-motion: no-preference) {
    .sidebar-menu a > span:first-child svg.ui-icon {
        transition: transform .16s ease, stroke-width .16s ease;
    }
    .sidebar-menu a:hover > span:first-child svg.ui-icon { transform: translateY(-1px); }
}

.sidebar-group-toggle > span:first-child svg.ui-icon {
    width: 21px;
    height: 21px;
    margin-right: 0;
    stroke-width: 1.85;
}

.sidebar-group-toggle:hover > span:first-child svg.ui-icon,
.sidebar-group.is-active > .sidebar-group-toggle > span:first-child svg.ui-icon {
    stroke-width: 2.15;
}

.sidebar-submenu a > span:first-child svg.ui-icon {
    width: 17px;
    height: 17px;
    margin-right: 0;
}