/* Иконки из спрайта static/img/icons.svg и глазок у полей пароля (static/js/icons.js).
   Иконка по умолчанию размером со строку текста и цвета текста вокруг: так она сама
   встаёт в кнопку, пункт меню или заголовок без отдельной настройки. */
.ic { width: 1.15em; height: 1.15em; flex: none; display: inline-block; vertical-align: -0.2em;
      stroke: currentColor; fill: none; overflow: visible; pointer-events: none;
      /* у фирменной иконки одна деталь своим цветом: на светлом — Сборка, на тёмном — GIS */
      --kp-icon-accent: var(--c-focus, #0B79E4); }
.sidebar .ic, #kp-tb .ic, #b-toolbar .ic, .ze-top .ic, .ze-fmt .ic, .toast .ic, .toast-undo .ic,
#login-wrap .ic { --kp-icon-accent: var(--c-dark-accent, #2DA1FF); }
/* в меню линия чуть толще — так набор задуман в пакете */
.nav-item .ic { stroke-width: 1.9; }
.ic-sm { width: 0.95em; height: 0.95em; }
.ic-lg { width: 1.5em; height: 1.5em; }
.ic-xl { width: 2em; height: 2em; }
/* кнопка из одной иконки: иконка по центру, без лишнего сдвига вниз */
button > .ic:only-child, a > .ic:only-child { vertical-align: middle; }

/* иконка, которой icons.js заменил эмодзи в подписи кнопки: чуть меньше строки, как было эмодзи */
.ic-emo { width: 1.05em; height: 1.05em; vertical-align: -0.16em; }

/* ── глазок ── */
.pw-field { position: relative; display: inline-block; max-width: 100%; }
.pw-field > input { padding-right: 44px !important; width: 100%; }
/* Значения через запятую — не «на всякий случай»: этот файл подключают и страницы без tokens.css
   (счёт, публичная ссылка, сайт), там токены не объявлены и глазок остался бы без цвета. */
.pw-eye { position: absolute; top: 50%; right: 4px; transform: translateY(-50%);
          width: 36px; height: 36px; padding: 0; border: 0; border-radius: 9px; background: transparent;
          color: var(--c-muted, #5B6B82); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.pw-eye:hover { color: var(--c-ink, #0B1A30); background: var(--c-sunken, #EFF3F9); }
.pw-eye:focus-visible { outline: 2px solid var(--c-focus, #0B79E4); outline-offset: 1px; }
.pw-eye .ic { width: 20px; height: 20px; }