/* Widget compte client (connexion/inscription) — partagé par agenda.html,
   yoga.html et mon-compte.html. Réutilise les variables de css/style.css. */
.ca-widget { max-width: 26em; }
.ca-tabs { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.ca-tab {
  flex: 1; padding: 0.6em 0.8em; border: 1px solid var(--line); background: var(--linen-soft);
  border-radius: var(--radius); cursor: pointer; font-family: var(--f-body); font-size: 0.88rem; color: var(--ink-soft);
}
.ca-tab.active { background: var(--moss); border-color: var(--moss); color: #fff; }
.ca-field { margin-bottom: 0.8rem; }
.ca-field label { display: block; font-size: 0.82rem; color: var(--ink-soft); margin-bottom: 0.3em; }
.ca-field input {
  width: 100%; padding: 0.6em 0.8em; border: 1px solid var(--line); border-radius: 4px;
  font-family: var(--f-body); font-size: 0.95rem; background: #fff;
}
.ca-field-row { display: flex; gap: 0.8rem; flex-wrap: wrap; }
.ca-field-row .ca-field { flex: 1; min-width: 160px; }
.ca-forgot { font-size: 0.85rem; margin-top: 0.8rem; }
.ca-alert--success, .ca-alert--error { padding: 0.7em 1em; border-radius: 4px; font-size: 0.88rem; margin: 0.7em 0; }
.ca-alert--success { background: #E9F1E5; color: var(--moss-deep); }
.ca-alert--error { background: #FBEAE2; color: var(--clay-deep); }