/* Masukan pengunjung: kartu tenang dan kecil untuk orang tua, bukan tombol besar untuk anak. */
.feedback-cta{max-width:660px;margin:30px auto 0;padding:15px 18px;border:1px solid #EBE3D8;border-radius:16px;background:#FFFDF8;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.feedback-cta h2{margin:0 0 3px;font-size:15px}
.feedback-cta p{margin:0;color:#6B6478;font-size:12.5px}
.feedback-cta button{font:inherit;font-size:13px;font-weight:600;padding:7px 15px;border-radius:12px;border:2px solid #E9E1D7;background:#fff;cursor:pointer;min-height:0}
.feedback-cta button:hover{border-color:#8F7B70}
#feedback-dialog{border:0;border-radius:22px;padding:0;max-width:520px;width:calc(100% - 32px);background:#FFFDF8;color:#343044}
#feedback-dialog::backdrop{background:rgba(52,48,68,.45)}
#feedback-form{padding:22px;display:grid;gap:6px}
#feedback-form h2{margin:0;font-size:19px}
.feedback-lede{margin:0 0 10px;color:#6B6478;font-size:13.5px;line-height:1.55}
#feedback-form label{font-size:12.5px;font-weight:600;margin-top:8px}
#feedback-form textarea,#feedback-form select,#feedback-form input{font:inherit;font-size:14px;padding:10px 12px;border-radius:13px;border:2px solid #E9E1D7;background:#fff;color:inherit;width:100%}
#feedback-form textarea{resize:vertical;min-height:92px}
#feedback-form :is(textarea,select,input):focus-visible{outline:3px solid #B9A895;outline-offset:2px}
/* Honeypot: di luar layar, tidak bisa di-tab, hanya bot yang mengisinya. */
.honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#feedback-status{margin:10px 0 0;font-size:13px;min-height:20px;color:#6B6478}
#feedback-status[data-tone=ok]{color:#3F6B4F}
#feedback-status[data-tone=error]{color:#A24B3F}
.feedback-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.feedback-actions button{font:inherit;font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:14px;border:2px solid #E9E1D7;background:#fff;cursor:pointer}
.feedback-actions button[type=submit]{background:#8F7B70;border-color:#8F7B70;color:#FFFDF8}
.feedback-actions button:disabled{opacity:.55;cursor:default}
@media(max-width:600px){.feedback-cta{padding:14px 16px}#feedback-form{padding:18px}.feedback-actions{flex-direction:column-reverse}.feedback-actions button{width:100%}}