.inbox-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:580px;padding:0;overflow:hidden}.conversation-list{border-right:1px solid var(--line);background:#092a2f}.conversation-list header{padding:18px;border-bottom:1px solid var(--line)}.conversation-list header h3{margin:0}.conversation-items{max-height:620px;overflow:auto}.conversation-item{display:grid;gap:5px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid #285057;color:#cbe1dd;background:transparent;text-align:left}.conversation-item:hover,.conversation-item.active{background:#104047}.conversation-item>span{display:flex;justify-content:space-between;gap:10px}.conversation-item small{color:var(--muted)}.unread{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;color:#063126;background:var(--green);font-size:.65rem}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid var(--line)}.chat-header strong,.chat-header small{display:block}.chat-header small{margin-top:4px;color:var(--muted)}.chat-actions{display:flex;gap:8px}.chat-actions select{padding:8px;min-width:145px}.chat-messages{display:flex;flex:1;flex-direction:column;gap:9px;max-height:500px;min-height:420px;padding:18px;overflow:auto;background:#08262b}.chat-bubble{align-self:flex-start;max-width:75%;padding:10px 13px;border-radius:5px 13px 13px 13px;background:#17444a}.chat-bubble.outbound{align-self:flex-end;border-radius:13px 5px 13px 13px;color:#daf6ec;background:#0c5848}.chat-bubble small{display:block;margin-top:5px;color:#9bbab6;font-size:.62rem}.chat-compose{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.chat-compose input{flex:1}.inbox-empty{display:grid;place-items:center;min-height:500px;color:var(--muted);text-align:center}@media(max-width:900px){.inbox-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.conversation-items{max-height:260px}.chat-header{align-items:flex-start;flex-direction:column}.chat-actions{width:100%;flex-wrap:wrap}.chat-actions select{flex:1}.chat-messages{min-height:350px}}