/* Only the mobile arrow glyph changes; button geometry and behaviour stay intact. */
@media (max-width: 767px) {
  html body :is(#root main button[aria-label="Наверх"], button[aria-label="Наверх"], [data-scroll-top], .scroll-top, .agis-scroll-top, .monitoring-scroll-top) {
    font-size: 0 !important;
  }
  html body :is(#root main button[aria-label="Наверх"], button[aria-label="Наверх"], [data-scroll-top], .scroll-top, .agis-scroll-top, .monitoring-scroll-top) > * {
    display: none !important;
  }
  html body :is(#root main button[aria-label="Наверх"], button[aria-label="Наверх"], [data-scroll-top], .scroll-top, .agis-scroll-top, .monitoring-scroll-top)::before {
    content: none !important;
  }
  html body :is(#root main button[aria-label="Наверх"], button[aria-label="Наверх"], [data-scroll-top], .scroll-top, .agis-scroll-top, .monitoring-scroll-top)::after {
    content: "↑" !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(50% - 2px) !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: inherit !important;
    font: 300 24px/24px Arial, sans-serif !important;
    text-align: center !important;
    text-indent: 0 !important;
    transform: translate(-50%, -50%) !important;
    animation: none !important;
    pointer-events: none !important;
  }
}