/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Экраны входа и подключения (без левого меню): центральная карточка поверх .bare / .card из base.css.
   Значения — только токены (--color-*, --space-*, --radius-*, --size-*); исключение — hairline 1px. */

.auth { display: grid; gap: var(--space-5); padding: var(--space-8); }
.auth > * + * { margin-top: 0; }

.auth__brand { display: flex; align-items: center; gap: var(--space-3); color: var(--color-logo); }
.auth__mark { width: var(--size-logo); height: var(--size-logo); color: var(--color-acc); }
.auth__word { font: var(--weight-medium) var(--text-h3-size)/var(--text-h3-line) var(--text-h3-family); letter-spacing: var(--text-h3-track); }

.auth__head { display: flex; align-items: center; gap: var(--space-4); }
.auth__state {
  display: inline-grid; place-items: center; flex: none;
  width: var(--size-touch-min); height: var(--size-touch-min);
  border-radius: var(--radius-round); background: var(--color-panel2); color: var(--color-ink2);
}
.auth__state .ic { width: var(--size-icon-lg); height: var(--size-icon-lg); }
.auth__state[data-kind="searching"] { background: var(--color-acc-soft); color: var(--color-acc-soft-text); }
.auth__state[data-kind="connected"] { background: var(--color-ok-soft); color: var(--color-ok-soft-text); }
.auth__state[data-kind="license"],
.auth__state[data-kind="error"] { background: var(--color-warn-soft); color: var(--color-warn-soft-text); }

.auth__lead { max-width: var(--layout-measure); color: var(--color-ink2); }
.auth__hint { max-width: var(--layout-measure); padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--color-panel2); }
.auth__wait:empty { display: none; }

.auth__notice { display: block; }
.auth__notice-title { color: inherit; }
/* Уведомление на входе — как везде: нейтральная панель с тонкой линией; тревогу показывает цвет заголовка, а не заливка. */
.auth__notice[data-tone="danger"] .auth__notice-title { color: var(--color-danger-text); }
.auth__notice[data-tone="info"] { background: var(--color-panel2); }

.auth__btn-label { display: inline-block; }
.auth__spin { display: inline-flex; }

.btn[aria-disabled="true"] { pointer-events: none; }

.auth__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }

/* Телефон: карточка плотнее, кнопки на всю ширину и не ниже 44 px. */
@media (max-width: 30rem) {
  .auth { padding: var(--space-6); gap: var(--space-4); }
  .auth__actions { flex-direction: column; align-items: stretch; }
  .auth__actions .btn { width: 100%; }
  .auth__head { align-items: flex-start; }
  .auth__btn-label { white-space: normal; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .auth .spin, .auth__spin .spin { animation: none; }
}