.private-file-dialog { box-sizing: border-box; width: min(46rem, calc(100vw - 24px)); max-height: calc(100dvh - 24px); margin: auto; padding: 20px; border: 1px solid #dae3ef; border-radius: 16px; overflow: auto; color: #10243e; background: #fff; overflow-wrap: anywhere; }
.private-file-dialog::backdrop { background: rgb(10 24 42 / 55%); }
.private-file-dialog header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.private-file-dialog [data-pf-body] { display: flex; flex-direction: column; gap: 12px; }
.private-file-dialog h2, .private-file-dialog h3, .private-file-dialog p { margin: 0; }
.private-file-dialog header { margin-bottom: 16px; }
.private-file-dialog form, .private-file-dialog .op-field { display: flex; flex-direction: column; gap: 10px; }
.private-file-dialog select, .private-file-dialog textarea { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; font: inherit; }
.private-file-dialog button, .private-file-dialog a { min-height: 44px; white-space: normal; }
.private-file-dialog label:has(> input[type="checkbox"]) { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; min-height: 44px; margin: 0; padding-block: 10px; cursor: pointer; }
.private-file-dialog input[type="checkbox"] { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; margin: 2px 0 0; padding: 0; accent-color: #285ee8; }
.private-file-dialog details article { padding-block: 12px; border-bottom: 1px solid #dae3ef; }
.private-file-dialog :focus-visible { outline: 3px solid #285ee8; outline-offset: 3px; }
@media (max-width: 430px) { .private-file-dialog { padding: 14px; } .private-file-dialog h2 { font-size: 1.25rem; } }