/* Keep intrinsic input/tab widths inside the list at intermediate sizes. */
.inbox>.list,.inbox .controls,.inbox .controls>*{min-width:0;max-width:100%}
.inbox .controls{grid-template-columns:minmax(0,1fr)}
.inbox .controls>.tabs,.inbox .inbox-state-filters{flex-wrap:wrap}
.inbox .controls input,.inbox .controls .inbox-picker,.inbox .controls .picker-trigger{min-width:0;width:100%;max-width:100%}
.inbox .routing-attention{white-space:normal;overflow-wrap:anywhere}
.chatitem .preview>div{min-width:0;flex-wrap:wrap}
.chatitem .preview>div>b{min-width:0;overflow-wrap:anywhere;flex:1 1 90px}
.chatitem .preview>div>small{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.threadhead>div:last-of-type{min-width:0}
.threadhead h2,.threadhead p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:761px) and (max-width:1180px){
 .inbox{grid-template-columns:clamp(250px,30%,320px) minmax(0,1fr);margin-left:20px;margin-right:20px}
 .threadhead{flex-wrap:wrap;gap:8px}
 .threadhead>div:last-of-type{flex:1 1 110px}
 .threadhead .customer-open,.threadhead .resolve{flex-shrink:0}
 .assignment{flex-wrap:wrap;gap:8px}
 .composer>.tabs{flex-wrap:wrap}
 .composer>.actions{flex-wrap:wrap}
 .composer>.actions small{min-width:0;flex:1 1 140px}
}