/* Uses the active theme's inherited text and card colors. */
.tm-account-chats [data-chat-directory]{display:grid;gap:10px;width:100%;max-width:850px;margin-inline:auto}
.tm-account-chat{display:flex;align-items:center;gap:14px;width:100%;min-height:78px;padding:16px 18px;text-align:start;color:inherit;background:var(--card,var(--surface,transparent));border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:16px;cursor:pointer;font:inherit}
.tm-account-chat:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
.tm-account-chat:focus-visible,.tm-chat-back:focus-visible{outline:3px solid var(--accent,#459979);outline-offset:3px}
.tm-account-chat-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.tm-account-chat-copy strong,.tm-account-chat-copy small{white-space:normal;overflow-wrap:anywhere}
.tm-account-chat-copy small{font-size:.85rem;opacity:.8}
.tm-account-chat-badge{flex:none;min-width:27px;padding:4px 7px;border-radius:20px;background:var(--accent,#26735d);color:var(--accent-contrast,#fff);font-size:.85rem;font-weight:800;text-align:center}
.tm-chat-navigation-bar .tm-chat-current-title{margin:0;white-space:normal;overflow-wrap:anywhere;font-size:1.05rem}
.tm-chat-navigation-bar .tm-chat-back{flex:none;margin-inline-start:auto}
#tm-org-log .bubble{white-space:pre-wrap;overflow-wrap:anywhere}
html[data-tm-design] .tm-account-chat{background:var(--ap-surface);color:var(--ap-text);border-color:var(--ap-line)}
html[data-tm-design] .tm-account-chat:hover{background:var(--ap-soft)}
html[data-tm-design] .tm-account-chat-badge{background:var(--ap-text);color:var(--ap-canvas)}
html[data-tm-design] .tm-account-chat:focus-visible{outline-color:var(--ap-link)}
@media(max-width:600px){.tm-account-chat{padding:13px;gap:10px}.tm-chat-navigation-bar{padding-inline:12px;gap:8px}.tm-chat-navigation-bar .tm-chat-back{white-space:normal;max-width:120px;font-size:.8rem}.tm-account-chats [data-chat-directory]{gap:8px}}
