:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#dbeafe;--secondary-color:#6366f1;--secondary-hover:#4f46e5;--success-color:#10b981;--success-hover:#059669;--danger-color:#ef4444;--danger-hover:#dc2626;--warning-color:#f59e0b;--warning-hover:#d97706;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-hover:#d1d5db;--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--gradient-success:linear-gradient(135deg,var(--success-color) 0%,#059669 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#374151;--bg-tertiary:#4b5563;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#4b5563;--border-hover:#6b7280}.call-ribbon{animation:slideInUp .4s cubic-bezier(.68,-.55,.265,1.55) .4s;animation:slideInUp .4s var(--transition-bounce);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 15px #0000001f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:50%;max-width:calc(100vw - 20px);position:fixed;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:480px;z-index:9999}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.call-ribbon-top{box-shadow:0 2px 10px #0003;top:0}.call-ribbon-bottom{bottom:80px}.call-ribbon-floating{border-radius:12px;bottom:20px;box-shadow:0 4px 20px #0000004d;left:auto;position:fixed;right:20px;width:400px}.call-ribbon.minimized .ribbon-content{display:none}.call-ribbon.dragging{box-shadow:0 8px 32px #0003;cursor:grabbing;transition:none}.call-ribbon.dragging .ribbon-header{background:#f0f9ff;border-bottom-color:#3b82f6}.ribbon-header{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;color:#1f2937;cursor:move;display:flex;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;user-select:none}.ribbon-header:hover{background:#f9fafb}.ribbon-title{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.title-text{color:#374151;font-weight:600}.drag-handle{border-radius:2px;color:#9ca3af;cursor:grab;font-size:12px;padding:2px;transition:color .2s}.drag-handle:hover{color:#6b7280}.drag-handle:active{cursor:grabbing}.status-dot{align-items:center;animation:pulse 2s infinite;background:#f3f4f6;border-radius:50%;display:flex;font-size:10px;height:20px;justify-content:center;width:20px}.status-dot.online{background:#dcfce7;color:#16a34a}.status-dot.online:before{content:"📞"}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.customer-info{flex:1 1;margin:0 8px;text-align:center}.customer-name{color:#6b7280;font-size:11px;font-weight:500;margin-top:1px}.ribbon-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s}.ribbon-toggle:hover{background:#e5e7eb;border-color:#9ca3af}.ribbon-notification{align-items:center;animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown var(--transition-normal);border-bottom:1px solid #0000001a;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;text-align:center}.ribbon-notification:before{background:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.ribbon-notification.info{background:#3b82f61a;border-bottom-color:#3b82f633;color:#3b82f6;color:var(--primary-color)}.ribbon-notification.success{background:#10b9811a;border-bottom-color:#10b98133;color:#10b981;color:var(--success-color)}.ribbon-notification.error{background:#ef44441a;border-bottom-color:#ef444433;color:#ef4444;color:var(--danger-color)}.ribbon-notification.warning{background:#f59e0b1a;border-bottom-color:#f59e0b33;color:#f59e0b;color:var(--warning-color)}.notification-icon{font-size:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.ribbon-content{background:#fff;background:var(--bg-primary);border-radius:0 0 10px 10px;padding:12px}.ribbon-status{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#6b7280;color:var(--text-secondary);padding:16px}.ribbon-error,.ribbon-status{font-size:14px;text-align:center}.ribbon-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;color:var(--danger-color);padding:16px 20px}.ribbon-previous-calls{background:#f9fafb;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;overflow:hidden}.previous-calls-header{align-items:center;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:8px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.previous-calls-header:hover{background:#0000000a}.previous-calls-title{flex:1 1}.previous-calls-toggle{font-size:10px;opacity:.7}.previous-calls-list{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);max-height:200px;overflow-y:auto}.previous-calls-loading{color:#9ca3af;color:var(--text-muted);font-size:12px;padding:12px;text-align:center}.previous-call-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);font-size:12px;padding:10px 12px}.previous-call-item:last-child{border-bottom:none}.previous-call-meta{color:#9ca3af;color:var(--text-muted);font-size:11px;margin-bottom:4px}.previous-call-summary{color:#1f2937;color:var(--text-primary);line-height:1.4;margin-bottom:4px}.previous-call-points{color:#6b7280;color:var(--text-secondary);font-size:11px;margin:0;padding-left:16px}.ribbon-input-group{align-items:center;display:flex;gap:6px}.ribbon-phone-input{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:5px;color:#1f2937;color:var(--text-primary);flex:1 1;font-size:12px;min-height:32px;padding:8px 10px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ribbon-phone-input:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.ribbon-phone-input::placeholder{color:#9ca3af;color:var(--text-muted)}.ribbon-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-height:32px;overflow:hidden;padding:8px 12px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.ribbon-btn:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ribbon-btn:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.ribbon-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ribbon-btn:disabled:hover{box-shadow:none;transform:none}.ribbon-btn.loading{color:#0000}.ribbon-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ribbon-btn-dial{background:#10b981;background:var(--success-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.ribbon-btn-dial:hover{background:#059669;background:var(--success-hover)}.ribbon-btn-accept{background:#3b82f6;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.ribbon-btn-accept:hover{background:#2563eb;background:var(--primary-hover)}.ribbon-btn-reject{background:#ef4444;background:var(--danger-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.ribbon-btn-reject:hover{background:#dc2626;background:var(--danger-hover)}.ribbon-btn-hangup{background:#ef4444;background:var(--danger-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.ribbon-btn-hangup:hover{background:#dc2626;background:var(--danger-hover)}.ribbon-btn-icon{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:18px;height:48px;justify-content:center;padding:12px;width:48px}.ribbon-btn-icon:hover{background:#e5e7eb;border-color:#d1d5db;transform:scale(1.05)}.ribbon-btn-icon.active{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.ribbon-btn-icon.active:hover{background:#bfdbfe}.ribbon-btn-hangup{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}.ribbon-btn-hangup:hover{background:#dc2626!important;border-color:#b91c1c!important}.ribbon-incoming{align-items:center;animation:slideDown .3s ease;display:flex;gap:12px}.incoming-text{color:#1f2937;flex:1 1;font-size:14px;font-weight:600}.ribbon-controls{justify-content:flex-end;padding:16px 24px}.call-info,.ribbon-controls{align-items:center;display:flex;gap:12px}.call-info{flex:1 1}.call-duration{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:6px}.call-duration:before{content:"🕐";font-size:12px}.ribbon-dtmf{background:#f9fafb;border-top:1px solid #f3f4f6;margin-top:0;padding:16px 24px}.dtmf-header{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.dtmf-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.dtmf-toggle:hover{background:#e5e7eb}.dtmf-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:120px}.dtmf-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:36px;overflow:hidden;padding:12px;position:relative;transform:translateZ(0);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.dtmf-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dtmf-btn:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dtmf-btn:hover:before{left:100%}.dtmf-btn:active{background:#d1d5db;background:var(--border-hover);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:scale(.95)}.dtmf-btn.special{background:#fef3c7;border-color:#f59e0b;color:#92400e}.dtmf-btn.special:hover{background:#fde68a;border-color:#d97706}@media (max-width:768px){.call-ribbon{left:10px;right:10px;transform:translateX(0);width:calc(100vw - 20px)}.call-ribbon-bottom{bottom:10px;padding-bottom:env(safe-area-inset-bottom)}.ribbon-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.ribbon-title{font-size:13px}.customer-info{margin-bottom:8px;order:-1;width:100%}.ribbon-content{padding:16px}.ribbon-input-group{flex-direction:column;gap:12px}.ribbon-btn,.ribbon-phone-input{font-size:16px;width:100%}.ribbon-btn{min-height:48px}.ribbon-controls{flex-direction:column;gap:12px}.ribbon-btn-icon{font-size:24px;min-height:56px;min-width:56px}.ribbon-dtmf{gap:10px;padding:16px}.dtmf-btn{font-size:18px;min-height:52px;padding:16px}}@media (max-width:480px){.ribbon-header{padding:10px 12px}.ribbon-content{padding:12px}.ribbon-dtmf{gap:8px;padding:12px}.dtmf-btn{font-size:16px;min-height:48px;padding:14px}}.ribbon-controls-modern{align-items:center;background:linear-gradient(90deg,#f0fdf4,#fff);border-radius:50px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;justify-content:center;padding:12px 20px}.call-timer{color:#374151;font-size:14px;font-weight:500;gap:6px;padding:0 8px}.call-timer,.control-btn{align-items:center;display:flex}.control-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000000f;color:#6b7280;cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-btn:hover{background:#f3f4f6;box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.control-btn:active{box-shadow:0 2px 4px #0000000f;transform:translateY(0)}.control-btn.active{background:#fef3c7;color:#f59e0b}.control-btn.hangup-btn{background:#fee2e2;color:#ef4444}.control-btn.hangup-btn:hover{background:#fecaca;box-shadow:0 4px 8px #ef444433;transform:translateY(-2px)}.control-btn{position:relative}.transcribing-indicator{animation:pulse-dot 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 4px #10b98199;height:8px;position:absolute;right:2px;top:2px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media (max-width:768px){.ribbon-controls-modern{gap:12px;padding:10px 16px}.control-btn{font-size:16px;height:36px;width:36px}.call-timer{font-size:12px}}
/*# sourceMappingURL=main.194a7b7b.css.map*/