/* Modern UI — Sign In / Create Account / Reset and onboarding (Get started, Create group,
   Request to join a group). Approved for parity: .39 fields, validation, password-manager
   behaviour and flows are unchanged; only presentation moves onto the MC tokens. */

/* ---------- Auth screen ---------- */
html body #auth{background:linear-gradient(180deg,#eaf1fa 0,#f6f8fb 46%,#fff 100%)!important;font-family:var(--mc-font)!important}
html body #auth .center-card{max-width:420px!important;margin:0 auto!important;padding:28px 16px 32px!important}
html body #auth .center-card>h1{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;margin:8px 0 2px!important;font:800 30px/1.15 var(--mc-font)!important;color:#14325a!important;letter-spacing:-.01em}
html body #auth .center-card>h1::before{content:"";width:88px;height:72px;background:url(/icons/ya-header-outline.png) center/contain no-repeat}
html body #auth .center-card>.sub{margin:0 0 18px!important;text-align:center!important;font:500 15px/1.3 var(--mc-font)!important;color:#53627a!important}
html body #auth #authCard{padding:20px 18px!important;border:1px solid #e3e9f1!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(12,24,49,.08)!important}
html body #auth #authCard h2{margin:0 0 14px!important;font:800 22px/1.2 var(--mc-font)!important;color:#14325a!important}
html body #auth #authCard .field{margin:0 0 12px!important}
html body #auth #authCard .field>label{display:block!important;margin:0 0 6px!important;font:600 14px/1.25 var(--mc-font)!important;color:#1e3557!important}
html body #auth #authCard input:not([type=checkbox]):not([type=radio]){width:100%!important;min-height:46px!important;padding:0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;background:#fff!important;font:400 16px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;box-shadow:none!important;box-sizing:border-box!important}
html body #auth #authCard input:focus{outline:2px solid rgba(56,119,200,.35)!important;border-color:var(--mc-blue,#3877c8)!important}
html body #auth #authCard .btn{min-height:48px!important;border-radius:12px!important;font:600 16px/1 var(--mc-font)!important;box-shadow:none!important}
html body #auth #authCard .btn.primary{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body #auth #authCard .btn.ghost{background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}
html body #auth #authCard .notice,html body #auth #authCard .auth-note{border-radius:10px!important;font:400 14px/1.4 var(--mc-font)!important}
html body #auth #authCard .field small,html body #auth #authCard .auth-note{color:var(--mc-muted,#68758a)!important}
html body #auth #authErr:not(:empty),html body #auth #authCard .error:not(:empty){margin:8px 0!important;padding:10px 12px!important;border-radius:10px!important;background:#fdecec!important;color:#a32025!important;font:500 14px/1.3 var(--mc-font)!important}

/* ---------- Onboarding sheets: Get started, Create group, Request to join ---------- */
html body #overlayRoot .sheet:has(#createGroupChoice),
html body #overlayRoot .sheet:has(#createGroupGo),
html body #overlayRoot .sheet:has(#findAdmin){border-radius:18px!important;font-family:var(--mc-font)!important;color:var(--mc-text,#1d283c)!important}
html body #overlayRoot .sheet:has(#createGroupChoice) h2,
html body #overlayRoot .sheet:has(#createGroupGo) .sheet-head h2,
html body #overlayRoot .sheet:has(#findAdmin) .sheet-head h2{font:800 22px/1.2 var(--mc-font)!important;color:#14325a!important}
html body #overlayRoot .sheet:has(#createGroupChoice) p{font:400 15px/1.45 var(--mc-font)!important;color:#33445c!important}
html body #overlayRoot .sheet:has(#createGroupChoice) .btn,
html body #overlayRoot .sheet:has(#createGroupGo) .btn,
html body #overlayRoot .sheet:has(#findAdmin) .btn{min-height:48px!important;border-radius:12px!important;font:600 16px/1 var(--mc-font)!important;box-shadow:none!important}
html body #overlayRoot .sheet:has(#createGroupChoice) .btn.primary,
html body #overlayRoot .sheet:has(#createGroupGo) .btn.primary,
html body #overlayRoot .sheet:has(#findAdmin) .btn.primary{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body #overlayRoot .sheet:has(#createGroupChoice) .btn:not(.primary),
html body #overlayRoot .sheet:has(#createGroupGo) .btn:not(.primary),
html body #overlayRoot .sheet:has(#findAdmin) .btn:not(.primary){background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}
html body #overlayRoot .sheet:has(#createGroupGo) .field>label,
html body #overlayRoot .sheet:has(#findAdmin) .field>label{display:block!important;margin:0 0 6px!important;font:600 14px/1.25 var(--mc-font)!important;color:#1e3557!important}
html body #overlayRoot .sheet:has(#createGroupGo) input:not([type=checkbox]):not([type=radio]),
html body #overlayRoot .sheet:has(#findAdmin) input:not([type=checkbox]):not([type=radio]){width:100%!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;font:400 16px/1.25 var(--mc-font)!important;box-sizing:border-box!important}
html body #overlayRoot .sheet:has(#createGroupGo) input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;width:22px!important;height:22px!important;margin:0!important;border:2px solid #9fb3cc!important;border-radius:6px!important;background:#fff center/14px no-repeat!important}
html body #overlayRoot .sheet:has(#createGroupGo) input[type=checkbox]:checked{border-color:var(--mc-blue,#3877c8)!important;background-color:var(--mc-blue,#3877c8)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E")!important}
html body #overlayRoot .sheet:has(#createGroupGo) .notice{border-radius:10px!important;background:#eef6f0!important;border:1px solid #cfe8d7!important;color:#1d5b36!important}

/* Sign-in and account forms keep the browser's normal text behaviour (the app-wide no-selection rule
   is for the schedule), so password managers and AutoFill treat these fields normally. */
html body #auth,html body #auth *{-webkit-user-select:auto!important;user-select:auto!important;-webkit-touch-callout:default!important}
/* Get Started (Gary, Oct 19): a small grey Sign out link instead of Account / Log Out buttons. */
html body #overlayRoot .sheet .setup-signout-link:not(#_){display:block!important;width:auto!important;min-height:44px!important;margin:18px auto 0!important;padding:0 16px!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 15px/44px var(--mc-font,system-ui)!important;color:#8a94a6!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}