/* Ikony BuildiBox (portal) — SVG jako maska, kolor = currentColor, rozmiar = font-size.
   Użycie: <span class="ms ic ic-map"></span> (klasa .ms daje rozmiar i pozycję jak dotychczasowe glify).
   Nowa ikona = nowy alias tutaj (adres względem css/), np. .ic-key{--i:url(../img/icons/custom/KeyIcon.svg)}. */
.ic{display:inline-block;flex:none;width:1em;height:1em;padding:.08em;vertical-align:middle;background:currentColor;
  -webkit-mask-image:var(--i);mask-image:var(--i);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-origin:content-box;mask-origin:content-box}
.ic-map{--i:url(../img/icons/custom/MenuIconMap.svg)}
.ic-clocks{--i:url(../img/icons/custom/MenuIconClocks.svg)}
.ic-settings{--i:url(../img/icons/custom/MenuIconSettings.svg)}
.ic-vehicles{--i:url(../img/icons/custom/MenuIconVehicles.svg)}
.ic-zones{--i:url(../img/icons/custom/MenuIconZones.svg)}
.ic-users{--i:url(../img/icons/custom/MenuIconUsers.svg)}
.ic-dashboard{--i:url(../img/icons/custom/MenuIconDashboard.svg)}
.ic-devices{--i:url(../img/icons/custom/MenuIconDevices.svg)}
.ic-contracts{--i:url(../img/icons/custom/MenuIconContracts.svg)}
.ic-help{--i:url(../img/icons/custom/MenuIconHelp.svg)}
.ic-logout{--i:url(../img/icons/custom/LogoutIcon.svg)}
.ic-calendar{--i:url(../img/icons/custom/CalendarIcon.svg)}
.ic-clock{--i:url(../img/icons/custom/ClockClockIcon.svg)}
.ic-engine{--i:url(../img/icons/custom/ClockEngineIcon.svg)}
.ic-work-start{--i:url(../img/icons/custom/ClockWorkStartIcon.svg)}
.ic-work-end{--i:url(../img/icons/custom/ClockWorkEndIcon.svg)}
.ic-distance{--i:url(../img/icons/custom/ClockDistanceIcon.svg)}
.ic-speed{--i:url(../img/icons/custom/SpeedometerIcon.svg)}
.ic-satellite{--i:url(../img/icons/custom/SatelliteIcon.svg)}
.ic-battery{--i:url(../img/icons/custom/BatteryIcon.svg)}
.ic-printer{--i:url(../img/icons/custom/PrinterIcon.svg)}
.ic-edit{--i:url(../img/icons/custom/EditIcon.svg)}
.ic-delete{--i:url(../img/icons/custom/DeleteIcon.svg)}
.ic-key{--i:url(../img/icons/custom/KeyIcon.svg)}
.ic-warning{--i:url(../img/icons/custom/WarningIcon.svg)}
.ic-open{--i:url(../img/icons/custom/OpenInNewIcon.svg)}
.ic-chevron-left{--i:url(../img/icons/custom/ChevronLeftIcon.svg)}
.ic-chevron-right{--i:url(../img/icons/custom/ChevronRightIcon.svg)}
.ic-chevron-down{--i:url(../img/icons/custom/ChevronDownIcon.svg)}
.ic-close{--i:url(../img/icons/ant-design/CloseOutlined.svg)}
.ic-search{--i:url(../img/icons/ant-design/SearchOutlined.svg)}
.ic-add{--i:url(../img/icons/ant-design/PlusOutlined.svg)}
.ic-pdf{--i:url(../img/icons/ant-design/FilePdfOutlined.svg)}
.ic-file{--i:url(../img/icons/ant-design/FileTextOutlined.svg)}
.ic-send{--i:url(../img/icons/ant-design/SendOutlined.svg)}
.ic-info{--i:url(../img/icons/ant-design/InfoCircleOutlined.svg)}
.ic-arrow-right{--i:url(../img/icons/ant-design/ArrowRightOutlined.svg)}
.ic-reload{--i:url(../img/icons/ant-design/ReloadOutlined.svg)}
.ic-play{--i:url(../img/icons/ant-design/PlayCircleOutlined.svg)}
.ic-pause{--i:url(../img/icons/ant-design/PauseCircleOutlined.svg)}
.ic-eye{--i:url(../img/icons/ant-design/EyeOutlined.svg)}
.ic-lock{--i:url(../img/icons/ant-design/LockOutlined.svg)}
.ic-user{--i:url(../img/icons/ant-design/UserOutlined.svg)}
.ic-more{--i:url(../img/icons/ant-design/MoreOutlined.svg)}
.ic-bell{--i:url(../img/icons/mui/NotificationsOutlined.svg)}

/* Zdjęcie maszyny w kółku (lista, szczegóły, mapa) — js/machines.js */
.m-ava{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#fff7e6;color:var(--gold-active)}
.m-ava img{display:block;width:88%;height:88%;object-fit:contain}
.m-ava.has-img{width:44px;height:34px;flex-basis:44px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--border)}
.m-ava.has-img.big{width:64px;height:48px;flex-basis:64px;border-radius:10px}