.signature-gradient{background:var(--gradient-signature)}.signature-gradient:hover{background:var(--gradient-signature-hover)}.chat-bubble{padding:var(--space-4);font-family:var(--font-body);max-width:85%;font-size:.875rem;line-height:1.6}.chat-bubble-ai{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.chat-bubble-user{background-color:var(--color-on-background);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.chat-bubble-admin-user{background-color:var(--color-surface-container-highest);color:var(--color-on-surface);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.chat-timestamp{color:var(--color-on-surface-variant);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:10px;font-weight:600}.pill-chip{white-space:nowrap;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-headline);cursor:pointer;transition:background-color var(--duration-fast) ease;background-color:#fff;border:2px solid;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.pill-chip--teal{border-color:var(--color-secondary);color:var(--color-secondary)}.pill-chip--teal:hover{background-color:var(--color-secondary-container)}.pill-chip--gold{color:var(--color-on-background);border-color:gold}.pill-chip--gold:hover{background-color:#fff9e5}.pill-chip--purple{border-color:var(--color-tertiary);color:var(--color-tertiary)}.pill-chip--purple:hover{background-color:var(--color-tertiary-container)}.input-field{background-color:var(--color-surface-container-highest);border-radius:var(--radius-lg);width:100%;padding:var(--space-4);font-size:.875rem;font-family:var(--font-body);color:var(--color-on-surface);transition:all var(--duration-normal) ease;border:none}.input-field::placeholder{color:var(--color-on-surface-variant);opacity:.6}.input-field:focus{background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-ambient);outline:2px solid var(--color-primary-fixed)}.toggle-switch{cursor:pointer;width:56px;height:32px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{background-color:var(--color-surface-container-highest);border-radius:var(--radius-full);transition:background var(--duration-normal) ease;align-items:center;padding:0 6px;display:flex;position:absolute;inset:0}.toggle-switch input:checked+.toggle-track{background:var(--gradient-signature)}.toggle-thumb{border-radius:var(--radius-full);width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-spring);background-color:#fff;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(24px)}.toggle-icon{transition:opacity var(--duration-fast) ease;font-size:14px;position:absolute}.toggle-icon--human{color:#fff;opacity:0;left:8px}.toggle-icon--ai{color:var(--color-on-surface-variant);opacity:1;right:8px}.toggle-switch input:checked+.toggle-track .toggle-icon--human{opacity:1}.toggle-switch input:checked+.toggle-track .toggle-icon--ai{opacity:0}.status-dot{border-radius:var(--radius-full);width:8px;height:8px}.status-dot--active{background-color:#39ff14;box-shadow:0 0 8px #39ff14}.status-dot--alert{background-color:red;box-shadow:0 0 8px red}.status-dot--online{background-color:#0f8;box-shadow:0 0 8px #0f8}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wider);align-items:center;gap:6px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.badge--ai-active{color:var(--color-on-surface-variant);background-color:#ffffff80}.badge--needs-human{color:var(--color-error);background-color:#f74b6d33}.btn-gradient{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-signature);color:#fff;font-family:var(--font-headline);border-radius:var(--radius-lg);box-shadow:var(--shadow-fab-strong);transition:all var(--duration-fast) ease;font-weight:700;display:inline-flex}.btn-gradient:hover{opacity:.95}.btn-gradient:active{transform:scale(.95)}@keyframes bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.bounce-dot{border-radius:var(--radius-full);background-color:var(--color-on-primary-container);opacity:.4;width:4px;height:4px;animation:1.4s ease-in-out infinite bounce-dot}.bounce-dot:nth-child(2){animation-delay:.2s}.bounce-dot:nth-child(3){animation-delay:.4s}