.retention-container { max-width: 1220px; }
.retention-warning { display: flex; gap: 12px; align-items: center; margin-bottom: 20px; padding: 15px 18px; border: 1px solid #b8e0ca; border-radius: 12px; background: #eaf7f0; color: var(--success); }
.retention-warning span { color: #376b52; }
.retention-top-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.retention-panel form { padding: 4px 22px 22px; }
.retention-section { margin-top: 20px; }
.retention-reason { max-width: 360px; white-space: normal; line-height: 1.4; }
.retention-status-preview { background: #edf1f7; color: #526071; }
.retention-status-pending { background: #fff4dc; color: #8a5a00; }
.retention-status-approved { background: #e8f1fa; color: #245987; }
.retention-status-running { background: #eee9fa; color: #63459a; }
.retention-status-success { background: #e8f6ee; color: #176b43; }
.retention-status-failed,.retention-status-canceled { background: #feeceb; color: #9c2720; }
.danger-text { color: var(--danger) !important; }
@media (max-width: 850px) { .retention-top-grid { grid-template-columns: 1fr; } .retention-warning { align-items: flex-start; flex-direction: column; } }