.du-chat{--chat-accent:#3b6558;color:inherit}.du-chat-banner{padding:12px 16px;border:1px solid #d5b86b;background:#fff6d9;color:#66501b;border-radius:10px;font-weight:700}.du-chat-note{font-size:12px;line-height:1.7;color:#637068;margin:12px 0}.du-chat-grid{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #dbe2dd;border-radius:14px;overflow:hidden;background:#fff}.du-chat-rooms{padding:12px;background:#f4f6f3;display:flex;flex-direction:row;overflow-x:auto;gap:8px;border-bottom:1px solid #dbe2dd}.du-chat button{cursor:pointer;border:1px solid #d4ddd6;border-radius:8px;background:white;padding:9px 12px;color:inherit;font:inherit}.du-chat-rooms button{text-align:left;display:grid;gap:6px;flex:0 0 auto;min-width:180px}.du-chat-rooms button:focus-visible{outline:2px solid #356eae;outline-offset:-3px}.du-chat-rooms button.is-active{background:#e1ece5;border-color:var(--chat-accent)}.du-chat-rooms small{font-size:11px;color:#647368}.du-chat-main{min-width:0}.du-chat-main header{padding:18px;border-bottom:1px solid #e1e6e0}.du-chat-main h2{font-size:18px;margin:0 0 6px}.du-chat-main header p{font-size:12px;color:#6f786e;margin:0 0 14px}.du-chat-main header label{display:inline-flex;align-items:center;gap:8px;margin-right:8px;font-size:12px}.du-chat input,.du-chat textarea{font:inherit;padding:10px;border:1px solid #d0dad2;border-radius:8px;background:white;color:#243c30;max-width:100%;box-sizing:border-box}.du-chat-messages{padding:18px;background:#f9faf7;max-height:480px;min-height:260px;overflow:auto}.du-chat-day{text-align:center;color:#7b8379;font-size:11px;padding:12px}.du-chat-message{border:1px solid #e3e7df;border-radius:12px;background:white;max-width:82%;padding:12px 14px;margin:10px 0;overflow-wrap:anywhere}.du-chat-message.is-mine{margin-left:auto;background:#e7efe7}.du-chat-meta{font-size:11px;color:#667362}.du-chat-message p{white-space:pre-wrap;font-size:14px;line-height:1.7;margin:8px 0}.du-chat-message button{display:block;padding:3px 8px;font-size:11px;margin-top:8px}.du-chat-message a{font-size:12px;color:#315d4a}.du-chat-message blockquote{margin:8px 0;border-left:3px solid #9cafa1;padding:6px 10px;background:#f1f4ef;font-size:12px}.du-chat form{padding:18px;border-top:1px solid #e1e6e0}.du-chat form>label{display:block;font-size:12px;margin-bottom:8px}.du-chat textarea{width:100%;resize:vertical}.du-chat-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.du-chat-controls span{font-size:11px;color:#7b8379}.du-chat-controls [type=submit]{margin-left:auto;background:var(--chat-accent);color:#fff}.du-chat-pending{padding:10px;margin-bottom:8px;background:#f4f3e9;font-size:12px;overflow-wrap:anywhere}.du-chat-pending button{padding:4px 8px;font-size:11px}.du-chat-error{color:#a22b2b;font-size:12px}.du-chat-empty{text-align:center;padding:45px 15px;color:#657263;font-size:13px}@media(max-width:700px){.du-chat-grid{grid-template-columns:1fr}.du-chat-rooms{flex-direction:row;overflow:auto}.du-chat-rooms button{min-width:160px;flex-shrink:0}.du-chat-main header label{display:flex;margin-bottom:12px}.du-chat-main header input{min-width:0;flex:1}.du-chat-message{max-width:92%}.du-chat-messages{padding:10px;max-height:420px}.du-chat-main header,.du-chat form{padding:12px}.du-chat-controls span{width:100%;order:3}}
.du-chat-compact .du-chat-grid{grid-template-columns:1fr}.du-chat-compact .du-chat-rooms{flex-direction:row;overflow:auto;max-height:130px}.du-chat-compact .du-chat-rooms button{min-width:160px;flex-shrink:0}.du-chat-compact .du-chat-main header{padding:12px}.du-chat-compact .du-chat-main header label{display:flex;margin-bottom:8px}.du-chat-compact .du-chat-main header input{min-width:0;flex:1}.du-chat-compact .du-chat-message{max-width:95%}.du-chat-compact .du-chat-banner{font-size:12px;padding:9px}.du-chat-compact .du-chat-note{font-size:11px}.du-chat-compact .du-chat-messages{min-height:180px;max-height:38vh}.du-chat-event{margin:8px 0;font-size:11px;color:#657264}.du-chat-rightpanel{height:100%;overflow:auto}.du-chat-rightpanel .du-chat-main{min-height:0}@media(max-width:700px){.du-chat-rightpanel .du-chat-messages{max-height:40dvh;min-height:160px}.du-chat-rightpanel .du-chat-note{margin:6px 0}}

/* Messenger source access must not squeeze the conversation sideways. */
.fixed-room-conversation{flex-direction:column}
.fixed-room-conversation>[data-chat-action="source-open"]{flex:0 0 auto;align-self:flex-start;min-height:44px;margin:0 0 4px;max-width:100%;white-space:normal}