/* Cron shared styles — cron.html + cron-detail.html */

/* Automations table grid (R1-D1/R2-D10): name / schedule / delivers to / goal / status.
   Row content (esp. goal) can run 2 lines — table-row's min-height is allowed to grow. */
.cols-automations { grid-template-columns: 260px 170px 140px 1fr 100px; }

.cron-table .table-row.selected { background: #F6F6F6; }

.cron-cell-cron { display: flex; align-items: center; gap: 10px; min-width: 0; }
.cron-cell-cron svg { width: 18px; height: 18px; color: #000; flex-shrink: 0; }
.cron-name { font: 600 14px/1.3 var(--font-sans); color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cron-schedule-text, .cron-delivers-text, .cron-goal-text { font: 400 13px/1.3 var(--font-sans); color: var(--muted-foreground); }
.cron-delivers-tag { display: flex; align-items: center; gap: 10px; }
.cron-delivers-tag svg { width: 18px; height: 18px; color: var(--muted-foreground); flex-shrink: 0; }

.cron-meta-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  min-height: 16px;
}
.cron-meta-label { width: 96px; flex-shrink: 0; font: 400 13px/1.3 var(--font-sans); color: var(--muted-foreground); }
.cron-meta-value { font: 400 13px/1.3 var(--font-sans); color: #000; }

.run-history { display: flex; flex-direction: column; gap: 8px; }
.run-history-table { display: flex; flex-direction: column; }
.run-history-th {
  display: flex;
  padding-bottom: 8px;
  font: 500 11px/1 var(--font-sans);
  color: var(--muted-foreground);
}
.run-history-row {
  display: flex;
  align-items: flex-start;
  padding: 6px 0;
  font: 400 13px/1.3 var(--font-sans);
  color: #000;
}
.rh-run { width: 88px; flex-shrink: 0; }
.rh-result { flex: 1; min-width: 0; padding-right: 12px; }
.rh-status { width: 78px; flex-shrink: 0; display: flex; justify-content: flex-start; }