/* auth-page.css — вход и восстановление пароля в виде страницы регистрации (18.10.2026).
   Заведён отдельным файлом по указанию A1: общие app.css / header.core.css трогать нельзя,
   их делят кабинет и суперадминка. Правила повторяют страничные стили reg.html, чтобы три
   страницы выглядели одинаково. Разметку форм и их id не затрагивает — только оболочка. */

.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;}
.auth-shell{width:100%;max-width:460px;display:grid;gap:0;}

/* ── полоска сверху: знак, название, RU и тема — как в reg.html ── */
#siteHeader.page-brandbar.hd-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:auto;max-width:none;margin:0;padding:12px 16px;transition:none;position:relative;
  background:var(--panel);border:1px solid var(--line);
  border-radius:14px 14px 0 0;box-shadow:var(--shadow-md,0 8px 30px rgba(15,23,42,.08));
  clip-path:inset(-60px -60px 0 -60px);}
#siteHeader.page-brandbar .page-brandbar__actions{display:inline-flex;align-items:center;gap:8px;}
#siteHeader.page-brandbar .theme-toggle{margin-left:0;}
#siteHeader.page-brandbar .lang-toggle{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;
  border-radius:10px;border:1px solid var(--line);background:var(--tile);color:var(--ink);font:inherit;font-size:13px;
  font-weight:600;letter-spacing:.02em;cursor:pointer;}
#siteHeader.page-brandbar .lang-toggle:hover{background:var(--tile2);}

.hd-logo{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;letter-spacing:-.01em;}
.hd-logo__mark{position:relative;display:block;width:28px;height:28px;overflow:hidden;flex:none;}
#siteHeader.page-brandbar .hd-logo__mark img{position:absolute;left:-9px;top:-4px;height:46px;width:auto;max-width:none;}

/* ── рамка с формой: продолжение полоски, без верхней границы ── */
.auth-frame{position:relative;isolation:isolate;padding:26px 20px 30px;
  border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;
  clip-path:inset(0 -60px -60px -60px);
  background:radial-gradient(circle 420px at calc(100% - 120px) 90px,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%) no-repeat,var(--panel);}
.auth-frame::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(color-mix(in srgb,var(--line) 90%,transparent) 1px,transparent 1px),
                   linear-gradient(90deg,color-mix(in srgb,var(--line) 90%,transparent) 1px,transparent 1px);
  background-size:48px 48px;background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(75% 85% at 72% 25%,#000 20%,transparent 75%);
          mask-image:radial-gradient(75% 85% at 72% 25%,#000 20%,transparent 75%);}

/* карточка формы теряет собственную рамку — она теперь часть общей */
.auth-frame .lg-card,
.auth-frame .rc-card{max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;}
.auth-frame .lg-wrap,
.auth-frame .rc-wrap{min-height:0;padding:0;display:block;}

@media (max-width:520px){
  .auth-page{padding:16px 12px;}
  #siteHeader.page-brandbar.hd-bar{padding:10px 16px;}
  .auth-frame{padding:22px 16px 26px;}
}