/* Integrated Live Chat prototype, adapted from the standalone operator panel. */
.chat-room-filters{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:#0e1013}.chat-room-filters button{flex:1;border:1px solid #30343a;background:#171a1f;color:#737984;border-radius:5px;padding:7px 5px;font-size:7px}.chat-room-filters button.active{border-color:#665124;background:#2a210f;color:#e3ba62}.chat-room-filters b{margin-left:4px}.chat-notify{font-size:7px;color:#626873}.chat-notify.active{color:var(--green);border-color:#315c46;box-shadow:0 0 12px #2b6a4933}.chat-empty-state{padding:28px 14px;text-align:center;color:#6f7580;font-size:8px;line-height:1.6}.chat-member-trigger{border:0;background:none;color:inherit;text-align:left;padding:0;display:flex}.chat-member-trigger:hover b{color:var(--gold2)}.chat-head-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.chat-head-actions label{margin-left:3px!important}.chat-connection{min-height:27px;padding:0 13px;display:flex;align-items:center;gap:7px;background:#111811;border-bottom:1px solid #273c2e;color:#649071;font-size:7px}.chat-connection i{width:6px;height:6px;border-radius:50%;background:#5bd293;box-shadow:0 0 0 3px #254333}.reply-bar{display:none;align-items:center;padding:8px 12px;border-top:1px solid #56441f;background:#211b0e;color:#bca468}.reply-bar.active{display:flex}.reply-bar span{flex:1;min-width:0}.reply-bar b,.reply-bar small{display:block}.reply-bar small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.reply-bar button{border:0;background:none;color:#baa367;font-size:17px}.conversation>footer{position:relative}.conversation>footer #insertChatEmoji{background:none;border:1px solid #343840;color:#d1aa56;border-radius:5px}.conversation>footer .composer-count{position:absolute;right:83px;bottom:3px;color:#5f6570;font-size:6px}.bubble{position:relative;cursor:pointer}.bubble:hover{border-color:#766039}.bubble-action{position:absolute;right:6px;top:5px;border:0;background:transparent;color:#6e737c;padding:2px}.bubble blockquote{margin:6px 0;padding:6px 8px;border-left:2px solid #c99b44;background:#15171b;color:#8d929b;font-size:7px}.bubble blockquote b{display:block;color:#caaa67;margin-bottom:3px}.mock-chat-image{height:96px;margin:8px 0;border:1px solid #594a2e;border-radius:6px;background:linear-gradient(145deg,#362b17,#181a1f);display:grid;place-items:center;color:#d7ae55;font-size:25px}.mock-chat-image span{display:block;font-size:7px;color:#9f8d66}.chat-profile-hero{display:flex;align-items:center;gap:13px;margin:18px;padding:15px;border:1px solid #4e4027;background:#1c1811;border-radius:7px}.chat-profile-hero>i,.chat-contact-list>button>i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e2bc67,#8d601f);color:#181109;font-weight:bold;font-style:normal}.chat-profile-hero b,.chat-profile-hero small{display:block}.chat-profile-hero small{color:#62cb91;margin-top:5px}.chat-profile-details{margin:0 18px 18px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.chat-profile-details>div{display:grid;grid-template-columns:135px 1fr;padding:10px 12px;border-bottom:1px solid var(--line)}.chat-profile-details>div:last-child{border:0}.chat-profile-details dt{color:#666d77;font-size:7px;text-transform:uppercase}.chat-profile-details dd{margin:0;color:#c2c5c9;font-size:8px;overflow-wrap:anywhere}.chat-action-modal>p{margin:16px 18px;padding:12px;border:1px solid var(--line);border-radius:5px;color:#aaa;line-height:1.6}.chat-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 18px}.chat-action-grid button{border:1px solid #383d45;background:#181b20;color:#b9bdc3;border-radius:5px;padding:11px;text-align:left}.chat-action-grid button:hover{border-color:#6e5729;color:#e4bd68}.chat-action-grid button.danger{color:#f08c8c;border-color:#633333}.chat-action-grid button:disabled{opacity:.35;cursor:not-allowed}.archive-tools{display:flex;gap:7px;padding:13px 18px;border-bottom:1px solid var(--line)}.archive-tools .search{flex:1}.archive-tools button.active{color:#e5bc64;border-color:#705927;background:#2b220f}.chat-archive-results,.chat-contact-list{max-height:440px;overflow:auto;padding:8px}.chat-archive-results>button,.chat-contact-list>button{width:100%;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#aaa;padding:12px;text-align:left}.chat-archive-results>button:hover,.chat-contact-list>button:hover{background:#181b20}.chat-archive-results>button>i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#272117;color:#dab25c;font-style:normal}.chat-archive-results span,.chat-contact-list span{flex:1}.chat-archive-results b,.chat-archive-results p,.chat-archive-results small,.chat-contact-list b,.chat-contact-list small{display:block}.chat-archive-results p{margin:4px 0;color:#858b94}.chat-archive-results small,.chat-contact-list small{color:#626873}.chat-contact-list>button>i{width:35px;height:35px}.chat-contact-list em{font-style:normal;font-size:7px;color:#d7af59;border:1px solid #594721;border-radius:9px;padding:4px 7px}.broadcast-form{padding:3px 18px 8px}.broadcast-form>label,.broadcast-form .form-row label{display:block;margin:13px 0;color:#aaa;font-size:8px}.broadcast-form input,.broadcast-form select,.broadcast-form textarea,.modal-card>label textarea{display:block;width:100%;margin-top:7px;border:1px solid #343840;background:#181b20;color:#eee;border-radius:5px;padding:9px}.broadcast-form input,.broadcast-form select{height:38px}.broadcast-form textarea,.modal-card>label textarea{min-height:90px;resize:vertical}.broadcast-check{display:flex!important;gap:8px;align-items:center}.broadcast-check input{display:inline-block!important;width:auto!important;height:auto!important;margin:0!important;accent-color:#c99b44}#broadcastLinkFields{display:none}#broadcastLinkFields.active{display:grid}.chat-image-preview{margin:17px 18px;border:1px solid #4c402a;background:#18150f;border-radius:7px;padding:10px}.chat-image-preview img{display:block;width:100%;height:210px;object-fit:contain;background:#0c0d0f;border-radius:5px}.chat-image-preview strong{display:block;margin-top:9px;color:#a99162;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.chat-head-actions .icon-btn{display:none}.chat-room-filters{position:sticky;top:0}.archive-tools{flex-wrap:wrap}.archive-tools .search{flex-basis:100%}.chat-action-grid{grid-template-columns:1fr}.chat-profile-details>div{grid-template-columns:105px 1fr}.conversation>footer .composer-count{display:none}}