.chat-mockup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:540px;box-shadow:var(--shadow-strong);text-align:left;justify-self:center;margin:0;font-size:.95rem;overflow:hidden}.chat-mockup-bar{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.chat-dots{gap:6px;display:flex}.chat-dots i{background:#d9dcdf;border-radius:50%;width:10px;height:10px}.chat-channel{color:var(--color-heading);font-weight:650}.chat-mockup-body{gap:1.25rem;padding:1.25rem;display:grid}.chat-message{grid-template-columns:2.25rem 1fr;gap:.75rem;display:grid}.chat-message p{color:var(--color-text);margin:0;line-height:1.55}.chat-avatar{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:flex}.chat-avatar-user{background:#6b7a90}.chat-avatar-agent{background:var(--color-accent-strong)}.chat-message .chat-author{color:var(--color-heading);margin-bottom:.2rem;font-weight:700}.chat-author span{color:var(--color-text-muted);margin-left:.35rem;font-size:.8rem;font-weight:500}.chat-author .chat-badge{background:var(--color-accent-soft);color:var(--color-accent-strong);border-radius:4px;padding:.1rem .45rem;font-weight:600}.chat-message .chat-source{color:var(--color-text-muted);margin-top:.4rem;font-size:.82rem}.chat-approval{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-small);background:#fbfcfc;margin-top:.85rem;padding:.9rem 1rem}.chat-message .chat-approval-title{color:var(--color-heading);font-weight:700}.chat-message .chat-approval-meta{color:var(--color-text-muted);margin-top:.35rem;font-size:.85rem}.chat-message .chat-approval-body{color:var(--color-text-muted);margin-top:.5rem;font-size:.85rem;font-style:italic}.chat-approval-actions{gap:.5rem;margin-top:.75rem;display:flex}.chat-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-heading);border-radius:6px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.chat-button-approve{border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:#fff}.chat-message .chat-status{color:var(--color-accent-strong);margin-top:.75rem;font-size:.85rem;font-weight:600}