@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Public+Sans:wght@400;600;700;800&family=Sora:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=Sora:wght@500;700&display=swap";:root{--ink-900: #102a30;--ink-700: #2a4950;--ink-600: #4e6a70;--paper: #f4f9fb}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Public Sans,Avenir Next,Segoe UI,sans-serif;background:#f1f6f3;color:var(--ink-900)}a{color:inherit}#root{min-height:100vh}:root{--bg-1: #f4f7fb;--bg-2: #e9eff7;--ink-1: #101c2f;--ink-2: #33445e;--line: #cfd9e6;--panel: #ffffff;--brand: #1f3a5f;--brand-2: #2e4f79;--accent: #8f6f46;--danger: #a72f2f}body{margin:0;background:radial-gradient(circle at 8% 6%,rgba(14,93,168,.14),transparent 34%),radial-gradient(circle at 88% 14%,rgba(217,119,6,.14),transparent 32%),linear-gradient(180deg,var(--bg-2),var(--bg-1));color:var(--ink-1);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}.ops-shell{max-width:1260px;margin:0 auto;padding:1.4rem 1rem 2rem;animation:page-fade .45s ease}.masthead{background:linear-gradient(130deg,#162b45,#224369 68%,#2f5b88);border-radius:18px;color:#f7fcfb;padding:1.2rem 1.4rem;box-shadow:0 16px 32px #0c204233}.masthead h1{margin:.22rem 0 .5rem;font-family:Sora,Avenir Next,sans-serif;font-size:clamp(1.5rem,2.9vw,2.15rem)}.masthead p{margin:0;max-width:74ch;line-height:1.4}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;opacity:.92}.panel{margin-top:1rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.95rem;box-shadow:0 12px 26px #0f1c3614}.endpoint-panel{display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto;align-items:end}.auth-panel{display:flex;gap:.75rem;align-items:end}.connection-settings{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}label{display:grid;gap:.35rem;font-size:.84rem;font-weight:700;color:var(--ink-2)}input,textarea,select{width:100%;box-sizing:border-box;border:1px solid #b8c6d8;border-radius:10px;padding:.52rem .6rem;font-size:.93rem;background:#fff;color:var(--ink-1)}textarea{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #1f3a5f29}.tabs{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tab{border:1px solid #b6c5da;border-radius:999px;padding:.5rem .88rem;background:#fff;color:#2b3d57;font-weight:700;cursor:pointer}.tab-right{margin-left:auto}.tab:hover:not(.active){background:#edf2f9;color:#1e3452}.tab.active{background:var(--brand);color:#f4faf8;border-color:transparent}.tab.active:hover{background:#173150;color:#f4faf8}button{border:none;border-radius:10px;padding:.54rem .84rem;background:var(--brand);color:#f4faf8;font-weight:800;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background-color .12s ease}button:hover:not(:disabled){background:#173150;color:#f4faf8;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:1;background:#9ca9ba;color:#e8edf4}button.small{padding:.35rem .62rem;font-size:.8rem}.error{background:#fff0f0;border-color:#efb6b6;color:var(--danger);font-weight:700}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.72rem}.funnel-section{grid-column:1 / -1;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--line)}.funnel-section h3{margin:0 0 .5rem;font-size:.92rem;color:var(--ink-2)}.metric-card{border:1px solid #dde6f2;border-radius:12px;padding:.74rem;background:linear-gradient(180deg,#fff,#f5f9ff)}.metric-card h3{margin:0;font-size:.84rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.metric-card p{margin:.45rem 0 0;font-family:Sora,Avenir Next,sans-serif;font-size:1.35rem;font-weight:800}.section-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.section-header h2,.panel h2,.panel h3{margin:0 0 .75rem;font-family:Sora,Avenir Next,sans-serif}.split{display:grid;grid-template-columns:1.45fr 1fr;gap:.8rem}.calls-layout{display:grid;gap:.8rem}.detail-card{border:1px solid #d9e3f0;border-radius:12px;padding:.72rem;background:#fbfdff}.guardrail-card{border:1px solid #d4dfec;border-radius:10px;padding:.65rem;background:#f2f7fc;margin-bottom:.75rem}.guardrail-card h4{margin:0;font-family:Sora,Avenir Next,sans-serif}.guardrail-card p{margin:.38rem 0 0}.guardrail-status{display:inline-block;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:800;letter-spacing:.02em}.guardrail-status.allowed{background:#ddf4ec;color:#0f5a49}.guardrail-status.quiet{background:#ffe9d7;color:#8a421d}.muted{color:#547068;font-size:.82rem}.transcript{max-height:480px;overflow:auto;min-width:320px}.calls-transcript{max-width:100%}.transcript-modal-backdrop{position:fixed;inset:0;background:#0a142352;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.transcript-modal{width:min(920px,94vw);max-height:82vh;overflow:auto;background:#fbfdff}.transcript-modal-header{margin-bottom:.6rem}.transcript p{margin:.35rem 0;line-height:1.42;overflow-wrap:anywhere}.table-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.calls-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.calls-filters select{padding:.35rem .5rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink-1);font-size:.82rem;font-family:inherit}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 0}.pagination-info{font-size:.84rem;color:var(--ink-2)}.calls-table{table-layout:auto;width:max-content;min-width:1150px}.calls-table th:nth-child(1),.calls-table td:nth-child(1){min-width:160px}.calls-table th:nth-child(2),.calls-table td:nth-child(2){min-width:110px}.calls-table th:nth-child(3),.calls-table td:nth-child(3){min-width:70px}.calls-table th:nth-child(4),.calls-table td:nth-child(4){min-width:130px}.calls-table th:nth-child(5),.calls-table td:nth-child(5){min-width:150px}.calls-table th:nth-child(6),.calls-table td:nth-child(6){min-width:300px}.calls-table th:nth-child(7),.calls-table td:nth-child(7){min-width:110px}.calls-table th:nth-child(8),.calls-table td:nth-child(8){min-width:110px}.calls-table th:nth-child(9),.calls-table td:nth-child(9){min-width:120px;text-align:right}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{border-bottom:1px solid #e1e9e5;padding:.5rem .45rem;text-align:left;vertical-align:top}th{color:#334f70;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.selected-row{background:#edf4fd}.select-col{width:2.5rem;text-align:center}.select-col input[type=checkbox]{width:1rem;height:1rem;margin:0}.mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem}.config-editor{margin-top:.9rem;display:grid;gap:.62rem}.filters{display:grid;gap:.62rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.checkbox-row{display:flex;align-items:center;justify-content:space-between}.checkbox-row input{width:1rem;height:1rem}.actions{margin:.8rem 0;display:flex;flex-wrap:wrap;gap:.6rem}.diagnostics{margin-bottom:.75rem;padding:.55rem;border:1px dashed #c6d3e6;border-radius:10px;background:#f6faff;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.json-collapse summary{font-weight:700;cursor:pointer}.json-collapse pre{margin:.5rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.auth-box{display:grid;gap:.35rem}.auth-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.auth-pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;background:#ecf4ff;color:#204b7a;border:1px solid #c7dbf5;padding:.22rem .62rem;font-size:.78rem;font-weight:700}@keyframes page-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.call-summary-cell{min-width:280px;max-width:520px;white-space:normal}.call-summary-text{line-height:1.32;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.call-summary-meta{margin-top:.2rem;color:#4c627e;font-size:.74rem;text-transform:capitalize}.table-empty{text-align:center;color:#445d7a;padding:1rem .6rem;font-weight:600}.call-status-badge{display:inline-flex;margin-top:.28rem;padding:.15rem .48rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.01em}.call-status-badge.called-today{background:#fbe9cf;color:#824618}.call-status-badge.called-before{background:#e9f0ef;color:#39574f}.call-status-badge.not-called{background:#edf3f2;color:#55736b}@media(max-width:1024px){.endpoint-panel{grid-template-columns:1fr}.auth-panel{flex-direction:column}.connection-settings,.split{grid-template-columns:1fr}.calls-table{min-width:860px}}.live-header{display:flex;justify-content:space-between;align-items:center}.live-pulse{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:#1a7a4c}.live-pulse:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.live-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:#dcfce7;color:#166534;border:1px solid #86efac}.live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot 1.5s ease-in-out infinite}.live-badge.stale{background:#fef3c7;color:#92400e;border-color:#fbbf24}.live-badge.stale:before{background:#f59e0b;animation:none}.run-progress-card{border:1px solid #d4dfec;border-radius:12px;padding:.85rem;background:linear-gradient(180deg,#f8fbff,#f0f5fc);margin-bottom:.75rem}.run-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.run-progress-bar-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:.5rem}.run-progress-bar-fill{height:100%;background:linear-gradient(90deg,#1f3a5f,#3b82f6);border-radius:999px;transition:width .6s ease}.live-call-card{border:1px solid #c7dbf5;border-radius:12px;background:#fbfdff;margin-bottom:.6rem;overflow:hidden}.live-call-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:linear-gradient(180deg,#f0f6ff,#e8f0fb);cursor:pointer;-webkit-user-select:none;user-select:none}.live-call-header:hover{background:linear-gradient(180deg,#e8f0fb,#dde8f6)}.live-call-meta{display:flex;align-items:center;gap:.6rem}.live-call-name{font-weight:700;color:var(--ink-1)}.live-call-state{display:inline-block;padding:.1rem .4rem;border-radius:4px;background:#e8f0fb;color:#2e4f79;font-size:.72rem;font-weight:700}.live-call-timer{font-family:IBM Plex Mono,monospace;font-size:.88rem;font-weight:600;color:var(--ink-2)}.live-call-body{padding:.5rem .85rem .85rem;max-height:380px;overflow-y:auto;scroll-behavior:smooth}.chat-transcript-container{display:flex;flex-direction:column}.chat-bubble{display:flex;flex-direction:column;margin-bottom:.45rem;max-width:82%}.chat-bubble.agent{align-self:flex-start;align-items:flex-start}.chat-bubble.caller{align-self:flex-end;align-items:flex-end}.chat-bubble-speaker{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;color:var(--ink-2)}.chat-bubble-text{padding:.45rem .7rem;border-radius:12px;font-size:.86rem;line-height:1.38;overflow-wrap:anywhere;word-break:break-word}.chat-bubble.agent .chat-bubble-text{background:#e8f0fb;color:#1a2e4a;border-bottom-left-radius:4px}.chat-bubble.caller .chat-bubble-text{background:#dcfce7;color:#14412a;border-bottom-right-radius:4px}.chat-bubble-time{font-size:.64rem;color:#6b7f99;margin-top:.1rem;font-family:IBM Plex Mono,monospace}.live-empty{text-align:center;padding:2rem 1rem;color:var(--ink-2)}.live-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.4}.completed-outcome-badge{display:inline-block;padding:.12rem .4rem;border-radius:6px;font-size:.72rem;font-weight:700}.completed-outcome-badge.human{background:#dcfce7;color:#166534}.completed-outcome-badge.voicemail{background:#fef3c7;color:#92400e}.completed-outcome-badge.failed{background:#fee2e2;color:#991b1b}.auto-refresh-indicator{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;color:#4c627e;font-weight:600}
