/* Google Material Symbols — cienkie ikony biura ERP */
.material-symbols-outlined,
.mi {
    font-family: 'Material Symbols Outlined';
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    user-select: none;
    vertical-align: middle;
    flex-shrink: 0;
}

.mi-sm { font-size: 18px; }
.mi-md { font-size: 22px; }
.mi-lg { font-size: 28px; }

.panel-sidebar .icon-wrapper .material-symbols-outlined,
.panel-sidebar .icon-wrapper .mi {
    font-size: 22px;
    color: inherit;
}

.qn-icon-small.material-symbols-outlined,
.qn-item .material-symbols-outlined.qn-icon-small {
    font-size: 16px;
    opacity: 0.85;
}

.sub-sidebar-nav .material-symbols-outlined,
.sub-nav-item .material-symbols-outlined {
    font-size: 20px;
    margin-right: 10px;
    opacity: 0.9;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20;
}

.nav-group-label .material-symbols-outlined {
    font-size: 16px;
    margin-right: 6px;
    opacity: 0.7;
    vertical-align: -3px;
}

/* Lżejsze przyciski / akcje biura */
.btn-office-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.btn-office-icon .material-symbols-outlined {
    font-size: 18px;
}