.pending-correction-dialog { width: min(460px, calc(100% - 32px)); padding: 28px; border: 1px solid #dce5f4; border-radius: 16px; color: #142b54; box-shadow: 0 20px 70px #142b5433; }
.pending-correction-dialog::backdrop { background: #142b5466; }
.pending-correction-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 18px; border-radius: 12px; background: #fff5de; color: #996500; }
.pending-correction-icon svg { width: 26px; height: 26px; }
.pending-correction-dialog h2 { margin: 0 0 12px; font-size: 22px; font-weight: 750; }
.pending-correction-dialog p { margin: 0 0 24px; color: #61748c; font-size: 14px; line-height: 1.7; }
.pending-correction-dialog form { display: flex; justify-content: flex-end; margin: 0; }

#pendingCorrectionTitle:focus { outline: none; }

.pending-correction-dialog[open] { animation: correction-modal-in .24s cubic-bezier(.22, 1, .36, 1) both; }
.pending-correction-dialog[open]::backdrop { animation: correction-backdrop-in .24s ease-out both; }
.pending-correction-dialog.is-closing { animation: correction-modal-out .18s ease-in both; }
.pending-correction-dialog.is-closing::backdrop { animation: correction-backdrop-out .18s ease-in both; }
@keyframes correction-modal-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes correction-modal-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(8px); } }
@keyframes correction-backdrop-in { from { background-color: transparent; } to { background-color: #142b5466; } }
@keyframes correction-backdrop-out { from { background-color: #142b5466; } to { background-color: transparent; } }
@media (prefers-reduced-motion: reduce) { .pending-correction-dialog[open], .pending-correction-dialog[open]::backdrop { animation: none; } }