.cabinet-ui-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  vertical-align: -3px;
  background: currentColor;
  -webkit-mask: var(--cabinet-ui-icon) center / contain no-repeat;
  mask: var(--cabinet-ui-icon) center / contain no-repeat;
  pointer-events: none;
}

.cabinet-ui-icon[data-icon="bars"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/bars.svg'); }
.cabinet-ui-icon[data-icon="magnifying-glass"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/magnifying-glass.svg'); }
.cabinet-ui-icon[data-icon="bell"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/bell.svg'); }
.cabinet-ui-icon[data-icon="right-from-bracket"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/right-from-bracket.svg'); }
.cabinet-ui-icon[data-icon="xmark"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/xmark.svg'); }
.cabinet-ui-icon[data-icon="grip-lines"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/grip-lines.svg'); }
.cabinet-ui-icon[data-icon="arrow-left"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/arrow-left.svg'); }
.cabinet-ui-icon[data-icon="arrow-right"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/arrow-right.svg'); }
.cabinet-ui-icon[data-icon="arrow-up"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/arrow-up.svg'); }
.cabinet-ui-icon[data-icon="arrow-down"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/arrow-down.svg'); }
.cabinet-ui-icon[data-icon="arrow-turn-down-right"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/arrow-turn-down-right.svg'); }
.cabinet-ui-icon[data-icon="chevron-down"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/chevron-down.svg'); }
.cabinet-ui-icon[data-icon="location-crosshairs"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/location-crosshairs.svg'); }
.cabinet-ui-icon[data-icon="plus"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/plus.svg'); }
.cabinet-ui-icon[data-icon="check"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/check.svg'); }
.cabinet-ui-icon[data-icon="eye"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/eye.svg'); }
.cabinet-ui-icon[data-icon="eye-slash"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/eye-slash.svg'); }
.cabinet-ui-icon[data-icon="boxes-stacked"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/boxes-stacked.svg'); }
.cabinet-ui-icon[data-icon="floppy-disk"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/floppy-disk.svg'); }
.cabinet-ui-icon[data-icon="trash-can"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/trash-can.svg'); }
.cabinet-ui-icon[data-icon="grip-dots-vertical"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/grip-dots-vertical.svg'); }
.cabinet-ui-icon[data-icon="sigma"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/sigma.svg'); }
.cabinet-ui-icon[data-icon="table-rows"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/table-rows.svg'); }
.cabinet-ui-icon[data-icon="table-columns"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/table-columns.svg'); }
.cabinet-ui-icon[data-icon="rotate"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/rotate.svg'); }
.cabinet-ui-icon[data-icon="sliders"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/sliders.svg'); }
.cabinet-ui-icon[data-icon="file-excel"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/file-excel.svg'); }
.cabinet-ui-icon[data-icon="filter"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/filter.svg'); }
.cabinet-ui-icon[data-icon="filter-circle-xmark"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/filter-circle-xmark.svg'); }
.cabinet-ui-icon[data-icon="receipt"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/receipt.svg'); }
.cabinet-ui-icon[data-icon="print"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/print.svg'); }
.cabinet-ui-icon[data-icon="signal-stream"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/signal-stream.svg'); }
.cabinet-ui-icon[data-icon="pen-ruler"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/pen-ruler.svg'); }
.cabinet-ui-icon[data-icon="circle-info"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/circle-info.svg'); }
.cabinet-ui-icon[data-icon="clock-rotate-left"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/clock-rotate-left.svg'); }
.cabinet-ui-icon[data-icon="arrows-rotate"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/arrows-rotate.svg'); }
.cabinet-ui-icon[data-icon="cash-register"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/cash-register.svg'); }
.cabinet-ui-icon[data-icon="triangle-exclamation"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/triangle-exclamation.svg'); }
.cabinet-ui-icon[data-icon="kitchen-set"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/kitchen-set.svg'); }
.cabinet-ui-icon[data-icon="circle"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/circle.svg'); }
.cabinet-ui-icon[data-icon="key"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/key.svg'); }
.cabinet-ui-icon[data-icon="shield-check"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/shield-check.svg'); }
.cabinet-ui-icon[data-icon="download"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/download.svg'); }
.cabinet-ui-icon[data-icon="ban"] { --cabinet-ui-icon: url('/vendor/fontawesome/light/ban.svg'); }

.cabinet-icon-button { color: #ffffff; }
.cabinet-icon-button .cabinet-ui-icon,
.cabinet-bell .cabinet-ui-icon,
.cabinet-search-toggle .cabinet-ui-icon {
  width: 21px;
  height: 21px;
  flex-basis: 21px;
  border-radius: 0;
}

.cabinet-search-field > .cabinet-ui-icon {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
  color: #658087;
}

.auth-password-toggle .cabinet-ui-icon {
  width: 28px;
  height: 28px;
}

.cabinet-logout .cabinet-ui-icon { display: none; }
.cabinet-menu-drag .cabinet-ui-icon { width: 16px; height: 16px; }
.cabinet-welcome-close .cabinet-ui-icon,
.cabinet-qr-close .cabinet-ui-icon,
.courier-apk-close .cabinet-ui-icon { width: 22px; height: 22px; }

.cabinet-search-loader {
  border: 0;
  border-radius: 0;
  background: #0c8793;
  -webkit-mask: url('/vendor/fontawesome/light/spinner-third.svg') center / contain no-repeat;
  mask: url('/vendor/fontawesome/light/spinner-third.svg') center / contain no-repeat;
}

.cabinet-sort-icon::before,
th.is-sort-asc .cabinet-sort-icon::before,
th.is-sort-desc .cabinet-sort-icon::before {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url('/vendor/fontawesome/light/arrow-down-arrow-up.svg') center / contain no-repeat;
  mask: url('/vendor/fontawesome/light/arrow-down-arrow-up.svg') center / contain no-repeat;
}
th.is-sort-asc .cabinet-sort-icon::before { -webkit-mask-image: url('/vendor/fontawesome/light/arrow-up.svg'); mask-image: url('/vendor/fontawesome/light/arrow-up.svg'); }
th.is-sort-desc .cabinet-sort-icon::before { -webkit-mask-image: url('/vendor/fontawesome/light/arrow-down.svg'); mask-image: url('/vendor/fontawesome/light/arrow-down.svg'); }

.cabinet-stock-folder-icon {
  border-radius: 0;
  -webkit-mask: url('/vendor/fontawesome/light/folder.svg') center / contain no-repeat;
  mask: url('/vendor/fontawesome/light/folder.svg') center / contain no-repeat;
}
.cabinet-stock-folder-icon::before { content: none; }

.table-site-font-picker > summary::after,
.staff-pos-category summary::after {
  content: "";
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border: 0;
  background: currentColor;
  -webkit-mask: url('/vendor/fontawesome/light/chevron-down.svg') center / contain no-repeat;
  mask: url('/vendor/fontawesome/light/chevron-down.svg') center / contain no-repeat;
  transform: none;
}
.table-site-font-picker[open] > summary::after,
.staff-pos-category[open] summary::after { transform: rotate(180deg); }

.staff-position-upsell summary::after,
.order-consumables-button::after {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 0;
  background: currentColor;
  -webkit-mask: url('/vendor/fontawesome/light/plus.svg') center / contain no-repeat;
  mask: url('/vendor/fontawesome/light/plus.svg') center / contain no-repeat;
}
.staff-position-upsell[open] summary::after,
details[open] > .order-consumables-button::after {
  content: "";
  -webkit-mask-image: url('/vendor/fontawesome/light/minus.svg');
  mask-image: url('/vendor/fontawesome/light/minus.svg');
}

@media (max-width: 760px) {
  .cabinet-logout .cabinet-ui-icon { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .cabinet-search-loader { animation: none; }
}