/*
 * Run history — every run of one automation for one booking, one quiet row
 * each: when it was asked for, who asked, how it ended.
 * Markup lives in app/automations/_run_history.html; the role page's runs
 * panel and the booking page's export strip both include it.
 */
.global-run-history {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}
.global-run-history__row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--spacing-xs) var(--spacing-sm);
    padding: var(--spacing-xs) 0;
    border-top: 1px solid var(--color-grey-100);
}
.global-run-history__row:first-child {
    border-top: 0;
}
.global-run-history__dot {
    flex: 0 0 auto;
    align-self: center;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-grey-300);
}
.global-run-history__row--queued .global-run-history__dot,
.global-run-history__row--running .global-run-history__dot {
    background: var(--color-warning);
}
.global-run-history__row--done .global-run-history__dot {
    background: var(--color-success);
}
.global-run-history__row--failed .global-run-history__dot {
    background: var(--color-error);
}
.global-run-history__row--failed .global-run-history__ending {
    color: var(--color-error);
}
.global-run-history__when {
    flex: 0 0 auto;
    color: var(--color-text);
}
.global-run-history__who {
    flex: 1 1 12rem;
    min-width: 0;
}
.global-run-history__ending {
    flex: 1 1 100%;
    padding-left: var(--spacing-md); /* dot width + the row gap */
}
