.record-archive-dialog { width:min(620px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #cbdcf1; border-radius:10px; color:#163858; box-shadow:0 16px 60px #16385833; }
.record-archive-dialog::backdrop { background:#14284266; }
.record-archive-dialog[open] { display:flex; flex-direction:column; }
.record-archive-dialog header,.record-archive-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; flex-shrink:0; }
.record-archive-dialog h3 { margin:0; font-size:16px; }
.record-archive-dialog header { border-bottom:1px solid #dce5f0; }
.record-archive-dialog footer { border-top:1px solid #dce5f0; }
.record-archive-body { padding:8px 18px 18px; overflow:auto; min-height:0; }
.record-archive-body textarea { width:100%; box-sizing:border-box; margin-top:8px; }
.record-archive-body article { border-top:1px solid #dce5f0; margin-top:10px; }
.record-archive-body p { overflow-wrap:anywhere; }
.record-archive-warning { color:#925317; }
.record-archive-dialog fieldset { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; border:0; }
@media(max-width:600px) { .record-archive-dialog header { align-items:flex-start; } .record-archive-dialog header button { flex-shrink:0; } }

.record-archive-dialog button { width:auto; min-width:0; flex:0 0 auto; margin:0; }
.record-archive-dialog header h3 { flex:1; min-width:0; overflow-wrap:anywhere; }
.record-archive-dialog header button { white-space:nowrap; }
.record-archive-dialog footer fieldset { flex:0 1 auto; justify-content:flex-end; }