:root{color-scheme:light;font-family:Barlow,Segoe UI,sans-serif;--bg-1: #e6ecf4;--bg-2: #cfd9e8;--panel: #f8fbff;--panel-2: #eef3fb;--line: #c7d2e3;--text: #19283d;--muted: #55657e;--accent: #1964ff;--good: #0d8f60;--warn: #aa7705;--bad: #bf304f;--shadow: rgba(11, 22, 40, .22)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#f4f8ff 0%,var(--bg-1) 35%,var(--bg-2) 100%);color:var(--text)}input,select,button{font:inherit}.softphone-shell{max-width:1640px;margin:0 auto;padding:18px 14px}.softphone{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);box-shadow:0 24px 55px -20px var(--shadow);padding:14px;display:grid;gap:12px}.softphone-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#18263c;color:#e6f0ff;border-radius:16px;padding:12px}.softphone-topbar h1{margin:0;font-size:1.2rem;letter-spacing:.02em}.softphone-topbar p{margin:2px 0 0;color:#a9bad8;font-size:.82rem}.hangup-chip{border:none;background:#b01b44;color:#fff;border-radius:11px;padding:10px 14px;font-weight:700}.state-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.state-chip{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;display:grid;gap:2px}.state-chip span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.state-chip strong{font-size:.88rem;line-height:1.15}.status-with-icon{display:inline-flex;align-items:center;gap:6px}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:.8rem}.status-badge.ok{background:#def7ec;color:#066f4a}.status-badge.warn{background:#fff3d7;color:#960}.status-badge.bad{background:#fde3ea;color:#a82a45}.state-chip.ok{border-color:#9ddfc9;background:#eefcf6}.state-chip.warn{border-color:#f0dbab;background:#fff9ea}.state-chip.bad{border-color:#efbac7;background:#fff1f5}.call-meta{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;display:grid;grid-template-columns:42px 1fr minmax(140px,auto) auto;align-items:center;gap:10px}.call-meta.glow-red{border-color:#efb8c2;box-shadow:0 0 0 1px #bf304f40,0 0 22px #bf304f59}.call-meta.glow-yellow{border-color:#f0d39a;box-shadow:0 0 0 1px #aa77053d,0 0 20px #aa77054d}.call-meta .state-chip{padding:6px 8px}.call-avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dde9ff;color:#21406d;font-weight:700}.call-peer span{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.call-peer strong{font-size:.95rem}.call-peer-main{display:inline-flex;align-items:baseline;gap:8px}.call-duration{color:#1f3f6f;font-weight:700;font-size:.9rem}.status-blink{animation:statusBlink 1s step-end infinite}@keyframes statusBlink{50%{opacity:.35}}.call-console,.contacts-panel,.event-panel,.sip-panel{border:1px solid var(--line);border-radius:16px;background:#ffffffb3;padding:11px}.event-panel{display:flex;flex-direction:column}.destination-wrap{display:grid;gap:5px;margin-bottom:10px}.destination-row{display:grid;grid-template-columns:1fr auto;gap:8px}.destination-wrap span,label{color:var(--muted);font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}label{display:grid;gap:5px}input,select{width:100%;border:1px solid #c4d1e5;border-radius:11px;background:#fff;padding:11px 12px;color:var(--text)}.transport-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.btn{border:none;border-radius:10px;padding:10px 8px;color:#fff;cursor:pointer;font-weight:700;font-size:.84rem;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn:disabled,.key:disabled{opacity:.45;cursor:not-allowed}.btn.place{background:var(--good)}.btn.mid{background:#4f617f}.btn.quiet{background:#8c99b3}.btn.end{background:var(--bad)}.icon-btn{min-width:44px;padding:10px}.btn svg{width:.95rem;height:.95rem}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.key{border:1px solid #cad6e9;border-radius:13px;background:#f5f8fd;color:#1c2f4c;padding:13px 8px;font-size:1rem;font-weight:700;cursor:pointer}.audio-panel{margin-top:10px;display:grid;gap:8px}.contacts-panel h3{margin:0 0 10px;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.contacts-list{display:grid;gap:8px}.contact-row{border:1px solid #d7e0ee;border-radius:10px;background:#f8fbff;padding:8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.contact-meta strong{display:block;font-size:.9rem}.contact-meta span{font-size:.8rem;color:var(--muted)}.btn-contact-call{font-size:.76rem;padding:8px}.sip-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sip-panel-header h2{margin:0;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}.sip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.btn-sip-action{font-size:.76rem;padding:8px 6px;gap:4px}.btn-sip-action svg{width:.82rem;height:.82rem}.preset-row{display:grid;gap:8px;margin-bottom:9px}.config-grid{display:grid;gap:8px}.event-log{margin-top:0;border-top:none;padding-top:0;flex:1;display:flex;flex-direction:column;min-height:0}.event-log h3{margin:0 0 8px;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.event-log-list{width:100%;flex:1;min-height:170px;overflow:auto;display:grid;gap:6px;align-content:start}.event-log-empty{margin:0;font-size:.8rem;color:var(--muted)}.event-log-item{display:grid;grid-template-columns:64px 86px minmax(0,1fr);gap:8px;width:100%;padding:7px 8px;border-radius:8px;border:1px solid #d7e0ee;background:#f8fbff;font-size:.75rem;line-height:1.25;align-items:start}.event-log-time{color:#4b5f80;font-weight:600}.event-log-type{text-transform:uppercase;color:#3f5680;font-weight:700}.event-log-message{color:#1f2f48;overflow-wrap:anywhere;word-break:break-word}.event-log-item.websocket{background:#edf4ff}.event-log-item.registration{background:#f2fff3}.event-log-item.call{background:#fff8ec}.incoming-popup{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:calc(100% - 22px);max-width:480px;border-radius:16px;background:#151f33;color:#ebf2ff;padding:13px;box-shadow:0 18px 40px #03081473}.incoming-popup p{margin:0;color:#98adcf;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.incoming-popup strong{display:block;margin-top:2px;font-size:1.15rem}.popup-actions{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width: 860px){.softphone{min-width:980px}.softphone{grid-template-columns:1.15fr .9fr 1.2fr .85fr;grid-template-areas:"top top top top" "status status status status" "meta meta meta meta" "console contacts event sip";align-items:start}.softphone-topbar{grid-area:top}.state-strip{grid-area:status}.call-meta{grid-area:meta}.call-console{grid-area:console}.event-panel{grid-area:event}.contacts-panel{grid-area:contacts}.sip-panel{grid-area:sip}.config-grid,.audio-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.config-grid{grid-template-columns:1fr}.call-console,.contacts-panel,.event-panel,.sip-panel{height:450px;min-height:450px;max-height:450px;overflow:auto}}