/* Title bar */
.titlebar {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background: var(--lavender);
  border-bottom: 3px solid var(--border);
  flex-shrink: 0;
  gap: 12px;
}
.tb-left { display: flex; gap: 7px; }
.dot { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--border); }
.dot-r { background: var(--pink); }
.dot-y { background: var(--yellow); }
.dot-g { background: var(--green); }
.tb-center { font-family: 'Space Mono', monospace; font-size: 13px; font-weight: 700; flex: 1; text-align: center; }
.tb-right { display: flex; align-items: center; gap: 6px; font-family: 'Space Mono', monospace; font-size: 10px; }
.tb-label { color: var(--grey); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.tb-status { color: var(--green); font-weight: 700; }
.tb-sep { color: var(--grey); opacity: .4; }
.tb-counter { font-weight: 700; }