.system-dialog {
  box-sizing: border-box; width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px); margin: auto; padding: 26px; overflow: auto;
  border: 1px solid #dce2e8; border-radius: 18px; background: #fff; color: #1d252c;
  box-shadow: 0 24px 70px #1d252c40; font: 15px/1.5 "Inter", system-ui, sans-serif;
}
.system-dialog::backdrop { background: #1d252c80; }
.system-dialog h2 { margin: 0 0 12px; font-size: 22px; line-height: 1.25; }
.system-dialog-message, .system-dialog-status { white-space: pre-wrap; overflow-wrap: anywhere; }
.system-dialog-message { margin: 0 0 20px; color: #475569; }
.system-dialog-field { display: grid; gap: 8px; margin: 16px 0; font-weight: 600; }
.system-dialog-field input {
  box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px;
  border: 1px solid #94a3b8; border-radius: 8px; background: #fff; color: #1d252c; font: inherit;
}
.system-dialog-status { color: #9f1239; margin: 12px 0; }
.system-dialog-status:empty { display: none; }
.system-dialog [aria-busy="true"] .system-dialog-status { color: #475569; }
.system-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.system-dialog button { min-height: 44px; padding: 10px 16px; border: 1px solid #94a3b8; border-radius: 9px; font: inherit; font-weight: 600; background: #fff; color: #1d252c; cursor: pointer; }
.system-dialog .system-dialog-danger { background: #b91c1c; border-color: #b91c1c; color: #fff; }
.system-dialog .system-dialog-primary { background: #1e40af; border-color: #1e40af; color: #fff; }
.system-dialog :focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.system-dialog button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 480px) { .system-dialog { padding: 20px; } .system-dialog-actions button { flex: 1; } }