/* Scoped account layout. Keep the original logo artwork and shared workflows intact. */
body[data-project-page="connect"]{min-height:100vh;background:var(--paper);color:var(--navy)}
body[data-project-page="connect"] .auth-navigation{width:calc(100% - 48px);max-width:1000px;min-height:88px;padding-block:16px;border-bottom:1px solid var(--line);gap:24px;flex-wrap:nowrap}
body[data-project-page="connect"] .auth-brand-link{display:block;width:164px;flex-shrink:0}
body[data-project-page="connect"] .auth-brand-logo{display:block;width:100%;height:auto;object-fit:contain}
body[data-project-page="connect"] .auth-navigation nav{gap:24px;flex-wrap:nowrap}
body[data-project-page="connect"] .auth-navigation nav a{min-height:44px;display:inline-flex;align-items:center;padding-block:8px;font-size:13px;white-space:nowrap}
body[data-project-page="connect"] .account-main{width:calc(100% - 40px);max-width:460px;margin:40px auto 32px;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:none}
body[data-project-page="connect"] .account-main[data-account-state="signed-in"]{max-width:680px;padding:0;background:transparent;border:0;border-radius:0}
body[data-project-page="connect"] #connection-title{font-size:30px;line-height:1.2;text-align:left;overflow-wrap:anywhere;letter-spacing:-.035em}
body[data-project-page="connect"] .account-main[data-account-state="signed-in"] #connection-title,
body[data-project-page="connect"] .account-main[data-account-state="signed-in"] .account-lead{text-align:left}
body[data-project-page="connect"] .account-lead{text-align:left;font-size:14px;line-height:1.6;margin:10px 0 24px;max-width:none;color:var(--muted)}
body[data-project-page="connect"] #auth-panel{padding:0;margin-top:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body[data-project-page="connect"] #auth-panel .social-button{border-color:#b8bec5}
body[data-project-page="connect"] #auth-panel .social-button:focus-visible,
body[data-project-page="connect"] #auth-panel input:focus-visible{outline-color:var(--gold-text)}
body[data-project-page="connect"] #auth-panel button[type="submit"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
body[data-project-page="connect"] #auth-panel button[type="submit"]:hover{background:#21374e}
body[data-project-page="connect"] #approval-panel,
body[data-project-page="connect"] #continue-panel,
body[data-project-page="connect"] #signin-settings{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--white)}
body[data-project-page="connect"] #approval-panel>.eyebrow{font-size:10px;margin-bottom:10px;color:var(--gold-text)}
body[data-project-page="connect"] #approval-panel h2,
body[data-project-page="connect"] #signin-settings h2{font-size:20px;line-height:1.3;margin-bottom:8px}
body[data-project-page="connect"] #continue-panel h2{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.02em;color:var(--muted);margin-bottom:6px}
body[data-project-page="connect"] #approval-panel p,
body[data-project-page="connect"] #continue-panel p,
body[data-project-page="connect"] #signin-settings p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
body[data-project-page="connect"] #continue-profile{font-size:15px;font-weight:500}
body[data-project-page="connect"] .account-panel .account-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 22px;margin:20px 0 0}
body[data-project-page="connect"] .account-panel .account-actions>.text-link{margin:0;min-height:44px;align-items:center;font-size:13px}
body[data-project-page="connect"] .account-panel .button{min-height:44px;padding:10px 16px;font-size:13px;border-radius:6px}
body[data-project-page="connect"] #continue-link{background:var(--navy);border-color:var(--navy);color:var(--white)}
body[data-project-page="connect"] #continue-link:hover{background:#21374e}
body[data-project-page="connect"] #signin-settings #email-verification-status{font-size:13px;color:var(--muted)}
body[data-project-page="connect"] #signin-settings #provider-link-help{font-size:13px;color:var(--muted);margin-top:20px}
body[data-project-page="connect"] #provider-link-buttons{gap:10px;margin:12px 0 0}
body[data-project-page="connect"] #provider-link-buttons .social-button{justify-content:flex-start;min-height:46px;padding:11px 14px;border-color:var(--line);font-family:inherit}
body[data-project-page="connect"] .connected-provider{max-width:none;min-height:46px;display:flex;align-items:center;gap:12px;background:#f6f8f7;border-color:#d8e1dc;padding:11px 14px}
body[data-project-page="connect"] .connected-provider::before{content:'✓';display:inline-flex;width:24px;justify-content:center;color:#356349;font-weight:600;flex-shrink:0}
body[data-project-page="connect"] #signin-settings .provider-consent-notice{font-size:11px;line-height:1.5;margin:8px 2px 0}
body[data-project-page="connect"] #signin-settings #password-setup-help{font-size:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}
body[data-project-page="connect"] #signin-settings #verify-account-email{margin:12px 0 0;max-width:100%;text-align:center}
body[data-project-page="connect"] #set-password-form fieldset{min-width:0;margin:0;padding:0;border:0}
body[data-project-page="connect"] #set-password-form .form-field{margin-bottom:16px}
body[data-project-page="connect"] #set-password-form label{font-size:14px}
body[data-project-page="connect"] #set-password-form input{width:100%;font-size:16px;min-height:46px;border-radius:6px}
body[data-project-page="connect"] #set-password-form .field-help{font-size:12px;margin-top:6px;color:var(--muted)}
body[data-project-page="connect"] #approve-connection{background:var(--gold);border-color:var(--gold);color:var(--navy)}
body[data-project-page="connect"] #approve-connection:hover{background:var(--chevron);border-color:var(--chevron)}
body[data-project-page="connect"] #switch-account{font-size:12px;line-height:1.5;margin-top:20px;min-height:44px;align-items:center}
body[data-project-page="connect"] #connection-notice{font-size:14px;padding:14px 16px;border-radius:6px}
body[data-project-page="connect"] .auth-footer{width:calc(100% - 40px);max-width:680px;padding:0 0 28px;justify-content:center;text-align:center;border:0;font-size:11px;color:var(--muted)}
@media(max-width:540px){
  body[data-project-page="connect"] .auth-navigation{width:calc(100% - 32px);min-height:76px;padding-block:12px;gap:16px}
  body[data-project-page="connect"] .auth-brand-link{width:140px}
  body[data-project-page="connect"] .auth-navigation nav{gap:16px}
  body[data-project-page="connect"] .auth-navigation nav a{font-size:12px}
  body[data-project-page="connect"] .account-main{width:calc(100% - 32px);margin-top:28px;padding:24px}
  body[data-project-page="connect"] #connection-title{font-size:27px}
  body[data-project-page="connect"] .account-lead{margin-bottom:20px}
  body[data-project-page="connect"] #approval-panel,
  body[data-project-page="connect"] #continue-panel,
  body[data-project-page="connect"] #signin-settings{padding:20px}
}
@media(max-width:360px){
  body[data-project-page="connect"] .auth-brand-link{width:120px}
  body[data-project-page="connect"] .auth-navigation nav{gap:12px}
  body[data-project-page="connect"] .account-main{padding:20px}
  body[data-project-page="connect"] #continue-panel .account-actions{column-gap:16px}
}
