.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.channel-card{border:1px solid #dfE8e1;border-radius:10px;padding:18px}.channel-card small{display:block;color:#7c8f82;margin-top:8px}.channel-card .badge{margin-left:5px}.inbox-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:24px}.inbox-layout>div:first-child{border-right:1px solid #e2e9e4;padding-right:20px}.conversation{display:block;width:100%;padding:16px;margin-bottom:10px;text-align:left;border-color:#e1e8e1;background:#fff}.conversation.active{background:#edf5e7;border-color:#9abc95}.conversation-line{display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.conversation-line strong{font-size:12px}.conversation small{font-size:10px;color:#7a8b7f}.conversation p{font-size:12px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.thread-header{display:flex;gap:15px;align-items:flex-start;justify-content:space-between}.thread-header h2{margin-bottom:10px}.thread-header p{margin:0 0 7px}.thread-header small{color:#819486}.thread-controls{margin-top:15px;align-items:flex-end}.thread-controls label{flex:1;min-width:100px}.thread-controls button{margin-bottom:12px}.customer-context{background:#f2f6ef;border-radius:8px;padding:15px;margin:15px 0}.customer-context summary{font-size:13px}.thread-messages{max-height:500px;overflow:auto;background:#f5f8f4;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:14px;margin:20px 0}.chat-bubble{max-width:90%;padding:15px;border:1px solid #e1e9e2;border-radius:12px;background:white;align-self:flex-start;min-width:190px}.chat-bubble.outbound{align-self:flex-end;background:#e6f1dd}.chat-bubble.internal{align-self:stretch;max-width:100%;background:#fff5d9;border-color:#e8dfb7}.chat-bubble>div{display:flex;gap:18px;justify-content:space-between;font-size:11px}.chat-bubble small{font-size:10px;color:#7d8d7f}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:9px 0}.inbox-layout .pager{gap:5px;font-size:11px;justify-content:space-between}.inbox-layout .pager button{padding:7px}@media(max-width:1100px){.inbox-layout{grid-template-columns:1fr}.inbox-layout>div:first-child{border-right:0;border-bottom:1px solid #e2e9e4;padding:0 0 20px}.channel-cards{grid-template-columns:1fr}.thread-header{flex-wrap:wrap}.conversation-line{flex-wrap:wrap}}