#conv-header{align-items:flex-start!important;padding:14px 18px;max-height:40vh;overflow:auto}
.conversation-contact{min-width:0;flex:1 1 280px;font-size:13px;font-weight:400}
.conversation-contact-name{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.conversation-contact-phone{color:var(--muted);font-size:12px;margin:4px 0 10px}
.conversation-contact-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0}
.conversation-contact .btn,.conversation-contact select{width:auto;max-width:100%}
.conversation-tag{display:inline-flex;align-items:center;max-width:100%;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:20px;background:var(--surface2);overflow-wrap:anywhere}
.conversation-tag button{border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 4px;font-size:17px}
.conversation-contact-feedback{font-size:12px;color:var(--muted);margin-top:6px}
.conversation-tag-dialog{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;background:#12223d66;padding:16px}
.conversation-tag-panel{background:var(--surface,#fff);color:var(--text,#182c4b);border:1px solid var(--border,#ddd);border-radius:16px;width:440px;max-width:100%;padding:20px;max-height:85vh;overflow:auto;box-shadow:0 20px 60px #0003}
.conversation-tag-list{max-height:40vh;overflow:auto;display:grid;gap:6px;margin:12px 0}
.conversation-tag-list button{text-align:left;width:100%;white-space:normal;overflow-wrap:anywhere}
.conversation-tag-panel input{width:100%;box-sizing:border-box}
@media(max-width:600px){#conv-header{gap:8px!important;padding:12px;max-height:45vh}.conversation-contact{flex-basis:100%}.conversation-contact-row{gap:6px}.conversation-contact .btn{font-size:12px}}