/* Feedback (src/Form/FeedbackForm.php). */
.lsx-feedback { max-width: 760px; margin: 0 auto; padding: 1.5rem; border-radius: 18px; background: linear-gradient(180deg, #1c1a4a, #0f1229); color: #e8ebff; }
.lsx-feedback a:not(.btn) { color: #fff1b8; }
.lsx-feedback h1 { font-weight: 900; color: #fff; }
.lsx-feedback h2 { margin: 2rem 0 0.6rem; font-size: 1.15rem; font-weight: 800; color: #fff1b8; }
.lsx-feedback__hero p { color: #c7cbff; }
.lsx-feedback label, .lsx-feedback legend, .lsx-feedback .fieldset-legend { font-weight: 800; color: #fff; }
.lsx-feedback .description { color: #a5acd6; font-size: 0.85rem; }
.lsx-feedback textarea, .lsx-feedback input[type="text"] { width: 100%; padding: 0.55rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 10px; background: rgba(255, 255, 255, 0.06); color: #fff; }
.lsx-feedback textarea::placeholder, .lsx-feedback input::placeholder { color: #8088b8; }
.lsx-feedback fieldset { margin: 0 0 1rem; padding: 0; border: 0; }
.lsx-feedback__kinds { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.lsx-feedback__kinds .form-item { margin: 0; }
.lsx-feedback__kinds input { position: absolute; opacity: 0; }
.lsx-feedback__kinds label { display: inline-block; padding: 0.4rem 0.9rem; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.05); font-weight: 700; cursor: pointer; }
.lsx-feedback__kinds input:checked + label { border-color: #facc15; background: rgba(250, 204, 21, 0.18); color: #fff1b8; }
.lsx-feedback__kinds input:focus-visible + label { outline: 2px solid #facc15; outline-offset: 2px; }
.lsx-feedback .form-item { margin-bottom: 1rem; }
.lsx-feedback__note { padding: 0.5rem 0.8rem; border-radius: 10px; background: rgba(255, 255, 255, 0.06); color: #c7cbff; font-size: 0.9rem; }
.lsx-feedback__list { display: flex; flex-direction: column; gap: 0.6rem; margin: 0; padding: 0; list-style: none; }
.lsx-feedback__item { padding: 0.7rem 0.9rem; border: 1px solid rgba(255, 255, 255, 0.1); border-left: 5px solid #a5acd6; border-radius: 12px; background: rgba(255, 255, 255, 0.04); }
.lsx-feedback__item p { margin: 0.35rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.lsx-feedback__item.is-seen { border-left-color: #60a5fa; }
.lsx-feedback__item.is-planned { border-left-color: #c084fc; }
.lsx-feedback__item.is-done { border-left-color: #4ade80; }
.lsx-feedback__item.is-no { border-left-color: #f87171; }
.lsx-feedback__meta { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; font-size: 0.8rem; color: #a5acd6; }
.lsx-feedback__meta span:first-child { font-weight: 800; color: #fff; }
.lsx-feedback__status { padding: 0 0.5rem; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #fff; font-weight: 700; }
.lsx-feedback__item.is-done .lsx-feedback__status { background: rgba(74, 222, 128, 0.2); color: #86efac; }
.lsx-feedback__reply { margin-top: 0.5rem; padding: 0.45rem 0.7rem; border-radius: 8px; background: rgba(250, 204, 21, 0.12); color: #fff1b8; white-space: pre-wrap; }