.auth-screen{position:fixed;inset:0;z-index:10000;background:#f1f5f9;color:#17202e;overflow-y:auto;display:block;padding:40px 24px}
.auth-screen[hidden]{display:none}.auth-card{margin:8vh auto;max-width:440px;width:100%;background:#fff;color:#17202e;border:1px solid #dbe3ec;border-radius:18px;padding:32px}
.auth-screen h1,.auth-screen h2{color:#17202e}.auth-screen p,.auth-screen label{color:#475569}.auth-screen .hint{font-size:12px;line-height:1.7;color:#64748b}
.auth-screen input,.auth-screen textarea,.auth-screen select{border-color:#cbd5e1;background:#fff;color:#17202e;font-size:14px}.auth-screen input:focus,.auth-screen textarea:focus,.auth-screen select:focus{outline:2px solid #2563eb;outline-offset:2px}
.auth-screen button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.auth-screen button.secondary{background:#fff;border-color:#cbd5e1;color:#334155}.auth-screen .text-button{color:#334155}
.product-mark{display:inline-grid;place-items:center;width:48px;height:48px;flex:none;border-radius:12px;background:#334155;color:#fff;font-weight:750;font-size:18px}
.company-onboarding{max-width:1100px;margin:auto;background:#fff;border:1px solid #dbe3ec;border-radius:20px;padding:36px;box-shadow:0 12px 36px #0f172a08}
.onboarding-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}.onboarding-heading h1{font-size:27px;line-height:1.25;margin:6px 0 10px}.onboarding-heading p{font-size:13px;margin:0;line-height:1.7}
.onboarding-step{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#64748b}
.onboarding-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:32px}.onboarding-fields{min-width:0}.onboarding-fields section{border-top:1px solid #e2e8f0;padding:22px 0 10px}.onboarding-fields h2{font-size:16px;margin:0 0 18px}
.onboarding-fields label{font-size:12px;font-weight:600;margin-bottom:14px}.onboarding-fields input,.onboarding-fields textarea,.onboarding-fields select{margin-top:7px}.onboarding-fields input[type=color]{height:42px;padding:4px}.onboarding-fields textarea{resize:vertical}
.onboarding-logo-field{display:flex;align-items:center;gap:16px}.onboarding-logo-field label{flex:1;min-width:0}.onboarding-logo-field .text-button{font-size:11px;white-space:nowrap}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto;margin:0!important}
.onboarding-notice{font-size:12px!important;line-height:1.7;padding:14px 16px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0;margin:0 0 20px}
.onboarding-preview{align-self:start;position:sticky;top:0;padding-top:24px}.identity-preview{margin-top:14px;border-radius:13px 13px 0 0;padding:24px;color:#fff;overflow-wrap:anywhere}
#identity-preview-mark{max-width:100%;min-height:60px;display:grid;place-items:center;border-radius:8px;margin:0 0 20px;padding:10px;font-size:30px;font-weight:700}
#identity-preview-mark img{width:100%;height:85px;object-fit:contain}.identity-preview h2{font-size:19px!important;color:#fff!important;margin:0 0 10px}.identity-preview p{color:#e2e8f0!important;font-size:12px;line-height:1.6}.identity-preview>span{font-size:11px;color:#e2e8f0}
.identity-preview-paper{border:1px solid #e2e8f0;border-radius:0 0 13px 13px;padding:24px;overflow-wrap:anywhere}.identity-preview-paper>span{font-size:9px;letter-spacing:1.1px;color:#64748b}.identity-preview-paper h3{font-size:17px;margin:13px 0}.identity-preview-paper p{font-size:12px;line-height:1.8;white-space:pre-line}.identity-preview-paper p:last-child{font-size:11px;color:#64748b}
#identity-preview-accent{height:8px;border-radius:5px;margin:22px 0}.onboarding-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #e2e8f0}.onboarding-actions #onboarding-error{flex:1;color:#b91c1c;font-size:13px}
#auth-error{color:#b91c1c}.auth-card .primary{width:100%}
@media(max-width:760px){.auth-screen{padding:16px 12px}.company-onboarding{padding:22px 18px;border-radius:14px}.onboarding-columns{grid-template-columns:1fr;gap:14px}.onboarding-preview{position:static;order:-1;padding:0}.onboarding-preview .identity-preview-paper{display:none}.identity-preview{border-radius:10px;padding:16px}#identity-preview-mark{margin-bottom:12px;min-height:40px}#identity-preview-mark img{height:60px}.onboarding-heading{gap:12px}.onboarding-heading h1{font-size:22px}.onboarding-fields .fields{grid-template-columns:1fr}.onboarding-actions .primary{width:100%}.onboarding-logo-field{display:block}.auth-card{padding:24px;margin:5vh auto}}
