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