/* settings.css — 5.3: вкладка «Настройки» (settings.js): один экран + экран «Уведомления» + окно «Тех. поддержка» */
#stats-tab .st-v2{ display: flex; flex-direction: column; gap: 10px; padding: 14px 14px calc(110px + env(safe-area-inset-bottom)); }
#stats-tab .st-v2 .stats-title{ margin: 2px 4px 2px; text-align: left; font-size: 24px; font-weight: 900; }
#stats-tab .st-v2 .build-label{ margin: 2px 0 0; font-size: 11.5px; font-weight: 700; }

.st-card{ background: rgba(22,27,54,.94); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; padding: 2px 14px; box-shadow: 0 6px 18px rgba(0,0,0,.22); color: #fff; }
.st-me{ padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.st-me__top{ display: flex; align-items: center; gap: 12px; }
.st-me__ava{ width: 48px; height: 48px; flex: 0 0 48px; border-radius: 13px; object-fit: cover; background: #3b4470; }
.st-me__txt{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.st-me__txt b{ font-size: 17px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-me__txt small{ font-size: 12px; font-weight: 800; color: #a9adc9; line-height: 1.3; }
.st-stats{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.st-stats > div{ background: rgba(255,255,255,.05); border-radius: 12px; padding: 8px 4px; text-align: center; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.st-stats b{ font-size: 15px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-stats small{ font-size: 11px; font-weight: 800; color: #a9adc9; }
.st-id{ flex: none; display: flex; align-items: center; gap: 5px; border: 0; background: rgba(255,255,255,.08); color: #c9cde6; border-radius: 9px; padding: 7px 9px; font-family: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.st-vip{ display: flex; align-items: center; gap: 10px; width: 100%; border: 1px solid rgba(245,197,66,.55); background: rgba(245,197,66,.1); border-radius: 13px; padding: 9px 12px; color: #fff; font-family: inherit; text-align: left; cursor: pointer; }
.st-vip[hidden]{ display: none; }
.st-vip b{ flex: 1; font-size: 13.5px; font-weight: 900; color: #f5c542; }
.st-vip span{ font-size: 13px; font-weight: 900; color: #f5c542; }
.st-vip.is-on{ background: rgba(245,197,66,.16); }

.st-row{ display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.07); background: none; color: #fff; font-family: inherit; text-align: left; }
.st-card > .st-row:last-child, .st-card > .st-row:last-of-type{ border-bottom: 0; }
button.st-row{ cursor: pointer; }
button.st-row:active{ opacity: .75; }
.st-ico{ position: relative; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 17px; background: rgba(255,255,255,.08); }
.st-ico img{ width: 22px; height: 22px; object-fit: contain; }
.st-ico--blue{ background: rgba(59,130,246,.2); }
.st-ico--sky{ background: rgba(56,189,248,.18); }
.st-ico--violet{ background: rgba(168,85,247,.18); }
.st-ico--red{ background: rgba(239,68,68,.16); }
.st-ico--gold{ background: rgba(245,197,66,.16); }
.st-ico--pink{ background: rgba(236,72,153,.16); }
.st-ico--green{ background: rgba(34,197,94,.16); }
.st-ico--orange{ background: rgba(249,115,22,.18); }
.st-dot{ position: absolute; top: -3px; right: -3px; width: 11px; height: 11px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 2px #161b36; }
.st-dot[hidden]{ display: none; }
.st-tx{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.st-tx b{ font-size: 14.5px; font-weight: 900; }
.st-tx small{ font-size: 12px; font-weight: 700; color: #a9adc9; line-height: 1.3; }
.st-tx small.is-warn{ color: #ff9a9a; }
.st-chev{ flex: none; color: #6f7596; font-size: 22px; font-weight: 900; line-height: 1; }
.st-go{ flex: none; height: 34px; padding: 0 14px; border: 0; border-radius: 11px; background: rgba(255,255,255,.1); color: #fff; font-family: inherit; font-size: 13.5px; font-weight: 900; cursor: pointer; }
.st-row .notif-toggle{ flex: none; }
.notif-toggle.is-lock{ background: rgba(245,197,66,.12); border: 1px solid rgba(245,197,66,.45); }
.notif-toggle.is-lock i{ display: none; }
.notif-toggle.is-lock::after{ content: ""; position: absolute; inset: 0; background: url("assets/lock.png?h=075a0a6604") center / 15px 15px no-repeat; }
.st-ico img.st-ico-img{ width: 20px; height: 20px; }

/* экраны поверх вкладки: «Уведомления» (на весь экран) и «Тех. поддержка» (снизу) */
.st-layer{ position: fixed; inset: 0; z-index: 20000; display: flex; align-items: flex-end; justify-content: center; background: rgba(4,6,18,.6); opacity: 0; transition: opacity .18s; }
.st-layer.is-open{ opacity: 1; }
.st-page{ width: 100%; max-width: 450px; height: 100%; overflow-y: auto; box-sizing: border-box; padding: 14px 14px calc(24px + env(safe-area-inset-bottom));
  background: #12172e; color: #fff; display: flex; flex-direction: column; gap: 10px; transform: translateX(24px); transition: transform .2s; }
.st-layer.is-open .st-page{ transform: none; }
.st-page > *{ flex-shrink: 0; }
.st-head{ display: flex; align-items: center; gap: 10px; margin: 0 2px; }
.st-head h3{ margin: 0; font-size: 22px; font-weight: 900; }
.st-back{ width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.1); color: #fff; font-family: inherit; font-size: 20px; font-weight: 900; cursor: pointer; display: grid; place-items: center; }
.st-h{ display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 900; color: #a9adc9; text-transform: uppercase; letter-spacing: .5px; margin: 4px 4px 0; }
.st-h span + span{ text-transform: none; letter-spacing: 0; color: #f5c542; }
.st-warn{ display: flex; align-items: center; gap: 10px; background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.55); border-radius: 16px; padding: 10px 12px; }
.st-warn.is-ok{ background: rgba(34,197,94,.1); border-color: rgba(34,197,94,.45); }
.st-warn span{ flex: 1; display: flex; flex-direction: column; gap: 1px; font-size: 14px; font-weight: 900; }
.st-warn small{ font-size: 12px; font-weight: 700; color: #f3c6c6; }
.st-warn.is-ok small{ color: #c8f3d6; }
.st-warn button{ flex: none; height: 34px; padding: 0 14px; border: 0; border-radius: 11px; background: #ef4444; color: #fff; font-family: inherit; font-size: 13.5px; font-weight: 900; cursor: pointer; }
.st-card.is-vip{ border-color: rgba(245,197,66,.45); }
.st-quiet{ display: flex; align-items: center; gap: 8px; padding: 0 0 12px 46px; font-size: 13px; font-weight: 800; color: #c9cde6; }
.st-quiet select{ height: 36px; border-radius: 10px; border: 1px solid rgba(245,197,66,.5); background: rgba(245,197,66,.1); color: #fff; font-family: inherit; font-size: 14px; font-weight: 900; padding: 0 8px; }

.st-sheet{ width: 100%; max-width: 450px; max-height: calc(100% - 10px); overflow-y: auto; box-sizing: border-box; padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
  border-radius: 24px 24px 0 0; background: #1c243e; color: #fff; display: flex; flex-direction: column; gap: 12px; transform: translateY(24px); transition: transform .2s; }
.st-layer.is-open .st-sheet{ transform: none; }
.st-sheet > *{ flex-shrink: 0; }
.st-sup-head{ display: flex; align-items: center; gap: 10px; }
.st-sup-head .st-ico{ width: 40px; height: 40px; flex-basis: 40px; font-size: 20px; }
.st-sup-head b{ display: block; font-size: 20px; font-weight: 900; }
.st-sup-head small{ font-size: 12.5px; font-weight: 700; color: #a9adc9; }
.st-x{ margin-left: auto; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.1); color: #fff; font-family: inherit; font-size: 16px; font-weight: 900; cursor: pointer; flex: none; }
.st-lbl{ font-size: 12.5px; font-weight: 900; color: #a9adc9; }
.st-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
.st-chip{ height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: #fff; font-family: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.st-chip.is-on{ border-color: #3b82f6; background: rgba(59,130,246,.22); color: #bfdbfe; }
.st-text{ box-sizing: border-box; width: 100%; min-height: 110px; border-radius: 14px; border: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.25); color: #fff; padding: 12px; font-family: inherit; font-size: 15px; font-weight: 700; resize: vertical; }
.st-note{ font-size: 12px; font-weight: 700; color: #a9adc9; line-height: 1.35; }
.st-send{ height: 52px; border: 0; border-radius: 16px; background: linear-gradient(180deg,#4f8ff7,#2563eb); color: #fff; font-family: inherit; font-size: 17px; font-weight: 900; box-shadow: 0 4px 0 #1d4ed8; cursor: pointer; }
.st-send:disabled{ opacity: .55; }
.st-tk{ display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.05); }
.st-tk span{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.st-tk b{ font-size: 13.5px; font-weight: 900; }
.st-tk small{ font-size: 12px; font-weight: 700; color: #a9adc9; line-height: 1.3; }
.st-tk small.is-ans{ color: #c8f3d6; }
.st-st{ flex: none; font-style: normal; font-size: 11.5px; font-weight: 900; border-radius: 999px; padding: 3px 9px; background: rgba(255,255,255,.1); color: #c9cde6; }
.st-st.open{ background: rgba(59,130,246,.2); color: #bfdbfe; }
.st-st.answered{ background: rgba(34,197,94,.18); color: #86efac; }

/* «Меньше анимаций» (settings.js): бесконечные украшения (свечения, пульсации, блики) проигрываются один раз и стоят.
   Разовые эффекты (искры, «+$», вылет голубя) не трогаем: если их обрезать до мгновения, элемент с затуханием
   сразу возвращается видимым и висит, пока скрипт его не уберёт, — «25-й кадр» в ловле. */
body.less-motion *, body.less-motion *::before, body.less-motion *::after{ animation-iteration-count: 1 !important; }