.os-metrics article.ok i{background:#e4f7ef;color:#15966b}
.os-metrics article.bad i{background:#fff0e5;color:#d87821}
.os-metrics article.status-card.completed i{background:#e5f7ef;color:#11845e}
.os-metrics article.status-card.failed i{background:#ffeaed;color:#b83c50}
.os-metrics article.status-card.running i{background:#fff3dc;color:#a56a08}
.os-metrics article.status-card.unknown i{background:#f1f3f6;color:#748092}
.backup-list .os-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.os-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.os-actions button,.os-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:8px 12px;border:1px solid #ddd7fa;border-radius:10px;background:#fff;color:#6045cf;text-decoration:none;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
.os-actions button:hover,.os-actions a:hover{background:#f3f0ff;border-color:#cfc4ff}
.status{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:7px 10px;border-radius:999px;background:#f1f3f6;font-size:11px;font-style:normal;font-weight:800;line-height:1.1;text-align:center}
.status.completed{background:#e5f7ef;color:#11845e}
.status.failed{background:#ffeaed;color:#b83c50}
.status.running{background:#fff3dc;color:#a56a08}
.status.pending,.status.queued,.status.warning{background:#fff4dd;color:#9b6804}
.status.unknown{background:#f1f3f6;color:#748092}
.os-backup-note{margin-top:17px;padding:18px 20px;border-color:#ddd7fa;background:#faf9ff}
.os-backup-note p{margin:5px 0 0;color:#737e8d}
.os-cron code{overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.5}
.os-row{align-items:center}
.os-row b{font-size:13px}
.os-row small{line-height:1.45}
@media(max-width:760px){
  .backup-list .os-row{grid-template-columns:1fr}
  .backup-list .os-actions{grid-column:1/-1;justify-content:flex-start}
  .backup-list time{display:none}
  .status{min-width:0}
}