.custom-message-input-wrapper{background:#fff;gap:10px;align-items:stretch;border-top:1px solid rgba(0,0,0,.1);padding:var(--space-lg);box-sizing:border-box}.file-preview-area{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:12px}.starter-prompts-row{display:flex;flex-wrap:wrap;gap:8px}.chat-upload-drop-zone{width:100%;border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);transition:border-color .2s ease,background .2s ease}.chat-upload-drop-zone:hover{border-color:var(--brand-color-primary);background:linear-gradient(180deg,#fff,#f8fafc)}vaadin-upload.chat-upload-drop-zone::part(primary-buttons){padding:0}vaadin-upload.chat-upload-drop-zone::part(drop-label){color:var(--text-secondary);font-size:14px;padding:14px 16px}vaadin-upload.chat-upload-drop-zone::part(upload-button){background:transparent;color:var(--brand-color-primary);border:0;box-shadow:none;padding-left:0}vaadin-button.starter-prompt-button{--vaadin-button-background: #f8fafc;--vaadin-button-border-radius: 999px;border:1px solid #dbe4ef;color:var(--text-secondary);font-size:13px;padding:0 12px;box-shadow:none;transition:all .2s ease}vaadin-button.starter-prompt-button:hover{border-color:var(--brand-color-primary);color:var(--brand-color-primary);background:#fff}.file-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:6px 12px;font-size:14px;transition:all .2s ease;max-width:100%}.file-chip:hover{border-color:var(--brand-color-primary);box-shadow:var(--shadow-sm)}.file-chip-icon{color:var(--brand-color-primary);width:16px;height:16px}.file-chip-name{color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-remove{--vaadin-button-background: transparent;--vaadin-button-min-width: auto;padding:0;width:20px;height:20px;color:var(--text-muted)}.file-chip-remove:hover{color:#ef4444}.input-row{display:flex;gap:12px;align-items:flex-end}.message-input-field{flex:1}vaadin-text-area.message-input-field{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: #e2e8f0;--vaadin-input-field-hover-border-color: var(--brand-color-primary);--vaadin-input-field-focus-ring-color: rgba(11, 91, 138, .25);--vaadin-input-field-background: #f8fafc;--vaadin-input-field-border-radius: 12px;min-height:48px;transition:all .2s ease}vaadin-text-area.message-input-field::part(input-field){padding:12px 16px;font-size:15px;line-height:1.5;color:var(--text-primary);background:#f8fafc;border-radius:12px}vaadin-text-area.message-input-field::part(input-field):focus{background:#fff}vaadin-button.message-upload-button{--vaadin-button-background: transparent;--vaadin-button-height: 48px;--vaadin-button-min-width: 48px;padding:0 12px;box-shadow:none;border-radius:var(--radius-md);transition:all .2s ease}vaadin-button.message-upload-button:hover{background-color:#f1f5f9}vaadin-button.message-upload-button vaadin-icon,vaadin-button.message-upload-button iron-icon{color:var(--brand-color-primary);width:20px;height:20px}vaadin-button.message-send-button{background:var(--brand-color-primary);--vaadin-button-height: 48px;--vaadin-button-min-width: 48px;padding:0 22px;border-radius:var(--radius-md);box-shadow:none;border:1px solid var(--brand-color-primary);transition:all .2s ease;width:48px;min-width:48px;flex-shrink:0}vaadin-button.message-send-button:hover{background:var(--brand-color-secondary)}vaadin-button.message-send-button:disabled{opacity:.5;cursor:not-allowed}vaadin-button.message-send-button vaadin-icon,vaadin-button.message-send-button iron-icon{color:#fff;width:20px;height:20px}.input-disclaimer{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;border-radius:var(--radius-sm);background:#f8fafc;color:var(--text-secondary);font-size:12px;line-height:1.4;width:100%;box-sizing:border-box}.disclaimer-icon{color:var(--brand-color-primary)}.disclaimer-title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.disclaimer-text{color:var(--text-secondary);flex:1;font-weight:var(--font-weight-normal)}@media(max-width:768px){.custom-message-input-wrapper{padding:10px;gap:8px}.file-preview-area{padding:8px;margin-bottom:8px}.starter-prompts-row{gap:6px}.file-chip{width:100%;padding:6px 10px}.file-chip-name{max-width:none;flex:1;min-width:0}.input-row{gap:8px}vaadin-text-area.message-input-field::part(input-field){padding:10px 12px;font-size:14px}vaadin-button.message-upload-button,vaadin-button.message-send-button{--vaadin-button-height: 44px;--vaadin-button-min-width: 44px;width:44px;min-width:44px;padding:0 10px}.input-disclaimer{align-items:flex-start;font-size:11px;line-height:1.35}}@media(max-width:480px){.custom-message-input-wrapper{padding:8px}.input-row{gap:6px}vaadin-button.message-upload-button,vaadin-button.message-send-button{--vaadin-button-height: 40px;--vaadin-button-min-width: 40px;width:40px;min-width:40px}}.custom-chat-display-wrapper{min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--surface-secondary)}.custom-chat-display-scroller{width:100%;height:100%;min-height:0;border:none;border-radius:var(--radius-lg);background-color:transparent;overflow-y:auto;padding:var(--space-xl);box-sizing:border-box;scroll-behavior:smooth}.custom-chat-display-scroller::-webkit-scrollbar{width:8px}.custom-chat-display-scroller::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.custom-chat-display-scroller::-webkit-scrollbar-thumb{background:var(--brand-color-primary-10);border-radius:10px;transition:background .2s ease}.custom-chat-display-scroller::-webkit-scrollbar-thumb:hover{background:var(--brand-color-primary-50)}.custom-chat-display-scroller::-webkit-scrollbar-thumb:active{background:var(--brand-color-primary)}.custom-chat-display-scroller{scrollbar-width:thin;scrollbar-color:var(--brand-color-primary-10) transparent}.custom-chat-display-container{width:100%;display:flex;flex-direction:column;gap:var(--space-md);padding:0;box-sizing:border-box}.custom-chat-message{width:fit-content;max-width:75%;margin-bottom:8px}.message-row-user{margin-left:auto;margin-right:0}.message-row-assistant{margin-left:0;margin-right:auto}vaadin-message-list.custom-chat-message{padding:0}vaadin-message-list.custom-chat-message::part(list){padding:0;gap:0}vaadin-message-list.custom-chat-message vaadin-message{padding:0;gap:12px;align-items:flex-start}.message-row{display:flex;gap:12px;margin:12px 0;align-items:flex-start;width:100%}.message-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:#0b5b8a;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:none;border:1px solid rgba(11,91,138,.18)}.message-avatar-icon{width:20px;height:20px;color:#fff}.message-bubble{max-width:75%;padding:12px 16px;border-radius:16px;box-shadow:none;border:1px solid transparent;display:flex;flex-direction:column;gap:6px;word-wrap:break-word;word-break:break-word}.message-bubble-user{background:#dbeafe;color:var(--text-primary);border-color:#bfdbfe;border-top-right-radius:4px}.message-bubble-assistant{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-subtle);border-top-left-radius:4px}.message-timestamp{font-size:11px;color:var(--text-muted)}.message-text{font-size:15px;line-height:var(--line-height-normal);white-space:normal}.custom-chat-component-wrapper{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;animation:fadeInUp .3s ease-out}.message-row{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start;width:100%}.message-row-user{justify-content:flex-end}.message-row-assistant{justify-content:flex-start}.message-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:#0b5b8a;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.message-avatar vaadin-icon,.message-avatar iron-icon{color:#fff}.message-bubble{max-width:70%;width:fit-content;border-radius:16px;box-shadow:0 6px 18px #0000000f}.message-row-user .message-bubble{background:#e8f0f8;color:#0f172a;border:1px solid #cddded;border-radius:16px 4px 16px 16px}.message-row-assistant .message-bubble{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px 16px 16px}.message-bubble strong{font-weight:var(--font-weight-bold)}.message-bubble em{font-style:italic}.message-bubble code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.message-row-user .message-bubble code{background:#0f172a0f}.message-bubble-content{padding:12px 16px;box-sizing:border-box}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 0}.message-attachment-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#ffffffb3}.message-row-user .message-attachment-chip{background:#ffffff94;border-color:#0b5b8a24}.message-attachment-icon{width:15px;height:15px;color:var(--brand-color-primary);flex-shrink:0}.message-attachment-name{font-size:13px;line-height:1.35;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.message-bubble-content::part(list){padding:0;gap:0}.message-bubble-content::part(items){width:100%}.message-bubble-content vaadin-message{padding:0}.message-bubble-content vaadin-avatar{display:none}.message-bubble-content vaadin-message::part(content){font-size:15px;line-height:var(--line-height-normal);padding:0;color:inherit;background:transparent}.message-bubble-content vaadin-message::part(time){font-size:11px;color:var(--text-muted);margin-bottom:6px}.message-row-user .message-bubble-content vaadin-message::part(time){color:#64748b}.message-row-assistant .message-bubble-content vaadin-message::part(time){color:#94a3b8}.message-sources-drawer{margin:4px 16px 12px;font-size:14px}.message-sources-drawer::part(summary){color:#334155;font-weight:600}.message-sources-drawer::part(content){padding-top:4px}.message-sources-list{margin:0;padding-left:18px;color:#475569}.typing-indicator{display:flex;gap:12px;align-items:flex-start;margin-bottom:var(--space-lg)}.typing-indicator-avatar{width:40px;height:40px;border-radius:50%;background:#0b5b8a;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.typing-indicator-bubble{background:#f1f5f9;border-radius:4px 16px 16px;padding:16px 20px;box-shadow:var(--shadow-sm)}.typing-dots-container{display:flex;gap:6px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:typingDot 1s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.modal-open:before{content:"";position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn .2s ease}.file-upload-modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.file-upload-modal::part(overlay){border-radius:var(--radius-xl)}.file-upload-modal::part(header){padding:var(--space-xl);border-bottom:1px solid #e2e8f0}.file-upload-modal::part(content){padding:var(--space-xl);max-height:60vh;overflow-y:auto}.file-upload-modal::part(footer){padding:var(--space-xl);border-top:1px solid #e2e8f0;background:var(--bg-secondary)}.upload-drop-zone{border:2px dashed #cbd5e1;border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;transition:all .2s ease;cursor:pointer;background:#f8fafc;box-shadow:inset 0 1px #fffc}.upload-drop-zone:hover{border-color:#0b5b8a;background:#eef5fb}.upload-drop-zone.drag-active{border-color:#0b5b8a;background:#e0edfa}.upload-icon{color:#0b5b8a;margin-bottom:var(--space-md);width:48px;height:48px}.upload-title{display:block;color:#0b5b8a;font-weight:var(--font-weight-medium);font-size:16px;margin-bottom:var(--space-xs)}.upload-subtitle{display:block;color:var(--text-tertiary);font-size:14px}.upload-drop-label{display:flex;flex-direction:column;align-items:center;gap:4px}.custom-upload-component{margin:var(--space-lg) 0}.files-list-container{margin-top:var(--space-lg);gap:var(--space-sm);max-height:300px;overflow-y:auto}.file-upload-item{display:flex;align-items:start;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:var(--radius-md);background:#fff;transition:all .2s ease}.file-upload-item:hover{border-color:var(--brand-color-primary);box-shadow:var(--shadow-sm)}.file-icon-wrapper{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:#f1f5f9;display:flex;align-items:center;justify-content:center}.file-icon{color:var(--brand-color-primary);width:20px;height:20px}.file-content-area{flex:1;min-width:0}.file-info{margin-bottom:8px}.file-name{display:block;color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-tertiary);font-size:12px}.file-remove-btn{--vaadin-button-background: transparent;--vaadin-button-min-width: auto;padding:0;width:24px;height:24px;color:var(--text-muted);flex-shrink:0}.file-remove-btn:hover{color:#ef4444}.progress-bar-container{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--brand-color-primary);transition:width .3s ease;border-radius:3px}.file-status{display:flex;align-items:center;gap:8px}.typing-dots{display:flex;gap:4px}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-color-primary);animation:typingDot 1s ease-in-out infinite}.status-text{color:var(--text-tertiary);font-size:12px}.status-icon-complete{color:#10b981;width:16px;height:16px}.status-text-complete{color:#10b981;font-size:12px;font-weight:var(--font-weight-medium)}.status-icon-error{color:#ef4444;width:16px;height:16px}.status-text-error{color:#ef4444;font-size:12px;font-weight:var(--font-weight-medium)}.upload-submit-button{width:100%;background:var(--brand-color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);box-shadow:none;border:1px solid var(--brand-color-primary);transition:all .2s ease}.upload-submit-button:hover{background:var(--brand-color-secondary)}.upload-submit-button:disabled{opacity:.5;cursor:not-allowed}.upload-file-popup{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.upload-file-popup::part(overlay){background:#fff;box-shadow:var(--shadow-xl)}.upload-file-popup::part(header){padding:var(--space-xl);border-bottom:1px solid #e2e8f0}.upload-file-popup::part(header-content){font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.upload-file-popup::part(content){padding:var(--space-xl)}.upload-file-list{max-height:300px;overflow-y:auto;padding:0 var(--space-lg) var(--space-lg);gap:12px}.upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid #e2e8f0;transition:all .2s ease;animation:slideDown .3s ease-out}.upload-file-item:hover{border-color:var(--brand-color-primary);box-shadow:var(--shadow-sm)}.upload-file-info{display:flex;align-items:center;gap:12px;flex:1}.upload-file-icon{color:var(--brand-color-primary)}.upload-file-name{font-size:14px;color:var(--text-primary);font-weight:var(--font-weight-medium)}.upload-file-status{display:flex;align-items:center;min-width:100px;justify-content:flex-end}.upload-progress-bar{width:100px;height:6px;--vaadin-progress-value-background: var(--brand-color-primary)}.processing-indicator{display:flex;gap:4px;align-items:center}.processing-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-color-primary);animation:typingDot 1s ease-in-out infinite}.processing-dot:nth-child(1){animation-delay:0s}.processing-dot:nth-child(2){animation-delay:.2s}.processing-dot:nth-child(3){animation-delay:.4s}.upload-status-icon{flex-shrink:0}.upload-status-complete{color:#10b981}.upload-status-error{color:#ef4444}.upload-file-popup .upload-drop-zone{margin:var(--space-md) 0;border:2px dashed #cbd5e1;border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all .2s ease;cursor:pointer;background:#fff}.upload-file-popup .upload-drop-zone:hover{border-color:var(--brand-color-primary);background:#f8fafc}.upload-icon-custom{color:#94a3b8;margin-bottom:8px}.upload-icon-custom svg{width:48px;height:48px;stroke-width:1.5}.upload-import-button{width:100%;background:var(--brand-color-primary);color:#fff;border-radius:var(--radius-lg);padding:12px 24px;font-size:16px;font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all .2s ease;margin-top:var(--space-md)}.upload-import-button:hover:not([disabled]){background:var(--brand-color-secondary)}.upload-import-button[disabled]{opacity:.5;cursor:not-allowed;transform:none}.upload-processing-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-2xl);text-align:center;min-height:120px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-lg)}.upload-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:var(--brand-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-processing-text{color:var(--text-secondary);font-size:16px;font-weight:var(--font-weight-medium)}.documents-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--space-lg);gap:10px;animation:fadeIn .3s ease}.document-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:12px 14px;transition:all .2s ease;gap:12px}.document-item:hover{border-color:var(--brand-color-primary);box-shadow:var(--shadow-sm)}.document-name{flex:1;color:#0f172a;font-size:14px;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}vaadin-button.document-delete-btn{--vaadin-button-background: transparent;--vaadin-button-min-width: auto;padding:4px;width:28px;height:28px;color:#94a3b8;border-radius:var(--radius-sm);transition:all .2s ease}vaadin-button.document-delete-btn:hover{background:#fff1f2;color:#ef4444}vaadin-button.document-delete-btn vaadin-icon{width:18px;height:18px}html{--brand-color-primary: #0B5B8A;--brand-color-primary-50: rgba(11, 91, 138, .5);--brand-color-primary-10: rgba(11, 91, 138, .1);--brand-color-secondary: #124f76;--brand-color-accent: #d97706;--brand-color-purple: #7B3F91;--brand-color-dark: #030213;--bg-primary: #f3f4f6;--bg-secondary: #e5e7eb;--bg-muted: #d1d5db;--bg-input: #ffffff;--surface-primary: #ffffff;--surface-secondary: #f9fafb;--surface-muted: #f3f4f6;--border-subtle: #d6dbe3;--border-strong: #c4ccd6;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 3px 8px rgba(15, 23, 42, .1);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .08);--shadow-xl: 0 12px 32px rgba(15, 23, 42, .12);--font-size-base: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-normal: 1.5;--line-height-tight: 1.2;--lumo-primary-color: var(--brand-color-primary);--lumo-primary-color-50pct: var(--brand-color-primary-50);--lumo-primary-color-10pct: var(--brand-color-primary-10);--lumo-primary-text-color: var(--brand-color-primary);--lumo-base-color: var(--bg-primary);--lumo-contrast-60pct: var(--text-secondary);--lumo-contrast-90pct: var(--text-primary);--lumo-required-field-indicator-color: var(--brand-color-primary)}html,body{width:100%;min-height:100%;margin:0}body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-view{background:radial-gradient(circle at top,rgba(198,58,104,.1),transparent 35%),linear-gradient(to bottom,#f8fafc,#fff);--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-muted: #ececf0;--bg-input: #f3f3f5;--lumo-base-color: #ffffff;--lumo-contrast-5pct: #f8fafc;--lumo-contrast-10pct: #eef2f7;--lumo-contrast-20pct: #dbe4ef}.auth-shell{background:#ffffffeb;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid rgba(15,23,42,.08)}.auth-title{margin:0}.auth-subtitle,.auth-message{margin:0;color:var(--text-secondary)}.auth-link{color:var(--brand-color-primary);font-weight:var(--font-weight-semibold);text-align:center}.auth-card{width:100%;--lumo-base-color: #ffffff;--lumo-primary-color: #0B5B8A;--lumo-primary-color-50pct: rgba(11, 91, 138, .5);--lumo-primary-color-10pct: rgba(11, 91, 138, .1);--vaadin-input-field-background: #f8fafc;--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: #dbe4ef;--vaadin-input-field-hover-border-color: #0B5B8A;--vaadin-input-field-focus-ring-color: rgba(11, 91, 138, .2)}.auth-card::part(form){background:transparent;box-shadow:none;padding:0}.auth-card::part(title){margin:0 0 var(--space-sm);color:var(--text-primary);font-size:1.75rem;font-weight:var(--font-weight-bold)}.auth-card::part(description){color:var(--text-secondary)}.auth-card::part(error-message){margin-top:var(--space-sm)}.auth-primary-button,.auth-secondary-button{background:linear-gradient(90deg,#0b5b8a,#c63a68);color:#fff;border:none}.chat-header-logout-button{background:var(--brand-color-primary);color:#fff;border:none}.chat-header-account{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.chat-header-account-email{color:var(--text-primary);font-weight:var(--font-weight-medium)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes typingDot{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.main-chat-view{background:var(--bg-primary);min-height:100vh}.chat-container{background:var(--surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-subtle)}.chat-workspace{min-height:0;flex:1;background:var(--surface-primary)}.chat-conversation-pane{min-width:0;min-height:0;background:var(--surface-secondary)}.conversation-sidebar{min-height:0;border-right:1px solid var(--border-subtle);background:var(--surface-muted);transition:width .2s ease}.conversation-sidebar-header{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);border-bottom:1px solid var(--border-subtle)}.conversation-sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.conversation-sidebar-title{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:.02em;text-transform:uppercase}.conversation-sidebar-new-button{width:100%;background:var(--brand-color-primary);color:#fff;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.conversation-sidebar-toggle{--vaadin-button-background: var(--surface-primary);--vaadin-button-min-width: 40px;width:40px;height:40px;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-secondary);box-shadow:none}.conversation-sidebar-toggle:hover{border-color:var(--border-strong);background:var(--surface-secondary)}.conversation-sidebar-scroller{padding:var(--space-sm)}.conversation-sidebar-list{gap:var(--space-sm)}.conversation-sidebar-item{display:flex;flex-direction:column;gap:4px;padding:var(--space-md);margin:0 var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;background:var(--surface-primary);border:1px solid var(--border-subtle);box-shadow:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.conversation-sidebar-item:hover{border-color:#0b5b8a47;box-shadow:var(--shadow-sm)}.conversation-sidebar-item-active{background:#e8f0f8;border-color:#0b5b8a3d}.conversation-sidebar-item-title{color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:1.35}.conversation-sidebar-item-date{color:var(--text-tertiary);font-size:.8rem}.conversation-sidebar-item-preview{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.35}.chat-header{background:var(--surface-primary);padding:20px var(--space-xl);display:flex;align-items:center;gap:16px;color:var(--text-primary);width:100%;box-sizing:border-box;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.chat-header-icon-wrapper{width:64px;height:64px;background:var(--surface-secondary);border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;box-shadow:var(--shadow-sm)}.chat-header-logo{width:100%;height:100%;object-fit:contain;border-radius:50%}.chat-header-title-group{display:flex;flex-direction:column;gap:2px;flex:1}.chat-header-title{font-size:20px;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}.chat-header-subtitle{font-size:14px;color:var(--text-tertiary)}.chat-header-status{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;border:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0}.chat-header-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.chat-header-status-text{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.conversation-sidebar-collapsed .conversation-sidebar-header{padding:var(--space-lg) var(--space-sm)}.conversation-sidebar-collapsed .conversation-sidebar-topbar{flex-direction:column-reverse}.conversation-sidebar-collapsed .conversation-sidebar-title{font-size:.72rem;text-align:center}.conversation-sidebar-collapsed .conversation-sidebar-new-button{padding:0;min-height:40px;font-size:1.2rem}.conversation-sidebar-collapsed .conversation-sidebar-item{margin-left:0;margin-right:0;padding:var(--space-sm)}.conversation-sidebar-collapsed .conversation-sidebar-item-date,.conversation-sidebar-collapsed .conversation-sidebar-item-preview{display:none}.conversation-sidebar-collapsed .conversation-sidebar-item-title{font-size:.8rem;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:900px){.chat-workspace{flex-direction:column}.conversation-sidebar{width:100%!important;max-height:240px;border-right:none;border-bottom:1px solid var(--border-subtle)}.conversation-sidebar-collapsed{max-height:140px}.conversation-sidebar-collapsed .conversation-sidebar-topbar{flex-direction:row}.conversation-sidebar-collapsed .conversation-sidebar-item-title{text-align:left}}