/* Your data and privacy (js/privacy.js): the section in Storage and Backups and the delete confirmation. */
.bdt-privacy { flex: 0 0 auto; margin-top: 10px; border: 1px solid rgba(127, 127, 127, .35); border-radius: 10px; }
.bdt-privacy > summary { cursor: pointer; padding: 9px 11px; font-size: 12px; font-weight: 750; }
.bdt-privacy-body { display: grid; gap: 8px; padding: 0 11px 11px; }
.bdt-privacy-body .modal-hint, .bdt-privacy-card .modal-hint { margin: 0; }
.bdt-privacy-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bdt-privacy-id { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }
.bdt-privacy-danger:not(:disabled) { color: #fff; background: #c92a21; border-color: #c92a21; }
.bdt-privacy-status:empty { display: none; }
/* 04-v22.css stops the Storage and Backups card from scrolling (!important); let it scroll while this section is open. */
#ioModal .modal-card:has(.bdt-privacy[open]) { overflow-y: auto !important; }
#bdtDeleteAccountModal .bdt-privacy-card, #bdtAccountDeletedModal .bdt-privacy-card { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
.bdt-privacy-card .modal-input { width: 100%; box-sizing: border-box; margin: 4px 0 8px; }
.bdt-privacy-list { margin: 0 0 10px; padding-left: 20px; }
.bdt-privacy-list li { margin: 2px 0; }