/* Scoped presentation for Filament's native login/MFA forms; no auth behavior. */
.fi-panel-connect { background: var(--canvas); color: var(--ink); }
.connect-auth-main { align-items: center; padding-top: 64px; padding-bottom: 88px; }
.connect-auth-main .intro { padding-top: 0; }
.auth-intro-title { font: 400 clamp(34px,4vw,53px)/1.13 Georgia,serif; letter-spacing: -.025em; margin: 26px 0 20px; max-width: 510px; }
.connect-auth-card { max-width: 520px; width: 100%; justify-self: end; }
.connect-auth-card .fi-simple-page { gap: 24px; }
.connect-auth-card .fi-simple-header { text-align: left; }
.connect-auth-card .fi-simple-header-heading { font: 400 clamp(26px,2.5vw,33px)/1.2 Georgia,serif; color: var(--ink); letter-spacing: -.017em; }
.connect-auth-card .fi-simple-header-subheading { color: var(--ink-soft); font-size: 14px; line-height: 1.7; margin-top: 12px; }
.connect-auth-card .fi-input-wrp { border-radius: 3px; }
.connect-auth-card .fi-input { min-height: 44px; }
.connect-auth-card .fi-btn { min-height: 46px; border-radius: 3px; font-weight: 650; }
.connect-auth-card .fi-one-time-code-input-digit { min-width: 0; }
.connect-auth-help { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid var(--line-subtle); color: var(--ink-soft); font-size: 12px; line-height: 1.7; }
.connect-sign-out { margin: 12px 0 0; }
.connect-sign-out button { border: 0; background: transparent; color: var(--petrol); font-size: 12px; padding: 8px 0; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.connect-skip { position: fixed; left: 16px; top: -80px; padding: 12px 16px; border-radius: 3px; background: white; color: var(--ink); z-index: 100; }
.connect-skip:focus { top: 12px; }
@media (max-width:900px) {
  .connect-auth-main { padding-top: 30px; padding-bottom: 48px; }
  .connect-auth-card { justify-self: stretch; max-width: none; }
  .auth-intro-title { margin: 12px 0 10px; font-size: clamp(29px,5vw,39px); }
}
@media (max-width:520px) {
  .connect-auth-card { padding: 24px 21px; }
  .auth-intro-title { font-size: 30px; }
  .connect-auth-card .fi-simple-header-heading { font-size: 27px; }
}

/* Use the shared petrol accent for native authentication actions. */
.connect-auth-card .fi-btn.fi-color-primary { background-color: var(--petrol); color: #fff; }
.connect-auth-card .fi-btn.fi-color-primary:hover { background-color: var(--ink); color: #fff; }
.connect-auth-card .fi-btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.connect-auth-card .fi-input-wrp:not(.fi-disabled):focus-within { --tw-ring-color: var(--petrol); outline: 2px solid var(--petrol); outline-offset: -1px; }