:root {
    --tracking-bg: #f6f8fb;
    --tracking-line: #dee2e6;
    --tracking-marker: #0d6efd;
    --tracking-axis-x: 18px;
    --tracking-axis-w: 2px;
    --tracking-dot: 16px;
}
body.tracking-body {
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--tracking-bg);
    color: #212529;
}
.tracking-card {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 14px;
}
.tracking-timeline {
    position: relative;
    padding-left: 0;
}
.tracking-timeline:before {
    content: "";
    position: absolute;
    left: var(--tracking-axis-x);
    top: 0.35rem;
    bottom: 0.35rem;
    width: var(--tracking-axis-w);
    background: linear-gradient(180deg, rgba(13, 110, 253, 0.15), var(--tracking-line), rgba(13, 110, 253, 0.15));
    border-radius: 1px;
}
.tracking-item {
    position: relative;
    padding: 0.75rem 0 0.75rem 2.25rem;
}
.tracking-marker {
    position: absolute;
    left: calc(var(--tracking-axis-x) + (var(--tracking-axis-w) / 2) - (var(--tracking-dot) / 2));
    top: 1.05rem;
    width: var(--tracking-dot);
    height: var(--tracking-dot);
    background: var(--tracking-marker);
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
    border-radius: 50%;
}
.tracking-content {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    transition: transform 150ms ease, box-shadow 150ms ease;
}
.tracking-content:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10);
}
.tracking-date {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0a58ca;
    background: rgba(13, 110, 253, 0.10);
    border: 1px solid rgba(13, 110, 253, 0.18);
}
.tracking-title {
    font-weight: 700;
    color: #111827;
}
.tracking-meta {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.35rem;
}
.tracking-remarks {
    color: #212529;
    line-height: 1.45;
    word-break: break-word;
}
@media (max-width: 575.98px) {
    .tracking-item {
        padding-left: 2.05rem;
    }
    .tracking-content {
        padding: 0.75rem 0.85rem;
    }
}