/* Brand icons — монохромные line-иконки, залитые фирменным градиентом
* (как круглые иконки меню). Подключаются классом: .
* Техника: CSS mask + gradient background → иконка наследует размер от font-size.
* Полностью изолировано: чтобы откатить — убрать на этот файл и вернуть эмодзи.
*/
.hi {
display: inline-block;
width: 1.05em;
height: 1.05em;
vertical-align: -0.18em;
background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
-webkit-mask: var(--hi) no-repeat center / contain;
mask: var(--hi) no-repeat center / contain;
flex: none;
}
/* Светлый вариант — для иконок на цветных панелях (бел. текст) */
.hi-light { background: #fff; }
/* Внутри кнопок иконка наследует цвет текста кнопки — это автоматически
* корректно во всех состояниях (обычное/hover/disabled, primary/outline/icon). */
.btn .hi,
.btn-icon .hi,
.hi-cc { background: currentColor; }
.hi-play { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23000%27%3E%3Cpath%20d%3D%27M8%205v14l11-7z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-chart { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23000%27%3E%3Crect%20x%3D%274%27%20y%3D%2712%27%20width%3D%273.6%27%20height%3D%278%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2710.2%27%20y%3D%276%27%20width%3D%273.6%27%20height%3D%2714%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2716.4%27%20y%3D%279%27%20width%3D%273.6%27%20height%3D%2711%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E"); }
.hi-trending { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2017l6-6%204%204%208-8%27%2F%3E%3Cpath%20d%3D%27M15%207h6v6%27%2F%3E%3C%2Fsvg%3E"); }
.hi-clock { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207v5l3%202%27%2F%3E%3C%2Fsvg%3E"); }
.hi-calendar { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274.5%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%209h18M8%202.5v4M16%202.5v4%27%2F%3E%3C%2Fsvg%3E"); }
.hi-trash { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16M9%207V4h6v3M6%207l1%2013h10l1-13%27%2F%3E%3C%2Fsvg%3E"); }
.hi-refresh { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2011a8%208%200%201%200-2%205.3%27%2F%3E%3Cpath%20d%3D%27M20%204v5h-5%27%2F%3E%3C%2Fsvg%3E"); }
.hi-search { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27M21%2021l-4.3-4.3%27%2F%3E%3C%2Fsvg%3E"); }
.hi-plus { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M12%205v14M5%2012h14%27%2F%3E%3C%2Fsvg%3E"); }
.hi-calc { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%272.5%27%20width%3D%2714%27%20height%3D%2719%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%206.5h8%27%2F%3E%3Cpath%20d%3D%27M8.5%2011h0M12%2011h0M15.5%2011h0M8.5%2014.5h0M12%2014.5h0M15.5%2014.5h0M8.5%2018h0M12%2018h0M15.5%2018h0%27%2F%3E%3C%2Fsvg%3E"); }
.hi-target { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); }
.hi-money { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M10%2017v-9h3a2.5%202.5%200%200%201%200%205h-5%27%2F%3E%3Cpath%20d%3D%27M8%2014.2h5%27%2F%3E%3C%2Fsvg%3E"); }
.hi-gear { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273.2%27%2F%3E%3Cpath%20d%3D%27M12%202.5v2.6M12%2018.9v2.6M21.5%2012h-2.6M5.1%2012H2.5M18.7%205.3l-1.8%201.8M7.1%2016.9l-1.8%201.8M18.7%2018.7l-1.8-1.8M7.1%207.1L5.3%205.3%27%2F%3E%3C%2Fsvg%3E"); }
.hi-download { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203v12%27%2F%3E%3Cpath%20d%3D%27M7%2011l5%205%205-5%27%2F%3E%3Cpath%20d%3D%27M5%2021h14%27%2F%3E%3C%2Fsvg%3E"); }
.hi-mail { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3.5%207l8.5%206%208.5-6%27%2F%3E%3C%2Fsvg%3E"); }
.hi-bulb { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9.5%2018h5%27%2F%3E%3Cpath%20d%3D%27M10%2021h4%27%2F%3E%3Cpath%20d%3D%27M12%203a6%206%200%200%200-3.8%2010.6c.7.6%201.3%201.4%201.3%202.4h5c0-1%20.6-1.8%201.3-2.4A6%206%200%200%200%2012%203z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-building { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%273%27%20width%3D%278%27%20height%3D%2718%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2712%27%20y%3D%278%27%20width%3D%278%27%20height%3D%2713%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M7%207h2M7%2011h2M7%2015h2M15%2012h2M15%2016h2%27%2F%3E%3C%2Fsvg%3E"); }
.hi-sun { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M12%202v2.5M12%2019.5V22M2%2012h2.5M19.5%2012H22M5%205l1.7%201.7M17.3%2017.3%2019%2019M19%205l-1.7%201.7M6.7%2017.3%205%2019%27%2F%3E%3C%2Fsvg%3E"); }
.hi-pin { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022s7-7.2%207-13A7%207%200%200%200%205%209c0%205.8%207%2013%207%2013z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%279%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E"); }
.hi-globe { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M3%2012h18%27%2F%3E%3Cpath%20d%3D%27M12%203c2.6%202.8%202.6%2015.2%200%2018M12%203c-2.6%202.8-2.6%2015.2%200%2018%27%2F%3E%3C%2Fsvg%3E"); }
.hi-tag { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20.5%2013.3%2012%2021.8a2%202%200%200%201-2.8%200l-6.5-6.5a2%202%200%200%201%200-2.8L9.2%204h8.3a3%203%200%200%201%203%203v6.3z%27%2F%3E%3Ccircle%20cx%3D%2715.5%27%20cy%3D%278.5%27%20r%3D%271.3%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); }
.hi-bed { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2018V7%27%2F%3E%3Cpath%20d%3D%27M3%2011h13a4%204%200%200%201%204%204v3%27%2F%3E%3Cpath%20d%3D%27M3%2015h17%27%2F%3E%3Cpath%20d%3D%27M7%2011V9a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v2%27%2F%3E%3C%2Fsvg%3E"); }
.hi-check { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2013l4%204%2010-11%27%2F%3E%3C%2Fsvg%3E"); }
.hi-warn { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5%202.5%2020.5h19z%27%2F%3E%3Cpath%20d%3D%27M12%2010v4.5%27%2F%3E%3Cpath%20d%3D%27M12%2017.6h0%27%2F%3E%3C%2Fsvg%3E"); }
.hi-x { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M6%206l12%2012M18%206%206%2018%27%2F%3E%3C%2Fsvg%3E"); }
.hi-edit { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020h4L18.5%209.5l-4-4L4%2016z%27%2F%3E%3Cpath%20d%3D%27M13.5%206.5l4%204%27%2F%3E%3C%2Fsvg%3E"); }
/* Расширенный набор — замена оставшихся эмодзи по сайту */
.hi-dashboard { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%275%27%2F%3E%3Cpath%20d%3D%27M12%203.5a8.5%208.5%200%201%201-6.5%2014%27%2F%3E%3C%2Fsvg%3E"); }
.hi-database { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2712%27%20cy%3D%275.5%27%20rx%3D%278%27%20ry%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%205.5v6c0%201.7%203.6%203%208%203s8-1.3%208-3v-6%27%2F%3E%3Cpath%20d%3D%27M4%2011.5v6c0%201.7%203.6%203%208%203s8-1.3%208-3v-6%27%2F%3E%3C%2Fsvg%3E"); }
.hi-lock { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2711%27%20width%3D%2714%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2011V7a4%204%200%200%201%208%200v4%27%2F%3E%3C%2Fsvg%3E"); }
.hi-key { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%277%27%20cy%3D%2715%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M10%2012%2019%203%27%2F%3E%3Cpath%20d%3D%27M15%208l2%202M18%205l2%202%27%2F%3E%3C%2Fsvg%3E"); }
.hi-bell { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%2010a6%206%200%200%201%2012%200c0%204%201.5%205.5%202%206.5H4c.5-1%202-2.5%202-6.5z%27%2F%3E%3Cpath%20d%3D%27M10%2019.5a2%202%200%200%200%204%200%27%2F%3E%3C%2Fsvg%3E"); }
.hi-card { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.5%27%20y%3D%275%27%20width%3D%2719%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M2.5%209.5h19%27%2F%3E%3Cpath%20d%3D%27M6%2015h4%27%2F%3E%3C%2Fsvg%3E"); }
.hi-ticket { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%209a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v1.3a1.8%201.8%200%200%200%200%203.4V16a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-2.3a1.8%201.8%200%200%200%200-3.4V9z%27%2F%3E%3Cpath%20d%3D%27M14%207.5v9%27%20stroke-dasharray%3D%271.8%202.2%27%2F%3E%3C%2Fsvg%3E"); }
.hi-tools { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a4%204%200%200%200-5.4%205.4L3%2018l3%203%206.3-6.3a4%204%200%200%200%205.4-5.4l-2.8%202.8-2.2-2.2z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-link { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9.5%2014.5%2014.5%209.5%27%2F%3E%3Cpath%20d%3D%27M11%206.5%2013%204.5a4%204%200%200%201%205.5%205.5L16.5%2012%27%2F%3E%3Cpath%20d%3D%27M13%2017.5%2011%2019.5A4%204%200%200%201%205.5%2014L7.5%2012%27%2F%3E%3C%2Fsvg%3E"); }
.hi-user { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M4.5%2020c1-4%204-6%207.5-6s6.5%202%207.5%206%27%2F%3E%3C%2Fsvg%3E"); }
.hi-users { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273.2%27%2F%3E%3Cpath%20d%3D%27M2.8%2019c.8-3.4%203.2-5.2%206.2-5.2s5.4%201.8%206.2%205.2%27%2F%3E%3Cpath%20d%3D%27M15.5%205a3.2%203.2%200%200%201%200%206.2%27%2F%3E%3Cpath%20d%3D%27M16.5%2013.9c2.4.4%204%202%204.7%205.1%27%2F%3E%3C%2Fsvg%3E"); }
.hi-ban { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M6%206l12%2012%27%2F%3E%3C%2Fsvg%3E"); }
.hi-clipboard { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%274.5%27%20width%3D%2712%27%20height%3D%2717%27%20rx%3D%272%27%2F%3E%3Crect%20x%3D%279%27%20y%3D%272.5%27%20width%3D%276%27%20height%3D%273%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M9%2012h6M9%2016h6%27%2F%3E%3C%2Fsvg%3E"); }
.hi-trophy { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%204h10v4a5%205%200%200%201-10%200V4z%27%2F%3E%3Cpath%20d%3D%27M7%205H4.5A2.5%202.5%200%200%200%204%207a2.5%202.5%200%200%200%202.5%202.5M17%205h2.5A2.5%202.5%200%200%201%2020%207a2.5%202.5%200%200%201-2.5%202.5%27%2F%3E%3Cpath%20d%3D%27M12%2013v4%27%2F%3E%3Cpath%20d%3D%27M8.5%2021h7%27%2F%3E%3C%2Fsvg%3E"); }
.hi-shield { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l7%203v6c0%204.5-3%207.5-7%209-4-1.5-7-4.5-7-9V6z%27%2F%3E%3Cpath%20d%3D%27M9%2012l2%202%204-4.5%27%2F%3E%3C%2Fsvg%3E"); }
.hi-phone { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h3.5l1.5%204-2%201.5a12%2012%200%200%200%206.5%206.5l1.5-2%204%201.5V19a2%202%200%200%201-2%202C10.5%2021%203%2013.5%203%206a2%202%200%200%201%202-2z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-robot { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%279%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M12%205.5v3.5%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%274%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2714%27%20r%3D%271.1%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2714%27%20r%3D%271.1%27%20fill%3D%27%23000%27%2F%3E%3Cpath%20d%3D%27M9%2017.5h6%27%2F%3E%3Cpath%20d%3D%27M2%2013v3M22%2013v3%27%2F%3E%3C%2Fsvg%3E"); }
.hi-palette { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203a9%208%200%200%200%200%2016c1.2%200%201.6-.8%201.2-1.7-.3-.7%200-1.5.9-1.5H16a4%204%200%200%200%204-4c0-5-3.6-8.8-8-8.8z%27%2F%3E%3Ccircle%20cx%3D%277.5%27%20cy%3D%2711%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%279.5%27%20cy%3D%277.5%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2714%27%20cy%3D%277%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2716.5%27%20cy%3D%2710.5%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); }
.hi-chat { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274.5%27%20width%3D%2718%27%20height%3D%2712%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2016.5v3.3L12.5%2016.5%27%2F%3E%3C%2Fsvg%3E"); }
.hi-file { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%202.5h8l4%204V21a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1V3.5a1%201%200%200%201%201-1z%27%2F%3E%3Cpath%20d%3D%27M14%202.5V7h4%27%2F%3E%3Cpath%20d%3D%27M8%2012h8M8%2016h8%27%2F%3E%3C%2Fsvg%3E"); }
.hi-printer { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%208V3h10v5%27%2F%3E%3Crect%20x%3D%274%27%20y%3D%278%27%20width%3D%2716%27%20height%3D%278%27%20rx%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M7%2015h10v6H7z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-fire { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021c-4%200-6.5-2.5-6.5-6%200-2.5%201.5-4%202.3-5.8.5-1.1.4-2.3-.3-3.7%202.8.5%204.2%202.4%204.4%204.6.9-1.2%201-2.6.6-4.1%203%201.5%205.5%204.5%205.5%208%200%203.6-2.6%207-6%207z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-monitor { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.5%27%20y%3D%274%27%20width%3D%2719%27%20height%3D%2713%27%20rx%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M8%2021h8M12%2017v4%27%2F%3E%3C%2Fsvg%3E"); }
.hi-package { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203%203%207.5%2012%2012l9-4.5L12%203z%27%2F%3E%3Cpath%20d%3D%27M3%207.5V16l9%204.5V12%27%2F%3E%3Cpath%20d%3D%27M21%207.5V16l-9%204.5%27%2F%3E%3C%2Fsvg%3E"); }
.hi-zap { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M13%202%204%2014h6l-1%208%209-12h-6l1-8z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-question { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M9.3%209.3a2.7%202.7%200%201%201%204%202.4c-1%20.5-1.3%201.1-1.3%202.1%27%2F%3E%3Cpath%20d%3D%27M12%2017.3h0%27%2F%3E%3C%2Fsvg%3E"); }
.hi-rocket { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202c3%201%205.5%204%205.5%208.5%200%202-1%204-2%205l-3.5%204-3.5-4c-1-1-2-3-2-5C6.5%206%209%203%2012%202z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272%27%2F%3E%3Cpath%20d%3D%27M9%2017l-2.5%201v-3M15%2017l2.5%201v-3%27%2F%3E%3C%2Fsvg%3E"); }
.hi-star { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5l2.6%205.5%206%20.8-4.4%204.2%201.1%206-5.3-2.9-5.3%202.9%201.1-6-4.4-4.2%206-.8z%27%2F%3E%3C%2Fsvg%3E"); }
.hi-wifi { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%209a12%2012%200%200%201%2016%200%27%2F%3E%3Cpath%20d%3D%27M7%2012.5a7.5%207.5%200%200%201%2010%200%27%2F%3E%3Cpath%20d%3D%27M10%2016a3.5%203.5%200%200%201%204%200%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2719.5%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); }
.hi-logout { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%27%2F%3E%3Cpath%20d%3D%27M16%2017l5-5-5-5%27%2F%3E%3Cpath%20d%3D%27M21%2012H9%27%2F%3E%3C%2Fsvg%3E"); }
/* Статус-точки (было 🟢🟡🔴🔹) — сплошной цветной индикатор, не градиентная иконка */
.hi-dot {
display: inline-block;
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background: currentColor;
vertical-align: 0.08em;
flex: none;
}
.hi-dot-success { color: var(--success); }
.hi-dot-warning { color: var(--warning); }
.hi-dot-danger { color: var(--danger); }
.hi-dot-muted { color: var(--text-muted); }
.hi-save { --hi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%204.5A1.5%201.5%200%200%201%205.5%203H16l4%204v12.5A1.5%201.5%200%200%201%2018.5%2021h-13A1.5%201.5%200%200%201%204%2019.5v-15z%27%2F%3E%3Cpath%20d%3D%27M8%203v5h8V3%27%2F%3E%3Cpath%20d%3D%27M7%2014h10v7H7z%27%2F%3E%3C%2Fsvg%3E"); }