/* reelo.one: шаги входа и свои разделы поверх токенов и классов кабинета (theme.css, me.css, me-watch.css).
   Своих цветов здесь нет: отмеченный шаг — акцент кабинета, оранжевый остаётся брендом и ошибкой. */

/* Шрифты кабинет берёт с корня reelo.ru; на reelo.one корень — эта страница, поэтому те же файлы
   берутся из /me/ (cabinet_static отдаёт их). Более поздний @font-face с теми же параметрами главнее. */
@font-face { font-family: Onest; src: url('/me/onest-latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: Onest; src: url('/me/onest-cyrillic.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }

.one-gate .gate-main { width: min(460px,100%); }
.one-gate .sign-in > h1 { margin-bottom: 0; }
.one-gate .sign-in > p { margin-bottom: 20px; }
.one-gate .gate-form { margin-top: 4px; }
.one-gate .banner { margin: 0 0 16px; }


.one-secondary { display: flex; justify-content: center; margin-top: 16px; }
.one-secondary .text-link { justify-content: center; text-align: center; }

.one-gate .telegram-door { display: grid; gap: 12px; }
.one-gate #door-tg { display: grid; gap: 12px; }
.one-link { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
.one-link > span { grid-column: 1 / -1; color: var(--cab-muted); font-size: var(--cab-text-xs); }
.one-link > input { min-height: 44px; padding: 10px 12px; font-size: var(--cab-text-xs); text-overflow: ellipsis; }
.one-door-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

/* После входа шапка и нижняя панель — кабинетные (me.css): четыре раздела посередине шапки, на
   телефоне — внизу. Ниже только раскладка своих разделов на тех же классах. */

/* «Закладки»: папки — секции с заголовком ряда, как полки каталога. */
.one-shell .library-content { display: grid; gap: 16px; min-width: 0; }
.one-folder { display: grid; gap: 16px; margin-top: 16px; }
.one-folder .cinema-row-heading { align-items: baseline; }
.one-folder .kicker { color: var(--cab-muted); font-size: var(--cab-text-xs); }
.one-shell .folder-actions { margin-top: -4px; }

/* «Профиль»: приглашения — строки кабинета, код читается моноширинно и не переносится. */
.one-profile .group { margin: 0; }
.one-invite .row-copy { gap: 4px; }
.one-invite-code { font-size: var(--cab-text-base); font-weight: 600; letter-spacing: .06em; white-space: nowrap; }
.one-invite-actions { flex: none; gap: 4px; max-width: none; }
.one-invite-actions .btn { min-height: 44px; }
.one-invite-create { margin-top: 12px; }
.one-profile .logout-action { display: inline-flex; align-items: center; gap: 8px; }
.one-profile .logout-action .icon { width: 18px; height: 18px; }

@media (max-width: 760px) {
  .one-gate .sign-in { padding: 24px 20px; }
  .one-gate .gate-main { padding: 24px 0 40px; }
}
@media (max-width: 480px) {
  /* На узком экране кнопки кода уходят под сам код, чтобы тот не обрезался. */
  .one-invite { flex-wrap: wrap; }
  .one-invite-actions { width: 100%; justify-content: flex-start; }
}

/* Без пояснения под заголовком поле кода не должно прилипать к нему. */
#invite-title { margin-bottom: 24px; }