html{height:100%;overflow:hidden}*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.app{grid-template-columns:clamp(240px,22vw,320px) minmax(0,1fr);width:100vw;max-width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7eb;min-width:0;padding:16px;overflow-y:auto}.sidebar-header h1{margin:0;font-size:24px}.new-btn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font-weight:700}.search-input{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.sidebar .inbox-tabs{gap:6px;width:100%;margin:10px 0 12px;display:flex}.sidebar .inbox-tabs .inbox-tab{color:#111;white-space:nowrap;cursor:pointer;background:#eee;border:none;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;line-height:1.2;display:flex}.call-tabs{gap:6px;width:100%;margin:0 0 12px;display:flex}.call-tab{color:#111;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:none;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;line-height:1.2;display:flex}.call-tab.active{color:#fff;background:#2563eb}.calls-view{flex:auto;min-height:0;padding:18px 20px 24px;overflow-y:auto}.calls-view.hidden{display:none}.messages-view.hidden{display:none!important}.calls-metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.metric-card{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);border-radius:10px;flex-direction:column;gap:8px;min-height:72px;padding:14px 16px;display:flex;box-shadow:0 8px 18px #581c872e}.metric-card.metric-wide{grid-column:span 2}.metric-label{opacity:.8;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.metric-value{font-size:20px;font-weight:700}.calls-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{color:#6b21a8;background:#f3e8ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.filter-input,.filter-select{border:1px solid #e5e7eb;border-radius:8px;min-width:160px;padding:8px 10px;font-size:13px}.filter-date-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.toggle{color:#374151;align-items:center;gap:10px;font-size:13px;display:inline-flex}.toggle input{display:none}.toggle-slider{background:#d1d5db;border-radius:999px;width:44px;height:24px;transition:background .2s;display:inline-block;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.toggle input:checked+.toggle-slider{background:#16a34a}.toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-weight:600}.calls-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.calls-table{border-collapse:collapse;width:100%;font-size:13px}.calls-table thead{background:#f9fafb}.calls-table th,.calls-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px}.calls-table th{text-transform:uppercase;letter-spacing:.4px;color:#6b7280;font-size:12px}.calls-table tbody tr:hover{background:#f8fafc}.calls-tag{color:#5b21b6;background:#ede9fe;border-radius:999px;margin-bottom:4px;margin-right:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.calls-sentiment{font-weight:700}.calls-sentiment.positive{color:#16a34a}.calls-sentiment.neutral{color:#d97706}.calls-sentiment.negative{color:#dc2626}.calls-sentiment.unknown{color:#6b7280}.calls-timing{color:#374151;font-size:12px;line-height:1.4}.calls-audio{width:220px}.call-details-btn{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:999px;margin-top:8px;padding:6px 10px;font-size:11px;font-weight:700}.call-ai-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:14px;padding:16px;box-shadow:0 8px 20px #0f172a0f}.call-ai-content{flex-direction:column;gap:12px;display:flex}.call-ai-intro{align-items:flex-start;gap:12px;display:flex}.call-ai-icon{color:#4f46e5;background:#eef2ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.call-ai-title{color:#111827;font-size:16px;font-weight:700}.call-ai-subtitle{color:#6b7280;margin-top:4px;font-size:13px}.call-ai-suggestions{flex-direction:column;gap:8px;display:flex}.call-ai-suggestion{color:#111827;text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-weight:600;transition:all .15s}.call-ai-suggestion:hover{background:#eef2ff;border-color:#c7d2fe}.call-ai-helper{color:#6b7280;font-size:12px}.call-ai-response{color:#111827;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-size:14px;line-height:1.5}.call-ai-response.hidden,.call-ai-panel.has-response .call-ai-suggestions,.call-ai-panel.has-response .call-ai-helper{display:none}.call-ai-input-row{align-items:center;gap:10px;margin-top:12px;display:flex}.call-ai-input{background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;flex:1;padding:12px 14px;font-size:14px;transition:border-color .15s}.call-ai-input:focus{border-color:#6366f1}.call-ai-submit{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;justify-content:center;align-items:center;min-width:84px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.call-ai-submit:disabled{opacity:.7;cursor:default}.call-ai-hint{color:#9ca3af;margin-top:8px;font-size:12px}@media (width<=720px){.call-ai-input-row{flex-direction:column;align-items:stretch}.call-ai-submit{width:100%}}.date-modal{z-index:60;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.date-modal.hidden{display:none}.date-modal-overlay{background:#0f172a99;position:absolute;inset:0}.date-modal-card{background:#fff;border-radius:14px;width:min(720px,92vw);position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a4d}.date-modal-header{color:#fff;background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.date-modal-title{font-size:15px;font-weight:700}.date-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:999px;width:32px;height:32px;font-size:16px}.date-modal-body{grid-template-columns:1fr 1fr;gap:20px;padding:18px;display:grid}.date-modal-options{flex-direction:column;gap:10px;display:flex}.date-option{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-weight:600}.date-option.active{color:#5b21b6;background:#ede9fe;border-color:#6d28d9}.date-modal-custom{grid-template-columns:1fr;align-content:start;gap:10px;display:grid}.date-modal-custom label{color:#6b7280;font-size:12px}.date-modal-custom input{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:13px}.date-apply-btn{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:10px;margin-top:6px;padding:10px 12px;font-weight:700}@media (width<=1200px){.calls-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card.metric-wide{grid-column:span 3}}@media (width<=900px){.ai-panel{width:calc(100% - 24px);margin:0 12px 12px}.call-card,.note-card{width:100%}.app{grid-template-columns:1fr}.calls-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card.metric-wide{grid-column:span 2}.calls-audio{width:160px}}.call-modal{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-modal.hidden{display:none}.call-modal-overlay{background:#0f172a99;position:absolute;inset:0}.call-modal-card{background:#fff;border-radius:14px;flex-direction:column;width:min(900px,92vw);max-height:86vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a4d}.call-modal-header{color:#fff;background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.call-modal-title{font-size:16px;font-weight:700}.call-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:999px;width:32px;height:32px;font-size:16px}.call-modal-body{flex-direction:column;gap:18px;padding:18px;display:flex;overflow-y:auto}.call-modal-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.call-modal-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.call-modal-label{color:#374151;text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:700}.call-modal-sentiment{color:#6d28d9;background:#ede9fe;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.call-modal-tags{margin-bottom:10px}.call-modal-text{color:#111827;white-space:pre-wrap;font-size:14px;line-height:1.5}.call-modal-assessment{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:13px}.call-modal-list{color:#374151;margin:0;padding-left:18px;font-size:14px}.new-conversation{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.new-conversation.hidden{display:none}.new-conversation input{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px}.new-conversation button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:12px;font-weight:700}.conversation-list{flex-direction:column;gap:10px;display:flex}.chat-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.chat-item.active{background:#eff6ff;border-color:#2563eb}.chat-top-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name-wrap{align-items:center;gap:8px;display:flex}.chat-name{margin-bottom:4px;font-weight:700}.chat-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-time{color:#9ca3af;margin-top:6px;font-size:12px}.activity-dot{background:#f87171;border-radius:999px;width:8px;height:8px;display:inline-block}.activity-badge{color:#fff;background:#4b5563;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:flex}.main{flex-direction:column;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.chat-header-left h2{margin:0;font-size:24px}.chat-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}body.calls-mode .chat-header-actions{display:none}.call-btn,.accept-btn,.reject-btn,.mute-btn,.delete-btn{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.call-btn{color:#fff;background:#22c55e}.call-btn.call-btn--mini{border-radius:999px;padding:6px 10px;font-size:12px}.delete-btn{color:#fff;background:#111827}.delete-btn:hover{opacity:.9}.call-status{color:#fff;white-space:nowrap;background:#0f2f4a;border-radius:8px;align-items:center;min-width:300px;max-width:360px;height:56px;padding:0;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.call-live-card{grid-template-columns:64px 1fr auto;align-items:stretch;width:100%;height:56px;display:grid}.call-live-icon{background:#4e97c6;flex-shrink:0;justify-content:center;align-items:center;width:64px;font-size:24px;display:flex}.call-live-info{background:linear-gradient(90deg,#0d3554 0%,#123b5d 100%);flex-direction:column;justify-content:center;padding:0 14px;display:flex;overflow:hidden}.call-live-number{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.call-live-timer{margin-top:2px;font-size:13px;font-weight:500;line-height:1}.call-live-from{color:#dbeafe;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:600;overflow:hidden}.call-live-actions{background:#123b5d;align-items:center;gap:8px;padding:0 10px;display:flex}.call-actions-inline{align-items:center;gap:8px;display:flex}.round-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.round-mute{color:#111;background:#fff}.round-hang{color:#fff;background:#e53935}.round-answer{color:#fff;background:#22c55e}.round-decline{background:#ef4444}.typing-indicator{color:#6b7280;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px 20px;font-size:13px;display:flex}.typing-dots{gap:4px;display:inline-flex}.typing-dots span{background:#9ca3af;border-radius:999px;width:6px;height:6px;display:inline-block}.messages-box{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden auto}.messages-box.is-bottom-aligned>:first-child{margin-top:auto}.msg-wrap{flex-direction:column;margin:8px 0;display:flex;position:relative}.msg-wrap.in{align-items:flex-start}.msg-wrap.out{align-items:flex-end}.msg{word-wrap:break-word;border-radius:14px;max-width:72%;padding:12px 14px;line-height:1.4;position:relative}.msg.in{background:#e5e7eb}.msg.out{background:#dbeafe}.msg-meta{color:#6b7280;margin-top:6px;font-size:11px;display:block}.ai-panel{color:#f8fafc;background:#0d0d11;border:1px solid #20222b;border-radius:16px;flex-direction:column;flex:none;align-self:flex-start;gap:12px;width:min(640px,100% - 28px);margin:0 14px 12px;padding:14px;display:flex;box-shadow:0 18px 42px #0003}.ai-panel-header-row{justify-content:space-between;align-items:center;display:flex}.ai-panel-header{color:#fff;letter-spacing:-.02em;font-size:15px;font-weight:700}.ai-panel-close{color:#e5e7eb;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:18px;line-height:1}.ai-compose-box{background:#111217;border:1px solid #b8f3ef;border-radius:10px;padding:4px}#aiQuestionInput{resize:none;color:#fff;background:0 0;border:0;border-radius:8px;width:100%;min-height:82px;padding:10px 12px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.45}#aiQuestionInput:focus{box-shadow:none;outline:none}.ai-preset-groups{flex-flow:column wrap;align-items:flex-start;gap:8px;display:flex}.ai-preset-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-preset-label{color:#d1d5db;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.ai-panel .ai-preset-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #4a4d57;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700;line-height:1}.ai-panel .ai-preset-btn:hover{border-color:#8de7df}.ai-panel .ai-preset-btn.active{background:#10393c;border-color:#10393c}.ai-panel .ai-preset-btn:focus-visible,.ai-panel-close:focus-visible,.ai-history-btn:focus-visible,.ai-feedback-btn:focus-visible,.ai-refine-select:focus-visible,#useAiReplyBtn:focus-visible,#aiReplyBtn:focus-visible{outline-offset:2px;outline:2px solid #b8f3ef}.ai-panel-info,.ai-result-meta{color:#d1d5db;max-width:420px;font-size:10px;line-height:1.45}.ai-panel-actions{align-items:center;gap:12px;display:flex}.ai-panel-actions--create{justify-content:flex-end}#aiReplyBtn{color:#071014;cursor:pointer;letter-spacing:.01em;background:#b8f3ef;border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-width:168px;min-height:48px;padding:12px 26px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 12px 26px #b8f3ef29}.ai-create-icon{flex:none;width:30px;height:30px;margin-left:-4px;display:block}#aiReplyBtn:disabled{cursor:wait;opacity:.72}.ai-result-card{background:#121316;border:1px solid #20222b;border-radius:12px;overflow:hidden}.ai-result-card.hidden{display:none}#aiReplyBox{resize:none;color:#fff;caret-color:#0000;background:#15161a;border:0;border-radius:0;width:100%;min-height:82px;padding:12px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.45;overflow-y:hidden}#aiReplyBox:focus{box-shadow:none;outline:none}.ai-result-toolbar{border-top:1px solid #2b2d35;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ai-refine-select{color:#fff;background:0 0;border:2px solid #b8f3ef;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.ai-result-history{color:#cbd5e1;align-items:center;gap:10px;display:flex}.ai-history-btn,.ai-feedback-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.ai-history-divider{color:#4b5563}.ai-result-footer{justify-content:space-between;align-items:flex-end;gap:14px;padding:0 12px 12px;display:flex}.ai-result-actions{align-items:center;gap:10px;display:flex}#useAiReplyBtn{color:#071014;cursor:pointer;background:#b8f3ef;border:0;border-radius:999px;padding:10px 20px;font-size:12px;font-weight:700}#notePanel{background:#fff;border-top:1px solid #e5e7eb;flex:none;grid-template-columns:minmax(0,1fr) 140px;align-items:start;gap:10px;min-width:0;padding:12px 20px;display:grid}#noteInput{resize:vertical;border:1px solid #d1d5db;border-radius:10px;width:100%;min-height:70px;padding:10px;font-family:Arial,Helvetica,sans-serif}#saveNoteBtn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:12px;font-weight:700}.composer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex:none;gap:10px;min-width:0;padding:12px 16px;display:flex}.composer-input{resize:none;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;min-height:56px;max-height:none;padding:12px 14px;font-family:Arial,Helvetica,sans-serif;font-size:14px;overflow-y:hidden}.composer-actions{justify-content:space-between;align-items:center;display:flex}.left-actions{gap:8px;display:flex}.left-actions button{cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:8px 10px;font-size:16px}.right-actions .send-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:8px 16px;font-weight:700}.emoji-wrapper{display:inline-block;position:relative}.emoji-picker{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:8px;width:220px;padding:10px;display:grid;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000001f}.emoji-item{cursor:pointer;background:#f9fafb;border:none;border-radius:10px;padding:8px;font-size:20px;line-height:1}.emoji-item:hover{background:#e5e7eb}.empty-state{color:#6b7280;text-align:center;padding:20px}.hidden{display:none!important}.message-toast{z-index:5000;color:#fff;background:#111827;border-radius:14px;min-width:280px;max-width:360px;padding:14px 16px;font-size:14px;line-height:1.45;position:fixed;top:18px;right:18px;box-shadow:0 18px 40px #0f172a38}.message-toast-title{margin-bottom:4px;font-weight:700;display:block}.message-toast-body{color:#ffffffd1;display:block}.incoming-call{z-index:40;pointer-events:none;background:#0000001f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.incoming-card{display:none}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;display:inline-block}.icon-mic{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 1a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z'/><path d='M5 11a7 7 0 0 0 14 0'/><line x1='12' y1='18' x2='12' y2='23'/><line x1='8' y1='23' x2='16' y2='23'/></svg>")}.round-mute.muted .icon-mic{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 1a3 3 0 0 0-3 3v4'/><path d='M9 9v2a3 3 0 0 0 5.12 2.12'/><path d='M5 11a7 7 0 0 0 9 6.7'/><line x1='12' y1='18' x2='12' y2='23'/><line x1='8' y1='23' x2='16' y2='23'/><line x1='3' y1='3' x2='21' y2='21'/></svg>")}.icon-hang{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 10c4-4 12-4 16 0'/><path d='M6 10v4'/><path d='M18 10v4'/></svg>")}.icon-answer{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.08 4.18 2 2 0 0 1 4.05 2h3a2 2 0 0 1 2 1.72 12.6 12.6 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8 10a16 16 0 0 0 6 6l1.36-1.3a2 2 0 0 1 2.11-.45 12.6 12.6 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/></svg>")}.system-call{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.system-call.out{align-items:flex-end}.system-call.in{align-items:flex-start}.call-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(720px,78%);padding:12px 14px;box-shadow:0 6px 14px #0000000f}.call-card.missed{border-left:4px solid #ef4444}.call-card-header{align-items:center;gap:10px;display:flex}.call-card-icon{font-size:18px}.missed-call-icon{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex;box-shadow:inset 0 0 0 1px #ef444414}.missed-call-icon svg{width:26px;height:26px;display:block}.call-card-titles{flex:1}.call-card-title{font-size:14px;font-weight:700}.call-card-phone{color:#6b7280;margin-top:2px;font-size:13px}.call-card-meta{color:#ef4444;margin-top:4px;font-size:12px;font-weight:600}.call-card-time{color:#9ca3af;white-space:nowrap;font-size:12px}.call-back-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;margin-top:8px;padding:8px 12px;font-weight:700}.call-audio{width:100%;margin-top:10px}.call-details{flex-direction:column;gap:10px;margin-top:10px;display:flex}.call-details.collapsed{display:none}.call-detail-toggle{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-self:flex-start;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:700}.call-ai-toggle{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;align-self:flex-start;margin-top:10px;margin-left:8px;padding:6px 10px;font-size:12px;font-weight:700}.call-ai-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;display:flex}.call-ai-panel.hidden{display:none}.call-ai-input{resize:vertical;border:1px solid #d1d5db;border-radius:10px;width:100%;min-height:54px;padding:8px 10px;font-family:Arial,Helvetica,sans-serif;font-size:13px}.call-ai-actions{gap:8px;display:flex}.call-ai-submit{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700}.call-ai-clear{color:#111827;cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.call-ai-response{color:#111827;white-space:pre-wrap;font-size:13px;line-height:1.45}.call-detail-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.call-detail-title{color:#374151;margin-bottom:6px;font-size:12px;font-weight:700}.call-detail-text{color:#111827;white-space:pre-wrap;font-size:14px;line-height:1.5}.note-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(720px,78%);padding:12px 14px;box-shadow:0 6px 14px #0000000f}.note-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:700}.note-text{color:#111827;white-space:pre-wrap;font-size:14px;line-height:1.5}.note-time{color:#9ca3af;margin-top:8px;font-size:12px}.round-message{color:#111;background:#fff;border:1px solid #e5e7eb;font-size:16px}.details-btn{cursor:pointer;background:#f3f4f6;border:0;border-radius:8px;padding:6px 10px;font-size:14px}.app{grid-template-columns:clamp(240px,22vw,320px) minmax(0,1fr) 0;transition:grid-template-columns .25s;position:relative}.right-panel{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;gap:14px;min-width:0;padding:12px;display:flex;overflow-y:auto}.right-panel-header{justify-content:space-between;align-items:center;font-weight:700;display:flex}.right-panel-header button{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:4px 8px}.right-panel-section{flex-direction:column;gap:6px;display:flex}.right-label{color:#6b7280;font-size:12px;font-weight:700}.right-panel input,.right-panel select,.right-panel textarea{border:1px solid #d1d5db;border-radius:8px;padding:8px;font-family:Arial,Helvetica,sans-serif;font-size:13px}.right-panel textarea{resize:vertical;min-height:70px}.right-panel button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:8px;font-weight:700}#deleteChatBtn{display:none!important}@media (width<=1100px){.app,.app.show-details{grid-template-columns:clamp(220px,28vw,280px) minmax(0,1fr)}.right-panel{z-index:30;width:min(320px,88vw);transition:transform .2s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-14px 0 30px #0f172a24}.app.show-details .right-panel{transform:translate(0)}}@media (width<=760px){body{overflow:hidden}.app,.app.show-details{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{border-bottom:1px solid #e5e7eb;border-right:0;max-height:42vh}.main{height:58vh;min-height:520px;overflow:hidden}.chat-header-left h2{font-size:20px}.chat-header-actions{justify-content:flex-start}.composer-actions{align-items:stretch;gap:10px}}:root{--crm-blue:#1976d2;--crm-blue-dark:#0d47a1;--crm-ink:#172033;--crm-muted:#6b7280;--crm-line:#e4e7ec;--crm-panel:#fff;--crm-page:#f2f4f7;--crm-nav:#17182d;--crm-radius:8px}html,body{background:var(--crm-page);color:var(--crm-ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}.app,.app.show-details{background:var(--crm-page);grid-template-columns:62px clamp(260px,20vw,292px) minmax(0,1fr) 0;width:100vw;max-width:100vw;height:100vh;transition:grid-template-columns .22s;display:grid;overflow:hidden}.app.show-details{grid-template-columns:62px clamp(260px,20vw,292px) minmax(0,1fr) clamp(236px,18vw,282px)}.leftnav{background:var(--crm-nav);flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 0 12px;display:flex}.ln-item{color:#8d91ad;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 0;display:flex}.ln-item:hover,.ln-item.active{color:#fff}.ln-wrap{border-radius:8px;justify-content:center;align-items:center;width:42px;height:34px;display:flex}.ln-item:hover .ln-wrap{background:#ffffff14}.ln-item.active .ln-wrap{background:#ffffff29}.ln-ico{font-size:18px;line-height:1}.ln-lbl{font-size:9px;font-weight:700}.ln-div{background:#ffffff1f;width:36px;height:1px;margin:4px 0}.ln-bot{margin-top:auto}.sidebar{background:var(--crm-panel);border-right:1px solid var(--crm-line);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #eef0f4;padding:14px 14px 10px}.sidebar-header h1{letter-spacing:0;font-size:19px;line-height:1.1}.sidebar-header p{color:var(--crm-muted);margin:5px 0 0;font-size:12px}.new-btn{border-radius:var(--crm-radius);background:#111827;width:calc(100% - 28px);margin:12px 14px 10px;padding:11px 12px}.search-input{border-color:var(--crm-line);background:#f8fafc;border-radius:18px;width:calc(100% - 28px);margin:0 14px 10px;padding:9px 12px;font-size:13px}.sidebar .inbox-tabs,.call-tabs{gap:6px;width:calc(100% - 28px);margin:0 14px 8px}.sidebar .inbox-tabs .inbox-tab,.call-tab{color:#111827;background:#edf0f4;border-radius:6px;min-height:30px;font-size:12px}.sidebar .inbox-tabs .inbox-tab.active{color:#fff;background:#050505}.call-tab.active{background:var(--crm-blue);color:#fff}.new-conversation{border:1px solid var(--crm-line);border-radius:var(--crm-radius);background:#f8fafc;margin:0 14px 10px;padding:10px}.conversation-list{flex:auto;gap:0;min-height:0;padding:0 8px 12px;overflow-y:auto}.chat-item{box-shadow:none;border:1px solid #0000;border-bottom-color:#eef0f4;border-radius:0;align-items:flex-start;gap:10px;margin:0;padding:10px 11px;display:flex}.chat-item:hover{background:#f5f9ff}.chat-item.active{border-radius:var(--crm-radius);background:#e8f0fe;border-color:#cbdcff}.chat-avatar-wrap{flex:none;position:relative}.chat-avatar-wrap .activity-dot{background:#1976d2;border:2px solid #fff;width:9px;height:9px;position:absolute;top:1px;right:1px}.chat-avatar{color:#fff;letter-spacing:.02em;background:#4f6b83;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.chat-item:nth-child(5n+1) .chat-avatar{background:#1565c0}.chat-item:nth-child(5n+2) .chat-avatar{background:#388e3c}.chat-item:nth-child(5n+3) .chat-avatar{background:#00796b}.chat-item:nth-child(5n+4) .chat-avatar{background:#6a1b9a}.chat-item-body{flex:auto;min-width:0}.chat-top-row{gap:8px}.chat-name-wrap{min-width:0}.chat-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.chat-preview{margin-top:2px;font-size:12px;line-height:1.35}.chat-time{margin-top:5px;font-size:11px}.main{border-right:1px solid var(--crm-line);background:#fff}.chat-header{background:var(--crm-blue);color:#fff;border-bottom:1px solid #1267bb;flex-wrap:nowrap;flex:none;min-height:56px;padding:8px 14px}.chat-header-left{min-width:180px;overflow:hidden}.chat-header-left h2{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:21px;font-weight:800;line-height:1.15;overflow:hidden}.chat-subtitle{color:#ffffffc7;margin-top:4px;font-size:12px}.chat-header-actions{flex-wrap:nowrap;gap:8px}.chat-header-actions select,.filter-select,.filter-input{border-color:#d5dbe5;border-radius:4px}.chat-header-actions select{background:#fff;min-height:30px}#loggedUserLabel,#fromLineLabel,#logoutBtn{white-space:nowrap;border:0!important;border-radius:6px!important}#loggedUserLabel{color:#fff!important;background:#ffffff29!important}#fromLineLabel{color:#0d3b66!important;background:#ffffffe6!important}#logoutBtn,.details-btn{color:#fff!important;background:#ffffff29!important}#logoutBtn:hover,.details-btn:hover{background:#ffffff42!important}.details-btn{border-radius:999px;min-width:34px;height:34px}.call-btn.call-btn--mini{background:#22c55e;min-width:44px;height:30px;padding:6px 12px;box-shadow:0 6px 14px #22c55e2e}.call-status{background:#0d2140;border-radius:6px;min-width:min(300px,34vw);height:48px;box-shadow:0 8px 18px #05173038}.call-live-card{grid-template-columns:54px 1fr auto;height:48px}.call-live-icon{background:#4e97c6;width:54px}.typing-indicator{flex:none}.messages-box{background:#f5f6f8;gap:10px;padding:16px 20px}.msg{border-radius:18px;max-width:min(760px,72%);padding:11px 14px;font-size:14px;line-height:1.55}.msg.out{color:#111827;background:#d8e9ff;border-bottom-right-radius:6px}.msg.in{border:1px solid var(--crm-line);background:#fff;border-bottom-left-radius:6px}.msg-meta,.note-time,.call-card-time{color:#718096;font-size:11px}.note-card,.call-card{box-shadow:none;border-color:var(--crm-line);border-radius:8px}.note-card{background:#fff}.note-card.transcript-card{border-left:3px solid #8b5cf6}.note-card.summary-card{background:#faf5ff;border-left:3px solid #1976d2}.call-card{border-left:3px solid var(--crm-blue);padding:12px 14px}.call-card.missed{border-left-color:#e53935}.call-card.voicemail{border-left-color:#f59e0b}.call-actions-row{gap:8px;margin-top:10px;display:flex}.call-card-header{align-items:flex-start}.call-card-icon{color:#1565c0;background:#e3f2fd;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.call-card.missed .call-card-icon,.call-card.missed .missed-call-icon{background:#ffebee}.call-card.voicemail .call-card-icon{color:#e65100;background:#fff8e1}.call-card-title{color:#111827}.call-card-phone{color:#667085}.call-audio{border-radius:999px;margin-top:12px}.call-detail-toggle,.call-ai-toggle,.call-back-btn{border-radius:6px}.call-ai-toggle,.call-ai-submit{background:#111827;border-color:#111827}.call-detail-box,.call-ai-panel{border-radius:8px}.call-ai-panel{background:#faf5ff;border-color:#d8b4fe}.call-ai-suggestion{border-radius:8px}.composer{border-top:1px solid var(--crm-line);background:#fff;padding:12px 16px 14px}.composer-input{background:#fff;border-color:#ccd3dd;border-radius:14px;min-height:58px}.left-actions button{border-radius:8px;justify-content:center;align-items:center;width:40px;height:36px;padding:0;display:inline-flex}.right-actions .send-btn{background:#2563eb;border-radius:10px;width:46px;height:34px;padding:0}.ai-panel{color:#2f1b45;background:#fdf6ff;border:1px solid #d8b4fe;border-radius:8px;width:min(720px,100% - 40px);margin:0 20px 12px;box-shadow:0 12px 28px #581c871f}.ai-panel-header{color:#7b1fa2;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.ai-panel-close{color:#7b1fa2}.ai-compose-box{background:#fff;border-color:#d8b4fe}#aiQuestionInput,#aiReplyBox{color:#1f2937;background:#fff}#aiQuestionInput::placeholder{color:#9ca3af}.ai-panel .ai-preset-btn{color:#7b1fa2;background:#fff;border-color:#d8b4fe}.ai-panel .ai-preset-btn:hover,.ai-panel .ai-preset-btn.active{color:#6b21a8;background:#f3e8ff;border-color:#c084fc}.ai-preset-label,.ai-panel-info,.ai-result-meta{color:#6b7280}.ai-panel-link{color:#7b1fa2}#aiReplyBtn,#useAiReplyBtn{color:#fff;box-shadow:none;background:#7b1fa2}.ai-create-icon path{fill:#fff}.ai-result-card{background:#fff;border-color:#d8b4fe}.ai-result-toolbar{border-top-color:#f0ddff}.ai-refine-select{color:#7b1fa2;background:#fff;border-color:#c084fc}.ai-history-btn,.ai-feedback-btn{color:#6b7280}#notePanel{border-top:1px solid var(--crm-line);background:#fffde7;border-left:3px solid #ffd54f}#noteInput{background:#fff}#saveNoteBtn{border-radius:6px}.calls-view{background:#f0f2f5}.calls-dash-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.calls-kicker{color:#6a0dad;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.calls-dash-head h3{color:#1f2937;margin:0;font-size:24px;font-weight:500}.calls-dash-note{color:#667085;text-align:right;font-size:12px}.calls-metrics-grid{grid-template-columns:repeat(5,minmax(130px,1fr))}.metric-card{box-shadow:none;background:#6a0dad;border-radius:8px}.metric-card:nth-child(2n){background:#5b0d94}.calls-filters,.calls-table-wrap{border-radius:8px}.right-panel{border-left:1px solid var(--crm-line);background:#fff;min-width:0;overflow-x:hidden;transform:none}.right-panel-header{border-bottom:1px solid var(--crm-line);min-height:44px;margin:-12px -12px 0;padding:0 12px}.right-label{letter-spacing:.06em;text-transform:uppercase;font-size:10px}.login-screen{z-index:1000}@media (width<=1180px){.app,.app.show-details{grid-template-columns:56px clamp(238px,26vw,280px) minmax(0,1fr)}.leftnav{width:56px}.right-panel{z-index:30;width:min(320px,88vw);transition:transform .2s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-14px 0 30px #0f172a24}.app.show-details .right-panel{transform:translate(0)}.chat-header,.chat-header-actions{flex-wrap:wrap}.calls-metrics-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.metric-card.metric-wide{grid-column:span 3}}@media (width<=820px){.app,.app.show-details{grid-template-rows:42vh minmax(520px,58vh);grid-template-columns:54px minmax(0,1fr);height:100vh;overflow:hidden}.leftnav{grid-row:1/3}.sidebar{border-right:0;border-bottom:1px solid var(--crm-line);grid-area:1/2;max-height:none}.main{grid-area:2/2;height:auto;min-height:0}.chat-header{align-items:flex-start}.chat-header-actions{justify-content:flex-start}.msg,.call-card,.note-card{width:min(92%,720px);max-width:92%}.calls-metrics-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.metric-card.metric-wide{grid-column:span 2}}