[class^="rd-icon-"],
[class*=" rd-icon-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    /* mask-mode: alpha обязателен для Firefox — без него Firefox может применять
       luminance-режим к внешним SVG, делая иконки со stroke (не fill) почти
       невидимыми (~13% яркости). Chrome/Opera используют alpha по умолчанию. */
    mask-mode: alpha;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-mode: alpha;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

/* Для навигационных иконок */
.nav-icon[class^="rd-icon-"],
.nav-icon[class*=" rd-icon-"] {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Иконки */
.rd-icon-add {
    mask-image: url('/static/jazzmin/img/icons/Icons=Add, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Add, Color=Default.svg');
}

.rd-icon-ban {
    mask-image: url('/static/jazzmin/img/icons/Icons=Ban, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Ban, Color=Default.svg');
}

.rd-icon-bonds {
    mask-image: url('/static/jazzmin/img/icons/Icons=Bonds, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Bonds, Color=Default.svg');
}

.rd-icon-chart {
    mask-image: url('/static/jazzmin/img/icons/Icons=Chart, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Chart, Color=Default.svg');
}

.rd-icon-connect {
    mask-image: url('/static/jazzmin/img/icons/Icons=Connect, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Connect, Color=Default.svg');
}

.rd-icon-copy {
    mask-image: url('/static/jazzmin/img/icons/Icons=Copy, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Copy, Color=Default.svg');
}

.rd-icon-cross {
    mask-image: url('/static/jazzmin/img/icons/Icons=Cross, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Cross, Color=Default.svg');
}

.rd-icon-delete {
    mask-image: url('/static/jazzmin/img/icons/Icons=Delete, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Delete, Color=Default.svg');
}

.rd-icon-download {
    mask-image: url('/static/jazzmin/img/icons/Icons=Download, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Download, Color=Default.svg');
}

.rd-icon-edit {
    mask-image: url('/static/jazzmin/img/icons/Icons=Edit, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Edit, Color=Default.svg');
}

.rd-icon-export {
    mask-image: url('/static/jazzmin/img/icons/Icons=Export, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Export, Color=Default.svg');
}

.rd-icon-export-info {
    mask-image: url('/static/jazzmin/img/icons/Icons=ExportInfo, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=ExportInfo, Color=Default.svg');
}

.rd-icon-folder {
    mask-image: url('/static/jazzmin/img/icons/Icons=Folder, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Folder, Color=Default.svg');
}

.rd-icon-list {
    mask-image: url('/static/jazzmin/img/icons/Icons=List, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=List, Color=Default.svg');
}

.rd-icon-lock {
    mask-image: url('/static/jazzmin/img/icons/Icons=Lock, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Lock, Color=Default.svg');
}

.rd-icon-logout {
    mask-image: url('/static/jazzmin/img/icons/Icons=Logout, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Logout, Color=Default.svg');
}

.rd-icon-logs {
    mask-image: url('/static/jazzmin/img/icons/Icons=Logs, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Logs, Color=Default.svg');
}

.rd-icon-call {
    mask-image: url('/static/jazzmin/img/icons/call.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/call.svg');
}

.rd-icon-mail {
    mask-image: url('/static/jazzmin/img/icons/Icons=Mail, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Mail, Color=Default.svg');
}

.rd-icon-onoff {
    mask-image: url('/static/jazzmin/img/icons/Icons=OnOff, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=OnOff, Color=Default.svg');
}

.rd-icon-play {
    mask-image: url('/static/jazzmin/img/icons/Icons=Play, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Play, Color=Default.svg');
}

.rd-icon-plus {
    mask-image: url('/static/jazzmin/img/icons/Icons=Plus, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Plus, Color=Default.svg');
}

.rd-icon-publish {
    mask-image: url('/static/jazzmin/img/icons/Icons=Publish, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Publish, Color=Default.svg');
}

.rd-icon-question {
    mask-image: url('/static/jazzmin/img/icons/Icons=Question, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Question, Color=Default.svg');
}

.rd-icon-retry {
    mask-image: url('/static/jazzmin/img/icons/Icons=Retry, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Retry, Color=Default.svg');
}

.rd-icon-refresh {
    mask-image: url('/static/jazzmin/img/icons/refresh.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/refresh.svg');
}

.rd-icon-save {
    mask-image: url('/static/jazzmin/img/icons/Icons=Save, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Save, Color=Default.svg');
}

.rd-icon-screen {
    mask-image: url('/static/jazzmin/img/icons/Icons=Screen, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Screen, Color=Default.svg');
}

.rd-icon-search {
    mask-image: url('/static/jazzmin/img/icons/Icons=Search, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Search, Color=Default.svg');
}

.rd-icon-setting-tool {
    mask-image: url('/static/jazzmin/img/icons/Icons=SettingTool, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=SettingTool, Color=Default.svg');
}

.rd-icon-sinhron {
    mask-image: url('/static/jazzmin/img/icons/Icons=Sinhron, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Sinhron, Color=Default.svg');
}

.rd-icon-statistic {
    mask-image: url('/static/jazzmin/img/icons/Icons=Statistic, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Statistic, Color=Default.svg');
}

.rd-icon-terminal {
    mask-image: url('/static/jazzmin/img/icons/Icons=Terminal, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Terminal, Color=Default.svg');
}

.rd-icon-panel {
    mask-image: url('/static/jazzmin/img/icons/panel.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/panel.svg');
}

.rd-icon-uem-management {
    mask-image: url('/static/jazzmin/img/icons/uem-management.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/uem-management.svg');
}

.rd-icon-organization {
    mask-image: url('/static/jazzmin/img/icons/organization.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/organization.svg');
}

.rd-icon-audit {
    mask-image: url('/static/jazzmin/img/icons/audit.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/audit.svg');
}

.rd-icon-inventorization {
    mask-image: url('/static/jazzmin/img/icons/inventorization.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/inventorization.svg');
}

.rd-icon-reports {
    mask-image: url('/static/jazzmin/img/icons/reports.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/reports.svg');
}

.rd-icon-files {
    mask-image: url('/static/jazzmin/img/icons/files.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/files.svg');
}

.rd-icon-administration {
    mask-image: url('/static/jazzmin/img/icons/administration.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/administration.svg');
}

.rd-icon-two-people {
    mask-image: url('/static/jazzmin/img/icons/two_people.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/two_people.svg');
}

.rd-icon-funnel {
    mask-image: url('/static/jazzmin/img/icons/funnel.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/funnel.svg');
}

.rd-icon-info {
    mask-image: url('/static/jazzmin/img/icons/info_icon.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/info_icon.svg');
}

.rd-icon-done {
    mask-image: url('/static/jazzmin/img/icons/done_icon.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/done_icon.svg');
}

.rd-icon-drag {
    mask-image: url('/static/jazzmin/img/icons/drag.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/drag.svg');
}

.rd-icon-arrow-up {
    mask-image: url('/static/jazzmin/img/icons/arrow_up_icon.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/arrow_up_icon.svg');
}

.rd-icon-arrow-down {
    mask-image: url('/static/jazzmin/img/icons/arrow_down_icon.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/arrow_down_icon.svg');
}

.rd-icon-arrow-right {
    mask-image: url('/static/jazzmin/img/icons/rd-arrow-right.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-arrow-right.svg');
}

.rd-icon-menu {
    mask-image: url('/static/jazzmin/img/icons/rd-menu.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-menu.svg');
}

.rd-icon-user {
    mask-image: url('/static/jazzmin/img/icons/rd-user.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-user.svg');
}

.rd-icon-file {
    mask-image: url('/static/jazzmin/img/icons/rd-file.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-file.svg');
}

.rd-icon-sun {
    mask-image: url('/static/jazzmin/img/icons/rd-sun.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-sun.svg');
}

.rd-icon-moon {
    mask-image: url('/static/jazzmin/img/icons/rd-moon.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-moon.svg');
}

.rd-icon-eye {
    mask-image: url('/static/jazzmin/img/icons/eye.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/eye.svg');
}

.rd-icon-disable {
    mask-image: url('/static/jazzmin/img/icons/disable.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/disable.svg');
}

.rd-icon-sync {
    mask-image: url('/static/jazzmin/img/icons/sync.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/sync.svg');
}

.rd-icon-location {
    mask-image: url('/static/jazzmin/img/icons/rd_location.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd_location.svg');
}


.rd-icon-share {
    mask-image: url('/static/jazzmin/img/icons/rd_share.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd_share.svg');
}

.rd-icon-ellipsis {
    mask-image: url('/static/jazzmin/img/icons/Icons=Ellipsis, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Ellipsis, Color=Default.svg');
    width: 25px;
    height: 5px;
    color: var(--rd-text-accent, #D32D2F);
}

.rd-icon-compact-disc {
    mask-image: url('/static/jazzmin/img/icons/rd-compact-disc.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-compact-disc.svg');
}

/* Иконки оборудования (IconsSet) */
.rd-icon-matplata {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Matplata.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Matplata.svg');
}

.rd-icon-procesor {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Procesor.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Procesor.svg');
}

.rd-icon-memory {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Memory.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Memory.svg');
}

.rd-icon-drive {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Drive.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Drive.svg');
}

.rd-icon-videocarta {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Videocarta.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Videocarta.svg');
}

.rd-icon-monitor {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Monitor.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Monitor.svg');
}

.rd-icon-map {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=Map.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=Map.svg');
}

.rd-icon-ip {
    mask-image: url('/static/jazzmin/img/icons/IconsSet=IP.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/IconsSet=IP.svg');
}

.rd-icon-link-arrow {
    mask-image: url('/static/jazzmin/img/icons/link-arrow.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/link-arrow.svg');
}

.rd-icon-help {
    mask-image: url('/static/jazzmin/img/icons/Icons=Help, Color=Default.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/Icons=Help, Color=Default.svg');
}

.rd-icon-copy {
    mask-image: url('/static/jazzmin/img/icons/copy.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/copy.svg');
}

.rd-icon-calendar {
    mask-image: url('/static/jazzmin/img/icons/calendar.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/calendar.svg');
}

.rd-icon-clock {
    mask-image: url('/static/jazzmin/img/icons/clock.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/clock.svg');
}

.rd-icon-chevron-left {
    mask-image: url('/static/jazzmin/img/icons/chevron-left.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/chevron-left.svg');
}

.rd-icon-chevron-right {
    mask-image: url('/static/jazzmin/img/icons/chevron-right.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/chevron-right.svg');
}

.rd-icon-chevron-double-left {
    mask-image: url('/static/jazzmin/img/icons/chevron-double-left.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/chevron-double-left.svg');
}

.rd-icon-chevron-double-right {
    mask-image: url('/static/jazzmin/img/icons/chevron-double-right.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/chevron-double-right.svg');
}

/* Статусные иконки — полноцветные (background-image, не mask) */
.rd-icon-status-ok,
.rd-icon-status-none {
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* Кросс-браузерное выравнивание: Chrome/Firefox/Opera по-разному
       вычисляют baseline пустого inline-block — фиксируем явно */
    vertical-align: middle;
    /* Явный размер не зависит от font-size контейнера */
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.rd-icon-collapse-left {
    mask-image: url('/static/jazzmin/img/icons/collapse-left.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/collapse-left.svg');
}

.rd-icon-status-ok {
    background-image: url('/static/jazzmin/img/icons/status-ok.svg');
}

/* OS icons */
.rd-icon-os-windows {
    mask-image: url('/static/jazzmin/img/icons/os-windows.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/os-windows.svg');
}

.rd-icon-os-linux {
    mask-image: url('/static/jazzmin/img/icons/os-linux.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/os-linux.svg');
}

.rd-icon-os-macos {
    mask-image: url('/static/jazzmin/img/icons/os-macos.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/os-macos.svg');
}

.rd-icon-os-android {
    mask-image: url('/static/jazzmin/img/icons/os-android.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/os-android.svg');
}

.rd-icon-pxe {
    mask-image: url('/static/jazzmin/img/icons/pxe.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/pxe.svg');
}

.rd-icon-status-none {
    background-image: url('/static/jazzmin/img/icons/status-none.svg');
}

/* Иконки пакетов — полноцветные */
.rd-icon-pkg-deb,
.rd-icon-pkg-rpm,
.rd-icon-pkg-apk,
.rd-icon-pkg-pkg,
.rd-icon-pkg-sh,
.rd-icon-pkg-exe,
.rd-icon-pkg-msi {
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rd-icon-pkg-deb {
    background-image: url('/static/jazzmin/img/icons/deb.svg');
}

.rd-icon-pkg-rpm {
    background-image: url('/static/jazzmin/img/icons/rpm.svg');
}

.rd-icon-pkg-apk {
    background-image: url('/static/jazzmin/img/icons/apk.svg');
}

.rd-icon-pkg-pkg {
    background-image: url('/static/jazzmin/img/icons/pkg.svg');
}

.rd-icon-pkg-sh {
    background-image: url('/static/jazzmin/img/icons/sh.svg');
}

.rd-icon-pkg-exe {
    background-image: url('/static/jazzmin/img/icons/exe.svg');
}

.rd-icon-pkg-msi {
    background-image: url('/static/jazzmin/img/icons/msi.svg');
}

.rd-icon-store {
    mask-image: url('/static/jazzmin/img/icons/rd-store.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-store.svg');
}

.rd-icon-support {
    mask-image: url('/static/jazzmin/img/icons/rd-support.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-support.svg');
}

.rd-icon-all {
    mask-image: url('/static/jazzmin/img/icons/rd-all.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-all.svg');
}

.rd-icon-cloud-install {
    mask-image: url('/static/jazzmin/img/icons/rd-cloud-install.svg');
    -webkit-mask-image: url('/static/jazzmin/img/icons/rd-cloud-install.svg');
}

/* Иконка в dropdown-элементе */
.rd-btn-dropdown__item-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    flex-shrink: 0;
    align-self: center;
}

.rd-btn-dropdown__item:has(.rd-btn-dropdown__item-icon),
.rd-btn-dropdown__menu a.rd-btn-dropdown__item:has(.rd-btn-dropdown__item-icon) {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px;
}

.rd-btn-dropdown__item:has(.rd-btn-dropdown__item-icon) > div {
    display: flex;
    flex-direction: column;
}
