/* Top bar */
#topbar {
  min-height: var(--topbar-h);
  flex: none;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
}
.brand { font-weight: 700; letter-spacing: -.01em; margin-right: 4px; }
.brand span { color: var(--accent); }
.topbar-sep { width: 1px; height: 22px; background: var(--line); margin: 0 2px; }
.help-btn {
  border-radius: 99px; min-width: 24px; justify-content: center;
  border: 1px solid var(--line); color: var(--fg-1); font-weight: 700;
}
.help-btn:hover { border-color: var(--accent); color: var(--fg-0); }
/* Đủ rộng cho giá trị đang chọn (VD "Blockout (dark)"), không cắt chữ giữa từ */
#topbar select { width: auto; min-width: 116px; }
/* Tên dự án co giãn theo chỗ trống thay vì cứng 150px rồi cắt chữ */
#topbar .topbar-name { flex: 1 1 140px; min-width: 120px; max-width: 240px; }
#topbar .seg, #topbar select { flex-shrink: 0; }