.whatsapp-controls{border:1px solid var(--line,#e5ddd2);border-radius:20px;background:var(--surface,#fff);padding:20px;margin:12px 0;max-width:680px;width:100%;box-sizing:border-box}
.whatsapp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.whatsapp-heading h3{font-size:20px;margin:0}
.whatsapp-heading>span{font-size:13px;padding:5px 10px;border-radius:20px;background:#e5f4f3;color:#216761}
.whatsapp-controls p,.whatsapp-controls li{line-height:1.5}
.whatsapp-controls ol{padding-left:22px}
.whatsapp-controls li+li{margin-top:8px}
.whatsapp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}
.whatsapp-controls .product-button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;min-height:44px;white-space:normal;text-align:center}
.whatsapp-controls .link-button{min-height:44px;text-align:left;white-space:normal}
.whatsapp-controls .whatsapp-help{font-size:13px;color:#666;line-height:1.5}
.whatsapp-controls [data-wa-status]{font-size:14px;color:#216761;margin-bottom:0}
@media(max-width:480px){.whatsapp-controls{padding:16px}.whatsapp-actions{align-items:stretch;flex-direction:column}.whatsapp-actions>*{width:100%}}

.whatsapp-invitation{display:flex;align-items:center;gap:24px;padding:26px 30px;margin:12px 0 30px;border:1px solid #c9dfd3;border-radius:24px;background:#edf5ee;color:#253c31;text-align:left}
.whatsapp-invite-art{position:relative;flex:0 0 100px;height:106px}
.whatsapp-invite-art .character-art{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
.whatsapp-brand{position:absolute;right:-4px;bottom:0;display:grid;place-items:center;width:40px;height:40px;border:3px solid #edf5ee;border-radius:50%;background:#177a49;color:white}
.whatsapp-brand svg,.whatsapp-connect svg,.whatsapp-profile-icon svg{width:26px;height:26px;flex-shrink:0}
.whatsapp-invite-copy{flex:1;min-width:0}
.whatsapp-invite-copy h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:0 0 8px}
.whatsapp-invite-copy p{font-size:16px;line-height:1.5;margin:0;max-width:540px;color:#526459}
.whatsapp-invite-actions{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-top:18px}
.whatsapp-connect{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:0;border-radius:24px;padding:10px 20px;background:#176641;color:white;font:inherit;font-size:15px;cursor:pointer}
.whatsapp-connect:hover{background:#104e31}
a.whatsapp-connect{text-decoration:none;color:white}
.whatsapp-invite-actions .link-button{min-height:44px;color:#40554a}
.whatsapp-profile-icon{color:#176641}
.whatsapp-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #e4ded4;border-radius:28px;padding:32px;background:#fbf8f2;color:#252725;box-shadow:0 24px 80px #152d2a26;font:inherit}
.whatsapp-dialog::backdrop{background:#18282070;backdrop-filter:blur(4px)}
.whatsapp-dialog .whatsapp-controls{margin:20px 0 8px;padding:0;border:0;background:transparent}
.whatsapp-close{display:block;margin:-18px -14px -12px auto;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#606760;font:28px/1 sans-serif;cursor:pointer}
.whatsapp-close:hover{background:#e8eee7}
.whatsapp-dialog-done{display:block;min-height:44px;margin-top:8px}
.whatsapp-welcome{display:block;text-align:center;border:0;background:transparent;margin:0;padding:4px 0}
.whatsapp-welcome .whatsapp-invite-art{width:132px;height:132px;margin:0 auto 20px}
.whatsapp-welcome .whatsapp-brand{border-color:#fbf8f2;width:46px;height:46px}
.whatsapp-welcome .whatsapp-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.2px;color:#627667;margin-bottom:12px}
.whatsapp-welcome h2{font-size:32px;line-height:1.15;max-width:330px;margin:0 auto 14px;letter-spacing:-1px}
.whatsapp-welcome .whatsapp-invite-actions{flex-direction:column;gap:4px;margin-top:26px}
.whatsapp-welcome .whatsapp-connect{width:100%;max-width:330px}
.whatsapp-welcome .whatsapp-invite-note{font-size:12px;color:#788279;margin:14px auto 0;max-width:280px}
.whatsapp-dialog :focus-visible,.whatsapp-invitation :focus-visible{outline:3px solid #149dac;outline-offset:3px}
@media(max-width:540px){
  .whatsapp-invitation{gap:12px;padding:20px;align-items:flex-start;border-radius:20px}
  .whatsapp-invite-art{flex-basis:56px;height:62px;margin-top:2px}
  .whatsapp-brand{width:26px;height:26px;right:-2px;border-width:2px}
  .whatsapp-brand svg{width:20px;height:20px}
  .whatsapp-invite-copy h2{font-size:21px}
  .whatsapp-invite-copy p{font-size:14px}
  .whatsapp-invite-actions{gap:4px 12px;margin-top:14px}
  .whatsapp-connect{padding:10px 15px;font-size:14px}
  .whatsapp-dialog{padding:24px}
  .whatsapp-welcome{padding:0}
  .whatsapp-welcome h2{font-size:30px}
  .whatsapp-welcome .whatsapp-invite-art{height:120px;width:120px}
  .whatsapp-welcome .whatsapp-brand svg{width:30px;height:30px}
}

/* Size the Home invitation to its actual column, including narrow app panels. */
[data-whatsapp-home]{container-type:inline-size}
[data-whatsapp-home] .whatsapp-invitation{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:16px;margin:8px 0 16px;border-radius:18px;align-items:start}
[data-whatsapp-home] .whatsapp-invite-art{grid-column:1;grid-row:1/3;width:40px;height:44px;margin:0}
[data-whatsapp-home] .whatsapp-brand{width:20px;height:20px;border-width:2px;right:-3px;bottom:-2px}
[data-whatsapp-home] .whatsapp-brand svg{width:16px;height:16px}
[data-whatsapp-home] .whatsapp-invite-copy{display:contents}
[data-whatsapp-home] .whatsapp-invite-copy h2{grid-column:2;font-size:17px;line-height:1.25;letter-spacing:-.3px;margin:0}
[data-whatsapp-home] .whatsapp-invite-copy p{grid-column:2;font-size:13px;line-height:1.4;margin:0}
[data-whatsapp-home] .whatsapp-invite-actions{grid-column:1/-1;gap:4px 14px;margin-top:8px}
[data-whatsapp-home] .whatsapp-connect{min-height:44px;gap:7px;padding:8px 14px;font-size:13px;white-space:nowrap}
[data-whatsapp-home] .whatsapp-connect svg{width:20px;height:20px}
[data-whatsapp-home] .whatsapp-invite-actions .link-button{min-height:44px;font-size:13px}
@container(min-width:650px){
  [data-whatsapp-home] .whatsapp-invitation{grid-template-columns:40px minmax(0,1fr) auto;align-items:center}
  [data-whatsapp-home] .whatsapp-invite-actions{grid-column:3;grid-row:1/3;margin-top:0}
}