.calculation-report-button { flex:none; display:grid; place-items:center; width:31px; height:29px; padding:5px; border:1px solid #c5d5f0; border-radius:6px; background:#e8f0fe; color:#1a3a5c; cursor:pointer; }
/* Tabler alert-circle, vendored alongside the existing MIT-licensed toolbar icons. */
.calculation-report-button::before { content:''; width:18px; height:18px; background:currentColor; mask:url('/qa/icons/alert-circle.svg') center/contain no-repeat; -webkit-mask:url('/qa/icons/alert-circle.svg') center/contain no-repeat; }
.calculation-report-button:hover { background:var(--bg-hover,#e6eff7); }
.calculation-report-button:focus-visible,.document-feedback-dialog :is(button,summary):focus-visible { outline:2px solid #386b97; outline-offset:3px; }
.calculation-report-button:active,.document-feedback-dialog button:active { transform:scale(.98); }
.document-feedback-dialog { box-sizing:border-box; padding:26px; border:1px solid #c2cfdb; border-radius:12px; background:#f8fafc; color:#263c50; box-shadow:0 20px 70px #16324f30; overflow:auto; font:14px/1.6 system-ui,sans-serif; }
.document-feedback-dialog::backdrop { background:rgba(15,31,46,.42); }
.document-feedback-dialog h3 { margin:0 0 18px; font-size:20px; }
.document-feedback-dialog h4 { margin:16px 0 6px; }
.document-feedback-dialog p { margin:10px 0; }
.document-feedback-dialog label { display:grid; gap:6px; margin:16px 0; font-weight:600; }
.document-feedback-dialog :is(input,textarea,select) { box-sizing:border-box; width:100%; padding:10px 12px; border:1px solid #9caebe; border-radius:6px; background:#fdfefe; color:inherit; font:inherit; font-weight:400; }
.document-feedback-dialog textarea { resize:vertical; }
.document-feedback-dialog :is(input,textarea,select):focus { outline:none; border-color:#48769b; box-shadow:0 0 0 2px rgba(72,118,155,.1); }
.document-feedback-dialog textarea { min-height:140px; max-height:35vh; }
.feedback-attachments { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.feedback-attachments>span { font-size:12px; color:#586e80; }
.document-feedback-dialog .feedback-attach { margin:0; font-size:13px; padding:5px 10px; }
.feedback-images { display:flex; flex-wrap:wrap; gap:10px; }
.feedback-images:not(:empty) { margin:12px 0; }
.feedback-image-card { display:grid; justify-items:center; gap:2px; }
.feedback-images .feedback-image-thumb { display:block; width:76px; height:76px; padding:3px; margin:0; overflow:hidden; border:1px solid #aabccc; border-radius:6px; background:transparent; cursor:pointer; }
.feedback-image-thumb img { width:100%; height:100%; display:block; object-fit:contain; border-radius:3px; }
.document-feedback-dialog .feedback-image-card>button:not(.feedback-image-thumb) { margin:0; padding:2px 6px; border:0; font-size:12px; }
.feedback-image-dialog { width:min(960px,90vw); max-height:90vh; box-sizing:border-box; padding:16px; border:1px solid #c2cfdb; border-radius:12px; color:#263c50; background:#f8fafc; }
.feedback-image-dialog::backdrop { background:rgba(15,31,46,.65); }
.feedback-image-dialog>div { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.feedback-image-dialog span { overflow-wrap:anywhere; min-width:0; }
.feedback-image-dialog button { flex:none; padding:7px 12px; border:1px solid #aabccc; border-radius:6px; color:inherit; background:transparent; cursor:pointer; }
.feedback-image-dialog button:focus-visible { outline:2px solid #48769b; outline-offset:2px; }
.feedback-image-dialog>img { display:block; width:100%; max-height:72vh; object-fit:contain; }
.document-feedback-dialog :is(input,textarea)::placeholder { color:#586e80; }
.document-feedback-dialog button { padding:7px 12px; margin:4px 8px 4px 0; border:1px solid #aabccc; border-radius:6px; background:transparent; color:inherit; font:inherit; white-space:nowrap; cursor:pointer; }
.document-feedback-dialog .feedback-primary { background:#244f74; border-color:#244f74; color:#f8fafc; }
.document-feedback-dialog button:disabled { opacity:.6; cursor:default; }
.document-feedback-dialog .feedback-close { margin-top:16px; }
.document-feedback-dialog .feedback-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.document-feedback-dialog .feedback-actions button { margin:0; }
.document-feedback-dialog [role=status]:empty { display:none; }
.document-feedback-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; margin:5px 0 12px; }
.feedback-document { border-left:3px solid #416c90; padding:4px 0 4px 14px; overflow-wrap:anywhere; }
.feedback-document strong,.feedback-document small { display:block; }
.feedback-document small,.feedback-document details { color:#536a7c; font-size:12px; }
.feedback-document summary { cursor:pointer; }
.document-feedback-dialog [role=status] { color:#365f80; }
:root[data-color-mode="dark"] .calculation-report-button { background:#213448; color:#e3ecf5; border-color:#587087; }
:root[data-color-mode="dark"] .document-feedback-dialog { background:#1c2c3c; color:#e3ecf5; border-color:#587087; }
:root[data-color-mode="dark"] .document-feedback-dialog :is(input,textarea,select) { background:#142435; border-color:#678095; }
:root[data-color-mode="dark"] .document-feedback-dialog :is(input,textarea,select):focus { border-color:#91b5d2; box-shadow:0 0 0 2px rgba(145,181,210,.12); }
:root[data-color-mode="dark"] .feedback-attachments>span { color:#b2c3d2; }
:root[data-color-mode="dark"] .feedback-image-dialog { color:#e3ecf5; background:#1c2c3c; border-color:#587087; }
:root[data-color-mode="dark"] .document-feedback-dialog :is(input,textarea)::placeholder,
:root[data-color-mode="dark"] .feedback-document :is(small,details) { color:#b2c3d2; }
:root[data-color-mode="dark"] .document-feedback-dialog [role=status] { color:#c1d9eb; }
:root[data-color-mode="dark"] .document-feedback-dialog .feedback-primary { background:#b6d1e7; color:#152c40; border-color:#b6d1e7; }
@media(max-width:600px) { .document-feedback-dialog { padding:18px; }.document-feedback-dialog button { min-height:40px; } }
/* Compact report composition; history and official review keep their own layout. */
.feedback-report-dialog h3 { margin-bottom:12px; }
.feedback-report-dialog .feedback-document { padding:0; border:0; color:#536a7c; font-size:13px; }
.feedback-report-dialog .feedback-document strong { font-weight:500; }
.feedback-report-dialog label { margin:16px 0 12px; }
.feedback-report-dialog textarea { min-height:112px; }
.feedback-report-dialog .feedback-attachments { gap:10px; align-items:center; }
.feedback-attachments .feedback-images { display:contents; }
.feedback-attachments .feedback-image-card { display:block; position:relative; flex:none; }
.feedback-attachments .feedback-image-thumb,.feedback-report-dialog .feedback-attach { box-sizing:border-box; width:64px; height:64px; }
.feedback-report-dialog .feedback-attach { padding:4px; border-style:dashed; font-size:12px; }
.feedback-report-dialog .feedback-image-card .feedback-image-remove { position:absolute; top:-5px; right:-5px; display:grid; place-items:center; width:24px; height:24px; min-height:24px; padding:0; border:1px solid #b5c5d2; border-radius:50%; background:#f8fafc; color:#36536a; }
.feedback-image-remove::before { content:''; width:12px; height:12px; background:currentColor; mask:url('/qa/icons/x.svg') center/contain no-repeat; -webkit-mask:url('/qa/icons/x.svg') center/contain no-repeat; }
.feedback-report-dialog .feedback-image-remove:hover { background:#e4edf5; }
.feedback-report-dialog .feedback-actions { margin-top:16px; }
:root[data-color-mode="dark"] .feedback-report-dialog .feedback-document { color:#b2c3d2; }
:root[data-color-mode="dark"] .feedback-report-dialog .feedback-image-remove { background:#263e53; border-color:#7893a9; color:#e3ecf5; }
:root[data-color-mode="dark"] .feedback-report-dialog .feedback-image-remove:hover { background:#365770; }
/* Feedback notices sit above the mobile assistant (11020), below its popovers (12050). */
.toast.feedback-toast { z-index:11030; }