#feedback-dialog { width: min(32rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; padding: 1.5rem; border: 1px solid #dedbd2; border-radius: .5rem; color: #243e38; background: #fffefa; }
#feedback-dialog::backdrop { background: rgb(0 0 0 / .3); }
#feedback-form { display: grid; gap: .75rem; }
.feedback-heading { display: flex; align-items: center; justify-content: space-between; }
.feedback-heading h2 { margin: 0; font-size: 1.25rem; }
#feedback-close { display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #243e38; font-size: 1.5rem; line-height: 1; }
#feedback-text { width: 100%; box-sizing: border-box; resize: vertical; }
#feedback-files { width: 100%; }
#feedback-attachments { white-space: pre-line; overflow-wrap: anywhere; font-size: .875rem; }
#feedback-status { margin: 0; font-size: .875rem; }
#feedback-send { justify-self: end; }
#feedback-text, #feedback-notice-text { font: inherit; font-size: .875rem; line-height: 1.6; border: 1px solid var(--color-line); border-radius: var(--radius); padding: .65rem; color: inherit; background: var(--color-surface); }
#feedback-notice { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--color-line); }
#feedback-notice-title { margin: 0 0 .75rem; font-size: 1.25rem; }
#feedback-notice-body { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .875rem; line-height: 1.6; }
#feedback-notice-text { width: 100%; resize: vertical; }
#feedback-notice-save { display: block; margin: .75rem 0 0 auto; }
#feedback-notice-save[hidden], #feedback-notice-text[hidden], #feedback-notice-body[hidden] { display: none; }
#feedback-notice-status { margin: .5rem 0 0; font-size: .875rem; }