/* clike.ru auth shell — login/register/user_login/admin_login (Phase 3k)
 * Extracted auth-mode rules from site-visual.css; not for feed/comments.
 */.auth-card input::placeholder{color:var(--ds-muted-2)!important;opacity:1!important;}.auth-card .register-submit,.auth-card .login-submit{margin-top:24px!important;}.auth-card .btn:not(.ds-auth-primary):not(.ds-theme-button),.auth-card button:not(.ds-auth-primary):not(.ds-theme-button),.login-submit:not(.ds-auth-primary),.register-submit:not(.ds-auth-primary){min-width:112px;min-height:42px;border-radius:16px!important;}body.user-mode.auth-mode .wrap{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;padding:18px 12px!important;}body.user-mode.auth-mode .auth-card{width:100%!important;margin:0!important;}/* === FINAL FIX 20260509-3: экран входа/регистрации и flash сверху === */
body.user-mode.auth-mode .wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:0 12px!important;
}body.user-mode.auth-mode .flash{
  width:100%!important;
  max-width:430px!important;
  margin:0 0 12px!important;
  align-self:center!important;
  text-align:center!important;
  order:0!important;
}body.user-mode.auth-mode .auth-card,
body.user-mode.auth-mode .card{
  order:1!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
}/* === LOGIN CENTER + REMEMBER FIX 20260509 SAFE === */
body.user-mode.auth-mode{
  background:var(--ds-bg)!important;
  overflow-x:hidden!important;
}body.user-mode.auth-mode .wrap{
  position:relative!important;
  min-height:0!important;
  width:100%!important;
  max-width:min(100%,430px)!important;
  margin:0 auto!important;
  padding:0 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}body.user-mode.auth-mode .flash{
  position:absolute!important;
  top:calc(72px + env(safe-area-inset-top,0px))!important;
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  text-align:center!important;
  z-index:5!important;
}body.user-mode.auth-mode .auth-card.user-login-card,
body.user-mode.auth-mode .auth-card{
  width:100%!important;
  max-width:390px!important;
  margin:auto!important;
}body.user-mode.auth-mode .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}body.user-mode.auth-mode .auth-card.user-login-compact{
  padding-top:18px!important;
  padding-bottom:18px!important;
}body.user-mode.auth-mode .auth-card.user-login-compact .auth-social-panel{
  margin-top:0!important;
}body.user-mode.auth-mode .auth-card.user-login-compact > p:last-child{
  margin-top:14px!important;
  margin-bottom:0!important;
}body.user-mode.auth-mode .remember-login-row{
  /* Строка под полем «Пароль»: слева чекбокс «Сохранить данные для входа», справа ссылка
     «Забыли пароль?». Раньше это был один <label> с justify-content:flex-start; теперь это
     контейнер на два элемента → space-between. Кегль уменьшен 14px → 13px.
     БЕЗ flex-wrap намеренно: при переносе вниз уезжала бы ССЫЛКА, а её положение прыгало бы
     на глазах у пользователя в момент подгрузки шрифта — на 375px строка помещается ровно на
     границе, и запасной Arial шире брендового на те самые пару пикселей (замерено: 206+109
     против 315 доступных). Поэтому ужимается ТЕКСТ чекбокса (может встать в две строки), а
     ссылка остаётся приколота справа при любой ширине и любом шрифте. */
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:6px 10px!important;
  margin:14px 0 6px!important;
  font-size:13px!important;
  color:var(--ds-ink)!important;
}body.user-mode.auth-mode .remember-login-label{
  /* flex:1 1 auto + min-width:0 — то, что позволяет тексту ужаться/перенестись вместо
     выталкивания ссылки на новую строку. Чекбокс при этом не сжимается (flex:0 0 auto ниже). */
  display:inline-flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:400!important;
  color:var(--ds-ink)!important;
  cursor:pointer!important;
}body.user-mode.auth-mode .login-forgot-link{
  /* Тач-таргет ≥44px по высоте — обязательный минимум проекта; ширину не раздуваем. */
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  margin-left:auto!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:600!important;
  color:var(--ds-link-brand)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}body.user-mode.auth-mode .login-forgot-link:hover{
  text-decoration:underline!important;
}body.user-mode.auth-mode .login-forgot-link:focus-visible{
  outline:2px solid var(--btn-bd-active, rgba(255,178,26,.6))!important;
  outline-offset:2px!important;
  border-radius:8px!important;
}body.user-mode.auth-mode .remember-login-row input{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:var(--ds-brand-1)!important;
}body.user-mode.auth-mode .auth-card .login-submit{
  margin-top:14px!important;
}body.user-mode.auth-mode .auth-card:not(.auth-register-card){
  overflow:hidden!important;
}body.user-mode.auth-mode .auth-card h1{
  margin-bottom:8px!important;
}body.user-mode.auth-mode .auth-card-subtitle{
  margin:0 0 16px!important;
  color:var(--ds-muted)!important;
  font-size:14px!important;
  line-height:1.45!important;
}body.user-mode.auth-mode .auth-social-panel{
  margin:18px 0 16px!important;
  padding:14px!important;
  border:1px solid var(--ds-panel-bd)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  /* Панель соцвхода плоская: даже внутренней подсветки-«тени» под рядом нет. */
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-social-title{
  margin:0 0 10px!important;
  color:var(--ds-ink)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-title{
  margin:0 0 14px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  text-align:left!important;
}body.user-mode.auth-mode .auth-social-buttons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}body.user-mode.auth-mode .auth-social-btn{
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:14px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:var(--ds-panel)!important;
  color:var(--ds-ink)!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}body.user-mode.auth-mode .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.62!important;
  filter:grayscale(.18)!important;
}body.user-mode.auth-mode .auth-social-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:6px!important;
  border:1px dashed var(--ds-panel-bd)!important;
  background:var(--ds-panel-2)!important;
}/* Register — pill social buttons (based on .auth-social-btn / “Быстрый вход”) */
body.user-mode.auth-mode .auth-register-card .auth-social-panel{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-buttons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn,
body.user-mode.auth-mode .auth-register-card a.auth-social-btn,
body.user-mode.auth-mode .auth-register-card button.auth-social-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  /* Кнопки соцвхода плоские: тяжёлой тени снизу нет, читается только тонкая граница. */
  box-shadow:none!important;
  color:var(--ds-ink)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:default!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:var(--ds-panel-2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-icon-img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn:focus,
body.user-mode.auth-mode .auth-register-card a.auth-social-btn:focus{
  outline:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.6!important;
  filter:grayscale(.12) brightness(.92)!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-disabled:hover,
body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-disabled:active{
  transform:none!important;
  border-color:var(--ds-panel-bd)!important;
  /* Кнопки соцвхода плоские: тяжёлой тени снизу нет, читается только тонкая граница. */
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active:hover{
  border-color:rgba(42,171,238,.42)!important;
  background:linear-gradient(180deg,rgba(42,171,238,.16),rgba(42,171,238,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active:active{
  /* без прыжка: при нажатии меняется только фон и граница */
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active:focus-visible,
body.user-mode.auth-mode .auth-register-card a.auth-social-btn.is-active:focus-visible{
  outline:2px solid rgba(42,171,238,.85)!important;
  outline-offset:2px!important;
  /* Кнопки соцвхода плоские: тяжёлой тени снизу нет, читается только тонкая граница. */
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.auth-social-vk.is-active:hover{
  border-color:rgba(0,119,255,.45)!important;
  background:linear-gradient(180deg,rgba(0,119,255,.18),rgba(0,119,255,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-register-card a.auth-social-btn.auth-social-vk.is-active:focus-visible{
  outline:2px solid rgba(0,119,255,.85)!important;
  outline-offset:2px!important;
}body.user-mode.auth-mode .auth-register-card .auth-social-btn.auth-social-max.is-active:hover{
  border-color:rgba(124,92,255,.45)!important;
  background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-register-card a.auth-social-btn.auth-social-max.is-active:focus-visible{
  outline:2px solid rgba(124,92,255,.85)!important;
  outline-offset:2px!important;
}body.user-mode.auth-mode .auth-register-card .auth-divider{
  margin:16px 0 18px!important;
  color:var(--ds-muted-2)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}body.user-mode.auth-mode .auth-register-card .auth-divider span{
  padding:0 12px!important;
}/* Register form — compact fields */
/* :not([hidden]) — ОБЯЗАТЕЛЬНО. Атрибут hidden это правило браузера `[hidden]{display:none}`
   со специфичностью (0,1,0); наш `display:flex!important` по (0,4,1) побеждал его и форма с
   hidden всё равно рисовалась. На «Забыли пароль?» из-за этого оба шага (email и новый пароль)
   показывались одновременно. Чиним в ИСТОЧНИКЕ — правиле, которое перебивало hidden, — а не
   наращиванием специфичности в register-email.css. Тот же приём и по той же причине уже стоит
   в assets/channels-chat.css. Формы входа/регистрации никогда не бывают hidden → 0 изменений. */
body.user-mode.auth-mode .auth-register-card .auth-register-form:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form>label{
  display:block!important;
  margin:12px 0 5px!important;
  padding:0!important;
  color:var(--ds-ink)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form>label:first-of-type{
  margin-top:0!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form>.remember-login-row{
  /* Строка под полем «Пароль»: слева чекбокс «Сохранить данные для входа», справа ссылка
     «Забыли пароль?». Раньше это был один <label> с justify-content:flex-start; теперь это
     контейнер на два элемента → space-between. Кегль уменьшен 14px → 13px.
     БЕЗ flex-wrap намеренно: при переносе вниз уезжала бы ССЫЛКА, а её положение прыгало бы
     на глазах у пользователя в момент подгрузки шрифта — на 375px строка помещается ровно на
     границе, и запасной Arial шире брендового на те самые пару пикселей (замерено: 206+109
     против 315 доступных). Поэтому ужимается ТЕКСТ чекбокса (может встать в две строки), а
     ссылка остаётся приколота справа при любой ширине и любом шрифте. */
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:6px 10px!important;
  margin:14px 0 6px!important;
  font-size:13px!important;
  color:var(--ds-ink)!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-field-required{
  color:rgba(255,180,100,.82)!important;
  font-weight:700!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-field-help{
  margin:5px 0 0!important;
  padding:0!important;
  color:var(--ds-muted-2)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]){
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--ds-panel-bd)!important;
  border-radius:14px!important;
  background:var(--ds-panel)!important;
  color:var(--ds-ink)!important;
  font-size:15px!important;
  line-height:1.2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):focus{
  outline:none!important;
  border-color:rgba(42,171,238,.42)!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:0 0 0 3px rgba(42,171,238,.1),inset 0 1px 0 rgba(255,255,255,.05)!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):focus-visible{
  outline:none!important;
  border-color:rgba(42,171,238,.48)!important;
  box-shadow:0 0 0 3px rgba(42,171,238,.14),inset 0 1px 0 rgba(255,255,255,.05)!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:hover,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:active{
  -webkit-text-fill-color:var(--ds-ink)!important;
  caret-color:var(--ds-ink)!important;
  -webkit-box-shadow:0 0 0 1000px #12151c inset!important;
  box-shadow:0 0 0 1000px #12151c inset!important;
  border:1px solid var(--ds-panel-bd)!important;
  transition:background-color 99999s ease-out 0s!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:active{
  box-shadow:0 0 0 1000px #12151c inset,0 0 0 3px rgba(42,171,238,.1)!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-agreements{
  margin-top:14px!important;
  padding:10px 12px!important;
  gap:6px!important;
  border:1px solid rgba(255,138,0,.16)!important;
  border-radius:14px!important;
  background:rgba(255,138,0,.04)!important;
}body.user-mode.auth-mode .auth-agreements.is-required-highlight{
  border-color:rgba(255,80,80,.55)!important;
  box-shadow:0 0 0 2px rgba(255,80,80,.12)!important;
}body.user-mode.auth-mode .auth-social-status-error{
  color:#ffb1b1!important;
  font-size:13px!important;
  line-height:1.35!important;
}/* Login: account_not_found — same look as register consent hint */
body.user-mode.auth-mode .auth-login-card #loginSocialMessage,
body.user-mode.auth-mode .user-login-card #loginSocialMessage{
  color:#ffb1b1!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:center!important;
  font-weight:800!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card #loginSocialMessage .auth-social-message-actions,
body.user-mode.auth-mode .auth-login-card #loginSocialMessage .auth-social-message-link,
body.user-mode.auth-mode .user-login-card #loginSocialMessage .auth-social-message-actions,
body.user-mode.auth-mode .user-login-card #loginSocialMessage .auth-social-message-link{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-agreements-title{
  margin:0 0 8px!important;
  padding:0!important;
  color:var(--ds-ink)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:700!important;
}body.user-mode.auth-mode .auth-register-card .auth-agreement-row{
  align-items:center!important;
  gap:10px!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:400!important;
}body.user-mode.auth-mode .auth-register-card .auth-agreement-row>span{
  font-weight:400!important;
  color:var(--ds-muted)!important;
}body.user-mode.auth-mode .auth-register-card .auth-agreement-row a{
  font-weight:600!important;
  color:var(--ds-link-brand)!important;
  text-decoration:none!important;
}body.user-mode.auth-mode .auth-register-card .auth-agreement-row a:hover{
  text-decoration:underline!important;
}body.user-mode.auth-mode .auth-register-card .auth-agreement-row input{
  flex:0 0 18px!important;
  margin-top:0!important;
}/* Register CTA — Telegram-like press/hover mechanics, clike.ru orange */
/* Внешний вид кнопки регистрации — общий компонент .ds-auth-primary. Здесь остаётся только
   раскладка внутри карточки: на всю ширину формы и отступ сверху. Персональный градиент,
   скругление, тень и состояния удалены — они и делали кнопку непохожей на кнопку входа
   и на кнопку «Войти» на главной. */
body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit{
  width:100%!important;
  min-width:0!important;
  margin-top:16px!important;
  padding:0 20px!important;
}

@media (max-width:430px){body.user-mode.auth-mode .auth-register-card .auth-register-form>label{
    margin:10px 0 4px!important;
    font-size:12px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]){
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit,
  body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit{
    min-height:48px!important;
    height:48px!important;
    max-height:48px!important;
    font-size:14px!important;
    border-radius:15px!important;
  }
}body.user-mode.auth-mode .auth-social-note{
  margin:10px 0 0!important;
  color:var(--ds-muted-2)!important;
  font-size:12px!important;
  line-height:1.35!important;
}body.user-mode.auth-mode .auth-divider{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:14px 0 16px!important;
  color:var(--ds-muted-2)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}body.user-mode.auth-mode .auth-divider::before,
body.user-mode.auth-mode .auth-divider::after{
  content:""!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
}body.user-mode.auth-mode .auth-divider span{
  flex:0 0 auto!important;
  padding:0 10px!important;
}body.user-mode.auth-mode .auth-agreements{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin:16px 0 0!important;
  padding:12px!important;
  border:1px solid rgba(255,138,0,.18)!important;
  border-radius:16px!important;
  background:rgba(255,138,0,.045)!important;
}body.user-mode.auth-mode .auth-agreement-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:0!important;
  color:var(--ds-muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  cursor:pointer!important;
}body.user-mode.auth-mode .auth-agreement-row input{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:var(--ds-brand-1)!important;
}body.user-mode.auth-mode .auth-agreement-row a{
  color:var(--ds-link-brand)!important;
  font-weight:900!important;
  text-decoration:none!important;
}body.user-mode.auth-mode .auth-agreement-row a:hover{
  text-decoration:underline!important;
}

@media (max-width:380px){body.user-mode.auth-mode .auth-social-buttons{
    grid-template-columns:1fr!important;
  }body.user-mode.auth-mode .auth-social-btn{
    justify-content:flex-start!important;
    padding-left:12px!important;
  }
}.telegram-deeplink-card .telegram-open-btn{
  width:100%!important;
  margin:12px 0!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
}.telegram-login-status{
  margin:14px 0!important;
  padding:12px 14px!important;
  border:1px solid var(--ds-panel-bd)!important;
  border-radius:14px!important;
  background:var(--ds-panel-2)!important;
  color:var(--ds-muted)!important;
  font-weight:800!important;
  text-align:center!important;
}.telegram-login-status.is-error{
  border-color:rgba(255,90,90,.36)!important;
  background:rgba(255,60,60,.08)!important;
  color:#ffb1b1!important;
}body.user-mode.auth-mode .auth-link-card .auth-link-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:18px!important;
}body.user-mode.auth-mode .auth-link-card .auth-link-logout-form{
  margin:0!important;
}body.user-mode.auth-mode .auth-link-card .auth-link-logout-form .btn,
body.user-mode.auth-mode .auth-link-card .auth-link-actions>.btn{
  width:100%!important;
  text-align:center!important;
}body.user-mode.auth-mode .auth-link-card .auth-link-note{
  text-align:center!important;
  margin:14px 0 0!important;
  font-size:13px!important;
  line-height:1.4!important;
}body.user-mode.auth-mode .auth-link-card .auth-social-btn.is-connected{
  opacity:.78!important;
  border-color:rgba(72,190,120,.42)!important;
  background:linear-gradient(180deg,rgba(18,38,28,.92),rgba(10,22,16,.98))!important;
  color:#b8f0c8!important;
  cursor:default!important;
}body.user-mode.auth-mode .auth-link-card .auth-link-status,
body.user-mode .profile-social-card .auth-link-status{
  margin-top:10px!important;
  text-align:center!important;
  font-weight:800!important;
}body.user-mode .profile-social-card{
  margin:10px 0!important;
}body.user-mode .profile-social-card h2{
  margin:0 0 8px!important;
  font-size:18px!important;
}body.user-mode.auth-mode .auth-register-card .auth-register-telegram-status,
body.user-mode.auth-mode .auth-register-card #telegramRegisterStatus,
body.user-mode.auth-mode .auth-register-card #telegramRegisterStatus[style],
body.user-mode.auth-mode .auth-register-card .auth-register-telegram-fallback,
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap,
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap[style],
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap .btn,
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap .btn.secondary{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}/* Login quick-auth — pill parity with register (late cascade; fixes giant social imgs) */
body.user-mode.auth-mode .auth-login-card .auth-social-panel,
body.user-mode.auth-mode .user-login-card .auth-social-panel{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-title,
body.user-mode.auth-mode .user-login-card .auth-social-title{
  margin:0 0 14px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  text-align:left!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
body.user-mode.auth-mode .user-login-card .auth-social-buttons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn,
body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
body.user-mode.auth-mode .user-login-card .auth-social-btn,
body.user-mode.auth-mode .user-login-card a.auth-social-btn,
body.user-mode.auth-mode .user-login-card button.auth-social-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  /* Кнопки соцвхода плоские: тяжёлой тени снизу нет, читается только тонкая граница. */
  box-shadow:none!important;
  color:var(--ds-ink)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:default!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn > span:last-child,
body.user-mode.auth-mode .user-login-card .auth-social-btn > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-icon,
body.user-mode.auth-mode .user-login-card .auth-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:var(--ds-panel-2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
body.user-mode.auth-mode .user-login-card .auth-social-btn img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-disabled,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.6!important;
  filter:grayscale(.12) brightness(.92)!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active:hover{
  border-color:rgba(42,171,238,.42)!important;
  background:linear-gradient(180deg,rgba(42,171,238,.16),rgba(42,171,238,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.auth-social-max.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.auth-social-max.is-active:hover{
  border-color:rgba(124,92,255,.45)!important;
  background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-divider,
body.user-mode.auth-mode .user-login-card .auth-divider{
  margin:16px 0 18px!important;
  color:var(--ds-muted-2)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

@media (max-width:430px){body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    gap:7px!important;
  }body.user-mode.auth-mode .auth-login-card .auth-social-btn,
  body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
  body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
  body.user-mode.auth-mode .user-login-card .auth-social-btn,
  body.user-mode.auth-mode .user-login-card a.auth-social-btn,
  body.user-mode.auth-mode .user-login-card button.auth-social-btn{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }body.user-mode.auth-mode .auth-login-card .auth-social-icon,
  body.user-mode.auth-mode .user-login-card .auth-social-icon{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    border-radius:7px!important;
  }body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
  body.user-mode.auth-mode .user-login-card .auth-social-btn img{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }
}

@media (max-width:380px){body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
  }
}

@media (max-width:430px){body.user-mode.auth-mode .auth-register-card .auth-social-title{
    font-size:19px!important;
    margin-bottom:12px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-social-buttons{
    gap:7px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-social-btn,
  body.user-mode.auth-mode .auth-register-card a.auth-social-btn,
  body.user-mode.auth-mode .auth-register-card button.auth-social-btn{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-social-icon{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    border-radius:7px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-social-icon-img{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }body.user-mode.auth-mode .auth-register-card .auth-divider{
    margin:14px 0 16px!important;
    font-size:12px!important;
  }
}body.user-mode.auth-mode .auth-card{
  margin:0 auto!important;
}

@media (max-width:767px){body.user-mode.auth-mode .wrap{
    min-height:0!important;
    height:100%!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:0 12px!important;
  }
}/* Login quick-auth — pill parity with register (late cascade; fixes giant social imgs) */
body.user-mode.auth-mode .auth-login-card .auth-social-panel,
body.user-mode.auth-mode .user-login-card .auth-social-panel{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-title,
body.user-mode.auth-mode .user-login-card .auth-social-title{
  margin:0 0 14px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  text-align:left!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
body.user-mode.auth-mode .user-login-card .auth-social-buttons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn,
body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
body.user-mode.auth-mode .user-login-card .auth-social-btn,
body.user-mode.auth-mode .user-login-card a.auth-social-btn,
body.user-mode.auth-mode .user-login-card button.auth-social-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  /* Кнопки соцвхода плоские: тяжёлой тени снизу нет, читается только тонкая граница. */
  box-shadow:none!important;
  color:var(--ds-ink)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:default!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn > span:last-child,
body.user-mode.auth-mode .user-login-card .auth-social-btn > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-icon,
body.user-mode.auth-mode .user-login-card .auth-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid var(--ds-panel-bd)!important;
  background:var(--ds-panel-2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
body.user-mode.auth-mode .user-login-card .auth-social-btn img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-disabled,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.6!important;
  filter:grayscale(.12) brightness(.92)!important;
  pointer-events:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active:hover{
  border-color:rgba(42,171,238,.42)!important;
  background:linear-gradient(180deg,rgba(42,171,238,.16),rgba(42,171,238,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-social-btn.auth-social-max.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.auth-social-max.is-active:hover{
  border-color:rgba(124,92,255,.45)!important;
  background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;
  box-shadow:none!important;
}body.user-mode.auth-mode .auth-login-card .auth-divider,
body.user-mode.auth-mode .user-login-card .auth-divider{
  margin:16px 0 18px!important;
  color:var(--ds-muted-2)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

@media (max-width:430px){body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    gap:7px!important;
  }body.user-mode.auth-mode .auth-login-card .auth-social-btn,
  body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
  body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
  body.user-mode.auth-mode .user-login-card .auth-social-btn,
  body.user-mode.auth-mode .user-login-card a.auth-social-btn,
  body.user-mode.auth-mode .user-login-card button.auth-social-btn{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }body.user-mode.auth-mode .auth-login-card .auth-social-icon,
  body.user-mode.auth-mode .user-login-card .auth-social-icon{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    border-radius:7px!important;
  }body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
  body.user-mode.auth-mode .user-login-card .auth-social-btn img{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }
}

@media (max-width:380px){body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
  }
}/* clike.ru — settings: History row link button. */
.admin-settings-page .admin-settings-history-row>.btn.secondary{
  flex:0 0 auto;min-height:34px;padding:6px 14px;border-radius:12px!important;font-size:12px!important;white-space:nowrap;
}/* === clike.ru v154: guest/user header — lighter install + centered subscribers (visual only) === */
body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn{
  appearance:none!important;
  border:1px solid rgba(255,138,0,.36)!important;
  border-radius:999px!important;
  background:rgba(255,138,0,.10)!important;
  color:rgba(255,214,168,.98)!important;
  font-weight:700!important;
  font-size:11px!important;
  line-height:1.1!important;
  padding:7px 10px!important;
  min-height:36px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  max-width:148px!important;
  flex-shrink:0!important;
}body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn:active{
  transform:translateY(1px)!important;
  background:rgba(255,138,0,.16)!important;
}
@media (max-width:380px){body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn{
    font-size:10px!important;
    padding:6px 8px!important;
    min-height:34px!important;
    max-width:132px!important;
  }
}
@media (min-width:900px){body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn{
    min-height:40px!important;
    padding:9px 14px!important;
    font-size:12px!important;
    max-width:none!important;
  }
}body.user-mode:not(.auth-mode):not(.admin-mode) header .header-subscribers-count{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
}/* Admin login shell */
body.admin-mode.auth-page{
  min-height:100dvh!important;
  background:var(--ds-bg)!important;
  overflow-x:hidden!important;
}body.admin-mode.auth-page .wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100dvh!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:calc(82px + env(safe-area-inset-top,0px)) 12px 18px!important;
  box-sizing:border-box!important;
}body.admin-mode.auth-page .auth-card{
  width:100%!important;
  max-width:390px!important;
  margin:0 auto!important;
}.auth-card input::placeholder{color:var(--ds-muted-2)!important;opacity:1!important;}.auth-card .register-submit,.auth-card .login-submit{margin-top:24px!important;}.auth-card .btn:not(.ds-auth-primary):not(.ds-theme-button),.auth-card button:not(.ds-auth-primary):not(.ds-theme-button),.login-submit:not(.ds-auth-primary),.register-submit:not(.ds-auth-primary){min-width:112px;min-height:42px;border-radius:16px!important;}body.admin-mode.auth-page input,
body.admin-mode.auth-page textarea,
body.admin-mode.auth-page select{font-size:16px!important;border-radius:14px!important;}body.user-mode.auth-mode input,
body.user-mode.auth-mode textarea,
body.user-mode.auth-mode select{font-size:16px!important;border-radius:14px!important;}body.user-mode.auth-mode .btn:not(.ds-auth-primary):not(.ds-theme-button),body.user-mode.auth-mode button:not(.ds-auth-primary):not(.ds-theme-button){min-height:44px!important;border-radius:14px!important;font-weight:900!important;}body.admin-mode.auth-page .pwa-install-btn,
body.user-mode.auth-mode .pwa-install-btn{display:none!important;}
@media (max-width:767px), (max-width:1023px) and (orientation:landscape) and (max-height:560px){body.admin-mode.auth-page .wrap{padding-left:12px!important;padding-right:12px!important;padding-bottom:18px!important;}form .btn,form button,.auth-card .btn,.auth-card button{margin-top:18px!important;margin-bottom:46px!important;}body.user-mode.auth-mode.auth-form-open{
    background:transparent!important;
    background-color:transparent!important;
    padding:0!important;
  }body.user-mode.auth-mode.auth-form-open .wrap{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-color:transparent!important;
  }body.user-mode.auth-mode.auth-form-open .auth-card,
  body.user-mode.auth-mode.auth-form-open .card{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }body.user-mode.auth-mode.auth-form-open .auth-register-card > p:last-of-type{
    margin-top:16px!important;
    text-align:center!important;
  }body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form .register-submit,
  body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form button.register-submit,
  body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form .login-submit,
  body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form button.login-submit{
    margin-bottom:12px!important;
  }body.user-mode.auth-mode.auth-form-open .auth-card.user-login-compact{
    padding:14px 18px calc(20px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (min-width:900px){body.user-mode.auth-mode.auth-form-open .wrap{
    padding-top:calc(var(--dc-auth-header-h,88px) + 16px)!important;
  }body.user-mode.auth-mode.auth-form-open .auth-scroll-pane{
    padding-top:0!important;
  }body.user-mode.auth-mode.auth-form-open .auth-card.user-login-compact,
  body.user-mode.auth-mode.auth-form-open .auth-login-card,
  body.user-mode.auth-mode.auth-form-open .user-login-card{
    margin-top:0!important;
  }
}

@media (max-width:1023px) and (orientation:landscape) and (max-height:560px){body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form>label{
    margin-top:8px!important;
    margin-bottom:4px!important;
  }body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form>label:first-of-type{
    margin-top:0!important;
  }body.user-mode.auth-mode.auth-form-open .auth-register-card .auth-register-form .auth-agreements{
    margin-top:8px!important;
    padding:10px 12px!important;
  }body.user-mode.auth-mode.auth-form-open .auth-card.user-login-compact{
    padding:10px max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;
  }
}

.auth-contest-return{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,138,0,.28);
  background:rgba(255,138,0,.08);
}
.auth-contest-return__lead{
  margin:0 0 4px;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ds-muted-2);
}
.auth-contest-return__title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:700;
  line-height:1.3;
  color:var(--ds-ink);
}
.auth-contest-return__hint{
  margin:0;
  font-size:12px;
  line-height:1.4;
  color:var(--ds-muted);
}
.auth-contest-link-card .auth-contest-link-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 12px;
}
.auth-contest-link-card .auth-contest-link-note{
  margin:0;
  text-align:center;
  font-size:12px;
}
@media (max-width:430px){
  .auth-contest-return{
    margin-bottom:12px;
    padding:10px 12px;
  }
  .auth-contest-return__title{
    font-size:15px;
  }
  .auth-contest-link-card .auth-contest-link-actions{
    grid-template-columns:1fr;
  }
}

/* === POLISH 20260624: clear fixed header, lighter labels, premium CTA === */
/* 1) Auth content must clear the fixed 68px header (+ safe area) so the
      "Быстрая регистрация" title and social buttons aren't hidden under it. */
body.user-mode.auth-mode .wrap,
body.user-mode.auth-mode.auth-form-open .wrap{
  padding-top:calc(var(--dc-safe-top, env(safe-area-inset-top,0px)) + 84px)!important;
}

/* 2) Field labels: medium weight instead of heavy bold (kept readable). */
body.user-mode.auth-mode .auth-card form > label,
body.user-mode.auth-mode .auth-register-form > label,
body.user-mode.auth-mode .auth-card .auth-social-title{
  font-weight:500!important;
  letter-spacing:.005em!important;
}

/* 3) Кнопки отправки формы (register / login) — внешний вид даёт ОБЩИЙ компонент
   .ds-auth-primary (ds/components/ds-auth-primary.css): та же высота, скругление, градиент,
   шрифт, тень и состояния, что у кнопки «Войти» на главной. Персональные градиент,
   border-radius:16px, цвет #1a0f00, weight 600 и своя тень удалены — они и делали кнопку
   непохожей. Здесь остаётся только раскладка внутри карточки. */
body.user-mode.auth-mode .auth-card .register-submit,
body.user-mode.auth-mode .auth-card .login-submit{
  width:100%!important;
}

/* ═══════════ §7 Светлая тема авторизации (scoped body.user-mode.auth-mode) ═══════════
   Нейтральные поверхности/текст/границы теперь берутся из ядра --ds-* (тема сама
   переключает dark и light), поэтому светлые дубли переведённых токенов удалены.
   Здесь остаются только НЕтокенные значения: кастомный слейт-текст #3a424e, светлые
   стеклянные фоны соцпанели и границы rgba(16,22,32,...) под эталон, autofill-хак. */
html[data-theme="light"] body.user-mode.auth-mode .auth-card h1{ color:var(--ds-ink)!important; }
html[data-theme="light"] body.user-mode.auth-mode .remember-login-row{ color:#3a424e!important; }
html[data-theme="light"] body.user-mode.auth-mode .auth-social-panel{
  border-color:rgba(16,22,32,.10)!important;
  background:linear-gradient(180deg,rgba(16,22,32,.03),rgba(16,22,32,.015))!important;
  /* Панель соцвхода плоская: даже внутренней подсветки-«тени» под рядом нет. */
  box-shadow:none!important;
}
html[data-theme="light"] body.user-mode.auth-mode .auth-social-btn{
  border-color:rgba(16,22,32,.12)!important;
}
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card button.auth-social-btn{
  border-color:rgba(16,22,32,.14)!important;
  background:linear-gradient(180deg,#ffffff,#f4f6fa)!important;
}
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-divider span{ color:var(--ds-muted)!important; }
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form>label{ color:#3a424e!important; }
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-field-help{ color:var(--ds-muted)!important; }
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]){
  border-color:rgba(16,22,32,.16)!important;
  box-shadow:inset 0 1px 0 rgba(16,22,32,.02)!important;
}
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):focus{
  background:#ffffff!important;
}
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill,
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:hover,
html[data-theme="light"] body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus{
  -webkit-text-fill-color:#12161c!important;
  caret-color:#12161c!important;
  -webkit-box-shadow:0 0 0 1000px #ffffff inset!important;
  box-shadow:0 0 0 1000px #ffffff inset!important;
  border:1px solid rgba(16,22,32,.16)!important;
}
/* МЕСТО ПОД КНОПКУ ПОКАЗА ПАРОЛЯ. Отступы полей формы входа объявлены ДВАЖДЫ — здесь и
   в admin-core.css, — и побеждает этот файл. Значит резерв обязан стоять и тут: без
   него значок ложится на набранный пароль. Замерено на живом входе: правило только в
   соседнем файле не действовало вовсе, отступ оставался 12 точек при кнопке в 44.
   Лишний класс в селекторе — минимум, которого хватает поверх шести здешних. */
body.user-mode.auth-mode .auth-register-card .auth-register-form .dc-pwf > input:not([type="checkbox"]):not([type="hidden"]){padding-right:46px!important}