.statusbar {
  position: sticky; bottom: 0; z-index: 9;
  display: flex; align-items: stretch; gap: 0;
  font-family: var(--font-mono); font-size: 10.5px;
  text-transform: uppercase; letter-spacing: 0.12em;
  background: var(--bg);
  border-top: 1px solid var(--border-strong);
}
.statusbar > .sb-block {
  padding: 5px 12px;
  display: flex; align-items: center; gap: 6px;
  border-right: 1px solid var(--border);
}
.statusbar > .sb-block.mode {
  background: var(--accent); color: #06122A; font-weight: 700;
  letter-spacing: 0.16em;
}
.statusbar > .sb-block.fill {
  flex: 1; color: var(--text-dim);
  background: var(--surface);
  border-right: 1px solid var(--border);
  letter-spacing: 0.08em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.statusbar > .sb-block.warn {
  background: var(--pill-warn-bg); color: var(--pill-warn-fg); font-weight: 700;
}
.statusbar > .sb-block.danger {
  background: var(--danger-bg); color: var(--danger); font-weight: 700;
}
.statusbar > .sb-block.meta {
  color: var(--text-dim);
  background: var(--surface);
}
.statusbar > .sb-block:last-child { border-right: 0; }