.data-retention-erasure-layer { position: relative; z-index: 83; margin: 1rem 0; }
.data-retention-erasure { display: grid; gap: .7rem; padding: 1rem; border: 1px solid color-mix(in srgb, #0f766e 36%, var(--panel-border, #cbd5e1)); border-radius: 14px; background: var(--panel-bg, #fff); color: var(--panel-text, #0f172a); box-shadow: 0 8px 22px rgba(15, 23, 42, .08); }
.data-retention-erasure h2 { margin: 0; font-size: 1.05rem; }
.data-retention-erasure__warning, .data-retention-erasure__help { margin: 0; color: #475569; }
.data-retention-erasure__form { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem; align-items: center; }
.data-retention-erasure input, .data-retention-erasure select { min-width: 0; width: 100%; box-sizing: border-box; padding: .5rem; border: 1px solid #94a3b8; border-radius: 8px; background: #fff; color: #0f172a; font: inherit; }
.data-retention-erasure button { min-height: 2.25rem; padding: .45rem .75rem; border: 1px solid #64748b; border-radius: 8px; background: #f8fafc; color: #0f172a; font: inherit; cursor: pointer; }
.data-retention-erasure button.is-primary { border-color: #0f766e; background: #0f766e; color: #fff; }
.data-retention-erasure__status { margin: 0; font-weight: 700; }
.data-retention-erasure__list { display: grid; gap: .3rem; margin: 0; padding-left: 1.25rem; }
.data-retention-erasure__list .is-active { color: #166534; }
.data-retention-erasure__list .is-deleted { color: #b91c1c; font-weight: 700; }
.data-retention-erasure__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
@media (max-width: 900px) { .data-retention-erasure__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .data-retention-erasure__form button { width: 100%; } }
@media (max-width: 560px) { .data-retention-erasure__form { grid-template-columns: 1fr; } }
@media (forced-colors: active) { .data-retention-erasure { border: 2px solid CanvasText; box-shadow: none; } .data-retention-erasure input, .data-retention-erasure select, .data-retention-erasure button { border: 1px solid CanvasText; background: Canvas; color: CanvasText; } }
@media print { .data-retention-erasure-layer { display: none !important; } }