.phone-wrapper.svelte-3u82wf{padding:24px;max-width:1100px;margin:0 auto}.phone-layout.svelte-3u82wf{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:start}.phone-shell.svelte-3u82wf{background:#1e293b;border-radius:20px;padding:24px;box-shadow:0 20px 25px -5px #0000004d;color:#fff;border:1px solid #334155}.phone-topbar.svelte-3u82wf{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #334155;padding-bottom:12px}.user-ext.svelte-3u82wf{font-size:14px;font-weight:700;color:#f8fafc;display:block}.reg-status.svelte-3u82wf{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin-top:2px}.webrtc-badge.svelte-3u82wf{background:#0284c7;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.phone-screen.svelte-3u82wf{background:#0f172a;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;min-height:70px;border:1px solid #334155}.screen-input.svelte-3u82wf{background:transparent;border:none;color:#38bdf8;font-size:24px;font-weight:700;width:100%;outline:none;font-family:monospace}.screen-btn.svelte-3u82wf{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px 8px}.screen-btn.svelte-3u82wf:hover{color:#f8fafc}.call-banner.svelte-3u82wf{width:100%;display:flex;justify-content:space-between;align-items:center}.call-peer-label.svelte-3u82wf{display:block;font-size:10px;color:#64748b;letter-spacing:.5px}.call-peer-num.svelte-3u82wf{font-size:20px;font-weight:700;color:#38bdf8;font-family:monospace}.call-status-row.svelte-3u82wf{text-align:right}.call-state-pill.svelte-3u82wf{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-bottom:4px}.call-state-pill.dialing.svelte-3u82wf{background:#fef3c7;color:#92400e}.call-state-pill.connected.svelte-3u82wf{background:#dcfce7;color:#166534}.call-state-pill.on_hold.svelte-3u82wf{background:#fee2e2;color:#b91c1c}.call-timer.svelte-3u82wf{font-size:14px;font-weight:700;color:#f8fafc;font-family:monospace;display:block}.keypad-grid.svelte-3u82wf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.key-btn.svelte-3u82wf{background:#334155;border:1px solid #475569;border-radius:12px;padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s,transform .05s;-webkit-user-select:none;user-select:none}.key-btn.svelte-3u82wf:hover{background:#475569}.key-btn.svelte-3u82wf:active{background:#0284c7;transform:scale(.96)}.key-num.svelte-3u82wf{font-size:22px;font-weight:700;line-height:1}.key-letters.svelte-3u82wf{font-size:9px;color:#94a3b8;margin-top:4px;letter-spacing:1px}.key-btn.symbol.svelte-3u82wf .key-num:where(.svelte-3u82wf){font-size:26px}.in-call-actions.svelte-3u82wf{display:flex;justify-content:space-around;margin-bottom:20px;padding:10px;background:#0f172a;border-radius:12px}.ctrl-btn.svelte-3u82wf{background:none;border:none;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;cursor:pointer}.ctrl-btn.svelte-3u82wf:hover{color:#fff}.ctrl-btn.active.svelte-3u82wf{color:#ef4444}.phone-action-bar.svelte-3u82wf{display:flex;justify-content:center}.call-btn.svelte-3u82wf{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.call-btn.svelte-3u82wf:hover{transform:scale(1.05)}.call-btn.svelte-3u82wf:active{transform:scale(.95)}.green-btn.svelte-3u82wf{background:#22c55e;color:#fff;box-shadow:0 4px 14px #22c55e66}.red-btn.svelte-3u82wf{background:#ef4444;color:#fff;box-shadow:0 4px 14px #ef444466}.roster-panel.svelte-3u82wf{display:flex;flex-direction:column;gap:24px}.panel-heading.svelte-3u82wf{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 16px}.telemetry-card.svelte-3u82wf,.speeddial-card.svelte-3u82wf{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d}.telemetry-grid.svelte-3u82wf{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-box.svelte-3u82wf{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.metric-title.svelte-3u82wf{font-size:11px;color:#64748b;display:block}.metric-val.svelte-3u82wf{font-size:18px;font-weight:700;color:#0f172a;margin:4px 0 2px;display:block}.metric-sub.svelte-3u82wf{font-size:11px;color:#94a3b8}.text-green.svelte-3u82wf{color:#16a34a}.speeddial-list.svelte-3u82wf{display:flex;flex-direction:column;gap:10px}.speeddial-row.svelte-3u82wf{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.peer-info.svelte-3u82wf{display:flex;align-items:center;gap:10px}.peer-name.svelte-3u82wf{font-size:13px;font-weight:600;color:#0f172a}.peer-ext.svelte-3u82wf{font-size:11px;color:#64748b}.dial-chip.svelte-3u82wf{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.dial-chip.svelte-3u82wf:hover{background:#0284c7;color:#fff}.dial-chip.echo.svelte-3u82wf{background:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.dial-chip.echo.svelte-3u82wf:hover{background:#7e22ce;color:#fff}.status-dot.svelte-3u82wf{width:8px;height:8px;border-radius:50%}.status-dot.green.svelte-3u82wf{background:#22c55e}.status-dot.amber.svelte-3u82wf{background:#f59e0b}.status-dot.grey.svelte-3u82wf{background:#94a3b8}@media(max-width:900px){.phone-layout.svelte-3u82wf{grid-template-columns:1fr}}