/* ============================================================================
   ds-auth-primary — ЕДИНСТВЕННЫЙ визуальный контракт главной кнопки входа гостя.

   Зачем: одна и та же по смыслу кнопка «Войти» выглядела на разных страницах по-разному.
   Замер до унификации:

                       главная (.pub-login)          вход (.btn.login-submit)
     высота            52px                          44px
     border-radius     999px                         16px
     градиент          140deg #ff8a3d → #e8651c      135deg #e8651c → #f5872e
     font-size         15px                          13.3px
     font-weight       700                           600
     цвет текста       #fff                          #1a0f00
     тень              0 6px 20px rgba(232,101,28,.32)  0 12px 28px -10px rgba(255,110,0,.7)

   Канон — вариант главной: он новее и принят владельцем. Здесь описан ТОЛЬКО внешний вид
   и состояния. Позиционирование остаётся за поверхностью: на главной кнопка фиксирована
   у нижнего края, в форме входа она обычный блочный submit. Поэтому файл не задаёт ни
   position, ни width, ни margin — иначе компонент нельзя было бы переиспользовать.
   ========================================================================== */

/* ⚠ СПЕЦИФИЧНОСТЬ. Селекторы удвоены (.ds-auth-primary.ds-auth-primary) намеренно.
   Боевой assets/style.css задаёт `.btn{border-radius:14px;font-weight:900;color:#111;
   background:linear-gradient(135deg,…);box-shadow:0 8px 22px rgba(255,122,0,.22)}` без
   !important, но с той же специфичностью 0,1,0 — и выигрывает порядком подключения.
   Кнопки форм несут оба класса (.btn .ds-auth-primary), поэтому одиночный селектор
   компонента проигрывал: замер показывал radius 14px, weight 900 и тёмный текст.
   Удвоение даёт 0,2,0 и снимает зависимость от порядка файлов — без !important и без
   правки боевого style.css. */

.ds-auth-primary.ds-auth-primary{
  display:flex;align-items:center;justify-content:center;
  min-height:52px;box-sizing:border-box;
  border:0;border-radius:999px;
  background:linear-gradient(140deg,#ff8a3d,var(--ds-brand-1,#e8651c));
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;line-height:1.2;
  text-decoration:none;cursor:pointer;
  box-shadow:0 6px 20px rgba(232,101,28,.32);
  -webkit-tap-highlight-color:transparent;
}

/* Наведение только там, где есть мышь: на тач-экране :hover залипает после нажатия. */
@media (hover:hover){
  .ds-auth-primary.ds-auth-primary:hover{filter:brightness(1.04)}
}
.ds-auth-primary.ds-auth-primary:active{filter:brightness(.98)}
.ds-auth-primary.ds-auth-primary:focus{outline:none}
.ds-auth-primary.ds-auth-primary:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Неактивная и «отправляется»: гаснет и перестаёт ловить нажатия, но размер сохраняет —
   раскладка формы не прыгает в момент отправки. */
.ds-auth-primary.ds-auth-primary:disabled,
.ds-auth-primary.ds-auth-primary[aria-disabled="true"],
.ds-auth-primary.ds-auth-primary.is-loading{
  filter:grayscale(.25) brightness(.9);
  opacity:.72;
  cursor:default;
  box-shadow:none;
}
.ds-auth-primary.ds-auth-primary.is-loading{pointer-events:none}