/* The reusable campaign preview, scoped to its iPhone-shaped illustration. */
.wa-device.wa-iphone,.compose-page .wa-device.wa-iphone{position:relative;box-sizing:border-box;width:390px;max-width:100%;margin-inline:auto;overflow:hidden;border:6px solid #292a2c;border-radius:47px;background:#f7f7f7;color:#15191c;box-shadow:0 0 0 1px #929391,0 17px 40px #152b251a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;container-type:inline-size}
.wa-iphone *{box-sizing:border-box}
.wa-iphone .wa-statusbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 22px;background:#f7f7f7;color:#14171a;border:0;font-size:15px;font-weight:700;letter-spacing:-.4px}
.wa-iphone .wa-status-time{width:42px;text-align:center}
.wa-iphone .wa-island{position:absolute;top:11px;left:50%;width:105px;height:29px;transform:translateX(-50%);border-radius:24px;background:#070808}
.wa-iphone .wa-island:after{content:"";position:absolute;width:8px;height:8px;top:10px;right:11px;background:#15202c;border:2px solid #0d1117;border-radius:50%}
.wa-iphone .wa-status-icons{display:flex;align-items:center;gap:5px}
.wa-iphone .wa-status-icons svg{width:15px;height:14px}
.wa-iphone .wa-status-icons .wa-battery{width:25px}
.wa-iphone .wa-chat-header{display:flex;align-items:center;gap:8px;min-height:66px;padding:4px 12px 10px 9px;background:#f7f7f7;color:#161b1d;border:0;border-bottom:1px solid #d8dcdd}
.wa-iphone .wa-back{width:13px;flex:0 0 13px;color:#087d60;font:400 39px/.8 -apple-system,BlinkMacSystemFont,sans-serif;transform:translateY(-2px)}
.wa-iphone .wa-avatar{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border:1px solid #d0dfd6;border-radius:50%;background:#e3eee7;color:#78998a;overflow:hidden}
.wa-iphone .wa-avatar svg{width:28px;height:28px;transform:translateY(4px)}
.wa-iphone .wa-recipient{display:grid;gap:3px;min-width:0;flex:1}
.wa-iphone .wa-recipient strong{font-size:16px;line-height:1.2;font-weight:650;letter-spacing:-.35px;color:#171c1e;white-space:nowrap}
.wa-iphone .wa-recipient small{color:#76847c;font-size:12px;line-height:1.3}
.wa-iphone .wa-header-actions{display:flex;align-items:center;gap:15px;color:#087d60}
.wa-iphone .wa-header-actions svg{width:22px;height:22px}
.wa-iphone .wa-chat-wallpaper,.compose-page .wa-iphone .wa-chat-wallpaper{min-height:360px;max-height:650px;overflow-y:auto;padding:17px 10px 23px;background-color:#efe9df;background-image:radial-gradient(circle at 19% 29%,transparent 0 14px,#ad9d8612 15px 16px,transparent 17px),radial-gradient(circle at 77% 74%,transparent 0 21px,#ad9d8612 22px 23px,transparent 24px),linear-gradient(135deg,transparent 48%,#ad9d8609 49% 50%,transparent 51%);background-size:110px 100px,140px 130px,76px 76px;scrollbar-width:thin;scrollbar-color:#bdc9bf transparent}
.wa-iphone .wa-date-label{display:table;margin:0 auto 19px;padding:6px 12px;border-radius:8px;background:#fffc;color:#667168;font-size:12px;line-height:1.25;font-weight:500;box-shadow:0 1px 2px #32453212}
.wa-iphone .wa-outgoing-bubble{position:relative;width:94%;max-width:none;margin-left:auto;padding:4px 4px 6px;border:0;border-radius:13px 4px 13px 13px;background:#d9fdd3;color:#17231c;box-shadow:0 1px 1px #334c2324}
.wa-iphone .wa-message-copy{font-size:22px;line-height:1.42;letter-spacing:-.38px;padding:9px 9px 2px;white-space:normal;overflow-wrap:anywhere;color:#17231c}
.wa-iphone .wa-message-copy strong{font-weight:700;color:inherit}
.wa-iphone .wa-message-copy a.wa-message-link{color:#006ab7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere;cursor:pointer}
.wa-iphone .wa-message-copy a.wa-message-link:focus-visible{outline:2px solid #006ab7;outline-offset:3px;border-radius:2px}
.wa-iphone .wa-message-meta{display:flex;justify-content:flex-end;margin:6px 7px 0;padding:0;color:#6d8473;font-size:12px;line-height:1.2;letter-spacing:0}
.wa-iphone .wa-message-meta span:last-child{color:inherit;font-weight:400;letter-spacing:0}
.wa-iphone .wa-attachment{display:block;margin:0;overflow:hidden;border-radius:10px;background:transparent}
.wa-iphone .wa-attachment-image img{display:block;width:100%;height:auto;max-height:350px;object-fit:cover;background:#e0e6df}
.wa-iphone .wa-attachment-video video{display:block;width:100%;max-height:350px;object-fit:contain;border-radius:10px;background:#17231c}
.wa-iphone .wa-attachment+.wa-attachment{margin-top:4px}
.wa-iphone .wa-attachment-audio,.wa-iphone .wa-attachment-document{display:flex;gap:9px;padding:12px;background:#edf7e9}
.wa-iphone .wa-attachment-audio audio{width:100%;height:38px}
.wa-iphone .wa-attachment-audio>div{flex:1;min-width:0}
.wa-iphone .wa-attachment-audio strong,.wa-iphone .wa-attachment-document strong{font-size:12px;line-height:1.4}
.wa-iphone .wa-composer{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:54px;padding:9px 12px 5px;background:#f7f7f7;border-top:1px solid #d8dcdd;color:#087d60;font-size:14px}
.wa-iphone .wa-composer-plus{flex:0 0 21px;color:#087d60;font-size:28px;line-height:1}
.wa-iphone .wa-composer-input{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1;min-width:0;min-height:33px;padding:3px 9px;border:1px solid #d3d7d7;border-radius:19px;background:#fff;color:#9ba19e;font-size:14px;line-height:1.2}
.wa-iphone .wa-composer-input>span{display:flex;color:#087d60}
.wa-iphone .wa-composer svg{display:block;width:23px;height:23px;flex:0 0 23px}
.wa-iphone .wa-composer-input svg{width:19px;height:19px;flex-basis:19px}
.wa-iphone .wa-home-indicator{display:flex;justify-content:center;align-items:flex-end;height:20px;padding-bottom:7px;background:#f7f7f7}
.wa-iphone .wa-home-indicator>span{display:block;width:116px;max-width:36%;height:5px;border-radius:6px;background:#16191b}
@container(max-width:330px){.wa-iphone .wa-statusbar{padding-inline:14px}.wa-iphone .wa-island{width:88px}.wa-iphone .wa-header-actions{gap:9px}.wa-iphone .wa-header-actions svg{width:19px;height:19px}.wa-iphone .wa-message-copy{font-size:19px;line-height:1.45;padding-inline:7px}.wa-iphone .wa-recipient strong{font-size:14px}.wa-iphone .wa-avatar{width:31px;height:31px;flex-basis:31px}.wa-iphone .wa-composer{gap:7px;padding-inline:9px}.wa-iphone .wa-status-icons{gap:3px}}
@media(max-width:400px){.compose-page .campaign-preview{padding:12px 0}.compose-page .wa-device.wa-iphone{border-width:5px;border-radius:36px}.compose-page .campaign-preview-heading{padding-inline:8px}.compose-page .preview-device-label{display:none}}
@media(prefers-reduced-motion:reduce){.wa-iphone *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}