.client-contact-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 22px;margin:0 0 22px;border:1px solid var(--border,#e9dfe4);border-radius:16px;background:var(--paper,#fffdfa);box-shadow:0 4px 20px #29132004;color:var(--text,#382c34)}.client-contact-identity{display:flex;align-items:center;gap:13px;min-width:0;flex:1 1 220px}.client-contact-identity>div{min-width:0}.client-contact-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--rose,#f2e6ec);color:var(--wine,var(--theme-primary,#843b55));font-size:23px;font-family:serif}.client-contact-eyebrow{margin:0 0 5px;font-size:11px;color:var(--muted,#887783)}.client-contact-identity h2{margin:0;font-size:19px;line-height:1.5;overflow-wrap:anywhere;font-family:inherit}.client-contact-name{margin:4px 0 0;font-size:12px;color:var(--muted,#887783);overflow-wrap:anywhere}.client-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;flex:none}.client-contact-actions .btn{min-height:37px}.client-contact-actions .text-btn{font-size:12px}.client-contact-number{display:flex;align-items:center;gap:12px;flex:1 0 100%;padding-top:13px;border-top:1px solid var(--border,#e9dfe4);font-size:12px}.client-contact-number[hidden]{display:none}.client-contact-number>a{font-size:18px;font-weight:600;color:var(--wine,var(--theme-primary,#843b55));text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.client-contact-number>a[aria-busy=true]{opacity:.6;cursor:wait}.client-contact-number small{color:var(--muted,#887783);font-size:11px}.client-contact-status{flex:1 0 100%;margin:0;font-size:12px;line-height:1.7;color:var(--muted,#887783);overflow-wrap:anywhere}.client-contact-status:empty{display:none}.client-contact-empty h2{font-size:17px;margin:0 0 7px}.client-contact-empty p{font-size:12px;line-height:1.7;margin:0 0 11px;color:var(--muted,#887783)}@media(max-width:540px){.client-contact-card{gap:13px;padding:16px;margin-bottom:18px}.client-contact-identity{flex-basis:100%}.client-contact-actions{width:100%}.client-contact-identity h2{font-size:18px}.client-contact-number{flex-wrap:wrap;gap:6px 12px}.client-contact-number small{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.client-contact-card *{scroll-behavior:auto}}