@font-face{font-family:'Onboarding OCR A';src:url('./fonts/OCR-A.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.onboarding-overlay{position:fixed;inset:0;z-index:15000;overflow:auto}
.onboarding-overlay *{border-radius:0!important}
.onboarding-overlay .firm-config-question:empty{display:none}
.drive-connection-name-overlay .shortcut-modal{border-radius:0;box-shadow:none;width:min(900px,calc(100vw - 48px));padding:64px;background:var(--bg);border:1px solid var(--bg4);display:flex;flex-direction:column;gap:32px}
.drive-connection-name-overlay .calendar-scheduler-kicker{font:500 clamp(32px,4vw,52px)/1.15 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;text-transform:none}
.drive-connection-name-overlay input{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--bg4);padding:12px 0;font:400 18px/1.5 'Onboarding OCR A',monospace;letter-spacing:0}
.drive-connection-name-overlay button{align-self:flex-start;border-radius:0;font:400 14px/1.5 'Onboarding OCR A',monospace;letter-spacing:0}
@media(max-width:600px){.drive-connection-name-overlay .shortcut-modal{padding:28px}}
.auth-page.onboarding-page{--ui-font-ocr:'Onboarding OCR A','Dashboard OCR A',monospace;box-sizing:border-box;min-height:100svh;background:#252525;padding:32px;display:flex;align-items:center;justify-content:center;color:#282722}
.onboarding-page .auth-surface{width:min(1200px,100%);min-height:min(760px,calc(100svh - 64px));margin:0;background:var(--bg,#faf9f6);border:1px solid #d8d4cc;border-radius:0;padding:48px 64px;display:flex;flex-direction:column;box-sizing:border-box}
.onboarding-brand{display:block;width:100px;margin-bottom:clamp(48px,8vh,88px)}
.onboarding-brand img{display:block;width:100%;height:auto}
.onboarding-page .onboarding-content{border:0;padding:0;flex:1;min-width:0;width:100%;max-width:940px}
.onboarding-content h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:500;font-size:clamp(38px,5.3vw,68px);line-height:1.12;letter-spacing:-.045em;margin:0 0 42px;white-space:pre-line;text-wrap:balance}
.onboarding-content h1:focus{outline:none}
.onboarding-content p{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:15px;line-height:1.6;color:#66635e;max-width:620px;margin:16px 0 28px}
.onboarding-options,.onboarding-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin:24px 0}
.onboarding-page button,.onboarding-page input,.onboarding-page select,.onboarding-page .onboarding-footer a{font-family:var(--ui-font-ocr,'Dashboard OCR A'),monospace;font-size:14px;font-weight:400;letter-spacing:0!important;text-transform:none}
.onboarding-page button{min-height:40px;max-width:100%;padding:9px 20px;background:transparent;color:inherit;border:1px solid #ccc9c2;border-radius:0;line-height:1.45;cursor:pointer;white-space:normal;text-align:left}
.onboarding-page button:hover,.onboarding-page button[aria-pressed=true]{background:#e8e5de;border-color:#8f8b83}
.onboarding-page button:disabled{cursor:default;opacity:.55}
.onboarding-page button:focus-visible,.onboarding-page input:focus-visible,.onboarding-page select:focus-visible{outline:2px solid #777268;outline-offset:4px}
.onboarding-form{display:flex!important;flex-direction:column;gap:24px!important;max-width:660px}
.onboarding-field{display:flex!important;flex-direction:column;gap:10px;min-width:0}
.onboarding-field>span{font:400 13px 'Plus Jakarta Sans',Arial,sans-serif;color:#65615a}
.onboarding-page .onboarding-field input,.onboarding-page .onboarding-field select{border:0;border-bottom:1px solid #c7c3ba;border-radius:0;background:transparent;min-height:42px;padding:8px 2px;color:inherit;max-width:100%;width:100%;box-sizing:border-box}
.onboarding-form>button[type=submit]{align-self:flex-start;margin-top:8px}
.onboarding-footer{display:flex!important;align-items:center;flex-wrap:wrap;gap:24px!important;margin-top:48px!important}
.onboarding-footer button,.onboarding-footer a{border:0;padding:4px 0;min-height:30px;font-size:12px;color:#65615a;text-decoration:none}
.onboarding-status{font-size:14px;line-height:1.5;min-height:1.5em;color:#8b352f;max-width:800px;margin:16px 0 0}
.onboarding-work-options{display:flex;flex-direction:column;gap:24px;max-width:760px}
.onboarding-work-options p{margin:8px 0 0;font-size:14px}
.onboarding-invite-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,.65fr) auto;gap:16px;align-items:end}
.onboarding-invite-row button{margin-bottom:1px;padding-inline:12px}
.onboarding-roles{margin-bottom:26px}
.onboarding-roles>p{margin:0 0 12px;color:inherit}
.onboarding-roles .onboarding-options{margin:0;gap:10px}
.onboarding-team{display:flex;flex-direction:column;gap:12px;max-width:640px}
.onboarding-team label{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;font-size:15px}
.onboarding-team input{width:18px!important;height:18px;accent-color:#514c43}
.onboarding-colors{display:flex;flex-wrap:wrap;gap:16px;max-width:680px;margin:24px 0 32px}
.onboarding-page .onboarding-color{width:42px;height:42px;min-height:42px;padding:0;border:2px solid transparent;border-radius:0;background:var(--project-swatch)}
.onboarding-page .onboarding-color[aria-pressed=true]{outline:1px solid #38352f;outline-offset:5px;background:var(--project-swatch)}
.onboarding-page .onboarding-color:hover{background:var(--project-swatch);border-color:#faf9f6}
@media(min-width:1500px){.onboarding-page .auth-surface{min-height:800px;padding:60px 76px}}
@media(max-width:760px){.auth-page.onboarding-page{padding:14px;align-items:stretch}.onboarding-page .auth-surface{min-height:calc(100svh - 28px);padding:28px 26px}.onboarding-brand{width:84px;margin-bottom:64px}.onboarding-content h1{font-size:clamp(36px,7.2vw,52px);margin-bottom:32px}.onboarding-options{flex-direction:column;gap:12px}.onboarding-roles .onboarding-options{flex-direction:row}.onboarding-footer{margin-top:40px!important}.onboarding-invite-row{grid-template-columns:minmax(0,1fr) 110px;gap:12px}.onboarding-invite-row button{grid-column:1/-1;justify-self:start}}
@media(prefers-reduced-motion:no-preference){.onboarding-content{animation:onboarding-enter .18s ease-out}@keyframes onboarding-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
