.agent-specialty {display:block;color:var(--blue);font-size:11px;line-height:1.4;margin:1px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pinned-agent > .pinned-agent-specialty:last-child {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-width:100%;font-size:10px;line-height:1.3;color:var(--muted);margin-top:-5px;white-space:normal;overflow:hidden;}
.contact-typing {display:inline-flex;position:relative;align-items:center;justify-content:center;width:48px;height:27px;border-radius:18px;background:var(--bubble);vertical-align:middle;}
.contact-typing .typing-dots {min-height:0;gap:4px;}
.contact-typing .typing-dots i {width:6px;height:6px;}
.contact-typing:after {content:"";position:absolute;left:1px;bottom:-3px;width:8px;height:8px;border-radius:50%;background:var(--bubble);}
.pinned-agent .pinned-typing {position:absolute;right:-8px;bottom:-5px;z-index:2;border:2px solid var(--side);width:45px;height:29px;}
.pinned-agent .pinned-typing~.developer-badge {right:auto;left:-2px;bottom:-1px;top:auto;}
.groups-section {margin:0 0 14px;}
.groups-heading {display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:var(--muted);font-size:12px;font-weight:600;}
.group-row {display:flex;gap:12px;align-items:center;width:100%;padding:12px 18px 12px 24px;min-height:83px;text-align:left;}
.group-row.active {background:var(--hover);}
.group-row>svg {width:12px;height:12px;color:var(--subtle);flex-shrink:0;}
.group-avatar {display:inline-block;position:relative;width:49px;height:49px;flex:0 0 49px;border-radius:50%;background:var(--bubble);}
.group-avatar>img {position:absolute;width:32px;height:32px;object-fit:cover;border-radius:50%;border:2px solid var(--side);left:0;top:0;}
.group-avatar>img:nth-child(2) {left:auto;top:auto;right:0;bottom:0;}
.group-avatar>img:nth-child(3) {width:25px;height:25px;left:auto;right:0;top:0;bottom:auto;}
.group-row-copy {min-width:0;flex:1;}
.group-row-copy>strong,.group-row-copy>small,.group-row-preview {display:block;}
.group-row-copy>strong {font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.group-row-copy>small {font-size:11px;color:var(--muted);margin:3px 0;}
.group-row-preview {color:var(--muted);font-size:13px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
.group-empty {display:flex;gap:9px;align-items:center;margin:2px 20px 12px;color:var(--muted);font-size:13px;padding:10px 0;}
.group-empty svg {width:18px;height:18px;flex-shrink:0;}
.group-empty svg:last-child {width:14px;height:14px;}
.group-members {border:0;margin:20px 0;padding:0;min-width:0;}
.group-members legend {font-size:13px;font-weight:600;margin-bottom:8px;}
.group-member-option {display:flex!important;align-items:center;gap:12px;padding:10px 0;margin:0!important;border-bottom:1px solid var(--line);cursor:pointer;}
.group-member-option>input,.group-watch-toggle>input {width:18px!important;height:18px;min-height:0;flex:0 0 18px;accent-color:var(--blue);margin:0;}
.group-member-option>img {width:39px;height:39px;border-radius:50%;}
.group-member-option>span {min-width:0;}
.group-member-option strong,.group-member-option small {display:block;}
.group-member-option small {font-weight:400;font-size:12px;color:var(--muted);margin-top:3px;}
.group-monitor {margin-top:24px;padding-top:22px;border-top:1px solid var(--line);}
.group-monitor h3 {font-size:16px;margin:0 0 7px;}
.group-watch-toggle {display:flex!important;align-items:center;gap:10px;}
.group-recipient-area {display:flex;align-items:center;gap:8px;max-width:820px;margin:0 auto 8px;font-size:12px;color:var(--muted);}
.group-recipient-area>label {margin:0;font-size:12px;}
.group-recipient-area>select {width:auto;min-width:0;max-width:60%;min-height:30px;font-size:12px;padding:3px 24px 3px 8px;border-radius:10px;background:var(--bubble);}
.group-recipient-area>button {margin-left:auto;font-size:12px;}
.group-recipient-area svg {width:15px;height:15px;}
.handoff-recipient {font-weight:400;color:var(--blue);}
.group-chat .message-author {display:block;font-size:12px;font-weight:600;color:var(--muted);margin:0 12px 5px;line-height:1.4;}
.group-event {max-width:650px;padding:14px 16px;margin:15px 0;border-radius:14px;background:var(--bubble);font-size:13px;color:var(--muted);}
.group-event>span {display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:8px;}
.group-event svg {width:15px;height:15px;}
.group-event summary {cursor:pointer;overflow-wrap:anywhere;}
.group-event pre {font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;}
.purchase-card {width:min(100%,440px);margin-top:10px;padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--side);font-size:13px;overflow-wrap:anywhere;}
.purchase-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.purchase-heading>span {display:flex;align-items:center;gap:6px;font-weight:600;}
.purchase-heading svg {width:15px;height:15px;}
.purchase-heading>strong {font-size:18px;}
.purchase-items {list-style:none;padding:0;margin:14px 0;}
.purchase-items li {display:flex;align-items:start;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);}
.purchase-items strong {font-weight:500;}
.purchase-items small {display:block;margin-top:4px;color:var(--muted);}
.purchase-items li>span {white-space:nowrap;}
.purchase-totals {margin:10px 0;}
.purchase-totals>div {display:flex;justify-content:space-between;padding:3px 0;}
.purchase-totals dd {margin:0;}
.purchase-delivery {padding:12px 0;border-top:1px solid var(--line);line-height:1.45;}
.purchase-delivery p {margin:3px 0;color:var(--muted);}
.purchase-state {font-size:12px;color:var(--blue);line-height:1.5;}
.purchase-state.rejected {color:var(--muted);}
.purchase-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.purchase-actions>* {flex:1;justify-content:center;text-align:center;font-size:12px!important;min-height:38px;}
.detail-identity>.group-avatar {display:block;margin:0 auto 14px;}
@media (max-width:650px) {
  .groups-heading {padding:0 23px;font-size:13px;}
  .agent-specialty {font-size:12px;margin-top:1px;}
  .pinned-agent .pinned-agent-specialty {font-size:11px;}
  .group-row-copy>strong {font-size:17px;}
  .group-row-copy>small {font-size:12px;}
  .group-row-preview {font-size:15px;}
  .purchase-card {padding:14px;}
}
@media (prefers-reduced-motion:reduce){.contact-typing .typing-dots i {animation:none;opacity:.65;}}