/* Web tab (Umami in depth, 2026-10-13). Tokens only. */
.web-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-2); }
.web-bar .sub-tabs { margin-bottom: 0; flex-wrap: wrap; }
.web-meta { font-size: var(--font-size-sm); color: var(--text-muted); margin-bottom: var(--space-3); min-height: 1.2em; }
.web-meta .web-stale { color: var(--color-warning-text); font-weight: 600; }

/* ranked lists: label, count, a bar for the share of the list's own top row */
.web-list { display: flex; flex-direction: column; gap: var(--space-1); }
.web-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-3); align-items: baseline; font-size: var(--font-size-sm); }
.web-row .web-lbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-primary); }
.web-row .web-n { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text-secondary); }
.web-row .web-n small { color: var(--text-muted); font-weight: 400; margin-left: var(--space-1); }
.web-row .web-bar-fill { grid-column: 1 / -1; height: 4px; border-radius: var(--radius-full); background: var(--bg-subtle); overflow: hidden; }
.web-row .web-bar-fill i { display: block; height: 100%; background: var(--chart-blue); border-radius: var(--radius-full); }
.web-row.web-ai .web-bar-fill i { background: var(--chart-purple); }
.web-sub { font-size: var(--font-size-xs); text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); font-weight: 700; margin: var(--space-3) 0 var(--space-1); }
.web-sub:first-child { margin-top: 0; }
.web-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-4); }
.web-empty { font-size: var(--font-size-sm); color: var(--text-muted); }
.web-tag { font-size: var(--font-size-2xs); padding: 0 var(--space-1-half); border-radius: var(--radius-full); background: var(--color-info-bg); color: var(--color-info-text); margin-left: var(--space-1); }
.web-notes { font-size: var(--font-size-sm); color: var(--text-secondary); }
.web-notes ul { margin: 0; padding-left: var(--space-4); display: flex; flex-direction: column; gap: var(--space-1-half); }
.web-ev-chart { height: 120px; position: relative; margin-top: var(--space-3); }
.web-dim { color: var(--text-secondary); font-size: var(--font-size-2xs); margin-left: var(--space-1); }
.web-views { margin-bottom: var(--space-3); }
.web-view[hidden] { display: none; }