#comparison-report-dialog { width: min(680px, calc(100vw - 32px)); max-height: 88vh; padding: 0; border: 0; border-radius: 24px; margin: auto; color: #0e2433; background: #fff; box-shadow: 0 30px 80px -20px rgb(14 36 51 / .45); }
#comparison-report-dialog::backdrop { background: rgb(14 36 51 / .6); backdrop-filter: blur(4px); }
#comparison-report-dialog .dlg-hdr { position: sticky; top: 0; background: #fff; z-index: 1; gap: 12px; }
#comparison-report-title { margin: 0; font: 800 24px/1.2 'Bricolage Grotesque', sans-serif; }
#comparison-report-dialog .dlg-close { width: 44px; height: 44px; flex-shrink: 0; }
#comparison-report-form { padding: 22px 26px; }
.report-products { font-size: 14px; line-height: 1.5; color: #4d6475; overflow-wrap: anywhere; margin: 0 0 18px; }
.report-field-details { border: 1px solid #d9e1e8; border-radius: 12px; margin-bottom: 20px; }
.report-field-details summary { cursor: pointer; padding: 14px; font-weight: 700; font-size: 14px; }
.report-field-details summary span { font-weight: 400; color: #4d6475; }
.report-field-details fieldset { border: 0; padding: 0 12px 12px; min-width: 0; }
#report-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
#report-fields label { display: flex; align-items: center; gap: 10px; padding: 10px; min-height: 44px; font-size: 14px; font-weight: 500; cursor: pointer; overflow-wrap: anywhere; }
#report-fields input { flex: 0 0 auto; width: 18px; height: 18px; accent-color: #542192; }
#comparison-report-form > label { display: block; margin: 18px 0 8px; font-size: 15px; font-weight: 700; }
#report-message,#report-whatsapp { width: 100%; border: 1px solid #cbd5df; border-radius: 12px; padding: 12px 14px; font: 400 16px/1.5 'Instrument Sans',sans-serif; color: #0e2433; background: #f8fafc; }
#report-message { resize: vertical; min-height: 130px; }
#report-whatsapp { min-height: 48px; }
#report-message:focus,#report-whatsapp:focus { outline: 2px solid #542192; outline-offset: 2px; background: #fff; }
.report-help { color: #4d6475; font-size: 13px; line-height: 1.5; margin: 8px 0; }
#report-feedback { font-size: 14px; line-height: 1.5; margin: 14px 0; overflow-wrap: anywhere; }
#report-feedback[data-error="true"] { color: #a30c2e; }
#report-feedback[data-error="false"] { color: #14764f; }
.report-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
#report-submit:disabled,#btn-report-cmp:disabled { opacity: .55; cursor: default; transform: none; }
@media (max-width: 600px) { #comparison-report-form { padding: 18px 16px; } #comparison-report-dialog .dlg-hdr { padding: 18px 16px; } #comparison-report-title { font-size: 21px; } #report-fields { grid-template-columns: 1fr; } .report-actions .btn { flex: 1; } }