/* KK Survey v2 – frontend */
.kk-survey-wrap {
    max-width: 600px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', sans-serif;
}
.kk-error { color: #c0392b; }
.kk-survey-desc { margin-bottom: 1.6em; color: #444; line-height: 1.7; }

/* Fields */
.kk-field { margin-bottom: 1.6em; }
.kk-label { display: block; font-weight: bold; margin-bottom: 0.5em; font-size: 0.95rem; }
.kk-req { color: #c0392b; margin-left: 3px; }

/* Star */
.kk-stars { display: flex; gap: 5px; cursor: pointer; user-select: none; margin-bottom: 0.3em; }
.kk-star { font-size: 2.2rem; color: #ddd; transition: color .12s; line-height: 1; }
.kk-star.hover  { color: #f5c842; }
.kk-star.active { color: #f0a500; }
.kk-star-label  { font-size: 0.85rem; color: #888; display: block; min-height: 1.2em; }

/* Radio / Checkbox */
.kk-radio-label,
.kk-check-label {
    display: block;
    margin-bottom: 0.4em;
    cursor: pointer;
    font-size: 0.95rem;
}
.kk-radio-label input,
.kk-check-label input { margin-right: 6px; }

/* Text inputs */
.kk-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6em 0.8em;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color .2s;
}
.kk-input:focus { border-color: #555; outline: none; }
.kk-textarea { resize: vertical; min-height: 100px; }

/* Error */
.kk-error-msg {
    background: #fdf0f0;
    border: 1px solid #e74c3c;
    color: #c0392b;
    padding: 0.7em 1em;
    border-radius: 4px;
    margin-bottom: 1em;
    font-size: 0.9rem;
}

/* Submit */
.kk-submit-btn {
    background: #333;
    color: #fff;
    border: none;
    padding: 0.75em 2.5em;
    font-size: 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    transition: background .2s;
}
.kk-submit-btn:hover    { background: #555; }
.kk-submit-btn:disabled { background: #aaa; cursor: default; }

/* Thanks */
.kk-thanks-area { text-align: center; padding: 2.5em 0; }
.kk-thanks-text { font-size: 1.1rem; margin-bottom: 1.5em; line-height: 1.7; }
.kk-review-lead { color: #444; margin-bottom: 1em; }
.kk-review-btn {
    display: inline-block;
    background: #4285f4;
    color: #fff !important;
    text-decoration: none !important;
    padding: 0.75em 2em;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: bold;
    transition: background .2s;
}
.kk-review-btn:hover { background: #2c6fd4; }