/* Time pill */
.time-pill {
    border: 1px solid var(--border-color, #d1d5db);
    background: transparent;
    padding: 0.35em 0.7em;
    border-radius: 999px;
    font-size: 0.95em;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.time-pill.time-interactive {
    cursor: pointer;
}

.time-pill.time-ok {
    color: #16a34a;
    border-color: #16a34a;
}

.time-pill.time-warn {
    color: #7788ff;
    border-color: #7788ff;
}

.time-pill.time-danger {
    color: #ef4444;
    border-color: #ef4444;
}

.time-pill.time-interactive:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}