/* /home/rich/oxxoox/static/css/timeline.css */

/* ============================================
   TIMELINE
   ============================================ */

.timeline {
    position: relative;
    padding-left: var(--gap-xl);
}

.timeline::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--border);
}

.timeline-item {
    position: relative;
    margin-bottom: var(--gap-xl);
}

.timeline-marker {
    position: absolute;
    left: -26px;
    top: 4px;
    width: 12px;
    height: 12px;
    background: var(--void);
    border: 2px solid var(--toxic);
}

.timeline-marker.inactive {
    border-color: var(--border);
}

.timeline-content {
    background: var(--smoke);
    border: 1px solid var(--border);
    padding: var(--gap-md);
}

.timeline-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--gap-sm);
}

.timeline-title {
    font-size: 13px;
    font-weight: 700;
}

.timeline-date {
    font-size: 10px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.timeline-description {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.6;
}