.hj-survey-not-completed {
                    max-width: 800px;
                    margin: 30px auto;
                    background: white;
                    border-radius: 12px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                    overflow: hidden;
                }

                .hj-survey-not-completed h3 {
                    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
                    color: white;
                    margin: 0;
                    padding: 20px 30px;
                    font-size: 20px;
                    font-weight: 600;
                }

                .survey-notice {
                    padding: 30px;
                }

                .survey-notice p {
                    margin: 0 0 15px 0;
                    font-size: 16px;
                    line-height: 1.6;
                    color: #555;
                }

                .survey-notice p:last-child {
                    margin-bottom: 0;
                }

                .survey-notice i {
                    color: #f39c12;
                    margin-right: 8px;
                }

                @media (max-width: 768px) {
                    .hj-survey-not-completed {
                        margin: 20px;
                        border-radius: 8px;
                    }

                    .hj-survey-not-completed h3 {
                        padding: 15px 20px;
                        font-size: 18px;
                    }

                    .survey-notice {
                        padding: 20px;
                    }

                    .survey-notice p {
                        font-size: 14px;
                    }
                }

                .hj-survey-completed {
                    max-width: 800px;
                    margin: 30px auto;
                    background: white;
                    border-radius: 12px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                    overflow: hidden;
                }

                .hj-survey-completed h3 {
                    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
                    color: white;
                    margin: 0;
                    padding: 20px 30px;
                    font-size: 20px;
                    font-weight: 600;
                }

                .hj-survey-completed p {
                    padding: 30px;
                    margin: 0;
                    font-size: 16px;
                    line-height: 1.6;
                    color: #555;
                }

                @media (max-width: 768px) {
                    .hj-survey-completed {
                        margin: 20px;
                        border-radius: 8px;
                    }

                    .hj-survey-completed h3 {
                        padding: 15px 20px;
                        font-size: 18px;
                    }

                    .hj-survey-completed p {
                        padding: 20px;
                        font-size: 14px;
                    }
                }