/* Public chat skin. The six --chat-* variables are the City re-skin slot. */
.c-root{--chat-accent:var(--primary-700);--chat-accent-ink:#ffffff;--chat-surface:var(--content1);--chat-text:var(--foreground);--chat-border:var(--default-200);--chat-radius:var(--radius-xl)}
.c-panel{background:var(--chat-surface);color:var(--chat-text);border:1px solid var(--chat-border);border-radius:var(--chat-radius);box-shadow:var(--shadow-small)}
.c-primary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--radius-medium);background:var(--chat-accent);color:var(--chat-accent-ink);font:600 14px/20px var(--font-sans);border:0;text-decoration:none;cursor:pointer}
.x-root a.c-primary{color:var(--chat-accent-ink)}
.c-user{align-self:flex-end;max-width:88%;padding:12px 16px;border-radius:16px 16px 4px 16px;background:var(--chat-accent);color:var(--chat-accent-ink)}
.c-ans{border:1px solid var(--chat-border);border-radius:var(--radius-large);background:var(--content1);padding:18px;display:flex;flex-direction:column;gap:14px}
.c-excerpt{background:var(--content2);border-radius:var(--radius-medium);padding:14px;display:flex;flex-direction:column;gap:8px}
.c-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-medium);background:var(--content2);border:1px solid var(--default-200);color:var(--default-700)}
.c-slot{border:1.5px dashed var(--default-400);border-radius:var(--radius-medium);padding:12px 14px;color:var(--default-600)}
.c-thumb{width:220px;max-width:100%;height:150px;border-radius:var(--radius-medium);border:1px solid var(--default-200);background:var(--content2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--default-600);font-size:12px}
.c-fb{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.c-ta{display:block;width:100%;min-height:88px;padding:12px 14px;border:2px solid var(--default-200);border-radius:var(--radius-medium);color:var(--foreground);background:var(--content1);font:400 14px/20px var(--font-sans);resize:none}
.c-ta::placeholder{color:var(--default-500)}
.c-hbar{background:var(--default-100);border-bottom:1px solid var(--default-200)}
.c-tile{width:40px;height:40px;border-radius:var(--radius-medium);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary-700);flex:none}
[data-theme="dark"] .c-tile{color:var(--primary)}
.c-ico-m{color:var(--default-600);flex:none;margin-top:1px}