/* TaskDay вход / регистрация / восстановление — Figma M18 (581:1296), M19; desktop by design system. */
#authOverlay { background: var(--td-color-bg-workspace) !important; font-family: var(--td-font-sans); }
#authOverlay .auth-shell { width: 100% !important; max-width: 440px !important; min-height: 100dvh !important; margin: 0 auto !important; padding: 28px 20px 28px !important; display: flex !important; flex-direction: column !important; box-sizing: border-box; }
#authOverlay .auth-top { display: flex !important; align-items: center; justify-content: flex-start; padding: 0 !important; margin: 0 0 28px !important; height: auto !important; }
#authOverlay .auth-top-note { display: none !important; }
#authOverlay .auth-body { flex: 1; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; grid-template-columns: none !important; }
#authOverlay .auth-copy { max-width: none !important; margin: 0 0 20px !important; padding: 0 !important; text-align: left !important; }
#authOverlay .auth-headline { margin: 0 0 10px !important; font: var(--td-fw-bold) 28px/34px var(--td-font-sans) !important; letter-spacing: -.01em; color: var(--td-color-text-heading) !important; }
#authOverlay .auth-headline span { color: inherit !important; }
#authOverlay .auth-headline br { display: none; }
#authOverlay .auth-lead { margin: 0 !important; font: var(--td-fw-regular) 15px/21px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; max-width: none !important; }
#authOverlay .auth-card { flex: 1; display: flex !important; flex-direction: column; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#authOverlay .auth-card-head { display: none !important; }
#authOverlay .auth-tabs { display: inline-flex !important; align-self: flex-start; gap: 2px; width: auto !important; margin: 0 0 22px !important; padding: 3px !important; border: 0 !important; border-radius: 12px !important; background: var(--td-color-bg-subtle) !important; }
#authOverlay .auth-tabs[hidden] { display: none !important; }
#authOverlay .auth-tabs button { flex: none !important; height: 34px !important; padding: 0 14px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; color: var(--td-color-text-secondary) !important; font: var(--td-fw-medium) 14px/18px var(--td-font-sans) !important; box-shadow: none !important; }
#authOverlay .auth-tabs button.active { background: var(--td-color-bg-surface) !important; color: var(--td-color-text-heading) !important; box-shadow: 0 1px 2px rgba(20, 30, 60, .08) !important; }
#authOverlay .auth-form { display: none !important; }
#authOverlay .auth-form.active { flex: 1; display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 0 !important; margin: 0 !important; }
#authOverlay .auth-form.active > div:not(.auth-error):not(.auth-sent):not(.forgot-links) { display: flex; flex-direction: column; gap: 6px; padding: 0 !important; margin: 0 !important; }
#authOverlay .forgot-body { display: flex !important; flex-direction: column; gap: 14px !important; }
#authOverlay .forgot-body > div { display: flex; flex-direction: column; gap: 6px; }
#authOverlay .auth-label-row { display: contents !important; }
#authOverlay .auth-label-row .auth-link { order: 3; align-self: flex-start; margin-top: 8px; }
#authOverlay .auth-form label { margin: 0 !important; font: var(--td-fw-regular) 14px/18px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
#authOverlay .auth-form input { width: 100% !important; height: 48px !important; padding: 0 14px !important; box-sizing: border-box; border: 1px solid var(--td-color-border-default) !important; border-radius: 12px !important; background: var(--td-color-bg-surface) !important; color: var(--td-color-text-primary) !important; font: var(--td-fw-regular) 16px/20px var(--td-font-sans) !important; box-shadow: none !important; }
#authOverlay .auth-form input:focus { outline: none; border-color: var(--td-color-accent) !important; box-shadow: 0 0 0 3px var(--td-color-accent-subtle) !important; }
#authOverlay .auth-link { padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--td-color-accent) !important; font: var(--td-fw-medium) 15px/20px var(--td-font-sans) !important; cursor: pointer; }
#authOverlay .auth-step-hint { margin: 0 !important; padding: 12px 14px !important; border-radius: 12px; background: var(--td-color-accent-subtle) !important; color: var(--td-color-text-primary) !important; font: var(--td-fw-regular) 14px/20px var(--td-font-sans) !important; }
#authOverlay .auth-error:empty { display: none; }
#authOverlay .auth-submit { margin-top: auto !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; height: 48px !important; border: 0 !important; border-radius: 12px !important; background: var(--td-color-accent) !important; color: #fff !important; font: var(--td-fw-semibold) 16px/20px var(--td-font-sans) !important; box-shadow: none !important; }
#authOverlay .auth-submit span { order: -1; }
#authOverlay .auth-secondary, #authOverlay .auth-back-btn { width: 100% !important; height: 44px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: var(--td-color-bg-subtle) !important; color: var(--td-color-text-heading) !important; font: var(--td-fw-medium) 15px/20px var(--td-font-sans) !important; box-shadow: none !important; }
#authOverlay #authLoginForm .auth-switch, #authOverlay .auth-footnote { display: none !important; }
#authOverlay .auth-switch { margin: 0 !important; text-align: center; font: var(--td-fw-regular) 14px/20px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
#authOverlay .forgot-links { display: flex; flex-direction: column; align-items: center; gap: 10px; }
#authOverlay .auth-install-hint { margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; text-align: center; font: var(--td-fw-regular) 12px/16px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
@media (min-width: 1025px) {
  #authOverlay .auth-shell { justify-content: center; max-width: 480px !important; }
  #authOverlay .auth-top { justify-content: center; }
  #authOverlay .auth-body { flex: 0 0 auto; padding: 32px !important; border-radius: var(--td-corner-card-main-left, 20px) !important; background: var(--td-color-bg-surface) !important; box-shadow: 0 10px 40px rgba(20, 30, 60, .06) !important; }
  #authOverlay .auth-form input { background: var(--td-color-bg-workspace) !important; }
  #authOverlay .auth-submit { margin-top: 10px !important; }
  #authOverlay .auth-form.active { flex: 0 0 auto; }
}