/* Shared by Messaging Builder and the desktop Studio SMS canvas. */
.marketing-template-phone { display:flex; flex-direction:column; flex:0 0 auto; width:286px; height:360px; min-height:360px; margin:0 auto; border:1px solid #aaa; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 2px 8px #0001; }
.marketing-template-phone-header { position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; min-height:80px; padding:12px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:10px; }
.marketing-template-phone-header > span { position:absolute; left:14px; top:18px; color:#3478b5; font-size:25px; }
.marketing-template-phone-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#e4e4e4; }
.marketing-template-phone-avatar .icon { width:16px; height:16px; }
.marketing-template-phone-header { flex-shrink:0; }
.marketing-template-phone-messages { flex:1; min-height:0; overflow:auto; padding:12px; }
.marketing-template-message-time { color:var(--muted); text-align:center; font-size:9px; margin:0 0 14px; }
.marketing-template-message-bubble { max-width:230px; padding:10px 12px; border-radius:15px 15px 15px 4px; background:#e9e9eb; color:#111; font:13px/1.5 Arial,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.marketing-template-message-link { color:#2479c3; text-decoration:underline; }
.marketing-template-sms-estimate { display:block; margin:12px auto 0; max-width:300px; color:var(--muted); font-size:10px; text-align:center; }