/* Load tokens.css first. Add cb-cloud to the cloud page body. */
.cb-cloud { color-scheme: dark; margin: 0; background: var(--cb-bg); color: var(--cb-text); font-family: var(--cb-font); font-synthesis: none; line-height: 1.5; }
.cb-cloud *, .cb-cloud *::before, .cb-cloud *::after { box-sizing: border-box; letter-spacing: 0; }
.cb-cloud [hidden] { display: none !important; }
.cb-cloud .cb-header { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:72px; padding:16px 28px; border-bottom:1px solid var(--cb-line); }
.cb-cloud .cb-identity { display:flex; align-items:center; gap:11px; }
.cb-cloud .cb-identity img { display:block; width:32px; height:32px; }
.cb-cloud .cb-identity strong { font-size:22px; font-weight:650; }
.cb-cloud .cb-header>span { font-size:13px; color:var(--cb-muted); }
.cb-cloud .cb-auth { width:min(440px,calc(100% - 40px)); margin:56px auto; }
.cb-cloud .cb-eyebrow { margin:0 0 9px; font-size:13px; color:var(--cb-brand); }
.cb-cloud h1 { font-size:28px; line-height:1.25; font-weight:650; margin:0; overflow-wrap:anywhere; }
.cb-cloud p { margin:12px 0; color:var(--cb-muted); }
.cb-cloud .cb-project { display:grid; gap:3px; margin:24px 0; padding:16px 0; border-block:1px solid var(--cb-line); overflow-wrap:anywhere; }
.cb-cloud .cb-project span { color:var(--cb-muted); font-size:13px; }
.cb-cloud form { display:grid; gap:16px; }
.cb-cloud label { display:grid; gap:6px; font-size:13px; color:var(--cb-subtle); }
.cb-cloud input, .cb-cloud select { font:inherit; font-size:16px; width:100%; min-width:0; min-height:44px; padding:9px 12px; border:1px solid var(--cb-line-strong); border-radius:var(--cb-radius-control); background:var(--cb-field); color:var(--cb-text); }
.cb-cloud input[readonly] { color:var(--cb-subtle); }
.cb-cloud input[aria-invalid=true] { border-color:var(--cb-danger); }
.cb-cloud a { color:var(--cb-brand); text-underline-offset:3px; }
.cb-cloud button, .cb-cloud .cb-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid var(--cb-brand); border-radius:var(--cb-radius-control); background:var(--cb-brand); color:var(--cb-brand-ink); font:inherit; font-weight:650; text-decoration:none; cursor:pointer; }
.cb-cloud button:hover:not(:disabled), .cb-cloud .cb-button:hover { background:var(--cb-brand-hover); border-color:var(--cb-brand-hover); }
.cb-cloud button:disabled { opacity:.5; cursor:wait; }
.cb-cloud :is(button,input,select,a):focus-visible { outline:none; box-shadow:var(--cb-focus-ring); }
.cb-cloud .cb-secondary { border-color:var(--cb-line-strong); background:var(--cb-control); color:var(--cb-text); }
.cb-cloud .cb-secondary:hover:not(:disabled) { background:var(--cb-control-hover); border-color:var(--cb-line-strong); }
.cb-cloud .cb-error, .cb-cloud .cb-success { border-left:3px solid var(--cb-danger); border-radius:var(--cb-radius-control); padding:12px 14px; background:var(--cb-danger-soft); color:var(--cb-danger-text); font-size:14px; overflow-wrap:anywhere; }
.cb-cloud .cb-success { border-color:var(--cb-success); color:var(--cb-success-text); background:var(--cb-success-soft); }
.cb-cloud .cb-footer { border-top:1px solid var(--cb-line); margin-top:28px; padding-top:16px; color:var(--cb-muted); font-size:13px; }
@media(max-width:560px) { .cb-cloud .cb-header { padding:14px 20px; } .cb-cloud .cb-auth { margin-top:32px; } }