.whatsmarked{white-space:normal}.whatsmarked p{margin:0 0 .5em;padding:0}.whatsmarked p:last-child{margin:0}.whatsmarked code{white-space:break-spaces;background:#0003;padding:3px}.whatsmarked pre{background:#0003;padding:1em}.whatsmarked pre code{background:none;padding:unset}.whatsmarked blockquote{margin:0 0 .5em;border-left:3px solid;padding-left:1em}.whatsmarked .graytext{opacity:.6}*{box-sizing:border-box;margin:0;padding:0}@property --pending-glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{color-scheme:light dark;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-elevated: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-secondary: #475569;--text-inverse: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-text: #ffffff;--danger: #dc2626;--danger-bg: #fef2f2;--danger-text: #991b1b;--company-glow-color: var(--primary);--customer-glow-color: rgba(0, 0, 0, .28);--bubble-sent: #eff6ff;--bubble-received: #f8fafc;--notice-bg: #fffbeb;--notice-text: #92400e;--consent-bg: #eff6ff;--consent-border: #bfdbfe;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .03);--ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--primary)}@media (prefers-color-scheme: dark){:root{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-subtle: #334155;--bg-elevated: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-secondary: #cbd5e1;--text-inverse: #0f172a;--border: #334155;--border-strong: #475569;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-text: #ffffff;--danger: #ef4444;--danger-bg: #450a0a;--danger-text: #fecaca;--customer-glow-color: rgba(255, 255, 255, .35);--bubble-sent: #1e3a8a;--bubble-received: #1e293b;--notice-bg: #451a03;--notice-text: #fde68a;--consent-bg: #172554;--consent-border: #1e40af;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .25);--ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--primary)}}html,body,#root{height:100%;font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea{font:inherit}.page-shell{display:flex;flex-direction:column;height:100%;max-width:48rem;margin:0 auto;background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-md)}.page-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background-color:var(--bg-page);display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4rem}.page-header-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;text-align:center;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;line-height:1.25rem;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--border)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-main)}.btn-danger{background-color:var(--danger-bg);color:var(--danger-text)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-icon{width:2.25rem;height:2.25rem;padding:0}.spinner{width:2rem;height:2rem;border-radius:var(--radius-full);border:3px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;opacity:.5;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.empty-state-title{font-size:1rem;font-weight:600;color:var(--text-main)}.error-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;color:var(--danger)}.error-state-icon{font-size:2.5rem;opacity:.8;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.error-state-message{color:var(--text-secondary);font-size:.9375rem;max-width:24rem}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--border) 50%,var(--bg-subtle) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-circle{width:3rem;height:3rem;border-radius:var(--radius-full);flex-shrink:0}.skeleton-text{height:.875rem;border-radius:var(--radius-sm)}.skeleton-title{width:45%;height:1rem;margin-bottom:.5rem}.skeleton-body{width:30%}.skeleton-row{display:flex;align-items:center;gap:.75rem;padding:1rem;margin:0 1rem .75rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column}.chat-page{display:flex;flex-direction:column;height:100%;max-width:48rem;margin:0 auto;background-color:var(--chat-bg, var(--bg-surface));color:var(--text-main);box-shadow:var(--shadow-md)}.chat-page{--chat-surface: var(--bg-surface);--chat-subtle: var(--bg-subtle);--chat-border: var(--border);--chat-text-muted: var(--text-muted);--chat-text-secondary: var(--text-secondary);--chat-accent: var(--primary);--chat-accent-hover: var(--primary-hover);--chat-accent-text: var(--primary-text);--chat-button-bg: var(--primary);--chat-button-text: var(--primary-text);--chat-overlay: rgba(128, 128, 128, .15);--chat-overlay-strong: rgba(128, 128, 128, .25)}.message-attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.message-link-preview{display:block;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);text-decoration:none;color:inherit;transition:background .15s,border-color .15s}.message-link-preview:hover{background:var(--bg-hover);border-color:var(--primary)}.message-link-preview-image{width:100%;max-height:200px;overflow:hidden}.message-link-preview-image .media-message{margin:0}.message-link-preview-image .media-image{width:100%;height:auto;max-height:200px;object-fit:cover;display:block;border-radius:0}.message-link-preview-details{padding:.625rem .75rem}.message-link-preview-title{font-weight:600;font-size:.875rem;line-height:1.3;margin-bottom:.25rem}.message-link-preview-description{font-size:.8125rem;color:var(--text-muted);line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.message-link-preview-footer{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.message-buttons-inline{display:flex;flex-wrap:wrap;gap:.5rem}.message-button{background-color:var(--chat-button-bg);color:var(--chat-button-text);border:1px solid var(--chat-button-bg)}.message-button:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.message-button-icon{width:1rem;height:1rem;flex-shrink:0;color:inherit}.message-buttons-more{width:100%}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1000;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:fade-in .15s ease-out;max-width:24rem;text-align:center}.toast-error{background-color:var(--danger);color:#fff}.toast-success{background-color:var(--success, #10b981);color:#fff}.toast-info{background-color:var(--text-main);color:var(--bg-surface)}.copy-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);padding:.625rem 1rem;background-color:var(--text-main);color:var(--bg-surface);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:fade-in .15s ease-out}.modal-content{width:100%;max-width:24rem;max-height:80vh;overflow:auto;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.chat-loading,.chat-error,.chat-closed{display:flex;flex:1;align-items:center;justify-content:center;padding:2rem;text-align:center;max-height:64px}.chat-error{color:var(--danger);flex-direction:column;gap:.75rem}.chat-closed{color:var(--chat-text-muted);font-size:.9375rem;border-top:1px solid var(--chat-border);background-color:var(--chat-surface)}.chat-header{padding:.875rem 1rem;border-bottom:1px solid var(--chat-border);display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:4rem}.chat-header h1{font-size:1.125rem;font-weight:600}.chat-header-actions{display:flex;gap:.5rem}.chat-header-actions .btn{background-color:var(--chat-overlay);color:inherit}.chat-header-actions .btn:hover:not(:disabled){background-color:var(--chat-overlay-strong)}.notice-banner{padding:.875rem 1rem;background-color:var(--chat-subtle);border-bottom:1px solid var(--chat-border);color:var(--chat-text-secondary);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.offline-banner{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--notice-bg);color:var(--notice-text);border-bottom:1px solid var(--chat-border, var(--border));font-size:.8125rem;font-weight:500}.offline-banner svg{flex-shrink:0}.offline-banner-text{flex:1;min-width:0}.offline-banner-retry{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;padding:.25rem .625rem;border-radius:var(--radius-full);border:1px solid currentColor;background-color:transparent;color:inherit;font-size:.75rem;font-weight:600;transition:background-color .15s ease}.offline-banner-retry:hover:not(:disabled){background-color:color-mix(in srgb,currentColor 12%,transparent)}.offline-banner-retry:disabled{opacity:.7;cursor:progress}.spin{animation:spin .8s linear infinite}.message-pending{display:inline-flex;align-items:center;color:var(--chat-text-muted, var(--text-muted));opacity:.85}.message-pending-failed{color:var(--danger);opacity:1}.message-bubble.message-bubble-pending,.consent-pill.consent-pill-pending-request{position:relative;background-clip:padding-box}.message-bubble.message-bubble-pending:before,.consent-pill.consent-pill-pending-request:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--pending-glow-angle, 0deg),transparent 0deg,color-mix(in srgb,var(--company-glow-color, var(--primary)) 85%,white) 70deg,var(--company-glow-color, var(--primary)) 140deg,transparent 220deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:pending-glow-spin 1.4s linear infinite}@keyframes pending-glow-spin{to{--pending-glow-angle: 360deg}}@supports not (background: conic-gradient(from var(--x, 0deg),red,blue)){.message-bubble.message-bubble-pending:before,.consent-pill.consent-pill-pending-request:before{background:conic-gradient(transparent 0deg,var(--company-glow-color, var(--primary)) 140deg,transparent 220deg);animation:pending-glow-rotate 1.4s linear infinite}@keyframes pending-glow-rotate{to{transform:rotate(360deg)}}}@media (prefers-reduced-motion: reduce){.message-bubble.message-bubble-pending:before,.consent-pill.consent-pill-pending-request:before{animation:none;background:var(--company-glow-color, var(--primary))}}.consent-pill{align-self:center;width:calc(100% - 1rem);max-width:42rem;margin:0 auto .75rem;padding:.875rem 1rem;border-radius:var(--radius-xl);background-color:var(--chat-surface, var(--chat-subtle));border:1px solid var(--chat-border);box-shadow:var(--shadow-sm)}.consent-pill-pending{background-color:var(--chat-subtle)}.consent-pill-text{font-size:.875rem;line-height:1.5;color:var(--chat-text-secondary);margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.consent-pill-text svg{flex-shrink:0;color:var(--success, #16a34a)}.consent-privacy-link{display:inline;padding:0;margin:0;background:none;border:none;color:var(--chat-accent);font:inherit;font-weight:500;text-decoration:underline;cursor:pointer}.consent-privacy-link:hover{color:var(--chat-accent-hover)}.consent-pill-actions{display:flex;gap:.75rem;margin-top:.875rem}.consent-pill-actions .btn{flex:1;justify-content:center}.input-area button{border-radius:var(--radius-md)}.input-area .primary{background-color:var(--chat-accent);color:var(--chat-accent-text);padding:.5rem 1rem}.input-area .primary:hover:not(:disabled){background-color:var(--chat-accent-hover)}.messages-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.messages-spacer{flex:1 0 auto}.messages-list>*{flex-shrink:0}.messages-list>.messages-spacer{flex-shrink:1}.message-row{display:flex;align-items:flex-end;gap:.5rem;max-width:100%}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-row.with-avatar .message-bubble{border-bottom-left-radius:.25rem}.message-avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-full);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background-color:var(--chat-subtle);border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 35%,transparent)}.message-avatar-operator{width:100%;height:100%}.message-avatar-operator .operator-avatar-fallback{font-size:.6875rem}.message-avatar-img{width:100%;height:100%;object-fit:cover}.message-avatar-fallback{font-size:.6875rem;font-weight:700;color:var(--chat-text-secondary)}.message-avatar-placeholder{visibility:hidden}.message-bubble{max-width:80%;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;border-radius:var(--radius-lg);animation:message-in .25s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble.sent{align-self:flex-end;background-color:var(--sent-bubble-bg, var(--bubble-sent));border-bottom-right-radius:.25rem;color:var(--sent-bubble-text, var(--text-main));border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 45%,transparent);box-shadow:0 0 10px 1px color-mix(in srgb,var(--company-glow-color, var(--primary)) 25%,transparent)}.message-bubble.received{align-self:flex-start;background-color:var(--received-bubble-bg, var(--bubble-received));border-bottom-left-radius:.25rem;color:var(--received-bubble-text, var(--text-main));border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 55%,transparent);box-shadow:0 0 12px 2px color-mix(in srgb,var(--company-glow-color, var(--primary)) 35%,transparent)}.message-sender{font-size:.6875rem;font-weight:700;color:var(--chat-text-secondary);text-transform:uppercase;letter-spacing:.04em}.message-content{font-size:.9375rem;line-height:1.5;word-break:break-word}.message-time{font-size:.6875rem;color:var(--chat-text-muted);align-self:flex-end}.message-meta{display:flex;align-items:center;gap:.375rem;align-self:flex-end;margin-top:.125rem}.message-ack{display:inline-flex;align-items:center;color:var(--chat-text-muted)}.message-ack-delivered{color:var(--chat-text-muted)}.message-ack-read{color:var(--chat-accent)}.message-actions{position:relative;align-self:center;flex-shrink:0;display:flex;align-items:center}.message-actions-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:1px solid var(--chat-border);background-color:var(--chat-surface);color:var(--chat-text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.message-row:hover .message-actions-trigger,.message-actions-trigger:focus-visible,.message-actions-trigger[aria-expanded=true]{opacity:1}.message-actions-trigger:hover{background-color:var(--chat-subtle);color:var(--chat-accent)}@media (hover: none){.message-actions-trigger{display:none}.message-actions-menu{pointer-events:auto}}.message-actions-menu{position:absolute;z-index:20;display:flex;flex-direction:column;gap:.375rem;padding:.375rem;min-width:11rem;max-width:calc(100vw - 1rem);border-radius:var(--radius-lg);border:1px solid var(--chat-border);background-color:var(--chat-surface);box-shadow:var(--shadow-xl);animation:scale-in .15s ease-out}.message-actions-menu.above{bottom:calc(100% + .375rem)}.message-actions-menu.below{top:calc(100% + .375rem)}.message-actions.own .message-actions-menu{right:0}.message-actions.received .message-actions-menu{left:0}.message-actions-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--chat-text-secondary);font-size:.875rem;text-align:left;cursor:pointer}.message-actions-item:hover{background-color:var(--chat-subtle);color:var(--chat-accent)}.message-actions-reactions{display:flex;align-items:center;gap:.125rem;padding-top:.375rem;border-top:1px solid var(--chat-border)}@media (max-width: 480px){.message-actions-menu{min-width:0}.message-actions-reactions{flex-wrap:wrap;justify-content:center}}.message-actions-emoji{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-full);background:transparent;font-size:1.125rem;line-height:1;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.message-actions-emoji:hover{background-color:var(--chat-subtle);transform:scale(1.15)}.message-actions-more{color:var(--chat-text-secondary)}.reply-quote{display:flex;align-items:stretch;gap:.5rem;width:100%;padding:.375rem .5rem;margin-bottom:.25rem;border:none;border-radius:var(--radius-md);background-color:var(--chat-overlay);text-align:left;cursor:pointer;overflow:hidden}.reply-quote:hover{background-color:var(--chat-overlay-strong)}.reply-quote-bar{flex-shrink:0;width:3px;border-radius:var(--radius-full);background-color:var(--chat-accent)}.reply-quote-body{display:flex;flex-direction:column;gap:.125rem;min-width:0}.reply-quote-sender{font-size:.6875rem;font-weight:700;color:var(--chat-accent);text-transform:uppercase;letter-spacing:.04em}.reply-quote-content{font-size:.8125rem;line-height:1.35;color:var(--chat-text-secondary);overflow:hidden}.reply-quote-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-quote-thumb{display:inline-flex;align-items:center;gap:.375rem;font-style:italic}.reply-quote-thumb-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-composer{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-left:3px solid var(--chat-accent);border-radius:var(--radius-md);background-color:var(--chat-subtle)}.reply-composer .reply-quote{margin-bottom:0;background:transparent;cursor:default}.reply-composer .reply-quote:hover{background:transparent}.reply-composer-cancel{flex-shrink:0;color:var(--chat-text-secondary)}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.message-reactions.own{justify-content:flex-end}.reaction-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:var(--radius-full);border:1px solid var(--chat-border);background-color:var(--chat-surface);font-size:.8125rem;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.reaction-chip:hover{background-color:var(--chat-subtle)}.reaction-chip-own{border-color:var(--chat-accent);background-color:color-mix(in srgb,var(--chat-accent) 18%,var(--chat-surface))}.reaction-chip-emoji{font-size:.875rem;line-height:1}.reaction-chip-count{font-size:.6875rem;font-weight:700;color:var(--chat-text-secondary)}.message-highlight .message-bubble{animation:message-highlight 1.2s ease-out}@keyframes message-highlight{0%,to{box-shadow:inherit}30%{box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 60%,transparent)}}.emoji-picker{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 40%,transparent);background-color:var(--bg-surface);box-shadow:var(--shadow-xl),0 0 18px 3px color-mix(in srgb,var(--company-glow-color, var(--primary)) 30%,transparent);animation:scale-in .2s ease-out}.emoji-picker-keyboard{max-width:none;height:min(42vh,20rem);padding:.75rem;border-radius:var(--radius-lg);animation:emoji-keyboard-in .18s ease-out;transition:height .18s ease}.emoji-picker-keyboard.searching{height:auto;gap:.5rem}.emoji-picker-keyboard.searching .emoji-picker-grid{flex:0 0 auto;grid-auto-rows:2.25rem;overflow-x:auto;overflow-y:hidden;grid-template-columns:none;grid-auto-flow:column;padding-bottom:.125rem}.emoji-picker-keyboard .emoji-picker-grid{flex:1 1 auto;min-height:0}@keyframes emoji-keyboard-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.emoji-picker-modal{max-width:22rem;max-height:80vh}.emoji-picker-header{display:flex;align-items:center;gap:.5rem}.emoji-picker-search-field{position:relative;flex:1;min-width:0;display:flex;align-items:center}.emoji-picker-search-icon{position:absolute;left:.75rem;color:var(--chat-text-muted);pointer-events:none}.emoji-picker-search{width:100%;padding:.5rem .75rem .5rem 2.25rem;border-radius:var(--radius-full);border:1px solid var(--chat-border);background-color:var(--chat-surface);color:var(--text-main);font-size:.875rem}.input-area .emoji-picker-search{padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--chat-border);background-color:var(--chat-surface)}.emoji-picker-search:focus{outline:none;border-color:var(--chat-accent)}.emoji-picker-tabs{display:flex;align-items:center;justify-content:space-between;gap:.125rem}.emoji-picker-tab{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--chat-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.emoji-picker-tab:hover{background-color:var(--chat-subtle);color:var(--text-main)}.emoji-picker-tab.active{background-color:var(--chat-accent);color:var(--chat-accent-text)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr));align-content:start;gap:.125rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem;min-height:0;flex:1}.emoji-picker-item{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:var(--radius-md);background:transparent;font-size:1.25rem;line-height:1;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.emoji-picker-item:hover{background-color:var(--chat-subtle);transform:scale(1.15)}.emoji-picker-empty{grid-column:1 / -1;padding:1rem;text-align:center;font-size:.875rem;color:var(--chat-text-muted)}.presence-indicator{font-size:.8125rem;color:var(--chat-text-muted);font-style:italic;padding:.25rem .5rem;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.input-area{display:flex;flex-direction:column;gap:.5rem;padding:.625rem .75rem .75rem;border-top:1px solid var(--chat-border);background-color:var(--chat-surface)}.input-form{display:flex;align-items:center;gap:.25rem;padding:.25rem .25rem .25rem .5rem;background-color:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--radius-full);transition:box-shadow .15s ease}.input-form:focus-within{box-shadow:0 0 0 2px var(--chat-surface),0 0 0 4px var(--chat-accent)}.emoji-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border:none;border-radius:var(--radius-full);background-color:transparent;color:var(--chat-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.emoji-toggle:hover:not(:disabled){background-color:var(--chat-subtle);color:var(--chat-accent)}.emoji-toggle:disabled{cursor:not-allowed;opacity:.6}.emoji-toggle[aria-expanded=true]{color:var(--chat-accent)}.input-area input{flex:1;min-width:0;padding:.5rem .25rem;border:none;border-radius:var(--radius-full);outline:none;background-color:transparent;color:var(--text-main)}.input-area input:disabled{cursor:not-allowed;opacity:.6}.media-composer{display:flex;align-items:center;flex-shrink:0}.media-button{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:var(--radius-full);background-color:transparent;color:var(--chat-text-secondary);font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease,transform .15s ease}.media-button:hover:not(:disabled){background-color:var(--chat-subtle);color:var(--text-main)}.media-button-send{background-color:var(--chat-accent);color:var(--chat-accent-text)}.media-button-send:hover:not(:disabled){background-color:var(--chat-accent-hover);color:var(--chat-accent-text)}.media-button:disabled{opacity:.5;cursor:not-allowed}.recording-bar{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .25rem .25rem .5rem;border:1px solid var(--chat-border);border-radius:var(--radius-full);background-color:var(--chat-surface)}.recording-dot{width:.5rem;height:.5rem;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--danger);animation:pulse-recording 1.2s ease-in-out infinite}.recording-time{flex-shrink:0;font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--chat-text-secondary)}.recording-wave{flex:1;min-width:0;height:1.75rem;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}.recording-wave-bar{flex:1;min-width:2px;max-width:4px;border-radius:var(--radius-full);background-color:var(--chat-accent);transition:height .08s linear}.media-action{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.media-action-send{background-color:var(--chat-accent);color:var(--chat-accent-text)}.media-action-send:hover:not(:disabled){background-color:var(--chat-accent-hover)}.media-action-cancel{background-color:var(--chat-subtle);color:var(--danger)}.media-action-cancel:hover:not(:disabled){background-color:var(--danger-bg)}.media-action:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.35}}.media-preview{display:flex;align-items:center;gap:.75rem;padding:.625rem;border:1px solid var(--chat-border);border-radius:var(--radius-lg);background-color:var(--chat-surface);width:100%;box-shadow:var(--shadow-sm)}.media-preview-image{max-width:6rem;max-height:6rem;border-radius:var(--radius-md);object-fit:cover}.media-preview-audio{max-width:12rem}.media-preview-video{max-width:12rem;max-height:8rem;border-radius:var(--radius-md)}.media-preview-file{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--chat-text-secondary);word-break:break-all}.media-preview-actions{display:flex;gap:.5rem;margin-left:auto}.media-message{margin:.25rem 0}.media-image{max-width:100%;max-height:20rem;border-radius:var(--radius-md);display:block}.media-audio,.media-video{max-width:100%;border-radius:var(--radius-md)}.media-video{max-height:20rem}.media-loading{font-size:.8125rem;color:var(--chat-text-muted);padding:.5rem 0}.media-error{font-size:.8125rem;color:var(--danger);display:flex;align-items:center;gap:.5rem}.media-error .secondary{background-color:var(--chat-subtle);color:var(--text-main);padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem}.media-open{background-color:var(--chat-accent);color:var(--chat-accent-text);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:background-color .15s ease,transform .15s ease}.media-open:hover:not(:disabled){background-color:var(--chat-accent-hover);transform:translateY(-1px)}.media-file{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background-color:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-main);max-width:100%;box-shadow:var(--shadow-sm)}button.media-file{cursor:pointer;font:inherit;transition:background-color .15s ease,border-color .15s ease}button.media-file:hover{background-color:var(--chat-surface-hover, var(--chat-surface));border-color:var(--chat-accent)}.media-file-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.media-file-name{font-weight:600;font-size:.875rem;word-break:break-all}.media-file-size{font-size:.75rem;color:var(--chat-text-muted);margin-left:auto;white-space:nowrap}.conversations-page{display:flex;flex-direction:column;height:100%;max-width:48rem;margin:0 auto;background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-md)}.conversations-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background-color:var(--bg-page);display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4rem}.conversations-header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.conversations-loading,.conversations-error,.conversations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.conversations-list{list-style:none;overflow-y:auto;padding:.75rem 0}.conversation-item{display:flex;align-items:center;gap:.875rem;width:calc(100% - 2rem);margin:0 1rem .75rem;padding:1rem;border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 40%,transparent);border-radius:var(--radius-lg);text-align:left;background-color:var(--bg-surface);box-shadow:0 0 14px 2px color-mix(in srgb,var(--company-glow-color, var(--primary)) 30%,transparent);transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}.conversation-item:hover{filter:brightness(.97);transform:translateY(-2px);box-shadow:0 0 18px 3px color-mix(in srgb,var(--company-glow-color, var(--primary)) 35%,transparent)}.conversation-item-icon{width:3rem;height:3rem;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0}.conversation-item-fallback{display:inline-flex;align-items:center;justify-content:center;background-color:#00000014;font-weight:700;font-size:1.25rem;color:var(--text-secondary)}.brand-avatar{position:relative;flex-shrink:0;width:3rem;height:3rem}.operator-avatar{width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.operator-avatar-img{width:100%;height:100%;object-fit:cover}.operator-avatar-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;line-height:1;text-transform:uppercase;letter-spacing:.02em}.brand-avatar-icon{width:100%;height:100%;border-radius:var(--radius-md);object-fit:contain}.brand-avatar-icon-fallback{display:inline-flex;align-items:center;justify-content:center;background-color:#00000014;font-weight:700;font-size:1.25rem;color:var(--text-secondary)}.brand-avatar-operator{position:absolute;right:-.375rem;bottom:-.375rem;width:66.6667%;height:66.6667%;border-radius:var(--radius-full);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-surface);border:2px solid var(--bg-surface);box-shadow:0 1px 3px #0003}.brand-avatar-operator-img{width:100%;height:100%;object-fit:cover}.brand-avatar-operator-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;line-height:1;text-transform:uppercase}.conversation-item-avatars{position:relative;flex-shrink:0;width:3rem;height:3rem}.conversation-item-avatars .conversation-item-icon{width:100%;height:100%}.conversation-item-operator{position:absolute;right:-.5rem;bottom:-.5rem;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-surface);border:2px solid var(--bg-surface);box-shadow:0 1px 3px #0003}.conversation-item-operator-img{width:100%;height:100%;object-fit:cover}.conversation-item-operator-fallback{font-size:.5625rem;font-weight:700;color:var(--text-secondary);line-height:1}.conversation-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.conversation-item-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.conversation-item-name{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-agent{font-weight:400;font-size:.8125rem;opacity:.75}.conversation-item-preview{flex:1;min-width:0;font-size:.8125rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-badges{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.conversation-item-time{font-size:.75rem;opacity:.7;white-space:nowrap}.conversation-item-unread{background-color:var(--danger);color:var(--text-inverse);font-size:.75rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;padding:0 .375rem}.conversation-item-status{font-size:.6875rem;font-weight:700;opacity:.8;text-transform:uppercase;letter-spacing:.04em}.conversation-item-archive{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:.25rem;background:transparent;color:inherit;opacity:.6;cursor:pointer;transition:opacity .15s ease,background .15s ease}.conversation-item-archive:hover{opacity:1;background:#0000001a}.conversations-header-actions{display:flex;align-items:center;gap:.5rem}.conversations-search{display:flex;align-items:center;gap:.5rem;margin:0 1rem .5rem;padding:.5rem .75rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full)}.conversations-search-icon{flex-shrink:0;opacity:.5}.conversations-search-input{flex:1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--text-main);outline:none}.conversations-search-input::placeholder{color:var(--text-muted)}.conversations-search-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;border-radius:var(--radius-full);background-color:var(--border);color:var(--text-main);cursor:pointer}.theme-toggle{display:inline-flex;align-items:center;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:.125rem}.theme-toggle button{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:.875rem;color:var(--text-muted);background-color:transparent;transition:background-color .15s ease,color .15s ease}.theme-toggle button:hover{color:var(--text-main)}.theme-toggle button.active{background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-sm)}.key-management-menu{position:relative}.key-management-menu .key-management-toggle{width:2rem;height:2rem;border-radius:var(--radius-full);font-size:1.125rem;line-height:1}.key-management-dropdown{position:absolute;top:calc(100% + .375rem);right:0;min-width:12rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.375rem;z-index:40;animation:fade-in .15s ease-out}.key-management-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--text-main);text-align:left}.key-management-item:hover{background-color:var(--bg-subtle)}.key-management-icon{font-size:1rem;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#0f172a8c;z-index:60;animation:fade-in .15s ease-out}.key-transfer-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:26rem;padding:2rem 1.5rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.key-transfer-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--primary)}.key-transfer-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.key-transfer-description{font-size:.9375rem;color:var(--text-secondary)}.key-transfer-warning{width:100%;padding:.625rem .75rem;border-radius:var(--radius-md);background-color:var(--notice-bg);color:var(--notice-text);font-size:.8125rem;text-align:left}.key-transfer-form{display:flex;flex-direction:column;gap:.625rem;width:100%;margin-top:.5rem}.key-transfer-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-align:left}.key-transfer-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-page);color:var(--text-main);font-size:1.5rem;font-weight:700;letter-spacing:.375em;text-align:center}.key-transfer-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.key-transfer-checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);text-align:left}.key-transfer-error{font-size:.8125rem;color:var(--danger);text-align:left}.key-transfer-note{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.key-transfer-pin{font-size:2rem;font-weight:700;letter-spacing:.5em;font-variant-numeric:tabular-nums;color:var(--text-main)}.key-transfer-link{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-page);color:var(--text-secondary);font-size:.75rem;word-break:break-all;text-align:left}.key-transfer-qr{display:flex;align-items:center;justify-content:center;padding:.75rem;background-color:#fff;border-radius:var(--radius-md)}.key-transfer-actions{display:flex;gap:.5rem;width:100%}.key-transfer-actions .btn{flex:1}.key-transfer-status{font-size:.8125rem;color:var(--text-muted)}.chat-header-brand{display:flex;align-items:center;gap:.625rem;min-width:0}.chat-back-button{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:1.125rem;color:inherit;background-color:var(--chat-overlay);transition:background-color .15s ease}.chat-back-button:hover{background-color:var(--chat-overlay-strong)}.chat-header-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);object-fit:contain;background-color:var(--chat-subtle);padding:.125rem}.chat-header-icon-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:inherit;background-color:var(--chat-overlay)}.chat-header-avatar{width:2.25rem;height:2.25rem}.chat-header-avatar .brand-avatar-icon{background-color:var(--chat-subtle);padding:.125rem}.chat-header-avatar .brand-avatar-icon-fallback{font-size:.875rem;color:inherit;background-color:var(--chat-overlay)}.chat-header-avatar .brand-avatar-operator{background-color:var(--chat-overlay);border-color:var(--chat-overlay-strong)}.chat-header-avatar .brand-avatar-operator-fallback{font-size:.625rem;color:inherit}.chat-header-operator{width:2rem;height:2rem;border-radius:var(--radius-full);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background-color:var(--chat-overlay);border:2px solid var(--chat-overlay-strong);flex-shrink:0}.chat-header-operator-img{width:100%;height:100%;object-fit:cover}.chat-header-operator-fallback{font-size:.625rem;font-weight:700;color:inherit;line-height:1}.chat-title-button{font-size:1.125rem;font-weight:700;color:inherit;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.chat-header-operator-name{font-weight:400;opacity:.8;font-size:.875rem}.company-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.company-details-modal{background-color:var(--bg-surface);border-radius:var(--radius-xl);max-width:24rem;width:100%;max-height:90vh;overflow-y:auto;border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 40%,transparent);box-shadow:var(--shadow-xl),0 0 18px 3px color-mix(in srgb,var(--company-glow-color, var(--primary)) 30%,transparent);animation:scale-in .2s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.company-details-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border)}.company-details-header h2{font-size:1.25rem;font-weight:700}.company-details-branding{flex:1;min-width:0}.company-details-rect-logo{max-height:2.5rem;max-width:100%;object-fit:contain;display:block}.company-details-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);object-fit:contain;background-color:var(--bg-subtle);padding:.25rem}.company-details-icon-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--text-secondary)}.company-details-handle{font-size:.875rem;color:var(--text-muted)}.company-details-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.company-details-body h3{font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.06em}.company-details-body p{font-size:.9375rem;line-height:1.5;color:var(--text-main)}.company-details-link{color:var(--primary);word-break:break-all}.company-details-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.privacy-terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;animation:fade-in .2s ease-out}.privacy-terms-modal{background-color:var(--bg-surface);border-radius:var(--radius-xl);max-width:48rem;width:100%;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:scale-in .2s ease-out}.privacy-terms-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.privacy-terms-header h2{font-size:1.125rem;font-weight:700}.privacy-terms-header .btn{font-size:1.25rem;line-height:1;padding:.25rem .5rem}.privacy-terms-body{flex:1;min-height:0;background-color:var(--bg-subtle)}.privacy-terms-body iframe{width:100%;height:100%;min-height:50vh;border:0;background-color:var(--bg-surface)}.privacy-terms-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.privacy-terms-external-link{color:var(--primary);font-size:.875rem;text-decoration:underline;word-break:break-all}.public-company-page{min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.public-company-page>.offline-banner{align-self:stretch;margin:-1.5rem -1.5rem 1.5rem;border-radius:0}.public-company-card{width:100%;max-width:42rem;margin:0 auto;padding:2rem;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--company-glow-color, var(--primary)) 40%,transparent);background-color:var(--bg-surface);color:var(--text-main);box-shadow:0 0 20px 4px color-mix(in srgb,var(--company-glow-color, var(--primary)) 25%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.public-company-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.public-company-logo{width:4rem;height:4rem;border-radius:var(--radius-lg);object-fit:contain;flex-shrink:0;background-color:var(--bg-subtle);padding:.25rem}.public-company-logo-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:var(--text-secondary)}.public-company-rect-logo{max-height:3rem;max-width:12rem;margin-bottom:.5rem;object-fit:contain}.public-company-branding{flex:1;min-width:0}.public-company-name{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.public-company-handle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.public-company-body{display:flex;flex-direction:column;gap:1.25rem}.public-company-welcome{font-size:1.125rem;line-height:1.6;color:var(--text-main)}.public-company-cta{display:inline-flex;align-self:flex-start;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:700;color:var(--text-inverse);text-decoration:none;transition:filter .15s ease,transform .15s ease}.public-company-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;text-align:center;gap:.75rem}.not-found-code{font-size:6rem;font-weight:800;line-height:1;color:var(--primary);opacity:.25}.not-found-title{font-size:1.5rem;font-weight:700;color:var(--text-main)}.not-found-message{font-size:1rem;color:var(--text-muted);max-width:24rem}[data-theme=light]{color-scheme:light;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--text-secondary: #475569;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-text: #ffffff;--danger: #dc2626;--danger-bg: #fef2f2;--danger-text: #991b1b;--customer-glow-color: rgba(0, 0, 0, .28);--bubble-sent: #eff6ff;--bubble-received: #f8fafc;--notice-bg: #fffbeb;--notice-text: #92400e;--consent-bg: #eff6ff;--consent-border: #bfdbfe}[data-theme=dark]{color-scheme:dark;--bg-page: #0f172a;--bg-surface: #1e293b;--bg-subtle: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-secondary: #cbd5e1;--border: #334155;--border-strong: #475569;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-text: #ffffff;--danger: #ef4444;--danger-bg: #450a0a;--danger-text: #fecaca;--customer-glow-color: rgba(255, 255, 255, .35);--bubble-sent: #1e3a8a;--bubble-received: #1e293b;--notice-bg: #451a03;--notice-text: #fde68a;--consent-bg: #172554;--consent-border: #1e40af}.whatsapp-renderer{white-space:pre-wrap;word-break:break-word}.whatsapp-renderer p{margin:0;white-space:pre-wrap}.whatsapp-renderer strong{font-weight:700}.whatsapp-renderer em{font-style:italic}.whatsapp-renderer del{text-decoration:line-through}.whatsapp-renderer code{background-color:#00000014;padding:.125rem .25rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em}.whatsapp-renderer pre,.whatsapp-renderer .whatsmarked-code-block{background-color:#0000000f;padding:.5rem .75rem;border-radius:.375rem;overflow-x:auto;margin:.25rem 0}.whatsapp-renderer pre code,.whatsapp-renderer .whatsmarked-code-block code{background:transparent;padding:0}.whatsapp-renderer blockquote,.whatsapp-renderer .whatsmarked-quote{border-left:3px solid rgba(0,0,0,.2);padding-left:.75rem;margin:.25rem 0;opacity:.85}.whatsapp-renderer .whatsmarked-list-item{display:flex;gap:.5rem;margin:.125rem 0}.whatsapp-renderer .whatsmarked-bullet,.whatsapp-renderer .whatsmarked-number{flex-shrink:0;min-width:1.5rem}.whatsapp-renderer a{color:inherit;text-decoration:underline}@media (prefers-color-scheme: dark){.whatsapp-renderer code{background-color:#ffffff1f}.whatsapp-renderer pre,.whatsapp-renderer .whatsmarked-code-block{background-color:#ffffff14}.whatsapp-renderer blockquote,.whatsapp-renderer .whatsmarked-quote{border-left-color:#ffffff4d}}.input-area-wrapper{position:relative;width:100%}.formatting-toolbar{display:flex;align-items:center;gap:.125rem;padding:.25rem .5rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.375rem;z-index:10}.formatting-toolbar-button{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .1s ease}.formatting-toolbar-button:hover{background-color:var(--border);color:var(--text-main)}.formatting-toolbar-separator{width:1px;height:1rem;background-color:var(--border);margin:0 .125rem}.chat-search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-subtle);border-bottom:1px solid var(--border)}.chat-search-input{flex:1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--text-main);outline:none}.chat-search-input::placeholder{color:var(--text-muted)}.chat-search-count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.chat-search-nav{display:flex;align-items:center;gap:.125rem}.chat-search-nav button{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.chat-search-nav button:hover{background-color:var(--border)}.message-search-match{background-color:#facc154d;border-radius:.125rem}.message-search-active{background-color:#facc158c}.quick-transfer-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1 0 auto;min-height:100%;padding:2rem;text-align:center;background-color:var(--chat-bg, var(--bg-surface))}.quick-transfer-prompt h3{font-size:1.125rem;font-weight:600;color:var(--text-main)}.quick-transfer-prompt p{font-size:.875rem;color:var(--text-secondary);max-width:28rem}.quick-transfer-actions{display:flex;gap:.5rem;margin-top:.5rem}
