.wazzup-conversation .initials{flex-shrink:0;background:var(--blue-soft);color:var(--blue)}.wazzup-conversation time{font-size:10px;color:var(--muted)}.wazzup-channel-label{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.wazzup-address{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}.wazzup-media-note{display:block;font-size:12px;color:var(--muted);margin-top:5px}.wazzup-status-failed,.wazzup-status-unknown{color:var(--red)}.wazzup-status-read{color:var(--green)}.wazzup-preview{padding:24px;line-height:1.6}.wazzup-compose textarea:disabled{opacity:.6}.wazzup-start form{display:grid;gap:14px}.wazzup-start .form-actions,.wazzup-start .small-note,.client-list-footer>.small-note{margin-top:0!important}.client-list-footer>.small-note{line-height:1.5}.wazzup-settings hr{border:0;border-top:1px solid var(--line);margin:20px 0}.wazzup-setting-actions{display:flex;gap:8px;flex-wrap:wrap}.wazzup-webhook,.wazzup-channels{margin-top:24px}.wazzup-webhook>p,.wazzup-channel>p{font-size:12px;color:var(--muted);line-height:1.5}.wazzup-channel{padding:16px;border:1px solid var(--line);border-radius:12px;margin-top:12px}.wazzup-channel fieldset{display:grid;gap:8px;border:0;padding:0;margin:16px 0}.wazzup-channel legend{font-size:12px;margin-bottom:10px}.wazzup-settings input[readonly]{font-size:12px}.wazzup-panel .client-messages>.button{align-self:center;flex-shrink:0}
@media(max-width:760px),(max-width:1024px) and (max-height:600px) and (pointer:coarse){.wazzup-panel.keyboard-open .wazzup-address{display:none}.wazzup-setting-actions>.button{min-height:44px}.wazzup-webhook input{font-size:16px}.wazzup-panel .client-messages>.button{min-height:44px}}
.wazzup-send-recovery{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.wazzup-send-recovery:empty{display:none}.wazzup-send-recovery>.button{font-size:11px;min-height:36px;padding:6px 8px}
.wazzup-channel [hidden]{display:none!important}
/* Connection settings share the contact center drawer without changing chat UI. */
.contact-center-dialog .wazzup-settings{min-width:0}
.contact-center-dialog .wazzup-settings hr{margin:24px 0}
.contact-center-dialog .wazzup-settings>form{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--subtle)}
.contact-center-dialog .wazzup-settings>form .form-actions{margin-top:16px;padding-top:14px}
.contact-center-dialog .wazzup-setting-actions{gap:9px}
.contact-center-dialog .wazzup-webhook{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--subtle)}
.contact-center-dialog .wazzup-webhook h3,.contact-center-dialog .wazzup-channels>h3{font-size:14px;margin:0 0 10px;color:var(--text)}
.contact-center-dialog .wazzup-webhook .field{margin:16px 0 0}
.contact-center-dialog .wazzup-webhook .button{font-size:11px;min-height:39px;margin-top:13px;max-width:100%;white-space:normal}
.contact-center-dialog .wazzup-channel{background:var(--surface,#fff);padding:20px;border-radius:10px}
.contact-center-dialog .wazzup-channel>strong{font-size:13px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
.contact-center-dialog .wazzup-channel>.field{margin-top:17px}
.contact-center-dialog .wazzup-channel>button{font-size:11px;min-height:38px;max-width:100%;white-space:normal;margin-top:12px}
.contact-center-dialog .wazzup-channel fieldset{padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--subtle)}
.contact-center-dialog .wazzup-channel legend{padding:0 5px;margin:0;font-size:11px;color:var(--muted)}
.contact-center-dialog .wazzup-channel .check-field{font-size:11px;line-height:1.6}
@media(max-width:600px){.contact-center-dialog .wazzup-webhook,.contact-center-dialog .wazzup-channel,.contact-center-dialog .wazzup-settings>form{padding:16px}.contact-center-dialog .wazzup-channel>button,.contact-center-dialog .wazzup-webhook .button{min-height:44px}.contact-center-dialog .wazzup-setting-actions>.button{flex:1;white-space:normal}}