/**
 * VP ERP — Flaticon fill-style icon masks (black SVG → tinted via background-color).
 */

.vpm-tab__icon,
.vpm-notify-btn__icon {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.vpm-tab__icon--home,
.vpm-tabbar--mobile .vpm-tab__icon--home,
.vpm-sidebar__nav .vpm-tab__icon--home {
	-webkit-mask-image: url("../icons/flaticon-fill/home.svg");
	mask-image: url("../icons/flaticon-fill/home.svg");
}

.vpm-tab__icon--customers,
.vpm-tabbar--mobile .vpm-tab__icon--customers,
.vpm-sidebar__nav .vpm-tab__icon--customers {
	-webkit-mask-image: url("../icons/flaticon-fill/customers.svg");
	mask-image: url("../icons/flaticon-fill/customers.svg");
}

.vpm-tab__icon--log,
.vpm-tab__icon--operations,
.vpm-tabbar--mobile .vpm-tab__icon--log,
.vpm-sidebar__nav .vpm-tab__icon--log {
	-webkit-mask-image: url("../icons/flaticon-fill/operations.svg");
	mask-image: url("../icons/flaticon-fill/operations.svg");
}

.vpm-tab__icon--plan,
.vpm-tabbar--mobile .vpm-tab__icon--plan,
.vpm-sidebar__nav .vpm-tab__icon--plan {
	-webkit-mask-image: url("../icons/flaticon-fill/plan.svg");
	mask-image: url("../icons/flaticon-fill/plan.svg");
}

.vpm-tab__icon--inbox,
.vpm-tabbar--mobile .vpm-tab__icon--inbox,
.vpm-sidebar__nav .vpm-tab__icon--inbox {
	-webkit-mask-image: url("../icons/flaticon-fill/inbox.svg");
	mask-image: url("../icons/flaticon-fill/inbox.svg");
}

.vpm-tab__icon--notify,
.vpm-tabbar--mobile .vpm-tab__icon--notify {
	-webkit-mask-image: url("../icons/flaticon-fill/notify.svg");
	mask-image: url("../icons/flaticon-fill/notify.svg");
}

.vpm-tab__icon--globe,
.vpm-gate__dock .vpm-tab__icon--globe,
.vpm-tabbar__lang-wrap .vpm-tab__icon--globe {
	-webkit-mask-image: url("../icons/flaticon-fill/globe.svg");
	mask-image: url("../icons/flaticon-fill/globe.svg");
}

.vpm-tab__icon--menu,
.vpm-tabbar--mobile .vpm-tab__icon--menu {
	-webkit-mask-image: url("../icons/flaticon-fill/menu.svg");
	mask-image: url("../icons/flaticon-fill/menu.svg");
}

.vpm-tab__icon--reports,
.vpm-sidebar__nav .vpm-tab__icon--reports {
	-webkit-mask-image: url("../icons/flaticon-fill/reports.svg");
	mask-image: url("../icons/flaticon-fill/reports.svg");
}

.vpm-notify-btn__icon,
.vpm-sidebar__utility .vpm-notify-btn__icon {
	-webkit-mask-image: url("../icons/flaticon-fill/notify.svg");
	mask-image: url("../icons/flaticon-fill/notify.svg");
	background-color: #111111;
	background-image: none;
}

.vpm-sidebar__nav .vpm-tab__icon,
.vpm-tabbar--mobile .vpm-tab__icon {
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

.vpm-sidebar__utility .vpm-notify-btn__icon {
	width: 20px;
	height: 20px;
}