@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--brand-blue: #325a9f;--brand-cyan: #25a9da;--blue-900: #10264f;--blue-700: #254f91;--cyan-050: #e9f8fd;--cyan-100: #d8f2fb;--surface: #ffffff;--app-bg: #f3f7fd;--ink: #0f1b33;--muted: #6a7fa4;--line: #dce7f4;--green: #00a979;--red: #dc2626;--orange: #c35a09;--purple: #6d42d9;--shadow: 0 10px 28px rgba(50, 90, 159, .12);font-family:Century Gothic,Poppins,CenturyGothic,AppleGothic,system-ui,sans-serif;color:var(--ink);background:var(--app-bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--app-bg)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:216px 1fr;background:linear-gradient(180deg,#f6faff,#eef5ff)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fffffff5}.brand-block{height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 16px;border-bottom:1px solid var(--line)}.brand-block img{width:148px;height:auto;display:block}.brand-block button,.topbar-actions button,.mobile-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--brand-blue)}.brand-block button:hover,.topbar-actions button:hover{background:var(--cyan-050);border-color:#c8e5f4}.side-nav{display:grid;gap:8px;padding:18px 8px}.nav-item{min-height:64px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#3b5278;text-align:left}.nav-item svg{color:#7390ba}.nav-item strong{display:block;color:inherit;font-size:13px;line-height:1.2}.nav-item small{display:block;margin-top:3px;color:#7c90b0;font-size:10px}.nav-item em{min-width:23px;min-height:22px;display:grid;place-items:center;border-radius:999px;background:var(--cyan-100);color:var(--green);font-size:11px;font-style:normal;font-weight:800}.nav-item.active{background:linear-gradient(135deg,#25a9da24,#325a9f14);color:#00896e}.sidebar-footer{margin-top:auto;min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;font-size:12px;font-weight:800}.sidebar-footer strong{display:block;font-size:12px}.sidebar-footer small{display:block;color:var(--muted);font-size:11px}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h1{margin:0;color:var(--ink);font-size:18px;line-height:1.1}.topbar p{margin:3px 0 0;color:#6380ad;font-size:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.search-box,.lead-search{height:40px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#6d82a5;box-shadow:0 4px 14px #10264f0f}.search-box{width:min(468px,36vw);padding:0 14px}.search-box input,.lead-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.status-pill,.latency-pill{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue-900);font-size:12px;font-weight:700}.status-pill{color:var(--green);background:#f4fffb;border-color:#ccefe5}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--green)}.latency-pill svg{color:var(--brand-cyan)}.avatar.top{width:40px;height:40px;box-shadow:0 8px 18px #325a9f38}.page-canvas{padding:24px}.dashboard-page,.leads-page,.test-call-page{display:grid;gap:18px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-row p{margin:0;color:#3b5278;font-size:14px}.report-row strong{color:#00896e}.uae-clock{min-width:178px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:2px;padding:10px 14px;border:1px solid rgba(37,169,218,.2);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(37,169,218,.16),transparent 42%),#ffffffeb;box-shadow:0 12px 32px #325a9f14}.uae-clock span{grid-row:span 2;min-height:34px;display:grid;place-items:center;padding:0 10px;border-radius:999px;background:#325a9f14;color:var(--brand-blue);font-size:10px;font-weight:900;text-transform:uppercase}.uae-clock strong{color:#12213a;font-size:19px;line-height:1;letter-spacing:0}.uae-clock small{color:#71849f;font-size:11px;font-weight:700}.period-toggle,.filter-row{display:flex;gap:8px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.period-toggle button,.filter-row button,.lead-toolbar button{min-height:34px;border:1px solid transparent;border-radius:9px;background:#fff;color:#39527a;padding:0 14px;font-size:12px;font-weight:700}.period-toggle button.active,.filter-row button.active,.lead-toolbar button.active{background:var(--brand-cyan);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px}.metric-card{min-height:132px;display:flex;justify-content:space-between;gap:12px;padding:20px 18px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.metric-card span{display:block;color:#7690b5;font-size:11px;font-weight:800;text-transform:uppercase}.metric-card strong{display:block;margin:20px 0 8px;color:var(--ink);font-size:29px;line-height:1}.metric-card small{color:#5f7baa;font-size:12px}.metric-card svg{width:36px;height:36px;padding:8px;border-radius:10px}.metric-card.blue svg{background:#e6f0ff;color:var(--brand-blue)}.metric-card.cyan svg{background:var(--cyan-050);color:var(--brand-cyan)}.metric-card.green svg{background:#e4f8f1;color:var(--green)}.metric-card.orange svg{background:#fff2e8;color:var(--orange)}.metric-card.red svg{background:#feecec;color:var(--red)}.overview-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.panel.large{min-height:378px}.panel-title h2{margin:0;color:var(--ink);font-size:16px}.panel-title p{margin:4px 0 0;color:#6e87b0;font-size:12px}.chart-wrap{margin-top:18px}.chart-wrap svg{width:100%;height:250px;display:block}.chart-wrap line{stroke:#dae5f2;stroke-dasharray:4 6}.chart-wrap path{fill:none;stroke-width:3}.chart-wrap circle{fill:#fff;stroke:var(--brand-cyan);stroke-width:3}.chart-wrap .area{fill:#25a9da14;stroke:none}.orange-line{stroke:var(--orange)}.blue-line{stroke:var(--brand-blue)}.cyan-line{stroke:var(--brand-cyan)}.chart-days{display:flex;justify-content:space-between;color:#6680aa;font-size:12px}.funnel-list{display:grid;gap:17px;margin-top:22px}.funnel-list span{display:flex;justify-content:space-between;gap:12px;color:#3c5278;font-size:13px}.funnel-list em{color:var(--ink);font-style:normal;font-weight:800}.funnel-list i{display:block;height:7px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e2e9f3}.funnel-list b{display:block;height:100%;border-radius:inherit}.bar-mix{height:210px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end;margin-top:26px;border-bottom:1px solid var(--line)}.bar-mix div{display:grid;gap:9px;text-align:center}.bar-mix b{width:100%;min-height:12px;border-radius:9px 9px 0 0}.bar-mix span{color:#6e87b0;font-size:11px}.action-queue,.health-panel{min-height:260px}.queue-item,.agent-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.queue-item span{width:7px;height:7px;border-radius:50%;background:var(--brand-cyan)}.queue-item span.high{background:var(--red)}.queue-item span.medium{background:var(--brand-blue)}.queue-item strong,.agent-row strong{display:block;color:var(--ink);font-size:13px}.queue-item small,.agent-row small{display:block;color:#6e87b0;font-size:11px}.queue-item em{color:var(--brand-blue);font-size:12px;font-style:normal;font-weight:800}.agent-row{grid-template-columns:38px 1fr auto}.agent-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--cyan-100);color:#00896e;font-size:12px;font-weight:800}.agent-row em{color:var(--ink);text-align:right;font-style:normal;font-weight:800}.inline-call{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;font-weight:800}.empty-state{display:grid;place-items:center;align-content:center;gap:8px;min-height:180px;padding:22px;color:#617897;text-align:center}.empty-state strong{color:#12213a;font-size:15px}.empty-state p{max-width:360px;margin:0;color:#6f83a1;font-size:13px;line-height:1.45}.empty-state.compact{min-height:130px;border:1px dashed rgba(50,90,159,.2);border-radius:16px;background:#f8fbffb8}.transcript-empty,.table-empty{height:100%}.conversation-layout{display:grid;grid-template-columns:316px 1fr;gap:0;min-height:calc(100vh - 112px)}.conversation-list{padding:24px;border-right:1px solid var(--line)}.conversation-card{width:100%;display:grid;gap:7px;margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 4px 14px #10264f0f}.conversation-card.active{border-color:var(--brand-cyan);background:#eaf7fc}.conversation-card span{display:flex;justify-content:space-between;gap:8px}.conversation-card strong{font-size:13px}.conversation-card em{color:#6680aa;font-size:11px;font-style:normal}.conversation-card b{color:#8192ad;font-size:10px;font-weight:900;text-transform:uppercase}.conversation-card small{color:#00896e;font-size:11px;font-weight:800}.conversation-card p{margin:0;color:#617ba8;font-size:12px;line-height:1.35}.transcript-panel{display:flex;flex-direction:column;margin:24px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.transcript-panel>header{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.transcript-panel h2{margin:0;color:var(--ink);font-size:16px}.transcript-panel header p{margin:3px 0 0;color:#6680aa;font-size:12px}.transcript-panel header div:last-child{display:flex;gap:8px}.transcript-panel header button,.reply-bar button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3d5781;padding:0 13px;font-size:12px;font-weight:700}.transcript-panel header button:last-child,.reply-bar button{border-color:var(--green);background:var(--green);color:#fff}.transcript-stream{flex:1;display:grid;align-content:start;gap:18px;padding:22px}.transcript-line{display:grid;grid-template-columns:38px 1fr;gap:12px}.transcript-line>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff}.transcript-line>span.ai{background:var(--brand-blue)}.transcript-line>span.customer{background:var(--brand-cyan)}.transcript-line strong{display:flex;justify-content:space-between;color:var(--brand-blue);font-size:13px}.transcript-line em{color:#7f94b5;font-style:normal;font-weight:500}.transcript-line p{margin:7px 0 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7faff;color:#31486e;font-size:13px}.reply-bar{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 20px;border-top:1px solid var(--line)}.reply-bar input{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0}.lead-toolbar,.lead-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.data-filter-row{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.status-filter-row{display:flex;align-items:end}.data-filter-row label,.status-filter-row label,.workflow-select{display:grid;gap:4px}.holo-date-field{position:relative;isolation:isolate}.holo-date-field i{position:absolute;inset:19px 4px 4px;z-index:-1;display:none;pointer-events:none}.holo-date-field i:before,.holo-date-field i:after{content:"";position:absolute;pointer-events:none}.holo-date-field i:before{inset:0;background:linear-gradient(rgba(37,169,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,169,218,.08) 1px,transparent 1px);background-size:9px 9px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.holo-date-field i:after{left:10px;right:10px;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--brand-cyan),var(--brand-blue),transparent);opacity:.75}.holo-date-field em{min-height:36px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:#203859;padding:0 12px;font-size:12px;font-style:normal;font-weight:900}.data-filter-row span,.status-filter-row span,.workflow-select span{color:#7286a3;font-size:10px;font-weight:900;text-transform:uppercase}.data-filter-row input,.data-filter-row select,.status-filter-row select,.workflow-select select{min-height:36px;border:1px solid var(--line);border-radius:12px;background:#f8fbfff5;color:#273e64;padding:0 10px;font-size:12px;font-weight:800;outline:0}.data-filter-row input{width:132px}.data-filter-row select{width:160px}.status-filter-row select{width:190px}.table-sort{min-height:36px;border:1px solid rgba(50,90,159,.16);border-radius:999px;background:#325a9f0f;color:var(--brand-blue);padding:0 12px;font-size:12px;font-weight:900}.table-sort{min-height:28px;padding:0;border:0;background:transparent;text-transform:uppercase}.workflow-select{min-width:170px}.workflow-select select{width:100%;border-radius:999px;background:#fff}.workflow-select.open select{border-color:#25a9da47;color:var(--brand-blue)}.workflow-select.follow-up-required select{border-color:#c35a0942;color:var(--orange)}.workflow-select.closed select{border-color:#00a97942;color:var(--green)}.lead-search{width:min(420px,100%);padding:0 12px}.lead-summary span{min-width:104px;min-height:42px;display:inline-flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#6e87b0;box-shadow:var(--shadow);font-size:12px}.lead-summary strong{color:var(--brand-blue);font-size:21px}.table-panel{min-height:620px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:1060px}th{padding:14px 16px;color:#7891b8;font-size:11px;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid var(--line);color:#2b436b;font-size:13px;vertical-align:top}td strong{display:block;color:var(--ink)}td small{display:block;margin-top:3px;color:#6e87b0}.lead-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:7px;background:var(--cyan-100);color:#00896e;font-size:12px;font-weight:800}.lead-status.callback,.lead-status.warm{background:#fff1e3;color:var(--orange)}.lead-status.new{background:#efeaff;color:var(--purple)}.score{display:flex;align-items:center;gap:10px}.score i{display:block;width:64px;height:5px;overflow:hidden;border-radius:999px;background:#dfe7f2}.score b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan))}.score strong{color:var(--brand-blue);font-size:12px}.test-call-page{grid-template-columns:minmax(320px,1fr) 430px;align-items:start}.test-copy{min-height:560px}.check-list,.agent-config{display:grid;gap:12px;margin-top:25px}.check-list span,.agent-config span{display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;color:#31496f;font-size:13px}.check-list svg,.agent-config svg{color:var(--green)}.agent-config{grid-template-columns:repeat(3,1fr)}.agent-config span{display:grid;justify-items:start;align-content:center}.phone-mock{width:390px;min-height:760px;padding:13px;border:1px solid #c7d7eb;border-radius:42px;background:#10264f;box-shadow:0 28px 70px #10264f40}.phone-speaker{width:86px;height:5px;margin:9px auto 15px;border-radius:999px;background:#ffffff47}.phone-screen{min-height:705px;display:grid;align-content:start;gap:25px;padding:28px 24px;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 50% 24%,rgba(37,169,218,.22),transparent 34%),linear-gradient(180deg,#fff,#f2f8ff)}.phone-screen header{display:grid;justify-items:center;gap:6px;color:var(--ink)}.phone-screen header span{font-size:18px;font-weight:800}.phone-screen header small{color:var(--brand-cyan);font-size:12px;font-weight:800}.pulse-orb{width:156px;height:156px;display:grid;place-items:center;margin:52px auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;box-shadow:0 24px 55px #325a9f52}.pulse-orb.connected{animation:pulse 1.8s infinite ease-in-out}@keyframes pulse{0%,to{box-shadow:0 0 #25a9da47,0 24px 55px #325a9f52}50%{box-shadow:0 0 0 22px #25a9da00,0 24px 55px #325a9f52}}.call-readout{min-height:145px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center}.call-readout strong{display:block;color:var(--ink);font-size:15px}.call-readout p{margin:10px 0;color:#627da8;font-size:13px;line-height:1.45}.call-readout small{display:block;color:#7c91b2;font-size:11px}.remote-audio{display:none}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.phone-actions button,.modal-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;color:#fff;font-weight:800}.phone-actions button:disabled,.modal-actions button:disabled{cursor:not-allowed;opacity:.55}.call-start{background:var(--green)}.call-end{background:var(--red)}.floating-call{position:fixed;right:28px;bottom:112px;z-index:30;width:62px;height:62px;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;box-shadow:0 18px 38px #325a9f52}.call-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:end;padding:28px;background:#10264f38}.call-modal{position:relative;width:min(420px,100%);padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 28px 70px #10264f40}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:#f2f6fb;color:var(--blue-900)}.modal-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--cyan-100);color:var(--brand-blue)}.call-modal h2{margin:18px 0 8px;color:var(--ink);font-size:20px}.call-modal p{margin:0;color:#5f789f;font-size:13px;line-height:1.55}.modal-state{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.modal-state span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#eef3fa;color:#405980;font-size:12px;font-weight:800;text-transform:capitalize}.modal-state span.connected{background:#dcf8ee;color:var(--green)}.modal-state span.connecting{background:var(--cyan-100);color:var(--brand-blue)}.modal-state span.error{background:#feecec;color:var(--red)}.modal-state small{display:block;margin-top:9px;color:#6b81a5;line-height:1.45}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions button{background:var(--green)}.modal-actions .secondary{background:var(--red)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.overview-grid,.test-call-page{grid-template-columns:1fr}.phone-mock{margin:0 auto}.agent-config{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0}.side-nav{grid-template-columns:repeat(4,1fr);overflow-x:auto;padding:8px}.nav-item{min-width:150px}.sidebar-footer{display:none}.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:14px}.topbar-actions{width:100%;flex-wrap:wrap}.search-box{width:100%}.conversation-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.transcript-panel{margin:14px}}@media(max-width:620px){.page-canvas{padding:14px}.metric-grid{grid-template-columns:1fr}.report-row{align-items:flex-start;flex-direction:column}.period-toggle{width:100%;overflow-x:auto}.brand-block img{width:132px}.side-nav{grid-template-columns:1fr 1fr}.lead-toolbar{align-items:stretch;flex-direction:column}.lead-toolbar button,.lead-search{width:100%}.phone-mock{width:100%;min-height:auto;border-radius:28px}.phone-screen{min-height:660px;border-radius:22px}.modal-actions,.phone-actions{grid-template-columns:1fr}.call-modal-backdrop{padding:14px}.floating-call{right:18px;bottom:18px}}:root{--app-bg: #f7fbff;--surface: rgba(255, 255, 255, .96);--ink: #101b31;--muted: #64748b;--line: #e6eef7;--shadow: 0 1px 2px rgba(16, 38, 79, .04), 0 18px 42px rgba(50, 90, 159, .07)}body{background:radial-gradient(circle at 12% 0%,rgba(37,169,218,.12),transparent 34%),linear-gradient(180deg,#f8fcff,#f3f8ff)}.app-shell{grid-template-columns:232px 1fr;background:transparent}.sidebar{padding:14px;border-right:0;background:transparent}.brand-block{height:70px;padding:0 10px;border:1px solid rgba(230,238,247,.9);border-radius:18px;background:#ffffffc2;box-shadow:0 10px 28px #325a9f0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block img{width:136px}.brand-block button,.topbar-actions button,.mobile-icon{border-radius:14px;color:var(--brand-blue);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.side-nav{gap:6px;padding:16px 0}.nav-item{min-height:58px;grid-template-columns:24px 1fr auto;padding:10px 12px;border:1px solid transparent;border-radius:16px;color:#425a7f;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-item:hover,.nav-item:focus-visible{border-color:#25a9da2e;background:#ffffffad;outline:0}.nav-item.active{border-color:#25a9da38;background:linear-gradient(135deg,#ffffffeb,#e2f7ffd1);color:var(--brand-blue);box-shadow:0 14px 34px #325a9f14}.nav-item svg{color:#7d96ba}.nav-item.active svg{color:var(--brand-cyan)}.nav-item strong{font-size:12px}.nav-item small{color:#8b9db8}.nav-item em{background:#25a9da1f;color:var(--brand-blue)}.sidebar-footer{min-height:68px;padding:14px;border:1px solid rgba(230,238,247,.9);border-radius:18px;background:#ffffffb8;box-shadow:0 10px 28px #325a9f0f}.main-shell{padding:14px 14px 14px 0}.topbar{position:sticky;top:14px;height:72px;padding:0 18px 0 22px;border:1px solid rgba(230,238,247,.92);border-radius:20px;background:#ffffffd1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1{font-size:20px;letter-spacing:-.01em}.topbar p{color:var(--muted)}.topbar-actions{gap:8px}.search-box,.lead-search{border-color:var(--line);border-radius:14px;box-shadow:none;background:#f8fbffeb}.search-box{width:min(420px,34vw)}.status-pill,.latency-pill{height:36px;border-color:var(--line);background:#fff;color:var(--brand-blue);box-shadow:none}.status-pill{color:#087f5b;background:#f3fffb}.page-canvas{padding:18px 0 0}.dashboard-page,.leads-page,.test-call-page{gap:16px}.report-row{padding:0 2px}.report-row p{color:var(--muted);font-size:13px}.report-row strong{color:var(--brand-blue)}.period-toggle,.filter-row{border-color:var(--line);border-radius:999px;background:#ffffffdb;box-shadow:none}.period-toggle button,.filter-row button,.lead-toolbar button{border-radius:999px;color:#526887;background:transparent;transition:background-color .18s ease,color .18s ease}.period-toggle button.active,.filter-row button.active,.lead-toolbar button.active{background:var(--brand-blue);color:#fff}.metric-grid{grid-template-columns:repeat(6,minmax(132px,1fr));gap:10px}.metric-card{min-height:112px;align-items:flex-start;padding:16px;border-color:#e6eef7f2;border-radius:18px;background:#ffffffdb;box-shadow:var(--shadow)}.metric-card span{color:#7789a3;font-size:10px;letter-spacing:.02em}.metric-card strong{margin:16px 0 6px;color:#12213a;font-size:28px;letter-spacing:-.03em}.metric-card small{color:#64748b;font-size:11px}.metric-card svg{width:34px;height:34px;border-radius:999px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:14px}.panel,.conversation-card,.transcript-panel,.lead-summary span,.table-panel,.phone-screen,.call-readout,.modal-state,.check-list span,.agent-config span{border-color:#e6eef7f2;border-radius:18px;background:#ffffffe0;box-shadow:var(--shadow)}.panel{padding:18px}.panel.large{min-height:342px}.panel-title h2{font-size:15px;letter-spacing:-.01em}.panel-title p{color:var(--muted)}.chart-wrap{margin-top:12px}.chart-wrap svg{height:220px}.chart-wrap line{stroke:#edf3fa;stroke-dasharray:none}.chart-wrap path{stroke-width:2.5}.chart-wrap .area{fill:#25a9da0e}.chart-days{color:#8a9ab3;font-size:11px}.action-queue{min-height:342px}.queue-item{grid-template-columns:8px 1fr auto;padding:16px 0}.queue-item:last-child{border-bottom:0}.queue-item span{width:6px;height:32px;border-radius:999px}.queue-item strong{font-size:13px}.queue-item small{color:var(--muted)}.queue-item em{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#325a9f14;color:var(--brand-blue);font-size:11px}.conversation-layout{gap:14px;min-height:calc(100vh - 118px)}.conversation-list{padding:18px;border-right:0}.conversation-card{border-radius:16px;box-shadow:none}.conversation-card.active{border-color:#25a9da73;background:#ebfaffe6}.transcript-panel{margin:0;overflow:hidden}.transcript-panel>header{border-bottom-color:var(--line)}.transcript-panel h2{font-size:15px}.transcript-line p{border-color:var(--line);border-radius:14px;background:#f8fbff}.reply-bar input{border-color:var(--line);border-radius:14px}.lead-toolbar{padding:2px}.lead-toolbar button,.transcript-panel header button,.reply-bar button{border-radius:999px}.lead-summary span{box-shadow:none}.table-panel{min-height:590px}th{color:#7c8fa9;background:#fbfdff}td{color:#314463}tr:hover td{background:#fbfdff}.lead-status{border-radius:999px}.test-call-page{grid-template-columns:minmax(360px,.92fr) minmax(390px,.58fr);align-items:center;gap:22px;max-width:1040px;margin:0 auto}.test-copy{position:relative;min-height:430px;display:grid;align-content:center;padding:38px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(37,169,218,.14),transparent 34%),linear-gradient(145deg,#fffffff5,#f8fbffe6)}.test-copy:before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(50,90,159,.08);border-radius:18px}.test-copy:after{content:"";position:absolute;right:-58px;bottom:-58px;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#325a9f14,#25a9da1f)}.test-copy .panel-title{position:relative;z-index:1;max-width:620px}.test-copy .panel-title h2{max-width:420px;color:#12213a;font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.02em}.test-copy .panel-title p{max-width:620px;margin-top:18px;color:#536a8f;font-size:15px;line-height:1.72}.phone-mock{justify-self:center;width:min(384px,100%);min-height:708px;padding:12px;border-color:#d8e5f3e6;background:linear-gradient(145deg,#10264f,#1f5597 70%,#25a9da);box-shadow:0 28px 70px #10264f38}.phone-speaker{height:4px;margin-bottom:12px;background:#ffffff61}.phone-screen{min-height:650px;gap:18px;padding:25px 22px;background:linear-gradient(rgba(50,90,159,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(50,90,159,.035) 1px,transparent 1px),radial-gradient(circle at 50% 26%,rgba(37,169,218,.14),transparent 34%),linear-gradient(180deg,#fff,#f7fbff);background-size:22px 22px,22px 22px,auto,auto}.phone-screen header{min-height:56px;padding:10px 12px;border:1px solid rgba(230,238,247,.9);border-radius:18px;background:#ffffffc7}.pulse-orb{width:134px;height:134px;margin:30px auto 8px;box-shadow:0 22px 46px #325a9f40}.call-readout{min-height:156px;display:grid;align-content:center;padding:18px 17px;border-radius:20px;background:#ffffffeb}.call-readout strong{font-size:16px;letter-spacing:-.01em}.call-readout p{margin:11px auto 0;max-width:270px;color:#5b7194;font-size:12.5px}.call-readout small{margin-top:7px}.floating-call{box-shadow:0 18px 40px #325a9f38}.phone-actions{gap:10px;margin-top:10px}.phone-actions button,.modal-actions button{min-height:52px;cursor:pointer;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.phone-actions button:not(:disabled):hover,.modal-actions button:not(:disabled):hover{transform:translateY(-1px)}.phone-actions button:focus-visible,.modal-actions button:focus-visible,.floating-call:focus-visible,.modal-close:focus-visible{outline:3px solid rgba(37,169,218,.34);outline-offset:3px}.call-start,.modal-actions button{background:linear-gradient(135deg,#1a8f72,#23b88f);box-shadow:0 12px 24px #158e6f33}.call-end,.modal-actions .secondary{background:linear-gradient(135deg,#d43c3c,#ff6b5f);box-shadow:0 12px 24px #d6414129}.call-modal-backdrop{align-items:end;padding:30px;background:radial-gradient(circle at 78% 78%,rgba(37,169,218,.16),transparent 28%),#10264f3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.call-modal{width:min(390px,100%);padding:28px;border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(37,169,218,.12),transparent 34%),#fffffff5;box-shadow:0 28px 80px #10264f3d}.modal-close{right:16px;top:16px;width:38px;height:38px;cursor:pointer;border-radius:12px;background:#f2f6fbeb;transition:background-color .18s ease,color .18s ease}.modal-close:hover{background:#e8f3fb;color:var(--brand-blue)}.modal-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#325a9f1a,#25a9da2e);color:var(--brand-blue)}.call-modal h2{max-width:270px;margin:20px 0 10px;color:#12213a;font-size:24px;line-height:1.12;letter-spacing:-.02em}.call-modal p{max-width:318px;color:#536a8f;font-size:14px;line-height:1.65}.modal-actions{gap:10px;margin-top:24px}.call-modal.call-widget-phone{width:min(286px,calc(100vw - 28px));min-height:442px;padding:10px;border:1px solid rgba(216,229,243,.9);border-radius:36px;background:linear-gradient(145deg,#10264f,#1f5597 72%,#25a9da);box-shadow:0 28px 76px #10264f4d}.call-widget-phone .modal-close{top:16px;right:16px;z-index:3;width:32px;height:32px;border-radius:999px;background:#ffffffe6;color:#244a82}.call-widget-speaker{width:64px;height:4px;margin:9px auto 10px;border-radius:999px;background:#fff6}.call-widget-screen{min-height:385px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:22px 18px 18px;overflow:hidden;border-radius:28px;background:linear-gradient(rgba(50,90,159,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(50,90,159,.04) 1px,transparent 1px),radial-gradient(circle at 50% 28%,rgba(37,169,218,.13),transparent 36%),linear-gradient(180deg,#fff,#f7fbff);background-size:20px 20px,20px 20px,auto,auto}.call-widget-screen header{min-height:66px;display:grid;place-items:center;gap:4px;padding:12px 14px;border:1px solid rgba(230,238,247,.92);border-radius:18px;background:#ffffffd1}.call-widget-screen header span{color:#12213a;font-size:17px;font-weight:900;line-height:1.1;text-align:center}.call-widget-screen header small{color:var(--brand-cyan);font-size:12px;font-weight:900}.call-widget-orb{align-self:center;justify-self:center;width:98px;height:98px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;box-shadow:0 20px 42px #325a9f3d}.call-widget-phone .modal-actions{grid-template-columns:1fr;gap:8px;margin-top:0}.call-widget-phone .modal-actions button{width:100%;min-height:48px;border-radius:14px;font-size:15px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.overview-grid{grid-template-columns:1fr}.test-call-page{grid-template-columns:1fr;max-width:760px}.test-copy{min-height:auto}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar,.main-shell{padding:8px}.topbar{top:0;border-radius:18px}.side-nav{grid-template-columns:repeat(4,minmax(150px,1fr))}.conversation-layout{grid-template-columns:1fr}.transcript-panel{margin:0}}@media(max-width:620px){html,body,.app-shell,.main-shell{max-width:100%;overflow-x:hidden}.metric-grid{grid-template-columns:1fr}.topbar-actions{align-items:stretch}.status-pill,.latency-pill{width:fit-content}.side-nav{grid-template-columns:1fr 1fr}}.mobile-topbar-brand,.mobile-topbar-controls,.mobile-call-trigger,.mobile-menu-wrap,.mobile-overview-heading,.mobile-lead-workspace{display:none}@media(max-width:700px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 12% -6%,rgba(37,169,218,.16),transparent 34%),linear-gradient(180deg,#f7fbff,#f1f7ff)}.app-shell{display:block;min-height:100vh}.sidebar{display:none}.main-shell{width:100%;min-width:0;padding:0}.topbar{position:sticky;top:0;z-index:80;height:68px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 14px 10px;border-width:0 0 1px;border-color:#ccddeee6;border-radius:0 0 22px 22px;background:#ffffffe0;box-shadow:0 14px 34px #325a9f1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-topbar-brand{display:flex;align-items:center;min-width:0}.mobile-topbar-brand button{min-height:48px;display:inline-flex;align-items:center;border:0;background:transparent;padding:0}.mobile-topbar-brand img{width:132px;height:auto;display:block}.topbar-title,.topbar-actions{display:none}.mobile-topbar-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}.mobile-menu-wrap{position:relative;display:block;flex:0 0 auto}.mobile-call-trigger,.mobile-menu-trigger{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(50,90,159,.14);border-radius:16px;background:linear-gradient(135deg,#fffffff5,#e9f8fdeb);color:var(--brand-blue);box-shadow:0 10px 24px #325a9f1a}.mobile-call-trigger{border-color:#25a9da47;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;box-shadow:0 12px 28px #25a9da33}.mobile-call-trigger:focus-visible,.mobile-call-trigger:hover{outline:0;border-color:#325a9f59;background:linear-gradient(135deg,#244a82,var(--brand-cyan))}.mobile-menu-trigger.open,.mobile-menu-trigger:focus-visible{outline:0;border-color:#25a9da73;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff}.mobile-menu-panel{position:absolute;top:58px;right:0;z-index:90;width:min(268px,calc(100vw - 28px));display:grid;gap:6px;padding:8px;border:1px solid rgba(212,226,242,.96);border-radius:20px;background:#fff;box-shadow:0 22px 54px #10264f29}.mobile-menu-panel button{min-height:50px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;border:0;border-radius:14px;background:transparent;color:#33486c;padding:0 12px;text-align:left;font-size:14px;font-weight:800}.mobile-menu-panel button svg{color:#7690b5}.mobile-menu-panel button.active{background:linear-gradient(135deg,#25a9da24,#325a9f1f);color:var(--brand-blue)}.mobile-menu-panel button.active svg{color:var(--brand-cyan)}.mobile-menu-panel button em{min-width:22px;min-height:22px;display:grid;place-items:center;border-radius:999px;background:#25a9da24;color:var(--brand-blue);font-size:11px;font-style:normal;font-weight:900}.page-canvas{padding:14px 14px 96px}.dashboard-page,.leads-page,.test-call-page{gap:12px}.mobile-overview-heading{display:block;padding:4px 2px 2px;text-align:center}.mobile-overview-heading h1{max-width:none;margin:0;color:#12213a;font-size:23px;line-height:1.15;letter-spacing:0}.report-row{display:none}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-card{min-height:98px;display:block;padding:10px;border-radius:16px;background:#ffffffeb;box-shadow:0 8px 22px #325a9f14}.metric-card span{min-height:28px;color:var(--brand-blue);font-size:9.5px;font-weight:900;line-height:1.18;letter-spacing:0;text-transform:none}.metric-card strong{margin:8px 0 5px;font-size:24px;line-height:1;letter-spacing:0}.metric-card small{display:block;color:#7486a0;font-size:9.5px;line-height:1.2}.metric-card svg{display:none}.overview-grid{grid-template-columns:minmax(0,1fr);gap:12px}.panel{padding:14px;border-radius:18px;box-shadow:0 10px 28px #325a9f14}.panel.large{min-height:266px}.panel-title h2{font-size:16px;letter-spacing:0}.panel-title p{margin-top:3px;font-size:11px;line-height:1.35}.chart-wrap{margin-top:10px}.chart-wrap svg{height:180px}.chart-days{gap:8px;overflow:hidden;color:#7a8ca5;font-size:10px}.chart-days span:nth-child(2n){display:none}.action-queue{min-height:auto}.queue-item{grid-template-columns:8px minmax(0,1fr) auto;gap:10px;padding:12px 0}.queue-item strong{font-size:12.5px;line-height:1.25}.queue-item small{margin-top:3px;font-size:10.5px}.queue-item em{font-size:10.5px}.conversation-layout{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(286px,46%) minmax(0,1fr);gap:10px;height:calc(100dvh - 96px);min-height:650px;overflow:hidden}.conversation-list{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--line);border-radius:20px;background:#ffffffeb;box-shadow:0 10px 28px #325a9f14}.filter-row{display:none}.conversation-card{border-radius:16px}.conversation-card{min-height:66px;align-content:center;gap:5px;margin-top:0;margin-bottom:8px;padding:11px 12px;border-color:#d6e3f2f2;box-shadow:none}.conversation-card span{display:block}.conversation-card strong{color:#12213a;font-size:13.5px;line-height:1.18}.conversation-card em,.conversation-card p{display:none}.conversation-card small{display:block;margin-top:5px;color:var(--brand-blue);font-size:11px;line-height:1.15}.conversation-card.active{border-color:#25a9da57;background:linear-gradient(135deg,#e9f8fdfa,#fffffff2)}.transcript-panel{height:100%;margin:0;overflow:hidden;border-radius:18px}.transcript-panel>header{align-items:center;flex-direction:row;min-height:auto;gap:8px;padding:12px 14px}.transcript-panel h2{font-size:14px;line-height:1.2}.transcript-panel header p,.transcript-panel header div:last-child{display:none}.transcript-stream{height:calc(100% - 51px);overflow-y:auto;overscroll-behavior:contain;gap:14px;padding:14px}.transcript-line{grid-template-columns:34px 1fr;gap:10px}.transcript-line>span{width:32px;height:32px}.transcript-line strong{align-items:flex-start;gap:8px;font-size:12.5px}.transcript-line p{font-size:12px;line-height:1.45}.reply-bar{display:none}.lead-toolbar{display:grid;grid-template-columns:1fr;gap:0}.lead-search{width:100%;min-height:42px;height:42px;border-radius:14px;padding:0 12px}.lead-search input{font-size:13px}.lead-toolbar button,.lead-summary{display:none}.mobile-lead-workspace{display:grid;grid-template-rows:minmax(292px,42dvh) minmax(0,auto);gap:10px}.mobile-lead-list{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--line);border-radius:20px;background:#ffffffeb;box-shadow:0 10px 28px #325a9f14}.mobile-lead-row{width:100%;min-height:62px;display:block;margin-bottom:7px;border:1px solid rgba(214,227,242,.9);border-radius:15px;background:#fff;padding:10px 12px;text-align:left}.mobile-lead-row strong,.mobile-lead-row small,.mobile-lead-row em{display:block}.mobile-lead-row strong{color:#12213a;font-size:13.5px;line-height:1.2}.mobile-lead-row small{margin-top:4px;color:#607693;font-size:11px}.mobile-lead-row em{margin-top:3px;color:var(--brand-blue);font-size:10.5px;font-style:normal;font-weight:900}.mobile-lead-row.active{border-color:#25a9da57;background:linear-gradient(135deg,#e9f8fdfa,#fffffff2)}.mobile-lead-detail{padding:14px;border:1px solid var(--line);border-radius:20px;background:#fffffff0;box-shadow:0 10px 28px #325a9f14}.mobile-lead-detail header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.mobile-lead-detail header strong{color:#12213a;font-size:14px;line-height:1.2}.mobile-lead-detail dl{display:grid;gap:9px;margin:12px 0 0}.mobile-lead-detail div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px}.mobile-lead-detail dt{color:#7a8ca5;font-size:10px;font-weight:900;text-transform:uppercase}.mobile-lead-detail dd{min-width:0;margin:0;color:#33486c;font-size:12px;line-height:1.35;word-break:break-word}.table-panel{display:none}.test-call-page{grid-template-columns:1fr;max-width:none;min-height:calc(100dvh - 96px);align-content:start;gap:10px}.test-copy{min-height:auto;padding:14px 16px;text-align:center}.test-copy .panel-title h2{font-size:18px;line-height:1.2}.test-copy .panel-title p{max-width:310px;margin:8px auto 0;font-size:12px;line-height:1.45}.phone-mock{width:min(100%,292px);min-height:0;margin:0 auto;padding:8px;border-radius:26px}.phone-speaker{margin-bottom:7px}.phone-screen{min-height:0;gap:10px;padding:13px;border-radius:20px}.phone-screen header{min-height:50px;padding:8px 10px;border-radius:16px}.phone-screen header span{font-size:16px}.phone-screen header small{font-size:10px}.pulse-orb{width:88px;height:88px;margin:5px auto 0}.pulse-orb svg{width:38px;height:38px}.call-readout{min-height:88px;padding:10px;border-radius:16px}.call-readout strong{font-size:13px}.call-readout p{margin-top:6px;font-size:10.5px;line-height:1.28}.phone-actions{grid-template-columns:1fr;gap:7px;margin-top:0}.phone-actions button{min-height:42px;border-radius:14px;font-size:14px}.floating-call{display:none}}@media(min-width:701px){.dashboard-page{gap:18px}.report-row{min-height:68px;padding:14px 16px;border:1px solid rgba(230,238,247,.95);border-radius:22px;background:#ffffffb8;box-shadow:0 16px 38px #325a9f12}.metric-grid{gap:10px}.metric-card{min-height:108px;padding:15px;border-radius:18px;background:#ffffffc7;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.metric-card strong{margin-top:12px;font-size:26px}.metric-card:hover{border-color:#25a9da47;box-shadow:0 20px 42px #325a9f1a;transform:translateY(-1px)}.conversation-layout{grid-template-columns:minmax(420px,.72fr) minmax(0,1.28fr);gap:16px;min-height:calc(100vh - 118px)}.conversation-list,.transcript-panel,.table-panel{border:1px solid rgba(226,238,249,.98);border-radius:24px;background:#ffffffe0;box-shadow:0 18px 46px #325a9f14}.conversation-list{display:grid;align-content:start;gap:12px;padding:16px}.data-filter-row{width:100%;display:grid;grid-template-columns:minmax(132px,1fr) minmax(132px,1fr) minmax(178px,1.15fr);align-items:end;gap:10px;padding:10px;border:1px solid rgba(226,238,249,.95);border-radius:18px;background:#ffffffd6}.lead-toolbar{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(190px,.28fr);align-items:end;gap:12px;padding:12px;border:1px solid rgba(226,238,249,.95);border-radius:22px;background:#ffffffbd;box-shadow:0 14px 34px #325a9f0f}.lead-search{width:100%;height:54px;border-radius:18px;background:#fff}.data-filter-row span,.status-filter-row span,.workflow-select span{color:#7a8da8;letter-spacing:.04em}.data-filter-row input,.data-filter-row select,.status-filter-row select,.workflow-select select{min-height:42px;border-color:#cfe0f2f2;border-radius:14px;background:#fff;color:#203859;transition:border-color .18s ease,box-shadow .18s ease}.data-filter-row input:focus,.data-filter-row select:focus,.status-filter-row select:focus,.workflow-select select:focus{border-color:#25a9da80;box-shadow:0 0 0 4px #25a9da1f}.holo-date-field span{padding-left:8px;color:#5f7393}.holo-date-field input{position:absolute;inset:20px 0 0;width:100%;height:42px;opacity:0;cursor:pointer}.holo-date-field em{min-height:42px;border:1px solid rgba(207,224,242,.95);border-radius:14px;background:#fff;color:#203859;box-shadow:none}.holo-date-field input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65;filter:hue-rotate(165deg) saturate(1.4)}.holo-date-field:focus-within i:after{opacity:1;box-shadow:0 0 16px #25a9da6b}.conversation-list-head{display:grid;grid-template-columns:minmax(0,1.2fr) 104px 118px;align-items:center;gap:10px;padding:0 12px 2px;color:#7a8da8;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.conversation-list-head .table-sort{justify-self:start;color:var(--brand-blue)}.conversation-card{min-height:86px;display:grid;grid-template-columns:minmax(0,1.2fr) 104px 118px;align-items:center;gap:10px;margin:0;padding:14px 12px;border-radius:18px;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.conversation-card:hover,.conversation-card:focus-visible{border-color:#25a9da47;background:#f8fcfffa;box-shadow:0 12px 28px #325a9f14;outline:0}.conversation-card.active{border-color:#25a9da66;background:linear-gradient(135deg,#ebfafffa,#fffffff2)}.conversation-card span{display:grid;gap:5px;min-width:0}.conversation-card strong,.conversation-card em,.conversation-card b,.conversation-card small{white-space:nowrap}.conversation-card strong{overflow:hidden;color:#12213a;font-size:13px;text-overflow:ellipsis}.conversation-card em{color:#8192ad}.conversation-card small{justify-self:start;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#325a9f14;color:var(--brand-blue)}.conversation-card p{grid-column:1 / -1;color:#6f819a}.transcript-panel{margin:0}.transcript-panel>header{min-height:78px;padding:18px 20px;background:linear-gradient(180deg,#fffffff5,#f8fbffc7)}.workflow-select{min-width:180px}.workflow-select.compact{min-width:176px}.workflow-select.compact select{min-height:38px}.workflow-select select{cursor:pointer;padding:0 34px 0 13px;font-size:12px;font-weight:900;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.table-panel{min-height:560px;overflow:hidden}table{min-width:1180px}th{height:48px;color:#7a8da8;background:#f8fbfff5;font-size:11px;font-weight:900;letter-spacing:.04em}td{padding-top:15px;padding-bottom:15px}.table-sort{min-height:30px;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer}.table-sort:focus-visible{outline:3px solid rgba(37,169,218,.22);outline-offset:3px}.lead-summary{gap:8px}.lead-summary span{min-height:46px;border-radius:16px;background:#ffffffd1}}@media(max-width:700px){.data-filter-row,.status-filter-row,.conversation-list-head{display:none}}.nav-item strong{color:#0f1b33;font-weight:900}.nav-item.active strong{color:#0f1b33}.topbar h1{color:#050b18;font-weight:900}.notification-button{position:relative}.notification-button em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid white;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-style:normal;font-weight:900}.notification-button.has-alert{border-color:#dc26262e;background:#fff7f7;color:var(--red)}.modern-date-field{display:grid;gap:6px;min-width:142px}.modern-date-field>span,.status-date-select>span{color:#667996;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.modern-date-field>div{position:relative;min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;overflow:hidden;border:1px solid rgba(207,224,242,.95);border-radius:14px;background:#fff;color:#203859;transition:border-color .18s ease,box-shadow .18s ease}.modern-date-field svg{color:var(--brand-cyan);flex:0 0 auto}.modern-date-field em{overflow:hidden;color:#203859;font-size:12px;font-style:normal;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.modern-date-field input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.modern-date-field:focus-within>div{border-color:#25a9da85;box-shadow:0 0 0 4px #25a9da1f}.data-filter-row{display:grid;grid-template-columns:minmax(144px,1fr) minmax(144px,1fr) minmax(176px,1.05fr);align-items:end;gap:10px;padding:12px;border:1px solid rgba(226,238,249,.95);border-radius:20px;background:#ffffffdb;box-shadow:0 12px 28px #325a9f0f}.status-date-select{display:grid;gap:6px}.status-date-select select,.status-filter-row select{min-height:42px;border:1px solid rgba(207,224,242,.95);border-radius:14px;background:#fff;color:#203859;padding:0 34px 0 12px;font-size:12px;font-weight:900;cursor:pointer}.download-report-bar{display:grid;grid-template-columns:minmax(230px,1fr) 150px 150px auto;align-items:end;gap:12px;padding:14px;border:1px solid rgba(207,224,242,.95);border-radius:20px;background:#ffffffe6;box-shadow:0 14px 34px #325a9f12}.download-report-bar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0;color:var(--brand-blue)}.download-report-bar>div:first-child span{display:grid;gap:2px;min-width:0}.download-report-bar strong{color:#10264f;font-size:13px}.download-report-bar small{color:#637896;font-size:11px;line-height:1.35}.download-report-bar button,.download-inline-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:var(--brand-blue);color:#fff;padding:0 16px;font-size:12px;font-weight:900;box-shadow:0 12px 24px #325a9f2e}.conversation-list .download-report-bar{grid-template-columns:1fr 1fr}.conversation-list .download-report-bar>div:first-child,.conversation-list .download-report-bar button{grid-column:1 / -1}.conversation-list .download-report-bar button{width:100%}.lead-toolbar{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(170px,.45fr) minmax(145px,.35fr) minmax(145px,.35fr) auto;align-items:end;gap:12px;padding:12px;border:1px solid rgba(226,238,249,.95);border-radius:22px;background:#ffffffc7;box-shadow:0 14px 34px #325a9f0f}.lead-toolbar .lead-search{width:100%;max-width:180px;height:42px;border-radius:14px;box-shadow:none}.lead-toolbar .status-filter-row,.lead-toolbar .status-filter-row label,.lead-toolbar .status-filter-row select{width:100%}.test-copy{display:grid;align-content:start;gap:18px}@media(max-width:980px){.download-report-bar,.lead-toolbar,.data-filter-row{grid-template-columns:1fr}.lead-toolbar .lead-search{max-width:none}}.modern-date-field{position:relative;isolation:isolate}.modern-date-field .date-trigger{width:100%;min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid rgba(207,224,242,.95);border-radius:14px;background:#fff;color:#203859;padding:0 12px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.modern-date-field.open .date-trigger,.modern-date-field .date-trigger:hover,.modern-date-field .date-trigger:focus-visible{border-color:#25a9da85;background:#fbfdff;box-shadow:0 0 0 4px #25a9da1f;outline:0}.mini-calendar{position:absolute;top:calc(100% + 8px);left:0;z-index:80;width:254px;padding:12px;border:1px solid rgba(207,224,242,.98);border-radius:18px;background:#fffffffa;box-shadow:0 22px 52px #10264f2e}.mini-calendar header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;margin-bottom:10px}.mini-calendar header strong{color:#10264f;font-size:13px;text-align:center}.mini-calendar header button,.calendar-days button{border:0;border-radius:10px;background:transparent;color:#325a9f}.mini-calendar header button{width:32px;height:32px;display:grid;place-items:center}.mini-calendar header button:hover,.calendar-days button:hover{background:#edf8fd}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays span{display:grid;place-items:center;height:24px;color:#7b8da7;font-size:10px;font-weight:900}.calendar-days button{height:30px;color:#203859;font-size:12px;font-weight:800}.calendar-days button.muted{color:#b1bfd2}.calendar-days button.selected{background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;box-shadow:0 8px 18px #325a9f2e}.status-dropdown{position:relative;display:grid;gap:6px;min-width:160px}.status-dropdown>span{color:#667996;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.status-dropdown>button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(207,224,242,.95);border-radius:14px;background:#fff;color:#203859;padding:0 12px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.status-dropdown>button strong{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.status-dropdown.open-menu>button,.status-dropdown>button:hover,.status-dropdown>button:focus-visible{border-color:#25a9da80;background:#fbfdff;box-shadow:0 0 0 4px #25a9da1c;outline:0}.status-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:75;width:max(100%,190px);display:grid;gap:5px;padding:8px;border:1px solid rgba(207,224,242,.98);border-radius:16px;background:#fffffffa;box-shadow:0 18px 46px #10264f29}.status-menu button{min-height:36px;border:0;border-radius:10px;background:transparent;color:#203859;padding:0 10px;font-size:12px;font-weight:850;text-align:left}.status-menu button:hover,.status-menu button.selected{background:#edf8fd;color:var(--brand-blue)}.workflow-select{min-width:178px}.workflow-select.compact{min-width:170px}.workflow-select.open>button,.workflow-select.open-menu>button{border-color:#25a9da52;color:var(--brand-blue)}.workflow-select.follow-up-required>button{border-color:#c35a0942;color:var(--orange)}.workflow-select.closed>button{border-color:#00a97942;color:var(--green)}.download-report-bar.button-only{grid-template-columns:1fr}.conversation-list .download-report-bar.button-only button{width:100%}.test-call-page{grid-template-columns:none;align-items:stretch}.test-console-grid{display:grid;grid-template-columns:minmax(320px,1fr) 430px;align-items:start;gap:18px}.test-copy{min-height:0;padding:28px}.test-copy .panel-title p{max-width:480px;color:#49617f;font-size:14px;line-height:1.65}.agent-log-box{display:grid;grid-template-rows:auto auto auto auto;gap:14px;padding:18px;border:1px solid rgba(207,224,242,.95);border-radius:22px;background:#ffffffeb;box-shadow:0 14px 34px #325a9f12}.agent-log-box header{display:flex;align-items:center;gap:10px;color:var(--brand-blue)}.agent-log-box header strong{color:#10264f;font-size:15px}.agent-log-box p{max-width:720px;margin:0;color:#49617f;font-size:13px;line-height:1.55}.agent-log-dates{display:grid;grid-template-columns:160px 160px;gap:12px}.agent-log-box>button{width:fit-content;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:var(--brand-blue);color:#fff;padding:0 18px;font-size:12px;font-weight:900;box-shadow:0 12px 24px #325a9f2e}@media(max-width:980px){.test-console-grid,.agent-log-dates,.download-report-bar.with-dates{grid-template-columns:1fr}}.conversation-layout{grid-template-columns:minmax(350px,390px) minmax(0,1fr);gap:24px}.conversation-list,.transcript-panel{overflow:visible}.conversation-list{padding:14px}.data-filter-row{grid-template-columns:minmax(118px,1fr) minmax(118px,1fr) minmax(138px,.9fr);gap:8px;padding:10px;border-radius:18px;box-shadow:0 10px 26px #325a9f0b}.conversation-report-action{display:flex;padding:0 2px 2px}.conversation-report-action button{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(50,90,159,.14);border-radius:14px;background:var(--brand-blue);color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 24px #325a9f24}.modern-date-field{min-width:116px}.modern-date-field>span,.status-dropdown>span{font-size:9px;letter-spacing:.055em}.modern-date-field .date-trigger,.status-dropdown>button{min-height:39px;border-radius:12px;padding:0 10px;box-shadow:none}.modern-date-field .date-trigger em,.status-dropdown>button strong{font-size:11px}.modern-date-field.open .date-trigger,.modern-date-field .date-trigger:hover,.modern-date-field .date-trigger:focus-visible,.status-dropdown.open-menu>button,.status-dropdown>button:hover,.status-dropdown>button:focus-visible{box-shadow:0 0 0 3px #25a9da1a}.mini-calendar{width:220px;padding:10px;border-radius:16px;box-shadow:0 18px 42px #10264f24}.mini-calendar header{grid-template-columns:28px 1fr 28px;margin-bottom:8px}.mini-calendar header strong{font-size:12px}.mini-calendar header button{width:28px;height:28px}.calendar-weekdays span{height:20px;font-size:9px}.calendar-days{gap:3px}.calendar-days button{height:26px;border-radius:8px;font-size:11px}.status-menu{width:max(100%,174px);padding:6px;border-radius:14px;box-shadow:0 16px 36px #10264f24}.status-menu button{min-height:34px;font-size:11px}.lead-toolbar{grid-template-columns:minmax(145px,.45fr) minmax(150px,.45fr) minmax(128px,.35fr) minmax(128px,.35fr) auto;gap:10px;padding:10px}.lead-toolbar .lead-search{max-width:160px;height:39px;border-radius:12px}.download-inline-button{min-height:39px;border-radius:12px}.test-call-page{display:grid;grid-template-columns:minmax(320px,1fr) 430px;align-items:start;gap:18px}.diagnostics-left{display:grid;gap:14px}.test-console-grid{display:contents}.agent-log-box{max-width:560px;gap:10px;padding:14px;border-radius:18px}.agent-log-box p{max-width:460px;font-size:12px}.agent-log-dates{grid-template-columns:148px 148px;gap:10px}.agent-log-box>button{min-height:39px;border-radius:12px;padding:0 16px}.download-report-bar.with-dates{grid-template-columns:minmax(230px,1fr) 150px 150px auto}.download-report-bar.button-only{display:flex;padding:0;border:0;background:transparent;box-shadow:none}.download-report-bar.button-only>div:first-child{display:none}.download-report-bar.button-only button{width:100%}@media(max-width:1100px){.conversation-layout,.test-call-page,.agent-log-dates,.lead-toolbar{grid-template-columns:1fr}.lead-toolbar .lead-search,.agent-log-box{max-width:none}}.conversation-layout{grid-template-columns:minmax(340px,382px) minmax(0,1fr);gap:30px}.conversation-list{gap:11px;padding:12px;border-color:#d7e4f3db;border-radius:22px;background:linear-gradient(180deg,#fffffff0,#fafdffe6);box-shadow:0 18px 42px #325a9f0e}.transcript-panel{border-color:#d7e4f3db;border-radius:24px;box-shadow:0 18px 42px #325a9f0e}.data-filter-row{grid-template-columns:repeat(2,minmax(118px,1fr)) minmax(142px,.9fr);gap:7px;padding:7px;border:1px solid rgba(219,232,246,.9);border-radius:17px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffeb}.modern-date-field,.status-dropdown{min-width:0;gap:4px}.modern-date-field>span,.status-dropdown>span{color:#6d809d;font-size:8.5px;font-weight:850;letter-spacing:.075em;line-height:1;text-transform:uppercase}.modern-date-field .date-trigger,.status-dropdown>button{min-height:38px;border:1px solid rgba(214,228,244,.95);border-radius:11px;background:#fff;color:#162b4f;padding:0 10px;box-shadow:none;transition:background-color .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.modern-date-field .date-trigger svg,.status-dropdown>button svg{color:#325a9f;opacity:.72}.modern-date-field .date-trigger em,.status-dropdown>button strong{color:#162b4f;font-size:11px;font-style:normal;font-weight:850;letter-spacing:0}.modern-date-field .date-trigger:hover,.modern-date-field .date-trigger:focus-visible,.modern-date-field.open .date-trigger,.status-dropdown>button:hover,.status-dropdown>button:focus-visible,.status-dropdown.open-menu>button{border-color:#325a9f42;background:#fbfdff;box-shadow:0 0 0 3px #325a9f13;outline:0}.modern-date-field .date-trigger:active,.status-dropdown>button:active,.conversation-report-action button:active,.download-inline-button:active,.agent-log-box>button:active{transform:translateY(1px) scale(.99)}.mini-calendar{position:absolute!important;top:calc(100% + 6px);left:0;z-index:90;width:202px;display:grid;gap:4px;padding:8px;border:1px solid rgba(213,228,244,.96);border-radius:14px;background:#fffffffc;box-shadow:0 16px 34px #10264f1f}.modern-date-field>.mini-calendar{position:absolute!important;width:202px;min-height:0;display:grid;align-items:stretch;gap:4px;overflow:visible;padding:8px}.mini-calendar header{width:100%;display:grid;grid-template-columns:26px 1fr 26px;align-items:center;gap:4px;margin-bottom:5px}.mini-calendar header strong{color:#12284b;font-size:11px;font-weight:850;letter-spacing:0}.mini-calendar header button{width:26px;height:26px;border-color:#dbe8f6f0;border-radius:8px;background:#fff;color:#325a9f}.mini-calendar header button:hover,.mini-calendar header button:focus-visible{background:#f3f8fd;outline:0}.calendar-weekdays{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.calendar-weekdays span{height:18px;color:#8292aa;font-size:8.5px;font-weight:850}.calendar-days{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.calendar-days button{width:100%;min-height:0;height:24px;border:0;border-radius:7px;background:transparent;color:#1f365c;font-size:10.5px;font-weight:800}.calendar-days button:hover,.calendar-days button:focus-visible{background:#edf7fc;outline:0}.calendar-days button.muted{color:#b9c5d5}.calendar-days button.selected{background:#325a9f;color:#fff;box-shadow:none}.status-menu{top:calc(100% + 6px);width:max(100%,166px);gap:3px;padding:5px;border:1px solid rgba(213,228,244,.96);border-radius:13px;background:#fffffffc;box-shadow:0 16px 34px #10264f1f}.status-menu button{min-height:32px;border-radius:9px;color:#203859;font-size:11px;font-weight:820}.status-menu button:hover,.status-menu button:focus-visible,.status-menu button.selected{background:#eff7fc;color:#325a9f;outline:0}.workflow-select.open>button,.workflow-select.open-menu>button,.workflow-select.follow-up-required>button,.workflow-select.closed>button{background:#fff;box-shadow:none}.workflow-select.follow-up-required>button{border-color:#c35a0938}.workflow-select.closed>button{border-color:#00a97938}.conversation-report-action{justify-content:flex-end;padding:0 1px}.conversation-report-action button{width:auto;min-height:38px;border:1px solid rgba(50,90,159,.18);border-radius:11px;background:#fff;color:#325a9f;padding:0 13px;box-shadow:none;font-size:11px}.conversation-list-head{margin-top:2px}.conversation-list .data-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-list .data-filter-row .status-dropdown{grid-column:1 / -1}.conversation-list .conversation-report-action button{width:100%}.lead-toolbar{grid-template-columns:150px 170px 154px 154px auto;gap:7px;align-items:end;justify-content:start;padding:7px;border:1px solid rgba(219,232,246,.9);border-radius:17px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffeb}.lead-toolbar .lead-search{max-width:150px;height:38px;border-color:#d6e4f4f2;border-radius:11px;background:#fff;box-shadow:none}.lead-toolbar .lead-search:focus-within{border-color:#325a9f42;box-shadow:0 0 0 3px #325a9f13}.download-inline-button{min-height:38px;border-radius:11px;background:#325a9f;box-shadow:none;font-size:11px;white-space:nowrap}.test-call-page{grid-template-columns:minmax(300px,.82fr) 400px;gap:22px}.diagnostics-left{max-width:510px;gap:12px}.agent-log-box{width:min(410px,100%);max-width:410px;gap:9px;padding:12px;border-color:#d7e4f3db;border-radius:16px;background:#ffffffe6;box-shadow:0 14px 30px #325a9f0e}.agent-log-box header{gap:8px}.agent-log-box header strong{font-size:14px}.agent-log-box p{max-width:350px;color:#526a89;font-size:12px;line-height:1.45}.agent-log-dates{grid-template-columns:1fr 1fr;gap:7px}.agent-log-box>button{min-height:38px;border-radius:11px;background:#325a9f;box-shadow:none;font-size:11px}.vapi-update-box{width:min(510px,100%);display:grid;gap:12px;padding:14px;border:1px solid rgba(215,228,243,.88);border-radius:16px;background:#ffffffeb;box-shadow:0 14px 30px #325a9f0e}.vapi-update-box header{display:flex;align-items:center;gap:9px}.vapi-update-box header svg{color:#325a9f}.vapi-update-box header strong{display:block;color:#14284a;font-size:14px}.vapi-update-box header small{color:#6d83a5;font-size:11px;font-weight:800}.vapi-update-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vapi-update-grid span{min-width:0;display:grid;gap:3px;border:1px solid rgba(220,231,244,.95);border-radius:12px;background:#fff;padding:9px}.vapi-update-grid small{color:#7389a8;font-size:9px;font-weight:900;text-transform:uppercase}.vapi-update-grid strong{overflow:hidden;color:#213b63;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.vapi-update-box p{margin:0;color:#506987;font-size:12px;line-height:1.45}.vapi-update-status{border-radius:12px;padding:9px 10px;background:#eef6ff;font-weight:800}.vapi-update-status.success{color:#08704f;background:#00a9791a}.vapi-update-status.warning{color:#8a4307;background:#c35a091a}.vapi-update-status.error{color:#b91c1c;background:#dc26261a}.vapi-update-box>button{width:fit-content;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:#325a9f;color:#fff;padding:0 13px;font-size:11px;font-weight:900}.vapi-update-box>button:disabled{cursor:wait;opacity:.72}.email-page{display:grid;min-height:calc(100vh - 118px)}.email-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(280px,.5fr);gap:18px;align-items:start}.email-composer{display:grid;gap:16px;padding:22px}.email-recipients{display:grid;gap:8px}.email-recipients span{color:#223b62;font-size:11px;font-weight:900;text-transform:uppercase}.email-recipients textarea{width:100%;min-height:98px;resize:vertical;border:1px solid rgba(214,228,244,.95);border-radius:14px;background:#fff;color:#172948;padding:12px;outline:0;font-size:13px;line-height:1.45;box-shadow:inset 0 1px #ffffffe6}.email-recipients textarea:focus{border-color:#325a9f57;box-shadow:0 0 0 4px #325a9f14}.email-recipients small,.email-mode-row span{color:#6c82a4;font-size:11px;font-weight:700}.email-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.email-mode-row button,.email-send-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(50,90,159,.18);border-radius:12px;background:#fff;color:#325a9f;padding:0 14px;font-size:12px;font-weight:900}.email-mode-row button.active{background:#eef8fd;border-color:#25a9da42;color:#1d4f8f}.email-preview{overflow:hidden;border:1px solid rgba(218,230,244,.96);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}.email-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(220,231,244,.9)}.email-preview strong{color:#15294c;font-size:13px}.email-preview small{color:#6b83a7;font-size:11px;font-weight:800}.email-preview pre{max-height:320px;margin:0;overflow:auto;white-space:pre-wrap;color:#233d64;padding:15px;font:500 12px/1.65 Century Gothic,Poppins,system-ui,sans-serif}.email-send-button{width:fit-content;border-color:transparent;background:#00a979;color:#fff}.email-send-button:disabled{cursor:wait;opacity:.72}.email-send-status{margin:-4px 0 0;border-radius:12px;padding:10px 12px;color:#234064;background:#eef6ff;font-size:12px;font-weight:800}.email-send-status.success{color:#08704f;background:#00a9791f}.email-send-status.warning{color:#8a4307;background:#c35a091f}.email-send-status.error{color:#b91c1c;background:#dc26261a}.email-call-list{display:grid;gap:10px;padding:14px;border:1px solid rgba(218,230,244,.95);border-radius:20px;background:#ffffffdb;box-shadow:0 14px 30px #325a9f0f}.email-live-panel{display:grid;gap:14px}.email-update-feed{display:grid;gap:10px;padding:14px;border:1px solid rgba(218,230,244,.95);border-radius:20px;background:#ffffffe6;box-shadow:0 14px 30px #325a9f0f}.email-update-feed>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px}.email-update-feed strong{display:block;color:#14284a;font-size:14px}.email-update-feed small{color:#6c84a7;font-size:11px;font-weight:700}.email-update-card{display:grid;gap:7px;border:1px solid rgba(218,230,244,.96);border-radius:15px;background:#fff;padding:12px}.email-update-card.sent{border-color:#00a9793d;background:#00a9790b}.email-update-card.preview{border-color:#c35a0938;background:#c35a090b}.email-update-card.error{border-color:#dc262638;background:#dc26260b}.email-update-card span{display:flex;align-items:center;justify-content:space-between;gap:10px}.email-update-card em{color:#6b84aa;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.email-update-card p{display:-webkit-box;max-height:118px;margin:0;overflow:hidden;color:#304b73;font-size:11.5px;line-height:1.55;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:7}.email-update-card b{color:#b91c1c;font-size:11px}.email-call-list>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px}.email-call-list strong{display:block;color:#14284a;font-size:14px}.email-call-list small{color:#6c84a7;font-size:11px;font-weight:700}.email-call-card{display:grid;gap:7px;width:100%;border:1px solid rgba(218,230,244,.96);border-radius:15px;background:#fff;color:inherit;padding:12px;text-align:left}.email-call-card.active,.email-call-card:hover{border-color:#25a9da5c;background:#f6fbfe}.email-call-card span{display:flex;align-items:center;justify-content:space-between;gap:10px}.email-call-card em{color:#6b84aa;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.email-call-card p{margin:0;color:#304b73;font-size:12px;line-height:1.45}@media(max-width:1100px){.conversation-layout,.test-call-page{grid-template-columns:1fr}.lead-toolbar{grid-template-columns:150px 170px 154px 154px auto;overflow-x:auto}.lead-toolbar .lead-search{max-width:none}.email-grid{grid-template-columns:1fr}}@media(max-width:700px){.conversation-layout{gap:16px}.conversation-list,.transcript-panel{border-radius:20px}.data-filter-row,.lead-toolbar{grid-template-columns:1fr;gap:8px;padding:8px}.modern-date-field .date-trigger,.status-dropdown>button,.conversation-report-action button,.download-inline-button,.agent-log-box>button{min-height:44px}.mini-calendar{width:min(236px,calc(100vw - 44px));padding:9px}.calendar-days button{height:31px}.status-menu{width:100%}.conversation-report-action{justify-content:stretch}.conversation-report-action button{width:100%}.agent-log-box{width:100%;max-width:none}.vapi-update-grid{grid-template-columns:1fr}.vapi-update-box>button{width:100%;min-height:44px}.email-page{min-height:auto}.email-composer{padding:16px}.email-mode-row,.email-call-card span{align-items:flex-start;flex-direction:column}.email-send-button{width:100%;min-height:44px}}