/* Login and signup — loaded after the earlier auth layers. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
body[data-auth-page]{--a-ink:#17211b;--a-text:#3a453e;--a-soft:#66736b;--a-faint:#959f99;--a-line:#e3e7e4;--a-green:#0b4a33;--a-accent:#1f6b47;min-height:100svh;margin:0;background:#fff;color:var(--a-ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body[data-auth-page] .auth-shell{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;min-height:100svh!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}

/* Left: brand panel with a real piece of the product */
body[data-auth-page] .auth-brand-panel{position:relative!important;display:flex!important;flex-direction:column!important;gap:40px!important;min-height:100svh!important;margin:0!important;padding:40px 56px!important;overflow:hidden!important;border-radius:0!important;background:radial-gradient(120% 80% at 85% 100%,#14603f 0%,transparent 60%),#0b4a33!important;color:#eef5ef!important}
body[data-auth-page] .auth-brand{display:inline-flex!important;align-items:center!important;gap:12px!important;color:#fff!important;font:700 19px 'Manrope',sans-serif!important;letter-spacing:-.02em;text-decoration:none!important}
body[data-auth-page] .auth-brand b{color:#c9ef9c!important;font-weight:700!important}
body[data-auth-page] .auth-brand-tile{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#0b4a33;box-shadow:inset 0 0 0 1px #ffffff26}
body[data-auth-page] .auth-brand-tile img{width:30px!important;height:30px!important;object-fit:contain}
body[data-auth-page] .auth-brand-copy{max-width:470px!important;margin:auto 0 0!important;padding:0!important}
body[data-auth-page] .auth-brand-copy h1{margin:0 0 14px!important;color:#fff!important;font:700 clamp(34px,3.4vw,48px)/1.08 'Manrope',sans-serif!important;letter-spacing:-.035em!important}
body[data-auth-page] .auth-brand-copy p{margin:0!important;color:#bcd3c4!important;font-size:17px!important;line-height:1.5!important;max-width:420px}
body[data-auth-page] .auth-preview{position:relative;width:min(440px,100%);margin:0 0 auto}
body[data-auth-page] .auth-preview-card{padding:18px;border-radius:16px;background:#fff;color:var(--a-ink);box-shadow:0 30px 60px #02140c59}
body[data-auth-page] .auth-preview-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px}
body[data-auth-page] .auth-preview-head b{font:600 15px 'DM Sans',sans-serif}
body[data-auth-page] .auth-preview-head span{color:var(--a-faint);font-size:12.5px}
body[data-auth-page] .auth-preview-row{display:flex;gap:14px;align-items:center;padding:10px 12px;margin:0 0 6px;border-radius:10px;background:#eef6f0}
body[data-auth-page] .auth-preview-row time{width:42px;color:var(--a-accent);font:600 13px 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
body[data-auth-page] .auth-preview-row b,body[data-auth-page] .auth-preview-task b,body[data-auth-page] .auth-preview-note b{display:block;font:500 14px/1.3 'DM Sans',sans-serif}
body[data-auth-page] .auth-preview small{display:block;color:var(--a-faint);font-size:12.5px}
body[data-auth-page] .auth-preview-task{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--a-line)}
body[data-auth-page] .auth-preview-task>span{flex:1;min-width:0}
body[data-auth-page] .auth-preview-task i{position:relative;width:72px;height:6px;overflow:hidden;border-radius:6px;background:#e9ece9}
body[data-auth-page] .auth-preview-task em{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#2f8a57}
body[data-auth-page] .auth-preview-task strong{font:600 13px 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
body[data-auth-page] .auth-preview-note{position:absolute;right:-28px;bottom:-34px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff;color:var(--a-ink);box-shadow:0 18px 40px #02140c4d}
body[data-auth-page] .auth-preview-note i{flex:none;width:8px;height:8px;border-radius:50%;background:#c07a1f}
body[data-auth-page] .auth-brand-foot{margin:0;color:#8fb09c;font-size:13px}
body[data-auth-page] .auth-orbit,body[data-auth-page] .auth-brand-note,body[data-auth-page] .auth-kicker{display:none!important}

/* Right: form */
body[data-auth-page] .auth-form-panel{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100svh!important;margin:0!important;padding:32px 24px!important;background:#fff!important;border:0!important;box-shadow:none!important}
body[data-auth-page] .auth-form-top{position:absolute!important;top:28px!important;right:32px!important;display:flex!important;gap:6px!important;align-items:center!important;color:var(--a-soft)!important;font-size:14px!important}
body[data-auth-page] .auth-form-top a{color:var(--a-accent)!important;font-weight:600!important;text-decoration:none!important}
body[data-auth-page] .auth-form-wrap{width:min(380px,100%)!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-auth-page] .auth-mobile-brand{display:none!important}
body[data-auth-page] .auth-form-wrap h2{margin:0 0 8px!important;color:var(--a-ink)!important;font:700 30px/1.15 'Manrope',sans-serif!important;letter-spacing:-.03em!important}
body[data-auth-page] .auth-intro{margin:0 0 28px!important;color:var(--a-soft)!important;font-size:15.5px!important;line-height:1.5!important}
body[data-auth-page] .google-auth{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:46px!important;margin:0!important;border:1px solid var(--a-line)!important;border-radius:11px!important;background:#fff!important;color:var(--a-ink)!important;font:500 15px 'DM Sans',sans-serif!important;box-shadow:0 1px 2px #0f1a140d!important;cursor:pointer;transition:background .15s,border-color .15s}
body[data-auth-page] .google-auth:hover{border-color:#cdd5d0!important;background:#f6f8f6!important}
body[data-auth-page] .google-auth svg{width:18px!important;height:18px!important}
body[data-auth-page] .auth-divider{display:flex!important;align-items:center!important;gap:12px!important;margin:22px 0!important;color:var(--a-faint)!important;font-size:13px!important}
body[data-auth-page] .auth-divider::before,body[data-auth-page] .auth-divider::after{content:""!important;flex:1!important;height:1px!important;background:var(--a-line)!important}
body[data-auth-page] .auth-divider span{padding:0!important;background:transparent!important}
body[data-auth-page] #authForm label{display:block!important;margin:0 0 7px!important;color:var(--a-text)!important;font:500 14px 'DM Sans',sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body[data-auth-page] .auth-password-label{display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin-top:16px}
body[data-auth-page] .auth-password-label label{margin:0 0 7px!important}
body[data-auth-page] #authForm>label[for="password"]{margin-top:16px!important}
body[data-auth-page] .auth-password-label a{color:var(--a-accent)!important;font-size:13.5px!important;text-decoration:none!important}
body[data-auth-page] .auth-input-wrap{display:flex!important;align-items:center!important;height:46px!important;padding:0 12px 0 14px!important;border:1px solid var(--a-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body[data-auth-page] .auth-input-wrap:focus-within{border-color:#8fb9a0!important;box-shadow:0 0 0 4px #1f6b4719!important}
body[data-auth-page] .auth-input-wrap>span{display:none!important}
body[data-auth-page] .auth-input-wrap input{flex:1!important;min-width:0!important;height:100%!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--a-ink)!important;font:400 15.5px 'DM Sans',sans-serif!important;box-shadow:none!important}
body[data-auth-page] .auth-input-wrap input::placeholder{color:var(--a-faint)!important}
body[data-auth-page] .password-toggle{padding:4px 6px!important;border:0!important;background:transparent!important;color:var(--a-soft)!important;font:500 13px 'DM Sans',sans-serif!important;cursor:pointer}
body[data-auth-page] .password-toggle:hover{color:var(--a-ink)!important}
body[data-auth-page] .auth-error{margin:12px 0 0!important;padding:10px 12px!important;border:0!important;border-radius:10px!important;background:#fbeeee!important;color:#a33232!important;font-size:13.5px!important}
body[data-auth-page] .auth-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:48px!important;margin:22px 0 0!important;border:0!important;border-radius:11px!important;background:var(--a-green)!important;color:#fff!important;font:600 15.5px 'DM Sans',sans-serif!important;box-shadow:0 1px 2px #0b4a3333!important;cursor:pointer;transition:background .15s,transform .1s}
body[data-auth-page] .auth-submit:hover{background:#0f5b3f!important}
body[data-auth-page] .auth-submit:active{transform:scale(.985)}
body[data-auth-page] .auth-submit svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}
body[data-auth-page] .auth-switch-link{margin:20px 0 0!important;color:var(--a-soft)!important;font-size:14px!important;text-align:center!important}
body[data-auth-page] .auth-switch-link a{color:var(--a-accent)!important;font-weight:600!important;text-decoration:none!important}
body[data-auth-page] .auth-legal-links{display:flex!important;justify-content:center!important;gap:8px!important;margin:28px 0 0!important;color:var(--a-faint)!important;font-size:13px!important}
body[data-auth-page] .auth-legal-links a{color:var(--a-soft)!important;text-decoration:none!important}
body[data-auth-page] .clerk-secure{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:10px 0 0!important;color:var(--a-faint)!important;font-size:12.5px!important}
body[data-auth-page] :focus-visible{outline:2px solid var(--a-accent)!important;outline-offset:2px}

/* Tablet: narrower panel */
@media(max-width:1100px){
  body[data-auth-page] .auth-brand-panel{padding:36px 40px!important}
  body[data-auth-page] .auth-preview-note{right:-8px}
}
/* Phone and small tablet: form first, short green header */
@media(max-width:860px){
  body[data-auth-page] .auth-shell{grid-template-columns:1fr!important}
  body[data-auth-page] .auth-brand-panel{order:0!important;min-height:0!important;gap:0!important;padding:18px 20px!important}
  body[data-auth-page] .auth-form-panel{order:1!important}
  body[data-auth-page] .auth-brand-copy,body[data-auth-page] .auth-preview,body[data-auth-page] .auth-brand-foot{display:none!important}
  body[data-auth-page] .auth-form-panel{justify-content:flex-start!important;min-height:0!important;padding:32px 20px 40px!important}
  body[data-auth-page] .auth-form-top{position:static!important;justify-content:center!important;order:2;margin-top:4px;display:none!important}
  body[data-auth-page] .auth-form-wrap h2{font-size:26px!important}
  body[data-auth-page] .auth-intro{margin-bottom:22px!important}
  body[data-auth-page] .auth-input-wrap input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body[data-auth-page] *{transition:none!important}}

/* Wider brand panel, larger content */
@media(min-width:861px){
  body[data-auth-page] .auth-shell{grid-template-columns:minmax(0,1.9fr) minmax(400px,1fr)!important}
  body[data-auth-page] .auth-brand-panel{padding:48px clamp(48px,6vw,96px)!important}
  body[data-auth-page] .auth-brand-copy{max-width:620px!important}
  body[data-auth-page] .auth-brand-copy h1{font-size:clamp(40px,4.4vw,64px)!important}
  body[data-auth-page] .auth-brand-copy p{max-width:520px;font-size:18.5px!important}
  body[data-auth-page] .auth-preview{width:min(540px,100%)}
  body[data-auth-page] .auth-preview-card{padding:22px}
}
/* Logo always on its dark-green tile */
body[data-auth-page] .auth-brand-tile{background:#073a27!important;box-shadow:inset 0 0 0 1px #ffffff2e!important;border:0!important}
body[data-auth-page] .auth-brand-tile img,body[data-auth-page] .auth-brand img{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}