:root{--chatbuho-chatwoot-message-bg: #334155;--chatbuho-chatwoot-message-text: white;--chatbuho-external-message-border: #1f93ff;--chatbuho-accent-color: #1f93ff}.text-sm:has(.chatwoot-origin-marker){background-color:var(--chatbuho-chatwoot-message-bg) !important;background-image:none !important;color:var(--chatbuho-chatwoot-message-text) !important}.text-sm:has(.chatwoot-origin-marker) *{color:var(--chatbuho-chatwoot-message-text) !important}.chatbuho-filter-btn{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.5rem;font-size:0.8rem;font-weight:500;border-radius:0.25rem;border:1px solid transparent;cursor:pointer;transition:all 0.2s ease-in-out}.chatbuho-filter-btn--compact{padding:0.2rem 0.4rem;font-size:0.75rem;gap:0.25rem}.chatbuho-filter-btn--active{background-color:#1f93ff;color:white;border-color:#1f93ff}.chatbuho-filter-btn--active:hover{background-color:#0d7de8;border-color:#0d7de8}.chatbuho-filter-btn--inactive{background-color:#f1f5f9;color:#475569;border-color:#cbd5e1}.chatbuho-filter-btn--inactive:hover{background-color:#e2e8f0;border-color:#94a3b8}@media (prefers-color-scheme: dark){.chatbuho-filter-btn--inactive{background-color:#1e293b;color:#94a3b8;border-color:#334155}.chatbuho-filter-btn--inactive:hover{background-color:#334155;border-color:#475569}}:root{--instance-config-bg: #f8fafc;--instance-config-border: #e2e8f0;--instance-config-section-bg: #f1f5f9;--instance-config-section-border: #cbd5e1;--instance-config-text-primary: #1e293b;--instance-config-text-secondary: #475569;--instance-config-text-muted: #64748b;--instance-config-error-text: #dc2626;--instance-config-qr-bg: #ffffff;--instance-config-qr-border: #d1d5db;--instance-config-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.dark{--instance-config-bg: #0f172a;--instance-config-border: #334155;--instance-config-section-bg: #1e293b;--instance-config-section-border: #374151;--instance-config-text-primary: #f9fafb;--instance-config-text-secondary: #d1d5db;--instance-config-text-muted: #9ca3af;--instance-config-error-text: #fca5a5;--instance-config-qr-bg: #ffffff;--instance-config-qr-border: #6b7280;--instance-config-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2)}.connection-indicator{width:0.75rem;height:0.75rem;border-radius:50%}.connection-indicator--connected{background-color:#4ade80}.connection-indicator--disconnected{background-color:#f87171}.connection-indicator--checking{background-color:#9ca3af;animation:chatbuho-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.config-section{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--instance-config-section-bg);border-radius:0.5rem;transition:all 0.2s ease-in-out}.qr-section{background-color:var(--instance-config-section-bg);border-radius:0.5rem;padding:1.5rem;transition:all 0.2s ease-in-out}.qr-image{margin:0 auto;border:1px solid var(--instance-config-qr-border);border-radius:0.5rem;width:16rem;height:16rem;object-fit:contain;background-color:var(--instance-config-qr-bg);box-shadow:var(--instance-config-shadow);transition:all 0.2s ease-in-out}.spinner{animation:chatbuho-spin 1s linear infinite;border-radius:50%;border-bottom:2px solid}.spinner--small{height:0.75rem;width:0.75rem;border-color:currentColor}.spinner--medium{height:1rem;width:1rem;border-color:currentColor}.spinner--large{height:2rem;width:2rem;border-color:#6366f1}.spinner--xl{height:3rem;width:3rem;border-color:#3b82f6}.config-title{font-size:0.875rem;font-weight:500;color:var(--instance-config-text-primary);margin-bottom:0.25rem;transition:color 0.2s ease-in-out}.config-description{font-size:0.75rem;color:var(--instance-config-text-secondary);transition:color 0.2s ease-in-out}.qr-title{font-size:1.125rem;font-weight:500;color:var(--instance-config-text-primary);margin-bottom:1rem;transition:color 0.2s ease-in-out}.qr-instructions{font-size:0.75rem;color:var(--instance-config-text-muted);margin-bottom:1.5rem;transition:color 0.2s ease-in-out}.qr-instructions p{margin-bottom:0.25rem}.qr-scan-text{font-size:0.875rem;color:var(--instance-config-text-secondary);margin-bottom:1rem;font-weight:500;transition:color 0.2s ease-in-out}.generating-text{color:var(--instance-config-text-secondary);transition:color 0.2s ease-in-out}.error-text{font-size:0.75rem;color:var(--instance-config-error-text);transition:color 0.2s ease-in-out}.fallback-text{color:var(--instance-config-text-muted);transition:color 0.2s ease-in-out}@keyframes chatbuho-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes chatbuho-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.config-section .peer:checked~div{background-color:#1f93ff}.config-section .peer:focus~div{box-shadow:0 0 0 4px rgba(31,147,255,0.2)}.config-section:focus-within{outline:2px solid #1f93ff;outline-offset:2px}