/* Cabelo OS public access and onboarding surfaces.
 * Canonicalized through 5.3.0-rc.3.60.92.27.158.
 */
html,body{margin:0}
body.cos-access{min-height:100vh;display:grid;place-items:center;box-sizing:border-box;font-family:Arial,sans-serif}
body.cos-access *,body.cos-access *::before,body.cos-access *::after{box-sizing:border-box}
.cos-access--warm{background:#f6f3ef;color:#1f1a17}
.cos-access--neutral{background:#f6f7f9;color:#171717}
.cos-access--onboarding{padding:24px}
.cos-access-card{width:min(460px,calc(100% - 32px));background:#fff;border:1px solid #e8ded4;border-radius:18px;padding:28px;box-shadow:0 18px 40px rgba(0,0,0,.08)}
.cos-access-card--invite{width:min(520px,calc(100% - 32px));border-color:#e2e5e9;border-radius:20px;padding:30px;box-shadow:0 18px 45px rgba(0,0,0,.08)}
.cos-access-card--onboarding{width:min(720px,100%);padding:32px}
.cos-access-title{margin:0 0 8px;font-size:26px}
.cos-access-card--invite .cos-access-title{margin-bottom:10px;font-size:28px}
.cos-access-card--onboarding .cos-access-title{margin-bottom:10px;font-size:30px}
.cos-access-copy{margin:0 0 22px;color:#6f6258}
.cos-access-card--onboarding .cos-access-copy{font-size:16px;line-height:1.5}
.cos-access-muted{color:#68717d;line-height:1.55}
.cos-access-label{display:block;margin:14px 0 6px;font-weight:700;font-size:14px}
.cos-access-card--invite .cos-access-label{margin:16px 0 7px;font-size:inherit}
.cos-access-input,.cos-access-select{width:100%;border:1px solid #ddd2c8;border-radius:12px;padding:13px 14px;font-size:16px;background:#fff}
.cos-access-card--invite .cos-access-input{border-color:#ccd2d9}
.cos-access-button{width:100%;margin-top:20px;border:0;border-radius:12px;padding:14px;background:#1f1a17;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.cos-access-card--invite .cos-access-button{margin-top:22px;background:#111}
.cos-access-success,.cos-access-error,.cos-access-notice{border-radius:12px;padding:12px;margin-bottom:16px;font-size:14px}
.cos-access-success,.cos-access-notice{background:#eef8f1;border:1px solid #bad9c3;color:#215c34}
.cos-access-error{background:#fff1f1;border:1px solid #f0b8b8;color:#8a1f1f}
.cos-access-card--invite .cos-access-notice,.cos-access-card--invite .cos-access-error{padding:13px 15px;margin:16px 0}
.cos-access-card--invite .cos-access-notice{border-color:#cfe7d5;color:inherit}
.cos-access-card--invite .cos-access-error{border-color:#efc4c4}
.cos-access-context{background:#f7f7f7;border:1px solid #e4e4e4;border-radius:12px;padding:12px;margin:14px 0 4px;font-size:14px;color:#514941}
.cos-access-meta{margin:18px 0;padding:14px;border:1px solid #e4e7eb;border-radius:12px}
.cos-access-meta strong{display:block;margin-bottom:4px}
.cos-access-secondary-link{display:block;margin-top:16px;text-align:center;color:#5d5148;font-size:14px;text-decoration:none}
.cos-access-link{display:inline-block;margin-top:16px;color:#1c5fd4;text-decoration:none}
.cos-access-primary-link{display:inline-block;margin-top:20px;background:#1f1a17;color:#fff;text-decoration:none;padding:14px 18px;border-radius:12px;font-weight:700}

.cos-access--signup{padding:24px}
.cos-access-card--signup{width:min(760px,100%);padding:28px}
.cos-access-card--signup .cos-access-title{font-size:28px}
.cos-access-card--signup .cos-access-label{margin:0 0 6px}
.cos-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cos-access-grid-full{grid-column:1 / -1}
.cos-access-card--signup .cos-access-button{margin-top:22px}
.cos-access-login-link{margin-top:18px;text-align:center;font-size:14px}
.cos-access-login-link a{color:#1f1a17;font-weight:700}
@media(max-width:680px){.cos-access-grid{grid-template-columns:1fr}.cos-access-card--signup{padding:22px}}