/* Home's Outcome strip: Running · Needs you · Working? (js/home-outcome.js). The cards reuse Home's
   .cos-live-status / .cos-live-card (css/ai-dashboard.css); only the rows inside are styled here. */
.hoc-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 44px;
    padding: 8px 0;
    border-bottom: 1px solid var(--ai-border, #E5E7EB);
    text-decoration: none;
    color: inherit;
}
.hoc-row:last-of-type { border-bottom: none; }
.hoc-row:hover .hoc-row-what { color: var(--ai-primary, #8200DB); }
.hoc-row-what {
    font-size: 14px;
    font-weight: 500;
    color: var(--ai-text-dark, #101828);
    overflow-wrap: anywhere;
}
.hoc-row-detail {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--ai-text-muted, #6A7282);
    overflow-wrap: anywhere;
}
.hoc-more {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ai-primary, #8200DB);
    text-decoration: none;
}
.hoc-empty,
.hoc-caption {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ai-text-muted, #6A7282);
}
.hoc-empty a { color: var(--ai-primary, #8200DB); }
.hoc-caption { margin-bottom: 8px; }
.hoc-number {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    padding: 8px 0;
    border-bottom: 1px solid var(--ai-border, #E5E7EB);
}
.hoc-number:last-child { border-bottom: none; }
.hoc-number-label { font-size: 13px; color: var(--ai-text-muted, #6A7282); }
.hoc-number-value { font-size: 16px; font-weight: 600; color: var(--ai-text-dark, #101828); text-align: right; }
.hoc-number-value.unknown { font-size: 13px; font-weight: 500; color: var(--ai-text-muted, #6A7282); }
.hoc-number-before { grid-column: 1 / -1; font-size: 12px; color: var(--ai-text-muted, #6A7282); }