.dashob-chats{margin:auto;position:fixed;inset:0;color:var(--cos-text,#26323b);background:var(--cos-surface,#fff);border:1px solid var(--cos-border,#dce2e8);border-radius:12px;width:min(640px,calc(100vw - 28px));max-height:85dvh;padding:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dashob-chats::backdrop{background:rgba(10,20,30,.35)}
.dashob-chats *{box-sizing:border-box}
.dashob-chats header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--cos-border,#dce2e8)}
.dashob-chats h2{font-size:18px;font-weight:600;margin:0}
.dashob-chats button,.dashob-chats a.dc-primary{font:inherit;color:inherit;border:1px solid var(--cos-border,#dce2e8);background:var(--cos-surface,var(--cos-surface,#fff));border-radius:6px;padding:7px 11px;cursor:pointer;text-decoration:none;display:inline-block}
.dashob-chats button:disabled{opacity:.6;cursor:default}
.dashob-chats button.dc-primary,.dashob-chats a.dc-primary{background:var(--cos-accent,#356ab5);color:white;border-color:transparent}
.dashob-chats header button{border:0;font-size:22px;padding:1px 8px}
.dashob-chats .dc-body{padding:18px 20px;overflow-wrap:anywhere}
.dashob-chats [data-chat-error]{border-inline-start:3px solid var(--cos-red,#b53e37);padding:8px 12px}
.dashob-chats .dc-wa{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--cos-border,#dce2e8)}
.dashob-chats .dc-wa p{margin:4px 0;font-size:13px}
.dashob-chats input{display:block;width:100%;min-width:0;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--cos-border,#dce2e8);border-radius:6px;background:var(--cos-surface,#fff);color:inherit;margin-top:6px}
.dashob-chats .dc-search{display:block;margin-top:18px}
.dashob-chats .dc-count{font-size:12px;margin:12px 0}
.dashob-chats .dc-chat{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--cos-border,#dce2e8);align-items:center}
.dashob-chats .dc-chat-main{flex:1;min-width:0}
.dashob-chats .dc-chat-main strong,.dashob-chats .dc-chat-main span,.dashob-chats .dc-chat-main small{display:block;overflow-wrap:anywhere}
.dashob-chats .dc-chat-main span{font-size:12px;margin-top:4px}
.dashob-chats .dc-chat-main small{font-size:12px;margin-top:3px}
.dashob-chats .dc-selected strong{color:var(--cos-accent,#356ab5)}
.dashob-chats .dc-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}
.dashob-chats .dc-qr{width:220px;max-width:100%;margin:14px auto;padding:12px;background:white;color:black}
.dashob-chats .dc-qr:empty{display:none}
.dashob-chats .dc-qr svg{width:100%;height:auto;display:block}
.dashob-chats [data-chat-more]{margin-top:16px}
.dashob-chats [hidden]{display:none!important}
.cos-chat-channel-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding:4px 10px}
@media(max-width:480px){.dashob-chats .dc-chat{align-items:stretch;flex-direction:column}.dashob-chats .dc-actions{justify-content:flex-start;max-width:none}.dashob-chats .dc-body{padding:15px}.dashob-chats button,.dashob-chats a.dc-primary{min-height:44px}.dashob-chats .dc-wa{align-items:flex-start;flex-wrap:wrap}}

.dashob-chats :focus-visible{outline:2px solid var(--cos-accent);outline-offset:3px}
.dashob-chats input{border-color:var(--cos-line-ctl)}

.dashob-chats header{position:sticky;top:0;z-index:1;background:var(--cos-surface,#fff)}