#content { max-width: 700px; }
h1 { margin-bottom: 24px; }
#report-form { margin-top: 30px; }
#report-fields { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 10px; }
#report-fields label { font-size: 15px; font-weight: 450; margin-top: 12px; }
#report-fields label:first-child { margin-top: 0; }
#report-fields label span { margin-left: 4px; font-size: 13px; color: #939da8; font-weight: 400; }
#report-fields input, #report-fields textarea { width: 100%; min-width: 0; border: 0; border-radius: 12px; padding: 14px 16px; font: inherit; font-size: 16px; line-height: 1.5; color: #edf0f3; background: #191e25; box-shadow: none; }
#report-fields textarea { resize: vertical; min-height: 170px; max-height: 600px; }
#report-fields :is(input,textarea)::placeholder { color: #818d99; opacity: 1; }
#report-fields :is(input,textarea):focus-visible, #report-submit:focus-visible { outline: 2px solid #a3d4e8; outline-offset: 3px; }
.report-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; }
#report-submit { border: 0; border-radius: 12px; padding: 13px 24px; min-height: 48px; font: inherit; font-size: 16px; color: #0b0e12; background: #edf0f3; flex-shrink: 0; cursor: pointer; transition: background .15s ease; }
#report-submit:disabled { opacity: .5; cursor: default; }
#report-status { color: #e9b9a8; margin-top: 14px; font-size: 15px; }
#report-status:empty { display: none; }
.report-email { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; margin: -12px 0 12px; font-size: 19px; color: #edf0f3; overflow-wrap: anywhere; }
#report-received { padding: 38px 0 22px; }
#report-received h2 { margin-top: 16px; font-size: 28px; font-weight: 450; letter-spacing: -.025em; }
#report-received p { margin-top: 8px; color: #a9b3be; }
#report-receipt { font-size: 13px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
@media (hover: hover) and (pointer: fine) { #report-submit:not(:disabled):hover { background: #cdd6de; } .report-email:hover { color: #fff; } }
@media (max-width: 450px) { .report-actions { flex-direction: column; align-items: stretch; gap: 14px; } #report-submit { width: 100%; } }