.legacy-viewer{--bg-color:#f8fafc;--surface-color:#fff;--surface-hover:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#3b82f6;background:var(--bg-color);height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.legacy-sidebar{z-index:10;border-right:1px solid var(--border-color);background:var(--surface-color);flex-direction:column;flex-shrink:0;width:350px;display:flex}.legacy-sidebar-header{background:#fff;justify-content:space-between;align-items:center;padding:18px 20px 10px;display:flex}.legacy-sidebar-title-container{flex-direction:column;gap:3px;display:flex}.legacy-sidebar-actions{align-items:center;gap:6px;display:flex}.legacy-sidebar-title{color:#1e293b;align-items:center;gap:8px;display:flex}.legacy-sidebar-title h1{color:#0f172a;letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.legacy-sync-status-text{color:#64748b;align-items:center;gap:6px;font-size:.72rem;font-weight:500;line-height:1;display:flex}.legacy-sync-status-text:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.legacy-sync-status-text.syncing:before{background:#3b82f6;animation:1.5s ease-in-out infinite legacy-pulse}@keyframes legacy-pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.legacy-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.legacy-refresh:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.legacy-refresh:active{background:#f1f5f9;transform:scale(.96)}.legacy-new-conversation{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:0 20px 12px;padding:10px}.legacy-new-conversation-title{color:var(--text-primary);margin-bottom:8px;font-size:.82rem;font-weight:700}.legacy-new-conversation-label{color:#334155;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.legacy-new-conversation-subject-label{margin-top:9px}.legacy-new-conversation-row{align-items:center;gap:6px;display:flex}.legacy-new-conversation-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;flex:1;min-width:0;height:34px;padding:0 9px;font-size:.82rem}.legacy-new-conversation-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61f}.legacy-contact-suggestions{background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:210px;margin-top:5px;overflow-y:auto;box-shadow:0 8px 18px #0f172a1f}.legacy-contact-suggestion{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.legacy-contact-suggestion:last-child{border-bottom:0}.legacy-contact-suggestion:hover,.legacy-contact-suggestion:focus-visible{background:#eff6ff;outline:none}.legacy-contact-suggestion span{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.legacy-contact-suggestion small,.legacy-contact-suggestions-status{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.legacy-contact-suggestions-status{padding:5px 2px 0}.legacy-contact-suggestions-status.error{color:#b45309}.legacy-new-conversation-submit,.legacy-new-conversation-cancel{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;height:34px;display:inline-flex}.legacy-new-conversation-submit{color:#fff;background:#2563eb;border:1px solid #2563eb;padding:0 10px;font-size:.78rem;font-weight:600}.legacy-new-conversation-cancel{color:#64748b;background:#fff;border:1px solid #cbd5e1;flex:0 0 34px;width:34px}.legacy-new-conversation-error{color:#dc2626;margin-top:6px;font-size:.73rem}.legacy-search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin:0 20px 14px;padding:8px 12px;transition:all .2s;display:flex}.legacy-search-bar:focus-within{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 2px #3b82f61a}.legacy-search-icon{color:#94a3b8;flex-shrink:0}.legacy-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.legacy-search-input::placeholder{color:#94a3b8}.legacy-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.legacy-search-clear:hover{color:#475569;background:#f1f5f9}.legacy-filter-bar{background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:12px 20px;display:flex}.legacy-filter{cursor:pointer;border:2px solid #0000;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.legacy-filter-all{color:#475569;background:#e2e8f0;border-radius:11px;justify-content:center;align-items:center;height:22px;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.legacy-filter:hover{transform:scale(1.1)}.legacy-filter.active{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #94a3b8}.legacy-filter-all.active{box-shadow:none;color:#fff;background:#475569;border-color:#475569}.legacy-filter-dot{border-radius:50%;width:18px;height:18px}.dot-collect_more_data{background:#93c5fd}.dot-defect_claim{background:#fde047}.dot-defect_claim.active{background:#eab308}.dot-collect_more_data.active{background:#3b82f6}.dot-ready_for_manager{background:#86efac}.dot-ready_for_manager.active{background:#16a34a}.dot-manager_review{background:#fde047}.dot-manager_review.active{background:#eab308}.dot-security_review{background:#fca5a5}.dot-security_review.active{background:#ef4444}.dot-ignore{background:#e2e8f0}.dot-ignore.active{background:#94a3b8}.dot-answered{background:#d8b4fe}.dot-answered.active{background:#a855f7}.legacy-filter-archive{color:#64748b;justify-content:center;align-items:center;width:28px;height:24px;display:inline-flex}.legacy-filter-archive.active{color:#334155}.legacy-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;align-items:center;gap:6px;padding:9px 20px;font-size:.82rem;display:flex}.legacy-email-list{flex:1;overflow-y:auto}.legacy-sidebar-footer{border-top:1px solid var(--border-color);background:#fff;padding:12px 16px}.legacy-logout{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.legacy-logout:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.legacy-email-item{cursor:pointer;border:0;border-bottom:1px solid var(--border-color);text-align:left;background:0 0;border-left:12px solid #0000;width:100%;padding:16px 20px;transition:background .15s,border-color .15s;display:block}.legacy-email-item:hover{background:var(--surface-hover)}.legacy-email-item.item-collect_more_data{border-left-color:#93c5fd}.legacy-email-item.item-collect_more_data.active{background:#3b82f61a;border-left-color:#3b82f6}.legacy-email-item.item-ready_for_manager{border-left-color:#86efac}.legacy-email-item.item-ready_for_manager.active{background:#22c55e1a;border-left-color:#16a34a}.legacy-email-item.item-manager_review{border-left-color:#fde047}.legacy-email-item.item-manager_review.active{background:#eab3081a;border-left-color:#eab308}.legacy-email-item.item-security_review{border-left-color:#fca5a5}.legacy-email-item.item-security_review.active{background:#ef44441a;border-left-color:#ef4444}.legacy-email-item.item-ignore{border-left-color:#e2e8f0}.legacy-email-item.item-ignore.active{background-color:#f1f5f9;border-left-color:#94a3b8}.legacy-email-item.item-answered{border-left-color:#d8b4fe}.legacy-email-item.item-answered.active{background-color:#faf5ff;border-left-color:#a855f7}.legacy-contact-row{align-items:flex-start;gap:12px;min-width:0;display:flex}.legacy-contact-avatar{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.78rem;font-weight:700;display:flex;position:relative}.legacy-contact-unread{color:#fff;text-align:center;background:#2563eb;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.legacy-contact-body{flex:1;min-width:0}.legacy-source-badge{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border:1px solid #93c5fd;border-radius:999px;flex-shrink:0;align-items:center;min-height:20px;padding:2px 7px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.legacy-source-badge.compact{min-height:18px;padding:2px 6px;font-size:.62rem}.legacy-source-address{color:#2563eb;font-weight:600}.legacy-conversation-feed{background:radial-gradient(circle at top left, #3b82f60d, transparent 40%), var(--bg-color);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.legacy-conversation-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.legacy-conversation-header-info{flex:1;min-width:0}.legacy-conversation-header-name{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.legacy-conversation-header-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.legacy-conversation-messages{overflow-anchor:none;flex-direction:column-reverse;flex:1;min-height:0;padding:0;display:flex;overflow:hidden auto}.legacy-conversation-messages-inner{flex-direction:column;gap:12px;min-height:min-content;padding:18px 20px 28px;display:flex}.legacy-conversation-end{flex-shrink:0;width:100%;height:1px}.legacy-chat-bubble{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-color);cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;width:95%;max-width:95%;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0f172a0a}.legacy-chat-bubble.inbound{border-bottom-left-radius:6px;align-self:flex-start}.legacy-chat-bubble.outbound{background:#f0fdf4;border-color:#bbf7d0;border-bottom-right-radius:6px;align-self:flex-end}.legacy-reply-composer{border-top:1px solid var(--border-color);background:var(--surface-color);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px 14px;display:flex}.legacy-reply-recipient{grid-template-columns:auto minmax(220px,420px) 1fr;align-items:center;gap:8px;display:grid}.legacy-reply-recipient-label{color:var(--text-secondary);font-size:.78rem;font-weight:700}.legacy-reply-recipient input{border:1px solid var(--border-color);min-width:0;color:var(--text-primary);font:inherit;background:#fff;border-radius:8px;padding:7px 10px;font-size:.85rem}.legacy-reply-recipient input:focus{border-color:#60a5fa;outline:2px solid #3b82f640}.legacy-reply-recipient-note{color:var(--text-secondary);font-size:.72rem}.legacy-reply-composer-attachments{flex-wrap:wrap;gap:6px;display:flex}.legacy-reply-composer-attachment{border:1px solid var(--border-color);max-width:100%;color:var(--text-secondary);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:.75rem;display:inline-flex}.legacy-reply-composer-attachment span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legacy-reply-composer-attachment button{color:#94a3b8;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:1rem;line-height:1}.legacy-reply-composer-attachment button:hover{color:#ef4444}.legacy-reply-composer-row{align-items:flex-end;gap:8px;display:flex}.legacy-reply-composer-input{box-sizing:border-box;resize:none;border:1px solid var(--border-color);min-height:72px;max-height:280px;color:var(--text-primary);font:inherit;field-sizing:content;background:#f8fafc;border-radius:12px;flex:1;padding:10px 12px;line-height:1.45;overflow-y:hidden}.legacy-reply-composer-input:focus{background:#fff;border-color:#93c5fd;outline:2px solid #3b82f640}.legacy-reply-composer-input:disabled{opacity:.7;cursor:not-allowed}.legacy-reply-composer-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.legacy-reply-composer-attach,.legacy-reply-composer-send{cursor:pointer;min-height:40px;font:inherit;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.85rem;font-weight:600;display:inline-flex}.legacy-reply-composer-attach{border:1px solid var(--border-color);color:var(--text-secondary);background:#fff}.legacy-reply-composer-attach:hover:not(:disabled){color:var(--text-primary);background:#f1f5f9}.legacy-reply-composer-send{color:#fff;background:#16a34a;border:1px solid #16a34a}.legacy-reply-composer-send:hover:not(:disabled){background:#15803d;border-color:#15803d}.legacy-reply-composer-attach:disabled,.legacy-reply-composer-send:disabled{cursor:not-allowed;opacity:.55}.legacy-reply-composer-hint{color:var(--text-secondary);font-size:.75rem}.legacy-chat-bubble.focused{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f626}.legacy-chat-bubble-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.legacy-chat-bubble-author{color:var(--text-primary);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.legacy-chat-bubble-date{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.legacy-chat-bubble-meta-actions{flex-shrink:0;align-items:center;gap:7px;display:inline-flex}.legacy-message-forward{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;opacity:.72;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.legacy-message-forward:hover,.legacy-message-forward:focus-visible{border-color:var(--border-color);background:var(--surface-hover);color:var(--text-primary);opacity:1;outline:none}.legacy-chat-bubble-subject{color:var(--text-secondary);font-size:.8rem;font-weight:600}.legacy-chat-bubble-sender-line{color:var(--text-secondary);font-size:.75rem}.legacy-chat-bubble-text{color:var(--text-primary);font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.legacy-message-signature{color:var(--text-secondary);margin-top:2px}.legacy-message-signature summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.78rem;list-style:none}.legacy-message-signature summary::-webkit-details-marker{display:none}.legacy-message-signature summary:before{content:"✎ ";opacity:.7}.legacy-signature-hide,.legacy-message-signature[open] .legacy-signature-show{display:none}.legacy-message-signature[open] .legacy-signature-hide{display:inline}.legacy-message-signature pre{border-top:1px solid var(--border-color);color:inherit;font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;padding-top:9px;font-size:.78rem;line-height:1.45}.legacy-chat-bubble-text a,.legacy-forwarded-message-body a,.legacy-forwarded-message-signature a{color:var(--accent-color);text-underline-offset:2px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.legacy-chat-bubble-text a:hover,.legacy-forwarded-message-body a:hover,.legacy-forwarded-message-signature a:hover{text-decoration-thickness:2px}.legacy-rich-signature-wrap{border-top:1px solid var(--border-color);margin-top:8px;padding-top:9px}.legacy-html-frame.legacy-signature-frame{width:100%;min-height:var(--legacy-email-content-height,1px);background:0 0;border:0;border-radius:0;display:block;height:var(--legacy-email-content-height,1px)!important}.legacy-forwarded-message{background:#3b82f60f;border-left:3px solid #60a5fa;border-radius:0 10px 10px 0;flex-direction:column;gap:7px;margin-top:2px;padding:10px 12px;display:flex}.legacy-forwarded-message-label{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:700}.legacy-forwarded-message-meta{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.legacy-forwarded-contact{color:#2563eb;cursor:pointer;min-width:0;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:0;font-size:.82rem;font-weight:650;display:inline-flex}.legacy-forwarded-contact:hover:not(:disabled){text-decoration:underline}.legacy-forwarded-contact:disabled{color:var(--text-primary);cursor:default}.legacy-forwarded-contact span{color:var(--text-secondary);font-size:.72rem;font-weight:400}.legacy-forwarded-message-meta time{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.legacy-forwarded-message-subject{color:var(--text-secondary);font-size:.76rem;font-weight:600}.legacy-forwarded-message-body{color:var(--text-primary);font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.legacy-forwarded-message-signature{margin-top:0}.dark .legacy-forwarded-message{background:#3b82f61a}.dark .legacy-forwarded-message-label,.dark .legacy-forwarded-contact{color:#93c5fd}.legacy-chat-bubble-notice{color:var(--text-secondary);margin-top:8px;font-size:.75rem;line-height:1.3}.legacy-chat-html-frame{background:0 0;border:0;width:100%;min-height:48px;max-height:none;overflow:hidden}.legacy-html-frame:not([data-frame-sized="1"]){opacity:0;pointer-events:none}.legacy-chat-body-frame-wrap{width:100%;position:relative}.legacy-chat-body-frame-wrap>.legacy-html-frame{display:block}.legacy-chat-body-frame-wrap.pending>.legacy-html-frame{opacity:0}.legacy-chat-body-frame-wrap.pending>.legacy-chat-body-skeleton{min-height:96px;padding:8px 0;position:absolute;inset:0}.legacy-chat-body-skeleton{flex-direction:column;gap:8px;min-height:72px;padding:4px 0 8px;display:flex}.legacy-chat-body-skeleton-line{background:linear-gradient(90deg,#e2e8f0 0%,#f1f5f9 50%,#e2e8f0 100%) 0 0/200% 100%;border-radius:6px;height:10px;animation:1.1s ease-in-out infinite legacy-skeleton-shimmer}.legacy-chat-body-skeleton-line.short{width:62%}.dark .legacy-chat-body-skeleton-line{background:linear-gradient(90deg,#27272a 0%,#3f3f46 50%,#27272a 100%) 0 0/200% 100%}@keyframes legacy-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.legacy-message-attachments{flex-direction:column;gap:8px;margin-top:4px;display:flex}.legacy-attachment-thumbs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.legacy-attachment-thumb{cursor:pointer;border:1px solid var(--border-color);text-align:left;background:#f8fafc;border-radius:12px;flex-direction:column;gap:6px;padding:0;display:flex;overflow:hidden}.legacy-attachment-thumb img,.legacy-attachment-thumb .legacy-attachment-heic-shell{-o-object-fit:cover;object-fit:cover;background:#e2e8f0;width:100%;height:120px;display:block}.legacy-attachment-heic-shell{box-sizing:border-box;color:var(--text-secondary,#64748b);-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#e2e8f0 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.legacy-attachment-heic-shell--modal{border-radius:8px;width:min(100%,720px);height:min(70vh,520px);font-size:.9rem}.legacy-attachment-heic-shell--error{color:#94a3b8;background:#f8fafc}.legacy-attachment-heic-label{letter-spacing:.04em;font-weight:600}.legacy-attachment-heic-hint{opacity:.85;font-size:.68rem}.dark .legacy-attachment-heic-shell{color:#94a3b8;background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%)}.dark .legacy-attachment-heic-shell--error{background:#0f172a}.legacy-attachment-thumb-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:0 8px 8px;font-size:.72rem;overflow:hidden}.legacy-attachment-video-poster{color:#fff;background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);width:100%;height:120px;display:block;position:relative;overflow:hidden}.legacy-attachment-video-frame{-o-object-fit:cover;object-fit:cover;pointer-events:none;background:#0f172a;width:100%;height:120px;display:block}.legacy-attachment-video-play{z-index:1;color:#fff;background:#0f172a8c;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff59}.legacy-attachment-thumb--video:hover .legacy-attachment-video-play,.legacy-attachment-thumb--video:focus-visible .legacy-attachment-video-play{background:#0f172ab8;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 0 2px #ffffff80}.legacy-attachment-videos{flex-direction:column;gap:10px;width:100%;display:flex}.legacy-attachment-video-card{border:1px solid var(--border-color);background:#0f172a;border-radius:12px;flex-direction:column;gap:6px;display:flex;overflow:hidden}.legacy-attachment-video-inline{background:#000;width:100%;max-height:360px;display:block}.legacy-attachment-video-meta{background:var(--surface-color);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 10px;display:flex}.legacy-attachment-video-open{color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;font-size:.8rem;font-weight:600}.legacy-attachment-video-meta a{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;text-decoration:none;display:inline-flex}.legacy-attachment-video-meta a:hover{color:var(--text-primary)}.legacy-public-media-embeds{flex-flow:wrap;align-items:flex-start;gap:10px;width:100%;margin-top:8px;display:flex}.legacy-attachment-thumb-card{min-width:0;position:relative}.legacy-attachment-thumb-card>.legacy-attachment-thumb{width:100%;height:100%}.legacy-attachment-card-actions,.legacy-public-media-card-actions{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.legacy-attachment-card-action,.legacy-public-media-card-action{color:#fff;background:#0f172ad1;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;display:inline-flex;box-shadow:0 3px 10px #0f172a4d}.legacy-attachment-card-action:hover,.legacy-public-media-card-action:hover{background:#0f172af5}.legacy-attachment-archive-row{justify-content:flex-end;display:flex}.legacy-attachment-archive-button{border:1px solid var(--border-color);background:var(--surface-secondary,#f8fafc);color:var(--text-secondary,#475569);border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.legacy-attachment-archive-button:hover{color:#2563eb;border-color:#60a5fa}.dark .legacy-attachment-archive-button{color:#cbd5e1;background:#18181b}.legacy-public-media-group{display:contents}.legacy-public-media-card{border:1px solid var(--border-color);background:#0f172a;border-radius:12px;flex-direction:column;gap:6px;display:flex;overflow:hidden}.legacy-public-media-video-card,.legacy-public-media-thumb-card{flex-direction:column;align-items:stretch;gap:6px;width:132px;display:flex;position:relative}.legacy-public-media-video-card>.legacy-attachment-thumb,.legacy-public-media-thumb-card>.legacy-attachment-thumb{flex:none;width:100%}.legacy-public-media-disk-button{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-color);width:100%;min-height:28px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:.75rem;text-decoration:none;display:inline-flex}.legacy-public-media-disk-button:hover{border-color:var(--accent-color,#2563eb);color:var(--text-primary)}.legacy-public-media-image{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;max-height:360px;display:block}.legacy-public-media-meta{background:var(--surface-color);color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 10px;font-size:.8rem;font-weight:600;display:flex}.legacy-public-media-meta a{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.legacy-public-media-meta a:hover{color:var(--text-primary)}.legacy-public-media-link{color:var(--accent-color,#2563eb);word-break:break-all;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.legacy-public-media-error{color:var(--text-secondary);flex-direction:column;flex:0 0 132px;align-items:center;gap:8px;font-size:.75rem;display:flex}.legacy-public-media-error button{cursor:pointer;color:var(--accent-color,#2563eb);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.legacy-public-media-error a{color:var(--accent-color,#2563eb)}.legacy-public-media-loading{color:var(--text-secondary);flex:0 0 132px;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.legacy-spin{animation:.9s linear infinite legacy-spin}@keyframes legacy-spin{to{transform:rotate(360deg)}}.legacy-email-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.legacy-email-subject{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.legacy-email-subject.unread{color:#111827;font-weight:700}.legacy-ai-reply-badge{color:#047857;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;flex:none;align-items:center;padding:3px 6px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.legacy-classification-failed-badge{color:#b91c1c;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;flex:none;align-items:center;padding:3px 6px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.unread-dot{background-color:#facc15;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px}.legacy-email-date{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.75rem}.legacy-email-sender{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.legacy-empty-list,.legacy-empty-small,.legacy-trace-empty{color:var(--text-secondary);text-align:center;padding:18px;font-size:.85rem}.legacy-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.legacy-detail-view{min-width:0;height:100%;display:flex;overflow:hidden}.legacy-detail-view.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.legacy-detail-view.resizing .legacy-html-frame{pointer-events:none}.legacy-email-body-container{flex-direction:column;flex:1;min-width:0;min-height:0;padding:30px;display:flex;overflow:hidden auto}.legacy-email-header{border-bottom:1px solid var(--border-color);flex-shrink:0;margin-bottom:20px;padding-bottom:20px}.legacy-email-header h2{color:#0f172a;letter-spacing:-.01em;margin-bottom:16px;font-size:1.3rem;font-weight:700;line-height:1.4}.legacy-email-sender-card{align-items:center;gap:12px;display:flex}.legacy-read-state-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.legacy-read-state-button{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.legacy-read-state-button:hover:not(:disabled){color:#0f172a;border-color:#94a3b8}.legacy-read-state-button:disabled{cursor:default;opacity:.48}.legacy-email-avatar{color:#475569;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:600;display:flex}.legacy-email-sender-info{flex-direction:column;gap:2px;min-width:0;display:flex}.legacy-email-sender-row{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.legacy-email-sender-name{color:#1e293b;font-size:.9rem;font-weight:600}.legacy-email-sender-email{color:#64748b;word-break:break-all;font-size:.78rem}.legacy-email-meta-row{color:#64748b;align-items:center;gap:6px;font-size:.78rem;display:flex}.legacy-email-meta-divider{color:#cbd5e1}.legacy-email-id{color:#94a3b8}.legacy-email-content-wrap{background:var(--bg-color);flex:1 0 auto;width:100%;min-height:0;display:flex}.legacy-email-content{color:var(--text-primary);overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap;font-size:.95rem;line-height:1.35}.legacy-html-frame{width:100%;height:100%;min-height:var(--legacy-email-content-height,48px);background:var(--bg-color);border:0;border-radius:8px;display:block}.legacy-html-frame[data-frame-sized="1"]{opacity:1}.legacy-manager-response{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;flex-shrink:0;margin-top:16px;padding:16px}.legacy-manager-response-title{color:#065f46;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.legacy-manager-response-meta{color:#047857;opacity:.85;margin-bottom:8px;font-size:.75rem}.legacy-manager-response-text{color:#064e3b;overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #d1fae5;border-radius:4px;margin:0;padding:12px;font:.875rem/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.legacy-thread-history{border-bottom:1px solid var(--border-color);flex-shrink:0;margin-bottom:16px;padding-bottom:12px}.legacy-thread-history-toggle{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #94a3b8;padding:6px 0;font:13px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.legacy-thread-history-list{margin-top:10px}.legacy-thread-history-message{border-top:1px solid #d7dee8;padding:12px 0}.legacy-thread-history-meta{color:#64748b;margin-bottom:8px;font-size:.8rem}.legacy-thread-history-message pre{color:var(--text-primary);font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.45}.legacy-attachments{border-top:1px solid var(--border-color);flex-shrink:0;margin-top:10px;padding-top:10px}.legacy-attachments .legacy-panel-title{margin-bottom:6px;font-size:.7rem}.legacy-attachments-list{flex-wrap:wrap;gap:6px;display:flex}.legacy-attachment{cursor:pointer;color:#1e293b;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;width:230px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.legacy-attachment:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.legacy-attachment:active{transform:scale(.98)}.legacy-attachment:disabled{cursor:not-allowed;opacity:.55}.legacy-attachment-icon-wrapper{background:#f1f5f9;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .2s;display:flex}.legacy-attachment:hover .legacy-attachment-icon-wrapper{background:#e2e8f0}.legacy-attachment-details{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.legacy-attachment-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.legacy-attachment-size{color:#64748b;font-size:.68rem}.legacy-attachment-action{opacity:0;color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.legacy-attachment:hover .legacy-attachment-action{opacity:1}.legacy-resizer{z-index:10;cursor:col-resize;border-left:1px solid var(--border-color);flex-shrink:0;width:8px;margin-left:-4px;transition:background .15s,border-color .15s;position:relative}.legacy-resizer:after{content:"";position:absolute;inset:0 2px}.legacy-resizer:hover,.legacy-detail-view.resizing .legacy-resizer{border-left-color:var(--accent-color);background:#3b82f629}.legacy-qualification-panel{background:#f8fafc;border-left:1px solid #e2e8f0;flex-shrink:0;width:380px;min-width:300px;max-width:min(760px,55vw);padding:20px;position:relative;overflow-y:auto}.legacy-tab-bar{border-bottom:1px solid #e2e8f0;gap:8px;margin-bottom:18px;padding-bottom:2px;display:flex}.legacy-tab{cursor:pointer;color:#64748b;text-align:center;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.legacy-tab:hover{color:#0f172a}.legacy-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.legacy-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.68rem;font-weight:600}.legacy-info-label.centered{text-align:left;margin-bottom:8px}.legacy-action-badge{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:18px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.action-collect_more_data{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.action-ready_for_manager{color:#15803d;background:#ecfdf5;border-color:#86efac}.action-manager_review{color:#a16207;background:#fef9c3;border-color:#fef08a}.action-ignore{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.action-security_review{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.action-archived{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.legacy-processed-button,.legacy-restore-button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.legacy-processed-button:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.legacy-restore-button{color:#15803d;background:#f0fdf4;border-color:#86efac}.legacy-restore-button:hover:not(:disabled){color:#166534;background:#dcfce7;border-color:#4ade80}.legacy-processed-button:disabled,.legacy-restore-button:disabled{cursor:wait;opacity:.7}.legacy-qualification-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.legacy-info-card{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.legacy-info-card.compact{padding:6px 12px}.legacy-info-value{color:#1e293b;font-size:.82rem;font-weight:700}.legacy-panel-title{color:#64748b;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:.68rem;font-weight:600;display:flex}.legacy-panel-title.green{color:#059669;margin:0}.legacy-trace-status-badge{letter-spacing:.02em;text-transform:lowercase;border-radius:999px;flex-shrink:0;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700}.legacy-trace-status-badge.pending{color:#a16207;background:#fef9c3}.legacy-trace-status-badge.error{color:#b91c1c;background:#fee2e2}.legacy-trace-status-badge.ready{color:#0369a1;background:#e0f2fe}.dark .legacy-trace-status-badge.pending,[data-theme=dark] .legacy-trace-status-badge.pending{color:#fde68a;background:#422006}.dark .legacy-trace-status-badge.error,[data-theme=dark] .legacy-trace-status-badge.error{color:#fecaca;background:#450a0a}.dark .legacy-trace-status-badge.ready,[data-theme=dark] .legacy-trace-status-badge.ready{color:#bae6fd;background:#0c4a6e}.legacy-decision-path{color:var(--text-secondary,#475569);margin:0;padding:8px 8px 8px 1.4rem;font-size:.85rem;line-height:1.5}.legacy-decision-path li{margin:0 0 4px}.legacy-extracted{margin-top:18px}.legacy-field-row{-moz-column-gap:10px;border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(110px,1fr) minmax(0,1.15fr);align-items:baseline;column-gap:10px;min-width:0;max-width:100%;padding:6px 0;display:grid}.legacy-field-row:last-child{border-bottom:0}.legacy-field-key{color:#64748b;margin-bottom:0;font-size:.72rem;font-weight:500}.legacy-field-value{color:#1e293b;overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:.8rem;font-weight:600}.legacy-draft{margin-top:20px}.legacy-draft-head{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.legacy-draft-meta{min-width:0}.legacy-draft-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;display:grid}.legacy-draft-recipient{color:#64748b;margin-top:4px;font-size:12px}.legacy-draft-recipient-address{color:#334155;font-weight:600}.legacy-draft-recipient-badge{color:#b45309;background:#fef3c7;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.legacy-small-button,.legacy-save-button,.legacy-reply-button{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.legacy-draft-actions .legacy-small-button,.legacy-draft-actions .legacy-reply-button{justify-content:center;min-width:0}.legacy-small-button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.legacy-small-button:active{transform:scale(.96)}.legacy-save-button{color:#fff;background:#10b981;border-color:#10b981}.legacy-save-button:hover{background:#059669;border-color:#059669}.legacy-reply-button{color:#fff;background:#059669;border-color:#059669;grid-column:1/-1}.legacy-reply-button:hover:not(:disabled){background:#047857;border-color:#047857}.legacy-reply-button:disabled,.legacy-save-button:disabled,.legacy-small-button:disabled{cursor:not-allowed;opacity:.55}.legacy-draft-text{color:#166534;white-space:pre-wrap;background:#f0fdf4;border:1px solid #10b98140;border-radius:8px;max-height:none;margin:0;padding:12px 14px;font-family:inherit;font-size:.8rem;line-height:1.4;overflow:visible}.legacy-draft-empty{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;font-size:.8rem;font-style:italic}.legacy-data-warnings{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.78rem;line-height:1.45}.legacy-classification-failed-notice{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:.8rem;line-height:1.4;display:flex}.legacy-classification-failed-message{align-items:flex-start;gap:8px;display:flex}.legacy-reclassify-button{color:#a16207;background:#fffbeb;border:1px solid #f59e0b;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.legacy-reclassify-button:hover:not(:disabled){background:#fef3c7}.legacy-reclassify-button:disabled{cursor:wait;opacity:.7}.legacy-data-warnings-title{align-items:center;gap:6px;font-weight:700;display:flex}.legacy-data-warnings ul{margin:6px 0 0;padding-left:18px}.legacy-data-warnings li+li{margin-top:4px}.legacy-version-notice{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;margin-bottom:8px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.legacy-history{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;max-height:320px;margin-top:10px;padding:10px;display:flex;overflow-y:auto}.legacy-history-item{cursor:pointer;color:#1e293b;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.legacy-history-item:hover{background:#f8fafc;border-color:#cbd5e1}.legacy-history-item.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.legacy-history-item small{color:#64748b;font-size:.72rem}.legacy-trace-block{border:1px solid var(--border-color);background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden}.legacy-trace-block summary{cursor:pointer;border-bottom:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:600;display:flex}.legacy-trace-body{padding:12px 14px}.legacy-trace-pill{color:#1d4ed8;letter-spacing:0;text-transform:none;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:1px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:500;display:inline-block}.legacy-trace-pill.muted{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.legacy-trace-pill.warn{color:#a16207;background:#fef9c3;border-color:#fde68a}.legacy-trace-pill.danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.legacy-trace-code{border:1px solid var(--border-color);color:#0f172a;background:#f8fafc;border-radius:6px;max-height:70vh;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.5;overflow-y:auto}.legacy-trace-diff{border-bottom:1px solid #0000000a;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;font-size:.82rem;display:flex}.legacy-trace-diff:last-child{border-bottom:0}.legacy-val-before,.legacy-val-after{border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.legacy-val-before{color:#b91c1c;background:#fee2e2;text-decoration:line-through}.legacy-val-after{color:#166534;background:#dcfce7}.legacy-trace-span-row{border-bottom:1px solid #0000000a;align-items:center;gap:8px;padding:7px 0;font-size:.82rem;display:flex}.legacy-trace-span-row:last-child{border-bottom:0}.legacy-trace-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legacy-trace-dot.ok{background:#10b981}.legacy-trace-dot.error{background:#ef4444}.legacy-trace-span-name{min-width:130px;font-weight:600}.legacy-trace-span-ms{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.legacy-loader{z-index:50;color:var(--text-primary);background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.legacy-spinner{border:3px solid #3b82f640;border-top-color:var(--accent-color);border-radius:999px;width:48px;height:48px;animation:1s linear infinite legacy-spin}.legacy-empty-state{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.legacy-empty-state h2{color:var(--text-primary);font-size:1.2rem;font-weight:600}.legacy-modal{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.legacy-modal-card{background:#fff;border:1px solid #10b981;border-radius:12px;flex-direction:column;gap:16px;width:min(90vw,800px);padding:24px;display:flex;box-shadow:0 20px 25px -5px #0000001f}.legacy-attachment-modal-card{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-direction:column;width:min(96vw,1440px);height:min(94vh,1000px);min-height:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a40}.legacy-modal-head{border-bottom:1px solid var(--border-color);color:#10b981;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.legacy-modal-head button{cursor:pointer;color:var(--text-secondary);background:0 0;border:0}.legacy-attachment-modal-head{color:var(--text-primary);flex-shrink:0;padding:12px 16px}.legacy-attachment-modal-title{align-items:center;gap:10px;min-width:0;display:flex}.legacy-attachment-modal-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.legacy-attachment-modal-title strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.legacy-attachment-modal-title span{color:var(--text-secondary);font-size:.78rem}.legacy-attachment-modal-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.legacy-attachment-file-row{align-items:center;gap:6px;display:inline-flex}.legacy-attachment-modal-actions .legacy-small-button{text-decoration:none}.legacy-attachment-preview{background:#f8fafc;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:auto}.legacy-attachment-nav{z-index:3;cursor:pointer;color:#fff;background:#0f172a4d;border:1px solid #94a3b833;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s ease-in-out;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.legacy-attachment-nav:hover{background:#0f172a99;border-color:#94a3b873}.legacy-attachment-nav-left{left:16px}.legacy-attachment-nav-right{right:16px}.legacy-attachment-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;display:block}.legacy-attachment-preview .legacy-attachment-video,.legacy-attachment-preview video{-o-object-fit:contain;object-fit:contain;background:#000;width:auto;max-width:100%;height:100%;max-height:100%;display:block}.legacy-attachment-preview iframe{background:#fff;border:0;width:100%;height:100%}.legacy-attachment-unsupported{max-width:360px;color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.legacy-attachment-unsupported strong{color:var(--text-primary);font-size:1rem}.legacy-modal-card textarea{resize:vertical;color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:380px;padding:16px;font-family:SFMono-Regular,Consolas,monospace;font-size:.95rem;line-height:1.5}.legacy-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding-top:12px;display:flex}.legacy-attachments-section{border-top:1px dashed var(--border-color);margin-top:14px;padding-top:12px}.legacy-attachments-title{color:#1e293b;margin-bottom:8px;font-size:.8rem;font-weight:600}.legacy-draft-attachments-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.legacy-draft-attachment-item{box-sizing:border-box;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;width:230px;padding:6px 10px;font-size:.8rem;display:inline-flex}.legacy-attachment-remove{color:#94a3b8;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.1rem;line-height:1}.legacy-attachment-remove:hover{color:#ef4444}.legacy-draft-attachments-empty{color:#94a3b8;margin-bottom:10px;font-size:.8rem;font-style:italic}.legacy-draft-attachment-add-label{color:#16a34a;cursor:pointer;background:#fff;border:1px solid #16a34a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.legacy-draft-attachment-add-label:hover{color:#15803d;background:#f0fdf4;border-color:#15803d}@media (max-width:960px){.legacy-viewer{overflow:auto}.legacy-sidebar{width:320px}.legacy-detail-view{min-width:780px}}.dark .legacy-viewer{--bg-color:#18181a;--surface-color:#222225;--surface-hover:#2d2d31;--border-color:#313135;--text-primary:#e3e4e6;--text-secondary:#9a9b9e;--accent-color:#ffc55a}.dark .legacy-sidebar-header{background:var(--surface-color)!important}.dark .legacy-sidebar-title,.dark .legacy-sidebar-title h1{color:var(--text-primary)!important}.dark .legacy-main{background:var(--bg-color)!important}.dark .legacy-loader{background:#18181abf!important}.dark .legacy-refresh{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-refresh:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark .legacy-new-conversation{background:var(--bg-color);border-color:#3b82f6}.dark .legacy-new-conversation-label{color:var(--text-secondary)}.dark .legacy-new-conversation-input,.dark .legacy-new-conversation-cancel{background:var(--surface-color);border-color:var(--border-color);color:var(--text-primary)}.dark .legacy-contact-suggestions{background:var(--surface-color);border-color:var(--border-color);box-shadow:0 8px 18px #00000059}.dark .legacy-contact-suggestion{border-bottom-color:var(--border-color);color:var(--text-primary)}.dark .legacy-contact-suggestion:hover,.dark .legacy-contact-suggestion:focus-visible{background:var(--surface-hover)}.dark .legacy-contact-suggestion small,.dark .legacy-contact-suggestions-status{color:var(--text-secondary)}.dark .legacy-search-bar{background:var(--bg-color)!important;border-color:var(--border-color)!important}.dark .legacy-search-bar:focus-within{background:var(--surface-color)!important}.dark .legacy-search-bar .legacy-search-input{color:var(--text-primary)!important;background:0 0!important}.dark .legacy-filter-bar,.dark .legacy-sidebar-footer{background:var(--surface-color)!important;border-color:var(--border-color)!important}.dark .legacy-logout{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-email-item{border-bottom-color:var(--border-color)!important}.dark .legacy-email-item:hover{background:var(--surface-hover)!important}.dark .legacy-email-subject,.dark .legacy-email-subject.unread{color:var(--text-primary)!important}.dark .legacy-email-header{border-bottom-color:var(--border-color)!important}.dark .legacy-email-header h2,.dark .legacy-email-sender-name{color:var(--text-primary)!important}.dark .legacy-read-state-actions button{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-read-state-actions button:hover:not(:disabled){border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark .legacy-email-avatar{background:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-html-frame{background:var(--bg-color)!important}.dark .legacy-thread-history{border-bottom-color:var(--border-color)!important}.dark .legacy-thread-history-message,.dark .legacy-attachments{border-top-color:var(--border-color)!important}.dark .legacy-attachment{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark .legacy-attachment:hover{background:var(--surface-hover)!important;border-color:var(--border-color)!important}.dark .legacy-attachment-icon-wrapper{background:var(--bg-color)!important}.dark .legacy-attachment-name{color:var(--text-primary)!important}.dark .legacy-attachment-size,.dark .legacy-attachment-action{color:var(--text-secondary)!important}.dark .legacy-draft-attachment-item{background:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark .legacy-draft-attachment-add-label{background:var(--surface-color)!important;border-color:#16a34a!important}.dark .legacy-draft-attachment-add-label:hover{background:#16a34a1a!important}.dark .legacy-modal-card textarea{background:var(--bg-color)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark *{scrollbar-color:#4b4b4f #18181a!important}.dark ::-webkit-scrollbar{width:10px;height:10px}.dark ::-webkit-scrollbar-track{background:#18181a}.dark ::-webkit-scrollbar-thumb{background:#4b4b4f;border:2px solid #18181a;border-radius:999px}.dark ::-webkit-scrollbar-thumb:hover{background:#626267}.dark .legacy-email-item.item-ignore.active{background-color:#94a3b826!important}.dark .legacy-contact-avatar{background:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-conversation-header{background:var(--surface-color)!important;border-bottom-color:var(--border-color)!important}.dark .legacy-source-badge{color:#bfdbfe;background:#2563eb33;border-color:#60a5fa8c}.dark .legacy-source-address{color:#93c5fd}.dark .legacy-chat-bubble{background:var(--surface-color)!important;border-color:var(--border-color)!important}.dark .legacy-chat-bubble.outbound{background:#16a34a1f!important;border-color:#22c55e59!important}.dark .legacy-chat-bubble.focused{border-color:#3b82f6!important}.dark .legacy-reply-composer{background:var(--surface-color)!important;border-top-color:var(--border-color)!important}.dark .legacy-reply-recipient input{background:var(--bg-color);border-color:var(--border-color);color:var(--text-primary)}@media (max-width:760px){.legacy-reply-recipient{grid-template-columns:auto 1fr}.legacy-reply-recipient-note{grid-column:2}}.dark .legacy-reply-composer-input{background:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark .legacy-reply-composer-input:focus{background:var(--bg-color)!important;border-color:#3b82f6!important}.dark .legacy-reply-composer-attach{background:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-reply-composer-attachment,.dark .legacy-attachment-thumb{background:var(--bg-color)!important;border-color:var(--border-color)!important}.dark .legacy-email-item.item-answered.active{background-color:#a855f726!important}.dark .legacy-qualification-panel{background:var(--bg-color)!important;border-left-color:var(--border-color)!important}.dark .legacy-tab-bar{border-bottom-color:var(--border-color)!important}.dark .legacy-tab.active{border-bottom-color:var(--accent-color)!important;color:var(--text-primary)!important}.dark .legacy-tab{color:var(--text-secondary)!important}.dark .legacy-info-card{background:var(--surface-color)!important;border-color:var(--border-color)!important}.dark .legacy-info-value{color:var(--text-primary)!important}.dark .legacy-info-label,.dark .legacy-field-key{color:var(--text-secondary)!important}.dark .legacy-field-value,.dark .legacy-panel-title{color:var(--text-primary)!important}.dark .legacy-trace-code{background:var(--bg-color)!important;color:var(--text-primary)!important}.dark .legacy-trace-block{background:var(--surface-color)!important;border-color:var(--border-color)!important}.dark .legacy-trace-block summary{border-bottom-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-trace-body{color:var(--text-primary)!important}.dark .legacy-trace-pill.muted{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-manager-response{background:#064e3b59!important;border-color:#34d39966!important}.dark .legacy-manager-response-title{color:#34d399!important}.dark .legacy-manager-response-meta{color:#6ee7b7!important;opacity:1!important}.dark .legacy-manager-response-text{background:var(--surface-color)!important;color:#d1fae5!important;border-color:#34d39959!important}.dark .legacy-draft-recipient-address{color:var(--text-primary)!important}.dark .legacy-small-button{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-small-button:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}.dark .legacy-draft-empty{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark .legacy-draft-text{color:#a7f3d0!important;background:#10b9811a!important;border-color:#10b9814d!important}.dark .legacy-attachment-modal-card{background:var(--surface-color)!important;border-color:var(--border-color)!important}.dark .legacy-attachment-preview{background:var(--bg-color)!important}.dark .legacy-attachment-unsupported,.dark .legacy-attachment-modal-actions button{color:var(--text-secondary)!important}.dark .legacy-attachment-modal-actions button:hover{color:var(--text-primary)!important}.trace-viewer{--trace-viewer-bg:var(--surface-color,#fff);--trace-viewer-code-bg:var(--bg-color,#f8fafc);--trace-viewer-border:var(--border-color,#e2e8f0);--trace-viewer-text:var(--text-primary,#0f172a);--trace-viewer-muted:var(--text-secondary,#475569);--trace-viewer-accent:#3b82f6;--trace-viewer-accent-error:#ef4444;--trace-viewer-accent-soft:#dbeafe;color:var(--trace-viewer-text)}.trace-viewer__empty{color:var(--trace-viewer-muted,#475569);text-align:center;padding:18px;font-size:.85rem}.trace-viewer__empty--inside{padding:8px 4px}.trace-viewer__header{border:1px solid var(--trace-viewer-border);background:var(--trace-viewer-bg);border-radius:8px;margin:0 0 12px;padding:12px 14px}.trace-viewer__header-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.trace-viewer__metrics{color:var(--trace-viewer-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:.82rem;display:flex}.trace-viewer__span-filter{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.trace-viewer__filter--active{border-color:var(--trace-viewer-accent)!important;color:var(--trace-viewer-text)!important}.trace-viewer__decision-step{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.trace-viewer__decision-step:hover{color:var(--trace-viewer-accent)}.trace-viewer__history-pick{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.trace-viewer__history-pick select{border:1px solid var(--trace-viewer-border);background:var(--trace-viewer-code-bg);color:var(--trace-viewer-text);border-radius:6px;padding:4px 8px;font-size:.82rem}.trace-viewer__event--button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.trace-viewer__header-label{color:var(--trace-viewer-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:600}.trace-viewer__header-value{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.trace-viewer__mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;font-weight:500}.trace-viewer__muted{color:var(--trace-viewer-muted);font-weight:400}.trace-viewer__copy,.trace-viewer__link{border:1px solid var(--trace-viewer-border);background:var(--trace-viewer-code-bg);color:var(--trace-viewer-muted);cursor:pointer;border-radius:6px;padding:2px 8px;font-size:.72rem}.trace-viewer__copy:hover,.trace-viewer__link:hover{color:var(--trace-viewer-text);border-color:var(--trace-viewer-accent)}.trace-viewer__redaction-note,.trace-viewer__redaction-inline{color:#854d0e;background:#fef9c3;border-radius:6px;margin-top:10px;padding:6px 10px;font-size:.78rem}.trace-viewer__block{border:1px solid var(--trace-viewer-border);background:var(--trace-viewer-bg);border-radius:8px;margin:0 0 12px;overflow:hidden}.trace-viewer__summary{cursor:pointer;border-bottom:1px solid var(--trace-viewer-border);color:var(--trace-viewer-muted);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:600;display:flex}.trace-viewer__body{padding:12px 14px}.trace-viewer__pill{color:#1d4ed8;letter-spacing:0;text-transform:none;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:1px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:500;display:inline-block}.trace-viewer__pill--muted{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.trace-viewer__pill--warn{color:#a16207;background:#fef9c3;border-color:#fde68a}.trace-viewer__pill--danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.trace-viewer__code{border:1px solid var(--trace-viewer-border);background:var(--trace-viewer-code-bg);max-height:70vh;color:var(--trace-viewer-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.trace-viewer__search{color:var(--trace-viewer-muted);flex-direction:column;gap:6px;margin-bottom:10px;font-size:.78rem;display:flex}.trace-viewer__search input{border:1px solid var(--trace-viewer-border);background:var(--trace-viewer-code-bg);color:var(--trace-viewer-text);border-radius:6px;padding:6px 10px;font-size:.85rem}.trace-viewer__diff,.trace-viewer__span{border-bottom:1px solid color-mix(in srgb, var(--trace-viewer-border) 60%, transparent);flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;font-size:.82rem;display:flex}.trace-viewer__span--button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.trace-viewer__span--active,.trace-viewer__waterfall-row--active,.trace-viewer__llm-card--active{background:color-mix(in srgb, var(--trace-viewer-accent-soft) 55%, transparent);border-radius:6px}.trace-viewer__diff:last-child,.trace-viewer__span:last-child{border-bottom:0}.trace-viewer__value{border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.trace-viewer__value--before{color:#b91c1c;background:#fee2e2;text-decoration:line-through}.trace-viewer__value--after{color:#166534;background:#dcfce7}.trace-viewer__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.trace-viewer__dot--ok{background:#10b981}.trace-viewer__dot--error{background:#ef4444}.trace-viewer__dot--warn{background:#f59e0b}.trace-viewer__span-name{min-width:130px;font-weight:600}.trace-viewer__span-duration{color:var(--trace-viewer-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.trace-viewer__error-text{color:#b91c1c;font-size:.78rem}.trace-viewer__decision{margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.55}.trace-viewer__event-list,.trace-viewer__llm-list,.trace-viewer__span-list,.trace-viewer__waterfall{flex-direction:column;gap:4px;display:flex}.trace-viewer__event{border-bottom:1px solid color-mix(in srgb, var(--trace-viewer-border) 60%, transparent);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;font-size:.82rem;display:flex}.trace-viewer__event:last-child{border-bottom:0}.trace-viewer__llm-card{border:1px solid var(--trace-viewer-border);border-radius:8px;margin-bottom:8px;padding:10px}.trace-viewer__llm-card:last-child{margin-bottom:0}.trace-viewer__llm-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.trace-viewer__waterfall-row{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:minmax(100px,140px) 1fr auto;align-items:center;gap:8px;padding:4px 2px;display:grid}.trace-viewer__waterfall-name{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.trace-viewer__waterfall-track{background:color-mix(in srgb, var(--trace-viewer-border) 70%, transparent);border-radius:999px;height:10px;position:relative;overflow:hidden}.trace-viewer__waterfall-bar{background:var(--trace-viewer-accent);border-radius:999px;min-width:2px;height:100%;display:block}.trace-viewer__waterfall-bar--error{background:var(--trace-viewer-accent-error)}.dark .trace-viewer,[data-theme=dark] .trace-viewer{--trace-viewer-bg:var(--surface-color,#202124);--trace-viewer-code-bg:var(--bg-color,#17181a);--trace-viewer-border:var(--border-color,#34363a);--trace-viewer-text:var(--text-primary,#f3f4f6);--trace-viewer-muted:var(--text-secondary,#aab0ba);--trace-viewer-accent-soft:#1e3a5f}.dark .trace-viewer__pill--muted,[data-theme=dark] .trace-viewer__pill--muted{border-color:var(--trace-viewer-border);background:var(--trace-viewer-bg);color:var(--trace-viewer-muted)}.dark .trace-viewer__redaction-note,.dark .trace-viewer__redaction-inline,[data-theme=dark] .trace-viewer__redaction-note,[data-theme=dark] .trace-viewer__redaction-inline{color:#fde68a;background:#422006}
