:root{color-scheme:light}html,body,#root{margin:0;padding:0;min-height:100%;width:100%}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{display:flex;min-height:100vh}.telephony-banner{--telephony-banner-accent: #1e40af;position:fixed;bottom:24px;left:24px;width:360px;max-width:calc(100% - 32px);color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:1400;pointer-events:auto}.telephony-banner__header{display:flex;flex-direction:column;gap:.5rem}.telephony-banner__header-actions{display:flex;justify-content:flex-start;padding-left:.25rem;width:100%}@media (max-width: 640px){.telephony-banner{left:12px;right:12px;width:auto;bottom:12px}}.telephony-banner__toggle{width:100%;display:flex;align-items:center;gap:.75rem;background:var(--telephony-banner-accent, #0f766e);border:none;border-radius:28px 28px 0 0;padding:.9rem 1rem;color:var(--telephony-banner-text-color, #f8fafc);cursor:pointer;text-align:left}.telephony-banner__header .telephony-banner__toggle{flex:1 1 auto;width:100%;min-width:0}.telephony-banner__reconnect{border:1px solid rgba(15,118,110,.15);border-radius:999px;padding:.65rem 1rem;font-size:.82rem;font-weight:600;background:#22c55e1a;color:var(--telephony-banner-accent, #0f766e);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;box-shadow:none;white-space:nowrap;width:100%}.telephony-banner__reconnect:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.telephony-banner__reconnect svg{font-size:1rem}.telephony-banner--collapsed .telephony-banner__toggle{border-radius:28px;box-shadow:0 20px 35px #0f172a59}.telephony-banner__toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.telephony-banner__status-icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;color:var(--telephony-banner-text-color, #f8fafc);font-size:1rem;flex-shrink:0}.telephony-banner__toggle-texts{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.telephony-banner__status-text{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telephony-banner__status-subline{font-size:.78rem;color:var(--telephony-banner-subtext-color, rgba(248, 250, 252, .75));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telephony-banner__timer{font-variant-numeric:tabular-nums;font-size:.85rem;color:#ffffffbf}.telephony-banner__chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.telephony-banner__chevron i{width:8px;height:8px;border-right:2px solid var(--telephony-banner-text-color, rgba(255, 255, 255, .7));border-bottom:2px solid var(--telephony-banner-text-color, rgba(255, 255, 255, .7));transform:rotate(45deg);transition:transform .2s ease;display:inline-block}.telephony-banner--expanded .telephony-banner__chevron i{transform:rotate(225deg)}.telephony-banner__panel{margin-top:0;background:#f9fafc;border-radius:0 0 20px 20px;padding:.65rem .85rem .85rem;box-shadow:none;border:1px solid rgba(148,163,184,.18);border-top:none;position:relative;overflow:visible}.telephony-banner__call-card{padding:0;margin-bottom:.35rem;border-radius:0;background:none;box-shadow:none}.telephony-banner__call-card:after{display:none}.telephony-banner__call-card-header{display:flex;gap:.5rem;align-items:center}.telephony-banner__call-avatar{width:60px;height:60px;border-radius:20px;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:#0f172a;box-shadow:none}.telephony-banner__call-avatar--levels{background:radial-gradient(circle at 30% 20%,#22c55e40,#bfdbfed9);color:#047857}.telephony-banner__call-avatar--ringing{background:radial-gradient(circle at 30% 20%,#22c55e80,#86efacd9);animation:telephony-ringing 1.4s ease-in-out infinite;box-shadow:0 0 #22c55e73}.telephony-banner__avatar-wave-container{width:60px;height:44px;border-radius:14px;background:#0000;border:1px solid rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:5px 6px}.telephony-banner__avatar-wave{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:16px}.telephony-banner__avatar-wave span{display:block;background:#e5e7eb;height:20%;transition:height .08s ease;animation:telephony-avatar-wave 1.1s ease-in-out infinite;transform-origin:center bottom}@keyframes telephony-avatar-wave{0%{transform:scaleY(.7)}50%{transform:scaleY(1)}to{transform:scaleY(.7)}}.telephony-banner__avatar-wave--mic span{background:linear-gradient(180deg,#fefce8,#22c55e)}.telephony-banner__avatar-wave--remote span{background:linear-gradient(180deg,#ffe4e6,#ef4444)}@keyframes telephony-ringing{0%{box-shadow:0 0 #22c55e99;transform:scale(.96)}70%{box-shadow:0 0 0 14px #22c55e00;transform:scale(1)}to{box-shadow:0 0 #22c55e00;transform:scale(.96)}}.telephony-banner__equalizer{display:inline-flex;align-items:flex-end;gap:4px;height:36px}.telephony-banner__equalizer i{width:6px;border-radius:999px;background:#fffc;animation:telephony-equalizer 1.1s ease-in-out infinite;transform-origin:center bottom}.telephony-banner__equalizer i:nth-child(2){animation-delay:.15s}.telephony-banner__equalizer i:nth-child(3){animation-delay:.3s}@keyframes telephony-equalizer{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.35)}}.telephony-banner__call-card-texts{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.telephony-banner__ai-wrapper{margin-top:.6rem;margin-bottom:.4rem;position:relative;display:grid;gap:.45rem}.telephony-banner__ai-panel{border-radius:18px;padding:.75rem .9rem;background:linear-gradient(135deg,#3bc18f26,#10b98140);border:1px solid rgba(16,185,129,.25);color:#065f46;display:flex;flex-direction:column;gap:.35rem}.telephony-banner__ai-close{position:absolute;top:8px;right:8px;border:none;background:#0478571f;color:#065f46;width:24px;height:24px;border-radius:50%;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #04785733}.telephony-banner__ai-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:#064e3b}.telephony-banner__ai-text{font-size:.85rem;color:#065f46}.telephony-banner__ai-text--error{color:#b91c1c}@keyframes telephony-ai-pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.4;transform:scale(.9)}}.telephony-banner__ai-live-dot{width:8px;height:8px;border-radius:999px;background:#ef4444;display:inline-block;animation:telephony-ai-pulse 1.4s ease-in-out infinite}.telephony-banner__ai-log{max-height:14em;overflow-y:auto;padding-top:.35rem;display:flex;flex-direction:column;gap:.3rem}.telephony-banner__ai-log-entry{background:#065f4614;border-radius:.5rem;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.15rem}.telephony-banner__ai-log-time{font-size:.72rem;font-weight:600;color:#047857}.telephony-banner__ai-log-meta{display:flex;align-items:center;gap:.35rem}.telephony-banner__ai-log-speaker{font-size:.75rem;font-weight:700;padding:.05rem .5rem;border-radius:999px;background:#2563eb1f;color:#0b4fa5}.telephony-banner__ai-log-speaker--customer{background:#fb923c24;color:#b45309}.telephony-banner__ai-log-text{font-size:.82rem;color:#034d36;line-height:1.35}.telephony-banner__call-card-title{font-size:1.22rem;font-weight:600;color:#0f172a}.telephony-banner__call-card-secondary{font-size:.95rem;color:#475569;letter-spacing:.01em}.telephony-banner__call-card-subtitle{font-size:.9rem;color:#f8fafcbf}.telephony-banner__call-card-meta{font-size:.85rem;color:#f8fafca6}.telephony-banner__call-card--dialing,.telephony-banner__call-card--ringing,.telephony-banner__call-card--incoming,.telephony-banner__call-card--active{background:none}.telephony-banner__control-pill{margin-top:.25rem;padding:0;border-radius:999px;display:flex;flex-direction:column;gap:.35rem;position:relative}.telephony-banner__control-deck{display:flex;gap:.5rem;justify-content:space-between;flex-wrap:nowrap;width:100%;padding:.35rem .45rem;border-radius:999px;background:#0b0d16;border:1px solid rgba(255,255,255,.05);box-shadow:none}.telephony-banner__more-panel{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;flex-direction:column;gap:.5rem;min-width:220px;background:linear-gradient(180deg,#f4f5f8,#e7eaf1);border:1px solid rgba(148,163,184,.4);border-radius:18px;padding:.75rem .8rem .9rem;box-shadow:0 18px 32px #0f172a38,0 6px 14px #0f172a29;z-index:2}.telephony-banner__more-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.telephony-banner__more-title{font-weight:700;color:#0f172a}.telephony-banner__more-close{background:none;border:none;color:#475569;cursor:pointer;padding:.2rem;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.telephony-banner__more-option{background:#f8fafc;border:1px solid rgba(148,163,184,.35);border-radius:12px;color:#0f172a;font-weight:700;font-size:.9rem;padding:.6rem .7rem;cursor:pointer;text-align:left;box-shadow:inset 0 1px #ffffffb3}.telephony-banner__more-option:hover{background:#fff;border-color:#94a3b880}.telephony-banner__dialpad-panel{margin-top:.2rem;position:relative;z-index:1;display:flex;justify-content:center}.telephony-banner__extra-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;margin:.4rem 0 .2rem}.telephony-banner__extra-card{background:#fff;border:1px dashed rgba(15,23,42,.12);border-radius:12px;padding:.75rem;box-shadow:0 4px 12px #0f172a0a}.telephony-banner__extra-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.35rem}.telephony-banner__extra-title{font-weight:700;font-size:.9rem;color:#0f172a;margin-bottom:.35rem}.telephony-banner__extra-action{background:#0f766e;border:none;color:#fff;font-weight:700;font-size:.78rem;padding:.3rem .65rem;border-radius:999px;cursor:pointer}.telephony-banner__extra-body{display:grid;gap:.35rem}.telephony-banner__extra-placeholder{border:1px solid rgba(148,163,184,.5);border-radius:10px;padding:.65rem .75rem;background:linear-gradient(90deg,#94a3b829,#94a3b814);color:#475569;font-size:.86rem}.telephony-banner__extra-placeholder--clickable{width:100%;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit}.telephony-banner__dialpad{position:relative;border:1px solid rgba(16,185,129,.35);border-radius:16px;padding:.5rem .55rem .45rem;background:linear-gradient(135deg,#ecfdf5f2,#e0f2f1e6);box-shadow:0 18px 32px #0f172a1f,0 6px 14px #0f172a14;width:100%;max-width:240px;min-width:190px;max-height:60vh;overflow:visible;display:flex;flex-direction:column;gap:.25rem;align-items:center}.telephony-banner__dialpad-head,.telephony-banner__dialpad-title,.telephony-banner__dialpad-sub{display:none}.telephony-banner__dialpad-close{border:none;background:#0478571f;color:#065f46;width:22px;height:22px;border-radius:50%;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #04785733;position:absolute;top:-10px;right:-10px}.telephony-banner__dialpad-display{height:30px;border:1px solid rgba(16,185,129,.45);border-radius:10px;background:#ffffffe6;margin:0;display:flex;align-items:center;justify-content:flex-start;padding:0 .5rem;font-weight:700;color:#0f172a;box-shadow:inset 0 1px 2px #0f172a0f;width:100%;cursor:default;text-align:left}.telephony-banner__dialpad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.12rem;width:100%;justify-items:center}.telephony-banner__dialpad-key{width:clamp(38px,11vw,46px);height:clamp(38px,11vw,46px);border-radius:999px;border:1.5px solid rgba(16,185,129,.4);background:linear-gradient(180deg,#ecfcf7d9,#e0f2f1cc);color:#0f172a;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-weight:600;font-size:.76rem;cursor:default;box-shadow:0 4px 8px #0f172a14,inset 0 1px #fff9}.telephony-banner__dialpad-key-main{line-height:1}.telephony-banner__dialpad-key-sub{font-size:.58rem;letter-spacing:.08em;color:#4b5563}.telephony-banner__dialpad-key[data-key="*"] .telephony-banner__dialpad-key-main,.telephony-banner__dialpad-key[data-key="#"] .telephony-banner__dialpad-key-main{font-size:1.05rem;line-height:1}.telephony-banner__extra-note{font-size:.78rem;color:#6b7280}.telephony-banner__circle-button{flex:1;min-width:0;background:transparent;color:#e2e8f0cc;border:none;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.73rem;cursor:pointer;font-weight:500;text-align:center}.telephony-banner__circle-button svg{width:44px;height:44px;padding:.5rem;border-radius:999px;background:#12141eeb;border:1px solid rgba(18,20,30,.92);color:#9ca3afbf;transition:transform .2s ease,background .2s ease,color .2s ease}.telephony-banner__circle-button span{font-size:.68rem;letter-spacing:.02em;font-weight:600;color:#e2e8f0d1}.telephony-banner__circle-button:hover:not(:disabled) svg{transform:translateY(-2px)}.telephony-banner__circle-button:disabled{opacity:.65;cursor:not-allowed}.telephony-banner__circle-button--solid svg{background:#f8fafc2e;color:#f8fafc;border-color:#f8fafc40}.telephony-banner__circle-button--solid span{color:#f8fafc;text-shadow:none}.telephony-banner__circle-button--inactive svg{background:#42475ad9;color:#e2e8f0c7;border-color:#63697fa6}.telephony-banner__circle-button--inactive span{color:#e2e8f0c7}.telephony-banner__circle-button--active svg{background:#f8fafc2e;color:#f8fafc;border-color:#f8fafc40}.telephony-banner__circle-button--active span{color:#f8fafc}.telephony-banner__circle-button--danger svg{background:#ef4444;color:#fff;border-color:#ef4444}.telephony-banner__circle-button--danger span{color:#fee2e2}.telephony-banner__circle-button--accept svg{background:#16a34a;color:#fff;border-color:#16a34a}.telephony-banner__circle-button--accept span{color:#dcfce7}.telephony-banner__device-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.telephony-banner__device-panel{position:absolute;top:var(--device-anchor-y, 0);left:var(--device-anchor-x, 50%);transform:translate(-50%,calc(-100% + 70px));width:320px;max-width:calc(100% - 1rem);background:linear-gradient(180deg,#f4f5f8,#e7eaf1);border-radius:22px;box-shadow:0 18px 32px #0f172a40;border:1px solid rgba(148,163,184,.4);padding:1rem 1.2rem;color:#0f172a;pointer-events:auto}.telephony-banner__device-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.telephony-banner__device-title{font-size:1rem;font-weight:600}.telephony-banner__device-close{background:none;border:none;color:#475569;cursor:pointer;padding:.2rem;border-radius:50%}.telephony-banner__device-action{width:100%;border-radius:12px;border:1px solid rgba(134,239,172,.6);background:#bbf7d0e6;padding:.45rem .75rem;font-weight:600;cursor:pointer;margin-bottom:.6rem;color:#065f46;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;transition:background .2s ease,color .2s ease,border .2s ease}.telephony-banner__device-action--muted{background:#fecacaf2;border-color:#f871718c;color:#b91c1c}.telephony-banner__device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.telephony-banner__device-option{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#f8fafc;color:#0f172a;font-weight:500;padding:.55rem .8rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.telephony-banner__device-option--active{border-color:#2563eb;background:#dbeafe}.telephony-banner__device-badge{font-size:.75rem;color:#2563eb;font-weight:600}.telephony-banner__device-empty{text-align:center;padding:.6rem;font-size:.9rem;color:#475569}.telephony-banner__primary-action{margin-top:1rem;width:100%;border:none;border-radius:16px;padding:.85rem;font-size:.95rem;font-weight:600;background:#22c55e;color:#041618;display:flex;align-items:center;justify-content:center;gap:.4rem}.telephony-banner__primary-action--pill{border-radius:28px;box-shadow:0 8px 25px #22c55e66}.telephony-banner__status-line{font-size:.85rem;color:#475569;margin:.1rem 0 .35rem;text-align:center}.telephony-banner__info{border-radius:12px;padding:.75rem .85rem;font-size:.9rem;margin-bottom:.75rem;line-height:1.35}.telephony-banner__info--neutral{background:#e2e8f099;color:#0f172a}.telephony-banner__info--warning{background:#fef3c7d9;color:#b45309}.telephony-banner__info--error{background:#fecacae6;color:#b91c1c}.telephony-banner__history-wrapper{margin-top:.35rem;padding:.35rem 0 .1rem;border:none;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.telephony-banner__history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.telephony-banner__history-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#475569}.telephony-banner__history-list{display:flex;flex-direction:column;gap:.1rem}.telephony-banner__history-row{display:flex;gap:.35rem;align-items:center;padding:.2rem 0;border-bottom:1px solid rgba(148,163,184,.18)}.telephony-banner__history-row:last-child{border-bottom:none}.telephony-banner__history-body{flex:1;padding-right:.35rem;text-align:left;color:#0f172a}.telephony-banner__history-name{font-weight:600;font-size:.88rem;margin-bottom:.12rem}.telephony-banner__history-line{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.telephony-banner__meta{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;padding:.15rem .4rem;border-radius:999px;background:#f1f5f9cc;border:1px solid rgba(148,163,184,.35);color:#0f172a}.telephony-banner__meta--dir{width:1.35rem;height:1.35rem;justify-content:center;padding:.15rem;border-radius:999px}.telephony-banner__meta-icon{display:inline-flex;align-items:center;font-size:.78rem;line-height:1}.telephony-banner__meta--dir.telephony-banner__meta--incoming{background:#bbf7d0e6;border-color:#10b98166;color:#065f46}.telephony-banner__meta--dir.telephony-banner__meta--outgoing{background:#bfdbfee6;border-color:#3b82f659;color:#1d4ed8}.telephony-banner__meta--dir.telephony-banner__meta--unknown{background:#e2e8f0cc;color:#475569}.telephony-banner__meta--status.telephony-banner__meta--positive{background:#bbf7d0e6;border-color:#4ade808c;color:#047857}.telephony-banner__meta--status.telephony-banner__meta--negative{background:#fecacaf2;border-color:#f871718c;color:#b91c1c}.telephony-banner__meta--status.telephony-banner__meta--dialing{background:#fef08af2;border-color:#fbbf248c;color:#92400e}.telephony-banner__meta--ring{background:#bfdbfee6;color:#1d4ed8}.telephony-banner__meta--muted,.telephony-banner__meta--status.telephony-banner__meta--muted{background:#e2e8f0d9;color:#475569}.telephony-banner__history-call{width:36px;height:36px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#ecfccb;color:#166534;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.telephony-banner__history-call:disabled{opacity:.35;cursor:not-allowed}.telephony-banner__history-empty{text-align:center;padding:.75rem;border-radius:14px;background:#e2e8f0a6;font-size:.85rem;color:#475569}.telephony-banner__history-more{width:100%;margin-top:1rem;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:#fff;color:#0f172a;padding:.85rem;font-weight:600;cursor:pointer}.telephony-banner__link{background:none;border:none;color:#2563eb;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem}.telephony-banner__link:disabled{opacity:.4;cursor:not-allowed}.telephony-banner__waiting-call{margin-top:12px;padding:12px;border:1px dashed rgba(14,116,144,.4);border-radius:10px;background-color:#0e749014}.telephony-banner__waiting-text{font-weight:600;margin-bottom:8px;color:#0f172a}.telephony-banner__waiting-hint{font-size:.8rem;color:#0f172a;opacity:.8;margin-bottom:10px}.telephony-banner__waiting-actions{display:flex;gap:10px;flex-wrap:wrap}.telephony-banner__waiting-button{padding:6px 16px;border-radius:999px;border:none;font-weight:600;cursor:pointer;font-size:.85rem;transition:opacity .2s ease}.telephony-banner__waiting-button--primary{background:#047857;color:#fff}.telephony-banner__waiting-button--ghost{background:transparent;border:1px solid rgba(4,120,87,.4);color:#065f46}.telephony-banner__waiting-button:disabled{opacity:.6;cursor:not-allowed}