/* Compact thread only. Existing bubble colours, columns and composer stay intact. */
#app #page-conversations .conversation-message{max-width:84%;min-width:0}
#app #page-conversations .conversation-message>.sms-thread-bubble{max-width:none;padding:8px 12px;cursor:pointer;list-style:none}
#app #page-conversations .conversation-message>.sms-thread-bubble::-webkit-details-marker{display:none}
#app #page-conversations .conversation-message>.sms-thread-bubble:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#app #page-conversations .conversation-message-mini{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:9px;line-height:1.2;opacity:.75;margin-top:3px}
#app #page-conversations .conversation-message-icon{font-size:10px}
#app #page-conversations .conversation-message-details{padding:8px 4px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
#app #page-conversations .conversation-message-details dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;margin:0}
#app #page-conversations .conversation-message-details dt{font-weight:600}
#app #page-conversations .conversation-message-details dd{margin:0;white-space:pre-wrap}
.desktop-sidebar-toggle{display:none}
@media(min-width:769px){
 #app .desktop-sidebar-toggle{display:block;flex:none;align-self:flex-end;border:1px solid #294154;border-radius:5px;background:#1b3549;color:#c4d4e0;font:inherit;font-size:11px;padding:5px 8px;margin:8px;cursor:pointer;min-height:28px}
 #app.nav-collapsed .sidebar{width:44px;overflow:hidden}
 #app.nav-collapsed .sidebar>*:not(.desktop-sidebar-toggle){display:none!important}
 #app.nav-collapsed .desktop-sidebar-toggle{align-self:center;width:30px;margin:8px 7px;padding:5px;font-size:16px}
 #app.nav-collapsed .main{margin-left:44px;width:calc(100% - 44px);max-width:calc(100% - 44px)}
}
@media(max-width:768px){#app #page-conversations .conversation-message{max-width:92%}}