.dialogue-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px;align-items:start}
.dialogue-sidebar,.dialogue-head{padding:20px;background:#fff;border:1px solid #d9e1df;border-radius:14px}
.dialogue-sidebar form{display:grid;gap:10px;margin-bottom:16px}
.dialogue-sidebar label,[data-reply] label{display:grid;gap:8px}
.dialogue-item{display:grid;gap:6px;text-align:left;width:100%;padding:14px;margin:8px 0;border:1px solid #d9e1df;border-radius:10px;background:#f8faf9;color:#203b3b;overflow-wrap:anywhere;cursor:pointer}
.dialogue-item[aria-pressed=true]{border-color:#146563;background:#e8f5f1}
.dialogue-item.operator-pending{border-color:var(--orange);background:#fff0df}
.dialogue-item.operator-pending[aria-pressed=true]{background:#ffe0b8;border-color:#a75200;box-shadow:inset 3px 0 #a75200}
.dialogue-item.operator-pending:hover{background:#ffe0b8}
.dialogue-item:focus-visible{outline:2px solid #146563;outline-offset:2px}
.dialogue-operator-status{color:#874200;font-weight:600}
#dialogueNavCount[hidden]{display:none}
.dialogue-item span,.dialogue-item small{font-size:13px;line-height:1.5}
.dialogue-head h2{margin:0 0 10px}.dialogue-head p{margin:8px 0;overflow-wrap:anywhere}
.dialogue-orders{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.dialogue-messages{display:grid;gap:14px;margin:18px 0}
.dialogue-message{padding:16px;background:#fff;border:1px solid #d9e1df;border-radius:12px;overflow-wrap:anywhere}
.dialogue-message.author-bot{background:#edf4f2}.dialogue-message.author-staff{background:#e5f1fa}.dialogue-message.author-notification{background:#fff6de}
.dialogue-message header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.5}
.dialogue-message p{white-space:pre-wrap;line-height:1.55;margin:10px 0}
.dialogue-message footer,.dialogue-message small,[data-reply] small{font-size:12px;line-height:1.5;color:#546762}
[data-reply]{display:grid;gap:12px;background:#fff;padding:18px;border-radius:12px;border:1px solid #d9e1df}
[data-reply] textarea,[data-search]{width:100%;box-sizing:border-box;padding:12px;font:inherit;border:1px solid #98aca7;border-radius:8px}
[data-error]{color:#a12121}[data-older]{margin-top:14px}
@media(max-width:760px){.dialogue-layout{grid-template-columns:minmax(0,1fr)}.dialogue-sidebar{max-height:340px;overflow:auto}.dialogue-head,.dialogue-sidebar{padding:16px}}

.dialogue-composer {padding:16px; border:2px solid transparent; border-radius:10px; display:grid; gap:12px;}
.dialogue-composer.drag-over {border-color:#0b6267; background:#e8f5f3;}
.dialogue-composer textarea,.dialogue-composer button {font-size:16px;}
.dialogue-composer small {font-size:14px;line-height:1.45;}
.dialogue-compose-tools {display:flex;gap:10px;flex-wrap:wrap;}
.dialogue-emojis {display:flex;flex-wrap:wrap;gap:6px;max-width:440px;}
.dialogue-emojis[hidden] {display:none;}
.dialogue-emojis button {font-size:24px;min-width:44px;min-height:44px;background:white;border:1px solid #cbdcdd;border-radius:6px;cursor:pointer;}
.dialogue-attachment {display:flex;align-items:flex-start;flex-direction:column;gap:8px;overflow-wrap:anywhere;margin:8px 0;}
.dialogue-attachment img {max-width:min(100%,320px);max-height:240px;object-fit:contain;border-radius:6px;}
.dialogue-composer button:focus-visible {outline:3px solid #dc9000;outline-offset:2px;}
.dialogue-compose-tools svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dialogue-emojis button{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}