/* KATANA DOJO v0.14.6.0 — self-service Motivity card */
.profile-email-card.kd-motivity-self-card {
  display: block;
  padding: 0;
  overflow: hidden;
}
.kd-ms-root { width: 100%; }
.kd-ms-header { display: flex; align-items: center; gap: 12px; padding: 15px 15px 12px; }
.kd-ms-icon { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 13px; background: var(--gold-soft); font-size: 20px; }
.kd-ms-title { font-weight: 900; font-size: 14px; line-height: 1.2; }
.kd-ms-sub { margin-top: 3px; font-size: 10px; line-height: 1.4; color: var(--muted); }
.kd-ms-body { border-top: 1px solid var(--line); padding: 14px 15px 15px; }
.kd-ms-balance { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.kd-ms-balance small { color: var(--muted); font-size: 10px; font-weight: 750; }
.kd-ms-balance strong { color: var(--gold); font-size: 25px; line-height: 1; letter-spacing: -.03em; }
.kd-ms-balance strong span { font-size: 11px; letter-spacing: 0; margin-left: 3px; }
.kd-ms-meta { margin-top: 8px; font-size: 10px; line-height: 1.5; color: var(--muted); }
.kd-ms-account { margin-top: 11px; padding: 10px 11px; border: 1px solid var(--line); background: var(--panel-2); border-radius: 13px; }
.kd-ms-account b { display: block; font-size: 12px; }
.kd-ms-account span { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; }
.kd-ms-form { display: grid; gap: 8px; margin-top: 12px; }
.kd-ms-form input { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--line); border-radius: 12px; padding: 11px 12px; background: var(--panel-2); color: var(--text); outline: none; font: inherit; font-size: 12px; }
.kd-ms-form input:focus { border-color: color-mix(in srgb, var(--gold) 52%, var(--line)); box-shadow: 0 0 0 3px var(--gold-soft); }
.kd-ms-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 11px; }
.kd-ms-button { width: 100%; border: 0; border-radius: 13px; padding: 12px 14px; background: var(--gold); color: #121212; font: inherit; font-size: 12px; font-weight: 950; cursor: pointer; }
.kd-ms-button:disabled { opacity: .45; cursor: default; }
.kd-ms-button.secondary { background: var(--panel-2); color: var(--text); border: 1px solid var(--line); }
.kd-ms-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 8px; }
.kd-ms-quick button { border: 1px solid var(--line); background: var(--panel-2); color: var(--text); border-radius: 10px; padding: 8px 5px; font: inherit; font-size: 10px; font-weight: 850; }
.kd-ms-note { margin-top: 9px; font-size: 9px; line-height: 1.45; color: var(--muted); }
.kd-ms-status { margin-top: 10px; padding: 10px 11px; border-radius: 12px; font-size: 10px; line-height: 1.45; border: 1px solid var(--line); background: var(--panel-2); }
.kd-ms-status.good { border-color: color-mix(in srgb, var(--good) 42%, var(--line)); }
.kd-ms-status.warn { border-color: color-mix(in srgb, #e7a82e 42%, var(--line)); background: rgba(231,168,46,.08); }
.kd-ms-status.bad { border-color: color-mix(in srgb, #d64a4a 42%, var(--line)); background: rgba(214,74,74,.08); }
.kd-ms-modal { position: fixed; inset: 0; z-index: 10050; background: rgba(0,0,0,.56); display: grid; align-items: end; }
.kd-ms-sheet { width: min(100%, 520px); margin: 0 auto; box-sizing: border-box; border: 1px solid var(--line); border-bottom: 0; border-radius: 24px 24px 0 0; background: var(--panel); padding: 10px 16px calc(18px + env(safe-area-inset-bottom)); box-shadow: 0 -22px 60px rgba(0,0,0,.28); }
.kd-ms-handle { width: 42px; height: 4px; border-radius: 999px; background: var(--line); margin: 0 auto 14px; }
.kd-ms-sheet h3 { margin: 0 0 5px; font-size: 20px; }
.kd-ms-sheet p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.kd-ms-confirm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 15px; }
.kd-ms-confirm-grid button { margin: 0; }