.eva-icon { display: inline-block; width: 1em; height: 1em; min-width: 1em; margin-right: 0.35em; vertical-align: -0.14em; background-color: currentColor; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } button .eva-icon, .btn .eva-icon, label .eva-icon, h1 .eva-icon, h3 .eva-icon, h4 .eva-icon, .context-menu-item .eva-icon, .column-context-menu-header .eva-icon, .stat-item .eva-icon, .filter-btn .eva-icon, .menu-card .eva-icon { margin-right: 0.4em; } .eva-icon.only-icon, th .eva-icon { margin-right: 0; } .ico-home { -webkit-mask-image: url('../icons/ui/home.svg'); mask-image: url('../icons/ui/home.svg'); } .ico-settings { -webkit-mask-image: url('../icons/ui/settings.svg'); mask-image: url('../icons/ui/settings.svg'); } .ico-upload { -webkit-mask-image: url('../icons/ui/upload.svg'); mask-image: url('../icons/ui/upload.svg'); } .ico-download { -webkit-mask-image: url('../icons/ui/download.svg'); mask-image: url('../icons/ui/download.svg'); } .ico-delete { -webkit-mask-image: url('../icons/ui/delete.svg'); mask-image: url('../icons/ui/delete.svg'); } .ico-edit { -webkit-mask-image: url('../icons/ui/edit.svg'); mask-image: url('../icons/ui/edit.svg'); } .ico-search { -webkit-mask-image: url('../icons/ui/search.svg'); mask-image: url('../icons/ui/search.svg'); } .ico-folder { -webkit-mask-image: url('../icons/ui/folder.svg'); mask-image: url('../icons/ui/folder.svg'); } .ico-file { -webkit-mask-image: url('../icons/ui/file.svg'); mask-image: url('../icons/ui/file.svg'); } .ico-print { -webkit-mask-image: url('../icons/ui/print.svg'); mask-image: url('../icons/ui/print.svg'); } .ico-excel { -webkit-mask-image: url('../icons/ui/excel.svg'); mask-image: url('../icons/ui/excel.svg'); } .ico-refresh { -webkit-mask-image: url('../icons/ui/refresh.svg'); mask-image: url('../icons/ui/refresh.svg'); } .ico-add { -webkit-mask-image: url('../icons/ui/add.svg'); mask-image: url('../icons/ui/add.svg'); } .ico-close { -webkit-mask-image: url('../icons/ui/close.svg'); mask-image: url('../icons/ui/close.svg'); } .ico-check { -webkit-mask-image: url('../icons/ui/check.svg'); mask-image: url('../icons/ui/check.svg'); } .ico-warning { -webkit-mask-image: url('../icons/ui/warning.svg'); mask-image: url('../icons/ui/warning.svg'); } .ico-table { -webkit-mask-image: url('../icons/ui/table.svg'); mask-image: url('../icons/ui/table.svg'); } .ico-box { -webkit-mask-image: url('../icons/ui/box.svg'); mask-image: url('../icons/ui/box.svg'); } .ico-weight { -webkit-mask-image: url('../icons/ui/weight.svg'); mask-image: url('../icons/ui/weight.svg'); } .ico-building { -webkit-mask-image: url('../icons/ui/building.svg'); mask-image: url('../icons/ui/building.svg'); } .ico-hash { -webkit-mask-image: url('../icons/ui/hash.svg'); mask-image: url('../icons/ui/hash.svg'); } .ico-calendar { -webkit-mask-image: url('../icons/ui/calendar.svg'); mask-image: url('../icons/ui/calendar.svg'); } .ico-brain { -webkit-mask-image: url('../icons/ui/brain.svg'); mask-image: url('../icons/ui/brain.svg'); } .ico-zoom { -webkit-mask-image: url('../icons/ui/zoom.svg'); mask-image: url('../icons/ui/zoom.svg'); } .ico-target { -webkit-mask-image: url('../icons/ui/target.svg'); mask-image: url('../icons/ui/target.svg'); } .ico-copy { -webkit-mask-image: url('../icons/ui/copy.svg'); mask-image: url('../icons/ui/copy.svg'); } .ico-color { -webkit-mask-image: url('../icons/ui/color.svg'); mask-image: url('../icons/ui/color.svg'); } .ico-link { -webkit-mask-image: url('../icons/ui/link.svg'); mask-image: url('../icons/ui/link.svg'); } .ico-hammer { -webkit-mask-image: url('../icons/ui/hammer.svg'); mask-image: url('../icons/ui/hammer.svg'); } .ico-status { -webkit-mask-image: url('../icons/ui/status.svg'); mask-image: url('../icons/ui/status.svg'); } .ico-empty { -webkit-mask-image: url('../icons/ui/empty.svg'); mask-image: url('../icons/ui/empty.svg'); } .section-title-with-logo { display: inline-flex; align-items: center; gap: 14px; } .section-title-logo { width: 68px; height: 68px; object-fit: contain; flex: 0 0 auto; display: inline-block; border-radius: 16px; background: transparent; box-shadow: none; transition: box-shadow 0.2s ease, transform 0.2s ease; } .section-title-logo:hover { box-shadow: 0 0 10px var(--eva-accent, #7caece), 0 0 20px var(--eva-accent, #7caece), 0 0 30px rgba(124, 174, 206, 0.8); transform: scale(1.02); } .icon-shipping { -webkit-mask-image: url('../icons/menu/shipping.svg'); mask-image: url('../icons/menu/shipping.svg'); }