/* Session segments view of the direction page. Shares tokens with direction.css. */
.direction-page .bt-tickers { gap: .4rem; }
.seg-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1.4rem; }
@media (max-width: 1279.98px) { .seg-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .seg-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.seg-card { border: 1px solid var(--dir-border); border-radius: .75rem; background: var(--dir-bg); padding: .9rem 1rem; display: flex; flex-direction: column; gap: .3rem; }
.seg-card--accent { border-color: var(--dir-accent); box-shadow: inset 0 3px 0 var(--dir-accent); }
.seg-card__head { display: flex; flex-direction: column; gap: .1rem; }
.seg-card__name { font-weight: 600; font-size: .9rem; align-self: flex-start; }
.seg-card__pct { display: flex; align-items: baseline; gap: .4rem; margin-top: .2rem; }
.seg-card__pct > span:first-child { font-size: 1.9rem; font-weight: 600; letter-spacing: -.03em; line-height: 1; }
.seg-card__vs { font-size: .75rem; color: var(--dir-muted); }
.seg-card__money { font-size: 1.05rem; font-weight: 600; margin-top: .15rem; }
.seg-bar { display: flex; height: 6px; border-radius: 999px; overflow: hidden; background: var(--dir-soft); margin: .25rem 0; min-width: 6rem; }
.seg-bar__up { background: var(--tw-success, #3f9d5e); }
.seg-bar__down { background: var(--tw-danger, #d63939); }
.seg-share { display: flex; gap: .3rem; align-items: baseline; font-variant-numeric: tabular-nums; }
.seg-share__sep { color: var(--dir-muted); }
.seg-table td.seg-cell { vertical-align: top; min-width: 11rem; }
.seg-table th .bt-h { cursor: help; border-bottom: 1px dashed var(--dir-muted); }
.seg-table .dir-meta { margin-top: .15rem; }
.seg-table--trailing td { vertical-align: middle; }
.seg-table--trailing .dir-time { font-weight: 600; font-size: 1rem; }
.seg-table th.text-end, .seg-table td.text-end { text-align: right; }
.seg-table--trailing th[scope=row] { width: 7rem; }
.seg-table th:first-child { width: 9rem; }