*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;color:#33475b;background:#f5f8fa}.app{padding:16px;max-width:400px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h1{font-size:16px;margin:0}h2{font-size:14px;margin:0 0 8px}.vonage-dialer-container{min-height:60px;margin-bottom:12px;border:1px solid #cbd6e2;border-radius:4px;overflow:hidden}.vonage-dialer-container iframe{display:block;width:100%!important;height:420px!important;border:0!important}.vonage-dialer-container.collapsed{height:0;min-height:0;margin-bottom:0;border:0}.vonage-dialer-container.collapsed iframe{height:0!important}.presence{font-size:11px;color:#7c98b6;margin-right:8px}.phase{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:10px;background:#cbd6e2}.phase-connected{background:#00bda5;color:#fff}.phase-ringing,.phase-dialing{background:#f5c26b}.phase-wrapup{background:#ff8f59;color:#fff}.error{background:#fde8e8;border:1px solid #f2545b;color:#a12a33;border-radius:4px;padding:8px;margin-bottom:12px}.hint{color:#7c98b6;font-size:12px}.call-status{text-align:center;padding:24px 0}.call-status .number{font-size:22px;font-weight:600}.call-status .direction{color:#7c98b6;margin-top:4px}label{display:block;margin-bottom:12px;font-weight:500}label input,label select,label textarea{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #cbd6e2;border-radius:4px;font:inherit;font-weight:400}label.checkbox{display:flex;align-items:center;gap:8px}label.checkbox input{width:auto;margin:0}button{width:100%;padding:10px;border:none;border-radius:4px;background:#ff7a59;color:#fff;font-weight:600;cursor:pointer}button:disabled{background:#cbd6e2;cursor:default}.contact-card{margin-bottom:12px;padding:10px 12px;background:#eaf0f6;border-left:3px solid #ff7a59;border-radius:4px}.contact-card .contact-name{font-weight:600;font-size:15px}.contact-card .direction-tag{font-weight:400;font-size:11px;color:#7c98b6;margin-left:8px}.contact-card .contact-line{font-size:12px;color:#516f90;margin-top:2px}.open-tasks{margin-bottom:12px;padding:8px;background:#eaf0f6;border-radius:4px}.required{color:#f2545b}.open-tasks .group-label{display:block;font-weight:600;margin-bottom:6px}.open-tasks label.checkbox{margin-bottom:4px;font-weight:400}.product-search{display:block;width:100%;margin:4px 0 8px;padding:6px 8px;border:1px solid #cbd6e2;border-radius:4px;font:inherit;font-size:13px}.debug-panel{margin-top:16px;font-size:11px;color:#7c98b6}.debug-panel summary{cursor:pointer;-webkit-user-select:none;user-select:none}.debug-panel summary .link{margin-left:8px;font-size:11px;padding:0 4px}.debug-panel pre{max-height:180px;overflow:auto;background:#f0f3f8;border:1px solid #cbd6e2;border-radius:4px;padding:6px;margin:6px 0 0;white-space:pre-wrap;word-break:break-all}.call-actions{display:flex;gap:8px;align-items:center;margin:8px 0 12px}button.secondary{width:auto;padding:6px 12px;background:#eaf0f6;color:#33475b;border:1px solid #cbd6e2}button.link{width:auto;padding:6px 8px;background:none;color:#7c98b6;font-weight:400;text-decoration:underline}