.g559QuoColumns{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:16px;align-items:start}
.g559QuoColumns>.card{padding:16px;min-width:0;max-height:70vh;overflow:auto}
.g559Conversation{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:0;border-bottom:1px solid #ddd;background:transparent;text-align:left;cursor:pointer}
.g559Conversation:hover,.g559Conversation:focus-visible{background:#f4f6f9}
.g559Conversation small,.g559Message small{color:#606975}
.g559Message{padding:10px 12px;margin:8px 0;border-radius:9px;background:#f1f4f8;overflow-wrap:anywhere}
.g559Outgoing{background:#edf4ed}
.g559Message p{white-space:pre-wrap;margin:4px 0}
.g560Queue{border-top:1px solid #d8dde4;margin-top:20px;padding-top:16px}
.g560Queue textarea{display:block;width:100%;min-height:95px;resize:vertical;margin:8px 0 12px}
.g560State{font-weight:700;color:#934e22}
@media(max-width:700px){.g559QuoColumns{grid-template-columns:minmax(0,1fr)}.g559QuoColumns>.card{max-height:none}.g560Queue .inlineActions{display:flex;flex-wrap:wrap;gap:8px}}

/* Compact chat layout with a clear conversation list and readable message bubbles. */
.g559QuoColumns{grid-template-columns:minmax(240px,32%) minmax(0,1fr);gap:12px}
.g559QuoColumns>.card{height:min(72vh,800px);max-height:none;overflow:auto}
.g559Conversation{border-radius:10px;border-bottom:1px solid #e5eaf3;gap:3px;transition:background .15s}
.g559Conversation[hidden]{display:none}
.g559Conversation b{font-size:15px}
.g559Message{max-width:78%;width:max-content;overflow-wrap:anywhere;border-radius:16px;background:#f0f3f8;margin:12px 0}
.g559Message.g559Outgoing{margin-left:auto;background:#e8f0ff}
.g559Message p{white-space:pre-wrap}
.g528QuoSearchLabel{min-width:230px;flex:1;max-width:420px;font-weight:600}
.g528QuoSearchLabel input{display:block;margin-top:4px}
.g528SearchHit{outline:2px solid #3e77e8;background:#fff6df!important}
.g528QuoNotice{border:1px solid #dae3f2;border-radius:16px;max-width:min(92vw,480px);padding:24px}
@media(max-width:760px){.g559QuoColumns{grid-template-columns:1fr}.g559QuoColumns>.card{height:auto;max-height:55vh}.g559Message{max-width:94%}}
/* g341: familiar two-pane chat layout, scoped to Quo only. */
#quo .g559QuoColumns{gap:0;border:1px solid #e2e5eb;border-radius:16px;background:#fff;overflow:hidden}
#quo .g559QuoColumns>.card{border:0;border-radius:0;margin:0;padding:20px}
#quo #g559QuoList{border-right:1px solid #e2e5eb}
#quo .g559Conversation{position:relative;padding:16px 12px 16px 64px;min-height:76px;border:0}
#quo .g559Conversation:hover{background:#f3f4f6}
#quo .g341Avatar{position:absolute;left:6px;top:16px;width:44px;height:44px;border-radius:50%;background:#7462d9;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:650}
#quo .g559Message{background:#f1f2f5;color:#25262a;padding:12px 16px;border-radius:20px}
#quo .g559Outgoing{background:#246bfe;color:white}
#quo .g559Outgoing small{color:#eef4ff}
#quo .g341Composer{margin-top:24px;border:1px solid #b4c8f7;border-radius:16px;padding:14px;background:#fff}
#quo .g341Composer textarea{width:100%;box-sizing:border-box;resize:vertical;margin:8px 0}
#quo .g341Composer p{font-size:13px;color:#626b78}
@media(max-width:760px){#quo #g559QuoList{border-right:0;border-bottom:1px solid #e2e5eb;max-height:35vh}#quo .g559QuoColumns>.card{padding:12px}#quo .g559Message{max-width:90%}}

#quo .g344MessagePreview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text,#253047);font-size:13px;line-height:1.4}