*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;color:#424d57;background:#fff}.widget{display:flex;flex-direction:column;min-height:100vh;padding:12px}.widget-header h2{font-size:15px;font-weight:600;color:#1b1b25;padding-bottom:8px;border-bottom:1px solid #e8ecf0;margin-bottom:12px}.widget-body{display:flex;flex-direction:column;gap:12px}.customer-info{background:#f6f7f9;border-radius:8px;padding:10px 12px}.customer-name{font-weight:600;font-size:14px;color:#1b1b25}.customer-email{font-size:12px;color:#6e7a86;margin-top:2px}.placeholder{text-align:center;color:#9aa8b5;padding:24px 8px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#4384f5;color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#3573df}.loader{display:flex;align-items:center;gap:8px;color:#6e7a86;font-size:12px;padding:4px 0}.spinner{width:16px;height:16px;border:2px solid #e8ecf0;border-top-color:#4384f5;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 12px;font-size:12px;color:#991b1b}.result{display:flex;flex-direction:column;gap:10px}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#9aa8b5;margin-bottom:4px}.context-summary{background:#f0f7ff;border-radius:6px;padding:10px 12px}.context-summary p{font-size:12px;line-height:1.5;color:#424d57}.suggestion-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px 12px}.suggestion-text{font-size:13px;line-height:1.55;color:#1b1b25;white-space:pre-wrap}.actions{display:flex;gap:8px}.btn-insert{flex:1;background:#16a34a;color:#fff}.btn-insert:hover{background:#15803d}.btn-copy{background:#f6f7f9;color:#424d57;border:1px solid #e0e4e8}.btn-copy:hover{background:#ebedf0}.player-id-field{display:flex;flex-direction:column;gap:4px}.player-id-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#9aa8b5}.player-id-field input{border:1px solid #e0e4e8;border-radius:6px;padding:6px 10px;font-size:13px;color:#424d57;outline:none;transition:border-color .15s}.player-id-field input:focus{border-color:#4384f5}.player-id-field input::placeholder{color:#bcc4cc}.player-id-field input[type=number]{-moz-appearance:textfield}.player-id-field input[type=number]::-webkit-outer-spin-button,.player-id-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.suggestion-radio-group{display:flex;flex-direction:column;gap:6px}.suggestion-radio-item{display:flex;align-items:flex-start;gap:8px;border:1px solid #e0e4e8;border-radius:6px;padding:8px 10px;cursor:pointer;transition:border-color .15s,background .15s}.suggestion-radio-item:hover{border-color:#4384f5;background:#f5f8ff}.suggestion-radio-item.selected{border-color:#4384f5;background:#eef3ff}.suggestion-radio-item input[type=radio]{margin-top:2px;flex-shrink:0;accent-color:#4384f5;cursor:pointer}.suggestion-radio-item .suggestion-text{font-size:13px;line-height:1.55;color:#1b1b25;white-space:pre-wrap}