/* Destek formu: mevcut sitenin renk, yazı ve düz kenar değişkenlerini kullanır. */
.feedback-entry { display: grid; gap: var(--space-3); margin-top: var(--space-4); max-width: var(--measure); }
.feedback-entry .btn { justify-self: start; }
.feedback-form { display: grid; gap: var(--space-6); max-width: var(--measure); margin-top: var(--space-6); padding: clamp(16px, 3vw, 28px); border: var(--rule) solid var(--color-divider); background: var(--color-raised); }
.feedback-fields { display: grid; gap: var(--space-6); padding: 0; margin: 0; border: 0; min-width: 0; }
.feedback-field { display: grid; gap: var(--space-2); min-width: 0; }
.feedback-field label { font-size: 16px; line-height: 24px; font-weight: var(--weight-heading); }
.feedback-field label span, .feedback-details summary span { font-size: 14px; font-weight: 400; color: var(--color-muted); }
.feedback-field input, .feedback-field textarea, .feedback-field select { width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px; border: var(--rule) solid var(--color-divider); border-radius: 0; background: var(--color-bg); color: var(--color-text); font: inherit; font-size: 16px; line-height: 24px; }
.feedback-field textarea { min-height: 176px; resize: vertical; }
.feedback-field :disabled { opacity: .7; }
.feedback-message-meta { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); justify-content: space-between; }
.feedback-message-meta > :first-child { max-width: 48ch; }
#feedback-count { font-variant-numeric: tabular-nums; white-space: nowrap; }
.feedback-details { border-block: 1px solid var(--color-hairline); }
.feedback-details summary { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-height: 48px; padding-block: var(--space-3); cursor: pointer; list-style: none; font-size: 16px; line-height: 24px; font-weight: var(--weight-heading); }
.feedback-details summary::-webkit-details-marker { display: none; }
.feedback-details summary .icon { margin-left: auto; }
.feedback-details[open] summary .icon { transform: rotate(180deg); }
.feedback-details > p { margin-bottom: var(--space-4); }
.feedback-technical-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); padding-bottom: var(--space-6); }
.feedback-trap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.feedback-verification { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; min-width: 0; }
#feedback-turnstile:empty { display: none; }
#feedback-turnstile { width: 150px; min-height: 140px; flex: none; }
.feedback-verification-copy { display: grid; gap: var(--space-3); flex: 1 1 180px; min-width: 0; }
.feedback-verification-copy .btn { justify-self: start; }
.feedback-submit-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.feedback button:disabled { cursor: default; opacity: .65; }
.feedback-status { padding: var(--space-4); border: var(--rule) solid var(--color-divider); background: var(--color-tint); font-size: 15px; line-height: 24px; overflow-wrap: anywhere; }
.feedback-status[data-state="error"] { color: var(--color-warn); background: var(--color-warn-bg); border-color: currentColor; }
.feedback-status[data-state="success"] { color: var(--color-added); background: var(--color-added-bg); border-color: currentColor; }
.feedback-fallback { max-width: var(--measure); margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--color-hairline); font-size: 15px; line-height: 24px; color: var(--color-muted); }
@media (max-width: 520px) {
    .feedback-technical-grid { grid-template-columns: 1fr; }
    .feedback-submit-row { align-items: stretch; flex-direction: column; }
    .feedback-submit-row .btn { width: 100%; }
}