body{margin:0;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono, "JetBrains Mono", "Monaco", "Menlo", "Courier New", monospace)}.emails-container{padding:var(--space-5, 20px);padding-bottom:3rem;background-color:var(--color-bg-page, #f4f5f7);height:100vh;overflow-y:auto;overflow-x:hidden;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif)}.emails-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border, #e5e7eb)}.emails-header h2{font-family:var(--font-heading, "DM Sans", sans-serif);font-size:20px;font-weight:var(--weight-bold, 700);color:var(--color-text-heading, #292524);margin:0;letter-spacing:-.3px}.email-filters{display:flex;gap:.75rem;align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem;padding:6px .75rem;background-color:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.filter-group svg{color:var(--color-text-secondary, #6b7280);flex-shrink:0}.date-input,.category-select,.search-input{border:none;background:transparent;font-size:13px;color:var(--color-text-body, #374151);outline:none;font-family:inherit}.category-select{cursor:pointer}.search-input{width:200px}.emails-summary{display:flex;gap:2rem;margin-bottom:1rem;padding:.75rem 1rem;background-color:var(--color-bg-card, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.03))}.summary-stat{display:flex;gap:.5rem;align-items:center}.summary-label{font-size:13px;color:var(--color-text-secondary, #6b7280);font-weight:500}.summary-value{font-size:13px;color:var(--color-text-primary, #111827);font-weight:600}.emails-list{background-color:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);overflow-y:auto;max-height:600px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.03))}.email-header-row{display:grid;grid-template-columns:100px 200px 170px 100px 140px 120px;gap:1rem;padding:.75rem 1rem;background-color:var(--color-bg-subtle, #f9fafb);border-bottom:1px solid var(--color-border, #e5e7eb);font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.email-header-row>.email-id-short,.email-header-row>.email-cost{font-family:inherit;font-size:12px}.email-row{border-bottom:1px solid var(--color-border-subtle, #eef2f7);cursor:pointer;transition:background-color var(--transition-base, .15s ease)}.email-row:hover{background-color:var(--color-bg-subtle, #f9fafb)}.email-row:last-child{border-bottom:none}.email-summary{display:grid;grid-template-columns:100px 200px 170px 100px 140px 120px;gap:1rem;padding:.75rem 1rem;align-items:center;font-size:13px}.email-time{color:var(--color-text-secondary, #6b7280);font-size:12px}.email-id-short{color:var(--color-text-body, #374151);font-family:var(--font-mono, "Monaco", "Menlo", "Courier New", monospace);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-category{display:flex;align-items:center}.category-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.category-badge.excluded{background-color:var(--color-text-tertiary, #9ca3af)}.email-confidence{color:var(--color-text-body, #374151);font-weight:500}.email-method{display:flex;align-items:center}.method-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-sm, 4px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.method-badge.llm{background-color:#dbeafe;color:#1e40af}.method-badge.keyword{background-color:var(--color-success-bg, #d1fae5);color:var(--color-success-dark, #065f46)}.method-badge.exclusion{background-color:var(--color-border, #e5e7eb);color:var(--color-text-secondary, #6b7280)}.email-cost{color:var(--color-text-body, #374151);font-family:var(--font-mono, "Monaco", "Menlo", "Courier New", monospace);font-size:11px;font-weight:500}.email-details{padding:1rem 1rem 1rem 2rem;background-color:var(--color-bg-subtle, #f9fafb);border-top:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;gap:.5rem;cursor:text;-webkit-user-select:text;user-select:text}.detail-row{display:flex;gap:1rem;font-size:12px}.detail-label{color:var(--color-text-secondary, #6b7280);font-weight:500;min-width:120px}.detail-value{color:var(--color-text-primary, #111827);font-weight:400;font-family:var(--font-mono, "Monaco", "Menlo", "Courier New", monospace);word-break:break-all;overflow-wrap:break-word}.detail-value.exclusion{color:var(--color-danger, #ef4444);font-weight:500}.emails-loading,.emails-error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;font-size:14px;color:var(--color-text-secondary, #6b7280)}.emails-error{color:var(--color-danger, #ef4444)}.spinner{width:20px;height:20px;border:2px solid var(--color-border, #e5e7eb);border-top-color:var(--color-accent, #006FFF);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-emails{padding:3rem;text-align:center;color:var(--color-text-secondary, #6b7280);font-size:14px}.hourly-stats{margin-top:2rem;margin-bottom:2rem;padding:1.5rem;background-color:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.03));width:100%}.hourly-stats h3{font-family:var(--font-heading, "DM Sans", sans-serif);font-size:16px;font-weight:var(--weight-semibold, 600);color:var(--color-text-heading, #292524);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #d6d3d1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;width:100%}.hour-card{padding:1rem;background-color:var(--color-bg-subtle, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.hour-header{font-size:13px;font-weight:var(--weight-semibold, 600);color:var(--color-text-body, #374151);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.hour-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:12px}.stat-label{color:var(--color-text-secondary, #6b7280)}.stat-value{color:var(--color-text-primary, #111827);font-weight:600}.hour-categories{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;gap:.25rem}.cat-mini{display:flex;justify-content:space-between;font-size:11px}.cat-name{color:var(--color-text-secondary, #6b7280)}.cat-count{color:var(--color-text-primary, #111827);font-weight:600}@media(max-width:1024px){.email-header-row,.email-summary{grid-template-columns:80px 150px 120px 80px 80px 100px;gap:.5rem;font-size:11px}.search-input{width:150px}}@media(max-width:767px){.emails-container{padding-top:.75rem}.emails-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding-bottom:.75rem}.emails-header h2{font-size:16px}.email-filters{flex-direction:column;width:100%;gap:.5rem}.filter-group{width:100%;padding:.5rem}.search-input{width:100%}.email-header-row{display:none}.emails-list{max-height:none}.email-row{border:1px solid var(--color-border, #d6d3d1);border-radius:6px;margin-bottom:.5rem}.email-row:last-child{border:1px solid var(--color-border, #d6d3d1)}.email-summary{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.email-summary>div{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--color-border-subtle, #e7e5e4)}.email-summary>div:last-child{border-bottom:none}.email-time:before{content:"Time: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.email-id-short:before{content:"Email ID: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.email-category:before{content:"Category: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.email-confidence:before{content:"Confidence: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.email-method:before{content:"Method: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.email-cost:not(:has(button)):before{content:"Cost: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.email-time,.email-id-short,.email-confidence,.email-cost,.email-category,.email-method{font-size:13px}.stats-grid{grid-template-columns:1fr}.emails-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.summary-stat{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.375rem .5rem;background-color:#fff;border-radius:4px}.summary-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.summary-value{font-size:15px;font-weight:700}.filter-group{padding:.375rem .5rem}.date-input,.category-select,.search-input{font-size:12px}.email-row{margin-bottom:.375rem}.email-summary{gap:.375rem;padding:.5rem}.email-summary>div{padding:.2rem 0}.email-details{padding:.75rem .75rem .75rem 1rem}.detail-row{font-size:11px;gap:.5rem}.detail-label{min-width:100px;font-size:11px}.detail-value{font-size:11px}.hourly-stats{margin-top:1rem;padding:1rem}.hourly-stats h3{font-size:14px;margin-bottom:.75rem}.hour-card{padding:.75rem}.hour-header{font-size:12px;margin-bottom:.5rem;padding-bottom:.375rem}.hour-stat{font-size:11px;margin-bottom:.25rem}.hour-categories{margin-top:.5rem;padding-top:.5rem}.cat-mini{font-size:10px}.emails-container{padding-bottom:80px}.email-cost button{padding:.25rem .5rem!important;font-size:11px!important;gap:.25rem!important}.email-cost button svg{width:12px!important;height:12px!important}.email-cost:has(button){display:flex!important;justify-content:center!important;align-items:center!important}}@media(min-width:768px){.spam-page .emails-list .email-header-row,.spam-page .emails-list .email-summary{grid-template-columns:100px minmax(200px,1fr) minmax(250px,350px) 100px 140px}.spam-page .email-subject{color:#374151;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spam-page .email-sender{color:#6b7280;font-family:var(--font-mono, "JetBrains Mono", "Monaco", "Menlo", monospace);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:768px)and (max-width:1024px){.spam-page .emails-list .email-header-row,.spam-page .emails-list .email-summary{grid-template-columns:80px minmax(150px,1fr) 80px 120px}.spam-page .email-sender{display:none}}@media(max-width:767px){.spam-page .email-subject{text-align:center;font-size:13px;font-weight:500;color:#111827;align-items:flex-start!important}.spam-page .email-subject:before{content:"Subject: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);align-self:flex-start}.spam-page .email-sender:before{content:"From: ";font-weight:600;color:#6b7280;margin-right:.5rem;font-family:var(--font-family, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.spam-page .email-sender,.spam-page .email-confidence,.spam-page .email-time{font-size:13px}}:root{--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-active: #1e40af;--color-accent-subtle: #eff6ff;--color-success: #059669;--color-success-dark: #065f46;--color-success-bg: #d1fae5;--color-success-border: #a7f3d0;--color-danger: #ef4444;--color-danger-dark: #7f1d1d;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-warning: #f59e0b;--color-warning-dark: #7a5b00;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--color-bg-page: #f0ede8;--color-bg-card: #faf9f7;--color-bg-subtle: #f5f3ef;--color-bg-muted: #e8e5e0;--color-border: #d6d3d1;--color-border-subtle: #e7e5e4;--color-border-strong: #a8a29e;--color-text-primary: #1c1917;--color-text-secondary: #78716c;--color-text-tertiary: #a8a29e;--color-text-heading: #292524;--color-text-body: #44403c;--color-header-bg: #faf9f7;--color-header-border: var(--color-border);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 2px 8px rgba(28, 25, 23, .06);--shadow-lg: 0 4px 16px rgba(28, 25, 23, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", "Courier New", monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 32px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--header-height: 56px;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-text-body);overflow:hidden}@media(max-width:767px){body{overflow:visible;height:auto}}.eclas-shell{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}@media(max-width:767px){.eclas-shell{overflow:visible;height:auto;min-height:100vh}}.eclas-header{background:linear-gradient(180deg,var(--color-header-bg) 0%,var(--color-bg-page) 100%);border-bottom:1px solid var(--color-header-border);padding:0 var(--space-5);display:flex;justify-content:space-between;align-items:center;height:var(--header-height);flex-shrink:0;position:sticky;top:0;z-index:40;box-shadow:0 1px #1c19170a}.eclas-header-left{display:flex;align-items:center;gap:var(--space-2)}.eclas-header-icon{width:20px;height:20px;color:var(--color-accent)}.eclas-header-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.2px}.eclas-header-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-left:var(--space-2)}.eclas-header-right{display:flex;align-items:center;gap:var(--space-3)}.dashboard-nav{display:flex;gap:var(--space-2);align-items:center}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:20px;font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base);border:none;position:relative}.nav-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.nav-link.active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-active) 100%);color:#fff;box-shadow:0 2px 6px #2563eb4d}.nav-link.active svg{color:#fff}.nav-link svg{color:var(--color-text-secondary);transition:color var(--transition-base)}.nav-link:hover svg{color:var(--color-text-primary)}.spam-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background-color:var(--color-danger);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:9px;margin-left:var(--space-1);line-height:1}.nav-link.active .spam-badge{background-color:#fff;color:var(--color-danger)}.eclas-last-update{color:var(--color-text-secondary);font-size:var(--text-base)}.eclas-status{padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.3px;text-transform:uppercase}.eclas-status.healthy{color:var(--color-success-dark);background:var(--color-success-bg);border:1px solid var(--color-success-border)}.eclas-status.unhealthy{color:var(--color-danger-dark);background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.eclas-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.4;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.eclas-refresh-btn svg{color:var(--color-text-secondary);transition:color var(--transition-base)}.eclas-refresh-btn:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong);color:var(--color-text-body)}.eclas-refresh-btn:hover:not(:disabled) svg{color:var(--color-text-body)}.eclas-refresh-btn:active:not(:disabled){background:var(--color-bg-muted)}.eclas-refresh-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-tertiary);border-color:var(--color-border)}.eclas-body{display:flex;flex:1;overflow:hidden}.eclas-sidebar{width:var(--sidebar-width);background-color:var(--color-bg-card);border-right:1px solid var(--color-border);padding:var(--space-4);overflow-y:auto;overflow-x:hidden;flex-shrink:0;max-height:calc(100vh - var(--header-height));-webkit-overflow-scrolling:touch}.sidebar-section{display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);overflow:hidden}.sidebar-section+.sidebar-section{margin-top:var(--space-3)}.sidebar-section-header{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-heading)}.sidebar-section-header svg{color:var(--color-text-secondary);width:16px;height:16px;transition:color var(--transition-base)}.sidebar-section-header svg.status-icon--healthy{color:var(--color-success)}.sidebar-section-header svg.status-icon--unhealthy{color:var(--color-danger)}.sidebar-section-header svg.status-icon--warning{color:var(--color-warning)}.sidebar-divider{height:1px;background-color:var(--color-border);margin:var(--space-1) var(--space-3)}.sidebar-subsection-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-text-secondary);transition:background-color var(--transition-base)}.sidebar-subsection-toggle:hover{background-color:var(--color-bg-subtle)}.sidebar-subsection-toggle:last-child{margin-bottom:var(--space-1)}.sidebar-subsection-toggle svg:last-child{color:var(--color-text-tertiary);flex-shrink:0}.sidebar-subsection-header{display:flex;align-items:center;gap:var(--space-2);padding:0;font-family:var(--font-heading);font-size:12px;font-weight:var(--weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.sidebar-subsection-header svg{color:var(--color-text-tertiary);width:14px;height:14px;transition:color var(--transition-base)}.sidebar-subsection-header svg.status-icon--healthy{color:var(--color-success)}.sidebar-subsection-header svg.status-icon--unhealthy{color:var(--color-danger)}.sidebar-subsection-header svg.status-icon--warning{color:var(--color-warning)}.sidebar-info-list{padding:0 var(--space-3) var(--space-2) var(--space-3)}.sidebar-info-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:var(--text-base)}.sidebar-info-item:last-child{border-bottom:none}.sidebar-label{color:var(--color-text-secondary);font-weight:var(--weight-normal);font-size:13px}.sidebar-value{color:var(--color-text-primary);font-weight:var(--weight-semibold);text-align:right;font-size:13px}.eclas-small-text{font-size:var(--text-sm)!important;line-height:1.2}.eclas-compact-date{font-size:var(--text-xs)!important;line-height:1.1;white-space:nowrap;color:#4b5563}.status-healthy{color:var(--color-success)!important}.status-degraded,.status-warning{color:var(--color-warning)!important}.status-unhealthy{color:var(--color-danger)!important}.status-pending{color:var(--color-text-tertiary)!important}.eclas-main{flex:1;background-color:var(--color-bg-page);padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - var(--header-height))}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-4);align-items:stretch}.kpi-row>*{height:100%}.kpi-row>*>.card{height:100%;box-sizing:border-box}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card--accent-blue{border-top-color:var(--color-accent)}.card--accent-green{border-top-color:var(--color-success)}.card--accent-amber{border-top-color:var(--color-warning)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.card-title{font-family:var(--font-heading);font-size:12px;font-weight:var(--weight-semibold);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px}.card-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1;letter-spacing:-.5px}.card-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card-sub-emphasis{margin-top:2px;font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.kpi-category-chart{margin-top:10px;margin-bottom:var(--space-1)}.kpi-category-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;background-color:var(--color-bg-muted);margin-bottom:var(--space-2)}.kpi-category-legend{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:6px;font-size:var(--text-xs)}.kpi-category-legend-item{display:flex;align-items:center;gap:var(--space-1)}.kpi-category-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0}.kpi-category-legend-text{color:var(--color-text-secondary);white-space:nowrap}.kpi-category-more{color:var(--color-text-secondary);font-size:var(--text-xs)}.status-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-card);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.status-dot-wrapper{display:flex;align-items:center;gap:.5rem}.status-bar .status-dot-wrapper{gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background-color:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);transition:all var(--transition-base)}.status-bar .status-dot-wrapper--healthy{background-color:#ecfdf5;border-color:#a7f3d0}.status-bar .status-dot-wrapper--unhealthy{background-color:#fef2f2;border-color:#fecaca}.status-bar .status-dot-wrapper--warning{background-color:#fffbeb;border-color:#fde68a}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.healthy{background-color:var(--color-success);box-shadow:0 0 4px #05966966;animation:statusPulse 2s ease-in-out infinite}.status-dot.unhealthy{background-color:var(--color-danger);box-shadow:0 0 4px #ef444480;animation:statusPulse 1.5s ease-in-out infinite}.status-dot.warning{background-color:var(--color-warning);box-shadow:0 0 4px #f59e0b66;animation:statusPulse 1.8s ease-in-out infinite}.status-dot.pending{background-color:var(--color-border)}@keyframes statusPulse{0%,to{box-shadow:0 0 4px #0596694d}50%{box-shadow:0 0 8px #05966999}}.status-dot-label{font-size:var(--text-sm);color:var(--color-text-body);font-weight:var(--weight-medium);white-space:nowrap}.budget-status-indicator{width:8px;height:8px;border-radius:50%}.budget-status-indicator.under{background-color:var(--color-success);box-shadow:0 0 2px #10b98166}.budget-status-indicator.over{background-color:var(--color-danger);box-shadow:0 0 2px #ef444466}.budget-status-label{font-family:var(--font-heading);font-size:12px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.eclas-cost-table{display:flex;flex-direction:column;gap:.25rem;margin-top:var(--space-1)}.eclas-cost-row{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;padding:2px 0}.eclas-cost-label{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.eclas-cost-value{color:var(--color-text-primary);font-weight:var(--weight-semibold);font-family:var(--font-mono);min-width:92px;text-align:right}.eclas-cost-progress{margin-top:var(--space-2)}.eclas-progress-bar{height:8px;border-radius:var(--radius-pill);background:var(--color-bg-muted);overflow:hidden}.eclas-progress-fill{height:100%;background:var(--color-accent);transition:width var(--transition-slow)}.eclas-progress-text{margin-top:6px;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right}.alert-banner--warning{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-warning);background:#fffaf0;color:var(--color-warning-dark);border-radius:var(--radius-sm);font-size:12px}.alert-banner--stale{margin-bottom:var(--space-2);padding:6px var(--space-3);background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-sm);font-size:var(--text-sm);color:#0369a1;display:flex;align-items:center;gap:6px}.alert-banner--stale .stale-right{margin-left:auto;opacity:.7}.chart-skeleton{width:100%;height:250px;background-color:var(--color-bg-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.chart-skeleton__bars{display:flex;align-items:flex-end;gap:6px;flex:1;padding-top:var(--space-4)}.chart-skeleton__bar{flex:1;background-color:var(--color-bg-muted);border-radius:3px 3px 0 0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chart-skeleton__axis{height:1px;background-color:var(--color-border)}.chart-skeleton__labels{display:flex;justify-content:space-between}.chart-skeleton__label{width:30px;height:8px;background-color:var(--color-bg-muted);border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chart-skeleton__inner{text-align:center;color:var(--color-text-tertiary)}.chart-skeleton__text{font-size:var(--text-md);font-weight:var(--weight-medium)}.incidents-skeleton-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.incidents-skeleton__lane{display:flex;align-items:center;gap:var(--space-3);padding:6px 0}.incidents-skeleton__lane-label{width:120px;height:12px;background-color:var(--color-bg-muted);border-radius:4px;flex-shrink:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.incidents-skeleton__lane-track{flex:1;height:24px;background-color:var(--color-bg-subtle);border-radius:3px;position:relative;overflow:hidden;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.incidents-skeleton__lane-track:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.kpi-skeleton{background:var(--color-bg-card);border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.kpi-skeleton__title{width:80px;height:10px;background-color:var(--color-bg-muted);border-radius:4px;margin-bottom:var(--space-3);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.kpi-skeleton__value{width:60px;height:24px;background-color:var(--color-bg-muted);border-radius:4px;margin-bottom:var(--space-2);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.kpi-skeleton__sub{width:120px;height:8px;background-color:var(--color-bg-muted);border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.full-page-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--font-family)}.full-page-loading__inner{text-align:center}.full-page-loading__text{color:var(--color-text-secondary)}.chart-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;margin-bottom:var(--space-4);flex-shrink:0;box-shadow:var(--shadow-sm)}.chart-card:last-child{margin-bottom:0}.chart-card-header{padding:10px var(--space-3);border-bottom:1px solid var(--color-border-subtle);font-weight:var(--weight-semibold);color:var(--color-text-heading);background:linear-gradient(180deg,var(--color-bg-card) 0%,var(--color-bg-subtle) 100%)}.chart-card-title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-heading);letter-spacing:-.1px}.chart-card-container{position:relative;padding:10px 6px 6px}.chart-card-container.incidents-timeline{padding:0!important;--plot-padding-left: 60px;--plot-padding-right: 45px}.spike-badge{position:absolute;top:-30px;right:10px;background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);padding:var(--space-1) 10px;font-size:var(--text-sm);color:#dc2626;font-weight:var(--weight-semibold);z-index:100}.chart-state{height:250px;display:flex;align-items:center;justify-content:center}.chart-state--loading{color:var(--color-text-secondary)}.chart-state--error{color:#b91c1c}.chart-state--empty{color:var(--color-text-secondary)}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1a1a2e;color:#e0e0e0;font-family:var(--font-family)}.error-boundary__card{text-align:center;max-width:480px;padding:var(--space-10)}.error-boundary__title{font-size:1.5rem;font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:#fff}.error-boundary__message{font-size:.95rem;color:#a0a0b8;margin-bottom:var(--space-6);line-height:1.5}.error-boundary__stack{text-align:left;font-size:.8rem;color:#e57373;background-color:#1e1e30;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__reload{padding:10px var(--space-6);font-size:.95rem;font-weight:var(--weight-medium);color:#fff;background-color:#3a7bd5;border:none;border-radius:var(--radius-md);cursor:pointer}.spam-error-banner{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:#991b1b;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.spam-empty-state{text-align:center;padding:3rem var(--space-4);color:var(--color-text-secondary);background:linear-gradient(180deg,#ecfdf5 0%,var(--color-bg-card) 100%);border:1px solid var(--color-success-border);border-radius:var(--radius-md)}.spam-empty-icon{width:48px;height:48px;border-radius:50%;background-color:var(--color-success-bg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.spam-empty-icon svg{color:var(--color-success)}.spam-empty-title{margin:.5rem 0 0;font-family:var(--font-heading);font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--color-text-heading)}.spam-empty-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.not-spam-btn{padding:.25rem .75rem;border-radius:var(--radius-sm);border:none;font-size:.8125rem;font-weight:var(--weight-medium);display:inline-flex;align-items:center;gap:.375rem;background-color:var(--color-accent);color:#fff;cursor:pointer;transition:all var(--transition-base)}.not-spam-btn:disabled{background-color:var(--color-text-tertiary);cursor:not-allowed}.not-spam-btn .spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spam-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;font-size:14px;color:var(--color-text-secondary, #6b7280)}.sidebar-info-item--stacked{flex-direction:column;align-items:flex-start;gap:.25rem}.sidebar-value--url{font-size:9px;word-break:break-all;width:100%}.eclas-loading{display:flex;align-items:center;justify-content:center;height:100vh;gap:.5rem;font-size:var(--text-md);color:var(--color-text-secondary)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinning{animation:spin 1s linear infinite}.eclas-error{display:flex;align-items:center;justify-content:center;height:100vh;gap:.5rem;font-size:var(--text-md);color:var(--color-danger)}.eclas-retry-btn{background-color:var(--color-danger);border:none;color:#fff;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;margin-left:.5rem}.eclas-retry-btn:hover{background-color:#c0392b}.mobile-quick-status{display:none}.desktop-status-bar{display:block}.sidebar-toggle-btn{display:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);margin-left:auto;transition:color .2s ease}.sidebar-toggle-btn:hover{color:var(--color-text-body)}.eclas-incidents-timeline{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4);height:100px}.eclas-incidents-header{margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-border-subtle)}.eclas-incidents-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-heading)}.eclas-incidents-container{position:relative;height:40px;background-color:var(--color-bg-subtle);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.incidents-timeline-axis{position:absolute;bottom:50%;left:0;right:0;height:1px;background-color:var(--color-border)}.incident-dot{position:absolute;width:8px;height:8px;border-radius:50%;cursor:pointer;top:50%;transform:translateY(-50%);border:2px solid white;box-shadow:0 1px 3px #0003}.incident-dot.webhook{background-color:var(--color-danger)}.incident-dot.subscription{background-color:var(--color-warning)}.incident-dot.tunnel{background-color:#9b59b6}.incident-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--color-text-heading);color:#fff;padding:.25rem .5rem;border-radius:3px;font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000;margin-bottom:5px}.incident-dot:hover .incident-tooltip{opacity:1}.eclas-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:visible;margin-bottom:var(--space-4)}.eclas-stats-section{background-color:var(--color-bg-card);padding:var(--space-4)}.eclas-stats-section h3{font-size:12px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.eclas-stat-data{display:flex;flex-direction:column;gap:.5rem}.eclas-primary-stat{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-heading);line-height:1}.eclas-stat-details{display:flex;flex-direction:column;gap:.25rem}.eclas-stat-details span{font-size:var(--text-sm);color:var(--color-text-secondary)}.eclas-stat-details span:first-child{color:var(--color-text-heading);font-weight:var(--weight-medium);font-size:12px}.eclas-cost-line{color:var(--color-text-heading)!important;font-weight:var(--weight-semibold)!important;font-size:12px!important;font-family:var(--font-mono)}@media(min-width:1024px)and (max-width:1366px){.eclas-sidebar{width:260px}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.eclas-header-title{font-size:15px}.eclas-incidents-timeline{margin-bottom:1.5rem}}@media(min-width:768px)and (max-width:1023px){.eclas-body{flex-direction:row}.eclas-sidebar{width:220px;max-height:calc(100vh - var(--header-height));overflow-y:auto}.kpi-row{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.card{padding:10px}.card-value{font-size:18px}.card-title{font-size:var(--text-sm)}.card-sub{font-size:var(--text-xs)}.eclas-header-right{gap:var(--space-2)}.eclas-last-update{font-size:var(--text-sm)}.chart-card{margin-bottom:var(--space-2)}.chart-card-title{font-size:var(--text-base)}.eclas-incidents-timeline{margin-bottom:1.5rem}}@media(max-width:767px){.desktop-status-bar{display:none!important}.mobile-quick-status{display:flex;align-items:center;justify-content:space-around;padding:6px var(--space-2);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);gap:var(--space-1);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.quick-status-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.status-dot-mini{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-mini.healthy{background-color:var(--color-success);box-shadow:0 0 2px #10b98166}.status-dot-mini.unhealthy{background-color:var(--color-danger);box-shadow:0 0 2px #ef444466}.status-dot-mini.pending{background-color:var(--color-border)}.quick-status-label{font-size:9px;color:var(--color-text-secondary);font-weight:var(--weight-medium);white-space:nowrap;text-align:center}.eclas-body{flex-direction:column;height:auto;overflow:visible}.eclas-sidebar{width:100%;height:auto;max-height:none;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-2);overflow:visible;overflow-x:hidden;flex-shrink:0;-webkit-overflow-scrolling:touch}.sidebar-toggle-btn{display:inline-flex}.eclas-sidebar:not(.expanded){max-height:60px;overflow:hidden}.eclas-sidebar:not(.expanded) .sidebar-section:not(:first-child){display:none}.eclas-sidebar:not(.expanded) .sidebar-info-item:nth-child(n+4){display:none}.eclas-sidebar.expanded{max-height:600px;overflow-y:auto}.sidebar-section{margin-top:var(--space-2)}.sidebar-section:first-child{margin-top:0}.sidebar-info-item{padding:var(--space-1) 0;font-size:12px}.eclas-main{flex:1;padding:var(--space-3) var(--space-2) 150px var(--space-2);overflow-y:auto;overflow-x:hidden;height:auto;min-height:0;-webkit-overflow-scrolling:touch}.kpi-row{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px}.card{padding:6px var(--space-2);min-height:75px}.card-head{margin-bottom:3px}.card-value{font-size:18px;line-height:1.1;margin-bottom:2px}.card-title{font-size:var(--text-xs);letter-spacing:.3px}.card-sub{font-size:9px;line-height:1.3;margin-top:2px}.card .card-sub+div{margin-top:6px!important}.card .card-sub+div>div:first-child{height:10px!important;margin-bottom:6px!important}.card .card-sub+div>div:last-child{font-size:9px!important;gap:3px!important}.eclas-header{padding:var(--space-2) 10px 10px 10px!important;height:auto!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;position:static!important;top:auto!important;z-index:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.eclas-header-left{justify-content:center;padding-bottom:var(--space-1)}.eclas-header-title{font-size:var(--text-md)}.eclas-header-right{flex-direction:row;gap:6px;align-items:center;justify-content:space-between;width:100%;padding-bottom:2px}.dashboard-nav{gap:var(--space-1);flex:1}.nav-link{padding:7px var(--space-2);font-size:var(--text-sm);gap:var(--space-1);flex:1;justify-content:center;border-radius:var(--radius-sm)}.nav-link svg{width:14px;height:14px}.spam-badge{min-width:16px;height:16px;font-size:var(--text-xs);padding:0 var(--space-1);margin-left:2px}.eclas-last-update{font-size:var(--text-xs)}.eclas-status{font-size:9px;padding:1px 6px}.eclas-refresh-btn{padding:7px var(--space-2);font-size:var(--text-xs);gap:3px;white-space:nowrap;border-radius:var(--radius-sm);flex-shrink:0}.eclas-refresh-btn svg{width:12px;height:12px}.chart-card{margin-bottom:10px}.chart-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.chart-card-header{margin-bottom:6px;padding-bottom:var(--space-1);padding-left:var(--space-2);padding-right:var(--space-2)}.chart-card-container{padding:var(--space-1) 2px 2px 2px;min-height:auto}.chart-skeleton{height:200px}.email-processing-billboard{height:200px!important;max-height:200px;margin-bottom:var(--space-2)}.email-processing-billboard .bb svg{height:200px!important}.chart-card{position:relative;overflow:visible;min-height:auto}.chart-card:last-child{margin-bottom:100px}.chart-card-container.incidents-timeline{height:160px!important;min-height:160px;--plot-padding-left: 18px;--plot-padding-right: 18px}.chart-legend.one-line{font-size:9px;padding:var(--space-2) var(--space-2) 6px var(--space-2);margin-top:6px;gap:3px}.chart-legend.one-line .legend-left>*,.chart-legend.one-line .legend-right>*{font-size:9px}.status-bar{gap:var(--space-3);padding:var(--space-2) var(--space-3);flex-wrap:wrap}}@media(min-width:393px)and (max-width:430px){.kpi-row{grid-template-columns:1fr}.card{min-height:80px}.eclas-main{padding-bottom:140px}}@media(max-width:392px){.kpi-row{grid-template-columns:1fr}.eclas-header{padding:6px var(--space-2);height:45px}.eclas-header-title{font-size:var(--text-base)}.eclas-main{padding:6px 6px 160px}.card{padding:6px;min-height:70px}.card-value{font-size:var(--text-md)}.chart-card-title{font-size:var(--text-sm)}}@media(pointer:coarse){.eclas-refresh-btn{min-height:44px;min-width:44px}.sidebar-info-item{padding:var(--space-2) 0;min-height:44px;align-items:center}.sidebar-info-item.sidebar-info-item--stacked{align-items:flex-start}.card{min-height:100px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.chart-card{border-width:.5px}.eclas-header{border-bottom-width:.5px}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.kpi-row{grid-template-columns:repeat(3,1fr)}.eclas-sidebar{width:200px;max-height:calc(100vh - var(--header-height));overflow-y:auto}.sidebar-section+.sidebar-section{margin-top:.75rem}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.kpi-row{grid-template-columns:repeat(2,1fr)}.eclas-sidebar{width:240px;max-height:calc(100vh - var(--header-height));overflow-y:auto}.sidebar-section+.sidebar-section{margin-top:.75rem}}.eclas-dashboard{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-page);max-height:100vh;overflow:hidden}.chart-legend.one-line{font-size:var(--text-sm);line-height:1.25;color:var(--color-text-body);display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-3) var(--space-2) var(--space-3);white-space:nowrap;letter-spacing:0}.chart-legend.one-line .legend-left,.chart-legend.one-line .legend-right{display:inline-flex;align-items:center;font-size:0}.chart-legend.one-line .legend-left>*,.chart-legend.one-line .legend-right>*{font-size:var(--text-sm)}.chart-legend.one-line .legend-label{color:var(--color-text-primary);font-weight:var(--weight-semibold);display:inline-block}.chart-legend.one-line .legend-label:after{content:"";display:inline-block;width:6px}.chart-legend.one-line .legend-item{position:relative;display:inline-block}.chart-legend.one-line .legend-item+.legend-item:before{content:"•";color:var(--color-text-secondary);display:inline-block;font-size:var(--text-base);line-height:1;vertical-align:baseline;margin:0 6px}.chart-legend.one-line .muted{color:var(--color-text-secondary)}.chart-legend.one-line .blue{color:#06f;font-weight:var(--weight-medium)}.chart-legend.one-line .green{color:#10b981;font-weight:var(--weight-medium)}.chart-legend.one-line .orange{color:#f59e0b;font-weight:var(--weight-medium)}.chart-legend.one-line .gray{color:var(--color-text-secondary);font-weight:var(--weight-medium)}@media(max-width:900px){.chart-legend.one-line{flex-direction:column;align-items:flex-start;gap:var(--space-1);white-space:normal}.chart-legend.one-line .legend-left,.chart-legend.one-line .legend-right{width:100%}}@media(max-width:600px){.chart-legend.one-line{font-size:var(--text-xs);gap:6px}.chart-legend.one-line .legend-left>*,.chart-legend.one-line .legend-right>*{font-size:var(--text-xs)}.chart-legend.one-line .legend-left,.chart-legend.one-line .legend-right{flex-wrap:wrap;gap:2px 0}}.bb-line-Daily-Total-Processed path,.bb-line-Daily-Total-Processed .bb-line{stroke-dasharray:5 5!important}.bb-line-Daily-Total-Classified path,.bb-line-Daily-Total-Classified .bb-line{stroke-dasharray:5 5!important}.bb-line-Daily-Total-LLM path,.bb-line-Daily-Total-LLM .bb-line{stroke-dasharray:5 5!important}.bb-chart-line .bb-line[class*=Daily-Total]{stroke-dasharray:5 5!important}.bb text,.bb-axis text,.bb-legend text,.bb-tooltip{font-family:var(--font-family)!important}.incidents-timeline-billboard .bb svg{font-family:var(--font-family);overflow:visible!important}.incidents-timeline-billboard .bb-chart,.incidents-timeline-billboard .bb-chart-lines{overflow:visible!important}.incidents-timeline-billboard .bb-grid line,.incidents-timeline-billboard .bb-ygrid line{stroke:var(--color-border);stroke-width:.5px}.incidents-timeline-billboard .bb-axis-x line,.incidents-timeline-billboard .bb-axis-y line{stroke:var(--color-border);stroke-width:.5px}.incidents-timeline-billboard .domain{stroke:var(--color-border);stroke-width:.5px}.incidents-timeline-billboard .bb-circle{stroke-width:1.5px;opacity:.9}.incidents-timeline-billboard .bb-circle._expanded_{stroke-width:2px;opacity:1}.incidents-timeline-billboard .bb-axis-x text,.incidents-timeline-billboard .bb-axis-y text{font-size:var(--text-sm);fill:var(--color-text-secondary);font-weight:var(--weight-medium)}.incidents-timeline-billboard .bb-axis-y text{font-size:9px;text-transform:uppercase;letter-spacing:.5px;fill:var(--color-text-tertiary);font-weight:var(--weight-semibold)}.incidents-timeline-billboard .bb-legend-item text{font-size:var(--text-sm);fill:#4b5563;font-weight:var(--weight-medium)}.incidents-timeline-billboard .bb-legend-item-Critical,.incidents-timeline-billboard .bb-legend-item-Warning,.incidents-timeline-billboard .bb-legend-item-Recovery-Info{cursor:default}.incidents-timeline-billboard .bb-tooltip{background:#fffffffa;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);font-size:12px;color:var(--color-text-body)}.incidents-timeline-billboard .bb-tooltip th{background:transparent;border:none;color:var(--color-text-secondary);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:2px 0 var(--space-1) 0}.incidents-timeline-billboard .bb-tooltip td{border:none;padding:2px 0;font-size:12px}.incidents-timeline-billboard .bb-tooltip td>span{display:inline-block;margin-right:6px}.incidents-timeline-billboard{border:none}.incidents-timeline-billboard .bb-circles-Critical circle{d:path("M 0,-5 L 4.33,0 L 0,5 L -4.33,0 Z")}.incidents-timeline-billboard .bb-circles-Warning circle{d:path("M 0,-5 L 4.33,2.5 L -4.33,2.5 Z")}.email-processing-billboard .bb svg{font-family:var(--font-family)}.email-processing-billboard .bb-grid line,.email-processing-billboard .bb-ygrid line,.email-processing-billboard .bb-xgrid line{stroke:var(--color-border);stroke-width:.5px}.email-processing-billboard .bb-axis-x line,.email-processing-billboard .bb-axis-y line,.email-processing-billboard .bb-axis-y2 line{stroke:var(--color-border);stroke-width:.5px}.email-processing-billboard .domain{stroke:var(--color-border);stroke-width:.5px}.email-processing-billboard .bb-axis-x text,.email-processing-billboard .bb-axis-y text,.email-processing-billboard .bb-axis-y2 text{font-size:var(--text-sm);fill:var(--color-text-secondary);font-weight:var(--weight-medium)}.email-processing-billboard .bb-tooltip{background:#fffffffa;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);font-size:12px;color:var(--color-text-body)}.recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important}.recharts-tooltip-item-list{color:var(--color-text-heading)!important;font-size:12px!important}.recharts-tooltip-label{color:var(--color-text-heading)!important;font-size:12px!important;font-weight:var(--weight-semibold)!important}.topnav{height:44px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:0 var(--space-3);display:flex;align-items:center;justify-content:space-between}.topnav-left{display:flex;align-items:center;gap:var(--space-2)}.topnav-title{font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--color-text-heading)}.topnav-links{display:flex;gap:10px}.topnav-link{font-size:12px;color:var(--color-accent);text-decoration:none}.topnav-link:hover{text-decoration:underline}