.message-layout{display:grid;grid-template-columns:minmax(190px,300px) minmax(0,1fr);grid-gap:20px;gap:20px}.message-layout aside{display:flex;flex-direction:column;gap:8px}.message-layout aside button{display:flex;flex-direction:column;gap:6px;text-align:left;background:#1b2939;color:#e6ebf2;border:0;border-radius:9px;padding:14px;cursor:pointer}.message-layout aside button[aria-pressed=true]{outline:2px solid #ff981c}.message-layout aside span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#aab7c7}.message-thread{background:#0d1724;border-radius:12px;padding:20px;min-height:300px}.message-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.message-list li{align-self:flex-start;max-width:80%;padding:10px 14px;background:#223247;border-radius:12px}.message-list li.mine{align-self:flex-end;background:#66401f}.message-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px}.message-list time{font-size:11px;color:#b8c4d2}.message-thread form{display:grid;grid-gap:8px;gap:8px}.message-thread textarea{resize:vertical;min-height:72px;background:#1b2939;border:1px solid #405064;border-radius:8px;color:white;padding:10px;font:inherit}.message-start button,.message-thread button,.messages-panel>button{background:#ff981c;border:0;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer}.message-start{display:flex;align-items:center;gap:16px;margin:0 0 18px}@media(max-width:700px){.message-layout{grid-template-columns:1fr}.message-thread{min-height:220px}.message-start{align-items:flex-start;flex-direction:column}}.conversation-search{display:grid;grid-template-columns:1fr auto;grid-gap:6px;gap:6px;padding:10px}.conversation-search label{grid-column:1/-1;font-size:13px}.conversation-search input{min-width:0;width:100%;border:1px solid #405064;border-radius:7px;background:#101a29;color:#f4f6f9;padding:9px}.conversation-search button{padding:9px!important}.conversation-search input:focus-visible{outline:2px solid #ffad42;outline-offset:2px}html[data-theme=light] .conversation-search input{background:#fff;color:#1b2737;border-color:#aebbc9}@media(max-width:700px){.message-layout{grid-template-columns:minmax(0,1fr)}.message-layout aside button,.message-layout aside button *{min-width:0;overflow:hidden;text-overflow:ellipsis}}