.chat-trigger:not([hidden]),.mobile-settings:not([hidden]){display:grid;place-items:center}
.chat-trigger svg{display:block}
.modal.large.chat-modal{display:flex;flex-direction:column;width:min(580px,100%);height:min(720px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden}
.chat-modal .modal-header{flex:none;background:#171719}
.chat-header-actions{display:flex;align-items:center;gap:8px}
.chat-refresh{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:#28262b;color:#d9d4dd;font-size:23px}
.chat-messages{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:13px}
.chat-row{display:flex;align-items:flex-end;gap:9px;max-width:85%}
.chat-row.own{align-self:flex-end;flex-direction:row-reverse}
.chat-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#312653;color:#d5c4ff;font-size:10px;font-weight:800}
.chat-row.own .chat-avatar{background:#244734;color:#9ce0b6}
.chat-bubble{min-width:0;padding:10px 13px;background:#27252b;border:1px solid #38353d;border-radius:13px 13px 13px 3px;color:#eee9f2;overflow-wrap:anywhere}
.chat-row.own .chat-bubble{background:#263d33;border-color:#35664d;border-radius:13px 13px 3px 13px}
.chat-message-head{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}
.chat-message-head strong{font-size:11px;color:#c6b5f7}
.chat-row.own .chat-message-head strong{color:#9ce0b6}
.chat-message-head time{font-size:10px;color:#a19aa6;white-space:nowrap}
.chat-bubble p{font-size:13px;line-height:1.45;white-space:pre-wrap;margin:0}
.chat-empty{margin:auto;text-align:center;color:#a29ba7;font-size:13px}
.chat-older{align-self:center;border:1px solid #39353f;border-radius:20px;background:#25222b;color:#c9b9f4;padding:7px 15px;font-size:11px;font-weight:700}
.chat-error{flex:none;margin:0;padding:9px 16px;background:#3a2430;color:#ffb4c5;font-size:11px}
.chat-form{display:flex;align-items:flex-end;gap:10px;flex:none;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #302d33;background:#1b1a1e}
.chat-form textarea{min-width:0;flex:1;resize:none;max-height:128px;min-height:42px;border:1px solid #3b3740;border-radius:12px;background:#252329;color:#f1edf4;padding:11px 12px;font-family:inherit;font-size:13px;line-height:1.4}
.chat-form textarea::placeholder{color:#8e8993}
.chat-send{flex:none;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#7654e8;color:#fff;font-size:18px}
.chat-modal{position:relative}
.chat-attach{flex:none;display:grid;place-items:center;width:38px;height:42px;border:1px solid #3b3740;border-radius:12px;background:#252329;color:#c8dfff;padding:0}
.chat-attach:disabled,.chat-image-preview button:disabled,.chat-image-footer button:disabled{opacity:.5;cursor:default}
.chat-image-row .chat-bubble{width:min(300px,100%)}
.chat-image-open{display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#141416;cursor:zoom-in}
.chat-image-open img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}
.chat-image-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}
.chat-image-footer small{font-size:10px;color:#a9a5ae}
.chat-image-footer button{border:0;background:none;color:#ff8490;font-size:11px;padding:3px;cursor:pointer}
.chat-image-preview{display:flex;align-items:center;gap:12px;flex:none;padding:12px 16px;border-top:1px solid #302d33;background:#1b1a1e}
.chat-image-preview>img{flex:none;width:64px;height:76px;object-fit:contain;border-radius:7px;background:#111}
.chat-image-preview>div{min-width:0;flex:1}
.chat-image-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#eee}
.chat-image-preview small{display:block;font-size:11px;color:#aaa;margin:4px 0 8px}
.chat-image-preview-actions{display:flex;gap:8px}
.chat-image-preview-actions button{border:0;border-radius:7px;background:#3088ef;color:#fff;padding:7px 10px;font-size:11px}
.chat-image-preview-actions button:last-child{background:#323236}
.chat-image-viewer{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:#111113}
.chat-viewer-close{align-self:flex-start;flex:none;margin:12px;border:1px solid #444;border-radius:8px;background:#222;color:#fff;padding:9px 12px;font-size:13px}
.chat-image-viewer>div{min-height:0;overflow:auto;flex:1;padding:0 12px 16px;text-align:center;overscroll-behavior:contain}
.chat-image-viewer img{display:block;max-width:100%;height:auto;margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:760px){
  body.mobile-overview-live .top-actions{max-width:none}
  body.mobile-overview-live .top-actions #refreshButton{display:grid;place-items:center}
  .modal.large.chat-modal{height:94dvh;max-height:94dvh}
  .chat-messages{padding:14px}
  .chat-row{max-width:92%}
  .chat-form{gap:7px;padding-left:12px;padding-right:12px}
}