/* Project chat layout only; colors, type and control sizes come from the skin. */
.chat-panel{grid-column:1/-1;min-width:0}
/* The skin's control display rules must not reveal hidden chat controls. */
.chat-panel [hidden]{display:none!important}
.chat-panel form{max-width:none}
.chat-panel .chat-field{margin:0}
.chat-notice{font-size:12px;margin:4px 0 8px}
.chat-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:12px;min-width:0}
.chat-side,.chat-conversation{display:flex;flex-direction:column;gap:6px;min-width:0}
.chat-field{display:flex;flex-direction:column;gap:3px;font-size:12px;min-width:0}
.chat-field select,.chat-field input,.chat-field textarea{width:100%;min-width:0;box-sizing:border-box}
.chat-note:empty,.chat-form-status:empty{display:none}
.chat-note,.chat-form-status{margin:0;font-size:12px;overflow-wrap:anywhere}
.chat-threads{list-style:none;margin:0;padding:0;display:grid;gap:3px;max-height:280px;overflow:auto}
.chat-thread{width:100%;height:auto;min-height:var(--sk-ctl);padding-block:5px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:start;white-space:normal}
.chat-thread[aria-current="true"]{background:var(--sk-select-weak);color:var(--sk-select);border-color:var(--sk-select)}
.chat-thread-name{min-width:0;overflow-wrap:anywhere}
.chat-thread-count{flex:none;font-size:11px;color:var(--sk-ink-2)}
.chat-empty{font-size:12px;padding:6px 2px}
.chat-thread-form,.chat-composer{display:flex;flex-direction:column;gap:6px;min-width:0}
.chat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.chat-actions .sk-btn{white-space:normal;max-width:100%}
.chat-hint{font-size:11px}
.chat-thread-title{margin:0;font-size:14px;overflow-wrap:anywhere}
.chat-thread-title:empty,.chat-earlier[hidden]{display:none}
.chat-earlier{align-self:center}
.chat-messages{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:120px;max-height:min(440px,55dvh);overflow:auto;border:1px solid var(--sk-line);border-radius:var(--sk-r);background:var(--sk-sunk)}
.chat-message{align-self:flex-start;max-width:min(85%,640px);min-width:0;padding:5px 9px;border:1px solid var(--sk-line);border-radius:var(--sk-r);background:var(--sk-sheet)}
.chat-message[data-mine="true"]{align-self:flex-end;border-color:var(--sk-select);background:var(--sk-select-weak)}
.chat-meta{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:11px;color:var(--sk-ink-2)}
.chat-author{font-weight:600}
.chat-body{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:13px}
.chat-translation{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:2px;font-size:11px;color:var(--sk-ink-2)}
.chat-translation-toggle{height:auto;min-height:24px;padding:0 4px;font-size:11px;text-decoration:underline}
.chat-composer textarea{resize:vertical;min-height:var(--sk-ctl)}
@media(max-width:700px){
 .chat-layout{grid-template-columns:1fr}
 .chat-threads{max-height:200px}
 .chat-messages{max-height:52dvh}
 .chat-message{max-width:92%}
 .chat-field select,.chat-field input,.chat-field textarea{font-size:16px}
 .chat-hint{display:none}
}
@media(max-width:700px),(pointer:coarse){.chat-hint{display:none}.chat-thread,.chat-actions .sk-btn,.chat-translation-toggle,.chat-field select,.chat-field input{min-height:40px}}