/* Общие стили доступности (аудит A11Y-01/02). Подключается на всех страницах
   личного кабинета. На многих страницах был задан :focus { outline:none } —
   при навигации с клавиатуры не было видно, где фокус. Здесь — видимая
   рамка для фокуса с клавиатуры (:focus-visible; мышью рамка не
   появляется), с !important, потому что правила страниц вида
   input:focus { outline:none } специфичнее. Цвет виден и на тёмном, и на
   светлом фоне (контраст ≥ 3:1 для обоих). */
:focus-visible {
  outline: 2px solid var(--tt-focus, #8b6cff) !important;
  outline-offset: 2px !important;
}

/* Тумблеры: сам checkbox скрыт (opacity:0), поэтому рамку рисуем на
   видимом ползунке */
.switch input:focus-visible + .slider {
  outline: 2px solid var(--tt-focus, #8b6cff);
  outline-offset: 2px;
}

/* Текст только для экранного диктора */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}