.app[data-v-ecba6f6d]{max-width:400px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}header[data-v-ecba6f6d]{text-align:center;margin-bottom:20px}h1[data-v-ecba6f6d]{margin:0 0 10px;font-size:24px}.status[data-v-ecba6f6d]{padding:8px 16px;border-radius:20px;background:#fee;color:#c00;font-size:14px}.status.connected[data-v-ecba6f6d]{background:#efe;color:#060}.config-panel[data-v-ecba6f6d],.call-panel[data-v-ecba6f6d]{background:#f5f5f5;padding:20px;border-radius:12px}h2[data-v-ecba6f6d]{margin:0 0 16px;font-size:18px}.form-group[data-v-ecba6f6d]{margin-bottom:16px}label[data-v-ecba6f6d]{display:block;margin-bottom:4px;font-size:14px;font-weight:500}input[data-v-ecba6f6d]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}input[data-v-ecba6f6d]:focus{outline:none;border-color:#007bff}button[data-v-ecba6f6d]{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}button[data-v-ecba6f6d]:disabled{opacity:.5;cursor:not-allowed}button[type=submit][data-v-ecba6f6d],.call-btn[data-v-ecba6f6d]{background:#007bff;color:#fff}button[type=submit][data-v-ecba6f6d]:hover:not(:disabled),.call-btn[data-v-ecba6f6d]:hover:not(:disabled){background:#0056b3}.hangup-btn[data-v-ecba6f6d]{background:#dc3545;color:#fff;margin-top:12px}.hangup-btn[data-v-ecba6f6d]:hover{background:#c82333}.answer-btn[data-v-ecba6f6d]{background:#28a745;color:#fff;flex:1}.answer-btn[data-v-ecba6f6d]:hover{background:#218838}.disconnect-btn[data-v-ecba6f6d]{background:#6c757d;color:#fff;margin-top:12px}.disconnect-btn[data-v-ecba6f6d]:hover{background:#5a6268}.error[data-v-ecba6f6d]{color:#dc3545;font-size:14px;margin-top:12px}.call-info[data-v-ecba6f6d]{margin-bottom:20px}.active-call[data-v-ecba6f6d],.incoming-call[data-v-ecba6f6d]{text-align:center;padding:20px;background:#fff;border-radius:8px}.remote-party[data-v-ecba6f6d]{font-size:20px;font-weight:600;margin-bottom:8px}.call-duration[data-v-ecba6f6d]{font-size:32px;font-family:monospace;margin-bottom:8px}.call-state[data-v-ecba6f6d]{font-size:14px;color:#666;text-transform:uppercase}.call-actions[data-v-ecba6f6d]{display:flex;gap:12px;margin-top:16px}.dial-section[data-v-ecba6f6d]{display:flex;gap:8px;margin-bottom:16px}.dial-input[data-v-ecba6f6d]{flex:1}.dial-section .call-btn[data-v-ecba6f6d]{width:auto;padding:12px 24px}.dtmf-keypad[data-v-ecba6f6d]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.dtmf-key[data-v-ecba6f6d]{padding:16px;font-size:20px;font-weight:600;background:#fff;border:1px solid #ddd;width:auto}.dtmf-key[data-v-ecba6f6d]:hover{background:#e9ecef}.dtmf-key.playing[data-v-ecba6f6d]{background:#007bff;color:#fff}.transcript-section[data-v-ecba6f6d]{background:#fff;border-radius:8px;padding:12px;margin-bottom:16px}.transcript-header[data-v-ecba6f6d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.transcript-title[data-v-ecba6f6d]{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.live-indicator[data-v-ecba6f6d]{padding:2px 6px;background:#28a745;color:#fff;border-radius:4px;font-size:10px;font-weight:600}.transcript-actions[data-v-ecba6f6d]{display:flex;gap:4px}.transcript-btn[data-v-ecba6f6d]{padding:4px 8px;font-size:12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;width:auto}.transcript-btn[data-v-ecba6f6d]:hover:not(:disabled){background:#e9ecef}.transcript-btn[data-v-ecba6f6d]:disabled{opacity:.5;cursor:not-allowed}.transcript-entries[data-v-ecba6f6d]{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.transcript-entry[data-v-ecba6f6d]{padding:6px 8px;border-radius:6px;font-size:13px}.speaker-local[data-v-ecba6f6d]{background:#e3f2fd;margin-left:20px}.speaker-remote[data-v-ecba6f6d]{background:#f5f5f5;margin-right:20px}.interim[data-v-ecba6f6d]{opacity:.6;font-style:italic}.entry-speaker[data-v-ecba6f6d]{font-weight:600;text-transform:uppercase;font-size:10px;display:block;margin-bottom:2px;color:#666}.entry-text[data-v-ecba6f6d]{display:block}.transcript-empty[data-v-ecba6f6d]{text-align:center;color:#999;font-size:13px;padding:16px}.show-transcript-btn[data-v-ecba6f6d]{background:#f5f5f5;border:1px solid #ddd;margin-bottom:12px;font-size:14px}.show-transcript-btn[data-v-ecba6f6d]:hover{background:#e9ecef}