*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Fira Code", "Consolas", monospace;--bg-primary:#f8f9fa;--bg-sidebar:#1a1a2e;--bg-sidebar-hover:#25253e;--bg-sidebar-active:#2d2d4e;--bg-card:#fff;--bg-input:#f1f3f5;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-sidebar:#2d2d4e;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-sidebar:#e5e7eb;--text-sidebar-muted:#9ca3af;--color-send:#22c55e;--color-review:#eab308;--color-escalate:#ef4444;--color-info:#3b82f6;--color-normal:#6b7280;--color-urgent:#f97316;--color-critical:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--sidebar-width:360px;--tenant-primary:#0066b3;--tenant-accent:#ffc20e;--tenant-tint:#f4f7fb}.logo-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;display:inline-flex}.logo-image{object-fit:contain;border-radius:4px;width:56px;height:auto;max-height:40px}.ai-legal-basis{color:#5b4a00;background:#fef9e7;border-left:3px solid #ffcd1f;border-radius:4px;align-items:flex-start;gap:6px;margin-top:8px;padding:6px 10px;font-size:12px;line-height:1.4;display:inline-flex}.ai-legal-icon{flex-shrink:0;font-size:14px}.db-tag.status-in_tranzit{color:#9a3412;background:#fff7ed}.db-tag.status-livrata{color:#166534;background:#dcfce7}.db-tag.status-livrata_partial,.db-tag.status-livrata_intarziere{color:#854d0e;background:#fef9c3}.db-tag.status-returnata,.db-tag.status-pierduta_aparent,.db-tag.status-neachitat,.db-tag.status-ar_pierdut{color:#991b1b;background:#fee2e2}.db-tag.status-avizata{color:#c2410c;background:#fff7ed}.db-tag.status-prezentata{color:#3730a3;background:#e0e7ff}.db-tag.service-prioripost,.db-tag.service-express{color:#075985;background:#e0f2fe}.db-tag.service-recomandata{color:#475569;background:#f1f5f9}.db-tag.service-colet_intern,.db-tag.service-colet_extern{color:#854d0e;background:#fef9c3}.db-tag.service-mandat_postal,.db-tag.service-mandat_pensie{color:#5b21b6;background:#ddd6fe}.db-tag.service-confirmare_primire{color:#9d174d;background:#fce7f3}html{font-size:14px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--text-sidebar);border-right:1px solid var(--border-sidebar);flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-sidebar);flex-shrink:0;padding:16px 20px}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:28px;line-height:1}.logo-title{color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:600}.logo-subtitle{color:var(--text-sidebar-muted);margin-top:1px;font-size:11px;font-weight:400}.sidebar-form{border-bottom:1px solid var(--border-sidebar);flex-shrink:0;padding:16px 20px}.sidebar-form-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-sidebar-muted);margin-bottom:12px;font-size:12px;font-weight:600}.form-group{margin-bottom:8px}.form-input{border:1px solid var(--border-sidebar);border-radius:var(--radius-sm);width:100%;color:var(--text-sidebar);font-family:var(--font-sans);background:#ffffff14;padding:8px 12px;font-size:13px;transition:border-color .2s,background .2s}.form-input::placeholder{color:var(--text-sidebar-muted)}.form-input:focus{border-color:var(--color-info);background:#ffffff1f;outline:none}.form-textarea{resize:vertical;min-height:60px}.form-file{padding:6px 8px;font-size:12px}.form-file::file-selector-button{border-radius:var(--radius-sm);border:1px solid var(--border-sidebar);color:var(--text-sidebar);cursor:pointer;background:#ffffff1a;margin-right:8px;padding:4px 10px;font-size:11px}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{font-size:14px}.btn-process{background:var(--color-info);color:#fff;width:100%;padding:10px 16px;font-weight:600}.btn-send{background:var(--color-send);color:#fff}.btn-ticket{background:var(--color-urgent);color:#fff}.btn-regenerate{background:var(--color-info);color:#fff}.sidebar-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-list-header{flex-shrink:0;padding:12px 20px 8px}.sidebar-list-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-sidebar-muted);font-size:12px;font-weight:600}.email-list{flex:1;padding:0 12px 12px;overflow-y:auto}.email-list-empty{text-align:center;color:var(--text-sidebar-muted);padding:32px 20px}.email-list-empty p:first-child{color:var(--text-sidebar);margin-bottom:4px;font-weight:500}.email-list-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;margin-bottom:4px;padding:12px 14px;transition:background .15s,border-color .15s}.email-list-item:hover{background:var(--bg-sidebar-hover)}.email-list-item.active{background:var(--bg-sidebar-active);border-color:var(--color-info)}.email-list-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.email-list-subject{color:#fff;font-size:13px;font-weight:500;line-height:1.3}.email-list-sender{color:var(--text-sidebar-muted);margin-bottom:8px;font-size:11px}.email-list-badges{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.email-list-footer{justify-content:space-between;align-items:center;display:flex}.email-list-time{color:var(--text-sidebar-muted);font-size:11px}.badge{white-space:nowrap;border-radius:100px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.recommendation-badge{flex-shrink:0;justify-content:center;width:22px;height:22px;padding:0;font-size:12px}.customer-badge{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f64d}.priority-badge-lg,.recommendation-badge-lg{padding:4px 12px;font-size:12px;font-weight:600}.status-badge{padding:4px 12px;font-size:12px;font-weight:500}.status-text{text-transform:capitalize;font-size:11px;font-weight:500}.status-pending,.status-text.status-pending{color:var(--color-review)}.status-sent,.status-text.status-sent{color:var(--color-send)}.status-escalated,.status-text.status-escalated{color:var(--color-escalate)}.status-badge.status-pending{color:#854d0e;background:#fef9c3}.status-badge.status-sent{color:#166534;background:#dcfce7}.status-badge.status-escalated{color:#991b1b;background:#fee2e2}.status-text.status-activ{color:var(--color-send)}.status-text.status-suspendat{color:var(--color-review)}.status-text.status-reziliat{color:var(--color-escalate)}.tone-badge{color:#374151;border:1px solid var(--border-light);background:#f3f4f6}.confidence-badge{border:1px solid var(--border-light)}.confidence-high{color:#166534;background:#dcfce7}.confidence-medium{color:#854d0e;background:#fef9c3}.confidence-low{color:#991b1b;background:#fee2e2}.main-panel{background:var(--bg-primary);flex:1;padding:24px 32px;overflow-y:auto}.loading-state{height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--border-light);border-top-color:var(--color-info);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.email-detail-empty{justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.empty-state{text-align:center;color:var(--text-secondary)}.empty-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state h2{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.empty-state p{color:var(--text-secondary);font-size:14px}.error-banner{color:#991b1b;border-radius:var(--radius-md);background:#fee2e2;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.notice-banner{color:#166534;border-radius:var(--radius-md);background:#dcfce7;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.notice-banner .error-dismiss{color:#166534}.error-dismiss{cursor:pointer;color:#991b1b;background:0 0;border:none;padding:0 4px;font-size:18px}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title-row .card-title{margin-bottom:0}.text-muted{color:var(--text-muted);font-size:12px}.email-detail{max-width:1100px}.email-detail-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.email-detail-subject{color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:600;line-height:1.3}.email-detail-meta{color:var(--text-secondary);gap:16px;font-size:13px;display:flex}.email-detail-sender{font-weight:500}.email-detail-header-right{flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.email-detail-columns{gap:16px;margin-bottom:0;display:flex}.email-detail-body-col{flex:0 0 58%;min-width:0}.email-detail-analysis-col{flex:0 0 40%;min-width:0}.email-body-card{flex-direction:column;max-height:500px;display:flex}.email-body-text{font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#f9fafb;flex:1;padding:12px;font-size:12px;line-height:1.6;overflow-y:auto}.ai-section{border-bottom:1px solid #f3f4f6;margin-bottom:14px;padding-bottom:12px}.ai-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ai-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.ai-intent-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-intent-name{color:var(--text-primary);text-transform:capitalize;font-size:15px;font-weight:600}.ai-confidence-pct{color:var(--color-info);font-size:14px;font-weight:600}.confidence-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.confidence-fill{border-radius:3px;height:100%;transition:width .5s}.ai-template-id{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500}.ai-template-reason{font-size:12px;line-height:1.4}.recommendation-box{border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.recommendation-box strong{margin-bottom:4px;display:block}.recommendation-reasoning{opacity:.85;margin-top:4px;font-size:12px;line-height:1.4}.multiple-requests-indicator{color:#92400e;border-radius:var(--radius-sm);background:#fef3c7;border:1px solid #fde68a;padding:6px 12px;font-size:12px;font-weight:500}.flags-banner{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.flags-banner.critical{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.flags-banner.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.flags-banner-icon{flex-shrink:0;font-size:20px;line-height:1}.flags-banner-content strong{margin-bottom:8px;font-size:13px;display:block}.flags-chips{flex-wrap:wrap;gap:6px;display:flex}.flag-chip{border-radius:100px;padding:3px 10px;font-size:11px;font-weight:500}.flag-critical{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.flag-warning{color:#854d0e;background:#fef9c3;border:1px solid #fde68a}.customer-card{border-left:4px solid var(--color-info)}.customer-confidence-badge{color:#1d4ed8;background:#dbeafe;font-size:12px;font-weight:600}.customer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.customer-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.customer-field span{color:var(--text-primary);font-size:13px}.metadata-panel{gap:16px;margin-bottom:16px;display:flex}.metadata-panel>.metadata-card{flex:1;margin-bottom:0}.ner-table{border-collapse:collapse;width:100%;font-size:13px}.ner-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding:6px 8px;font-size:11px;font-weight:600}.ner-table td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:6px 8px}.ner-type{color:var(--text-secondary);white-space:nowrap;font-weight:500}.ner-values{flex-wrap:wrap;gap:4px;display:flex}.ner-value-chip{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);background:#f3f4f6;padding:1px 8px;font-size:12px;display:inline-block}.attachments-list{flex-direction:column;gap:8px;display:flex}.attachment-item{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#f9fafb;padding:10px 12px}.attachment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.attachment-icon{font-size:16px}.attachment-name{font-size:13px;font-weight:500}.attachment-type-badge{color:#4338ca;text-transform:uppercase;background:#e0e7ff;font-size:10px}.attachment-ocr-preview{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#fff;padding:6px 8px;font-size:11px;line-height:1.4}.conversation-summary-card{background:#eff6ff;border-color:#bfdbfe}.summary-content{color:#1e40af;font-size:13px;line-height:1.6}.draft-meta{align-items:center;gap:8px;display:flex}.edited-badge{color:#854d0e;background:#fef9c3;border:1px solid #fde68a}.draft-textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);color:var(--text-primary);resize:vertical;background:#f9fafb;padding:14px;font-size:12px;line-height:1.6;transition:border-color .2s}.draft-textarea:focus{border-color:var(--color-info);background:#fff;outline:none}.action-buttons{gap:10px;margin-bottom:16px;display:flex}.flow-viewer-card{border:1px solid var(--border-light);background:#fafafa}.flow-viewer-toggle{cursor:pointer;font-family:var(--font-sans);color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:4px 0;font-size:14px;display:flex}.flow-toggle-arrow{color:var(--text-secondary);width:14px;font-size:10px}.flow-toggle-label{font-weight:600}.flow-toggle-subtitle{color:var(--text-secondary);font-weight:400}.flow-viewer-content{margin-top:16px}.flow-pipeline{align-items:center;gap:0;padding:12px 0 16px;display:flex;overflow-x:auto}.flow-arrow{flex-shrink:0}.flow-step-card{border-radius:var(--radius-md);border:2px solid var(--border-light);cursor:pointer;text-align:center;background:#fff;flex-shrink:0;width:180px;padding:14px;transition:border-color .2s,box-shadow .2s}.flow-step-card:hover{box-shadow:var(--shadow-md)}.flow-step-card.flow-success{border-color:#bbf7d0}.flow-step-card.flow-success:hover{border-color:var(--color-send)}.flow-step-card.flow-error{border-color:#fecaca}.flow-step-card.flow-error:hover{border-color:var(--color-escalate)}.flow-step-card.flow-expanded{box-shadow:var(--shadow-md)}.flow-step-card.flow-expanded.flow-success{border-color:var(--color-send)}.flow-step-card.flow-expanded.flow-error{border-color:var(--color-escalate)}.flow-step-header{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;display:flex}.flow-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-success{background:var(--color-send)}.dot-error{background:var(--color-escalate)}.flow-step-short{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.flow-step-name{color:var(--text-primary);margin-bottom:8px;font-size:12px;font-weight:600;line-height:1.3}.flow-step-stats{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);justify-content:space-between;display:flex}.flow-step-detail-panel{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;margin-top:4px;margin-bottom:12px;padding:20px}.flow-step-detail-panel h4{color:var(--text-primary);margin-bottom:14px;font-size:15px;font-weight:600}.collapsible-block{border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}.collapsible-toggle{cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--text-secondary);text-align:left;background:#f9fafb;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.collapsible-toggle:hover{background:#f3f4f6}.collapsible-arrow{width:12px;color:var(--text-muted);font-size:9px}.collapsible-content{max-height:400px;overflow-y:auto}.flow-code-block{font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);background:#fafafa;margin:0;padding:12px;font-size:11px;line-height:1.5}.system-prompt-block{color:var(--text-secondary)}.json-highlighted .json-key{color:#6366f1}.json-highlighted .json-string{color:#16a34a}.json-highlighted .json-number{color:#ea580c}.json-highlighted .json-bool{color:#dc2626}.json-highlighted .json-null{color:#9ca3af}.step-token-breakdown{border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);background:#f9fafb;align-items:center;gap:8px;padding:8px 12px;display:flex}.token-separator{color:var(--border-medium)}.step-error{color:#991b1b;border-radius:var(--radius-sm);background:#fee2e2;margin-top:8px;padding:8px 12px;font-size:12px}.flow-totals{border-top:1px solid var(--border-light);font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 0 0;display:flex}.sidebar-list::-webkit-scrollbar{width:6px}.email-list::-webkit-scrollbar{width:6px}.main-panel::-webkit-scrollbar{width:6px}.email-body-text::-webkit-scrollbar{width:6px}.collapsible-content::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-track{background:0 0}.email-list::-webkit-scrollbar-track{background:0 0}.main-panel::-webkit-scrollbar-track{background:#f3f4f6}.email-body-text::-webkit-scrollbar-track{background:#f3f4f6}.collapsible-content::-webkit-scrollbar-track{background:#f3f4f6}.sidebar-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.email-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.main-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.email-body-text::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.collapsible-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (width<=1200px){:root{--sidebar-width:320px}.email-detail-columns{flex-direction:column}.email-detail-body-col,.email-detail-analysis-col{flex:100%}.metadata-panel{flex-direction:column}.customer-grid{grid-template-columns:1fr}}.attachment-viewer-card{margin-top:16px}.attachment-grid{flex-direction:column;gap:8px;display:flex}.attachment-viewer-item{border:1px solid #e5e7eb;border-radius:6px;transition:all .2s;overflow:hidden}.attachment-viewer-item:hover{border-color:#3b82f6}.attachment-viewer-item.expanded{border-color:#3b82f6;box-shadow:0 1px 4px #3b82f626}.attachment-viewer-item-header{cursor:pointer;background:#fafafa;align-items:center;gap:10px;padding:10px 14px;display:flex}.attachment-viewer-item-header:hover{background:#f0f4ff}.attachment-viewer-item-icon{flex-shrink:0;font-size:22px}.attachment-viewer-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.attachment-viewer-filename{color:#1f2937;word-break:break-all;font-size:13px;font-weight:500}.attachment-viewer-meta{color:#6b7280;font-size:11px}.attachment-viewer-status.success{color:#16a34a;font-weight:500}.attachment-viewer-status.error{color:#dc2626;font-weight:500}.attachment-viewer-expand-icon{color:#9ca3af;flex-shrink:0;font-size:12px}.attachment-viewer-item-body{background:#fff;border-top:1px solid #e5e7eb;padding:14px}.attachment-viewer-preview{text-align:center}.attachment-viewer-image{cursor:zoom-in;border:1px solid #e5e7eb;border-radius:4px;max-width:100%;max-height:400px}.attachment-viewer-hint{color:#9ca3af;margin-top:6px;font-size:11px}.attachment-viewer-pdf-frame{border:1px solid #e5e7eb;border-radius:4px;width:100%;height:500px}.attachment-viewer-no-preview{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:4px;padding:20px}.attachment-viewer-ocr{margin-top:12px}.attachment-viewer-ocr h4{color:#6b7280;margin-bottom:6px;font-size:12px}.attachment-viewer-ocr-text{white-space:pre-wrap;word-break:break-word;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;max-height:200px;padding:10px;font-family:IBM Plex Mono,monospace;font-size:11px;overflow-y:auto}.attachment-viewer-full-ocr{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:12px}.attachment-viewer-full-ocr h4{color:#6b7280;margin-bottom:6px;font-size:12px}.attachment-zoom-overlay{z-index:10000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attachment-zoom-container{max-width:95vw;max-height:95vh;position:relative}.attachment-zoom-image{object-fit:contain;border-radius:4px;max-width:95vw;max-height:95vh}.attachment-zoom-close{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 8px #0000004d}.inbox-status{align-items:center;gap:10px;display:flex}.inbox-status-info{flex:1;min-width:0}.inbox-status-info>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-emails-btn{white-space:nowrap;color:#fff;background:var(--tenant-primary,#0066b3);cursor:pointer;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:filter .15s,opacity .15s;display:inline-flex}.import-emails-btn:hover:not(:disabled){filter:brightness(1.12)}.import-emails-btn:disabled{opacity:.65;cursor:progress}.import-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite import-spin}@keyframes import-spin{to{transform:rotate(360deg)}}.inbox-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 6px #22c55e00}}.inbox-status-text{color:#9ca3af;margin-top:2px;font-size:11px}.sidebar-nav{border-bottom:1px solid #ffffff14;gap:0;padding:0 16px;display:flex}.nav-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.nav-tab:hover{color:#e5e7eb}.nav-tab.active{color:#60a5fa;border-bottom-color:#3b82f6}.db-view{max-width:1200px;padding:24px}.db-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.db-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.db-stat-number{color:#1f2937;font-size:36px;font-weight:700;line-height:1}.db-stat-label{color:#6b7280;margin-top:4px;margin-bottom:10px;font-size:13px}.db-stat-sub{flex-wrap:wrap;gap:6px;display:flex}.db-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.db-tag.casnic{color:#1d4ed8;background:#dbeafe}.db-tag.noncasnic{color:#7c3aed;background:#f3e8ff}.db-tag.activ{color:#166534;background:#dcfce7}.db-tag.suspendat{color:#854d0e;background:#fef9c3}.db-tag.reziliat{color:#991b1b;background:#fee2e2}.db-tag.status-pending{color:#854d0e;background:#fef9c3}.db-tag.status-sent{color:#166534;background:#dcfce7}.db-tag.status-escalated{color:#991b1b;background:#fee2e2}.db-tag.status-sent_simulated{color:#4338ca;background:#e0e7ff}.db-cities{flex-direction:column;gap:5px;display:flex}.db-city-row{grid-template-columns:100px 30px 1fr;align-items:center;gap:6px;font-size:12px;display:grid}.db-city-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-city-count{color:#6b7280;text-align:right;font-weight:500}.db-city-bar{background:#3b82f6;border-radius:3px;min-width:4px;height:6px}.db-intent-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;padding:16px 20px}.db-intent-section h3{color:#374151;margin-bottom:12px;font-size:14px}.db-intent-grid{flex-wrap:wrap;gap:8px;display:flex}.db-intent-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.db-intent-name{color:#4b5563}.db-intent-count{color:#1f2937;background:#e5e7eb;border-radius:4px;padding:0 6px;font-size:11px;font-weight:600}.db-search-section{margin-bottom:16px}.db-search-section h3{color:#374151;margin-bottom:10px;font-size:14px}.db-search-form{align-items:center;gap:8px;display:flex}.db-search-input{border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:13px}.db-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.btn-search{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500}.btn-search:hover{background:#2563eb}.btn-clear{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:13px}.btn-clear:hover{background:#e5e7eb}.db-search-info{color:#6b7280;margin-top:8px;font-size:12px}.db-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow-x:auto}.db-table{border-collapse:collapse;width:100%;font-size:13px}.db-table th{text-align:left;color:#4b5563;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:12px;font-weight:600}.db-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:8px 14px}.db-row{cursor:pointer;transition:background .1s}.db-row:hover{background:#f0f4ff}.db-row.selected{background:#eff6ff}.db-cell-id{color:#9ca3af;width:40px;font-size:12px}.db-cell-name{font-weight:500}.db-cell-mono{font-family:IBM Plex Mono,monospace;font-size:12px}.db-cell-email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.db-customer-detail{background:#fff;border:1px solid #3b82f6;border-radius:10px;margin-bottom:16px;padding:20px}.db-customer-detail h3{color:#1f2937;margin-bottom:16px;font-size:18px}.db-detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.db-detail-item{flex-direction:column;gap:2px;display:flex}.db-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.db-detail-value{color:#1f2937;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500}.db-pagination{justify-content:center;align-items:center;gap:12px;padding:12px 0;display:flex}.btn-page{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px}.btn-page:hover:not(:disabled){background:#f3f4f6}.btn-page:disabled{opacity:.4;cursor:default}.db-page-info{color:#6b7280;font-size:13px}.processing-state{text-align:center;padding:60px 20px}.processing-state h3{color:#1f2937;margin-top:16px;font-size:18px}.processing-state p{color:#6b7280;margin-top:8px;font-size:14px}.processing-hint{font-style:italic;color:#9ca3af!important;margin-top:16px!important;font-size:12px!important}.status-processing{color:#4338ca;background:#e0e7ff;animation:1.5s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.status-error{color:#991b1b;background:#fee2e2}