/* ========================================================= Public Auth Polish Scope: ========================================================= */ body.public.public-auth{ background: #fff; } /* HERO -> compact header card */ body.public.public-auth .hero{ background: transparent; border: 0; min-height: unset; margin-top: 18px; } body.public.public-auth .hero > .card{ padding: 26px 26px; border-radius: 22px; } body.public.public-auth .hero h1{ font-size: clamp(44px, 5vw, 64px); letter-spacing: -0.045em; } body.public.public-auth .hero p{ margin-top: 10px !important; max-width: 65ch; } /* Two-column auth grid */ body.public.public-auth .auth-wrap{ margin-top: 18px; gap: 18px; align-items: start; } @media (min-width: 900px){ body.public.public-auth .auth-wrap{ grid-template-columns: 1fr 1fr; } } /* Card padding consistency */ body.public.public-auth .auth-wrap > .card{ padding: 22px 22px; border-radius: 22px; } /* Section titles feel like headings */ body.public.public-auth .section-title{ font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(11,13,18,0.55); margin: 0 0 12px !important; } /* Labels */ body.public.public-auth label{ display: grid; gap: 8px; } body.public.public-auth label .muted{ font-size: 13px; color: rgba(11,13,18,0.62); } /* Inputs – compact, high-contrast, premium */ body.public.public-auth input[type="email"], body.public.public-auth input[type="password"], body.public.public-auth input[type="text"]{ height: 44px; padding: 0 12px; border-radius: 12px; background: rgba(255,255,255,0.96); border: 1px solid rgba(11,13,18,0.14); color: rgba(11,13,18,0.92); box-shadow: 0 1px 0 rgba(11,13,18,0.03); } body.public.public-auth input::placeholder{ color: rgba(11,13,18,0.38); } body.public.public-auth input:focus{ outline: none; border-color: rgba(11,13,18,0.30); box-shadow: 0 0 0 4px rgba(11,13,18,0.08); } /* Form spacing */ body.public.public-auth .form-row{ gap: 14px; } body.public.public-auth .help-row{ margin-top: 2px; } /* Links: subtle */ body.public.public-auth a.muted{ color: rgba(11,13,18,0.62); } body.public.public-auth a.muted:hover{ color: rgba(11,13,18,0.86); } /* Login button: full-width primary, not tiny */ body.public.public-auth #loginBtn.btn.btn-primary{ width: 100%; height: 44px; border-radius: 12px; font-weight: 700; box-shadow: 0 14px 34px rgba(11,13,18,0.14); } /* “After login…” hint */ body.public.public-auth .form-row > p.muted.small{ margin-top: 2px !important; color: rgba(11,13,18,0.50); } /* SSO placeholder box should look like an intentional component */ body.public.public-auth .card .muted[style*="dashed"]{ border-style: solid !important; border-color: rgba(11,13,18,0.10) !important; background: rgba(11,13,18,0.03) !important; } /* Footer breathing room */ body.public.public-auth main.container{ padding-bottom: clamp(64px, 10vh, 140px); } /* ========================================================= Signup page extras (still scoped to public-auth) ========================================================= */ /* The divider blocks inside the form */ body.public.public-auth .hr{ margin: 6px 0; } /* The mid-form "Workspace setup" header should feel like a section */ body.public.public-auth .section-title[style*="margin: 0"]{ margin-top: 4px !important; } /* Make disabled fields look intentionally disabled (not broken) */ body.public.public-auth input:disabled{ background: rgba(11,13,18,0.03); border-color: rgba(11,13,18,0.10); color: rgba(11,13,18,0.50); cursor: not-allowed; } /* Right-side “What you get” list: nicer spacing/typography */ body.public.public-auth ul.muted{ margin: 10px 0 0; padding-left: 18px; } body.public.public-auth ul.muted li{ margin: 6px 0; } /* Make the tiny legal line less cramped */ body.public.public-auth .card > p.muted.small[style*="margin-top"]{ margin-top: 14px !important; }