.chat-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0 20px}.chat-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.chat-toolbar button{font-size:13px}.chat-availability{color:#c3cdc8}.chat-availability.online{color:#73dba7}.chat-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;min-height:480px}.chat-list,.chat-detail{border:1px solid #ffffff20;border-radius:10px;background:#171d1e;overflow:hidden}.chat-list{padding:12px;max-height:670px;overflow-y:auto}.chat-search{margin:0 0 12px}.chat-item{display:block;width:100%;background:transparent;color:#e9eee7;border:1px solid transparent;text-align:left;border-radius:7px;margin:0 0 6px;padding:14px}.chat-item[aria-pressed=true]{border-color:#dfb84360;background:#dfb84312}.chat-item strong{display:flex;justify-content:space-between;gap:10px;font-size:14px}.chat-item small{display:block;color:#aab8b1;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.chat-unread{background:#dfb843;color:#171d1e;padding:1px 7px;border-radius:8px;font-size:11px}.chat-detail-head{padding:20px;border-bottom:1px solid #ffffff18}.chat-detail-head h2{margin:0 0 10px;font-size:20px}.chat-contact{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px}.chat-thread{display:flex;flex-direction:column;gap:14px;max-height:390px;min-height:250px;overflow-y:auto;padding:22px}.chat-bubble{align-self:flex-start;max-width:88%;padding:12px 16px;border-radius:10px 10px 10px 2px;background:#2a3435;overflow-wrap:anywhere}.chat-bubble.admin{align-self:flex-end;background:#393422;border-radius:10px 10px 2px 10px}.chat-bubble small{font-size:11px;color:#b1bcb5}.chat-bubble p{margin:8px 0 0;color:#f0f0e8;white-space:pre-wrap;font-size:14px}.chat-reply{padding:18px;border-top:1px solid #ffffff18}.chat-reply label{margin:0}.chat-reply textarea{min-height:90px;resize:vertical}.chat-reply-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.chat-reply-footer .secondary{border-color:#ffffff35}.chat-error{color:#efbe71;line-height:1.6;font-size:13px;min-height:20px}.chat-empty{padding:32px;color:#afbbb5;line-height:1.8}.chat-knowledge details{margin:10px 0;padding:18px;border:1px solid #ffffff20;border-radius:8px;background:#171d1e}.chat-knowledge summary{cursor:pointer;font-size:14px;font-weight:600}.chat-knowledge textarea{min-height:100px;max-height:300px;resize:vertical}.chat-knowledge-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.chat-knowledge-top label{display:flex;align-items:center;gap:10px;margin:0}.chat-knowledge-top input{width:20px;margin:0}.chat-save-row{position:sticky;bottom:0;padding:16px 0;background:#101214}.chat-note{font-size:13px;color:#abb9b2;line-height:1.75}.chat-nav-count{background:#dfb843;color:#151a17;border-radius:8px;font-size:11px;padding:1px 6px;margin-left:7px}
@media(max-width:800px){.chat-workspace{grid-template-columns:minmax(0,1fr)}.chat-list{max-height:240px}.chat-thread{max-height:380px}.chat-toolbar{align-items:flex-start}.chat-reply-footer{flex-wrap:wrap}}

.chat-workspace>div,.chat-detail{min-width:0}.chat-item strong,.chat-contact a,.chat-detail-head h2{overflow-wrap:anywhere}
@media(max-width:800px){.chat-search input,.chat-reply textarea,.chat-knowledge textarea{font-size:16px}}

.chat-intake{padding:16px 20px;border-bottom:1px solid #ffffff18;background:#dfb84308;overflow-wrap:anywhere}.chat-intake[hidden]{display:none}.chat-intake strong{font-size:13px;color:#dfb843}.chat-intake p{white-space:pre-line;font-size:13px;line-height:1.65;margin:8px 0;color:#e4e8e1}.chat-intake small{display:block;line-height:1.6;color:#aab8b1}

.chat-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.chat-detail-actions button{font-size:13px}.chat-detail-actions .chat-delete{color:#ffb5b5;border-color:#db777760}.chat-detail-actions .chat-delete:hover{background:#a9393920}

.chat-delete-confirm{width:min(480px,calc(100% - 32px));box-sizing:border-box;color:#eef0e8;background:#171d1e;border:1px solid #ffffff35;border-radius:12px;padding:24px}.chat-delete-confirm::backdrop{background:#000a}.chat-delete-confirm h2{font-size:20px;margin:0 0 12px}.chat-delete-confirm p{font-size:14px;line-height:1.7;margin:0 0 22px;overflow-wrap:anywhere}.chat-delete-confirm form{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:0;padding:0}.chat-delete-confirm .chat-delete{background:#973c3c;color:#fff}