/* W03d-read: one order's history timeline (web/order-history-view.js). Every rule is scoped under .ohv-timeline;
   the record keeps the shared .product-history-event grid of order-detail-tabs.css (time and author left, event right). */
.ohv-timeline{list-style:none;margin:0;padding:0}
.ohv-timeline>.ohv-item{position:relative;margin:0;padding:0 0 0 var(--space-5)}
/* Decorative rail and marker; the ordered list already announces positions. */
.ohv-timeline>.ohv-item::before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--line)}
.ohv-timeline>.ohv-item:first-child::before{top:var(--space-3)}
.ohv-timeline>.ohv-item:last-child::before{bottom:auto;height:var(--space-3)}
.ohv-timeline>.ohv-item:only-child::before{display:none}
.ohv-timeline>.ohv-item::after{content:"";position:absolute;left:1px;top:calc(var(--space-2) + 2px);box-sizing:border-box;width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}
.ohv-timeline>.ohv-item:first-child::after{top:2px}
.ohv-timeline>.ohv-item[data-entry="unreadable"]::after{border-color:var(--subtle);border-style:dashed}
/* Each record is the only child of its item, so restore the list rhythm the shared :first-child/:last-child rules remove. */
.ohv-timeline>.ohv-item>.product-history-event{padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft)}
.ohv-timeline>.ohv-item:first-child>.product-history-event{padding-top:0}
.ohv-timeline>.ohv-item:last-child>.product-history-event{padding-bottom:0;border-bottom:0}
.ohv-timeline>.ohv-item[data-time="missing"]>.product-history-event>small{font-style:italic}
.ohv-timeline .ohv-body{min-width:0}
.ohv-timeline .ohv-body>strong{display:block}
.ohv-timeline .ohv-changes{font-variant-numeric:tabular-nums}
.ohv-timeline .ohv-more{margin-top:2px}
.ohv-timeline .ohv-more>summary{display:list-item;width:max-content;max-width:100%;padding:var(--space-1) 0;color:var(--accent);font-size:var(--text-xs);font-weight:600;cursor:pointer}
.ohv-timeline .ohv-more>summary:hover{color:var(--accent-hover)}
.ohv-timeline .ohv-more[open]>summary{margin-bottom:2px}
@media(max-width:699px){
 .ohv-timeline>.ohv-item{padding-left:var(--space-4)}
 .ohv-timeline .ohv-more>summary{box-sizing:border-box;min-height:44px;padding:12px 0}
}