/* Session stats in the rail (stats.js) — rail 15b «notebook, compact» (owner 2026-10-03):
   flat «Sicherheit» block, then «ZAHLEN» rows. Figures in Geist, tabular numbers. */
.wss { display: flex; flex-direction: column; gap: var(--lysi-s-16); font-family: var(--lysi-font-sans); }
.wss-card { display: flex; flex-direction: column; gap: var(--lysi-s-10); }
.wss-head { display: flex; align-items: baseline; gap: var(--lysi-s-6); }
.wss-title { font-size: var(--lysi-fs-13); font-weight: 500; color: var(--lysi-ink); }
.wss-val { margin-left: auto; font-size: 24px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; line-height: 1; color: var(--lysi-ink); }
.wss-val.is-done { color: var(--lysi-accent-text); }
.wss-pct { font-size: var(--lysi-fs-13); font-weight: 500; color: var(--lysi-ink3); margin-left: 2px; }

/* segmented bar: 6 px bars inside a 14 px hit area, 2 px gaps (15b) */
.wss-bar { display: flex; gap: 2px; }
.wss-seg { flex-basis: 0; min-width: 5px; height: 14px; padding: 4px 0; cursor: pointer; background-clip: content-box; border-radius: 1px; transition: opacity 150ms; }
.wss-seg:first-child { border-radius: 4px 1px 1px 4px; }
.wss-seg:last-child { border-radius: 1px 4px 4px 1px; }
.wss-seg:focus-visible { outline: 2px solid var(--lysi-doc); outline-offset: 1px; }
.wss-user { background-color: var(--lysi-ink); }
.wss-auto { background-color: var(--lysi-ink3); }
.wss-open { background-color: var(--lysi-warn-line); }
.wss-rest { background-color: var(--lysi-track); background-clip: border-box; height: 6px; margin: 4px 0; padding: 0; }
.wss-bar.is-done .wss-user { background-color: var(--lysi-accent); }
.wss-bar.is-done .wss-auto { background-color: var(--lysi-auto-done); }
.wss-bar.has-sel .wss-seg:not(.is-sel) { opacity: .35; }
.wss-seg.is-sel { box-shadow: 0 0 0 1.5px var(--lysi-ink); border-radius: 4px; }

.wss-status { height: 16px; display: flex; align-items: center; gap: 6px; font-size: var(--lysi-fs-12); white-space: nowrap; min-width: 0; cursor: default; }
.wss-warn { color: var(--lysi-warn-ink); }
.wss-ok { color: var(--lysi-ok-ink); }
.wss-sw { width: 8px; height: 8px; border-radius: 2px; flex: none; padding: 0; background-clip: border-box; }
.wss-sel-label { font-weight: 600; color: var(--lysi-ink); overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.wss-sel-val { margin-left: auto; flex: none; font-weight: 600; color: var(--lysi-ink2); font-variant-numeric: tabular-nums; }

/* «ZAHLEN»: label + 4 rows — 26 px icon tile · label · value right; 0 in muted ink */
.wss-tiles { display: flex; flex-direction: column; gap: var(--lysi-s-8); }
.wss-label { font-size: var(--lysi-fs-11); letter-spacing: .06em; text-transform: uppercase; color: var(--lysi-ink3); }
.wss-tile { display: flex; align-items: center; gap: var(--lysi-s-10); font-size: var(--lysi-fs-12-5); color: var(--lysi-ink2); min-width: 0; }
.wss-ic { width: 26px; height: 26px; border-radius: var(--lysi-r-7); background: var(--lysi-tile); display: flex; align-items: center; justify-content: center; flex: none; color: var(--lysi-ink2); }
.wss-tile-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.wss-tile-val { margin-left: auto; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--lysi-ink); }
.wss-tile.is-zero :is(.wss-tile-val, .wss-ic) { color: var(--lysi-ink3); }