/* Папа Педро · тема Cadra — страница входа и регистрации (auth.html, без общего каркаса).
   Тёмная панель о сервисе и форма — отдельные скруглённые карточки на фоне Cadra; переключатель «Вход / Регистрация» — сегменты,
   поля и кнопки — пилюли. Разметка и auth.js не меняются. */
/* Вес: к каждому html.cadra добавлены :not(#_a):not(#_b) — два id, чтобы правила Cadra перебивали старые слои
   (lovable-skin/recolor пишут body#panelka-campaigns.lv-skin… #v2 — два id и !important). Порядок внутри Cadra не меняется. */
html.cadra:not(#_a):not(#_b) body.auth { background: var(--cd-bg) radial-gradient(1200px 700px at 85% 10%, var(--cd-mesh-a), transparent 60%) fixed !important; color: var(--cd-text) !important; }
html.cadra:not(#_a):not(#_b) body.auth, html.cadra:not(#_a):not(#_b) body.auth :is(h1, h2, p, a, b, small, label, input, button, span, li, em, figcaption) { font-family: var(--cd-font) !important; }
html.cadra:not(#_a):not(#_b) body.auth .auth-shell { gap: 16px; padding: 16px; min-height: 100vh; }

/* ---------- панель о сервисе ---------- */
html.cadra:not(#_a):not(#_b) body.auth .auth-side { border-radius: 28px; background: #151618; color: #f8f8f6; padding: 40px clamp(28px, 4vw, 64px); }
html.cadra:not(#_a):not(#_b) body.auth .auth-brand { text-transform: none; letter-spacing: -.01em; font-weight: 700; font-size: 16px; gap: 12px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-mark { border-radius: 12px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-pitch h1 { font-weight: 600 !important; letter-spacing: -.035em; }
html.cadra:not(#_a):not(#_b) body.auth .auth-points li { border-bottom-color: #ffffff14; }
html.cadra:not(#_a):not(#_b) body.auth .auth-points li > span { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 999px; background: #ffffff12; color: #bdf264; font-size: 11px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-preview { border: 0; gap: 10px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-tile { border: 1px solid #ffffff17 !important; border-radius: 18px; background: #ffffff0b; }
html.cadra:not(#_a):not(#_b) body.auth .auth-tile:nth-child(2) { border-color: transparent !important; background: #bdf264; color: #151618; }
html.cadra:not(#_a):not(#_b) body.auth .auth-tile:nth-child(2) :is(small, b, em) { color: #151618; }
html.cadra:not(#_a):not(#_b) body.auth .auth-tile small, html.cadra:not(#_a):not(#_b) body.auth .auth-preview figcaption { text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 12px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-preview figcaption { grid-column: 1 / -1; border: 0; padding: 4px 4px 0; color: #f8f8f699; }

/* ---------- форма ---------- */
html.cadra:not(#_a):not(#_b) body.auth .auth-main { padding: 32px clamp(16px, 4vw, 64px); }
html.cadra:not(#_a):not(#_b) body.auth .auth-card { max-width: 460px; padding: 32px clamp(20px, 3vw, 36px) 28px; border: 1px solid var(--cd-line); border-radius: 28px;
  background: var(--cd-glass-3); box-shadow: 0 1px 2px #1111110f, 0 24px 60px -30px #11111140; }
html.cadra:not(#_a):not(#_b)[data-theme="dark"] body.auth .auth-card { box-shadow: 0 24px 60px -30px #000c; }

html.cadra:not(#_a):not(#_b) body.auth .auth-tabs { gap: 2px; padding: 4px; margin-bottom: 28px; border: 0; border-radius: 999px; background: var(--cd-well); }
html.cadra:not(#_a):not(#_b) body.auth .auth-tabs [role=tab] { flex: 1; height: 42px; border: 0; border-radius: 999px; background: transparent; color: var(--cd-muted);
  font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; transition: background-color .2s, color .2s, box-shadow .2s; }
html.cadra:not(#_a):not(#_b) body.auth .auth-tabs [role=tab][aria-selected=true] { background: #fff; color: #151618; box-shadow: 0 1px 2px #1111111a, 0 4px 12px #11111117; }
html.cadra:not(#_a):not(#_b)[data-theme="dark"] body.auth .auth-tabs [role=tab][aria-selected=true] { background: #ffffff2e; color: var(--cd-text); box-shadow: none; }
html.cadra:not(#_a):not(#_b) body.auth .auth-tabs [role=tab]:not([aria-selected=true]):hover { background: transparent; color: var(--cd-text); }

html.cadra:not(#_a):not(#_b) body.auth .auth-panel h2 { font-weight: 600 !important; letter-spacing: -.03em; color: var(--cd-text); }
html.cadra:not(#_a):not(#_b) body.auth .auth-panel header p, html.cadra:not(#_a):not(#_b) body.auth .auth-switch, html.cadra:not(#_a):not(#_b) body.auth .auth-foot { color: var(--cd-muted); }
html.cadra:not(#_a):not(#_b) body.auth .auth-field, html.cadra:not(#_a):not(#_b) body.auth .auth-field > span:first-child:not(.auth-pass) { text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 600; color: var(--cd-muted); }
html.cadra:not(#_a):not(#_b) body.auth .auth-field input { height: 48px; padding: 0 18px; border: 1px solid var(--cd-line-2); border-radius: 999px; background: var(--cd-glass-2); color: var(--cd-text); font-size: 15px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-field input:focus { outline: 2px solid var(--cd-text); outline-offset: 2px; border-color: transparent; box-shadow: none; }
html.cadra:not(#_a):not(#_b) body.auth .auth-pass input { padding-right: 104px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-eye { top: 6px; right: 6px; height: 36px; padding: 0 14px; border-radius: 999px; text-transform: none; letter-spacing: 0; font-size: 12.5px; font-weight: 600; color: var(--cd-muted); }
html.cadra:not(#_a):not(#_b) body.auth .auth-eye:hover { background: var(--cd-well); color: var(--cd-text); }
html.cadra:not(#_a):not(#_b) body.auth .auth-submit { height: 50px; border: 0; border-radius: 999px; background: #151618; color: #f8f8f6; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 700;
  transition: transform .2s var(--cd-ease), background-color .2s; }
html.cadra:not(#_a):not(#_b) body.auth .auth-submit:hover { background: #2a2c2f; transform: translateY(-1px); }
html.cadra:not(#_a):not(#_b)[data-theme="dark"] body.auth .auth-submit { background: #bdf264; color: #151618; }
html.cadra:not(#_a):not(#_b)[data-theme="dark"] body.auth .auth-submit:hover { background: #cdf77f; }
html.cadra:not(#_a):not(#_b) body.auth .auth-support a, html.cadra:not(#_a):not(#_b) body.auth .auth-switch a { color: var(--cd-text); }
html.cadra:not(#_a):not(#_b) body.auth .auth-alert { border-radius: 14px; }
html.cadra:not(#_a):not(#_b) body.auth .auth-provider { border-radius: 999px !important; }
html.cadra:not(#_a):not(#_b) body.auth .auth-foot { text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 500; }

@media (max-width: 960px) {
  html.cadra:not(#_a):not(#_b) body.auth .auth-shell { padding: 12px; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-main { padding: 20px 4px; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-card { padding: 24px 18px 22px; border-radius: 24px; }
}
@media (prefers-reduced-motion: reduce) { html.cadra:not(#_a):not(#_b) body.auth .auth-submit { transition: none; } }
html.cadra:not(#_a):not(#_b)[data-theme="dark"] body.auth .auth-side { box-shadow: inset 0 0 0 1px #ffffff14; }
/* «Восстановить доступ» / «Новый пароль» (auth_email.html): заголовок и надзаголовок — как на входе */
html.cadra:not(#_a):not(#_b) body.auth-email .auth-pitch h1, html.cadra:not(#_a):not(#_b) body.auth-email .auth-card h2 { font-family: var(--cd-font) !important; font-weight: 600 !important; letter-spacing: -.025em !important; text-transform: none !important; }
html.cadra:not(#_a):not(#_b) body.auth-email :is(.email-eyebrow, .auth-card .eyebrow) { font: 600 var(--cd-fs-sm)/1.2 var(--cd-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--cd-muted) !important; }
html.cadra:not(#_a):not(#_b) body.auth-email .auth-alert { border-radius: var(--cd-r-tile) !important; }
html.cadra:not(#_a):not(#_b) body.auth-email, html.cadra:not(#_a):not(#_b) body.auth-email .auth-main { background: var(--cd-bg) !important; color: var(--cd-text) !important; }
html.cadra:not(#_a):not(#_b) body.auth-email .auth-card { background: var(--cd-raised) !important; color: var(--cd-text) !important; border-color: var(--cd-rim) !important; }
html.cadra:not(#_a):not(#_b) body.auth-email .auth-card :is(h2, a, b, label) { color: var(--cd-text) !important; }
html.cadra:not(#_a):not(#_b) body.auth-email .auth-card p:not(.auth-alert) { color: var(--cd-muted) !important; }
/* вход: левая панель целиком в один экран (1920×890 видимой области и ниже) — заголовок и отступы от высоты окна */
@media (min-width: 900px) {
  html.cadra:not(#_a):not(#_b) body.auth .auth-shell { min-height: 100dvh; height: 100dvh; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-side { height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;
    padding: clamp(22px, 3.2vh, 40px) clamp(28px, 4vw, 64px) !important; box-sizing: border-box; }
  /* заголовок прежнего размера (64px на 1920) — в экран влезает за счёт ширины: шире строка, меньше строк */
  html.cadra:not(#_a):not(#_b) body.auth .auth-pitch h1 { font-size: clamp(36px, 4vw, 64px) !important; line-height: .98 !important; max-width: 15ch !important; margin: 0 0 clamp(14px, 2.4vh, 28px) !important; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-points li { padding-top: clamp(8px, 1.4vh, 16px) !important; padding-bottom: clamp(8px, 1.4vh, 16px) !important; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-preview { margin-top: clamp(12px, 2vh, 24px) !important; }
}
@media (min-width: 900px) and (max-height: 720px) {
  html.cadra:not(#_a):not(#_b) body.auth .auth-preview figcaption { display: none !important; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-points li div { font-size: 0 !important; }
  html.cadra:not(#_a):not(#_b) body.auth .auth-points li div b { font-size: 14px !important; }
}

/* 27.10: согласие на обработку ПДн под кнопкой регистрации */
html.cadra:not(#_a):not(#_b) .auth-consent { margin: 12px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--cd-muted, #5c5c5a); text-align: center; }
html.cadra:not(#_a):not(#_b) .auth-consent a, html.cadra:not(#_a):not(#_b) .auth-foot a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
/* 27.10: реквизиты и документы под формой */
html.cadra:not(#_a):not(#_b) .auth-foot { display: grid; gap: 6px; font-size: 12.5px; }
html.cadra:not(#_a):not(#_b) .auth-foot p { margin: 0; }
html.cadra:not(#_a):not(#_b) .auth-foot .lgf-docs { display: flex; flex-wrap: wrap; gap: 4px 14px; }
html.cadra:not(#_a):not(#_b) .auth-foot .lgf-docs a, html.cadra:not(#_a):not(#_b) .auth-foot .lgf-req a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
html.cadra:not(#_a):not(#_b) .auth-foot .lgf-req { margin: 0; opacity: .8; }