.record-removal-dialog { box-sizing:border-box; width:min(540px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); margin:auto; padding:24px; border:1px solid #d8dfe5; border-radius:16px; background:#fff; color:#1f2937; box-shadow:0 20px 60px #172d4130; font:400 14px/1.7 sans-serif; overflow:auto; }
.record-removal-dialog::backdrop { background:#172d4166; }
.record-removal-dialog h2 { font-size:20px; margin:0 0 14px; color:inherit; }
.record-removal-dialog p { margin:12px 0; overflow-wrap:anywhere; }
.record-removal-dialog dl { margin:18px 0; padding:14px; background:#f5f7f9; border-radius:10px; }
.record-removal-dialog dl div { display:grid; grid-template-columns:5em minmax(0,1fr); gap:12px; margin:6px 0; }
.record-removal-dialog dt { color:#586879; }
.record-removal-dialog dd { margin:0; overflow-wrap:anywhere; }
.record-removal-dialog [role=alert] { color:#a32727; }
.record-removal-dialog .record-removal-note,.record-removal-dialog .record-removal-key { font-size:12px; color:#586879; }
.record-removal-dialog footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:22px; }
.record-removal-dialog button { min-height:44px; padding:10px 16px; border:1px solid #bdc9d4; border-radius:8px; background:#fff; color:#243e52; font:inherit; font-weight:600; cursor:pointer; }
.record-removal-dialog button.record-removal-danger { background:#ad3030; border-color:#ad3030; color:#fff; }
.record-removal-dialog button:disabled { opacity:.6; cursor:wait; }
.record-removal-dialog button:focus-visible,.record-removal-dialog a:focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.record-removal-dialog [hidden] { display:none!important; }
@media(max-width:540px) { .record-removal-dialog { padding:20px; } .record-removal-dialog footer { flex-direction:column-reverse; } .record-removal-dialog footer button { width:100%; } }