:root{--color-grounded:#1e4d2b;--color-conduit:#f0eeeb;--color-terminal:#292826;--color-energy:#ed6c30;--color-livewire:#b2dd79;--color-white:#fff;--color-channel-sms:#048ee5;--color-channel-email:#77a45a;--color-channel-phone:#ed6c30;--color-channel-chat:#1e4d2b;--color-grey-60:#7f7d7a;--color-grey-40:#a9a8a7;--color-grey-20:#d8d7d5;--color-grey-5:#f0eeeb;--bg-primary:var(--color-conduit);--bg-surface:var(--color-white);--bg-header:var(--color-grounded);--text-primary:var(--color-terminal);--text-secondary:var(--color-grey-60);--text-inverse:var(--color-white);--accent:var(--color-energy);--success:var(--color-livewire);--border:var(--color-grey-20);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg-primary:#1a1917;--bg-surface:#242220;--bg-header:#1c2e22;--text-primary:#e8e6e3;--text-secondary:#a8a5a0;--text-inverse:#d8d5d0;--border:#3d3b38;--color-grounded:#6db87f;--color-livewire:#8fbb5e;--color-energy:#f0854e;--color-conduit:#1a1917;--color-grey-60:#a8a5a0;--color-grey-40:#706e6b;--color-grey-20:#3d3b38;--color-grey-5:#2a2826;--ai-summary-bg:#2a2826;--ai-summary-border:#3d3b38;--ai-summary-accent:#4a8a5a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#1a1917;--bg-surface:#242220;--bg-header:#1c2e22;--text-primary:#e8e6e3;--text-secondary:#a8a5a0;--text-inverse:#d8d5d0;--border:#3d3b38;--color-grounded:#6db87f;--color-livewire:#8fbb5e;--color-energy:#f0854e;--color-conduit:#1a1917;--color-grey-60:#a8a5a0;--color-grey-40:#706e6b;--color-grey-20:#3d3b38;--color-grey-5:#2a2826;--ai-summary-bg:#2a2826;--ai-summary-border:#3d3b38;--ai-summary-accent:#4a8a5a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-weight:var(--font-weight-medium);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.5;overflow-x:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-loading{min-height:200px;color:var(--text-secondary);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex}.app-content{padding:var(--space-md);flex:1}.contact-header{background:var(--bg-header);color:var(--text-inverse);padding:var(--space-lg) var(--space-lg) var(--space-md)}.contact-header__top-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.contact-header__name{font-size:16px;font-weight:var(--font-weight-semibold);margin:0;line-height:1.3}.contact-header__theme-toggle{cursor:pointer;color:var(--text-inverse);opacity:.6;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px;font-size:14px;line-height:1;transition:opacity .15s}.contact-header__theme-toggle:hover{opacity:1}.contact-header__handles{margin-top:var(--space-sm);gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.contact-header__handle{align-items:center;gap:var(--space-sm);opacity:.85;font-size:12px;display:flex}.contact-header__handle-source{font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;opacity:.7;min-width:48px;font-size:10px}.contact-header__handle-value{font-weight:var(--font-weight-regular)}.active-call-banner{--banner-color:var(--color-channel-phone);align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:color-mix(in srgb, var(--banner-color) 12%, var(--bg-surface));border-bottom:1px solid color-mix(in srgb, var(--banner-color) 25%, transparent);animation:.3s banner-in;display:flex}.active-call-banner--connected{--banner-color:var(--color-livewire)}.active-call-banner--ringing{--banner-color:var(--color-channel-phone)}.active-call-banner--hold{--banner-color:var(--color-grey-60)}.active-call-banner--queued{--banner-color:var(--color-channel-sms)}.active-call-banner__icon{color:var(--banner-color);font-size:16px;line-height:1;position:relative}.active-call-banner__pulse{background:var(--banner-color);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;position:absolute;top:-2px;right:-2px}.active-call-banner--ringing .active-call-banner__pulse{animation:.8s ease-in-out infinite pulse}.active-call-banner__info{flex-direction:column;flex:1;gap:1px;display:flex}.active-call-banner__label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--banner-color);text-transform:uppercase;letter-spacing:.04em}.active-call-banner__agent{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.active-call-banner__elapsed{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--banner-color);font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes banner-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:60px}}.empty-state{min-height:200px;padding:var(--space-xl);text-align:center;justify-content:center;align-items:center;display:flex}.empty-state__message{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:13px}.contact-header__stats{margin-top:var(--space-sm);opacity:.7;align-items:center;gap:var(--space-xs);font-size:11px;display:flex}.contact-header__stat-sep{opacity:.5}.channel-badge{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--badge-color) 15%, transparent);color:var(--badge-color);padding:1px 6px;line-height:1.6;display:inline-block}.timeline{flex-direction:column;display:flex}.timeline-empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.timeline-stale{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-size:11px;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.timeline-group__date{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) 0;margin-top:var(--space-sm);border-bottom:1px solid var(--border)}.timeline-group:first-child .timeline-group__date{margin-top:0}.timeline-entry{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-sm)}.timeline-entry__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.timeline-entry__direction{color:var(--text-secondary);font-size:12px}.timeline-entry__open-link{font-family:var(--font-family);font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-grounded);cursor:pointer;opacity:0;border-radius:var(--radius-sm);letter-spacing:.03em;background:0 0;border:none;margin-left:auto;padding:2px 8px;transition:opacity .15s,background .15s}.timeline-entry:hover .timeline-entry__open-link{opacity:1}.timeline-entry__open-link:hover{background:color-mix(in srgb, var(--color-grounded) 12%, transparent)}.timeline-entry__time{color:var(--text-secondary);font-size:11px}.timeline-entry__sender{align-items:center;gap:var(--space-sm);font-size:12px;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);display:flex}.timeline-entry__sender-name--resolved{cursor:default;position:relative}.timeline-entry__sender-name--resolved:after{content:attr(data-handle);font-size:10px;font-weight:var(--font-weight-regular);color:var(--text-inverse);background:var(--color-terminal);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;margin-top:2px;padding:2px 6px;transition:opacity .1s;position:absolute;top:100%;left:0}.timeline-entry__sender-name--resolved:hover:after{opacity:1}.timeline-entry__teammate-badge{font-size:9px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-grounded) 12%, transparent);color:var(--color-grounded);border-radius:2px;padding:0 4px}.timeline-entry__automated-badge{font-size:9px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-grey-20);color:var(--text-secondary);border-radius:2px;padding:0 4px}.timeline-entry__subject{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.timeline-entry__body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5}.timeline-entry__body--muted{opacity:.7;font-style:italic}.timeline-entry__body--expandable{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;width:100%;padding:0}.timeline-entry__body--expandable:hover{color:var(--text-primary)}.timeline-entry__call-status--missed{color:var(--color-energy);font-weight:var(--font-weight-semibold);font-style:normal}.timeline-entry__call-info{color:var(--text-secondary);margin-top:var(--space-xs);font-size:11px}.timeline-entry__call-details{gap:var(--space-sm);margin-top:var(--space-xs);color:var(--text-secondary);flex-wrap:wrap;font-size:11px;display:flex}.timeline-entry__call-detail{font-weight:var(--font-weight-medium)}.timeline-entry__call-detail--link{color:var(--color-grounded)}.timeline-entry__footer{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.timeline-entry__footer:empty{display:none}.timeline-entry__assignee{color:var(--text-secondary);font-size:10px;font-weight:var(--font-weight-medium)}.timeline-entry__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.timeline-entry__tag{font-size:10px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background:var(--color-grey-20);color:var(--text-secondary);padding:1px 6px}.timeline-entry__status{font-size:10px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);align-items:center;gap:4px;margin-left:auto;padding:1px 6px;display:inline-flex}.timeline-entry__status:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.timeline-entry__status--open{color:color-mix(in srgb, var(--color-livewire) 70%, var(--text-primary));background:color-mix(in srgb, var(--color-livewire) 18%, transparent)}.timeline-entry__status--open:before{background:var(--color-livewire)}.timeline-entry__status--resolved{color:var(--text-secondary);background:var(--color-grey-20)}.timeline-entry__status--resolved:before{background:var(--color-grey-40)}.timeline-entry__status--waiting{color:color-mix(in srgb, var(--color-energy) 80%, var(--text-primary));background:color-mix(in srgb, var(--color-energy) 12%, transparent)}.timeline-entry__status--waiting:before{background:var(--color-energy)}.timeline-entry__status--default{color:var(--text-secondary);background:color-mix(in srgb, var(--color-grey-40) 15%, transparent)}.timeline-entry__status--default:before{background:var(--color-grey-40)}.toasts{z-index:100;gap:var(--space-xs);padding:var(--space-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:11px;font-weight:var(--font-weight-medium);animation:.2s toast-in;display:flex}.toast--warning{background:color-mix(in srgb, var(--color-energy) 12%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--color-energy) 25%, transparent);color:var(--color-energy)}.toast--error{background:color-mix(in srgb, #dc3545 12%, var(--bg-surface));color:#dc3545;border:1px solid #dc354540}.toast--info{background:color-mix(in srgb, var(--color-channel-sms) 12%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--color-channel-sms) 25%, transparent);color:var(--color-channel-sms)}.toast__message{flex:1}.toast__dismiss{font-family:var(--font-family);cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.toast__dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spinner{align-items:center;gap:var(--space-sm);display:inline-flex}.spinner__frame{color:var(--color-grounded);font-size:14px;line-height:1}.spinner__text{color:var(--text-secondary);font-size:13px;font-weight:var(--font-weight-medium)}.ai-summary{background:var(--ai-summary-bg,color-mix(in srgb, var(--color-livewire) 8%, var(--bg-surface)));border:1px solid var(--ai-summary-border,color-mix(in srgb, var(--color-grounded) 12%, transparent));border-left:3px solid var(--ai-summary-accent,var(--color-grounded));border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.ai-summary__header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.ai-summary__icon{color:var(--ai-summary-accent,var(--color-grounded));font-size:10px}.ai-summary__label{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--ai-summary-accent,var(--color-grounded))}.ai-summary__meta{color:var(--text-secondary);margin-left:auto;font-size:10px}.ai-summary__text{color:var(--text-primary);font-size:12px;line-height:1.65}.ai-summary__waiting-text{color:var(--text-secondary);align-items:center;gap:var(--space-sm);font-size:12px;display:flex}.ai-summary__waiting-text .spinner__frame{color:var(--ai-summary-accent,var(--color-grounded));font-size:12px}.ai-summary__skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--ai-summary-accent,var(--color-grounded)) 8%, transparent) 25%, transparent 50%, color-mix(in srgb, var(--ai-summary-accent,var(--color-grounded)) 8%, transparent) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:40px;animation:1.5s infinite shimmer}.ai-summary__skeleton--short{width:65%;height:20px;margin-top:var(--space-sm)}.collapsed-run__toggle{font-family:var(--font-family);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-grounded);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);cursor:pointer;text-align:center;background:0 0;width:100%}.collapsed-run__toggle:hover{background:color-mix(in srgb, var(--color-grounded) 5%, transparent);border-color:var(--color-grounded)}.timeline-progress{margin-bottom:var(--space-md)}.timeline-progress__bar{background:var(--color-grey-20);border-radius:2px;height:3px;overflow:hidden}.timeline-progress__fill{background:var(--color-grounded);border-radius:2px;height:100%;transition:width .3s}.timeline-progress__text{color:var(--text-secondary);margin-top:var(--space-xs);font-size:10px;display:block}.loading-state{gap:var(--space-sm);flex-direction:column;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-grey-20) 25%, var(--bg-surface) 50%, var(--color-grey-20) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton--summary{height:64px}.skeleton--entry{height:80px}.skeleton--short{height:48px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{text-align:center;padding:var(--space-xl)}.error-state__message{color:var(--accent);font-size:13px;font-weight:var(--font-weight-medium);margin-bottom:var(--space-md)}.error-state__retry{font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer}.error-state__retry:hover{background:var(--color-grey-20)}